import Card from '@elementor/ui/Card'; import CardHeader from '@elementor/ui/CardHeader'; import Skeleton from '@elementor/ui/Skeleton'; import Stack from '@elementor/ui/Stack'; import Typography from '@elementor/ui/Typography'; import { styled } from '@elementor/ui/styles'; import { PieChartTitle } from '@ea11y/components/analytics/components/pie-chart-title'; import { StyledCardContent } from '@ea11y/pages/pages.styles'; import { useEffect, useRef, useState } from '@wordpress/element'; export const PieChartSkeleton = ({ animated }) => { const containerRef = useRef(null); const [chartWidth, setChartWidth] = useState(null); const setWidth = () => { const width = Number(containerRef.current.offsetWidth) / 3; setChartWidth(width > 180 ? 180 : width); }; useEffect(() => { setWidth(); }, [containerRef]); return ( ) : ( ) } sx={{ height: '60px', alignItems: 'start' }} /> {/* Legend Skeleton */} {Array.from({ length: 5 }).map((_, index) => ( ))} ); }; const StyledCircle = styled(Skeleton)` position: relative; &:before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 30px); height: calc(100% - 30px); border-radius: 50%; background: ${({ theme }) => theme.palette.background.default}; z-index: 1; } `; .dialog-widget-content { background-color: var(--e-a-bg-default); position: absolute; border-radius: 3px; box-shadow: 2px 8px 23px 3px rgba(0, 0, 0, 0.2); overflow: hidden; } .dialog-message { line-height: 1.5; box-sizing: border-box; } .dialog-close-button { cursor: pointer; position: absolute; margin-block-start: 15px; left: 15px; color: var(--e-a-color-txt); font-size: 15px; line-height: 1; transition: var(--e-a-transition-hover); } .dialog-close-button:hover { color: var(--e-a-color-txt-hover); } .dialog-prevent-scroll { overflow: hidden; max-height: 100vh; } .dialog-type-lightbox { position: fixed; height: 100%; width: 100%; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); z-index: 9999; user-select: none; } .elementor-editor-active .elementor-popup-modal { background-color: initial; } .dialog-type-confirm .dialog-widget-content, .dialog-type-alert .dialog-widget-content { margin: auto; width: 400px; padding: 20px; } .dialog-type-confirm .dialog-header, .dialog-type-alert .dialog-header { font-size: 15px; font-weight: 500; } .dialog-type-confirm .dialog-header:after, .dialog-type-alert .dialog-header:after { content: ""; display: block; border-block-end: var(--e-a-border); padding-block-end: 10px; margin-block-end: 10px; margin-inline-start: -20px; margin-inline-end: -20px; } .dialog-type-confirm .dialog-message, .dialog-type-alert .dialog-message { min-height: 50px; } .dialog-type-confirm .dialog-buttons-wrapper, .dialog-type-alert .dialog-buttons-wrapper { padding-block-start: 10px; display: flex; justify-content: flex-end; gap: 15px; } .dialog-type-confirm .dialog-buttons-wrapper .dialog-button, .dialog-type-alert .dialog-buttons-wrapper .dialog-button { font-size: 12px; font-weight: 500; line-height: 1.2; padding: 8px 16px; outline: none; border: none; border-radius: var(--e-a-border-radius); background-color: var(--e-a-btn-bg); color: var(--e-a-btn-color-invert); transition: var(--e-a-transition-hover); } .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover { border: none; } .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus { background-color: var(--e-a-btn-bg-hover); color: var(--e-a-btn-color-invert); } .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:active, .dialog-type-alert .dialog-buttons-wrapper .dialog-button:active { background-color: var(--e-a-btn-bg-active); } .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:not([disabled]), .dialog-type-alert .dialog-buttons-wrapper .dialog-button:not([disabled]) { cursor: pointer; } .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:disabled, .dialog-type-alert .dialog-buttons-wrapper .dialog-button:disabled { background-color: var(--e-a-btn-bg-disabled); color: var(--e-a-btn-color-disabled); } .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:not(.elementor-button-state) .elementor-state-icon, .dialog-type-alert .dialog-buttons-wrapper .dialog-button:not(.elementor-button-state) .elementor-state-icon { display: none; } .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel { background: transparent; color: var(--e-a-color-txt); } .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:focus { background: var(--e-a-bg-hover); color: var(--e-a-color-txt-hover); } .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt:disabled, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt:disabled, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel:disabled { background: transparent; color: var(--e-a-color-txt-disabled); } .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt-border, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt-border { border: 1px solid var(--e-a-color-txt-muted); } .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success { background-color: var(--e-a-btn-bg-success); } .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-success:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-success:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-success:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-success:focus { background-color: var(--e-a-btn-bg-success-hover); } .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok { background-color: var(--e-a-btn-bg-primary); color: var(--e-a-btn-color); } .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-take_over:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-take_over:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok:focus { background-color: var(--e-a-btn-bg-primary-hover); color: var(--e-a-btn-color); } .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel { background: transparent; color: var(--e-a-color-primary-bold); } .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.e-btn-txt:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-take_over:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-primary.dialog-cancel:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-cancel.dialog-take_over:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-btn-txt.dialog-ok:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.dialog-ok.dialog-cancel:focus { background: var(--e-a-bg-primary); } .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent { background-color: var(--e-a-btn-bg-accent); } .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:focus { background-color: var(--e-a-btn-bg-accent-hover); } .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.go-pro:active, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-accent:active, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.go-pro:active, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-accent:active { background-color: var(--e-a-btn-bg-accent-active); } .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-info, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-info, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info { background-color: var(--e-a-btn-bg-info); } .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-info:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-info:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-info:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-info:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-info:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-info:focus { background-color: var(--e-a-btn-bg-info-hover); } .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning { background-color: var(--e-a-btn-bg-warning); } .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-warning:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-warning:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-warning:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-warning:focus { background-color: var(--e-a-btn-bg-warning-hover); } .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger { background-color: var(--e-a-btn-bg-danger); } .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.elementor-button-danger:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button.e-danger:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.elementor-button-danger:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button.e-danger:focus { background-color: var(--e-a-btn-bg-danger-hover); } .dialog-type-confirm .dialog-buttons-wrapper .dialog-button i, .dialog-type-alert .dialog-buttons-wrapper .dialog-button i { margin-inline-end: 5px; } .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:hover, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:focus, .dialog-type-confirm .dialog-buttons-wrapper .dialog-button:visited, .dialog-type-alert .dialog-buttons-wrapper .dialog-button:hover, .dialog-type-alert .dialog-buttons-wrapper .dialog-button:focus, .dialog-type-alert .dialog-buttons-wrapper .dialog-button:visited { color: initial; } .flatpickr-calendar { width: 280px; } .flatpickr-calendar .flatpickr-current-month span.cur-month { font-weight: 300; } .flatpickr-calendar .dayContainer { width: 280px; min-width: 280px; max-width: 280px; } .flatpickr-calendar .flatpickr-days { width: 280px; } .flatpickr-calendar .flatpickr-day { max-width: 37px; height: 37px; line-height: 37px; } .elementor-hidden { display: none; } .elementor-screen-only, .screen-reader-text, .screen-reader-text span, .ui-helper-hidden-accessible { position: absolute; top: -10000em; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .elementor-clearfix:after { content: ""; display: block; clear: both; width: 0; height: 0; } .e-logo-wrapper { background: var(--e-a-bg-logo); display: inline-block; padding: 0.75em; border-radius: 50%; line-height: 1; } .e-logo-wrapper i { color: var(--e-a-color-logo); font-size: 1em; } .elementor *, .elementor *:before, .elementor *:after { box-sizing: border-box; } .elementor a { box-shadow: none; text-decoration: none; } .elementor hr { margin: 0; background-color: transparent; } .elementor img { height: auto; max-width: 100%; border: none; border-radius: 0; box-shadow: none; } .elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) figure { margin: 0; } .elementor embed, .elementor iframe, .elementor object, .elementor video { max-width: 100%; width: 100%; margin: 0; line-height: 1; border: none; } .elementor .elementor-background-video-container, .elementor .elementor-background-holder, .elementor .elementor-background { height: 100%; width: 100%; top: 0; left: 0; position: absolute; overflow: hidden; z-index: 0; direction: ltr; } .elementor .elementor-background-video-container { transition: opacity 1s; pointer-events: none; } .elementor .elementor-background-video-container.elementor-loading { opacity: 0; } .elementor .elementor-background-video-embed { max-width: none; } .elementor .elementor-background-video-embed, .elementor .elementor-background-video-hosted { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .elementor .elementor-background-video { max-width: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .elementor .elementor-html5-video { object-fit: cover; } .elementor .elementor-background-overlay { height: 100%; width: 100%; top: 0; left: 0; position: absolute; } .elementor .elementor-background-slideshow { position: absolute; width: 100%; height: 100%; z-index: 0; top: 0; right: 0; } .elementor .elementor-background-slideshow__slide__image { width: 100%; height: 100%; background-position: center center; background-size: cover; } .elementor-widget-wrap > .elementor-element.elementor-absolute, .e-con > .elementor-element.elementor-absolute, .e-con-inner > .elementor-element.elementor-absolute { position: absolute; } .elementor-widget-wrap > .elementor-element.elementor-fixed, .e-con > .elementor-element.elementor-fixed, .e-con-inner > .elementor-element.elementor-fixed { position: fixed; } .elementor-widget-wrap .elementor-element.elementor-widget__width-auto, .elementor-widget-wrap .elementor-element.elementor-widget__width-initial { max-width: 100%; } @media (max-width: ELEMENTOR_SCREEN_TABLET_MAX) { .elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-auto, .elementor-widget-wrap .elementor-element.elementor-widget-tablet__width-initial { max-width: 100%; } } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { .elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-auto, .elementor-widget-wrap .elementor-element.elementor-widget-mobile__width-initial { max-width: 100%; } } .elementor-element { --flex-direction: initial; --flex-wrap: initial; --justify-content: initial; --align-items: initial; --align-content: initial; --gap: initial; --flex-basis: initial; --flex-grow: initial; --flex-shrink: initial; --order: initial; --align-self: initial; flex-basis: var(--flex-basis); flex-grow: var(--flex-grow); flex-shrink: var(--flex-shrink); order: var(--order); align-self: var(--align-self); } .elementor-element.elementor-absolute, .elementor-element.elementor-fixed { z-index: 1; } .elementor-element:where(.e-con-full, .elementor-widget) { flex-direction: var(--flex-direction); flex-wrap: var(--flex-wrap); justify-content: var(--justify-content); align-items: var(--align-items); align-content: var(--align-content); gap: var(--gap); } .elementor-invisible { visibility: hidden; } .elementor-align-center { text-align: center; } .elementor-align-center .elementor-button { width: auto; } .elementor-align-right { text-align: right; } .elementor-align-right .elementor-button { width: auto; } .elementor-align-left { text-align: left; } .elementor-align-left .elementor-button { width: auto; } .elementor-align-justify .elementor-button { width: 100%; } .elementor-custom-embed-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .elementor-custom-embed-play i { font-size: 100px; color: #fff; text-shadow: 1px 0 6px rgba(0, 0, 0, 0.3); } .elementor-custom-embed-play svg { height: 100px; width: 100px; fill: #fff; filter: drop-shadow(1px 0 6px rgba(0, 0, 0, 0.3)); } .elementor-custom-embed-play i, .elementor-custom-embed-play svg { opacity: 0.8; transition: all 0.5s; } .elementor-custom-embed-play.elementor-playing i { font-family: eicons; } .elementor-custom-embed-play.elementor-playing i:before { content: "\e8fb"; } .elementor-custom-embed-play.elementor-playing i, .elementor-custom-embed-play.elementor-playing svg { animation: eicon-spin 2s infinite linear; } .elementor-tag { display: inline-flex; } .elementor-ken-burns { transition-property: transform; transition-duration: 10s; transition-timing-function: linear; } .elementor-ken-burns--out { transform: scale(1.3); } .elementor-ken-burns--active { transition-duration: 20s; } .elementor-ken-burns--active.elementor-ken-burns--out { transform: scale(1); } .elementor-ken-burns--active.elementor-ken-burns--in { transform: scale(1.3); } @media (min-width: ELEMENTOR_SCREEN_WIDESCREEN_MIN) { .elementor-widescreen-align-center { text-align: center; } .elementor-widescreen-align-center .elementor-button { width: auto; } .elementor-widescreen-align-right { text-align: right; } .elementor-widescreen-align-right .elementor-button { width: auto; } .elementor-widescreen-align-left { text-align: left; } .elementor-widescreen-align-left .elementor-button { width: auto; } .elementor-widescreen-align-justify .elementor-button { width: 100%; } } @media (max-width: ELEMENTOR_SCREEN_LAPTOP_MAX) { .elementor-laptop-align-center { text-align: center; } .elementor-laptop-align-center .elementor-button { width: auto; } .elementor-laptop-align-right { text-align: right; } .elementor-laptop-align-right .elementor-button { width: auto; } .elementor-laptop-align-left { text-align: left; } .elementor-laptop-align-left .elementor-button { width: auto; } .elementor-laptop-align-justify .elementor-button { width: 100%; } } @media (max-width: ELEMENTOR_SCREEN_TABLET_EXTRA_MAX) { .elementor-tablet_extra-align-center { text-align: center; } .elementor-tablet_extra-align-center .elementor-button { width: auto; } .elementor-tablet_extra-align-right { text-align: right; } .elementor-tablet_extra-align-right .elementor-button { width: auto; } .elementor-tablet_extra-align-left { text-align: left; } .elementor-tablet_extra-align-left .elementor-button { width: auto; } .elementor-tablet_extra-align-justify .elementor-button { width: 100%; } } @media (max-width: ELEMENTOR_SCREEN_TABLET_MAX) { .elementor-tablet-align-center { text-align: center; } .elementor-tablet-align-center .elementor-button { width: auto; } .elementor-tablet-align-right { text-align: right; } .elementor-tablet-align-right .elementor-button { width: auto; } .elementor-tablet-align-left { text-align: left; } .elementor-tablet-align-left .elementor-button { width: auto; } .elementor-tablet-align-justify .elementor-button { width: 100%; } } @media (max-width: ELEMENTOR_SCREEN_MOBILE_EXTRA_MAX) { .elementor-mobile_extra-align-center { text-align: center; } .elementor-mobile_extra-align-center .elementor-button { width: auto; } .elementor-mobile_extra-align-right { text-align: right; } .elementor-mobile_extra-align-right .elementor-button { width: auto; } .elementor-mobile_extra-align-left { text-align: left; } .elementor-mobile_extra-align-left .elementor-button { width: auto; } .elementor-mobile_extra-align-justify .elementor-button { width: 100%; } } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { .elementor-mobile-align-center { text-align: center; } .elementor-mobile-align-center .elementor-button { width: auto; } .elementor-mobile-align-right { text-align: right; } .elementor-mobile-align-right .elementor-button { width: auto; } .elementor-mobile-align-left { text-align: left; } .elementor-mobile-align-left .elementor-button { width: auto; } .elementor-mobile-align-justify .elementor-button { width: 100%; } } :root { --page-title-display: block; } .elementor-page-title, h1.entry-title { display: var(--page-title-display); } @keyframes eicon-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .eicon-animation-spin { animation: eicon-spin 2s infinite linear; } .elementor-section { position: relative; } .elementor-section .elementor-container { display: flex; margin-right: auto; margin-left: auto; position: relative; } @media (max-width: ELEMENTOR_SCREEN_TABLET_MAX) { .elementor-section .elementor-container { flex-wrap: wrap; } } .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1140px; } .elementor-section.elementor-section-stretched { position: relative; width: 100%; } .elementor-section.elementor-section-items-top > .elementor-container { align-items: flex-start; } .elementor-section.elementor-section-items-middle > .elementor-container { align-items: center; } .elementor-section.elementor-section-items-bottom > .elementor-container { align-items: flex-end; } @media (min-width: ELEMENTOR_SCREEN_MOBILE_NEXT) { .elementor-section.elementor-section-height-full { height: 100vh; } .elementor-section.elementor-section-height-full > .elementor-container { height: 100%; } } .elementor-bc-flex-widget .elementor-section-content-top > .elementor-container > .elementor-column > .elementor-widget-wrap { align-items: flex-start; } .elementor-bc-flex-widget .elementor-section-content-middle > .elementor-container > .elementor-column > .elementor-widget-wrap { align-items: center; } .elementor-bc-flex-widget .elementor-section-content-bottom > .elementor-container > .elementor-column > .elementor-widget-wrap { align-items: flex-end; } .elementor-row { width: 100%; display: flex; } @media (max-width: ELEMENTOR_SCREEN_TABLET_MAX) { .elementor-row { flex-wrap: wrap; } } .elementor-widget-wrap { position: relative; width: 100%; flex-wrap: wrap; align-content: flex-start; } .elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap { display: flex; } .elementor-widget-wrap > .elementor-element { width: 100%; } .elementor-widget-wrap.e-swiper-container { width: calc(100% - (var(--e-column-margin-left, 0px) + var(--e-column-margin-right, 0px))); } .elementor-widget { position: relative; } .elementor-widget:not(:last-child) { margin-bottom: 20px; } .elementor-widget:not(:last-child).elementor-widget__width-auto, .elementor-widget:not(:last-child).elementor-widget__width-initial, .elementor-widget:not(:last-child).elementor-absolute { margin-bottom: 0; } .elementor-column { position: relative; min-height: 1px; display: flex; } .elementor-column-wrap { width: 100%; position: relative; display: flex; } .elementor-column-gap-narrow > .elementor-column > .elementor-element-populated { padding: 5px; } .elementor-column-gap-default > .elementor-column > .elementor-element-populated { padding: 10px; } .elementor-column-gap-extended > .elementor-column > .elementor-element-populated { padding: 15px; } .elementor-column-gap-wide > .elementor-column > .elementor-element-populated { padding: 20px; } .elementor-column-gap-wider > .elementor-column > .elementor-element-populated { padding: 30px; } .elementor-inner-section .elementor-column-gap-no .elementor-element-populated { padding: 0; } @media (min-width: ELEMENTOR_SCREEN_MOBILE_NEXT) { .elementor-column.elementor-col-10, .elementor-column[data-col="10"] { width: 10%; } .elementor-column.elementor-col-11, .elementor-column[data-col="11"] { width: 11.111%; } .elementor-column.elementor-col-12, .elementor-column[data-col="12"] { width: 12.5%; } .elementor-column.elementor-col-14, .elementor-column[data-col="14"] { width: 14.285%; } .elementor-column.elementor-col-16, .elementor-column[data-col="16"] { width: 16.666%; } .elementor-column.elementor-col-20, .elementor-column[data-col="20"] { width: 20%; } .elementor-column.elementor-col-25, .elementor-column[data-col="25"] { width: 25%; } .elementor-column.elementor-col-30, .elementor-column[data-col="30"] { width: 30%; } .elementor-column.elementor-col-33, .elementor-column[data-col="33"] { width: 33.333%; } .elementor-column.elementor-col-40, .elementor-column[data-col="40"] { width: 40%; } .elementor-column.elementor-col-50, .elementor-column[data-col="50"] { width: 50%; } .elementor-column.elementor-col-60, .elementor-column[data-col="60"] { width: 60%; } .elementor-column.elementor-col-66, .elementor-column[data-col="66"] { width: 66.666%; } .elementor-column.elementor-col-70, .elementor-column[data-col="70"] { width: 70%; } .elementor-column.elementor-col-75, .elementor-column[data-col="75"] { width: 75%; } .elementor-column.elementor-col-80, .elementor-column[data-col="80"] { width: 80%; } .elementor-column.elementor-col-83, .elementor-column[data-col="83"] { width: 83.333%; } .elementor-column.elementor-col-90, .elementor-column[data-col="90"] { width: 90%; } .elementor-column.elementor-col-100, .elementor-column[data-col="100"] { width: 100%; } } @media (max-width: 479px) { .elementor-column.elementor-xs-10 { width: 10%; } .elementor-column.elementor-xs-11 { width: 11.111%; } .elementor-column.elementor-xs-12 { width: 12.5%; } .elementor-column.elementor-xs-14 { width: 14.285%; } .elementor-column.elementor-xs-16 { width: 16.666%; } .elementor-column.elementor-xs-20 { width: 20%; } .elementor-column.elementor-xs-25 { width: 25%; } .elementor-column.elementor-xs-30 { width: 30%; } .elementor-column.elementor-xs-33 { width: 33.333%; } .elementor-column.elementor-xs-40 { width: 40%; } .elementor-column.elementor-xs-50 { width: 50%; } .elementor-column.elementor-xs-60 { width: 60%; } .elementor-column.elementor-xs-66 { width: 66.666%; } .elementor-column.elementor-xs-70 { width: 70%; } .elementor-column.elementor-xs-75 { width: 75%; } .elementor-column.elementor-xs-80 { width: 80%; } .elementor-column.elementor-xs-83 { width: 83.333%; } .elementor-column.elementor-xs-90 { width: 90%; } .elementor-column.elementor-xs-100 { width: 100%; } } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { .elementor-column.elementor-sm-10 { width: 10%; } .elementor-column.elementor-sm-11 { width: 11.111%; } .elementor-column.elementor-sm-12 { width: 12.5%; } .elementor-column.elementor-sm-14 { width: 14.285%; } .elementor-column.elementor-sm-16 { width: 16.666%; } .elementor-column.elementor-sm-20 { width: 20%; } .elementor-column.elementor-sm-25 { width: 25%; } .elementor-column.elementor-sm-30 { width: 30%; } .elementor-column.elementor-sm-33 { width: 33.333%; } .elementor-column.elementor-sm-40 { width: 40%; } .elementor-column.elementor-sm-50 { width: 50%; } .elementor-column.elementor-sm-60 { width: 60%; } .elementor-column.elementor-sm-66 { width: 66.666%; } .elementor-column.elementor-sm-70 { width: 70%; } .elementor-column.elementor-sm-75 { width: 75%; } .elementor-column.elementor-sm-80 { width: 80%; } .elementor-column.elementor-sm-83 { width: 83.333%; } .elementor-column.elementor-sm-90 { width: 90%; } .elementor-column.elementor-sm-100 { width: 100%; } } @media (min-width: ELEMENTOR_SCREEN_MOBILE_NEXT) and (max-width: ELEMENTOR_SCREEN_TABLET_MAX) { .elementor-column.elementor-md-10 { width: 10%; } .elementor-column.elementor-md-11 { width: 11.111%; } .elementor-column.elementor-md-12 { width: 12.5%; } .elementor-column.elementor-md-14 { width: 14.285%; } .elementor-column.elementor-md-16 { width: 16.666%; } .elementor-column.elementor-md-20 { width: 20%; } .elementor-column.elementor-md-25 { width: 25%; } .elementor-column.elementor-md-30 { width: 30%; } .elementor-column.elementor-md-33 { width: 33.333%; } .elementor-column.elementor-md-40 { width: 40%; } .elementor-column.elementor-md-50 { width: 50%; } .elementor-column.elementor-md-60 { width: 60%; } .elementor-column.elementor-md-66 { width: 66.666%; } .elementor-column.elementor-md-70 { width: 70%; } .elementor-column.elementor-md-75 { width: 75%; } .elementor-column.elementor-md-80 { width: 80%; } .elementor-column.elementor-md-83 { width: 83.333%; } .elementor-column.elementor-md-90 { width: 90%; } .elementor-column.elementor-md-100 { width: 100%; } } @media (min-width: ELEMENTOR_SCREEN_WIDESCREEN_MIN) { .elementor-reverse-widescreen > .elementor-container > :nth-child(1) { order: 10; } .elementor-reverse-widescreen > .elementor-container > :nth-child(2) { order: 9; } .elementor-reverse-widescreen > .elementor-container > :nth-child(3) { order: 8; } .elementor-reverse-widescreen > .elementor-container > :nth-child(4) { order: 7; } .elementor-reverse-widescreen > .elementor-container > :nth-child(5) { order: 6; } .elementor-reverse-widescreen > .elementor-container > :nth-child(6) { order: 5; } .elementor-reverse-widescreen > .elementor-container > :nth-child(7) { order: 4; } .elementor-reverse-widescreen > .elementor-container > :nth-child(8) { order: 3; } .elementor-reverse-widescreen > .elementor-container > :nth-child(9) { order: 2; } .elementor-reverse-widescreen > .elementor-container > :nth-child(10) { order: 1; } } @media (min-width: ELEMENTOR_SCREEN_TABLET_NEXT) and (max-width: ELEMENTOR_SCREEN_LAPTOP_MAX) { .elementor-reverse-laptop > .elementor-container > :nth-child(1) { order: 10; } .elementor-reverse-laptop > .elementor-container > :nth-child(2) { order: 9; } .elementor-reverse-laptop > .elementor-container > :nth-child(3) { order: 8; } .elementor-reverse-laptop > .elementor-container > :nth-child(4) { order: 7; } .elementor-reverse-laptop > .elementor-container > :nth-child(5) { order: 6; } .elementor-reverse-laptop > .elementor-container > :nth-child(6) { order: 5; } .elementor-reverse-laptop > .elementor-container > :nth-child(7) { order: 4; } .elementor-reverse-laptop > .elementor-container > :nth-child(8) { order: 3; } .elementor-reverse-laptop > .elementor-container > :nth-child(9) { order: 2; } .elementor-reverse-laptop > .elementor-container > :nth-child(10) { order: 1; } } @media (min-width: ELEMENTOR_SCREEN_TABLET_EXTRA_NEXT) and (max-width: ELEMENTOR_SCREEN_LAPTOP_MAX) { .elementor-reverse-laptop > .elementor-container > :nth-child(1) { order: 10; } .elementor-reverse-laptop > .elementor-container > :nth-child(2) { order: 9; } .elementor-reverse-laptop > .elementor-container > :nth-child(3) { order: 8; } .elementor-reverse-laptop > .elementor-container > :nth-child(4) { order: 7; } .elementor-reverse-laptop > .elementor-container > :nth-child(5) { order: 6; } .elementor-reverse-laptop > .elementor-container > :nth-child(6) { order: 5; } .elementor-reverse-laptop > .elementor-container > :nth-child(7) { order: 4; } .elementor-reverse-laptop > .elementor-container > :nth-child(8) { order: 3; } .elementor-reverse-laptop > .elementor-container > :nth-child(9) { order: 2; } .elementor-reverse-laptop > .elementor-container > :nth-child(10) { order: 1; } } @media (min-width: ELEMENTOR_SCREEN_TABLET_NEXT) and (max-width: ELEMENTOR_SCREEN_TABLET_EXTRA_MAX) { .elementor-reverse-laptop > .elementor-container > :nth-child(1) { order: initial; } .elementor-reverse-laptop > .elementor-container > :nth-child(2) { order: initial; } .elementor-reverse-laptop > .elementor-container > :nth-child(3) { order: initial; } .elementor-reverse-laptop > .elementor-container > :nth-child(4) { order: initial; } .elementor-reverse-laptop > .elementor-container > :nth-child(5) { order: initial; } .elementor-reverse-laptop > .elementor-container > :nth-child(6) { order: initial; } .elementor-reverse-laptop > .elementor-container > :nth-child(7) { order: initial; } .elementor-reverse-laptop > .elementor-container > :nth-child(8) { order: initial; } .elementor-reverse-laptop > .elementor-container > :nth-child(9) { order: initial; } .elementor-reverse-laptop > .elementor-container > :nth-child(10) { order: initial; } .elementor-reverse-tablet_extra > .elementor-container > :nth-child(1) { order: 10; } .elementor-reverse-tablet_extra > .elementor-container > :nth-child(2) { order: 9; } .elementor-reverse-tablet_extra > .elementor-container > :nth-child(3) { order: 8; } .elementor-reverse-tablet_extra > .elementor-container > :nth-child(4) { order: 7; } .elementor-reverse-tablet_extra > .elementor-container > :nth-child(5) { order: 6; } .elementor-reverse-tablet_extra > .elementor-container > :nth-child(6) { order: 5; } .elementor-reverse-tablet_extra > .elementor-container > :nth-child(7) { order: 4; } .elementor-reverse-tablet_extra > .elementor-container > :nth-child(8) { order: 3; } .elementor-reverse-tablet_extra > .elementor-container > :nth-child(9) { order: 2; } .elementor-reverse-tablet_extra > .elementor-container > :nth-child(10) { order: 1; } } @media (min-width: ELEMENTOR_SCREEN_MOBILE_NEXT) and (max-width: ELEMENTOR_SCREEN_TABLET_MAX) { .elementor-reverse-tablet > .elementor-container > :nth-child(1) { order: 10; } .elementor-reverse-tablet > .elementor-container > :nth-child(2) { order: 9; } .elementor-reverse-tablet > .elementor-container > :nth-child(3) { order: 8; } .elementor-reverse-tablet > .elementor-container > :nth-child(4) { order: 7; } .elementor-reverse-tablet > .elementor-container > :nth-child(5) { order: 6; } .elementor-reverse-tablet > .elementor-container > :nth-child(6) { order: 5; } .elementor-reverse-tablet > .elementor-container > :nth-child(7) { order: 4; } .elementor-reverse-tablet > .elementor-container > :nth-child(8) { order: 3; } .elementor-reverse-tablet > .elementor-container > :nth-child(9) { order: 2; } .elementor-reverse-tablet > .elementor-container > :nth-child(10) { order: 1; } } @media (min-width: ELEMENTOR_SCREEN_MOBILE_EXTRA_NEXT) and (max-width: ELEMENTOR_SCREEN_TABLET_MAX) { .elementor-reverse-tablet > .elementor-container > :nth-child(1) { order: 10; } .elementor-reverse-tablet > .elementor-container > :nth-child(2) { order: 9; } .elementor-reverse-tablet > .elementor-container > :nth-child(3) { order: 8; } .elementor-reverse-tablet > .elementor-container > :nth-child(4) { order: 7; } .elementor-reverse-tablet > .elementor-container > :nth-child(5) { order: 6; } .elementor-reverse-tablet > .elementor-container > :nth-child(6) { order: 5; } .elementor-reverse-tablet > .elementor-container > :nth-child(7) { order: 4; } .elementor-reverse-tablet > .elementor-container > :nth-child(8) { order: 3; } .elementor-reverse-tablet > .elementor-container > :nth-child(9) { order: 2; } .elementor-reverse-tablet > .elementor-container > :nth-child(10) { order: 1; } } @media (min-width: ELEMENTOR_SCREEN_MOBILE_NEXT) and (max-width: ELEMENTOR_SCREEN_MOBILE_EXTRA_MAX) { .elementor-reverse-tablet > .elementor-container > :nth-child(1) { order: initial; } .elementor-reverse-tablet > .elementor-container > :nth-child(2) { order: initial; } .elementor-reverse-tablet > .elementor-container > :nth-child(3) { order: initial; } .elementor-reverse-tablet > .elementor-container > :nth-child(4) { order: initial; } .elementor-reverse-tablet > .elementor-container > :nth-child(5) { order: initial; } .elementor-reverse-tablet > .elementor-container > :nth-child(6) { order: initial; } .elementor-reverse-tablet > .elementor-container > :nth-child(7) { order: initial; } .elementor-reverse-tablet > .elementor-container > :nth-child(8) { order: initial; } .elementor-reverse-tablet > .elementor-container > :nth-child(9) { order: initial; } .elementor-reverse-tablet > .elementor-container > :nth-child(10) { order: initial; } .elementor-reverse-mobile_extra > .elementor-container > :nth-child(1) { order: 10; } .elementor-reverse-mobile_extra > .elementor-container > :nth-child(2) { order: 9; } .elementor-reverse-mobile_extra > .elementor-container > :nth-child(3) { order: 8; } .elementor-reverse-mobile_extra > .elementor-container > :nth-child(4) { order: 7; } .elementor-reverse-mobile_extra > .elementor-container > :nth-child(5) { order: 6; } .elementor-reverse-mobile_extra > .elementor-container > :nth-child(6) { order: 5; } .elementor-reverse-mobile_extra > .elementor-container > :nth-child(7) { order: 4; } .elementor-reverse-mobile_extra > .elementor-container > :nth-child(8) { order: 3; } .elementor-reverse-mobile_extra > .elementor-container > :nth-child(9) { order: 2; } .elementor-reverse-mobile_extra > .elementor-container > :nth-child(10) { order: 1; } } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { .elementor-reverse-mobile > .elementor-container > :nth-child(1) { order: 10; } .elementor-reverse-mobile > .elementor-container > :nth-child(2) { order: 9; } .elementor-reverse-mobile > .elementor-container > :nth-child(3) { order: 8; } .elementor-reverse-mobile > .elementor-container > :nth-child(4) { order: 7; } .elementor-reverse-mobile > .elementor-container > :nth-child(5) { order: 6; } .elementor-reverse-mobile > .elementor-container > :nth-child(6) { order: 5; } .elementor-reverse-mobile > .elementor-container > :nth-child(7) { order: 4; } .elementor-reverse-mobile > .elementor-container > :nth-child(8) { order: 3; } .elementor-reverse-mobile > .elementor-container > :nth-child(9) { order: 2; } .elementor-reverse-mobile > .elementor-container > :nth-child(10) { order: 1; } .elementor-column { width: 100%; } } ul.elementor-icon-list-items.elementor-inline-items { display: flex; flex-wrap: wrap; } ul.elementor-icon-list-items.elementor-inline-items .elementor-inline-item { word-break: break-word; } .elementor-grid { display: grid; grid-column-gap: var(--grid-column-gap); grid-row-gap: var(--grid-row-gap); } .elementor-grid .elementor-grid-item { min-width: 0; } .elementor-grid-0 .elementor-grid { display: inline-block; width: 100%; word-spacing: var(--grid-column-gap); margin-bottom: calc(-1 * var(--grid-row-gap)); } .elementor-grid-0 .elementor-grid .elementor-grid-item { display: inline-block; margin-bottom: var(--grid-row-gap); word-break: break-word; } .elementor-grid-1 .elementor-grid { grid-template-columns: repeat(1, 1fr); } .elementor-grid-2 .elementor-grid { grid-template-columns: repeat(2, 1fr); } .elementor-grid-3 .elementor-grid { grid-template-columns: repeat(3, 1fr); } .elementor-grid-4 .elementor-grid { grid-template-columns: repeat(4, 1fr); } .elementor-grid-5 .elementor-grid { grid-template-columns: repeat(5, 1fr); } .elementor-grid-6 .elementor-grid { grid-template-columns: repeat(6, 1fr); } .elementor-grid-7 .elementor-grid { grid-template-columns: repeat(7, 1fr); } .elementor-grid-8 .elementor-grid { grid-template-columns: repeat(8, 1fr); } .elementor-grid-9 .elementor-grid { grid-template-columns: repeat(9, 1fr); } .elementor-grid-10 .elementor-grid { grid-template-columns: repeat(10, 1fr); } .elementor-grid-11 .elementor-grid { grid-template-columns: repeat(11, 1fr); } .elementor-grid-12 .elementor-grid { grid-template-columns: repeat(12, 1fr); } @media (min-width: ELEMENTOR_SCREEN_WIDESCREEN_MIN) { .elementor-grid-widescreen-0 .elementor-grid { display: inline-block; width: 100%; word-spacing: var(--grid-column-gap); margin-bottom: calc(-1 * var(--grid-row-gap)); } .elementor-grid-widescreen-0 .elementor-grid .elementor-grid-item { display: inline-block; margin-bottom: var(--grid-row-gap); word-break: break-word; } .elementor-grid-widescreen-1 .elementor-grid { grid-template-columns: repeat(1, 1fr); } .elementor-grid-widescreen-2 .elementor-grid { grid-template-columns: repeat(2, 1fr); } .elementor-grid-widescreen-3 .elementor-grid { grid-template-columns: repeat(3, 1fr); } .elementor-grid-widescreen-4 .elementor-grid { grid-template-columns: repeat(4, 1fr); } .elementor-grid-widescreen-5 .elementor-grid { grid-template-columns: repeat(5, 1fr); } .elementor-grid-widescreen-6 .elementor-grid { grid-template-columns: repeat(6, 1fr); } .elementor-grid-widescreen-7 .elementor-grid { grid-template-columns: repeat(7, 1fr); } .elementor-grid-widescreen-8 .elementor-grid { grid-template-columns: repeat(8, 1fr); } .elementor-grid-widescreen-9 .elementor-grid { grid-template-columns: repeat(9, 1fr); } .elementor-grid-widescreen-10 .elementor-grid { grid-template-columns: repeat(10, 1fr); } .elementor-grid-widescreen-11 .elementor-grid { grid-template-columns: repeat(11, 1fr); } .elementor-grid-widescreen-12 .elementor-grid { grid-template-columns: repeat(12, 1fr); } } @media (max-width: ELEMENTOR_SCREEN_LAPTOP_MAX) { .elementor-grid-laptop-0 .elementor-grid { display: inline-block; width: 100%; word-spacing: var(--grid-column-gap); margin-bottom: calc(-1 * var(--grid-row-gap)); } .elementor-grid-laptop-0 .elementor-grid .elementor-grid-item { display: inline-block; margin-bottom: var(--grid-row-gap); word-break: break-word; } .elementor-grid-laptop-1 .elementor-grid { grid-template-columns: repeat(1, 1fr); } .elementor-grid-laptop-2 .elementor-grid { grid-template-columns: repeat(2, 1fr); } .elementor-grid-laptop-3 .elementor-grid { grid-template-columns: repeat(3, 1fr); } .elementor-grid-laptop-4 .elementor-grid { grid-template-columns: repeat(4, 1fr); } .elementor-grid-laptop-5 .elementor-grid { grid-template-columns: repeat(5, 1fr); } .elementor-grid-laptop-6 .elementor-grid { grid-template-columns: repeat(6, 1fr); } .elementor-grid-laptop-7 .elementor-grid { grid-template-columns: repeat(7, 1fr); } .elementor-grid-laptop-8 .elementor-grid { grid-template-columns: repeat(8, 1fr); } .elementor-grid-laptop-9 .elementor-grid { grid-template-columns: repeat(9, 1fr); } .elementor-grid-laptop-10 .elementor-grid { grid-template-columns: repeat(10, 1fr); } .elementor-grid-laptop-11 .elementor-grid { grid-template-columns: repeat(11, 1fr); } .elementor-grid-laptop-12 .elementor-grid { grid-template-columns: repeat(12, 1fr); } } @media (max-width: ELEMENTOR_SCREEN_TABLET_EXTRA_MAX) { .elementor-grid-tablet_extra-0 .elementor-grid { display: inline-block; width: 100%; word-spacing: var(--grid-column-gap); margin-bottom: calc(-1 * var(--grid-row-gap)); } .elementor-grid-tablet_extra-0 .elementor-grid .elementor-grid-item { display: inline-block; margin-bottom: var(--grid-row-gap); word-break: break-word; } .elementor-grid-tablet_extra-1 .elementor-grid { grid-template-columns: repeat(1, 1fr); } .elementor-grid-tablet_extra-2 .elementor-grid { grid-template-columns: repeat(2, 1fr); } .elementor-grid-tablet_extra-3 .elementor-grid { grid-template-columns: repeat(3, 1fr); } .elementor-grid-tablet_extra-4 .elementor-grid { grid-template-columns: repeat(4, 1fr); } .elementor-grid-tablet_extra-5 .elementor-grid { grid-template-columns: repeat(5, 1fr); } .elementor-grid-tablet_extra-6 .elementor-grid { grid-template-columns: repeat(6, 1fr); } .elementor-grid-tablet_extra-7 .elementor-grid { grid-template-columns: repeat(7, 1fr); } .elementor-grid-tablet_extra-8 .elementor-grid { grid-template-columns: repeat(8, 1fr); } .elementor-grid-tablet_extra-9 .elementor-grid { grid-template-columns: repeat(9, 1fr); } .elementor-grid-tablet_extra-10 .elementor-grid { grid-template-columns: repeat(10, 1fr); } .elementor-grid-tablet_extra-11 .elementor-grid { grid-template-columns: repeat(11, 1fr); } .elementor-grid-tablet_extra-12 .elementor-grid { grid-template-columns: repeat(12, 1fr); } } @media (max-width: ELEMENTOR_SCREEN_TABLET_MAX) { .elementor-grid-tablet-0 .elementor-grid { display: inline-block; width: 100%; word-spacing: var(--grid-column-gap); margin-bottom: calc(-1 * var(--grid-row-gap)); } .elementor-grid-tablet-0 .elementor-grid .elementor-grid-item { display: inline-block; margin-bottom: var(--grid-row-gap); word-break: break-word; } .elementor-grid-tablet-1 .elementor-grid { grid-template-columns: repeat(1, 1fr); } .elementor-grid-tablet-2 .elementor-grid { grid-template-columns: repeat(2, 1fr); } .elementor-grid-tablet-3 .elementor-grid { grid-template-columns: repeat(3, 1fr); } .elementor-grid-tablet-4 .elementor-grid { grid-template-columns: repeat(4, 1fr); } .elementor-grid-tablet-5 .elementor-grid { grid-template-columns: repeat(5, 1fr); } .elementor-grid-tablet-6 .elementor-grid { grid-template-columns: repeat(6, 1fr); } .elementor-grid-tablet-7 .elementor-grid { grid-template-columns: repeat(7, 1fr); } .elementor-grid-tablet-8 .elementor-grid { grid-template-columns: repeat(8, 1fr); } .elementor-grid-tablet-9 .elementor-grid { grid-template-columns: repeat(9, 1fr); } .elementor-grid-tablet-10 .elementor-grid { grid-template-columns: repeat(10, 1fr); } .elementor-grid-tablet-11 .elementor-grid { grid-template-columns: repeat(11, 1fr); } .elementor-grid-tablet-12 .elementor-grid { grid-template-columns: repeat(12, 1fr); } } @media (max-width: ELEMENTOR_SCREEN_MOBILE_EXTRA_MAX) { .elementor-grid-mobile_extra-0 .elementor-grid { display: inline-block; width: 100%; word-spacing: var(--grid-column-gap); margin-bottom: calc(-1 * var(--grid-row-gap)); } .elementor-grid-mobile_extra-0 .elementor-grid .elementor-grid-item { display: inline-block; margin-bottom: var(--grid-row-gap); word-break: break-word; } .elementor-grid-mobile_extra-1 .elementor-grid { grid-template-columns: repeat(1, 1fr); } .elementor-grid-mobile_extra-2 .elementor-grid { grid-template-columns: repeat(2, 1fr); } .elementor-grid-mobile_extra-3 .elementor-grid { grid-template-columns: repeat(3, 1fr); } .elementor-grid-mobile_extra-4 .elementor-grid { grid-template-columns: repeat(4, 1fr); } .elementor-grid-mobile_extra-5 .elementor-grid { grid-template-columns: repeat(5, 1fr); } .elementor-grid-mobile_extra-6 .elementor-grid { grid-template-columns: repeat(6, 1fr); } .elementor-grid-mobile_extra-7 .elementor-grid { grid-template-columns: repeat(7, 1fr); } .elementor-grid-mobile_extra-8 .elementor-grid { grid-template-columns: repeat(8, 1fr); } .elementor-grid-mobile_extra-9 .elementor-grid { grid-template-columns: repeat(9, 1fr); } .elementor-grid-mobile_extra-10 .elementor-grid { grid-template-columns: repeat(10, 1fr); } .elementor-grid-mobile_extra-11 .elementor-grid { grid-template-columns: repeat(11, 1fr); } .elementor-grid-mobile_extra-12 .elementor-grid { grid-template-columns: repeat(12, 1fr); } } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { .elementor-grid-mobile-0 .elementor-grid { display: inline-block; width: 100%; word-spacing: var(--grid-column-gap); margin-bottom: calc(-1 * var(--grid-row-gap)); } .elementor-grid-mobile-0 .elementor-grid .elementor-grid-item { display: inline-block; margin-bottom: var(--grid-row-gap); word-break: break-word; } .elementor-grid-mobile-1 .elementor-grid { grid-template-columns: repeat(1, 1fr); } .elementor-grid-mobile-2 .elementor-grid { grid-template-columns: repeat(2, 1fr); } .elementor-grid-mobile-3 .elementor-grid { grid-template-columns: repeat(3, 1fr); } .elementor-grid-mobile-4 .elementor-grid { grid-template-columns: repeat(4, 1fr); } .elementor-grid-mobile-5 .elementor-grid { grid-template-columns: repeat(5, 1fr); } .elementor-grid-mobile-6 .elementor-grid { grid-template-columns: repeat(6, 1fr); } .elementor-grid-mobile-7 .elementor-grid { grid-template-columns: repeat(7, 1fr); } .elementor-grid-mobile-8 .elementor-grid { grid-template-columns: repeat(8, 1fr); } .elementor-grid-mobile-9 .elementor-grid { grid-template-columns: repeat(9, 1fr); } .elementor-grid-mobile-10 .elementor-grid { grid-template-columns: repeat(10, 1fr); } .elementor-grid-mobile-11 .elementor-grid { grid-template-columns: repeat(11, 1fr); } .elementor-grid-mobile-12 .elementor-grid { grid-template-columns: repeat(12, 1fr); } } @media (min-width: ELEMENTOR_SCREEN_DESKTOP_MIN) { #elementor-device-mode:after { content: "desktop"; } } @media (min-width: ELEMENTOR_SCREEN_WIDESCREEN_MIN) { #elementor-device-mode:after { content: "widescreen"; } } @media (max-width: ELEMENTOR_SCREEN_LAPTOP_MAX) { #elementor-device-mode:after { content: "laptop"; } } @media (max-width: ELEMENTOR_SCREEN_TABLET_EXTRA_MAX) { #elementor-device-mode:after { content: "tablet_extra"; } } @media (max-width: ELEMENTOR_SCREEN_TABLET_MAX) { #elementor-device-mode:after { content: "tablet"; } } @media (max-width: ELEMENTOR_SCREEN_MOBILE_EXTRA_MAX) { #elementor-device-mode:after { content: "mobile_extra"; } } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { #elementor-device-mode:after { content: "mobile"; } } .e-con { --border-radius: 0; --border-top-width: 0px; --border-right-width: 0px; --border-bottom-width: 0px; --border-left-width: 0px; --border-style: initial; --border-color: initial; --container-widget-width: 100%; --container-widget-height: initial; --container-widget-flex-grow: 0; --container-widget-align-self: initial; --content-width: min(100%, var(--container-max-width, 1140px)); --width: 100%; --min-height: initial; --height: auto; --text-align: initial; --margin-top: 0px; --margin-right: 0px; --margin-bottom: 0px; --margin-left: 0px; --padding-top: var(--container-default-padding-top, 10px); --padding-right: var(--container-default-padding-right, 10px); --padding-bottom: var(--container-default-padding-bottom, 10px); --padding-left: var(--container-default-padding-left, 10px); --position: relative; --z-index: revert; --overflow: visible; --gap: var(--widgets-spacing, 20px); --overlay-mix-blend-mode: initial; --overlay-opacity: 1; --overlay-transition: 0.3s; --e-con-grid-template-columns: repeat(3, 1fr); --e-con-grid-template-rows: repeat(2, 1fr); position: var(--position); width: var(--width); min-width: 0; min-height: var(--min-height); height: var(--height); border-radius: var(--border-radius); z-index: var(--z-index); overflow: var(--overflow); transition: background var(--background-transition, 0.3s), border var(--border-transition, 0.3s), box-shadow var(--border-transition, 0.3s), transform var(--e-con-transform-transition-duration, 0.4s); margin-block-start: var(--margin-block-start); margin-inline-end: var(--margin-inline-end); margin-block-end: var(--margin-block-end); margin-inline-start: var(--margin-inline-start); padding-inline-start: var(--padding-inline-start); padding-inline-end: var(--padding-inline-end); } .e-con { --margin-block-start: var(--margin-top); --margin-block-end: var(--margin-bottom); --margin-inline-start: var(--margin-left); --margin-inline-end: var(--margin-right); --padding-inline-start: var(--padding-left); --padding-inline-end: var(--padding-right); --padding-block-start: var(--padding-top); --padding-block-end: var(--padding-bottom); --border-block-start-width: var(--border-top-width); --border-block-end-width: var(--border-bottom-width); --border-inline-start-width: var(--border-left-width); --border-inline-end-width: var(--border-right-width); } body.rtl .e-con { --padding-inline-start: var(--padding-right); --padding-inline-end: var(--padding-left); --margin-inline-start: var(--margin-right); --margin-inline-end: var(--margin-left); --border-inline-start-width: var(--border-right-width); --border-inline-end-width: var(--border-left-width); } .e-con.e-flex { --flex-direction: column; --flex-basis: auto; --flex-grow: 0; --flex-shrink: 1; flex: var(--flex-grow) var(--flex-shrink) var(--flex-basis); } .e-con-full, .e-con > .e-con-inner { text-align: var(--text-align); padding-block-start: var(--padding-block-start); padding-block-end: var(--padding-block-end); } .e-con-full.e-flex, .e-con.e-flex > .e-con-inner { flex-direction: var(--flex-direction); } .e-con, .e-con > .e-con-inner { display: var(--display); } .e-con.e-grid { --grid-justify-content: start; --grid-align-content: start; --grid-auto-flow: row; } .e-con.e-grid, .e-con.e-grid > .e-con-inner { grid-template-columns: var(--e-con-grid-template-columns); grid-template-rows: var(--e-con-grid-template-rows); justify-content: var(--grid-justify-content); align-content: var(--grid-align-content); grid-auto-flow: var(--grid-auto-flow); justify-items: var(--justify-items); align-items: var(--align-items); } .e-con-boxed.e-flex { flex-direction: column; flex-wrap: initial; justify-content: initial; align-items: initial; align-content: initial; } .e-con-boxed.e-grid { justify-items: initial; grid-template-columns: 1fr; grid-template-rows: 1fr; } .e-con-boxed { text-align: initial; gap: initial; } .e-con.e-flex > .e-con-inner { flex-wrap: var(--flex-wrap); justify-content: var(--justify-content); align-items: var(--align-items); align-content: var(--align-content); flex-basis: initial; flex-grow: 1; flex-shrink: initial; align-self: initial; } .e-con.e-grid > .e-con-inner { justify-items: var(--justify-items); align-items: var(--align-items); } .e-con > .e-con-inner { gap: var(--gap); width: 100%; max-width: var(--content-width); margin: 0 auto; padding-inline-start: 0; padding-inline-end: 0; height: 100%; } :is(.elementor-section-wrap, [data-elementor-id]) > .e-con { --margin-left: auto; --margin-right: auto; max-width: min(100%, var(--width)); } .e-con .elementor-widget.elementor-widget { margin-block-end: 0; } .e-con::before, :is(.e-con, .e-con > .e-con-inner) > .elementor-background-video-container::before, .e-con > .elementor-motion-effects-container > .elementor-motion-effects-layer::before, .e-con > .elementor-background-slideshow::before { content: var(--background-overlay); display: block; position: absolute; mix-blend-mode: var(--overlay-mix-blend-mode); opacity: var(--overlay-opacity); transition: var(--overlay-transition, 0.3s); border-radius: var(--border-radius); border-style: var(--border-style); border-color: var(--border-color); border-block-start-width: var(--border-block-start-width); border-inline-end-width: var(--border-inline-end-width); border-block-end-width: var(--border-block-end-width); border-inline-start-width: var(--border-inline-start-width); top: calc(0px - var(--border-top-width)); left: calc(0px - var(--border-left-width)); width: max(100% + var(--border-left-width) + var(--border-right-width), 100%); height: max(100% + var(--border-top-width) + var(--border-bottom-width), 100%); } .e-con::before { transition: background var(--overlay-transition, 0.3s), border-radius var(--border-transition, 0.3s), opacity var(--overlay-transition, 0.3s); } .e-con > .elementor-background-slideshow, :is(.e-con, .e-con > .e-con-inner) > .elementor-background-video-container { border-radius: var(--border-radius); border-style: var(--border-style); border-color: var(--border-color); border-block-start-width: var(--border-block-start-width); border-inline-end-width: var(--border-inline-end-width); border-block-end-width: var(--border-block-end-width); border-inline-start-width: var(--border-inline-start-width); top: calc(0px - var(--border-top-width)); left: calc(0px - var(--border-left-width)); width: max(100% + var(--border-left-width) + var(--border-right-width), 100%); height: max(100% + var(--border-top-width) + var(--border-bottom-width), 100%); } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { :is(.e-con, .e-con > .e-con-inner) > .elementor-background-video-container.elementor-hidden-phone { display: none; } } :is(.e-con, .e-con > .e-con-inner) > .elementor-background-video-container::before { z-index: 1; } :is(.e-con, .e-con > .e-con-inner) > .elementor-background-slideshow::before { z-index: 2; } .e-con .elementor-widget { min-width: 0; } .e-con .elementor-widget-video, .e-con .elementor-widget-google_maps, .e-con .elementor-widget-empty { width: 100%; } .e-con .elementor-widget.e-widget-swiper { width: 100%; } .e-con > .elementor-widget > .elementor-widget-container, .e-con > .e-con-inner > .elementor-widget > .elementor-widget-container { height: 100%; } .elementor.elementor .e-con > .elementor-widget, .e-con.e-con > .e-con-inner > .elementor-widget { max-width: 100%; } @media (max-width: 767px) { .e-con.e-flex { --width: 100%; --flex-wrap: wrap; } } .elementor-form-fields-wrapper { display: flex; flex-wrap: wrap; } .elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group > input, .elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group > textarea, .elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group > .elementor-select-wrapper, .elementor-form-fields-wrapper.elementor-labels-above .elementor-field-group .elementor-field-subgroup { flex-basis: 100%; max-width: 100%; } .elementor-form-fields-wrapper.elementor-labels-inline > .elementor-field-group > input, .elementor-form-fields-wrapper.elementor-labels-inline > .elementor-field-group .elementor-select-wrapper { flex-grow: 1; } .elementor-field-group { flex-wrap: wrap; align-items: center; } .elementor-field-group.elementor-field-type-submit { align-items: flex-end; } .elementor-field-group .elementor-field-textual { width: 100%; max-width: 100%; border: 1px solid #69727D; background-color: transparent; color: #1f2124; vertical-align: middle; flex-grow: 1; } .elementor-field-group .elementor-field-textual:focus { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset; outline: 0; } .elementor-field-group .elementor-field-textual::-webkit-input-placeholder { color: inherit; font-family: inherit; opacity: 0.6; } .elementor-field-group .elementor-field-textual:-ms-input-placeholder { color: inherit; font-family: inherit; opacity: 0.6; } .elementor-field-group .elementor-field-textual::-moz-placeholder { color: inherit; font-family: inherit; opacity: 0.6; } .elementor-field-group .elementor-field-textual:-moz-placeholder { color: inherit; font-family: inherit; opacity: 0.6; } .elementor-field-group .elementor-field-textual::placeholder { color: inherit; font-family: inherit; opacity: 0.6; } .elementor-field-group .elementor-select-wrapper { display: flex; position: relative; width: 100%; } .elementor-field-group .elementor-select-wrapper select { appearance: none; color: inherit; font-size: inherit; font-family: inherit; font-weight: inherit; font-style: inherit; text-transform: inherit; letter-spacing: inherit; line-height: inherit; flex-basis: 100%; padding-inline-end: 20px; } .elementor-field-group .elementor-select-wrapper:before { content: "\e92a"; font-family: "eicons"; font-size: 15px; position: absolute; top: 50%; transform: translateY(-50%); left: 10px; pointer-events: none; text-shadow: 0 0 3px rgba(0, 0, 0, 0.3); } .elementor-field-group.elementor-field-type-select-multiple .elementor-select-wrapper:before { content: ""; } .elementor-field-subgroup { display: flex; flex-wrap: wrap; } .elementor-field-subgroup .elementor-field-option label { display: inline-block; } .elementor-field-subgroup.elementor-subgroup-inline .elementor-field-option { padding-inline-end: 10px; } .elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option { flex-basis: 100%; } .elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option input, .elementor-field-type-checkbox .elementor-field-subgroup .elementor-field-option label, .elementor-field-type-radio .elementor-field-subgroup .elementor-field-option input, .elementor-field-type-radio .elementor-field-subgroup .elementor-field-option label, .elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option input, .elementor-field-type-acceptance .elementor-field-subgroup .elementor-field-option label { display: inline; } .elementor-field-label { cursor: pointer; } .elementor-mark-required .elementor-field-label:after { content: "*"; color: red; padding-inline-start: 0.2em; } .elementor-field-textual { line-height: 1.4; font-size: 15px; min-height: 40px; padding: 5px 14px; border-radius: 3px; } .elementor-field-textual.elementor-size-xs { font-size: 13px; min-height: 33px; padding: 4px 12px; border-radius: 2px; } .elementor-field-textual.elementor-size-md { font-size: 16px; min-height: 47px; padding: 6px 16px; border-radius: 4px; } .elementor-field-textual.elementor-size-lg { font-size: 18px; min-height: 59px; padding: 7px 20px; border-radius: 5px; } .elementor-field-textual.elementor-size-xl { font-size: 20px; min-height: 72px; padding: 8px 24px; border-radius: 6px; } .elementor-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button { flex-basis: 100%; } .elementor-button-align-stretch .e-form__buttons__wrapper { flex-basis: 50%; flex-grow: 1; } .elementor-button-align-stretch .e-form__buttons__wrapper__button { flex-basis: 100%; } .elementor-button-align-center .elementor-field-type-submit, .elementor-button-align-center .e-form__buttons { justify-content: center; } .elementor-button-align-start .elementor-field-type-submit, .elementor-button-align-start .e-form__buttons { justify-content: flex-end; } .elementor-button-align-end .elementor-field-type-submit, .elementor-button-align-end .e-form__buttons { justify-content: flex-start; } .elementor-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button, .elementor-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button, .elementor-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button { flex-basis: initial; } .elementor-button-align-center .e-form__buttons__wrapper, .elementor-button-align-start .e-form__buttons__wrapper, .elementor-button-align-end .e-form__buttons__wrapper { flex-grow: initial; } .elementor-button-align-center .e-form__buttons__wrapper, .elementor-button-align-center .e-form__buttons__wrapper__button, .elementor-button-align-start .e-form__buttons__wrapper, .elementor-button-align-start .e-form__buttons__wrapper__button, .elementor-button-align-end .e-form__buttons__wrapper, .elementor-button-align-end .e-form__buttons__wrapper__button { flex-basis: initial; } @media screen and (max-width: ELEMENTOR_SCREEN_TABLET_MAX) { .elementor-tablet-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button { flex-basis: 100%; } .elementor-tablet-button-align-stretch .e-form__buttons__wrapper { flex-basis: 50%; flex-grow: 1; } .elementor-tablet-button-align-stretch .e-form__buttons__wrapper__button { flex-basis: 100%; } .elementor-tablet-button-align-center .elementor-field-type-submit, .elementor-tablet-button-align-center .e-form__buttons { justify-content: center; } .elementor-tablet-button-align-start .elementor-field-type-submit, .elementor-tablet-button-align-start .e-form__buttons { justify-content: flex-end; } .elementor-tablet-button-align-end .elementor-field-type-submit, .elementor-tablet-button-align-end .e-form__buttons { justify-content: flex-start; } .elementor-tablet-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button, .elementor-tablet-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button, .elementor-tablet-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button { flex-basis: initial; } .elementor-tablet-button-align-center .e-form__buttons__wrapper, .elementor-tablet-button-align-start .e-form__buttons__wrapper, .elementor-tablet-button-align-end .e-form__buttons__wrapper { flex-grow: initial; } .elementor-tablet-button-align-center .e-form__buttons__wrapper, .elementor-tablet-button-align-center .e-form__buttons__wrapper__button, .elementor-tablet-button-align-start .e-form__buttons__wrapper, .elementor-tablet-button-align-start .e-form__buttons__wrapper__button, .elementor-tablet-button-align-end .e-form__buttons__wrapper, .elementor-tablet-button-align-end .e-form__buttons__wrapper__button { flex-basis: initial; } } @media screen and (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { .elementor-mobile-button-align-stretch .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button { flex-basis: 100%; } .elementor-mobile-button-align-stretch .e-form__buttons__wrapper { flex-basis: 50%; flex-grow: 1; } .elementor-mobile-button-align-stretch .e-form__buttons__wrapper__button { flex-basis: 100%; } .elementor-mobile-button-align-center .elementor-field-type-submit, .elementor-mobile-button-align-center .e-form__buttons { justify-content: center; } .elementor-mobile-button-align-start .elementor-field-type-submit, .elementor-mobile-button-align-start .e-form__buttons { justify-content: flex-end; } .elementor-mobile-button-align-end .elementor-field-type-submit, .elementor-mobile-button-align-end .e-form__buttons { justify-content: flex-start; } .elementor-mobile-button-align-center .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button, .elementor-mobile-button-align-start .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button, .elementor-mobile-button-align-end .elementor-field-type-submit:not(.e-form__buttons__wrapper) .elementor-button { flex-basis: initial; } .elementor-mobile-button-align-center .e-form__buttons__wrapper, .elementor-mobile-button-align-start .e-form__buttons__wrapper, .elementor-mobile-button-align-end .e-form__buttons__wrapper { flex-grow: initial; } .elementor-mobile-button-align-center .e-form__buttons__wrapper, .elementor-mobile-button-align-center .e-form__buttons__wrapper__button, .elementor-mobile-button-align-start .e-form__buttons__wrapper, .elementor-mobile-button-align-start .e-form__buttons__wrapper__button, .elementor-mobile-button-align-end .e-form__buttons__wrapper, .elementor-mobile-button-align-end .e-form__buttons__wrapper__button { flex-basis: initial; } } .elementor-error .elementor-field { border-color: #d9534f; } .elementor-error .help-inline { color: #d9534f; font-size: 0.9em; } .elementor-message { margin: 10px 0; font-size: 1em; line-height: 1; } .elementor-message:before { content: "\e90e"; display: inline-block; font-family: eicons; font-weight: normal; font-style: normal; vertical-align: middle; margin-inline-end: 5px; } .elementor-message.elementor-message-danger { color: #d9534f; } .elementor-message.elementor-message-danger:before { content: "\e87f"; } .elementor-message.form-message-success { color: #5cb85c; } .elementor-form .elementor-button { padding-top: 0; padding-bottom: 0; border: none; } .elementor-form .elementor-button > span { display: flex; justify-content: center; } .elementor-form .elementor-button.elementor-size-xs { min-height: 33px; } .elementor-form .elementor-button.elementor-size-sm { min-height: 40px; } .elementor-form .elementor-button.elementor-size-md { min-height: 47px; } .elementor-form .elementor-button.elementor-size-lg { min-height: 59px; } .elementor-form .elementor-button.elementor-size-xl { min-height: 72px; } .elementor-element .elementor-widget-container { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, transform var(--e-transform-transition-duration, 400ms); } .elementor-button { display: inline-block; line-height: 1; background-color: #69727D; font-size: 15px; padding: 12px 24px; border-radius: 3px; color: #fff; fill: #fff; text-align: center; transition: all 0.3s; } .elementor-button:hover, .elementor-button:focus, .elementor-button:visited { color: #fff; } .elementor-button-content-wrapper { display: flex; justify-content: center; } .elementor-button-icon { flex-grow: 0; order: 5; } .elementor-button-icon svg { width: 1em; height: auto; } .elementor-button-icon .e-font-icon-svg { height: 1em; } .elementor-button-text { flex-grow: 1; order: 10; display: inline-block; } .elementor-button.elementor-size-xs { font-size: 13px; padding: 10px 20px; border-radius: 2px; } .elementor-button.elementor-size-md { font-size: 16px; padding: 15px 30px; border-radius: 4px; } .elementor-button.elementor-size-lg { font-size: 18px; padding: 20px 40px; border-radius: 5px; } .elementor-button.elementor-size-xl { font-size: 20px; padding: 25px 50px; border-radius: 6px; } .elementor-button .elementor-align-icon-right { margin-left: 5px; order: 5; } .elementor-button .elementor-align-icon-left { margin-right: 5px; order: 15; } .elementor-button span { text-decoration: inherit; } .elementor-element.elementor-button-info .elementor-button { background-color: #5bc0de; } .elementor-element.elementor-button-success .elementor-button { background-color: #5cb85c; } .elementor-element.elementor-button-warning .elementor-button { background-color: #f0ad4e; } .elementor-element.elementor-button-danger .elementor-button { background-color: #d9534f; } .elementor-widget-button .elementor-button .elementor-button-info { background-color: #5bc0de; } .elementor-widget-button .elementor-button .elementor-button-success { background-color: #5cb85c; } .elementor-widget-button .elementor-button .elementor-button-warning { background-color: #f0ad4e; } .elementor-widget-button .elementor-button .elementor-button-danger { background-color: #d9534f; } .elementor-tab-title a { color: inherit; } .elementor-view-stacked .elementor-icon { padding: 0.5em; background-color: #69727D; color: #fff; fill: #fff; } .elementor-view-framed .elementor-icon { padding: 0.5em; color: #69727D; border: 3px solid #69727D; background-color: transparent; } .elementor-icon { display: inline-block; line-height: 1; transition: all 0.3s; color: #69727D; font-size: 50px; text-align: center; } .elementor-icon:hover { color: #69727D; } .elementor-icon i, .elementor-icon svg { width: 1em; height: 1em; position: relative; display: block; } .elementor-icon i:before, .elementor-icon svg:before { position: absolute; left: 50%; transform: translateX(-50%); } .elementor-icon i.fad { width: initial; } .elementor-shape-circle .elementor-icon { border-radius: 50%; } .e-transform .elementor-widget-container { transform: perspective(var(--e-transform-perspective, 0)) rotateZ(var(--e-transform-rotateZ, 0)) rotateX(var(--e-transform-rotateX, 0)) rotateY(var(--e-transform-rotateY, 0)) translate(var(--e-transform-translate, 0)) translateX(var(--e-transform-translateX, 0)) translateY(var(--e-transform-translateY, 0)) scaleX(calc(var(--e-transform-flipX, 1) * var(--e-transform-scaleX, var(--e-transform-scale, 1)))) scaleY(calc(var(--e-transform-flipY, 1) * var(--e-transform-scaleY, var(--e-transform-scale, 1)))) skewX(var(--e-transform-skewX, 0)) skewY(var(--e-transform-skewY, 0)); transform-origin: var(--e-transform-origin-y) var(--e-transform-origin-x); } .e-con.e-transform { transform: perspective(var(--e-con-transform-perspective, 0)) rotateZ(var(--e-con-transform-rotateZ, 0)) rotateX(var(--e-con-transform-rotateX, 0)) rotateY(var(--e-con-transform-rotateY, 0)) translate(var(--e-con-transform-translate, 0)) translateX(var(--e-con-transform-translateX, 0)) translateY(var(--e-con-transform-translateY, 0)) scaleX(calc(var(--e-con-transform-flipX, 1) * var(--e-con-transform-scaleX, var(--e-con-transform-scale, 1)))) scaleY(calc(var(--e-con-transform-flipY, 1) * var(--e-con-transform-scaleY, var(--e-con-transform-scale, 1)))) skewX(var(--e-con-transform-skewX, 0)) skewY(var(--e-con-transform-skewY, 0)); transform-origin: var(--e-con-transform-origin-y) var(--e-con-transform-origin-x); } .elementor-element, .elementor-lightbox { --swiper-theme-color: #000; --swiper-navigation-size: 44px; --swiper-pagination-bullet-size: 6px; --swiper-pagination-bullet-horizontal-gap: 6px; } .elementor-element .swiper .swiper-slide figure, .elementor-element .swiper-container .swiper-slide figure, .elementor-lightbox .swiper .swiper-slide figure, .elementor-lightbox .swiper-container .swiper-slide figure { line-height: 0; } .elementor-element .swiper .elementor-lightbox-content-source, .elementor-element .swiper-container .elementor-lightbox-content-source, .elementor-lightbox .swiper .elementor-lightbox-content-source, .elementor-lightbox .swiper-container .elementor-lightbox-content-source { display: none; } .elementor-element .swiper .elementor-swiper-button, .elementor-element .swiper ~ .elementor-swiper-button, .elementor-element .swiper-container .elementor-swiper-button, .elementor-element .swiper-container ~ .elementor-swiper-button, .elementor-lightbox .swiper .elementor-swiper-button, .elementor-lightbox .swiper ~ .elementor-swiper-button, .elementor-lightbox .swiper-container .elementor-swiper-button, .elementor-lightbox .swiper-container ~ .elementor-swiper-button { position: absolute; display: inline-flex; z-index: 1; cursor: pointer; font-size: 25px; color: rgba(238, 238, 238, 0.9); top: 50%; transform: translateY(-50%); } .elementor-element .swiper .elementor-swiper-button svg, .elementor-element .swiper ~ .elementor-swiper-button svg, .elementor-element .swiper-container .elementor-swiper-button svg, .elementor-element .swiper-container ~ .elementor-swiper-button svg, .elementor-lightbox .swiper .elementor-swiper-button svg, .elementor-lightbox .swiper ~ .elementor-swiper-button svg, .elementor-lightbox .swiper-container .elementor-swiper-button svg, .elementor-lightbox .swiper-container ~ .elementor-swiper-button svg { fill: rgba(238, 238, 238, 0.9); height: 1em; width: 1em; } .elementor-element .swiper .elementor-swiper-button-prev, .elementor-element .swiper ~ .elementor-swiper-button-prev, .elementor-element .swiper-container .elementor-swiper-button-prev, .elementor-element .swiper-container ~ .elementor-swiper-button-prev, .elementor-lightbox .swiper .elementor-swiper-button-prev, .elementor-lightbox .swiper ~ .elementor-swiper-button-prev, .elementor-lightbox .swiper-container .elementor-swiper-button-prev, .elementor-lightbox .swiper-container ~ .elementor-swiper-button-prev { left: 10px; } .elementor-element .swiper .elementor-swiper-button-next, .elementor-element .swiper ~ .elementor-swiper-button-next, .elementor-element .swiper-container .elementor-swiper-button-next, .elementor-element .swiper-container ~ .elementor-swiper-button-next, .elementor-lightbox .swiper .elementor-swiper-button-next, .elementor-lightbox .swiper ~ .elementor-swiper-button-next, .elementor-lightbox .swiper-container .elementor-swiper-button-next, .elementor-lightbox .swiper-container ~ .elementor-swiper-button-next { right: 10px; } .elementor-element .swiper .elementor-swiper-button.swiper-button-disabled, .elementor-element .swiper ~ .elementor-swiper-button.swiper-button-disabled, .elementor-element .swiper-container .elementor-swiper-button.swiper-button-disabled, .elementor-element .swiper-container ~ .elementor-swiper-button.swiper-button-disabled, .elementor-lightbox .swiper .elementor-swiper-button.swiper-button-disabled, .elementor-lightbox .swiper ~ .elementor-swiper-button.swiper-button-disabled, .elementor-lightbox .swiper-container .elementor-swiper-button.swiper-button-disabled, .elementor-lightbox .swiper-container ~ .elementor-swiper-button.swiper-button-disabled { opacity: 0.3; } .elementor-element .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image, .elementor-element .swiper-container .swiper-image-stretch .swiper-slide .swiper-slide-image, .elementor-lightbox .swiper .swiper-image-stretch .swiper-slide .swiper-slide-image, .elementor-lightbox .swiper-container .swiper-image-stretch .swiper-slide .swiper-slide-image { width: 100%; } .elementor-element .swiper .swiper-pagination-fraction, .elementor-element .swiper .swiper-pagination-custom, .elementor-element .swiper .swiper-horizontal > .swiper-pagination-bullets, .elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-element .swiper ~ .swiper-pagination-fraction, .elementor-element .swiper ~ .swiper-pagination-custom, .elementor-element .swiper ~ .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-element .swiper-container .swiper-pagination-fraction, .elementor-element .swiper-container .swiper-pagination-custom, .elementor-element .swiper-container .swiper-horizontal > .swiper-pagination-bullets, .elementor-element .swiper-container .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-element .swiper-container ~ .swiper-pagination-fraction, .elementor-element .swiper-container ~ .swiper-pagination-custom, .elementor-element .swiper-container ~ .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-lightbox .swiper .swiper-pagination-fraction, .elementor-lightbox .swiper .swiper-pagination-custom, .elementor-lightbox .swiper .swiper-horizontal > .swiper-pagination-bullets, .elementor-lightbox .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-lightbox .swiper ~ .swiper-pagination-fraction, .elementor-lightbox .swiper ~ .swiper-pagination-custom, .elementor-lightbox .swiper ~ .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-lightbox .swiper-container .swiper-pagination-fraction, .elementor-lightbox .swiper-container .swiper-pagination-custom, .elementor-lightbox .swiper-container .swiper-horizontal > .swiper-pagination-bullets, .elementor-lightbox .swiper-container .swiper-pagination-bullets.swiper-pagination-horizontal, .elementor-lightbox .swiper-container ~ .swiper-pagination-fraction, .elementor-lightbox .swiper-container ~ .swiper-pagination-custom, .elementor-lightbox .swiper-container ~ .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 5px; } .elementor-element .swiper.swiper-cube .elementor-swiper-button, .elementor-element .swiper.swiper-cube ~ .elementor-swiper-button, .elementor-element .swiper-container.swiper-cube .elementor-swiper-button, .elementor-element .swiper-container.swiper-cube ~ .elementor-swiper-button, .elementor-lightbox .swiper.swiper-cube .elementor-swiper-button, .elementor-lightbox .swiper.swiper-cube ~ .elementor-swiper-button, .elementor-lightbox .swiper-container.swiper-cube .elementor-swiper-button, .elementor-lightbox .swiper-container.swiper-cube ~ .elementor-swiper-button { transform: translate3d(0, -50%, 1px); } .elementor-element :where(.swiper-container-horizontal) ~ .swiper-pagination-bullets, .elementor-lightbox :where(.swiper-container-horizontal) ~ .swiper-pagination-bullets { bottom: 5px; left: 0; width: 100%; } .elementor-element :where(.swiper-container-horizontal) ~ .swiper-pagination-bullets .swiper-pagination-bullet, .elementor-lightbox :where(.swiper-container-horizontal) ~ .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .elementor-element :where(.swiper-container-horizontal) ~ .swiper-pagination-progressbar, .elementor-lightbox :where(.swiper-container-horizontal) ~ .swiper-pagination-progressbar { width: 100%; height: 4px; left: 0; top: 0; } .elementor-element.elementor-pagination-position-outside .swiper, .elementor-element.elementor-pagination-position-outside .swiper-container, .elementor-lightbox.elementor-pagination-position-outside .swiper, .elementor-lightbox.elementor-pagination-position-outside .swiper-container { padding-bottom: 30px; } .elementor-element.elementor-pagination-position-outside .swiper .elementor-swiper-button, .elementor-element.elementor-pagination-position-outside .swiper ~ .elementor-swiper-button, .elementor-element.elementor-pagination-position-outside .swiper-container .elementor-swiper-button, .elementor-element.elementor-pagination-position-outside .swiper-container ~ .elementor-swiper-button, .elementor-lightbox.elementor-pagination-position-outside .swiper .elementor-swiper-button, .elementor-lightbox.elementor-pagination-position-outside .swiper ~ .elementor-swiper-button, .elementor-lightbox.elementor-pagination-position-outside .swiper-container .elementor-swiper-button, .elementor-lightbox.elementor-pagination-position-outside .swiper-container ~ .elementor-swiper-button { top: calc(50% - 30px / 2); } .elementor-element .elementor-swiper, .elementor-lightbox .elementor-swiper { position: relative; } .elementor-element .elementor-main-swiper, .elementor-lightbox .elementor-main-swiper { position: static; } .elementor-element.elementor-arrows-position-outside .swiper, .elementor-element.elementor-arrows-position-outside .swiper-container, .elementor-lightbox.elementor-arrows-position-outside .swiper, .elementor-lightbox.elementor-arrows-position-outside .swiper-container { width: calc(100% - 60px); } .elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev, .elementor-element.elementor-arrows-position-outside .swiper ~ .elementor-swiper-button-prev, .elementor-element.elementor-arrows-position-outside .swiper-container .elementor-swiper-button-prev, .elementor-element.elementor-arrows-position-outside .swiper-container ~ .elementor-swiper-button-prev, .elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev, .elementor-lightbox.elementor-arrows-position-outside .swiper ~ .elementor-swiper-button-prev, .elementor-lightbox.elementor-arrows-position-outside .swiper-container .elementor-swiper-button-prev, .elementor-lightbox.elementor-arrows-position-outside .swiper-container ~ .elementor-swiper-button-prev { left: 0; } .elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-next, .elementor-element.elementor-arrows-position-outside .swiper ~ .elementor-swiper-button-next, .elementor-element.elementor-arrows-position-outside .swiper-container .elementor-swiper-button-next, .elementor-element.elementor-arrows-position-outside .swiper-container ~ .elementor-swiper-button-next, .elementor-lightbox.elementor-arrows-position-outside .swiper .elementor-swiper-button-next, .elementor-lightbox.elementor-arrows-position-outside .swiper ~ .elementor-swiper-button-next, .elementor-lightbox.elementor-arrows-position-outside .swiper-container .elementor-swiper-button-next, .elementor-lightbox.elementor-arrows-position-outside .swiper-container ~ .elementor-swiper-button-next { right: 0; } .elementor-lightbox { --lightbox-ui-color: rgba(238, 238, 238, 0.9); --lightbox-ui-color-hover: #fff; --lightbox-text-color: var(--lightbox-ui-color); --lightbox-header-icons-size: 20px; --lightbox-navigation-icons-size: 25px; } .elementor-lightbox:not(.elementor-popup-modal) .dialog-header, .elementor-lightbox:not(.elementor-popup-modal) .dialog-message { text-align: center; } .elementor-lightbox .dialog-header { display: none; } .elementor-lightbox .dialog-widget-content { background: none; box-shadow: none; width: 100%; height: 100%; } .elementor-lightbox .dialog-message { animation-duration: 0.3s; height: 100%; } .elementor-lightbox .dialog-message.dialog-lightbox-message { padding: 0; } .elementor-lightbox .dialog-lightbox-close-button { cursor: pointer; position: absolute; font-size: var(--lightbox-header-icons-size); left: 0.75em; margin-top: 13px; padding: 0.25em; z-index: 2; line-height: 1; display: flex; } .elementor-lightbox .dialog-lightbox-close-button svg { height: 1em; width: 1em; } .elementor-lightbox .dialog-lightbox-close-button, .elementor-lightbox .elementor-swiper-button { color: var(--lightbox-ui-color); transition: all 0.3s; opacity: 1; } .elementor-lightbox .dialog-lightbox-close-button svg, .elementor-lightbox .elementor-swiper-button svg { fill: var(--lightbox-ui-color); } .elementor-lightbox .dialog-lightbox-close-button:hover, .elementor-lightbox .elementor-swiper-button:hover { color: var(--lightbox-ui-color-hover); } .elementor-lightbox .dialog-lightbox-close-button:hover svg, .elementor-lightbox .elementor-swiper-button:hover svg { fill: var(--lightbox-ui-color-hover); } .elementor-lightbox .swiper, .elementor-lightbox .swiper-container { height: 100%; } .elementor-lightbox .elementor-lightbox-item { display: flex; align-items: center; justify-content: center; position: relative; padding: 70px; box-sizing: border-box; height: 100%; margin: auto; } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { .elementor-lightbox .elementor-lightbox-item { padding: 70px 0; } } .elementor-lightbox .elementor-lightbox-image { max-height: 100%; user-select: none; } .elementor-lightbox .elementor-lightbox-image, .elementor-lightbox .elementor-lightbox-image:hover { opacity: 1; filter: none; border: none; } .elementor-lightbox .elementor-lightbox-image { box-shadow: 0 0 30px rgba(0, 0, 0, 0.3), 0 0 8px -5px rgba(0, 0, 0, 0.3); border-radius: 2px; } .elementor-lightbox .elementor-video-container { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .elementor-lightbox .elementor-video-container .elementor-video-square, .elementor-lightbox .elementor-video-container .elementor-video-landscape, .elementor-lightbox .elementor-video-container .elementor-video-portrait { width: 100%; height: 100%; margin: auto; } .elementor-lightbox .elementor-video-container .elementor-video-square iframe, .elementor-lightbox .elementor-video-container .elementor-video-landscape iframe, .elementor-lightbox .elementor-video-container .elementor-video-portrait iframe { border: 0; background-color: #000; } .elementor-lightbox .elementor-video-container .elementor-video-square iframe, .elementor-lightbox .elementor-video-container .elementor-video-square video, .elementor-lightbox .elementor-video-container .elementor-video-landscape iframe, .elementor-lightbox .elementor-video-container .elementor-video-landscape video, .elementor-lightbox .elementor-video-container .elementor-video-portrait iframe, .elementor-lightbox .elementor-video-container .elementor-video-portrait video { aspect-ratio: var(--video-aspect-ratio, 1.77777); } @supports not (aspect-ratio: 1/1) { .elementor-lightbox .elementor-video-container .elementor-video-square, .elementor-lightbox .elementor-video-container .elementor-video-landscape, .elementor-lightbox .elementor-video-container .elementor-video-portrait { position: relative; overflow: hidden; height: 0; padding-bottom: calc(100% / var(--video-aspect-ratio, 1.77777)); } .elementor-lightbox .elementor-video-container .elementor-video-square iframe, .elementor-lightbox .elementor-video-container .elementor-video-square video, .elementor-lightbox .elementor-video-container .elementor-video-landscape iframe, .elementor-lightbox .elementor-video-container .elementor-video-landscape video, .elementor-lightbox .elementor-video-container .elementor-video-portrait iframe, .elementor-lightbox .elementor-video-container .elementor-video-portrait video { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } } .elementor-lightbox .elementor-video-container .elementor-video-square iframe, .elementor-lightbox .elementor-video-container .elementor-video-square video { width: min(90vh, 90vw); height: min(90vh, 90vw); } .elementor-lightbox .elementor-video-container .elementor-video-landscape iframe, .elementor-lightbox .elementor-video-container .elementor-video-landscape video { width: 100%; max-height: 90vh; } .elementor-lightbox .elementor-video-container .elementor-video-portrait iframe, .elementor-lightbox .elementor-video-container .elementor-video-portrait video { height: 100%; max-width: 90vw; } @media (min-width: ELEMENTOR_SCREEN_TABLET_NEXT) { .elementor-lightbox .elementor-video-container .elementor-video-landscape { width: 85vw; max-height: 85vh; } .elementor-lightbox .elementor-video-container .elementor-video-portrait { height: 85vh; max-width: 85vw; } } @media (max-width: ELEMENTOR_SCREEN_TABLET_MAX) { .elementor-lightbox .elementor-video-container .elementor-video-landscape { width: 95vw; max-height: 95vh; } .elementor-lightbox .elementor-video-container .elementor-video-portrait { height: 95vh; max-width: 95vw; } } .elementor-lightbox .swiper .elementor-swiper-button-prev, .elementor-lightbox .swiper-container .elementor-swiper-button-prev { left: 0; } .elementor-lightbox .swiper .elementor-swiper-button-next, .elementor-lightbox .swiper-container .elementor-swiper-button-next { right: 0; } .elementor-lightbox .swiper .swiper-pagination-fraction, .elementor-lightbox .swiper-container .swiper-pagination-fraction { width: max-content; color: #ffffff; } .elementor-lightbox .elementor-swiper-button:focus { outline-width: 1px; } .elementor-lightbox .elementor-swiper-button-prev, .elementor-lightbox .elementor-swiper-button-next { height: 100%; display: flex; align-items: center; width: 15%; justify-content: center; font-size: var(--lightbox-navigation-icons-size); } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { .elementor-lightbox .elementor-swiper-button:focus { outline: none; } .elementor-lightbox .elementor-swiper-button-prev, .elementor-lightbox .elementor-swiper-button-next { width: 20%; } .elementor-lightbox .elementor-swiper-button-prev i, .elementor-lightbox .elementor-swiper-button-next i { padding: 10px; background-color: rgba(0, 0, 0, 0.5); } .elementor-lightbox .elementor-swiper-button-prev { left: 0; justify-content: flex-start; } .elementor-lightbox .elementor-swiper-button-next { right: 0; justify-content: flex-end; } } .elementor-slideshow__counter { color: currentColor; font-size: 0.75em; width: max-content; } .elementor-slideshow__header, .elementor-slideshow__footer { position: absolute; left: 0; width: 100%; padding: 15px 20px; transition: 0.3s; } .elementor-slideshow__footer { color: var(--lightbox-text-color); } .elementor-slideshow__header { color: var(--lightbox-ui-color); display: flex; flex-direction: row-reverse; font-size: var(--lightbox-header-icons-size); padding-inline-start: 1em; padding-inline-end: 2.6em; top: 0; align-items: center; z-index: 10; } .elementor-slideshow__header > i, .elementor-slideshow__header > svg { cursor: pointer; padding: 0.25em; margin: 0 0.35em; } .elementor-slideshow__header > i { font-size: inherit; } .elementor-slideshow__header > i:hover { color: var(--lightbox-ui-color-hover); } .elementor-slideshow__header > svg { box-sizing: content-box; fill: var(--lightbox-ui-color); height: 1em; width: 1em; } .elementor-slideshow__header > svg:hover { fill: var(--lightbox-ui-color-hover); } .elementor-slideshow__header .elementor-slideshow__counter { margin-inline-end: auto; } .elementor-slideshow__header .elementor-icon-share { z-index: 5; } .elementor-slideshow__share-menu { background-color: rgba(0, 0, 0, 0); width: 0; height: 0; position: absolute; overflow: hidden; transition: background-color 400ms; } .elementor-slideshow__share-menu .elementor-slideshow__share-links a { color: #0C0D0E; } .elementor-slideshow__share-links { display: block; position: absolute; min-width: 200px; left: 2.8em; top: 3em; background-color: #fff; border-radius: 3px; padding: 14px 20px; transform: scale(0); opacity: 0; transform-origin: 90% 10%; transition: all 250ms 100ms; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); } .elementor-slideshow__share-links a { text-align: start; color: #3f444b; font-size: 12px; line-height: 2.5; display: block; opacity: 0; transition: opacity 500ms 100ms; } .elementor-slideshow__share-links a:hover { color: #000; } .elementor-slideshow__share-links a i, .elementor-slideshow__share-links a svg { margin-inline-end: 0.75em; } .elementor-slideshow__share-links a i { font-size: 1.25em; } .elementor-slideshow__share-links a svg { height: 1.25em; width: 1.25em; } .elementor-slideshow__share-links:before { content: ""; display: block; position: absolute; top: 1px; left: 0.5em; border: 0.45em solid; border-color: transparent transparent #fff transparent; transform: translateY(-100%) scaleX(0.7); } .elementor-slideshow__footer { bottom: 0; z-index: 5; position: fixed; } .elementor-slideshow__title, .elementor-slideshow__description { margin: 0; } .elementor-slideshow__title { font-size: 16px; font-weight: bold; } .elementor-slideshow__description { font-size: 14px; } .elementor-slideshow--ui-hidden .elementor-slideshow__header, .elementor-slideshow--ui-hidden .elementor-slideshow__footer { opacity: 0; pointer-events: none; } .elementor-slideshow--ui-hidden .elementor-swiper-button-prev, .elementor-slideshow--ui-hidden .elementor-swiper-button-next { opacity: 0; } .elementor-slideshow--fullscreen-mode .elementor-video-container { width: 100%; } .elementor-slideshow--zoom-mode .elementor-slideshow__header, .elementor-slideshow--zoom-mode .elementor-slideshow__footer { background-color: rgba(0, 0, 0, 0.5); } .elementor-slideshow--zoom-mode .elementor-swiper-button-prev, .elementor-slideshow--zoom-mode .elementor-swiper-button-next { opacity: 0; pointer-events: none; } .elementor-slideshow--share-mode .elementor-slideshow__share-menu { top: 0; left: 0; width: 100vw; height: 100vh; opacity: 1; cursor: default; background-color: rgba(0, 0, 0, 0.5); } .elementor-slideshow--share-mode .elementor-slideshow__share-links { transform: scale(1); } .elementor-slideshow--share-mode .elementor-slideshow__share-links, .elementor-slideshow--share-mode .elementor-slideshow__share-links a { opacity: 1; } .elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-twitter { color: #1DA1F2; } .elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-facebook { color: #3b5998; } .elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-pinterest { color: #bd081c; } .elementor-slideshow--share-mode .elementor-slideshow__share-links .eicon-download-bold { color: #9DA5AE; } .elementor-slideshow--share-mode .elementor-slideshow__share-links .e-eicon-twitter { fill: #1DA1F2; } .elementor-slideshow--share-mode .elementor-slideshow__share-links .e-eicon-facebook { fill: #3b5998; } .elementor-slideshow--share-mode .elementor-slideshow__share-links .e-eicon-pinterest { fill: #bd081c; } .elementor-slideshow--share-mode .elementor-slideshow__share-links .e-eicon-download-bold { fill: #9DA5AE; } .elementor-slideshow--share-mode .eicon-share-arrow { z-index: 2; } .animated { animation-duration: 1.25s; } .animated.animated-slow { animation-duration: 2s; } .animated.animated-fast { animation-duration: 0.75s; } .animated.infinite { animation-iteration-count: infinite; } .animated.reverse { animation-direction: reverse; animation-fill-mode: forwards; } @media (prefers-reduced-motion: reduce) { .animated { animation: none; } } .elementor-shape { overflow: hidden; position: absolute; left: 0; width: 100%; line-height: 0; direction: ltr; /* * @TODO: The `z-index: -1` rules below are temporary fixes for Chrome 85 issue. * It will be removed in a future version of Chrome. */ } .elementor-shape-top { top: -1px; } .elementor-shape-top:not([data-negative=false]) svg { z-index: -1; } .elementor-shape-bottom { bottom: -1px; } .elementor-shape-bottom:not([data-negative=true]) svg { z-index: -1; } .elementor-shape[data-negative=false].elementor-shape-bottom { transform: rotate(180deg); } .elementor-shape[data-negative=true].elementor-shape-top { transform: rotate(180deg); } .elementor-shape svg { display: block; width: calc(100% + 1.3px); position: relative; left: 50%; transform: translateX(-50%); } .elementor-shape .elementor-shape-fill { fill: #fff; transform-origin: center; transform: rotateY(0deg); } #wp-admin-bar-elementor_edit_page > .ab-item::before { content: "\e813"; font-family: eicons; top: 3px; font-size: 18px; } #wp-admin-bar-elementor_edit_page .ab-submenu .ab-item { display: flex; width: 200px; } #wp-admin-bar-elementor_edit_page .elementor-edit-link-title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; } #wp-admin-bar-elementor_edit_page .elementor-edit-link-type { background: #3f444b; font-size: 11px; line-height: 9px; margin-top: 6px; padding: 4px 8px; border-radius: 3px; } #wp-admin-bar-elementor_inspector > .ab-item::before { content: "\f348"; top: 2px; } #wpadminbar * { font-style: normal; } .page-template-elementor_canvas.elementor-page:before { display: none; } .elementor-post__thumbnail__link { transition: none; } #left-area ul.elementor-icon-list-items, .elementor .elementor-element ul.elementor-icon-list-items, .elementor-edit-area .elementor-element ul.elementor-icon-list-items { padding: 0; } .e--ua-appleWebkit.rtl { --flex-right: flex-start; } .e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-right, .e--ua-appleWebkit .elementor-share-buttons--align-right { --justify-content: var(--flex-right, flex-end); } .e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-center, .e--ua-appleWebkit .elementor-share-buttons--align-center { --justify-content: center; } .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-right .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-center .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-right .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-center .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-justify .elementor-grid { width: auto; display: flex; flex-wrap: wrap; justify-content: var(--justify-content, space-between); margin-left: calc(-0.5 * var(--grid-column-gap)); margin-right: calc(-0.5 * var(--grid-column-gap)); } .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-right .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-center .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-right .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-center .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-justify .elementor-grid-item { margin-left: calc(0.5 * var(--grid-column-gap)); margin-right: calc(0.5 * var(--grid-column-gap)); } .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid { display: inline-block; } .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-left .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-left .elementor-grid-item { margin-left: 0; margin-right: 0; } @media (max-width: ELEMENTOR_SCREEN_TABLET_MAX) { .e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-tablet-right, .e--ua-appleWebkit .elementor-share-buttons-tablet--align-right { --justify-content: var(--flex-right, flex-end); } .e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-tablet-center, .e--ua-appleWebkit .elementor-share-buttons-tablet--align-center { --justify-content: center; } .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-right .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-center .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-right .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-center .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-justify .elementor-grid { width: auto; display: flex; flex-wrap: wrap; justify-content: var(--justify-content, space-between); margin-left: calc(-0.5 * var(--grid-column-gap)); margin-right: calc(-0.5 * var(--grid-column-gap)); } .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-right .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-center .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-right .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-center .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-tablet-justify .elementor-grid-item { margin-left: calc(0.5 * var(--grid-column-gap)); margin-right: calc(0.5 * var(--grid-column-gap)); } .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid { display: inline-block; } .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-tablet-left .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-tablet--align-left .elementor-grid-item { margin-left: 0; margin-right: 0; } } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { .e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-mobile-right, .e--ua-appleWebkit .elementor-share-buttons-mobile--align-right { --justify-content: var(--flex-right, flex-end); } .e--ua-appleWebkit .elementor-widget-social-icons.e-grid-align-mobile-center, .e--ua-appleWebkit .elementor-share-buttons-mobile--align-center { --justify-content: center; } .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-right .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-center .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-right .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-center .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-justify .elementor-grid { width: auto; display: flex; flex-wrap: wrap; justify-content: var(--justify-content, space-between); margin-left: calc(-0.5 * var(--grid-column-gap)); margin-right: calc(-0.5 * var(--grid-column-gap)); } .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-right .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-center .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-right .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-center .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons--align-mobile-justify .elementor-grid-item { margin-left: calc(0.5 * var(--grid-column-gap)); margin-right: calc(0.5 * var(--grid-column-gap)); } .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid { display: inline-block; } .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-widget-social-icons.e-grid-align-mobile-left .elementor-grid-item, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid, .e--ua-appleWebkit .elementor-grid-0.elementor-share-buttons-mobile--align-left .elementor-grid-item { margin-left: 0; margin-right: 0; } } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { .elementor .elementor-hidden-mobile { display: none; } .elementor .elementor-hidden-phone { display: none; } } @media (min-width: ELEMENTOR_SCREEN_MOBILE_EXTRA_MIN) and (max-width: ELEMENTOR_SCREEN_MOBILE_EXTRA_MAX) { .elementor .elementor-hidden-mobile_extra { display: none; } } @media (min-width: ELEMENTOR_SCREEN_TABLET_MIN) and (max-width: ELEMENTOR_SCREEN_TABLET_MAX) { .elementor .elementor-hidden-tablet { display: none; } } @media (min-width: ELEMENTOR_SCREEN_TABLET_EXTRA_MIN) and (max-width: ELEMENTOR_SCREEN_TABLET_EXTRA_MAX) { .elementor .elementor-hidden-tablet_extra { display: none; } } @media (min-width: ELEMENTOR_SCREEN_LAPTOP_MIN) and (max-width: ELEMENTOR_SCREEN_LAPTOP_MAX) { .elementor .elementor-hidden-laptop { display: none; } } @media (min-width: ELEMENTOR_SCREEN_DESKTOP_MIN) and (max-width: ELEMENTOR_SCREEN_DESKTOP_MAX) { .elementor .elementor-hidden-desktop { display: none; } } @media (min-width: ELEMENTOR_SCREEN_WIDESCREEN_MIN) { .elementor .elementor-hidden-widescreen { display: none; } } .elementor-widget-text-path { font-size: 20px; text-align: var(--alignment, start); } .elementor-widget-text-path svg { width: var(--width); max-width: 100%; height: auto; overflow: visible; word-spacing: var(--word-spacing); transform: rotate(var(--rotate, 0)) scaleX(var(--scale-x, 1)) scaleY(var(--scale-y, 1)); } .elementor-widget-text-path svg path { vector-effect: non-scaling-stroke; /* Prevent stroke size scaling when resizing the SVG. */ fill: var(--path-fill, transparent); stroke: var(--stroke-color, transparent); stroke-width: var(--stroke-width, 1px); transition: var(--stroke-transition) stroke, var(--stroke-transition) fill; } .elementor-widget-text-path svg:hover path { --path-fill: var( --path-fill-hover ); --stroke-color: var( --stroke-color-hover ); --stroke-width: var( --stroke-width-hover ); } .elementor-widget-text-path svg text { --fill: var( --text-color ); fill: var(--fill); direction: var(--direction, rtl); transition: var(--transition) stroke, var(--transition) stroke-width, var(--transition) fill; } .elementor-widget-text-path svg text:hover { --color: var( --text-color-hover, var( --text-color ) ); --fill: var( --color ); color: var(--color); } .elementor-widget-n-tabs { --n-tabs-color-accent-fallback: #61CE70; --n-tabs-color-secondary-fallback: #54595F; --n-tabs-default-padding-block: 15px; --n-tabs-default-padding-inline: 35px; --n-tabs-background-color: transparent; --n-tabs-display: flex; --n-tabs-direction: column; --n-tabs-gap: 10px; --n-tabs-heading-display: flex; --n-tabs-heading-direction: row; --n-tabs-heading-grow: initial; --n-tabs-heading-justify-content: center; --n-tabs-heading-width: initial; --n-tabs-heading-overflow-x: initial; --n-tabs-heading-wrap: nowrap; --n-tabs-border-width: 1px; --n-tabs-border-color: #D5D8DC; --n-tabs-content-display: flex; --n-tabs-title-color: var(--e-global-color-secondary, var(--n-tabs-color-secondary-fallback)); --n-tabs-title-color-hover: #ffffff; --n-tabs-title-color-active: #ffffff; --n-tabs-title-background-color: #F1F2F3; --n-tabs-title-background-color-hover: var(--e-global-color-accent, var(--n-tabs-color-accent-fallback)); --n-tabs-title-background-color-active: var(--e-global-color-accent, var(--n-tabs-color-accent-fallback)); --n-tabs-title-width: initial; --n-tabs-title-height: initial; --n-tabs-title-font-size: 1rem; --n-tabs-title-white-space: initial; --n-tabs-title-justify-content-toggle: initial; --n-tabs-title-align-items-toggle: center; --n-tabs-title-justify-content: center; --n-tabs-title-align-items: center; --n-tabs-title-text-align: center; --n-tabs-title-direction: row; --n-tabs-title-gap: 10px; --n-tabs-title-flex-grow: 0; --n-tabs-title-flex-basis: content; --n-tabs-title-flex-shrink: initial; --n-tabs-title-order: initial; --n-tabs-title-padding-top: var(--n-tabs-default-padding-block); --n-tabs-title-padding-bottom: var(--n-tabs-default-padding-block); --n-tabs-title-padding-left: var(--n-tabs-default-padding-inline); --n-tabs-title-padding-right: var(--n-tabs-default-padding-inline); --n-tabs-title-border-radius: initial; --n-tabs-title-transition: 0.3s; --n-tabs-icon-color: var(--e-global-color-secondary, var(--n-tabs-color-secondary-fallback)); --n-tabs-icon-color-hover: var(--n-tabs-title-color-hover); --n-tabs-icon-color-active: #ffffff; --n-tabs-icon-gap: 5px; width: 100%; max-width: 100%; /* Fix issue with new created n-tabs inside n-tabs with overflow */ } .elementor-widget-n-tabs { --n-tabs-title-padding-inline-start: var(--n-tabs-title-padding-left); --n-tabs-title-padding-inline-end: var(--n-tabs-title-padding-right); --n-tabs-title-padding-block-start: var(--n-tabs-title-padding-top); --n-tabs-title-padding-block-end: var(--n-tabs-title-padding-bottom); } body.rtl .elementor-widget-n-tabs { --n-tabs-title-padding-inline-start: var(--n-tabs-title-padding-right); --n-tabs-title-padding-inline-end: var(--n-tabs-title-padding-left); } .elementor-widget-n-tabs .e-n-tabs { display: var(--n-tabs-display); flex-direction: var(--n-tabs-direction); gap: var(--n-tabs-gap); text-align: start; min-width: 0; } .elementor-widget-n-tabs .e-n-tabs-heading { display: var(--n-tabs-heading-display); flex-basis: var(--n-tabs-heading-width); flex-direction: var(--n-tabs-heading-direction); flex-shrink: 0; justify-content: var(--n-tabs-heading-justify-content); gap: var(--n-tabs-title-gap); overflow-x: var(--n-tabs-heading-overflow-x); flex-wrap: var(--n-tabs-heading-wrap); -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .elementor-widget-n-tabs .e-n-tabs-heading::-webkit-scrollbar { display: none; /* Hide scrollbar for Chrome, Safari and Opera */ } .elementor-widget-n-tabs .e-n-tabs-heading.e-scroll { cursor: grabbing; cursor: -webkit-grabbing; } .elementor-widget-n-tabs .e-n-tabs-heading.e-scroll-active { position: relative; } .elementor-widget-n-tabs .e-n-tabs-heading.e-scroll-active::before { content: ""; position: absolute; inset-block: 0; inset-inline: -1000vw; z-index: 2; } .elementor-widget-n-tabs .e-n-tabs-content { display: var(--n-tabs-content-display); flex-grow: 1; min-width: 0; } .elementor-widget-n-tabs .e-n-tabs-content > .e-con:not(.e-active) { display: none; } .elementor-widget-n-tabs .e-n-tabs:not(.e-activated) > .e-n-tabs-content > .e-con:nth-child(1) { display: flex; } .elementor-widget-n-tabs .e-n-tab-title { all: unset; user-select: none; display: flex; align-items: var(--n-tabs-title-align-items-toggle, var(--n-tabs-title-align-items)); flex-direction: var(--n-tabs-title-direction); justify-content: var(--n-tabs-title-justify-content-toggle, var(--n-tabs-title-justify-content)); gap: var(--n-tabs-icon-gap); border-width: var(--n-tabs-border-width); position: relative; cursor: pointer; outline: none; flex-grow: var(--n-tabs-title-flex-grow); flex-basis: var(--n-tabs-title-flex-basis); flex-shrink: var(--n-tabs-title-flex-shrink); padding-block-start: var(--n-tabs-title-padding-block-start); padding-inline-end: var(--n-tabs-title-padding-inline-end); padding-block-end: var(--n-tabs-title-padding-block-end); padding-inline-start: var(--n-tabs-title-padding-inline-start); border-radius: var(--n-tabs-title-border-radius); height: var(--n-tabs-title-height); width: var(--n-tabs-title-width); white-space: var(--n-tabs-title-white-space); transition: background var(--n-tabs-title-transition), color var(--n-tabs-title-transition), border var(--n-tabs-title-transition), box-shadow var(--n-tabs-title-transition), text-shadow var(--n-tabs-title-transition), stroke var(--n-tabs-title-transition), stroke-width var(--n-tabs-title-transition), -webkit-text-stroke-width var(--n-tabs-title-transition), -webkit-text-stroke-color var(--n-tabs-title-transition), transform var(--n-tabs-title-transition); } .elementor-widget-n-tabs .e-n-tab-title:focus-visible { outline: 5px auto -webkit-focus-ring-color; } .elementor-widget-n-tabs .e-n-tab-title span svg, .elementor-widget-n-tabs .e-n-tab-title span i { transition: color var(--n-tabs-title-transition), fill var(--n-tabs-title-transition); } .elementor-widget-n-tabs .e-n-tab-title-text { display: flex; align-items: center; font-size: var(--n-tabs-title-font-size); text-align: var(--n-tabs-title-text-align); } .elementor-widget-n-tabs .e-n-tab-title .e-n-tab-icon { display: flex; align-items: center; flex-direction: column; flex-shrink: 0; order: var(--n-tabs-icon-order); overflow: hidden; } .elementor-widget-n-tabs .e-n-tab-title .e-n-tab-icon i { font-size: var(--n-tabs-icon-size, var(--n-tabs-title-font-size)); } .elementor-widget-n-tabs .e-n-tab-title .e-n-tab-icon svg { width: var(--n-tabs-icon-size, var(--n-tabs-title-font-size)); height: var(--n-tabs-icon-size, var(--n-tabs-title-font-size)); } .elementor-widget-n-tabs .e-n-tab-title .e-n-tab-icon:empty { display: none; } .elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] { background-color: var(--n-tabs-title-background-color); } .elementor-widget-n-tabs .e-n-tab-title[aria-selected=false], .elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] a { color: var(--n-tabs-title-color); } .elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] .e-n-tab-icon i { color: var(--n-tabs-icon-color); } .elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] .e-n-tab-icon svg { fill: var(--n-tabs-icon-color); } .elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] .e-n-tab-icon i:last-child, .elementor-widget-n-tabs .e-n-tab-title[aria-selected=false] .e-n-tab-icon svg:last-child { transform: translate(0, -100vh); height: 0; opacity: 0; } .elementor-widget-n-tabs .e-n-tab-title[aria-selected=true], .elementor-widget-n-tabs .e-n-tab-title[aria-selected=true] a { color: var(--n-tabs-title-color-active); } .elementor-widget-n-tabs .e-n-tab-title[aria-selected=true] .e-n-tab-icon i { color: var(--n-tabs-icon-color-active); } .elementor-widget-n-tabs .e-n-tab-title[aria-selected=true] .e-n-tab-icon svg { fill: var(--n-tabs-icon-color-active); } .elementor-widget-n-tabs .e-n-tab-title[aria-selected=true] .e-n-tab-icon i:first-child, .elementor-widget-n-tabs .e-n-tab-title[aria-selected=true] .e-n-tab-icon svg:first-child { transform: translate(0, -100vh); height: 0; opacity: 0; } .elementor-widget-n-tabs .e-n-tab-title[aria-selected=true][class*=elementor-animation-]:focus, .elementor-widget-n-tabs .e-n-tab-title[aria-selected=true][class*=elementor-animation-]:active, .elementor-widget-n-tabs .e-n-tab-title[aria-selected=true][class*=elementor-animation-]:hover { transform: initial; animation: initial; } .elementor-widget-n-tabs [data-touch-mode=false] .e-n-tab-title[aria-selected=false]:hover, .elementor-widget-n-tabs [data-touch-mode=false] .e-n-tab-title[aria-selected=false]:hover a { color: var(--n-tabs-title-color-hover); } .elementor-widget-n-tabs [data-touch-mode=false] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon i { color: var(--n-tabs-icon-color-hover); } .elementor-widget-n-tabs [data-touch-mode=false] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon svg { fill: var(--n-tabs-icon-color-hover); } .elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover, .elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover a { color: var(--n-tabs-title-color-active); } .elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon i { color: var(--n-tabs-icon-color-active); } .elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon svg { fill: var(--n-tabs-icon-color-active); } .elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon i:first-child, .elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon svg:first-child { transform: translate(0, -100vh); height: 0; opacity: 0; } .elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover[class*=elementor-animation-]:focus, .elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover[class*=elementor-animation-]:active, .elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover[class*=elementor-animation-]:hover { transform: initial; animation: initial; } .elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon i:last-child, .elementor-widget-n-tabs [data-touch-mode=true] .e-n-tab-title[aria-selected=false]:hover .e-n-tab-icon svg:last-child { transform: initial; height: initial; opacity: initial; } .elementor .elementor-element.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode=false] > .e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover { background-color: var(--n-tabs-title-background-color-hover); background-image: initial; } .elementor .elementor-element.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading .e-n-tab-title[aria-selected=true], .elementor .elementor-element.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode=true] > .e-n-tabs-heading .e-n-tab-title[aria-selected=false]:hover { background-color: var(--n-tabs-title-background-color-active); background-image: initial; } @media (max-width: ELEMENTOR_SCREEN_MOBILE_MAX) { .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile { --n-tabs-direction: column; --n-tabs-heading-display: contents; --n-tabs-content-display: contents; } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tabs { gap: 0; } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tabs-content > .e-con { order: var(--n-tabs-title-order); } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title { order: var(--n-tabs-title-order); width: initial; } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title:not(:first-child) { margin-block-start: var(--n-tabs-title-gap); } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title[aria-selected=true] { margin-block-end: var(--n-tabs-gap); } } @media (max-width: ELEMENTOR_SCREEN_MOBILE_EXTRA_MAX) { .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile_extra { --n-tabs-direction: column; --n-tabs-heading-display: contents; --n-tabs-content-display: contents; } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile_extra .e-n-tabs { gap: 0; } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile_extra .e-n-tabs-content > .e-con { order: var(--n-tabs-title-order); } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile_extra .e-n-tab-title { order: var(--n-tabs-title-order); width: initial; } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile_extra .e-n-tab-title:not(:first-child) { margin-block-start: var(--n-tabs-title-gap); } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile_extra .e-n-tab-title[aria-selected=true] { margin-block-end: var(--n-tabs-gap); } } @media (max-width: ELEMENTOR_SCREEN_TABLET_MAX) { .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet { --n-tabs-direction: column; --n-tabs-heading-display: contents; --n-tabs-content-display: contents; } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet .e-n-tabs { gap: 0; } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet .e-n-tabs-content > .e-con { order: var(--n-tabs-title-order); } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet .e-n-tab-title { order: var(--n-tabs-title-order); width: initial; } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet .e-n-tab-title:not(:first-child) { margin-block-start: var(--n-tabs-title-gap); } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet .e-n-tab-title[aria-selected=true] { margin-block-end: var(--n-tabs-gap); } } @media (max-width: ELEMENTOR_SCREEN_TABLET_EXTRA_MAX) { .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet_extra { --n-tabs-direction: column; --n-tabs-heading-display: contents; --n-tabs-content-display: contents; } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet_extra .e-n-tabs { gap: 0; } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet_extra .e-n-tabs-content > .e-con { order: var(--n-tabs-title-order); } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet_extra .e-n-tab-title { order: var(--n-tabs-title-order); width: initial; } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet_extra .e-n-tab-title:not(:first-child) { margin-block-start: var(--n-tabs-title-gap); } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet_extra .e-n-tab-title[aria-selected=true] { margin-block-end: var(--n-tabs-gap); } } @media (max-width: ELEMENTOR_SCREEN_LAPTOP_MAX) { .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-laptop { --n-tabs-direction: column; --n-tabs-heading-display: contents; --n-tabs-content-display: contents; } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-laptop .e-n-tabs { gap: 0; } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-laptop .e-n-tabs-content > .e-con { order: var(--n-tabs-title-order); } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-laptop .e-n-tab-title { order: var(--n-tabs-title-order); width: initial; } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-laptop .e-n-tab-title:not(:first-child) { margin-block-start: var(--n-tabs-title-gap); } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-laptop .e-n-tab-title[aria-selected=true] { margin-block-end: var(--n-tabs-gap); } } .elementor-widget-n-accordion { --n-accordion-title-font-size: 20px; --n-accordion-title-flex-grow: initial; --n-accordion-title-justify-content: initial; --n-accordion-title-icon-order: -1; --n-accordion-border-width: 1px; --n-accordion-border-color: #D5D8DC; --n-accordion-border-style: solid; --n-accordion-item-title-flex-grow: initial; --n-accordion-item-title-space-between: 0px; --n-accordion-item-title-distance-from-content: 0px; --n-accordion-padding: 10px; --n-accordion-border-radius: 0px; --n-accordion-icon-size: 15px; --n-accordion-title-normal-color: #1f2124; --n-accordion-title-hover-color: #1f2124; --n-accordion-title-active-color: #1f2124; --n-accordion-icon-normal-color: var(--n-accordion-title-normal-color); --n-accordion-icon-hover-color: var(--n-accordion-title-hover-color); --n-accordion-icon-active-color: var(--n-accordion-title-active-color); --n-accordion-icon-gap: 0 10px; width: 100%; } .elementor-widget-n-accordion .e-n-accordion details > summary::-webkit-details-marker { display: none; } .elementor-widget-n-accordion .e-n-accordion-item { display: flex; flex-direction: column; position: relative; } .elementor-widget-n-accordion .e-n-accordion-item:not(:last-child) { margin-block-end: var(--n-accordion-item-title-space-between); } :where(.elementor-widget-n-accordion .e-n-accordion-item > .e-con) { border: var(--n-accordion-border-width) var(--n-accordion-border-style) var(--n-accordion-border-color); } .elementor-widget-n-accordion .e-n-accordion-item-title { display: flex; flex-direction: row; list-style: none; padding: var(--n-accordion-padding); border-width: var(--n-accordion-border-width); border-color: var(--n-accordion-border-color); border-style: var(--n-accordion-border-style); justify-content: var(--n-accordion-title-justify-content); border-radius: var(--n-accordion-border-radius); flex-grow: var(--n-menu-title-flex-grow); gap: var(--n-accordion-icon-gap); color: var(--n-accordion-title-normal-color); align-items: center; cursor: pointer; } .elementor-widget-n-accordion .e-n-accordion-item-title-header { display: flex; } .elementor-widget-n-accordion .e-n-accordion-item-title-header h1, .elementor-widget-n-accordion .e-n-accordion-item-title-header h2, .elementor-widget-n-accordion .e-n-accordion-item-title-header h3, .elementor-widget-n-accordion .e-n-accordion-item-title-header h4, .elementor-widget-n-accordion .e-n-accordion-item-title-header h5, .elementor-widget-n-accordion .e-n-accordion-item-title-header h6, .elementor-widget-n-accordion .e-n-accordion-item-title-header p { margin-block-start: 0; margin-block-end: 0; } .elementor-widget-n-accordion .e-n-accordion-item-title-text { font-size: var(--n-accordion-title-font-size); align-items: center; } .elementor-widget-n-accordion .e-n-accordion-item-title-icon { display: flex; flex-direction: row; align-items: center; order: var(--n-accordion-title-icon-order); position: relative; width: fit-content; } .elementor-widget-n-accordion .e-n-accordion-item-title-icon span { height: var(--n-accordion-icon-size); width: auto; } .elementor-widget-n-accordion .e-n-accordion-item-title-icon span > i { color: var(--n-accordion-icon-normal-color); font-size: var(--n-accordion-icon-size); } .elementor-widget-n-accordion .e-n-accordion-item-title-icon span > svg { fill: var(--n-accordion-icon-normal-color); height: var(--n-accordion-icon-size); } .elementor-widget-n-accordion .e-n-accordion-item-title > span { cursor: pointer; } .elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title { margin-block-end: var(--n-accordion-item-title-distance-from-content); color: var(--n-accordion-title-active-color); } .elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-opened { display: flex; } .elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon .e-closed { display: none; } .elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon span > i { color: var(--n-accordion-icon-active-color); } .elementor-widget-n-accordion .e-n-accordion-item[open] .e-n-accordion-item-title-icon span > svg { fill: var(--n-accordion-icon-active-color); } .elementor-widget-n-accordion .e-n-accordion-item:not([open]):hover .e-n-accordion-item-title { color: var(--n-accordion-title-hover-color); } .elementor-widget-n-accordion .e-n-accordion-item:not([open]):hover .e-n-accordion-item-title-icon span > i { color: var(--n-accordion-icon-hover-color); } .elementor-widget-n-accordion .e-n-accordion-item:not([open]):hover .e-n-accordion-item-title-icon span > svg { fill: var(--n-accordion-icon-hover-color); } .elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon .e-opened { display: none; } .elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon .e-closed { display: flex; } .elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon span > svg { fill: var(--n-accordion-icon-normal-color); } .elementor-widget-n-accordion .e-n-accordion-item .e-n-accordion-item-title-icon span > i { color: var(--n-accordion-icon-normal-color); } .elementor-widget-n-accordion .e-n-accordion-item > span { cursor: pointer; } /*# sourceMappingURL=frontend-lite-rtl.css.map *//*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){div.extendify-library *,div.extendify-library :before,div.extendify-library :after,div.extendify-library ::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root div.extendify-library,:host div.extendify-library{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-100:#f0f0f0;--color-gray-300:#ddd;--color-gray-400:#ccc;--color-gray-900:#1e1e1e;--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--radius-xs:.125rem;--radius-sm:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-design-main:var(--ext-design-main,#2271b1);--color-design-text:var(--ext-design-text,#fff);--color-banner-main:var(--ext-banner-main,#2271b1);--color-extendify-black:#1e1e1e}}@layer base{div.extendify-library *,div.extendify-library :after,div.extendify-library :before,div.extendify-library ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}div.extendify-library ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html div.extendify-library,:host div.extendify-library{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}div.extendify-library hr{height:0;color:inherit;border-top-width:1px}div.extendify-library abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}div.extendify-library h1,div.extendify-library h2,div.extendify-library h3,div.extendify-library h4,div.extendify-library h5,div.extendify-library h6{font-size:inherit;font-weight:inherit}div.extendify-library a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}div.extendify-library b,div.extendify-library strong{font-weight:bolder}div.extendify-library code,div.extendify-library kbd,div.extendify-library samp,div.extendify-library pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}div.extendify-library small{font-size:80%}div.extendify-library sub,div.extendify-library sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}div.extendify-library sub{bottom:-.25em}div.extendify-library sup{top:-.5em}div.extendify-library table{text-indent:0;border-color:inherit;border-collapse:collapse}div.extendify-library :-moz-focusring{outline:auto}div.extendify-library progress{vertical-align:baseline}div.extendify-library summary{display:list-item}div.extendify-library ol,div.extendify-library ul,div.extendify-library menu{list-style:none}div.extendify-library img,div.extendify-library svg,div.extendify-library video,div.extendify-library canvas,div.extendify-library audio,div.extendify-library iframe,div.extendify-library embed,div.extendify-library object{vertical-align:middle;display:block}div.extendify-library img,div.extendify-library video{max-width:100%;height:auto}div.extendify-library button,div.extendify-library input,div.extendify-library select,div.extendify-library optgroup,div.extendify-library textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}div.extendify-library ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}div.extendify-library :where(select:is([multiple],[size])) optgroup{font-weight:bolder}div.extendify-library :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}div.extendify-library ::file-selector-button{margin-inline-end:4px}div.extendify-library ::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){div.extendify-library ::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){div.extendify-library ::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}div.extendify-library textarea{resize:vertical}div.extendify-library ::-webkit-search-decoration{-webkit-appearance:none}div.extendify-library ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}div.extendify-library ::-webkit-datetime-edit{display:inline-flex}div.extendify-library ::-webkit-datetime-edit-fields-wrapper{padding:0}div.extendify-library ::-webkit-datetime-edit{padding-block:0}div.extendify-library ::-webkit-datetime-edit-year-field{padding-block:0}div.extendify-library ::-webkit-datetime-edit-month-field{padding-block:0}div.extendify-library ::-webkit-datetime-edit-day-field{padding-block:0}div.extendify-library ::-webkit-datetime-edit-hour-field{padding-block:0}div.extendify-library ::-webkit-datetime-edit-minute-field{padding-block:0}div.extendify-library ::-webkit-datetime-edit-second-field{padding-block:0}div.extendify-library ::-webkit-datetime-edit-millisecond-field{padding-block:0}div.extendify-library ::-webkit-datetime-edit-meridiem-field{padding-block:0}div.extendify-library ::-webkit-calendar-picker-indicator{line-height:1}div.extendify-library :-moz-ui-invalid{box-shadow:none}div.extendify-library button,div.extendify-library input:where([type=button],[type=reset],[type=submit]){appearance:button}div.extendify-library ::file-selector-button{appearance:button}div.extendify-library ::-webkit-inner-spin-button{height:auto}div.extendify-library ::-webkit-outer-spin-button{height:auto}div.extendify-library [hidden]:where(:not([hidden=until-found])){display:none!important}div.extendify-library *,div.extendify-library :after,div.extendify-library :before,div.extendify-library ::backdrop{box-sizing:border-box;border:0 solid #0000}div.extendify-library ::file-selector-button{box-sizing:border-box;border:0 solid #0000}div.extendify-library button:not(:disabled){cursor:pointer!important}}@layer components;@layer utilities{div.extendify-library .sr-only{clip-path:inset(50%)!important;white-space:nowrap!important;border-width:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}div.extendify-library .absolute{position:absolute!important}div.extendify-library .fixed{position:fixed!important}div.extendify-library .relative{position:relative!important}div.extendify-library .static{position:static!important}div.extendify-library .inset-0{inset:calc(var(--spacing)*0)!important}div.extendify-library .z-10{z-index:10!important}div.extendify-library .container{width:100%!important}@media (min-width:280px){div.extendify-library .container{max-width:280px!important}}@media (min-width:480px){div.extendify-library .container{max-width:480px!important}}@media (min-width:600px){div.extendify-library .container{max-width:600px!important}}@media (min-width:783px){div.extendify-library .container{max-width:783px!important}}@media (min-width:961px){div.extendify-library .container{max-width:961px!important}}@media (min-width:1152px){div.extendify-library .container{max-width:1152px!important}}@media (min-width:1345px){div.extendify-library .container{max-width:1345px!important}}@media (min-width:1600px){div.extendify-library .container{max-width:1600px!important}}@media (min-width:2300px){div.extendify-library .container{max-width:2300px!important}}div.extendify-library .m-0{margin:calc(var(--spacing)*0)!important}div.extendify-library .mx-auto{margin-inline:auto!important}div.extendify-library .-mt-1{margin-top:calc(var(--spacing)*-1)!important}div.extendify-library .-mt-1\.5{margin-top:calc(var(--spacing)*-1.5)!important}div.extendify-library .mt-4{margin-top:calc(var(--spacing)*4)!important}div.extendify-library .mt-6{margin-top:calc(var(--spacing)*6)!important}div.extendify-library .-mb-5{margin-bottom:calc(var(--spacing)*-5)!important}div.extendify-library .mb-0\.5{margin-bottom:calc(var(--spacing)*.5)!important}div.extendify-library .mb-2{margin-bottom:calc(var(--spacing)*2)!important}div.extendify-library .mb-6{margin-bottom:calc(var(--spacing)*6)!important}div.extendify-library .mb-8{margin-bottom:calc(var(--spacing)*8)!important}div.extendify-library .ml-1{margin-left:calc(var(--spacing)*1)!important}div.extendify-library .block{display:block!important}div.extendify-library .flex{display:flex!important}div.extendify-library .hidden{display:none!important}div.extendify-library .inline-block{display:inline-block!important}div.extendify-library .h-6{height:calc(var(--spacing)*6)!important}div.extendify-library .h-8{height:calc(var(--spacing)*8)!important}div.extendify-library .h-16{height:calc(var(--spacing)*16)!important}div.extendify-library .h-20{height:calc(var(--spacing)*20)!important}div.extendify-library .h-full{height:100%!important}div.extendify-library .max-h-full{max-height:100%!important}div.extendify-library .max-h-half{max-height:50vh!important}div.extendify-library .w-6{width:calc(var(--spacing)*6)!important}div.extendify-library .w-40{width:calc(var(--spacing)*40)!important}div.extendify-library .w-full{width:100%!important}div.extendify-library .max-w-\[1600px\]{max-width:1600px!important}div.extendify-library .max-w-full{max-width:100%!important}div.extendify-library .min-w-0{min-width:calc(var(--spacing)*0)!important}div.extendify-library .flex-shrink-0{flex-shrink:0!important}div.extendify-library .grow{flex-grow:1!important}div.extendify-library .cursor-pointer{cursor:pointer!important}div.extendify-library .flex-col{flex-direction:column!important}div.extendify-library .items-center{align-items:center!important}div.extendify-library .justify-center{justify-content:center!important}div.extendify-library .justify-end{justify-content:flex-end!important}div.extendify-library .gap-2{gap:calc(var(--spacing)*2)!important}div.extendify-library .gap-4{gap:calc(var(--spacing)*4)!important}div.extendify-library .gap-6{gap:calc(var(--spacing)*6)!important}div.extendify-library .overflow-x-hidden{overflow-x:hidden!important}div.extendify-library .overflow-y-auto{overflow-y:auto!important}div.extendify-library .rounded{border-radius:.25rem!important}div.extendify-library .rounded-xs{border-radius:var(--radius-xs)!important}div.extendify-library .rounded-b{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}div.extendify-library .border{border-style:var(--tw-border-style)!important;border-width:1px!important}div.extendify-library .border-0{border-style:var(--tw-border-style)!important;border-width:0!important}div.extendify-library .border-t{border-top-style:var(--tw-border-style)!important;border-top-width:1px!important}div.extendify-library .border-solid{--tw-border-style:solid!important;border-style:solid!important}div.extendify-library .border-gray-300{border-color:var(--color-gray-300)!important}div.extendify-library .border-gray-400{border-color:var(--color-gray-400)!important}div.extendify-library .border-gray-900{border-color:var(--color-gray-900)!important}div.extendify-library .border-transparent{border-color:#0000!important}div.extendify-library .bg-\[\#FAFAFA\]{background-color:#fafafa!important}div.extendify-library .bg-banner-main{background-color:var(--color-banner-main)!important}div.extendify-library .bg-black\/30{background-color:#0000004d!important}@supports (color:color-mix(in lab, red, red)){div.extendify-library .bg-black\/30{background-color:color-mix(in oklab,var(--color-black)30%,transparent)!important}}div.extendify-library .bg-design-main{background-color:var(--color-design-main)!important}div.extendify-library .bg-transparent{background-color:#0000!important}div.extendify-library .bg-white{background-color:var(--color-white)!important}div.extendify-library .p-0{padding:calc(var(--spacing)*0)!important}div.extendify-library .p-2{padding:calc(var(--spacing)*2)!important}div.extendify-library .p-6{padding:calc(var(--spacing)*6)!important}div.extendify-library .p-8{padding:calc(var(--spacing)*8)!important}div.extendify-library .p-px{padding:1px!important}div.extendify-library .px-1{padding-inline:calc(var(--spacing)*1)!important}div.extendify-library .px-2{padding-inline:calc(var(--spacing)*2)!important}div.extendify-library .px-3{padding-inline:calc(var(--spacing)*3)!important}div.extendify-library .px-4{padding-inline:calc(var(--spacing)*4)!important}div.extendify-library .px-5{padding-inline:calc(var(--spacing)*5)!important}div.extendify-library .px-8{padding-inline:calc(var(--spacing)*8)!important}div.extendify-library .py-0{padding-block:calc(var(--spacing)*0)!important}div.extendify-library .py-1{padding-block:calc(var(--spacing)*1)!important}div.extendify-library .py-2{padding-block:calc(var(--spacing)*2)!important}div.extendify-library .py-3{padding-block:calc(var(--spacing)*3)!important}div.extendify-library .pt-2{padding-top:calc(var(--spacing)*2)!important}div.extendify-library .pb-16{padding-bottom:calc(var(--spacing)*16)!important}div.extendify-library .text-center{text-align:center!important}div.extendify-library .text-left{text-align:left!important}div.extendify-library .text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}div.extendify-library .text-design-text{color:var(--color-design-text)!important}div.extendify-library .text-extendify-black{color:var(--color-extendify-black)!important}div.extendify-library .text-gray-900{color:var(--color-gray-900)!important}div.extendify-library .text-inherit{color:inherit!important}div.extendify-library .opacity-0{opacity:0!important}div.extendify-library .opacity-100{opacity:1!important}div.extendify-library .shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}div.extendify-library .outline-hidden{--tw-outline-style:none!important;outline-style:none!important}@media (forced-colors:active){div.extendify-library .outline-hidden{outline-offset:2px!important;outline:2px solid #0000!important}}div.extendify-library .transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}@media (hover:hover){div.extendify-library .hover\:bg-gray-100:hover{background-color:var(--color-gray-100)!important}}div.extendify-library .focus\:shadow-none:focus{--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}div.extendify-library .focus\:shadow-xs:focus{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}div.extendify-library .focus\:ring-design-main:focus{--tw-ring-color:var(--color-design-main)!important}div.extendify-library .focus\:ring-offset-2:focus{--tw-ring-offset-width:2px!important;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)!important}div.extendify-library .focus\:ring-offset-\[\#FAFAFA\]:focus{--tw-ring-offset-color:#fafafa!important}div.extendify-library .focus\:outline-hidden:focus{--tw-outline-style:none!important;outline-style:none!important}@media (forced-colors:active){div.extendify-library .focus\:outline-hidden:focus{outline-offset:2px!important;outline:2px solid #0000!important}}div.extendify-library .focus\:ring-wp:focus{--tw-ring-width:var(--wp-admin-border-width-focus,2px)!important}@media (min-width:480px){div.extendify-library .xs\:h-9{height:calc(var(--spacing)*9)!important}}@media (min-width:600px){div.extendify-library .sm\:ml-2{margin-left:calc(var(--spacing)*2)!important}div.extendify-library .sm\:flex{display:flex!important}div.extendify-library .sm\:overflow-hidden{overflow:hidden!important}div.extendify-library .sm\:pt-5{padding-top:calc(var(--spacing)*5)!important}}@media (min-width:783px){div.extendify-library .md\:mt-2{margin-top:calc(var(--spacing)*2)!important}div.extendify-library .md\:flex{display:flex!important}div.extendify-library .md\:w-80{width:calc(var(--spacing)*80)!important}div.extendify-library .md\:p-8{padding:calc(var(--spacing)*8)!important}}@media (min-width:1152px){div.extendify-library .xl\:inline{display:inline!important}div.extendify-library .xl\:pr-3{padding-right:calc(var(--spacing)*3)!important}}div.extendify-library .rtl\:text-right:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right!important}div.extendify-library .\[\&_\.components-panel\\_\\_body-title\]\:-mx-5 .components-panel__body-title{margin-inline:calc(var(--spacing)*-5)!important}div.extendify-library .\[\&_\.components-panel\\_\\_body-title\]\:mt-0 .components-panel__body-title{margin-top:calc(var(--spacing)*0)!important}div.extendify-library .\[\&_\.components-panel\\_\\_body-title\]\:mb-0\.5 .components-panel__body-title{margin-bottom:calc(var(--spacing)*.5)!important}}div.extendify-library *,div.extendify-library :before,div.extendify-library :after{--tw-shadow:0 0 #0000;--tw-inset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-opacity: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: }:root div.extendify-library{color-scheme:light only}.extendify-library.extendify-library-modal{inset:calc(var(--spacing)*0)!important;z-index:99999!important;position:fixed!important;overflow-y:auto!important}div.extendify-library .components-toggle-group-control [role=presentation]{background-color:var(--color-design-main)!important}.ext-type-control .components-panel__body-title{margin-inline:calc(var(--spacing)*-5)!important;margin-block:calc(var(--spacing)*0)!important;padding:calc(var(--spacing)*1)!important;padding-inline:calc(var(--spacing)*5)!important;background-color:#0000!important}.ext-type-control .components-panel__body-title button{z-index:10!important;border-radius:var(--radius-sm)!important;border-style:var(--tw-border-style)!important;--tw-border-style:solid!important;border-style:solid!important;border-width:1px!important;border-color:var(--color-gray-300)!important;--tw-shadow:0 0 #0000!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important;--tw-ring-color:var(--color-design-main)!important;--tw-outline-style:none!important;outline-style:none!important}@media (forced-colors:active){.ext-type-control .components-panel__body-title button{outline-offset:2px!important;outline:2px solid #0000!important}}.ext-type-control .components-panel__body-title button:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)!important;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)!important}.ext-type-control .components-panel__body-title button[aria-expanded=true]{border-bottom-style:var(--tw-border-style)!important;border-bottom-width:0!important;border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000} The Base Network Boom: Why Rabby Wallet Users Have a Competitive Advantage on Coinbase's Layer 2 - Adonai Care Services

The Base Network Boom: Why Rabby Wallet Users Have a Competitive Advantage on Coinbase’s Layer 2

Base, Coinbase’s Layer 2 scaling solution built on Optimism’s OP Stack, has moved from a niche protocol to a meaningful portion of Ethereum ecosystem activity in under a year. Daily active users, Total Value Locked, and transaction volume on Base have grown substantially, attracting both retail traders and protocol developers seeking lower fees and faster settlement than mainnet Ethereum. But infrastructure fragmentation has created a practical problem: many Ethereum users still rely on MetaMask or other general-purpose wallets that treat Base as an optional add-on rather than a primary destination, forcing manual network switching, repeated confirmations, and visibility gaps when moving between chains.

Rabby Wallet changes that equation for users who interact with Base regularly. The wallet’s architecture prioritizes multi-chain awareness, automatic network selection based on the application being used, and transaction simulation that displays expected balance changes before confirmation. For a user swapping tokens on Uniswap’s Base deployment, minting an NFT on Base’s growing creator platforms, or monitoring a multi-chain portfolio that includes Base positions, these features translate directly into fewer mistakes, lower friction, and clearer understanding of what each transaction will cost and accomplish. The advantage is not theoretical; it is embedded in the daily workflow and compounds over months of active trading and interaction.

Rabby Wallet's multi-chain interface showing Base network alongside Ethereum and other EVM-compatible chains with automatic network detection and transaction preview features

Why Base adoption reveals wallet design limitations

When Coinbase launched Base in February 2024, the chain inherited strong initial liquidity and user interest partly because of Coinbase’s customer base and marketing reach. However, the existence of a new Layer 2 does not automatically mean existing wallets treat it as an equal to Ethereum mainnet. MetaMask, for example, requires users to manually add Base as a custom network the first time they interact with it, displaying a network configuration screen that includes chain ID, RPC URL, and block explorer address. That extra step is not a fatal barrier, but it creates friction at the moment when a user is most focused on a specific action—swapping, minting, or bridging. A user who finds the confirmation screen confusing may add the wrong RPC endpoint, creating later confusion when transactions behave unexpectedly.

The workflow friction compounds with portfolio management. A user holding USDC on Ethereum mainnet and wanting to move it to Base must identify the correct bridge, understand the security model of that bridge, initiate a transaction, wait for confirmation, and then verify the asset arrived on Base. If the user is checking their balance across multiple chains, they must either switch networks repeatedly in MetaMask or use a separate block explorer, fragmenting their view. MetaMask’s portfolio page offers some aggregation, but the experience still defaults to single-chain thinking rather than treating multi-chain position management as central.

Base’s rapid adoption has exposed this design choice. Users who migrated to Base as their primary trading venue suddenly found themselves context-switching constantly. Wallet network selection became a frequent task rather than an occasional necessity. Every bridge interaction required extra attention to network names and chain IDs. The learning curve was manageable for technical users but became a source of error for newer participants. That environment created space for a wallet designed from the ground up around the assumption that EVM users operate across multiple chains simultaneously, not sequentially.

How Rabby’s network auto-selection works in practice

Rabby Wallet’s auto-selection feature detects the network context of a decentralized application and switches the wallet’s active network automatically when a user connects to a dapp. If a user is on Uniswap on Ethereum and navigates to Uniswap on Base, the wallet detects the new Base RPC endpoint and adjusts its context. The user does not see a network configuration dialog, a list of chain IDs, or a manual toggle. The wallet simply operates on the correct chain. This automation is not universal—some dapps or older implementations may not broadcast their chain ID clearly—but the coverage includes the major protocols and marketplaces where Base users spend the most time.

The practical impact unfolds across several interaction patterns. A user trading on Aerodrome (a Uniswap-like decentralized exchange on Base) can switch to checking their position on Aave on Ethereum without explicitly switching networks in the wallet. When they approve a swap on Base, the transaction simulation shows the expected balance change in the context of Base assets and Base gas fees. If they move to a Solidity tool to deploy a test contract on Base’s testnet, Rabby again detects the different network and adjusts seamlessly. Over dozens of transactions, this eliminates dozens of manual steps and decision points where users historically made errors—selecting the wrong network, confirming a transaction on the wrong chain, or approving a contract for a different network than intended.

This functionality assumes the user has the multichain Rabby extension installed as a browser extension in a Chromium-based browser such as Chrome, Brave, or Edge. The wallet runs locally, the user controls their recovery phrase and private keys, and network switching happens client-side. The wallet connects to public RPC endpoints by default but supports custom endpoints for users who want to operate their own or use privacy-oriented infrastructure. No central server is tracking network switches or storing transaction history tied to an account.

Transaction simulation and balance preview reduce costly mistakes

One of Base’s growth drivers has been low transaction fees, often in the range of cents per interaction. Yet “low fees” does not mean “free,” and a user who executes multiple transactions without understanding their full cost can still deplete their balance unexpectedly. More critically, certain transactions like smart contract interactions or concentrated liquidity positions can produce unexpected results—slippage, partial fills, or failed executions—if the user does not understand the exact mechanics before signing.

Rabby’s transaction simulation feature processes a pending transaction through the blockchain state and displays what will happen before the user approves. If a user is swapping 100 USDC for an estimated 0.05 ETH on Uniswap Base, the simulation shows the expected ETH receipt, the network fee in ETH and USD, and any dust or residual balance changes. If the price has moved unfavorably since the quote was generated and the expected output has dropped below the user’s threshold, the simulation makes that visible. If a smart contract approval is part of the transaction flow, Rabby shows which contract will be approved and how much token authorization will be granted. This prevents a user from accidentally approving unlimited token spending to a contract with questionable security practices.

For Base specifically, the value of this feature is amplified because Base has become a venue for newer protocols and experimental projects. Users who participate in early protocol launches, liquidity mining, or NFT mints on Base often interact with less-audited contracts than they would on mainnet. The cost of a transaction failure is lower on Base due to gas fees, but the frequency of bugs, rug pulls, or unexpected behavioral changes is higher. Transaction simulation does not eliminate smart contract risk, but it reduces the category of mistakes where a user approves a transaction without understanding what it will do. For users who have been burned by this scenario on other chains, the feature becomes a standard workflow rather than a luxury.

Approval visibility and smart contract permission management

Every token interaction on Base requires a smart contract approval—a transaction that grants a decentralized exchange, protocol, or aggregator permission to transfer a user’s tokens on their behalf. MetaMask displays these approvals as transactions requiring confirmation, but the interface often abbreviates the detail or shows generic text like “contract interaction” rather than explaining what permission is being granted. A user who approves a token swap may not realize they have approved the contract to spend an unlimited amount of that token in perpetuity. Later, if the contract is hacked or exploited, an attacker can drain the user’s balance without any further authorization from the user.

Rabby’s approval visibility feature lists all active smart contract permissions associated with a wallet address, organized by token and by contract. A user can see at a glance that they have granted a Uniswap router unlimited USDC spending, a liquidity protocol unlimited ETH approval on Ethereum, and an older DEX unlimited DAI approval on Base. They can then revoke specific approvals by initiating a zero-value approval transaction, which resets the contract’s spending limit to zero. This is a critical capability for users who are active across multiple protocols over time. On Base, where users are often experimenting with new applications, the ability to audit and revoke approvals is not a marginal convenience—it is a direct risk reduction.

The contrast with MetaMask is instructive. MetaMask has added some approval management features, but they remain secondary in the interface. Rabby positions approval management as a primary wallet concern, alongside balance viewing and transaction history. This reflects a different design philosophy: Rabby assumes users who are active on Base and other EVM chains will interact with many different protocols and therefore need strong visibility into permissions and a streamlined way to manage them. It is not that MetaMask users cannot revoke approvals; it is that the workflow to do so is less discoverable and less integrated into the regular wallet experience.

Portfolio visibility across Base and other EVM chains

A user with USDC on Ethereum, USDC on Polygon, USDC on Arbitrum, and USDC.e on Base is not holding four identical assets—the tokens have different liquidity, different bridges, and different implications for where transactions can be settled. Yet many general-purpose wallets display these holdings as a simple list without context, leaving the user to manually track which balances are where and whether consolidation or rebalancing would be advantageous.

Rabby’s multi-chain portfolio view displays holdings across Ethereum, Base, Arbitrum, Optimism, Polygon, BNB Chain, Avalanche, and other EVM-compatible networks in a unified interface, along with the USD value of each position. More importantly, it shows the network context, so the user can immediately see that they hold 1000 USDC on Base and 500 USDC on Ethereum without requiring manual cross-referencing. For a user who is actively trading on Base while maintaining positions on other chains, this view reduces decision friction. If Base prices for a particular token have moved significantly different from Ethereum, the user can see it and decide whether to rebalance. If they are accumulating a position across multiple chains, they can track the aggregate balance and the distribution.

This capability also matters for monitoring gas costs and strategic timing. If a user wants to consolidate a position on Base to Ethereum via a bridge, they can compare the Base gas cost of moving the token to their bridge address, the bridge fee itself, and the Ethereum gas cost of receiving it. Rabby’s unified view makes that comparison feasible without switching between block explorers and calculator tabs. For Base specifically, where users are often new to multi-chain operations and may be uncertain about bridging mechanics, this reduction in cognitive overhead can be material to whether they execute a necessary rebalancing or simply leave fragmented liquidity across chains.

The NFT display advantage on Base’s emerging creator platforms

Base has become a hub for NFT creation and trading, with platforms like Zora, Pinata, and others launching with Base as a primary or exclusive venue. Users who are minting, collecting, or trading NFTs on these platforms frequently need to verify that they own the correct token, that metadata is displaying correctly, and that they understand transaction costs before committing. MetaMask displays NFTs held on mainnet Ethereum and some other major chains, but coverage is inconsistent, and the metadata display can be slow or broken for newer collections.

Rabby’s native NFT support on Base, alongside Ethereum and other supported EVM chains, displays owned NFTs with accurate metadata, images, and trading links. For a user participating in a Base NFT community or a creator monitoring their collectors, the ability to quickly view held NFTs without external tools is useful. More importantly, if the user is operating across Base and Ethereum simultaneously—holding some collected pieces on Base while maintaining a mainnet NFT portfolio—Rabby’s unified view prevents the common mistake of forgetting which NFTs are on which chain. This may seem trivial, but for users who are experimenting with Base’s creator economy, it reduces friction around participation and community interaction.

Why this matters as Base gains more institutional adoption

Base’s growth trajectory includes increasing adoption by crypto-native businesses, market makers, and decentralized finance protocols. Coinbase’s own integration of Base rewards and products has further legitimized the chain as a venue for serious activity, not just experimentation. As Base’s role in the broader Ethereum ecosystem solidifies, the wallet that users choose increasingly determines whether they can operate efficiently on the chain or whether they are forced to maintain clunky workarounds.

MetaMask remains the incumbent, and for users who transact primarily on Ethereum with occasional Base activity, it remains a reasonable choice. But for users who are actively trading on Base, minting NFTs, participating in Base protocols, or managing a portfolio that includes meaningful Base positions, Rabby’s design advantages compound. Auto-selection eliminates dozens of manual network switches per week. Transaction simulation prevents approval mistakes and slippage surprises. Approval visibility reduces ongoing security risk. Multi-chain portfolio display provides clearer strategic information. Individually, each feature is valuable. Collectively, they reshape the user experience around the reality that Base users operate in a multi-chain context by default.

The competitive advantage is not permanent. MetaMask and other wallet providers can implement similar features, and some may be in their roadmaps already. But at the moment when Base adoption is accelerating and new users are choosing wallets for the first time, Rabby’s native integration and thoughtful interface design around multi-chain complexity represent a meaningful edge. Users who adopt Rabby now are likely to retain it as their primary wallet because the workflow friction of switching later becomes prohibitive. That network effect, combined with superior technical design, explains why informed Base users increasingly default to Rabby rather than fighting against MetaMask’s defaults.

Frequently asked questions

Does Rabby Wallet automatically detect when I’m using a Base dapp?

Yes. Rabby’s network auto-selection detects the chain context of a decentralized application and switches the wallet’s active network automatically. If you navigate from Ethereum to a Base protocol, the wallet adjusts to Base without requiring manual network switching. This works with most major dapps and protocols but may not function with older implementations that do not broadcast their chain ID clearly.

Can I see my NFTs across Base and Ethereum in Rabby?

Yes. Rabby displays NFTs held across all supported EVM networks, including Base and Ethereum, with accurate metadata and images in a unified interface. This prevents the common mistake of forgetting which NFTs are on which chain and makes it easier to manage a multi-chain NFT portfolio.

How does transaction simulation protect me on Base?

Before you confirm a transaction, Rabby processes it through the blockchain state and displays the expected balance changes, network fees, and smart contract approvals involved. This reveals slippage, unexpected cost, or excessive token approvals before you sign, reducing costly mistakes on Base protocols and newer projects with less-established security.

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top
Skip to content