.elementor-187 .elementor-element.elementor-element-829cc43{--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:space-between;--align-items:center;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-187 .elementor-element.elementor-element-955c808 .elementor-icon-wrapper{text-align:center;}.elementor-187 .elementor-element.elementor-element-955c808 .elementor-icon{font-size:40px;}.elementor-187 .elementor-element.elementor-element-955c808 .elementor-icon svg{height:40px;}.elementor-187 .elementor-element.elementor-element-955c808 .elementor-icon-wrapper svg{width:auto;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{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-187 .elementor-element.elementor-element-f9e3f7f .elementor-menu-toggle{margin-left:auto;}.elementor-187 .elementor-element.elementor-element-f9e3f7f .elementor-nav-menu .elementor-item{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-187 .elementor-element.elementor-element-f9e3f7f .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );padding-left:0px;padding-right:0px;}.elementor-187 .elementor-element.elementor-element-f9e3f7f .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-primary );}.elementor-187 .elementor-element.elementor-element-f9e3f7f{--e-nav-menu-horizontal-menu-item-margin:calc( 30px / 2 );}.elementor-187 .elementor-element.elementor-element-f9e3f7f .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:30px;}.elementor-187 .elementor-element.elementor-element-f9e3f7f .elementor-nav-menu--dropdown a, .elementor-187 .elementor-element.elementor-element-f9e3f7f .elementor-menu-toggle{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-187 .elementor-element.elementor-element-f9e3f7f .elementor-nav-menu--dropdown{background-color:var( --e-global-color-primary );}.elementor-187 .elementor-element.elementor-element-f9e3f7f .elementor-nav-menu--dropdown a:hover,
					.elementor-187 .elementor-element.elementor-element-f9e3f7f .elementor-nav-menu--dropdown a:focus,
					.elementor-187 .elementor-element.elementor-element-f9e3f7f .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-187 .elementor-element.elementor-element-f9e3f7f .elementor-nav-menu--dropdown a.highlighted,
					.elementor-187 .elementor-element.elementor-element-f9e3f7f .elementor-menu-toggle:hover,
					.elementor-187 .elementor-element.elementor-element-f9e3f7f .elementor-menu-toggle:focus{color:var( --e-global-color-primary );}.elementor-187 .elementor-element.elementor-element-f9e3f7f .elementor-nav-menu--dropdown a:hover,
					.elementor-187 .elementor-element.elementor-element-f9e3f7f .elementor-nav-menu--dropdown a:focus,
					.elementor-187 .elementor-element.elementor-element-f9e3f7f .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-187 .elementor-element.elementor-element-f9e3f7f .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-61ac04b );}.elementor-187 .elementor-element.elementor-element-f9e3f7f .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-primary );background-color:var( --e-global-color-61ac04b );}.elementor-187 .elementor-element.elementor-element-f9e3f7f .elementor-nav-menu--dropdown a{padding-left:0px;padding-right:0px;}.elementor-187 .elementor-element.elementor-element-f9e3f7f .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-187 .elementor-element.elementor-element-f9e3f7f .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:20px !important;}.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-widget-nav-menu .elementor-nav-menu .elementor-item{line-height:var( --e-global-typography-primary-line-height );}}@media(max-width:767px){.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{line-height:var( --e-global-typography-primary-line-height );}}/* Start custom CSS for container, class: .elementor-element-829cc43 */.main-header{
    position: fixed;
    z-index: 9999;
    padding-top: 20px;
    padding-bottom: 20px;
    background: white;
}

/*
** Setting the logo colour
*/
.uncoded-logo svg path{
    fill: #000 !important;
}
/*
** Setting the logo colour
*/   
.main-header a {
    color: 000 !important;
}

/*
** Colour Changes - Header bg
*/
/* Services */
.page-id-81 .main-header,
/* Strategy */
.page-id-1891 .main-header,
/* Design */
.page-id-374 .main-header,
/* Delivery */
.page-id-1894 .main-header,
/* Occupation */
.page-id-1889 .main-header,
/* About */
.page-id-413 .main-header {
    background: black;
}
/* Experience */
.page-id-6005 .main-header {
    background: transparent;
}

.main-header.scrolled {
  background: #000;
}

/*
** Setting the logo colour
*/
/* Experience */
.page-id-6005 .main-header .uncoded-logo svg path,
.page-id-6005 .main-header .elementor-menu-toggle svg path,
/* Services */
.page-id-81 .main-header .uncoded-logo svg path,
.page-id-81 .main-header .elementor-menu-toggle svg path,
/* Strategy */
.page-id-1891 .main-header .uncoded-logo svg path,
.page-id-1891 .main-header .elementor-menu-toggle svg path,
/* Design */
.page-id-374 .main-header .uncoded-logo svg path,
.page-id-374 .main-header .elementor-menu-toggle svg path,
/* Delivery */
.page-id-1894 .main-header .uncoded-logo svg path,
.page-id-1894 .main-header .elementor-menu-toggle svg path,
/* Occupation */
.page-id-1889 .main-header .uncoded-logo svg path,
.page-id-1889 .main-header .elementor-menu-toggle svg path,
/* About */
.page-id-413 .main-header .uncoded-logo svg path,
.page-id-413 .main-header .elementor-menu-toggle svg path{
    fill: #fff !important;
}

