.elementor-1303 .elementor-element.elementor-element-8e5899a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1303 .elementor-element.elementor-element-8e5899a:not(.elementor-motion-effects-element-type-background), .elementor-1303 .elementor-element.elementor-element-8e5899a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#343639;}.elementor-1303 .elementor-element.elementor-element-bd3927e{--display:flex;}.elementor-1303 .elementor-element.elementor-element-9be53db{--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:flex-end;--align-items:flex-end;}.elementor-1303 .elementor-element.elementor-element-69de3c7 > .elementor-widget-container{margin:0px 58px 0px 0px;padding:0% 0% 0% 0%;}.elementor-1303 .elementor-element.elementor-element-69de3c7 .elementor-menu-toggle{margin:0 auto;}.elementor-1303 .elementor-element.elementor-element-69de3c7 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;}.elementor-1303 .elementor-element.elementor-element-69de3c7 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-astglobalcolor5 );fill:var( --e-global-color-astglobalcolor5 );padding-left:50px;padding-right:50px;}.elementor-1303 .elementor-element.elementor-element-69de3c7 .elementor-nav-menu--dropdown a:hover, .elementor-1303 .elementor-element.elementor-element-69de3c7 .elementor-nav-menu--dropdown a:focus, .elementor-1303 .elementor-element.elementor-element-69de3c7 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-1303 .elementor-element.elementor-element-69de3c7 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-primary );}.elementor-1303 .elementor-element.elementor-element-69de3c7 div.elementor-menu-toggle{color:var( --e-global-color-accent );}.elementor-1303 .elementor-element.elementor-element-69de3c7 div.elementor-menu-toggle svg{fill:var( --e-global-color-accent );}.elementor-1303 .elementor-element.elementor-element-86ea378{--grid-template-columns:repeat(2, auto);--icon-size:23px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-1303 .elementor-element.elementor-element-86ea378 .elementor-widget-container{text-align:center;}.elementor-1303 .elementor-element.elementor-element-86ea378 .elementor-social-icon{background-color:#02010100;}.elementor-1303 .elementor-element.elementor-element-86ea378 .elementor-social-icon i{color:#C0C2C5;}.elementor-1303 .elementor-element.elementor-element-86ea378 .elementor-social-icon svg{fill:#C0C2C5;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-1303 .elementor-element.elementor-element-bd3927e{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1303 .elementor-element.elementor-element-9be53db{--justify-content:flex-end;}}@media(min-width:768px){.elementor-1303 .elementor-element.elementor-element-bd3927e{--width:10%;}.elementor-1303 .elementor-element.elementor-element-9be53db{--width:90%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1303 .elementor-element.elementor-element-bd3927e{--width:585px;}}@media(max-width:767px){.elementor-1303 .elementor-element.elementor-element-bd3927e{--width:40%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1303 .elementor-element.elementor-element-023b832{text-align:left;}.elementor-1303 .elementor-element.elementor-element-023b832 img{width:80%;}.elementor-1303 .elementor-element.elementor-element-9be53db{--width:50%;}.elementor-1303 .elementor-element.elementor-element-69de3c7{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-1303 .elementor-element.elementor-element-86ea378{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}}/* Start custom CSS for nav-menu, class: .elementor-element-69de3c7 *//* * Custom CSS for Elementor Navigation Menu * * This code changes the menu item pointer to a blue, glowing triangle * on the left side on hover and for the active menu item. */ /* Add horizontal margin to space out menu items */ .elementor-nav-menu--main .menu-item { margin: 0 10px; } /* Style for the menu item links */ .elementor-nav-menu--main .menu-item a { /* Set position to relative to act as a container for the pseudo-element */ position: relative; /* Add padding to create space for the triangle pointer */ padding: 10px 15px 10px 30px !important; /* Add a smooth transition for the hover effect */ transition: color 0.3s ease; } /* --- The Blue Triangle Pointer --- */ /* Create the triangle using a pseudo-element with clip-path and filter */ .elementor-nav-menu--main .menu-item a::before { content: ''; position: absolute; /* Position the triangle on the left */ left: 10px; top: 50%; transform: translateY(-50%); /* Define the size of the triangle's container */ width: 12px; height: 12px; /* Create a gradient background to mimic the lighting effect in the image */ background: linear-gradient(135deg, #89d3ff, #34ACFF); /* Clip the element into a triangle shape pointing up and right */ clip-path: polygon(0 100%, 100% 0, 100% 100%); /* Add a glow effect using the drop-shadow filter */ filter: drop-shadow(0 0 3px #34ACFF); /* Hide the triangle by default */ opacity: 0; /* Add a smooth transition for the fade-in/out effect */ transition: opacity 0.3s ease; } /* Show the triangle on hover or for the active/ancestor menu item */ .elementor-nav-menu--main .menu-item a:hover::before, .elementor-nav-menu--main .menu-item.current-menu-item a::before, .elementor-nav-menu--main .menu-item.current-menu-ancestor a::before { /* Make the triangle visible */ opacity: 1; } /* * Optional: This removes Elementor's default pointer (like an underline) * if it interferes with the new style. */ .e--pointer-underline .elementor-item:after, .e--pointer-overline .elementor-item:before, .e--pointer-double-line .elementor-item:before, .e--pointer-double-line .elementor-item:after, .e--pointer-framed .elementor-item:before, .e--pointer-framed .elementor-item:after { background-color: transparent !important; }/* End custom CSS */