.elementor-45 .elementor-element.elementor-element-c7be4a2{--display:flex;--position:fixed;--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;--justify-content:space-between;--overlay-opacity:0;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;--z-index:99;}.elementor-45 .elementor-element.elementor-element-c7be4a2::before, .elementor-45 .elementor-element.elementor-element-c7be4a2 > .elementor-background-video-container::before, .elementor-45 .elementor-element.elementor-element-c7be4a2 > .e-con-inner > .elementor-background-video-container::before, .elementor-45 .elementor-element.elementor-element-c7be4a2 > .elementor-background-slideshow::before, .elementor-45 .elementor-element.elementor-element-c7be4a2 > .e-con-inner > .elementor-background-slideshow::before, .elementor-45 .elementor-element.elementor-element-c7be4a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}body:not(.rtl) .elementor-45 .elementor-element.elementor-element-c7be4a2{left:0px;}body.rtl .elementor-45 .elementor-element.elementor-element-c7be4a2{right:0px;}.elementor-45 .elementor-element.elementor-element-9c0d03b{--display:flex;--padding-top:1%;--padding-bottom:1%;--padding-left:1%;--padding-right:1%;}.elementor-45 .elementor-element.elementor-element-9c0d03b:not(.elementor-motion-effects-element-type-background), .elementor-45 .elementor-element.elementor-element-9c0d03b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-45 .elementor-element.elementor-element-1174ca9 img{width:100%;}.elementor-45 .elementor-element.elementor-element-40fe998{--display:flex;--overlay-opacity:0;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-45 .elementor-element.elementor-element-40fe998::before, .elementor-45 .elementor-element.elementor-element-40fe998 > .elementor-background-video-container::before, .elementor-45 .elementor-element.elementor-element-40fe998 > .e-con-inner > .elementor-background-video-container::before, .elementor-45 .elementor-element.elementor-element-40fe998 > .elementor-background-slideshow::before, .elementor-45 .elementor-element.elementor-element-40fe998 > .e-con-inner > .elementor-background-slideshow::before, .elementor-45 .elementor-element.elementor-element-40fe998 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-45 .elementor-element.elementor-element-788e9e2{--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;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:9%;--padding-right:3%;}.elementor-45 .elementor-element.elementor-element-788e9e2:not(.elementor-motion-effects-element-type-background), .elementor-45 .elementor-element.elementor-element-788e9e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-widget-mega-menu > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );--n-menu-divider-color:var( --e-global-color-text );}.elementor-45 .elementor-element.elementor-element-4766433{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-45 .elementor-element.elementor-element-4766433:not(.elementor-motion-effects-element-type-background), .elementor-45 .elementor-element.elementor-element-4766433 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-45 .elementor-element.elementor-element-4766433.e-con{--align-self:flex-end;--order:99999 /* order end hack */;}.elementor-45 .elementor-element.elementor-element-e53a689{--display:flex;--gap:1vw 0vw;--row-gap:1vw;--column-gap:0vw;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:3%;--padding-bottom:4%;--padding-left:9%;--padding-right:3%;}.elementor-45 .elementor-element.elementor-element-e53a689:not(.elementor-motion-effects-element-type-background), .elementor-45 .elementor-element.elementor-element-e53a689 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-45 .elementor-element.elementor-element-e53a689.e-con{--align-self:flex-start;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-45 .elementor-element.elementor-element-8f6f4f1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-45 .elementor-element.elementor-element-8f6f4f1 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-45 .elementor-element.elementor-element-8f6f4f1 .elementor-heading-title a:hover, .elementor-45 .elementor-element.elementor-element-8f6f4f1 .elementor-heading-title a:focus{color:var( --e-global-color-accent );}.elementor-45 .elementor-element.elementor-element-6ff1062 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-45 .elementor-element.elementor-element-6ff1062 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-45 .elementor-element.elementor-element-6ff1062 .elementor-heading-title a:hover, .elementor-45 .elementor-element.elementor-element-6ff1062 .elementor-heading-title a:focus{color:var( --e-global-color-accent );}.elementor-45 .elementor-element.elementor-element-ecca6d6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-45 .elementor-element.elementor-element-ecca6d6 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-45 .elementor-element.elementor-element-ecca6d6 .elementor-heading-title a:hover, .elementor-45 .elementor-element.elementor-element-ecca6d6 .elementor-heading-title a:focus{color:var( --e-global-color-accent );}.elementor-45 .elementor-element.elementor-element-da59237 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-45 .elementor-element.elementor-element-da59237 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-45 .elementor-element.elementor-element-da59237 .elementor-heading-title a:hover, .elementor-45 .elementor-element.elementor-element-da59237 .elementor-heading-title a:focus{color:var( --e-global-color-accent );}.elementor-45 .elementor-element.elementor-element-d37e839{--display:flex;}.elementor-45 .elementor-element.elementor-element-5b34a33{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:initial;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;width:var( --container-widget-width, 24vw );max-width:24vw;--container-widget-width:24vw;--container-widget-flex-grow:0;--n-menu-open-animation-duration:500ms;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:4vw;--n-menu-title-font-size:var( --e-global-typography-accent-font-size );--n-menu-title-transition:300ms;--n-menu-title-padding:0px 0px 0px 0px;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-45 .elementor-element.elementor-element-5b34a33 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-45 .elementor-element.elementor-element-5b34a33.elementor-element{--align-self:center;}.elementor-45 .elementor-element.elementor-element-5b34a33 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-45 .elementor-element.elementor-element-5b34a33 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-45 .elementor-element.elementor-element-5b34a33 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );}.elementor-45 .elementor-element.elementor-element-5b34a33 {--n-menu-title-color-hover:var( --e-global-color-accent );--n-menu-title-color-active:var( --e-global-color-text );}.elementor-45 .elementor-element.elementor-element-5b34a33 > .elementor-widget-container > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title{border-radius:0px 0px 0px 0px;}.elementor-45 .elementor-element.elementor-element-2300f73{--display:flex;--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-45 .elementor-element.elementor-element-9b0dcf2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1025px){.elementor-45 .elementor-element.elementor-element-c7be4a2{--overlay-opacity:1;}.elementor-45 .elementor-element.elementor-element-9c0d03b{--padding-top:3%;--padding-bottom:3%;--padding-left:3%;--padding-right:3%;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-45 .elementor-element.elementor-element-40fe998{--justify-content:center;--overlay-opacity:0;}.elementor-45 .elementor-element.elementor-element-788e9e2{--justify-content:flex-end;}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-45 .elementor-element.elementor-element-8f6f4f1 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-45 .elementor-element.elementor-element-6ff1062 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-45 .elementor-element.elementor-element-ecca6d6 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-45 .elementor-element.elementor-element-da59237 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-45 .elementor-element.elementor-element-5b34a33{--container-widget-width:39vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 39vw );max-width:39vw;--n-menu-title-font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-45 .elementor-element.elementor-element-c7be4a2{--justify-content:space-between;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;--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-45 .elementor-element.elementor-element-9c0d03b{--width:48vw;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:8%;--padding-right:4%;}.elementor-widget-theme-site-logo .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-45 .elementor-element.elementor-element-1174ca9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-45 .elementor-element.elementor-element-1174ca9 img{width:26vw;}.elementor-45 .elementor-element.elementor-element-40fe998{--width:40vw;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:0;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-45 .elementor-element.elementor-element-788e9e2{--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:2vh;--margin-bottom:-2vh;--margin-left:0;--margin-right:0;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-mega-menu{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-45 .elementor-element.elementor-element-8f6f4f1 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-45 .elementor-element.elementor-element-6ff1062 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-45 .elementor-element.elementor-element-ecca6d6 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-45 .elementor-element.elementor-element-da59237 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );}.elementor-45 .elementor-element.elementor-element-5b34a33{--n-menu-title-font-size:var( --e-global-typography-accent-font-size );}.elementor-45 .elementor-element.elementor-element-2300f73{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-45 .elementor-element.elementor-element-9b0dcf2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-45 .elementor-element.elementor-element-9c0d03b{--width:13vw;}.elementor-45 .elementor-element.elementor-element-40fe998{--width:35vw;}.elementor-45 .elementor-element.elementor-element-4766433{--width:35vw;}.elementor-45 .elementor-element.elementor-element-e53a689{--width:20vw;}}@media(max-width:1025px) and (min-width:768px){.elementor-45 .elementor-element.elementor-element-9c0d03b{--width:20vw;}.elementor-45 .elementor-element.elementor-element-40fe998{--width:67vw;}.elementor-45 .elementor-element.elementor-element-4766433{--width:54vw;}.elementor-45 .elementor-element.elementor-element-e53a689{--width:76%;}}/* Start custom CSS for html, class: .elementor-element-9b0dcf2 */.toggle { width: 5vw; height: 2vh; position: relative; display: flex; align-items: center; margin: 2vw auto; cursor: pointer; transition: transform 0.6s ease; padding: 1vw; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .toggle:hover { animation: spin 4s linear infinite; } .bar { position: absolute; width: 2.4vw; height: 0.5vw; background: #EB5A35; border-radius: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.5s ease; opacity: 1; } /* Hamburger layout */ .bar--1 { transform: translate(-50%, calc(-1.5vw)); } .bar--2 { transform: translate(-50%, -0.5vw); } .bar--3 { transform: translate(-50%, 0.5vw); } /* Hide flower petals by default */ .extra { opacity: 0; pointer-events: none; } .bar--dot { position: absolute; width: 1vw; height: 1vw; background: #83AB85; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; pointer-events: none; transition: opacity 0.3s ease; z-index: 1; } .toggle:hover .bar--dot { opacity: 1; pointer-events: auto; /* Optional */ } /* Even tighter flower layout */ .toggle:hover .bar { transform: translate(-50%, -50%); } .toggle:hover .bar--1 { transform: translate(-50%, -50%) rotate(0deg) translateX(0.6vw); opacity: 1; } .toggle:hover .bar--2 { transform: translate(-50%, -50%) rotate(22.5deg) translateX(0.4vw); opacity: 1; } .toggle:hover .bar--3 { transform: translate(-50%, -50%) rotate(45deg) translateX(0.6vw); opacity: 1; } .toggle:hover .bar--4 { transform: translate(-50%, -50%) rotate(67.5deg) translateX(0.4vw); opacity: 1; } .toggle:hover .bar--5 { transform: translate(-50%, -50%) rotate(90deg) translateX(0.6vw); opacity: 1; } .toggle:hover .bar--6 { transform: translate(-50%, -50%) rotate(112.5deg) translateX(0.4vw); opacity: 1; } .toggle:hover .bar--7 { transform: translate(-50%, -50%) rotate(135deg) translateX(0.6vw); opacity: 1; } .toggle:hover .bar--8 { transform: translate(-50%, -50%) rotate(157.5deg) translateX(0.4vw); opacity: 1; } .toggle:hover .bar--9 { transform: translate(-50%, -50%) rotate(180deg) translateX(0.6vw); opacity: 1; } .toggle:hover .bar--10 { transform: translate(-50%, -50%) rotate(202.5deg) translateX(0.4vw); opacity: 1; } .toggle:hover .bar--11 { transform: translate(-50%, -50%) rotate(225deg) translateX(0.6vw); opacity: 1; } .toggle:hover .bar--12 { transform: translate(-50%, -50%) rotate(247.5deg) translateX(0.4vw); opacity: 1; } .toggle:hover .bar--13 { transform: translate(-50%, -50%) rotate(270deg) translateX(0.6vw); opacity: 1; } .toggle:hover .bar--14 { transform: translate(-50%, -50%) rotate(292.5deg) translateX(0.4vw); opacity: 1; } .toggle:hover .bar--15 { transform: translate(-50%, -50%) rotate(315deg) translateX(0.6vw); opacity: 1; } .toggle:hover .bar--16 { transform: translate(-50%, -50%) rotate(337.5deg) translateX(0.4vw); opacity: 1; } @media (max-width: 1024px) { .toggle { width: 10vw; height: 4vh; padding: 2vw; } .bar { width: 4.8vw; height: 1vw; } .bar--1 { transform: translate(-50%, calc(-3vw)); } .bar--2 { transform: translate(-50%, -1vw); } .bar--3 { transform: translate(-50%, 1vw); } .bar--dot { width: 2vw; height: 2vw; } /* Flower state sizes */ .toggle:hover .bar--1 { transform: translate(-50%, -50%) rotate(0deg) translateX(1.2vw); } .toggle:hover .bar--2 { transform: translate(-50%, -50%) rotate(22.5deg) translateX(0.8vw); } .toggle:hover .bar--3 { transform: translate(-50%, -50%) rotate(45deg) translateX(1.2vw); } .toggle:hover .bar--4 { transform: translate(-50%, -50%) rotate(67.5deg) translateX(0.8vw); } .toggle:hover .bar--5 { transform: translate(-50%, -50%) rotate(90deg) translateX(1.2vw); } .toggle:hover .bar--6 { transform: translate(-50%, -50%) rotate(112.5deg) translateX(0.8vw); } .toggle:hover .bar--7 { transform: translate(-50%, -50%) rotate(135deg) translateX(1.2vw); } .toggle:hover .bar--8 { transform: translate(-50%, -50%) rotate(157.5deg) translateX(0.8vw); } .toggle:hover .bar--9 { transform: translate(-50%, -50%) rotate(180deg) translateX(1.2vw); } .toggle:hover .bar--10 { transform: translate(-50%, -50%) rotate(202.5deg) translateX(0.8vw); } .toggle:hover .bar--11 { transform: translate(-50%, -50%) rotate(225deg) translateX(1.2vw); } .toggle:hover .bar--12 { transform: translate(-50%, -50%) rotate(247.5deg) translateX(0.8vw); } .toggle:hover .bar--13 { transform: translate(-50%, -50%) rotate(270deg) translateX(1.2vw); } .toggle:hover .bar--14 { transform: translate(-50%, -50%) rotate(292.5deg) translateX(0.8vw); } .toggle:hover .bar--15 { transform: translate(-50%, -50%) rotate(315deg) translateX(1.2vw); } .toggle:hover .bar--16 { transform: translate(-50%, -50%) rotate(337.5deg) translateX(0.8vw); } } @media (max-width: 767px) { .toggle { width: 28vw; height: 7vh; padding: 0vw; } .bar { width: 12vw; height: 2.6vw; } .bar--1 { transform: translate(-50%, calc(-7.6vw)); } .bar--2 { transform: translate(-50%, -2.6vw); } .bar--3 { transform: translate(-50%, 2.6vw); } .bar--dot { width: 6vw; height: 6vw; } .toggle:hover .bar--1 { transform: translate(-50%, -50%) rotate(0deg) translateX(3vw); } .toggle:hover .bar--2 { transform: translate(-50%, -50%) rotate(22.5deg) translateX(2vw); } .toggle:hover .bar--3 { transform: translate(-50%, -50%) rotate(45deg) translateX(3vw); } .toggle:hover .bar--4 { transform: translate(-50%, -50%) rotate(67.5deg) translateX(2vw); } .toggle:hover .bar--5 { transform: translate(-50%, -50%) rotate(90deg) translateX(3vw); } .toggle:hover .bar--6 { transform: translate(-50%, -50%) rotate(112.5deg) translateX(2vw); } .toggle:hover .bar--7 { transform: translate(-50%, -50%) rotate(135deg) translateX(3vw); } .toggle:hover .bar--8 { transform: translate(-50%, -50%) rotate(157.5deg) translateX(2vw); } .toggle:hover .bar--9 { transform: translate(-50%, -50%) rotate(180deg) translateX(3vw); } .toggle:hover .bar--10 { transform: translate(-50%, -50%) rotate(202.5deg) translateX(2vw); } .toggle:hover .bar--11 { transform: translate(-50%, -50%) rotate(225deg) translateX(3vw); } .toggle:hover .bar--12 { transform: translate(-50%, -50%) rotate(247.5deg) translateX(2vw); } .toggle:hover .bar--13 { transform: translate(-50%, -50%) rotate(270deg) translateX(3vw); } .toggle:hover .bar--14 { transform: translate(-50%, -50%) rotate(292.5deg) translateX(2vw); } .toggle:hover .bar--15 { transform: translate(-50%, -50%) rotate(315deg) translateX(3vw); } .toggle:hover .bar--16 { transform: translate(-50%, -50%) rotate(337.5deg) translateX(2vw); } }/* End custom CSS */ /* Start custom CSS */#main-header { transition: transform 0.3s ease; } #main-header.hidden { transform: translateY(-100%); } #hamburger-parent{ width: fit-content; }/* End custom CSS */