.elementor-322 .elementor-element.elementor-element-d14cb3a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:-120px;--margin-left:0px;--margin-right:0px;--z-index:100;}.elementor-322 .elementor-element.elementor-element-d14cb3a:not(.elementor-motion-effects-element-type-background), .elementor-322 .elementor-element.elementor-element-d14cb3a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000C4;}.elementor-322 .elementor-element.elementor-element-1bf4a07{--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:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-322 .elementor-element.elementor-element-2b510d3{--display:flex;}.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-weight:var( --e-global-typography-text-font-weight );}.elementor-322 .elementor-element.elementor-element-91e341c{text-align:center;}.elementor-322 .elementor-element.elementor-element-91e341c img{width:60%;}.elementor-322 .elementor-element.elementor-element-4517307{--display:flex;--justify-content:center;}.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 );}.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 );}.elementor-322 .elementor-element.elementor-element-996072b .elementor-menu-toggle{margin:0 auto;}.elementor-322 .elementor-element.elementor-element-996072b .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:700;}.elementor-322 .elementor-element.elementor-element-996072b .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-322 .elementor-element.elementor-element-996072b .elementor-nav-menu--main .elementor-item:hover,
					.elementor-322 .elementor-element.elementor-element-996072b .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-322 .elementor-element.elementor-element-996072b .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-322 .elementor-element.elementor-element-996072b .elementor-nav-menu--main .elementor-item:focus{color:#2F6FB6;fill:#2F6FB6;}.elementor-322 .elementor-element.elementor-element-996072b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-322 .elementor-element.elementor-element-996072b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#2F6FB6;}.elementor-322 .elementor-element.elementor-element-996072b .e--pointer-framed .elementor-item:before,
					.elementor-322 .elementor-element.elementor-element-996072b .e--pointer-framed .elementor-item:after{border-color:#2F6FB6;}.elementor-322 .elementor-element.elementor-element-996072b .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#2F6FB6;}.elementor-322 .elementor-element.elementor-element-996072b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-322 .elementor-element.elementor-element-996072b .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#2F6FB6;}.elementor-322 .elementor-element.elementor-element-996072b .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-322 .elementor-element.elementor-element-996072b .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#2F6FB6;}.elementor-322 .elementor-element.elementor-element-996072b .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-322 .elementor-element.elementor-element-996072b .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-322 .elementor-element.elementor-element-996072b .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-322 .elementor-element.elementor-element-996072b .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-322 .elementor-element.elementor-element-996072b .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-322 .elementor-element.elementor-element-996072b .e--pointer-underline .elementor-item:after,
					 .elementor-322 .elementor-element.elementor-element-996072b .e--pointer-overline .elementor-item:before,
					 .elementor-322 .elementor-element.elementor-element-996072b .e--pointer-double-line .elementor-item:before,
					 .elementor-322 .elementor-element.elementor-element-996072b .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-322 .elementor-element.elementor-element-996072b .elementor-nav-menu--dropdown a, .elementor-322 .elementor-element.elementor-element-996072b .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-322 .elementor-element.elementor-element-2b0a121{--display:flex;--justify-content:center;}.elementor-322 .elementor-element.elementor-element-df54e70 .elementor-menu-toggle{margin:0 auto;}.elementor-322 .elementor-element.elementor-element-df54e70 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:700;}.elementor-322 .elementor-element.elementor-element-df54e70 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-322 .elementor-element.elementor-element-df54e70 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-322 .elementor-element.elementor-element-df54e70 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-322 .elementor-element.elementor-element-df54e70 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-322 .elementor-element.elementor-element-df54e70 .elementor-nav-menu--main .elementor-item:focus{color:#2F6FB6;fill:#2F6FB6;}.elementor-322 .elementor-element.elementor-element-df54e70 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-322 .elementor-element.elementor-element-df54e70 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#2F6FB6;}.elementor-322 .elementor-element.elementor-element-df54e70 .e--pointer-framed .elementor-item:before,
					.elementor-322 .elementor-element.elementor-element-df54e70 .e--pointer-framed .elementor-item:after{border-color:#2F6FB6;}.elementor-322 .elementor-element.elementor-element-df54e70 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#2F6FB6;}.elementor-322 .elementor-element.elementor-element-df54e70 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-322 .elementor-element.elementor-element-df54e70 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#2F6FB6;}.elementor-322 .elementor-element.elementor-element-df54e70 .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-322 .elementor-element.elementor-element-df54e70 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#2F6FB6;}.elementor-322 .elementor-element.elementor-element-df54e70 .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-322 .elementor-element.elementor-element-df54e70 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-322 .elementor-element.elementor-element-df54e70 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-322 .elementor-element.elementor-element-df54e70 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-322 .elementor-element.elementor-element-df54e70 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-322 .elementor-element.elementor-element-df54e70 .e--pointer-underline .elementor-item:after,
					 .elementor-322 .elementor-element.elementor-element-df54e70 .e--pointer-overline .elementor-item:before,
					 .elementor-322 .elementor-element.elementor-element-df54e70 .e--pointer-double-line .elementor-item:before,
					 .elementor-322 .elementor-element.elementor-element-df54e70 .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-322 .elementor-element.elementor-element-df54e70{--e-nav-menu-horizontal-menu-item-margin:calc( 15px / 2 );}.elementor-322 .elementor-element.elementor-element-df54e70 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:15px;}.elementor-322 .elementor-element.elementor-element-df54e70 .elementor-nav-menu--dropdown a, .elementor-322 .elementor-element.elementor-element-df54e70 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-322 .elementor-element.elementor-element-2b510d3{--width:20%;}.elementor-322 .elementor-element.elementor-element-4517307{--width:60%;}.elementor-322 .elementor-element.elementor-element-2b0a121{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-322 .elementor-element.elementor-element-4517307{--width:70%;}.elementor-322 .elementor-element.elementor-element-2b0a121{--width:70%;}}@media(max-width:1024px){.elementor-322 .elementor-element.elementor-element-1bf4a07{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-322 .elementor-element.elementor-element-91e341c{text-align:center;}.elementor-322 .elementor-element.elementor-element-91e341c img{width:100%;}}@media(max-width:767px){.elementor-322 .elementor-element.elementor-element-2b510d3{--width:47%;}.elementor-322 .elementor-element.elementor-element-91e341c img{width:100%;}.elementor-322 .elementor-element.elementor-element-4517307{--width:47%;}.elementor-322 .elementor-element.elementor-element-2b0a121{--width:47%;}}/* Start custom CSS for container, class: .elementor-element-4517307 *//* =========================
   MAIN DROPDOWN BOX
========================= */
.elementor-nav-menu--dropdown {
    background: #2f6fb6 !important;
    border-radius: 20px !important;
    padding: 15px 0 !important;
    min-width: 270px !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}
/* =========================
   🔥 MAIN MENU HOVER (B2B / DIGITAL MARKETING)
========================= */
.elementor-nav-menu--dropdown > li:hover > a,
.elementor-nav-menu--dropdown > li > a:hover {
    background: #f4b400 !important;
    color: #000 !important;
    border-radius: 12px;
    margin: 8px 10px;
}

/* =========================
   PARENT ITEMS
========================= */
.elementor-nav-menu--dropdown > li > a {
    background: transparent !important;
    color: #fff !important;
    font-weight: 600;
}

/* =========================
   SUBMENU
========================= */
.elementor-nav-menu--dropdown .sub-menu {
    padding: 0 !important;
}

/* =========================
   INNER ITEMS
========================= */
.elementor-nav-menu--dropdown .sub-menu li a {
    color: #fff !important;
    padding: 12px 20px !important;
    display: block;
    border-bottom: 1px solid rgba(255,255,255,0.4);
    transition: all 0.3s ease;
}

/* REMOVE LAST BORDER */
.elementor-nav-menu--dropdown .sub-menu li:last-child a {
    border-bottom: none;
}

/* =========================
   🔥 HOVER EFFECT
========================= */
.elementor-nav-menu--dropdown .sub-menu li:hover > a,
.elementor-nav-menu--dropdown .sub-menu li a:hover {
    background: #f4b400 !important;
    color: #000 !important;
    border-radius: 12px;
    margin: 8px 10px;
    padding-left: 20px !important;
}

/* =========================
   ACTIVE ITEM (DEFAULT WP)
========================= */
.elementor-nav-menu--dropdown .sub-menu li.current-menu-item > a,
.elementor-nav-menu--dropdown .sub-menu li.current_page_item > a {
    background: #f4b400 !important;
    color: #000 !important;
    border-radius: 12px;
    margin: 8px 10px;
}

/* =========================
   🎯 ACTIVE ONLY FOR SERVICES
   (Add class: services-menu)
========================= */
.elementor-nav-menu--dropdown .menu-item.services-menu > a,
.elementor-nav-menu--dropdown .menu-item.services-menu.current-menu-item > a,
.elementor-nav-menu--dropdown .menu-item.services-menu.current-menu-ancestor > a {
    background: #f4b400 !important;
    color: #000 !important;
    border-radius: 12px;
    margin: 8px 10px;
}

/* =========================
   FIX SPACING
========================= */
.elementor-nav-menu--dropdown li {
    margin: 0 !important;
    padding: 0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b0a121 *//* =========================
   GRADIENT COLORS
========================= */
:root{
    --grad1: #2AE5F9;
    --grad2: #2AE5F9;
    --grad3: #ffeb3b;
    --grad4: #03a9f4;
}

/* =========================
   LOGIN BUTTON STYLE
========================= */
#menu-1-df54e70 li a[href*="login"] {
    padding: 10px 22px;
    border-radius: 40px;
    font-weight: 600;
    color: #000 !important;
    text-decoration: none;
    display: inline-block;

    background: linear-gradient(90deg, var(--grad1), var(--grad2), var(--grad3), var(--grad4));
    background-size: 400%;
    position: relative;
    z-index: 1;

    animation: animate 10s linear infinite;
}

/* =========================
   ANIMATION
========================= */
@keyframes animate {
    0%{
        background-position: 0%;
    }
    100%{
        background-position: 400%;
    }
}

/* =========================
   GLOW EFFECT
========================= */
#menu-1-df54e70 li a[href*="login"]::before {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    z-index: -1;

    background: linear-gradient(90deg, var(--grad1), var(--grad2), var(--grad3), var(--grad4));
    background-size: 400%;
    border-radius: 40px;

    filter: blur(18px);
    opacity: 0.6;

    animation: animate 10s linear infinite;
}

/* =========================
   HOVER EFFECT
========================= */
#menu-1-df54e70 li a[href*="login"]:hover {
    transform: scale(1.05);
}

/* =========================
   MOBILE FIX
========================= */
@media (max-width: 768px) {
    #menu-1-df54e70 li a[href*="login"] {
        padding: 8px 18px;
        font-size: 14px;
    }
}

