.elementor-4738 .elementor-element.elementor-element-e921402{--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:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:99;}.elementor-4738 .elementor-element.elementor-element-d6aa32d{--display:flex;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4738 .elementor-element.elementor-element-b785fdb{padding:0px 0px 0px 0px;}.elementor-4738 .elementor-element.elementor-element-b785fdb img{width:40%;}.elementor-4738 .elementor-element.elementor-element-85d7513{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-mobile-nav-toggle.mobile-toggle{justify-content:flex-end;min-height:65px;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-mobile-menu-content .nav li a{text-align:flex-start;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .navbar-nav>li{padding:5px 5px 5px 5px;}.elementor-4738 .elementor-element.elementor-element-1525040 > div .plus-navigation-wrap .plus-navigation-menu .navbar-nav>li>a, .elementor-4738 .elementor-element.elementor-element-1525040 > .plus-navigation-wrap .plus-navigation-menu .navbar-nav>li>a{padding:10px 5px 10px 5px !important;font-size:17px;font-weight:600;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-wrap .plus-navigation-inner.main-menu-indicator-style-2 .plus-navigation-menu .navbar-nav > li.dropdown > a:before{right:calc(5px + 3px);}[dir="rtl"] .elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-wrap .plus-navigation-inner.main-menu-indicator-style-2 .plus-navigation-menu .navbar-nav > li.dropdown > a:before{left:calc(5px + 3px);right:auto;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-wrap .plus-navigation-inner.main-menu-indicator-style-1 .plus-navigation-menu.menu-vertical-side .navbar-nav>li.dropdown>a:after{right:calc(5px + 3px);}[dir="rtl"] .elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-wrap .plus-navigation-inner.main-menu-indicator-style-1 .plus-navigation-menu.menu-vertical-side .navbar-nav>li.dropdown>a:after{left:calc(5px + 3px);right:auto;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-wrap .plus-navigation-inner .navbar-nav>li.menu-item.menu-item-has-children:hover a:before{content:"";}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .navbar-nav>li>a{color:#313131;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .navbar-nav>li>a .plus-nav-icon-menu{color:#313131;font-size:15px;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .navbar-nav>li>a .plus-nav-icon-menu.icon-img{max-width:15px;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .navbar-nav > li:hover > a{color:var( --e-global-color-3a81bef );}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .navbar-nav > li:hover > a .plus-nav-icon-menu{color:#ff5a6e;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .navbar-nav > li.active > a,.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .navbar-nav > li:focus > a,.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .navbar-nav > li.current_page_item > a{color:var( --e-global-color-3a81bef );}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .navbar-nav > li.active > a >.plus-nav-icon-menu,.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .navbar-nav > li:focus > a>.plus-nav-icon-menu,.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .navbar-nav > li.current_page_item > a>.plus-nav-icon-menu{color:#ff5a6e;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .nav li.dropdown .dropdown-menu{padding:0px 0px 0px 0px !important;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .nav li.dropdown .dropdown-menu .dropdown-menu{left:calc(100% + 0px);}[dir="rtl"] .elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .nav li.dropdown .dropdown-menu .dropdown-menu{right:calc(100% + 0px);}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu:not(.menu-vertical) .nav li.dropdown:not(.plus-fw) .dropdown-menu > li,.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu.menu-vertical .nav li.dropdown:not(.plus-fw) .dropdown-menu > li a{padding:10px 15px 10px 15px !important;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .nav li.dropdown .dropdown-menu > li > a{color:#313131;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .nav li.dropdown .dropdown-menu > li > a >.plus-nav-icon-menu{color:#313131;font-size:15px;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .nav li.dropdown .dropdown-menu > li > a >.plus-nav-icon-menu.icon-img{max-width:15px;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .nav li.dropdown .dropdown-menu > li:hover > a{color:#ff5a6e;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .nav li.dropdown .dropdown-menu > li:hover > a >.plus-nav-icon-menu{color:#ff5a6e;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .navbar-nav li.dropdown .dropdown-menu > li.active > a,.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .navbar-nav li.dropdown .dropdown-menu > li:focus > a,.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .navbar-nav li.dropdown .dropdown-menu > li.current_page_item > a{color:#ff5a6e;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .navbar-nav li.dropdown .dropdown-menu > li.active > a>.plus-nav-icon-menu,.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .navbar-nav li.dropdown .dropdown-menu > li:focus > a>.plus-nav-icon-menu,.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .navbar-nav li.dropdown .dropdown-menu > li.current_page_item > a>.plus-nav-icon-menu{color:#ff5a6e;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .nav>li{vertical-align:middle;}.elementor-4738 .elementor-element.elementor-element-1525040 .mobile-plus-toggle-menu ul.toggle-lines li.toggle-line, .elementor-4738 .elementor-element.elementor-element-1525040 .mobile-plus-toggle-menu.toggle-style-2 .mobile-plus-toggle-menu-st2, .elementor-4738 .elementor-element.elementor-element-1525040 .mobile-plus-toggle-menu.toggle-style-2 .mobile-plus-toggle-menu-st2::before, .elementor-4738 .elementor-element.elementor-element-1525040 .mobile-plus-toggle-menu.toggle-style-2 .mobile-plus-toggle-menu-st2::after, .elementor-4738 .elementor-element.elementor-element-1525040 .mobile-plus-toggle-menu.toggle-style-3 .mobile-plus-toggle-menu-st3, .elementor-4738 .elementor-element.elementor-element-1525040 .mobile-plus-toggle-menu.toggle-style-3 .mobile-plus-toggle-menu-st3::before, .elementor-4738 .elementor-element.elementor-element-1525040 .mobile-plus-toggle-menu.toggle-style-3 .mobile-plus-toggle-menu-st3::after, .elementor-4738 .elementor-element.elementor-element-1525040 .mobile-plus-toggle-menu.toggle-style-4 span{background:#ff5a6e;}.elementor-4738 .elementor-element.elementor-element-1525040 .mobile-plus-toggle-menu.toggle-style-5.clin.plus-collapsed i{color:#ff5a6e;}.elementor-4738 .elementor-element.elementor-element-1525040 .mobile-plus-toggle-menu.toggle-style-5.clin.plus-collapsed svg{fill:#ff5a6e;}.elementor-4738 .elementor-element.elementor-element-1525040 .mobile-plus-toggle-menu:not(.plus-collapsed) ul.toggle-lines li.toggle-line, .elementor-4738 .elementor-element.elementor-element-1525040 .mobile-plus-toggle-menu.toggle-style-2 .mobile-plus-toggle-menu-st2-h, .elementor-4738 .elementor-element.elementor-element-1525040 .mobile-plus-toggle-menu.toggle-style-2 .mobile-plus-toggle-menu-st2-h::before, .elementor-4738 .elementor-element.elementor-element-1525040 .mobile-plus-toggle-menu.toggle-style-2 .mobile-plus-toggle-menu-st2-h::after, .elementor-4738 .elementor-element.elementor-element-1525040 .mobile-plus-toggle-menu:not(.plus-collapsed).toggle-style-3 .mobile-plus-toggle-menu-st3:before, .elementor-4738 .elementor-element.elementor-element-1525040 .mobile-plus-toggle-menu:not(.plus-collapsed).toggle-style-3 .mobile-plus-toggle-menu-st3:after, .elementor-4738 .elementor-element.elementor-element-1525040 .mobile-plus-toggle-menu.toggle-style-4:not(.plus-collapsed) span:nth-last-child(3), .elementor-4738 .elementor-element.elementor-element-1525040 .mobile-plus-toggle-menu.toggle-style-4:not(.plus-collapsed) span:nth-last-child(1){background:#ff5a6e !important;}.elementor-4738 .elementor-element.elementor-element-1525040 .mobile-plus-toggle-menu.toggle-style-5.clin i{color:#ff5a6e;}.elementor-4738 .elementor-element.elementor-element-1525040 .mobile-plus-toggle-menu.toggle-style-5.clin svg{fill:#ff5a6e;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-mobile-menu .navbar-nav>li>a{padding:10px 10px 10px 10px !important;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-mobile-menu .navbar-nav>li>a, .elementor-4738 .elementor-element.elementor-element-1525040 .plus-mobile-menu .navbar-nav>li.plus-dropdown-container.plus-fw>a.dropdown-toggle{color:#313131;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-mobile-menu .navbar-nav>li>a>.plus-nav-icon-menu{color:#313131;font-size:15px;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-mobile-menu .navbar-nav>li>a>.plus-nav-icon-menu.icon-img{max-width:15px;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-wrap .plus-mobile-menu .navbar-nav > li.dropdown > a:after{color:#313131;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-wrap .plus-mobile-menu .navbar-nav > li.active > a,.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-wrap .plus-mobile-menu .navbar-nav > li:focus > a,.elementor-4738 .elementor-element.elementor-element-1525040 .plus-mobile-menu .navbar-nav > li.current_page_item > a, .elementor-4738 .elementor-element.elementor-element-1525040 .plus-mobile-menu .plus-mobile-menu-content .navbar-nav>li.plus-fw.open>a, .elementor-4738 .elementor-element.elementor-element-1525040 .plus-mobile-menu .navbar-nav>li.open>a, .elementor-4738 .elementor-element.elementor-element-1525040 .plus-mobile-menu .navbar-nav>li.plus-dropdown-container.plus-fw.open>a{color:#ff5a6e;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-wrap .plus-mobile-menu .navbar-nav > li.active > a>.plus-nav-icon-menu,.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-wrap .plus-mobile-menu .navbar-nav > li:focus > a>.plus-nav-icon-menu,.elementor-4738 .elementor-element.elementor-element-1525040 .plus-mobile-menu .navbar-nav > li.current_page_item > a>.plus-nav-icon-menu{color:#ff5a6e;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-wrap .plus-mobile-menu .navbar-nav > li.dropdown.active > a:after,.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-wrap .plus-mobile-menu .navbar-nav > li.dropdown:focus > a:after,.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-wrap .plus-mobile-menu .navbar-nav > li.dropdown.current_page_item > a:after{color:#313131;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-mobile-menu .nav li.dropdown .dropdown-menu > li > a{padding:10px 10px 10px 15px !important;color:#313131;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-mobile-menu .nav li.dropdown .dropdown-menu > li > a >.plus-nav-icon-menu{color:#313131;font-size:15px;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-mobile-menu .nav li.dropdown .dropdown-menu > li > a >.plus-nav-icon-menu.icon-img{max-width:15px;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-wrap .plus-mobile-menu .nav li.dropdown .dropdown-menu > li > a:after{color:#313131;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-wrap .plus-mobile-menu .navbar-nav li.dropdown .dropdown-menu > li.active > a,.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-wrap .plus-mobile-menu .navbar-nav li.dropdown .dropdown-menu > li:focus > a,.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-wrap .plus-mobile-menu .navbar-nav li.dropdown .dropdown-menu > li.current_page_item > a{color:#ff5a6e;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-wrap .plus-mobile-menu .navbar-nav li.dropdown .dropdown-menu > li.active > a >.plus-nav-icon-menu,.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-wrap .plus-mobile-menu .navbar-nav li.dropdown .dropdown-menu > li:focus > a >.plus-nav-icon-menu,.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-wrap .plus-mobile-menu .navbar-nav li.dropdown .dropdown-menu > li.current_page_item > a >.plus-nav-icon-menu{color:#ff5a6e;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-wrap .plus-mobile-menu .navbar-nav ul.dropdown-menu > li.dropdown-submenu.active > a:after,.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-wrap .plus-mobile-menu .navbar-nav ul.dropdown-menu > li.dropdown-submenu:focus > a:after,.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-wrap .plus-mobile-menu .navbar-nav ul.dropdown-menu > li.dropdown-submenu.current_page_item > a:after{color:#313131;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .plus-nav-label-text{right:-12px;top:-5px;}[dir="rtl"] .elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .plus-nav-label-text{left:-12px;right:auto;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .dropdown-menu .plus-nav-label-text{right:-12px;top:-5px;}[dir="rtl"] .elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .dropdown-menu .plus-nav-label-text{left:-12px;right:auto;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-mobile-menu .plus-nav-label-text{right:45px;top:50%;}[dir="rtl"] .elementor-4738 .elementor-element.elementor-element-1525040 .plus-mobile-menu .plus-nav-label-text{left:45px;right:auto;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-mobile-menu .dropdown-menu .plus-nav-label-text{right:45px;top:50%;}[dir="rtl"] .elementor-4738 .elementor-element.elementor-element-1525040 .plus-mobile-menu .dropdown-menu .plus-nav-label-text{left:45px;right:auto;}.plus-{{ID}}.plus-canvas-content-wrap .plus-content-editor, .plus-{{ID}}.plus-canvas-content-wrap .plus-content-editor p, .plus-{{ID}}.plus-canvas-content-wrap .plus-content-editor h1, .plus-{{ID}}.plus-canvas-content-wrap .plus-content-editor h2, .plus-{{ID}}.plus-canvas-content-wrap .plus-content-editor h3, .plus-{{ID}}.plus-canvas-content-wrap .plus-content-editor h4, .plus-{{ID}}.plus-canvas-content-wrap .plus-content-editor h5, .plus-{{ID}}.plus-canvas-content-wrap .plus-content-editor h6{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.plus-e358fa6.plus-canvas-content-wrap.plus-slide{height:100vh;}.plus-e358fa6.plus-canvas-content-wrap.plus-slide .plus-content-editor{height:100%;}.plus-e358fa6.plus-canvas-content-wrap.plus-slide .plus-stylist-list-wrapper{height:100vh;}.plus-e358fa6.plus-canvas-content-wrap.plus-top,.plus-e358fa6.plus-canvas-content-wrap.plus-bottom{width:100%;height:300px;}.plus-e358fa6.plus-canvas-content-wrap{width:300px;}.plus-e358fa6-open.plus-push.plus-open.plus-left .plus-offcanvas-container,.plus-e358fa6-open.plus-reveal.plus-open.plus-left .plus-offcanvas-container,.plus-e358fa6-open.plus-slide-along.plus-open.plus-left .plus-offcanvas-container{-webkit-transform:translate3d(300px, 0, 0);transform:translate3d(300px, 0, 0);}.plus-e358fa6-open.plus-push.plus-open.plus-right .plus-offcanvas-container,.plus-e358fa6-open.plus-reveal.plus-open.plus-right .plus-offcanvas-container,.plus-e358fa6-open.plus-slide-along.plus-open.plus-right .plus-offcanvas-container{-webkit-transform:translate3d(-300px, 0, 0);transform:translate3d(-300px, 0, 0);}.plus-e358fa6-open.plus-push.plus-open.plus-top .plus-offcanvas-container,.plus-e358fa6-open.plus-reveal.plus-open.plus-top .plus-offcanvas-container,.plus-e358fa6-open.plus-slide-along.plus-open.plus-top .plus-offcanvas-container{-webkit-transform:translate3d(0,300px, 0);transform:translate3d( 0,300px, 0);}.plus-e358fa6-open.plus-push.plus-open.plus-bottom .plus-offcanvas-container,.plus-e358fa6-open.plus-reveal.plus-open.plus-bottom .plus-offcanvas-container,.plus-e358fa6-open.plus-slide-along.plus-open.plus-bottom .plus-offcanvas-container{-webkit-transform:translate3d(0,-300px, 0);transform:translate3d( 0,-300px, 0);}.plus-e358fa6.plus-canvas-content-wrap.plus-corner-box{width:300px;height:300px;}.plus-e358fa6.plus-canvas-content-wrap.plus-top-left.plus-corner-box{-webkit-transform:translate3d(-300px,-300px,0);transform:translate3d(-300px,-300px,0);}.plus-e358fa6.plus-canvas-content-wrap.plus-top-right.plus-corner-box{-webkit-transform:translate3d(300px,-300px,0);transform:translate3d(300px,-300px,0);}.elementor-4738 .elementor-element.elementor-element-e358fa6 .plus-offcanvas-wrapper .offcanvas-toggle-btn.humberger-custom .off-can-img-svg{width:39px;height:39px;}.plus-e358fa6.plus-canvas-content-wrap .plus-content-editor{padding:10px 25px 10px 25px;}.plus-canvas-content-wrap.plus-e358fa6 .plus-offcanvas-close:before, .plus-canvas-content-wrap.plus-e358fa6 .plus-offcanvas-close:after{border-color:#000;}.plus-canvas-content-wrap.plus-e358fa6::-webkit-scrollbar{width:10px;height:10px;}.elementor-4738 .elementor-element.elementor-element-3d6d012{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-4738 .elementor-element.elementor-element-c8b8448 .elementor-button-content-wrapper{flex-direction:row-reverse;}@media(max-width:880px){.plus-e358fa6.plus-canvas-content-wrap.plus-top,.plus-e358fa6.plus-canvas-content-wrap.plus-bottom{width:100%;height:85%;}.plus-e358fa6.plus-canvas-content-wrap{width:85%;}.plus-e358fa6-open.plus-push.plus-open.plus-left .plus-offcanvas-container,.plus-e358fa6-open.plus-reveal.plus-open.plus-left .plus-offcanvas-container,.plus-e358fa6-open.plus-slide-along.plus-open.plus-left .plus-offcanvas-container{-webkit-transform:translate3d(85%, 0, 0);transform:translate3d(85%, 0, 0);}.plus-e358fa6-open.plus-push.plus-open.plus-right .plus-offcanvas-container,.plus-e358fa6-open.plus-reveal.plus-open.plus-right .plus-offcanvas-container,.plus-e358fa6-open.plus-slide-along.plus-open.plus-right .plus-offcanvas-container{-webkit-transform:translate3d(-85%, 0, 0);transform:translate3d(-85%, 0, 0);}.plus-e358fa6-open.plus-push.plus-open.plus-top .plus-offcanvas-container,.plus-e358fa6-open.plus-reveal.plus-open.plus-top .plus-offcanvas-container,.plus-e358fa6-open.plus-slide-along.plus-open.plus-top .plus-offcanvas-container{-webkit-transform:translate3d(0,85%, 0);transform:translate3d( 0,85%, 0);}.plus-e358fa6-open.plus-push.plus-open.plus-bottom .plus-offcanvas-container,.plus-e358fa6-open.plus-reveal.plus-open.plus-bottom .plus-offcanvas-container,.plus-e358fa6-open.plus-slide-along.plus-open.plus-bottom .plus-offcanvas-container{-webkit-transform:translate3d(0,-85%, 0);transform:translate3d( 0,-85%, 0);}.plus-e358fa6.plus-canvas-content-wrap.plus-corner-box{width:85%;height:85%;}.plus-e358fa6.plus-canvas-content-wrap.plus-top-left.plus-corner-box{-webkit-transform:translate3d(-85%,-85%,0);transform:translate3d(-85%,-85%,0);}.plus-e358fa6.plus-canvas-content-wrap.plus-top-right.plus-corner-box{-webkit-transform:translate3d(85%,-85%,0);transform:translate3d(85%,-85%,0);}}@media(min-width:768px){.elementor-4738 .elementor-element.elementor-element-e921402{--content-width:1300px;}.elementor-4738 .elementor-element.elementor-element-d6aa32d{--width:35%;}.elementor-4738 .elementor-element.elementor-element-3d6d012{--width:40%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4738 .elementor-element.elementor-element-d6aa32d{--width:30%;}}@media(max-width:880px) and (min-width:768px){.elementor-4738 .elementor-element.elementor-element-d6aa32d{--width:60%;}.elementor-4738 .elementor-element.elementor-element-3d6d012{--width:84%;}}@media(max-width:1024px){.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-menu .navbar-nav>li{padding:0px 0px 0px 0px;}.elementor-4738 .elementor-element.elementor-element-1525040 > div .plus-navigation-wrap .plus-navigation-menu .navbar-nav>li>a, .elementor-4738 .elementor-element.elementor-element-1525040 > .plus-navigation-wrap .plus-navigation-menu .navbar-nav>li>a{padding:5px 5px 5px 5px !important;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-wrap .plus-navigation-inner.main-menu-indicator-style-2 .plus-navigation-menu .navbar-nav > li.dropdown > a:before{right:calc(5px + 3px);}[dir="rtl"] .elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-wrap .plus-navigation-inner.main-menu-indicator-style-2 .plus-navigation-menu .navbar-nav > li.dropdown > a:before{left:calc(5px + 3px);right:auto;}.elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-wrap .plus-navigation-inner.main-menu-indicator-style-1 .plus-navigation-menu.menu-vertical-side .navbar-nav>li.dropdown>a:after{right:calc(5px + 3px);}[dir="rtl"] .elementor-4738 .elementor-element.elementor-element-1525040 .plus-navigation-wrap .plus-navigation-inner.main-menu-indicator-style-1 .plus-navigation-menu.menu-vertical-side .navbar-nav>li.dropdown>a:after{left:calc(5px + 3px);right:auto;}}@media(max-width:767px){.elementor-4738 .elementor-element.elementor-element-e921402{--flex-wrap:nowrap;}.elementor-4738 .elementor-element.elementor-element-d6aa32d{--width:60%;}.elementor-4738 .elementor-element.elementor-element-b785fdb img{width:58%;}.elementor-4738 .elementor-element.elementor-element-85d7513{--width:30%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.plus-e358fa6.plus-canvas-content-wrap .plus-content-editor{padding:0px 0px 0px 0px;}}/* Start custom CSS for container, class: .elementor-element-e921402 *//* ========================================================= GROVE ROAD DENTAL — PREMIUM GLASS HEADER Main Class: grd-main-header Deep Navy #0D2847 Emerald Teal #16877C Champagne Gold #D8B86A ========================================================= */ /* ========================================================= 01. DEFAULT HEADER Transparent — designed to sit over homepage hero ========================================================= */ .grd-main-header { position: relative; background: transparent !important; border: 0 !important; box-shadow: 0 7px 20px rgba(13, 40, 71, 0.035); isolation: isolate; transition: background 0.45s ease, backdrop-filter 0.45s ease, -webkit-backdrop-filter 0.45s ease, box-shadow 0.45s ease, border-color 0.45s ease !important; } /* Main inner wrapper */ .grd-main-header > .e-con-inner { position: relative; z-index: 5; } /* ========================================================= 02. FADED GOLD BOTTOM LINE ========================================================= */ .grd-main-header > .e-con-inner::after { content: ""; position: absolute; left: 7%; right: 7%; bottom: 0; height: 1px; background: linear-gradient( 90deg, transparent 0%, rgba(216,184,106,0.10) 8%, rgba(216,184,106,0.78) 30%, rgba(22,135,124,0.38) 52%, rgba(216,184,106,0.72) 74%, rgba(216,184,106,0.10) 92%, transparent 100% ); box-shadow: 0 1px 8px rgba(216,184,106,0.10); pointer-events: none; transition: left 0.45s ease, right 0.45s ease, opacity 0.45s ease, box-shadow 0.45s ease; } /* ========================================================= 03. DESKTOP NAVIGATION ========================================================= */ .grd-main-header .plus-navigation-menu .navbar-nav { display: block; align-items: center; gap: 5px; } /* Individual menu item */ .grd-main-header .plus-navigation-menu .navbar-nav > li { position: relative; padding: 0 3px !important; } /* Menu link */ .grd-main-header .plus-navigation-menu .navbar-nav > li > a { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 11px 12px !important; color: #0D2847 !important; font-weight: 600; letter-spacing: 0.05px; background: transparent !important; border-radius: 8px; transition: color 0.32s ease, transform 0.32s ease, text-shadow 0.32s ease, background-color 0.32s ease !important; } /* ========================================================= 04. MENU GOLD / EMERALD UNDERLINE ========================================================= */ .grd-main-header .plus-navigation-menu .navbar-nav > li > a::after { content: ""; position: absolute; left: 50%; bottom: 3px; width: 0; height: 2px; transform: translateX(-50%); border-radius: 5px; background: linear-gradient( 90deg, #D8B86A, #16877C, #D8B86A ); box-shadow: 0 0 8px rgba(216,184,106,0.22); opacity: 0; transition: width 0.35s cubic-bezier(.2,.8,.2,1), opacity 0.3s ease; } /* ========================================================= 05. MENU HOVER ========================================================= */ .grd-main-header .plus-navigation-menu .navbar-nav > li:hover > a { color: #16877C !important; transform: translateY(-1px); background: rgba(255,255,255,0.055) !important; text-shadow: 0 0 12px rgba(22,135,124,0.10); } .grd-main-header .plus-navigation-menu .navbar-nav > li:hover > a::after { width: 60%; opacity: 1; } /* ========================================================= 06. CURRENT / ACTIVE MENU ITEM ========================================================= */ .grd-main-header .plus-navigation-menu .navbar-nav > li.current-menu-item > a, .grd-main-header .plus-navigation-menu .navbar-nav > li.current_page_item > a, .grd-main-header .plus-navigation-menu .navbar-nav > li.active > a { color: #16877C !important; font-weight: 700; } .grd-main-header .plus-navigation-menu .navbar-nav > li.current-menu-item > a::after, .grd-main-header .plus-navigation-menu .navbar-nav > li.current_page_item > a::after, .grd-main-header .plus-navigation-menu .navbar-nav > li.active > a::after { width: 44%; opacity: 1; } /* ========================================================= 07. LOGO AREA ========================================================= */ .grd-main-header .elementor-widget-image { position: relative; display: inline-flex; align-items: center; justify-content: center; isolation: isolate; } /* Animated atmospheric gold halo */ .grd-main-header .elementor-widget-image::before { content: ""; position: absolute; width: 118%; height: 118%; left: -9%; top: -9%; border-radius: 50%; background: radial-gradient( circle, rgba(216,184,106,0.24) 0%, rgba(216,184,106,0.11) 34%, rgba(22,135,124,0.045) 54%, transparent 72% ); filter: blur(9px); opacity: 0.55; transform: scale(0.92); z-index: -1; animation: grdLogoGoldPulse 4.8s ease-in-out infinite; pointer-events: none; } /* Logo image */ .grd-main-header .elementor-widget-image img { position: relative; filter: drop-shadow(0 5px 10px rgba(13,40,71,0.19)) drop-shadow(0 0 5px rgba(216,184,106,0.17)); transform: translateY(0) scale(1); transition: transform 0.45s cubic-bezier(.2,.8,.2,1), filter 0.45s ease; } /* Logo hover */ .grd-main-header .elementor-widget-image:hover img { transform: translateY(-2px) scale(1.025); filter: drop-shadow(0 8px 14px rgba(13,40,71,0.22)) drop-shadow(0 0 10px rgba(216,184,106,0.32)); } .grd-main-header .elementor-widget-image:hover::before { opacity: 0.9; } /* ========================================================= 08. WAVING GOLD LOGO HALO ========================================================= */ @keyframes grdLogoGoldPulse { 0%, 100% { transform: scale(0.91); opacity: 0.40; filter: blur(9px); } 35% { transform: scale(1.03); opacity: 0.70; filter: blur(11px); } 65% { transform: scale(0.96); opacity: 0.52; filter: blur(8px); } } /* ========================================================= 09. STICKY MODE — GLASS HEADER ========================================================= */ .grd-main-header.elementor-sticky--effects { background: linear-gradient( 135deg, rgba(255,255,255,0.84) 0%, rgba(255,255,255,0.74) 58%, rgba(242,247,245,0.78) 100% ) !important; -webkit-backdrop-filter: blur(13px) saturate(125%); backdrop-filter: blur(13px) saturate(125%); border-bottom: 1px solid rgba(216,184,106,0.46) !important; box-shadow: 0 10px 32px rgba(13,40,71,0.12), 0 3px 10px rgba(13,40,71,0.055), 0 0 0 1px rgba(255,255,255,0.28), 0 7px 22px rgba(216,184,106,0.045) !important; } /* Stronger faded line when sticky */ .grd-main-header.elementor-sticky--effects > .e-con-inner::after { left: 3%; right: 3%; background: linear-gradient( 90deg, transparent 0%, rgba(216,184,106,0.10) 6%, #D8B86A 28%, rgba(22,135,124,0.65) 52%, #D8B86A 76%, rgba(216,184,106,0.10) 94%, transparent 100% ); box-shadow: 0 1px 11px rgba(216,184,106,0.18); } /* ========================================================= 10. STICKY MENU ========================================================= */ .grd-main-header.elementor-sticky--effects .plus-navigation-menu .navbar-nav > li > a { color: #0D2847 !important; } .grd-main-header.elementor-sticky--effects .plus-navigation-menu .navbar-nav > li:hover > a { color: #16877C !important; background: rgba(22,135,124,0.055) !important; } /* ========================================================= 11. STICKY LOGO — SLIGHTLY MORE DEFINED ========================================================= */ .grd-main-header.elementor-sticky--effects .elementor-widget-image img { filter: drop-shadow(0 5px 11px rgba(13,40,71,0.18)) drop-shadow(0 0 7px rgba(216,184,106,0.20)); } .grd-main-header.elementor-sticky--effects .elementor-widget-image::before { opacity: 0.62; } /* ========================================================= 12. APPOINTMENT BUTTON Keep existing grd-premium-btn intact Only slight integration with header ========================================================= */ .grd-main-header .grd-premium-btn { position: relative; z-index: 5; } .grd-main-header.elementor-sticky--effects .grd-premium-btn .elementor-button { box-shadow: 0 8px 19px rgba(13,40,71,0.15), 0 0 0 2px rgba(216,184,106,0.08) !important; } /* ========================================================= 13. MOBILE OFF-CANVAS TRIGGER ========================================================= */ .grd-main-header .offcanvas-toggle-btn { position: relative; display: flex !important; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 9px; border: 1px solid rgba(216,184,106,0.60); border-radius: 12px; background: rgba(255,255,255,0.12); box-shadow: 0 5px 14px rgba(13,40,71,0.08), 0 0 0 2px rgba(216,184,106,0.035); transition: background 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease, transform 0.35s ease; } .grd-main-header .offcanvas-toggle-btn:hover { transform: translateY(-2px); background: rgba(22,135,124,0.10); border-color: #D8B86A; box-shadow: 0 8px 17px rgba(13,40,71,0.12), 0 0 12px rgba(216,184,106,0.10); } /* ========================================================= 14. TABLET ========================================================= */ @media (max-width: 1024px) { .grd-main-header .plus-navigation-menu .navbar-nav > li > a { padding: 9px 8px !important; font-size: 14px; } .grd-main-header.elementor-sticky--effects { -webkit-backdrop-filter: blur(11px) saturate(120%); backdrop-filter: blur(11px) saturate(120%); } } /* ========================================================= 15. MOBILE ========================================================= */ @media (max-width: 767px) { .grd-main-header { box-shadow: 0 5px 15px rgba(13,40,71,0.035); } .grd-main-header > .e-con-inner::after { left: 8%; right: 8%; } .grd-main-header.elementor-sticky--effects { background: linear-gradient( 135deg, rgba(255,255,255,0.90), rgba(248,250,248,0.84) ) !important; -webkit-backdrop-filter: blur(10px) saturate(120%); backdrop-filter: blur(10px) saturate(120%); box-shadow: 0 8px 24px rgba(13,40,71,0.12), 0 3px 9px rgba(13,40,71,0.05), 0 0 0 1px rgba(216,184,106,0.08) !important; } /* More restrained logo animation on mobile */ .grd-main-header .elementor-widget-image::before { animation-duration: 5.8s; filter: blur(7px); } .grd-main-header .offcanvas-toggle-btn { width: 39px; height: 39px; border-radius: 10px; } } /* ========================================================= 16. REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .grd-main-header, .grd-main-header *, .grd-main-header *::before, .grd-main-header *::after { animation: none !important; transition: none !important; } } /* ========================================================= 17. COMPACT STICKY HEADER Shrink logo + header height on scroll ========================================================= */ /* Smooth transition */ .grd-main-header > .e-con-inner { transition: min-height 0.45s cubic-bezier(.2,.8,.2,1), padding 0.45s cubic-bezier(.2,.8,.2,1); } .grd-main-header .elementor-widget-image img { transition: width 0.45s cubic-bezier(.2,.8,.2,1), max-width 0.45s cubic-bezier(.2,.8,.2,1), transform 0.45s cubic-bezier(.2,.8,.2,1), filter 0.45s ease; } /* ----------------------------------------- STICKY — smaller logo ----------------------------------------- */ .grd-main-header.elementor-sticky--effects .elementor-widget-image img { width: 68px !important; max-width: 68px !important; } /* Reduce header vertical space */ .grd-main-header.elementor-sticky--effects > .e-con-inner { min-height: 76px !important; padding-top: 5px !important; padding-bottom: 5px !important; } /* Keep logo halo proportional */ .grd-main-header.elementor-sticky--effects .elementor-widget-image::before { width: 112%; height: 112%; left: -6%; top: -6%; opacity: 0.48; } /* ----------------------------------------- Slightly compact navigation too ----------------------------------------- */ .grd-main-header.elementor-sticky--effects .plus-navigation-menu .navbar-nav > li > a { padding-top: 8px !important; padding-bottom: 8px !important; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .grd-main-header.elementor-sticky--effects .elementor-widget-image img { width: 62px !important; max-width: 62px !important; } .grd-main-header.elementor-sticky--effects > .e-con-inner { min-height: 70px !important; padding-top: 4px !important; padding-bottom: 4px !important; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .grd-main-header.elementor-sticky--effects .elementor-widget-image img { width: 55px !important; max-width: 55px !important; } .grd-main-header.elementor-sticky--effects > .e-con-inner { min-height: 64px !important; padding-top: 4px !important; padding-bottom: 4px !important; } }/* End custom CSS */