:root {
            --primary: #1a3a8f;
            --secondary: #ff6e22;
            --dark: #1e293b;
            --light: #f8fafc;
        }

        body {
            font-family: "Montserrat", sans-serif;
            color: var(--dark);
            overflow-x: hidden;
        }

        .hero {
            background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.3)), url('./images/banner-01.jpg') no-repeat center center;
            background-size: cover;
            height: 100vh;
            min-height: 600px;

        }
        .brand-logo{
            width: 300px;
            height: 78px;
        }

        header nav a{
            font-size: 18px;
        }

        .fixed1{
            position: sticky;
            top: 0;
        }

        .hero img{
            width: 250px;
        }

        .nav-link:hover::after {
            width: 100%;
        }

        .nav-link::after {
            content: '';
            display: block;
            width: 0;
            height: 2px;
            background: var(--secondary);
            transition: width 0.3s;
        }

        .service-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        }

        .project-card:hover .project-overlay {
            opacity: 1;
        }

        .counter-item::before {
            content: '';
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 2px;
            height: 50px;
            background: rgba(255,255,255,0.2);
        }

        .counter-item:last-child::before {
            display: none;
        }

        .contact-input:focus {
            outline: none;
            box-shadow: 0 0 0 2px var(--secondary);
        }

        .mobile-menu {
            transition: all 0.3s ease;
        }

        .who-we p{
                line-height: 30px;
        }

        .ananta-gruop{
            position: relative;
        }

        .about{
            position: relative;
        }

        .under-line{
            position: absolute;
            border: 2px solid #ff772f;
            bottom: -3px;
            width: 246px;
            left: 0;
        }

        .under-line2{
            position: absolute;
            border: 2px solid #ff772f;
            bottom: 0;
            width: 290px;
            left: 0;
            margin: auto;
        }

        
        .title010{
            border-bottom: 4px solid #ff772f;
            width: 300px;
            margin: auto;
        }

         .title012{
            border-bottom: 4px solid #ff772f;
            width: 380px;
            margin: auto;
        }
        
        .ananta-associates{
            border-bottom: 4px solid #ff772f;
            width: 50%;
            margin-right: auto;
            margin-left: auto;
        }

         .ananta-groups .main{
            padding: 1rem 1rem;
         }
         .ananta-groups h3{
            line-height: 36px;
            font-size: 1.3rem;
            text-align: center;
         }
         .sub-title{
            text-align: center;
         }
         .logo-slider {
            width: 100%;
            overflow: hidden; /* Hides anything outside the container */
            background-color: #fff; /* Optional background */
            padding: 20px 0;
            }

            .slide-track {
            display: flex;
            animation: scroll 10s linear infinite; /* Auto-scroll animation */
            width: calc(250px * 10); /* Adjust based on number of slides */
            transition: all;
            }

            .slide1 {
            height: 70px; /* Height of each slide */
            width: 100%; /* Width of each slide */
            padding: 0 10px; /* Space between slides */
            box-sizing: border-box;
            }

            .slide1 img {
            width: 100%;
            height: auto;
            object-fit: contain; /* Ensures images fit nicely */
            }

            /* Keyframes for animation */
            @keyframes scroll {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%); 
            }
            
            }