/* =========================
   GRADIENT COLORS
========================= */
:root{
    --grad1: #2AE5F9;
    --grad2: #2AE5F9;
    --grad3: #ffeb3b;
    --grad4: #03a9f4;
}

/* =========================
   LOGIN + LOGOUT BUTTON STYLE
========================= */
#menu-1-df54e70 li a[href*="login"],
#menu-1-df54e70 li a[href*="logout"] {
    padding: 10px 22px;
    border-radius: 40px;
    font-weight: 600;
    color: #000 !important;
    text-decoration: none;
    display: inline-block;

    background: linear-gradient(90deg, var(--grad1), var(--grad2), var(--grad3), var(--grad4));
    background-size: 400%;
    position: relative;
    z-index: 1;

    animation: animate 10s linear infinite;
}

/* =========================
   ANIMATION
========================= */
@keyframes animate {
    0%{
        background-position: 0%;
    }
    100%{
        background-position: 400%;
    }
}

/* =========================
   GLOW EFFECT
========================= */
#menu-1-df54e70 li a[href*="login"]::before,
#menu-1-df54e70 li a[href*="logout"]::before {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    z-index: -1;

    background: linear-gradient(90deg, var(--grad1), var(--grad2), var(--grad3), var(--grad4));
    background-size: 400%;
    border-radius: 40px;

    filter: blur(18px);
    opacity: 0.6;

    animation: animate 10s linear infinite;
}

/* =========================
   HOVER EFFECT
========================= */
#menu-1-df54e70 li a[href*="login"]:hover,
#menu-1-df54e70 li a[href*="logout"]:hover {
    transform: scale(1.05);
}

/* =========================
   MOBILE FIX
========================= */
@media (max-width: 768px) {
    #menu-1-df54e70 li a[href*="login"],
    #menu-1-df54e70 li a[href*="logout"] {
        padding: 8px 18px;
        font-size: 14px;
    }
}/* End custom CSS */