.elementor-86 .elementor-element.elementor-element-58165d07{--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;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--overlay-opacity:0.7;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-86 .elementor-element.elementor-element-58165d07:not(.elementor-motion-effects-element-type-background), .elementor-86 .elementor-element.elementor-element-58165d07 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-86 .elementor-element.elementor-element-58165d07::before, .elementor-86 .elementor-element.elementor-element-58165d07 > .elementor-background-video-container::before, .elementor-86 .elementor-element.elementor-element-58165d07 > .e-con-inner > .elementor-background-video-container::before, .elementor-86 .elementor-element.elementor-element-58165d07 > .elementor-background-slideshow::before, .elementor-86 .elementor-element.elementor-element-58165d07 > .e-con-inner > .elementor-background-slideshow::before, .elementor-86 .elementor-element.elementor-element-58165d07 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-86 .elementor-element.elementor-element-168b3d28{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-86 .elementor-element.elementor-element-b5b5838{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-86 .elementor-element.elementor-element-56203d81 .elementor-menu-toggle{margin:0 auto;background-color:var( --e-global-color-primary );}.elementor-86 .elementor-element.elementor-element-56203d81 .elementor-nav-menu .elementor-item{font-family:"Inter Tight", Sans-serif;font-size:19px;font-weight:600;text-transform:capitalize;line-height:1em;}.elementor-86 .elementor-element.elementor-element-56203d81 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:0px;padding-right:0px;padding-top:12px;padding-bottom:12px;}.elementor-86 .elementor-element.elementor-element-56203d81 .elementor-nav-menu--main .elementor-item:hover, .elementor-86 .elementor-element.elementor-element-56203d81 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-86 .elementor-element.elementor-element-56203d81 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-86 .elementor-element.elementor-element-56203d81 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-86 .elementor-element.elementor-element-56203d81 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-secondary );}.elementor-86 .elementor-element.elementor-element-56203d81 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-86 .elementor-element.elementor-element-56203d81 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-86 .elementor-element.elementor-element-56203d81 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-86 .elementor-element.elementor-element-56203d81 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-86 .elementor-element.elementor-element-56203d81 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-86 .elementor-element.elementor-element-56203d81 .e--pointer-underline .elementor-item:after, .elementor-86 .elementor-element.elementor-element-56203d81 .e--pointer-overline .elementor-item:before, .elementor-86 .elementor-element.elementor-element-56203d81 .e--pointer-double-line .elementor-item:before, .elementor-86 .elementor-element.elementor-element-56203d81 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-86 .elementor-element.elementor-element-56203d81{--e-nav-menu-horizontal-menu-item-margin:calc( 32px / 2 );}.elementor-86 .elementor-element.elementor-element-56203d81 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:32px;}.elementor-86 .elementor-element.elementor-element-56203d81 .elementor-nav-menu--dropdown a, .elementor-86 .elementor-element.elementor-element-56203d81 .elementor-menu-toggle{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-86 .elementor-element.elementor-element-56203d81 .elementor-nav-menu--dropdown a:hover, .elementor-86 .elementor-element.elementor-element-56203d81 .elementor-nav-menu--dropdown a:focus, .elementor-86 .elementor-element.elementor-element-56203d81 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-86 .elementor-element.elementor-element-56203d81 .elementor-nav-menu--dropdown a.highlighted, .elementor-86 .elementor-element.elementor-element-56203d81 .elementor-menu-toggle:hover, .elementor-86 .elementor-element.elementor-element-56203d81 .elementor-menu-toggle:focus{color:var( --e-global-color-secondary );}.elementor-86 .elementor-element.elementor-element-56203d81 .elementor-nav-menu--dropdown .elementor-item, .elementor-86 .elementor-element.elementor-element-56203d81 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );}.elementor-86 .elementor-element.elementor-element-56203d81 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-86 .elementor-element.elementor-element-56203d81 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:30px !important;}.elementor-86 .elementor-element.elementor-element-56203d81 div.elementor-menu-toggle{color:var( --e-global-color-c51be79 );}.elementor-86 .elementor-element.elementor-element-56203d81 div.elementor-menu-toggle svg{fill:var( --e-global-color-c51be79 );}.elementor-86 .elementor-element.elementor-element-0b5b62d .elementor-menu-toggle{margin:0 auto;background-color:var( --e-global-color-primary );}.elementor-86 .elementor-element.elementor-element-0b5b62d .elementor-nav-menu .elementor-item{font-family:"Inter Tight", Sans-serif;font-size:19px;font-weight:600;text-transform:capitalize;line-height:1em;}.elementor-86 .elementor-element.elementor-element-0b5b62d .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:0px;padding-right:0px;padding-top:12px;padding-bottom:12px;}.elementor-86 .elementor-element.elementor-element-0b5b62d .elementor-nav-menu--main .elementor-item:hover, .elementor-86 .elementor-element.elementor-element-0b5b62d .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-86 .elementor-element.elementor-element-0b5b62d .elementor-nav-menu--main .elementor-item.highlighted, .elementor-86 .elementor-element.elementor-element-0b5b62d .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-86 .elementor-element.elementor-element-0b5b62d .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-secondary );}.elementor-86 .elementor-element.elementor-element-0b5b62d .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-86 .elementor-element.elementor-element-0b5b62d .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-86 .elementor-element.elementor-element-0b5b62d .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-86 .elementor-element.elementor-element-0b5b62d .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-86 .elementor-element.elementor-element-0b5b62d .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-86 .elementor-element.elementor-element-0b5b62d .e--pointer-underline .elementor-item:after, .elementor-86 .elementor-element.elementor-element-0b5b62d .e--pointer-overline .elementor-item:before, .elementor-86 .elementor-element.elementor-element-0b5b62d .e--pointer-double-line .elementor-item:before, .elementor-86 .elementor-element.elementor-element-0b5b62d .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-86 .elementor-element.elementor-element-0b5b62d{--e-nav-menu-horizontal-menu-item-margin:calc( 32px / 2 );}.elementor-86 .elementor-element.elementor-element-0b5b62d .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:32px;}.elementor-86 .elementor-element.elementor-element-0b5b62d .elementor-nav-menu--dropdown a, .elementor-86 .elementor-element.elementor-element-0b5b62d .elementor-menu-toggle{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-86 .elementor-element.elementor-element-0b5b62d .elementor-nav-menu--dropdown a:hover, .elementor-86 .elementor-element.elementor-element-0b5b62d .elementor-nav-menu--dropdown a:focus, .elementor-86 .elementor-element.elementor-element-0b5b62d .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-86 .elementor-element.elementor-element-0b5b62d .elementor-nav-menu--dropdown a.highlighted, .elementor-86 .elementor-element.elementor-element-0b5b62d .elementor-menu-toggle:hover, .elementor-86 .elementor-element.elementor-element-0b5b62d .elementor-menu-toggle:focus{color:var( --e-global-color-secondary );}.elementor-86 .elementor-element.elementor-element-0b5b62d .elementor-nav-menu--dropdown .elementor-item, .elementor-86 .elementor-element.elementor-element-0b5b62d .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );}.elementor-86 .elementor-element.elementor-element-0b5b62d .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-86 .elementor-element.elementor-element-0b5b62d .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:30px !important;}.elementor-86 .elementor-element.elementor-element-0b5b62d div.elementor-menu-toggle{color:var( --e-global-color-c51be79 );}.elementor-86 .elementor-element.elementor-element-0b5b62d div.elementor-menu-toggle svg{fill:var( --e-global-color-c51be79 );}.elementor-86 .elementor-element.elementor-element-26e98739{--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-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-86 .elementor-element.elementor-element-4e21b831 .elementor-button{background-color:var( --e-global-color-primary );fill:var( --e-global-color-c51be79 );color:var( --e-global-color-c51be79 );padding:8px 5px 8px 15px;}.elementor-86 .elementor-element.elementor-element-4e21b831 .elementor-button:hover, .elementor-86 .elementor-element.elementor-element-4e21b831 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-c51be79 );}.elementor-86 .elementor-element.elementor-element-4e21b831 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-86 .elementor-element.elementor-element-4e21b831 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-86 .elementor-element.elementor-element-4e21b831 .elementor-button:hover svg, .elementor-86 .elementor-element.elementor-element-4e21b831 .elementor-button:focus svg{fill:var( --e-global-color-c51be79 );}.elementor-86 .elementor-element.elementor-element-4e21b831 .elementor-button-icon{font-size:10px;border-style:none;padding:10px 10px 10px 10px;border-radius:100px 100px 100px 100px;}.elementor-86 .elementor-element.elementor-element-4e21b831 .elementor-button .elementor-button-icon i{color:var( --e-global-color-primary );}.elementor-86 .elementor-element.elementor-element-4e21b831 .elementor-button .elementor-button-icon svg *{fill:var( --e-global-color-primary );}.elementor-86 .elementor-element.elementor-element-4e21b831 .elementor-button .elementor-button-icon{background:var( --e-global-color-c51be79 );}.elementor-86 .elementor-element.elementor-element-4e21b831 .elementor-button .elementor-button-icon i, .elementor-86 .elementor-element.elementor-element-4e21b831 .elementor-button .elementor-button-icon svg{transform:rotate(322deg);}.elementor-86 .elementor-element.elementor-element-4e21b831 .elementor-button:hover .elementor-button-icon i{color:var( --e-global-color-secondary );}.elementor-86 .elementor-element.elementor-element-4e21b831 .elementor-button:hover .elementor-button-icon svg *{fill:var( --e-global-color-secondary );}.elementor-86 .elementor-element.elementor-element-4e21b831 .elementor-button:hover .elementor-button-icon{background:var( --e-global-color-c51be79 );}.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-86 .elementor-element.elementor-element-58165d07{--justify-content:space-between;--flex-wrap:wrap;}.elementor-86 .elementor-element.elementor-element-168b3d28{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-86 .elementor-element.elementor-element-1bfbf81e img{width:100%;}.elementor-86 .elementor-element.elementor-element-56203d81.elementor-element{--align-self:flex-start;}.elementor-86 .elementor-element.elementor-element-56203d81 .elementor-nav-menu--dropdown .elementor-item, .elementor-86 .elementor-element.elementor-element-56203d81 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-secondary-font-size );}.elementor-86 .elementor-element.elementor-element-0b5b62d.elementor-element{--align-self:flex-start;}.elementor-86 .elementor-element.elementor-element-0b5b62d .elementor-nav-menu--dropdown .elementor-item, .elementor-86 .elementor-element.elementor-element-0b5b62d .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-secondary-font-size );}}@media(max-width:767px){.elementor-86 .elementor-element.elementor-element-58165d07{--justify-content:space-between;--padding-top:0px;--padding-bottom:0px;--padding-left:5px;--padding-right:5px;}.elementor-86 .elementor-element.elementor-element-168b3d28{--width:50%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-86 .elementor-element.elementor-element-1bfbf81e{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-86 .elementor-element.elementor-element-b5b5838{--width:25%;}.elementor-86 .elementor-element.elementor-element-56203d81.elementor-element{--align-self:flex-end;}.elementor-86 .elementor-element.elementor-element-56203d81 .elementor-nav-menu--dropdown .elementor-item, .elementor-86 .elementor-element.elementor-element-56203d81 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-secondary-font-size );}.elementor-86 .elementor-element.elementor-element-0b5b62d.elementor-element{--align-self:flex-end;}.elementor-86 .elementor-element.elementor-element-0b5b62d .elementor-nav-menu--dropdown .elementor-item, .elementor-86 .elementor-element.elementor-element-0b5b62d .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-secondary-font-size );}}@media(min-width:768px){.elementor-86 .elementor-element.elementor-element-168b3d28{--width:37%;}.elementor-86 .elementor-element.elementor-element-26e98739{--width:66%;}}@media(max-width:1024px) and (min-width:768px){.elementor-86 .elementor-element.elementor-element-168b3d28{--width:20%;}.elementor-86 .elementor-element.elementor-element-b5b5838{--width:60%;}.elementor-86 .elementor-element.elementor-element-26e98739{--width:30%;}}/* Start custom CSS for container, class: .elementor-element-58165d07 *//* ===================================== MYBELLA MODERN HEADER ===================================== */ .mybella-header{ position: relative; z-index: 999; background: rgba(255,255,255,0.90); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px); border: 1px solid rgba(20, 170, 220, 0.12); /* REMOVE HEADER BORDER RADIUS */ border-radius: 0 !important; box-shadow: 0 10px 35px rgba(15, 45, 65, 0.08), 0 2px 8px rgba(15, 45, 65, 0.04); transition: all 0.35s ease; } /* subtle blue glow */ .mybella-header::before{ content: ""; position: absolute; top: 0; left: 8%; right: 8%; height: 2px; background: linear-gradient( 90deg, transparent, #5dc7ea, #2099c5, transparent ); border-radius: 50px; opacity: 0.8; } /* ===================================== LOGO ===================================== */ .mybella-logo img{ max-height: 64px; width: auto; object-fit: contain; transition: transform 0.3s ease, filter 0.3s ease; } .mybella-logo img:hover{ transform: scale(1.03); filter: drop-shadow( 0 5px 10px rgba(28, 160, 205, 0.15) ); } /* ===================================== NAVIGATION ===================================== */ .mybella-nav .elementor-nav-menu{ display: flex; align-items: center; gap: 8px; } .mybella-nav .elementor-item{ position: relative; color: #102633 !important; font-weight: 600 !important; font-size: 16px; letter-spacing: -0.2px; transition: color 0.3s ease, transform 0.3s ease; } /* animated underline */ .mybella-nav .elementor-item::after{ content: ""; position: absolute; left: 50%; bottom: 4px; width: 0; height: 2px; background: linear-gradient( 90deg, #58c8eb, #168db8 ); border-radius: 20px; transform: translateX(-50%); transition: width 0.3s ease; } .mybella-nav .elementor-item:hover{ color: #148fb9 !important; transform: translateY(-1px); } .mybella-nav .elementor-item:hover::after{ width: 45%; } /* current page */ .mybella-nav .elementor-item.elementor-item-active{ color: #148fb9 !important; } .mybella-nav .elementor-item.elementor-item-active::after{ width: 45%; } /* ===================================== CONTACT BUTTON ===================================== */ .mybella-contact .elementor-button{ position: relative; overflow: hidden; background: linear-gradient( 135deg, #102633 0%, #163c50 100% ) !important; color: #ffffff !important; border-radius: 50px !important; border: 1px solid rgba(255,255,255,0.14); font-weight: 600; letter-spacing: 0; box-shadow: 0 8px 20px rgba(12, 39, 54, 0.17); transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease; } /* button shine */ .mybella-contact .elementor-button::before{ content: ""; position: absolute; top: 0; left: -100%; width: 60%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.20), transparent ); transform: skewX(-20deg); transition: left 0.55s ease; } .mybella-contact .elementor-button:hover::before{ left: 130%; } .mybella-contact .elementor-button:hover{ background: linear-gradient( 135deg, #179bc5, #5cc9ea ) !important; transform: translateY(-2px); box-shadow: 0 12px 26px rgba(27, 157, 199, 0.26); } /* Button icon */ .mybella-contact .elementor-button-icon{ display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; background: #ffffff; color: #102633; border-radius: 50%; transition: transform 0.3s ease, background 0.3s ease; } .mybella-contact .elementor-button:hover .elementor-button-icon{ transform: rotate(45deg); } /* ===================================== STICKY HEADER ===================================== */ .mybella-header.elementor-sticky--effects{ background: rgba(255,255,255,0.96); /* KEEP STICKY HEADER SQUARE */ border-radius: 0 !important; box-shadow: 0 12px 35px rgba(15,45,65,0.10); border-color: rgba(50,170,215,0.18); } /* ===================================== TABLET ===================================== */ @media (max-width: 1024px){ .mybella-header{ border-radius: 0 !important; } .mybella-nav .elementor-item{ font-size: 15px; } .mybella-logo img{ max-height: 58px; } } /* ===================================== MOBILE ===================================== */ @media (max-width: 767px){ .mybella-header{ /* NO HEADER BORDER RADIUS ON MOBILE */ border-radius: 0 !important; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); } .mybella-logo img{ max-height: 52px; } /* hamburger */ .mybella-nav .elementor-menu-toggle{ width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background: #102633 !important; color: #ffffff !important; /* hamburger can stay rounded */ border-radius: 12px; box-shadow: 0 6px 16px rgba(15,45,65,0.14); } /* dropdown menu */ .mybella-nav .elementor-nav-menu--dropdown{ background: rgba(255,255,255,0.98) !important; /* dropdown can stay rounded */ border-radius: 14px; overflow: hidden; box-shadow: 0 15px 35px rgba(15,45,65,0.12); border: 1px solid rgba(35,160,205,0.12); } .mybella-nav .elementor-nav-menu--dropdown .elementor-item{ color: #102633 !important; border-bottom: 1px solid rgba(15,45,65,0.06); font-weight: 600; } .mybella-nav .elementor-nav-menu--dropdown .elementor-item:hover, .mybella-nav .elementor-nav-menu--dropdown .elementor-item-active{ background: #effaff !important; color: #158db8 !important; } } /* ===================================== SMALL MOBILE ===================================== */ @media (max-width: 480px){ .mybella-header{ border-radius: 0 !important; } }/* End custom CSS */