.logo-carousel {
            /* overflow: hidden; */
            position: relative;
            /* background: rgba(255, 255, 255, 0.05); */
            /* border-radius: 15px; */
            padding: 40px 0;
            backdrop-filter: blur(10px);
            /* border: 1px solid rgba(255, 255, 255, 0.1); */
        }

        .logo-track {
            display: flex;
            animation: scroll 30s linear infinite;
            width: calc(300px * 16); /* Adjust based on number of logos */
        }

        .logo-item {
            width: auto;
            height: auto;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 20px;
            background: white;
            border-radius: 12px;
            transition: all 0.3s ease;
            backdrop-filter: blur(5px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            position: relative;
            overflow: hidden;
        }

        .logo-item::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
            transition: left 0.5s;
        }

        .logo-item:hover::before {
            left: 100%;
        }

        .logo-item:hover {
            transform: translateY(-5px);
            /* background: rgba(255, 255, 255, 0.15); */
            box-shadow: 0 10px 30px rgb(233 199 14 / 94%);
        }

        .logo-item img {
            max-width: 120px;
            max-height: 60px;
            filter: grayscale(100%) brightness(1.5);
            transition: all 0.3s ease;
        }

        .logo-item:hover img {
            filter: grayscale(0%) brightness(1);
            transform: scale(1.1);
        }

        /* Fake company logos using text */
        .logo-text {
            font-size: 1.5rem;
            font-weight: bold;
            color: #fff;
            text-align: center;
            letter-spacing: 1px;
        }

        @keyframes scroll {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%);
            }
        }

        .logo-carousel:hover .logo-track {
            animation-play-state: paused;
        }

        /* Gradient overlays for smooth edges */
        .logo-carousel::before,
        .logo-carousel::after {
            content: '';
            position: absolute;
            top: 0;
            width: 100px;
            height: 100%;
            z-index: 2;
            pointer-events: none;
        }

        .logo-carousel::before {
            left: 0;
            background: linear-gradient(to right, rgba(26, 26, 26, 1), transparent);
        }

        .logo-carousel::after {
            right: 0;
            background: linear-gradient(to left, rgba(26, 26, 26, 1), transparent);
        }

        /* Responsive */
        @media (max-width: 768px) {
            .hero-content {
                grid-template-columns: 1fr;
                gap: 40px;
                text-align: center;
            }

            .hero-text h1 {
                font-size: 2.5rem;
            }

            .logo-item {
                min-width: 250px;
            }

            .logo-track {
                width: calc(250px * 16);
            }
        }

        /* Additional floating animation */
        .floating {
            animation: floating 6s ease-in-out infinite;
        }

        @keyframes floating {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-20px); }
        }

/* .logo-carousel{
    margin-left: 12%;
    margin-right: 11.5%;
} */



#mainmenu a {
  padding: 23px 30px;
  position: relative;
  color: whitesmoke;
  text-decoration: none;
  transition: color 0.3s;
}

#mainmenu a::after {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 30%;
  width: 40%;
  height: 2px;
  background: #fbd91b;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.3s ease;
}

#mainmenu a:hover::after {
  transform: scaleX(1);
}

#mainmenu a:hover {
  color: #fbd91b;
}

.h-phone::after{
    content: "";
  position: absolute;
  bottom: -10px;
  left: 30%;
  width: 100%;
  height: 2px;
  background: #fbd91b;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.3s ease;
}

.h-phone:hover::after{
    transform: scaleX(1);
}
.h-phone:hover{
    cursor: pointer;
}



.client-header{
    width: 20%;
    text-align: center;
    border: solid;
    color:#fbd91b !important;
    width: 20%;
    margin: 0 auto;
    display: block;
    border-radius: 20px;
    transition: transform 0.3s ease-in-out;
}

.client-header:hover{
    cursor: pointer;
    transform: translateY(-5px);
}

@media (max-width: 800px){
    .client-header{
        width: 67%;
    }
}


.achievement-div{
    border: solid #fbd91b; 
    border-radius: 20px; 
    padding: 2rem 2rem;
    box-shadow: 0px 0px 15px gold;
    border-style: double;
    background-color: #2a2828;
    opacity: 0.9;
}

@media (max-width:500px){
    .achievement-div{
        width: 20rem;
    }
}

.achievement-section{
    border-bottom: solid #fbd91b; 
    /* border-bottom-style: dashed; */
    background-image: url('../images/background/bgachievecopy.webp');
}

.achievement-div p{
    color: white;
}

.achievement-div h2, h3 ,h5{
    color: white;
}