.elementor-81 .elementor-element.elementor-element-376a557{--content-width:100%;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--justify-content:space-between;--align-items:center;--margin-top:0px;--margin-right:0px;--margin-bottom:-230px;--margin-left:0px;--padding-top:080px;--padding-right:150px;--padding-bottom:0px;--padding-left:150px;--z-index:100;}.elementor-81 .elementor-element.elementor-element-c45f294 img{width:300px;}.elementor-81 .elementor-element.elementor-element-c45f294 > .elementor-widget-container{margin:0px 150px 0px 0px;}.elementor-81 .elementor-element.elementor-element-835e853 .elementor-menu-toggle{margin:0 auto;}.elementor-81 .elementor-element.elementor-element-835e853 .elementor-nav-menu .elementor-item{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 );}.elementor-81 .elementor-element.elementor-element-835e853 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-835e853 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-81 .elementor-element.elementor-element-835e853 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-81 .elementor-element.elementor-element-835e853 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-81 .elementor-element.elementor-element-835e853 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-81 .elementor-element.elementor-element-835e853 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-81 .elementor-element.elementor-element-835e853 .elementor-nav-menu--dropdown a, .elementor-81 .elementor-element.elementor-element-835e853 .elementor-menu-toggle{color:var( --e-global-color-accent );}.elementor-81 .elementor-element.elementor-element-835e853 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-ab0857b );}@media(max-width:1366px){.elementor-81 .elementor-element.elementor-element-376a557{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--margin-top:0px;--margin-right:0px;--margin-bottom:-330px;--margin-left:0px;--padding-top:0100px;--padding-right:100px;--padding-bottom:0px;--padding-left:100px;}.elementor-81 .elementor-element.elementor-element-c45f294 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-81 .elementor-element.elementor-element-835e853 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:1024px){.elementor-81 .elementor-element.elementor-element-376a557{--margin-top:0px;--margin-right:0px;--margin-bottom:-490px;--margin-left:0px;}.elementor-81 .elementor-element.elementor-element-835e853 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-81 .elementor-element.elementor-element-376a557{--padding-top:100px;--padding-right:25px;--padding-bottom:0px;--padding-left:25px;}.elementor-81 .elementor-element.elementor-element-835e853 .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-accent-font-size );}}/* Start custom CSS for nav-menu, class: .elementor-element-835e853 */#navbar .elementor-item, #navbar .elementor-sub-item {
    letter-spacing: 0.2em;
	 text-align: center;
	 transition: all 0.2s ease;
	 margin: 0 auto;
}
#navbar.elementor-item:before, #navbar .elementor-item:after, #navbar.elementor-sub-item:before, #navbar .elementor-sub-item:after {
    content: "";
	 position: absolute;
	 top: 0;
	 left: 0;
	 padding: 8px 0;
	 width: 100%;
	 -webkit-clip: rect(0px, 0px, 0px, 0px);
	 clip: rect(0px, 0px, 0px, 0px);
	 background: var(--e-global-color-primary);
	 color: var(--e-global-color-accent);
}
	 
#navbar .menu-item-126 .elementor-item:before, #navbar .menu-item-126 .elementor-item:after {
    content: "WHY WEB BRAINS";
}

#navbar .menu-item-125 .elementor-item:before, #navbar .menu-item-125 .elementor-item:after {
    content: "WHAT WE DO";
}

#navbar .menu-item-121 .elementor-item:before, #navbar .menu-item-121 .elementor-item:after {
    content: "OUR WORK";
}

#navbar .elementor-item:before, #navbar .elementor-sub-item:before {
	 left: -3px;
	 top: -2px;
	 text-shadow: 2px 0 #fff;
	 box-shadow: 2px 0 #fff;
}
#navbar .elementor-item:after, #navbar .elementor-sub-item:after {
	 left: 2px;
	 bottom: -2px;
	 text-shadow: -1px 0 #fff;
	 box-shadow: -1px 0 #fff;
}
#navbar .elementor-item:hover, #navbar .elementor-sub-item:hover {
	 background: var(--e-global-color-accent);
	 color: var(--e-global-color-primary);
}
#navbar .elementor-item:hover:before, #navbar .elementor-sub-item:hover:before {
	 animation: glitch-test 1.5s infinite linear alternate-reverse;
}
#navbar .elementor-item:hover:after, #navbar .elementor-sub-item:hover:after {
	 animation: glitch-test 2s infinite linear alternate;
}
 @keyframes glitch-test {
	 0% {
		 clip: rect(-3px, 600px, 0px, 0px);
	}
	 5.88235% {
		 clip: rect(0px, 600px, 0px, 0px);
	}
	 11.76471% {
		 clip: rect(-3px, 600px, 0px, 0px);
	}
	 17.64706% {
		 clip: rect(-3px, 600px, 0px, 0px);
	}
	 23.52941% {
		 clip: rect(100px, 600px, 100px, 0px);
	}
	 29.41176% {
		 clip: rect(0px, 600px, 600px, 0px);
	}
	 35.29412% {
		 clip: rect(100px, 600px, 0px, 0px);
	}
	 41.17647% {
		 clip: rect(0px, 600px, 600px, 0px);
	}
	 47.05882% {
		 clip: rect(100px, 600px, 0px, 0px);
	}
	 52.94118% {
		 clip: rect(-3px, 600px, 0px, 0px);
	}
	 58.82353% {
		 clip: rect(100px, 450px, 100px, 0px);
	}
	 64.70588% {
		 clip: rect(0px, 450px, 0px, 0px);
	}
	 70.58824% {
		 clip: rect(100px, 450px, 100px, 0px);
	}
	 76.47059% {
		 clip: rect(0px, 450px, 0px, 0px);
	}
	 82.35294% {
		 clip: rect(0px, 450px, 0px, 0px);
	}
	 88.23529% {
		 clip: rect(0px, 450px, 0px, 0px);
	}
	 94.11765% {
		 clip: rect(0px, 450px, 0px, 0px);
	}
	 100% {
		 clip: rect(0px, 450px, 0px, 0px);
	}
}/* End custom CSS */