.elementor-47 .elementor-element.elementor-element-7b159c0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-47 .elementor-element.elementor-element-7b159c0:not(.elementor-motion-effects-element-type-background), .elementor-47 .elementor-element.elementor-element-7b159c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-acfff67 );}.elementor-47 .elementor-element.elementor-element-cb9dab9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-47 .elementor-element.elementor-element-e3ef995 .elementor-menu-toggle{margin:0 auto;}.elementor-47 .elementor-element.elementor-element-e3ef995 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-47 .elementor-element.elementor-element-e3ef995 .elementor-nav-menu--main .elementor-item:hover, .elementor-47 .elementor-element.elementor-element-e3ef995 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-47 .elementor-element.elementor-element-e3ef995 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-47 .elementor-element.elementor-element-e3ef995 .elementor-nav-menu--main .elementor-item:focus{color:#00B8FD;fill:#00B8FD;}.elementor-47 .elementor-element.elementor-element-e3ef995 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-47 .elementor-element.elementor-element-30c6f70{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-47 .elementor-element.elementor-element-2681914 img{width:100%;height:auto;object-fit:contain;object-position:center center;}body:not(.rtl) .elementor-47 .elementor-element.elementor-element-c5c8451{left:130px;}body.rtl .elementor-47 .elementor-element.elementor-element-c5c8451{right:130px;}.elementor-47 .elementor-element.elementor-element-c5c8451{top:0px;}.elementor-47 .elementor-element.elementor-element-c5c8451 img{width:50px;height:auto;object-fit:contain;object-position:center center;}.elementor-47 .elementor-element.elementor-element-af529aa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-47 .elementor-element.elementor-element-36939f4 .elementor-menu-toggle{margin:0 auto;}.elementor-47 .elementor-element.elementor-element-36939f4 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-47 .elementor-element.elementor-element-36939f4 .elementor-nav-menu--main .elementor-item:hover, .elementor-47 .elementor-element.elementor-element-36939f4 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-47 .elementor-element.elementor-element-36939f4 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-47 .elementor-element.elementor-element-36939f4 .elementor-nav-menu--main .elementor-item:focus{color:#00B8FD;fill:#00B8FD;}.elementor-47 .elementor-element.elementor-element-36939f4 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-47 .elementor-element.elementor-element-c96c290 .elementor-menu-toggle{margin-left:auto;}.elementor-47 .elementor-element.elementor-element-c96c290 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-47 .elementor-element.elementor-element-c96c290 .elementor-nav-menu--main .elementor-item:hover, .elementor-47 .elementor-element.elementor-element-c96c290 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-47 .elementor-element.elementor-element-c96c290 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-47 .elementor-element.elementor-element-c96c290 .elementor-nav-menu--main .elementor-item:focus{color:#00B8FD;fill:#00B8FD;}.elementor-47 .elementor-element.elementor-element-c96c290 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-47 .elementor-element.elementor-element-c96c290 .elementor-nav-menu--dropdown a, .elementor-47 .elementor-element.elementor-element-c96c290 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-47 .elementor-element.elementor-element-c96c290 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-acfff67 );border-style:solid;}.elementor-47 .elementor-element.elementor-element-c96c290 .elementor-nav-menu--dropdown a:hover, .elementor-47 .elementor-element.elementor-element-c96c290 .elementor-nav-menu--dropdown a:focus, .elementor-47 .elementor-element.elementor-element-c96c290 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-47 .elementor-element.elementor-element-c96c290 .elementor-nav-menu--dropdown a.highlighted, .elementor-47 .elementor-element.elementor-element-c96c290 .elementor-menu-toggle:hover, .elementor-47 .elementor-element.elementor-element-c96c290 .elementor-menu-toggle:focus{color:var( --e-global-color-primary );}.elementor-47 .elementor-element.elementor-element-c96c290 .elementor-nav-menu--dropdown a:hover, .elementor-47 .elementor-element.elementor-element-c96c290 .elementor-nav-menu--dropdown a:focus, .elementor-47 .elementor-element.elementor-element-c96c290 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-47 .elementor-element.elementor-element-c96c290 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-acfff67 );}.elementor-47 .elementor-element.elementor-element-c96c290 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-primary );}.elementor-47 .elementor-element.elementor-element-c96c290 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:var( --e-global-color-text );border-bottom-width:1px;}.elementor-47 .elementor-element.elementor-element-c96c290 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-47 .elementor-element.elementor-element-c96c290 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-47 .elementor-element.elementor-element-c96c290 div.elementor-menu-toggle:hover, .elementor-47 .elementor-element.elementor-element-c96c290 div.elementor-menu-toggle:focus{color:var( --e-global-color-primary );}.elementor-47 .elementor-element.elementor-element-c96c290 div.elementor-menu-toggle:hover svg, .elementor-47 .elementor-element.elementor-element-c96c290 div.elementor-menu-toggle:focus svg{fill:var( --e-global-color-primary );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-47 .elementor-element.elementor-element-cb9dab9{--width:30%;}.elementor-47 .elementor-element.elementor-element-30c6f70{--width:300px;}.elementor-47 .elementor-element.elementor-element-af529aa{--width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-47 .elementor-element.elementor-element-cb9dab9{--width:0px;}.elementor-47 .elementor-element.elementor-element-30c6f70{--width:50%;}.elementor-47 .elementor-element.elementor-element-af529aa{--width:50%;}}@media(max-width:1024px){.elementor-47 .elementor-element.elementor-element-7b159c0{--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-47 .elementor-element.elementor-element-2681914{text-align:start;}}@media(max-width:767px){.elementor-47 .elementor-element.elementor-element-cb9dab9{--width:0px;}.elementor-47 .elementor-element.elementor-element-30c6f70{--width:70%;}body:not(.rtl) .elementor-47 .elementor-element.elementor-element-c5c8451{left:15px;}body.rtl .elementor-47 .elementor-element.elementor-element-c5c8451{right:15px;}.elementor-47 .elementor-element.elementor-element-c5c8451{top:0px;}.elementor-47 .elementor-element.elementor-element-c5c8451 img{width:40px;}.elementor-47 .elementor-element.elementor-element-af529aa{--width:30%;}.elementor-47 .elementor-element.elementor-element-c96c290 .elementor-nav-menu--dropdown{border-width:1px 1px 1px 1px;}.elementor-47 .elementor-element.elementor-element-c96c290 .elementor-nav-menu--dropdown a{padding-left:20px;padding-right:20px;padding-top:10px;padding-bottom:10px;}}/* Start custom CSS for container, class: .elementor-element-7b159c0 *//* * Define your background color for default and sticky * CSS Blend-mode rule is not included * Elementor Sticky Header change color on Scroll * Change the color from transparent to white */ /* Define custom properties for the parent container */ .parent__container { --site-transition: 350ms linear; /* Transition duration and timing function */ --bg-color__before: #00000000; /* Initial background color (transparent) */ --bg-color__color: #fff; --bg-color__after: #fff; /* Background color after scroll (black) */ --max__height: 100px; /* Maximum height of the container */ --min__height: 100px; /* Minimum height of the container */ --min-height: var(--max__height); /* Set the initial minimum height to the maximum height */ background-color: var(--bg-color__before); /* Apply initial background color */ } /* Define transition properties for the sticky header container */ .sticky-header-container { transition: background-color var(--site-transition), /* Transition for background color */ backdrop-filter var(--site-transition), /* Transition for backdrop filter */, min-height var(--site-transition), box-shadow var(--site-transition); /* Transition for box-shadow */ } /* Apply styles when the elementor sticky effects are active */ .elementor-sticky--effects.sticky-header-container { --bg-color__before: var(--bg-color__after); /* Change initial background color to the 'after' color */ box-shadow: hsl(0deg 0% 0% / 14%) 0 2px 40px; /* Apply a box shadow */ /* If you're using backdrop filter CSS properties, remove background color CSS properties and box-shadow CSS rule backdrop-filter: blur(10px); */ /* * enable one of them * mix-blend-mode: difference; * mix-blend-mode: normal; * mix-blend-mode: multiply; */ } /* * Elementor Sticky Header change color on Scroll & Shrink sticky Header */ .elementor-sticky--effects.sticky-header-container { --max__height: var(--min__height); /* Change max height to min height when sticky */ --bg-color__before: var(--bg-color__after); /* Change background color to the 'after' color when sticky */ box-shadow: hsl(0deg 0% 0% / 14%) 0 2px 40px; /* Apply a box shadow when sticky */ /* * If using backdrop filter CSS properties, uncomment the line below * backdrop-filter: blur(10px); * If using WebKit-specific box shadow, uncomment the line below * -webkit-box-shadow: hsl(0deg 0% 0% / 14%) 0 2px 40px; */ } /* * Site Logo widget * Using transform CSS property is much better than width properties to scale in terms of performance */ .site--logo{ transform: scale(1); transform-origin: center; transition: transform var(--site-transition), transform-origin var(--site-transition); } .elementor-sticky--effects .site--logo{ transform: scale(.8); } /* * Navigation */ .site-nav .elementor-nav-menu--main .elementor-item { /* * Add your own color */ --_nav__before: var(--bg-color__after); /* Initial navigation item color, set to the background color after scroll */ /* --_nav__before_hover: #000; Navigation item color on hover */ /* --_fw-600: 300; Default font weight */ --_font-size: clamp(1rem, 0.8182rem + 0.6061vw, 1.25rem); /* Responsive font size */ /* font-weight: var(--_fw-600); Apply the font weight */ /* font-size: var(--_font-size); Apply the responsive font size */ text-decoration: none; /* Remove text decoration */ color: var(--_nav__before); /* Set the initial color */ /* Transitions for color, font size, and font weight */ transition: color var(--site-transition), font-size var(--site-transition), font-weight var(--site-transition); } /* Hover state for the main navigation menu items */ .site-nav .elementor-nav-menu--main .elementor-item:hover { --_nav__before: var(--_nav__before_hover); /* Change color on hover */ /* --_fw-600: 600; Uncomment to change font weight on hover */ } /* Sticky state for the main navigation menu items */ .elementor-sticky--effects .site-nav .elementor-nav-menu--main .elementor-item { --_font-size: clamp(1rem, 0.8636rem + 0.4545vw, 1.1875rem); /* Responsive font size for sticky state */ --_nav__before: #fff; /* Change navigation item color to white when sticky */ /* --_fw-600: 600; Uncomment to change font weight when sticky */ } /* * Original logo styles */ .site--logo { transform: scaleX(1); /* Initial scale */ transform-origin: center; /* Set the transform origin to the center */ transition: opacity var(--site-transition), /* Opacity transition */ transform var(--site-transition); /* Transform transition */ } /* * Sticky effect for the logo when scrolling */ .elementor-sticky--effects .site--logo { transform: scale(.95); /* Reduce scale on sticky */ } /* *Sticky effect for the red logo when scrolling */ .elementor-sticky--effects .site--logo-red { opacity: 1; /* Make red logo visible on sticky */ transform: scale(.95); /* Reduce scale on sticky */ } /* *Default styles for the logo */ .site--logo { opacity: 1; /* Make the logo fully visible by default */ } /* *Default styles for the red logo */ .site--logo-red { opacity: 0; /* Make the red logo fully transparent by default */ } /* *Additional effect for the logo when scrolling */ .elementor-sticky--effects .site--logo { opacity: 0; /* Make the logo fully transparent on sticky */ } /* * Additional effect for the red logo when scrolling */ .elementor-sticky--effects .site--logo-red { opacity: 1; /* Make the red logo fully visible on sticky */ transform: scale(.95); /* Reduce scale on sticky */ } /* Media Query for Tablets Ipads portrait mode */ @media (max-width: 1024px) { .cst-hide-on-tablet-phone { display:none !important; } }/* End custom CSS */