.elementor-312 .elementor-element.elementor-element-c2ba908{--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;--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-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS *//* Scoped variables for header component */
.upward-digital-transformation-header {
    --upward-blue: #43bded;
}

.upward-digital-transformation-header * { box-sizing: border-box; }

/* --- Scoped Header Styles --- */
.upward-digital-transformation-header header { 
    position: fixed; 
    top: 0; 
    left: 0; /* Ensure it spans the full width */
    width: 100%; 
    z-index: 999; /* Lowered z-index slightly to be safe */
    background: rgba(13, 18, 43, 0.7); 
    backdrop-filter: blur(15px); 
    -webkit-backdrop-filter: blur(15px); /* Safari support */
    transition: all 0.3s ease; 
    padding: 1rem 0; 
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); 
    font-family: 'Manrope', 'Arial', sans-serif;
}
.upward-digital-transformation-header nav { 
    max-width: 1600px; 
    margin: 0 auto; 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    padding: 0 2rem; 
}
.upward-digital-transformation-header .logo img { 
    height: 50px; 
    display: block; /* Prevents extra space under the image */
}
.upward-digital-transformation-header .nav-links { 
    display: flex; 
    list-style: none; 
    gap: 2.5rem; 
    margin: 0; /* Reset default ul margin */
    padding: 0; /* Reset default ul padding */
}
.upward-digital-transformation-header .nav-links a { 
    color: white; 
    text-decoration: none; 
    font-weight: 500; 
    transition: color 0.3s ease; 
    position: relative; 
}
.upward-digital-transformation-header .nav-links a:hover { 
    color: var(--upward-blue); 
}
.upward-digital-transformation-header .nav-links a::after { 
    content: ''; 
    position: absolute; 
    width: 0; 
    height: 2px; 
    bottom: -5px; 
    left: 50%; 
    transform: translateX(-50%); 
    background: var(--upward-blue); 
    transition: width 0.3s ease; 
}
.upward-digital-transformation-header .nav-links a:hover::after { 
    width: 100%; 
}

/* --- FIX FOR WORDPRESS ADMIN BAR (Logged-in users) --- */
/* This is the new code that fixes the overlap */
body.admin-bar .upward-digital-transformation-header header {
    top: 32px;
}

/* --- Responsive Styles for Header --- */
@media (max-width: 782px) {
    /* Adjust header position for mobile admin bar height */
    body.admin-bar .upward-digital-transformation-header header {
        top: 46px;
    }
}

@media (max-width: 768px) {
    .upward-digital-transformation-header .nav-links { 
        display: none; /* Hides the desktop menu on mobile. You would need a separate mobile menu solution. */
    } 
    .upward-digital-transformation-header nav { 
        padding-left: 1rem; 
        padding-right: 1rem; 
    }
}/* End custom CSS */