/*
** Setting the link colour
*/
/* Experience */
.page-id-6005 .main-header a,
/* Services */
.page-id-81 .main-header a,
/* Strategy */
.page-id-1891 .main-header a,
/* Design */
.page-id-374 .main-header a,
/* Delivery */
.page-id-1894 .main-header a,
/* Occupation */
.page-id-1889 .main-header a,
/* About */
.page-id-413 .main-header a {
    color: #fff !important;
}

.main-header .elementor-menu-toggle {
    background: transparent !important;
}

/*
** Styling the dropdown menu
*/
.elementor-nav-menu--dropdown {
    background: rgba(0,0,0,0.9) !important;
    z-index: 99;
}
/*
** Styling the dropdown menu links
*/
.main-header .elementor-nav-menu--dropdown a{
    margin: 0 !important;
    padding: 12px 24px !important;
    border-inline-start: 0 !important;
    width: auto;
    display: flex;
    flex-direction: row;
    gap: 8px;
	font-size: 1.4rem !important;
    line-height: 2.4 !important;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

/*
** Styling the active dropdown menu link
*/
.main-header .elementor-nav-menu--dropdown a.elementor-item-active{
    color: #000 !important;
}

/*
** Hover state for the dropdown menu links
*/
.main-header .elementor-nav-menu--dropdown a:hover{
    color: #000 !important;
}

/*
** Hover state for the active dropdown menu links
*/
.elementor-nav-menu a:hover::before,
.main-header .elementor-nav-menu--dropdown a.elementor-item-active::before {
    color: #000 !important;
}

/*
** Removing the underline
*/
.main-header .elementor-nav-menu--dropdown a::after{
    content: none !important;
}

/*
** Adding numbers to the services list
*/
.elementor-nav-menu > li.menu-item-has-children:first-child > ul.sub-menu {
  counter-reset: item;
}
.elementor-nav-menu > li.menu-item-has-children:first-child > ul.sub-menu > li a::before {
    counter-increment: item;
    content: counter(item) "\00a0\00a0/";
    display: flex;
    width: auto;
    color: #fff;
    font-size: 1.3rem !important;
    line-height: 1.7 !important;
    transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}
/* Remove number on last item */
.elementor-nav-menu > li.menu-item-has-children:first-child > ul.sub-menu > li:last-child a::before {
  content: "";
}

/*
** Glitch effect for the logo
*/
.uncoded-logo.glitch-active::before,
.uncoded-logo.glitch-active::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  background-repeat: no-repeat;
  background-size: contain;
  /*mix-blend-mode: screen;*/
  pointer-events: none;
  z-index: 2;
}
.uncoded-logo.glitch-active::before {
  filter: drop-shadow(-2px 0 red);
  transform: translate(-1px, -1px);
  animation: glitch-layer1 0.3s steps(2, end) infinite;
}
.uncoded-logo.glitch-active::after {
  filter: drop-shadow(2px 0 cyan);
  transform: translate(1px, 1px);
  animation: glitch-layer2 0.3s steps(2, end) infinite;
}
.uncoded-logo.glitch-active img,
.uncoded-logo.glitch-active svg {
  animation: glitch-base 0.3s steps(2, end) infinite;
  opacity: 0.85;
}
@keyframes glitch-base {
  0% { transform: skewX(0deg); }
  20% { transform: skewX(2deg) translateY(-1px); }
  40% { transform: skewX(-2deg) translateX(1px); }
  60% { transform: skewX(2deg) translateY(1px); }
  80% { transform: skewX(-2deg) translateX(-1px); }
  100% { transform: skewX(0deg); }
}
@keyframes glitch-layer1 {
  0% { transform: translate(-2px, 0); opacity: 1; }
  50% { transform: translate(2px, -1px); opacity: 0.5; }
  100% { transform: translate(-1px, 1px); opacity: 1; }
}
@keyframes glitch-layer2 {
  0% { transform: translate(2px, 0); opacity: 1; }
  50% { transform: translate(-2px, 1px); opacity: 0.5; }
  100% { transform: translate(1px, -1px); opacity: 1; }
}

@media only screen and (min-width: 1024px) {
    .uncoded-logo {
        position: relative;
        display: inline-block;
    }
    /*
    ** Setting the logo height
    */
    .uncoded-logo,
    .uncoded-logo .elementor-icon-wrapper{
        height: 40px !important;
    }
    .uncoded-logo svg {
      display: block;
      width: 100%;
      height: auto;
    }

}/* End custom CSS */