/* Fixed top bar */
.page-wrapper {
    position: relative; /* Ensure this wraps around your content */
    padding-top: 120px; /* Create space at the top for the fixed header */
}
.top-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999; /* High z-index to keep it on top */
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 60px 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); /* Optional: Add shadow for distinction */
    margin-top: 0; /* Ensure no top margin */
    background: linear-gradient(to bottom, #ffffff 0%, #000000 1%);
}
.Logonewnew {
    position: absolute;
    top: -8px; /* adjust for placement in header */
    left: 250px;
}
.logo {
    position: relative; /* allows you to move it with top/left */
    top: -150px; /* move up by 10px */
    /* optional adjustments */
    left: 0px;
    display: inline-block; /* make sure it behaves nicely */
    width: 150px; /* increase to make bigger */
    height: auto; /* keep proportions */
    display: block; /* removes inline spacing */
}

.Logonew {
    position: absolute;
    top: 0px; /* adjust for placement in header */
    left: 250px;
}
.Logonew .logo-link img {
    transition: transform 0.3s ease, opacity 0.3s ease;
    cursor: pointer;
}

.Logonew .logo-link img:hover {
    transform: scale(1.08);
    opacity: 0.9;
}

.Logo1-img {
    width: 150px; /* increase to make bigger */
    height: auto; /* keep proportions */
    display: block; /* removes inline spacing */
}
.Logo123-img {
    width: 200px; /* adjust size */
    height: auto;
    position: absolute;
    bottom: -40px; /* distance from bottom of section */
    left: -300px; /* distance from left of section */
    display: block;
    z-index: 10; /* make sure it’s above background but below other elements if needed */
}

.company-name {
    font-size: 35px;
    font-weight: bold;
    position: relative;
    color: #dad3d3;
    font-family: "Raleway", sans-serif;
    margin-left: 160px;
    z-index: 1000;
    top: 95px; /* Adjust top margin for logo */
}
.button-wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
    z-index: 1000;
    margin-right: 100px;
}
.Logonewlocal {
    position: absolute;
    top: -2px; /* adjust for placement in header */
    left: 250px;
}
.Logonewlocal .logo-link img {
    transition: transform 0.3s ease, opacity 0.3s ease;
    cursor: pointer;
}

.Logonewlocal .logo-link img:hover {
    transform: scale(1.08);
    opacity: 0.9;
}

.Logonewmove {
    position: absolute;
    top: -2px; /* adjust for placement in header */
    left: 250px;
}
.Logonewmove .logo-link img {
    transition: transform 0.3s ease, opacity 0.3s ease;
    cursor: pointer;
}

.Logonewmove .logo-link img:hover {
    transform: scale(1.08);
    opacity: 0.9;
}

.Logonewpack {
    position: absolute;
    top: -2px; /* adjust for placement in header */
    left: 250px;
}
.Logonewpack .logo-link img {
    transition: transform 0.3s ease, opacity 0.3s ease;
    cursor: pointer;
}

.Logonewpack .logo-link img:hover {
    transform: scale(1.08);
    opacity: 0.9;
}

.Logonewfaq {
    position: absolute;
    top: -2px; /* adjust for placement in header */
    left: 250px;
}
.Logonewfaq .logo-link img {
    transition: transform 0.3s ease, opacity 0.3s ease;
    cursor: pointer;
}

.Logonewfaq .logo-link img:hover {
    transform: scale(1.08);
    opacity: 0.9;
}
@media screen and (max-width: 1024px) {
    .Logonewnew {
        position: absolute;
        top: -2px; /* adjust for placement in header */
        left: 0px;
    }
    .logo {
        position: relative; /* allows you to move it with top/left */
        top: -84px; /* move up by 10px */
        /* optional adjustments */
        left: -5px;
        display: inline-block; /* make sure it behaves nicely */
        width: 88px; /* increase to make bigger */
        height: auto; /* keep proportions */
        display: block; /* removes inline spacing */
    }
}