body,
        h1,
        p {
            margin: 0;
            padding: 0;
            font-family: 'Lato', sans-serif;
            justify-content: center;
            align-items: center;

        }

        /* Top bar */
        .top-bar {
            width: 100%;
            height: 80px;
            background-color: #2c3e50;
            color: white;
            display: flex;
            align-items: center;
            justify-content: space-between;
            /* Space between left and right content */
            padding: 0 20px;
            /* Padding on both sides */
            position: fixed;
            top: 0;
            left: 0;
            font-size: 20px;
            font-weight: bold;
            z-index: 1000;

        }

        .top-bar-ToolLogo {
            width: 20%;
            /* Adjust image size */
            height: 95%;
            /* Adjust image size */
            /*border-radius: 80%; /* Optional: Make the image circular */
            object-fit: cover;
            /* Ensure the image fits properly */
            transition: transform 0.3s ease;
            /* Add hover effect */
            margin-right: 10px;
            /*margin-top: 25px;*/
            cursor: pointer;
        }

        .top-bar-ToolLogo:hover {
            /* transform: skewX(5deg); */
            transform: scaleX(1.02);
            transition: transform 0.3s ease;
        }



        /* Image on the left extreme */
        .top-bar-image {
            width: 70px;
            /* Adjust image size */
            height: 70px;
            /* Adjust image size */
            border-radius: 50%;
            /* Optional: Make the image circular */
            object-fit: cover;
            /* Ensure the image fits properly */
            transition: transform 0.3s ease;
            /* Add hover effect */
            margin-left: 10px;
            margin-right: 40px;
            /*margin-top: 25px; */
        }

        .top-bar-image:hover {
            transform: scale(1.1);
        }

        .title {
            flex: 0.94;
            /* Take up remaining space */
            /*text-align: center; /* Center the title */
            font-size: 30px;
            margin-right: 20px;
            white-space: nowrap;
            /* Prevent text from wrapping */
            overflow: hidden;
            /* Hide overflow */
            text-overflow: ellipsis;
            /* Add ellipsis (...) for overflow */

        }

        /* Navigation links on the right */
        .nav-links {
            display: flex;
            gap: 25px;
            margin-left: 0;
            /* Push links to the right */
        }

        .nav-links a {
            color: #ffb08a;
            text-decoration: none;
            font-size: 18px;
            transition: color 0.3s ease;
        }

        .nav-links a:hover {
            color: #3498db;
        }

        .nav-links a.active {
            color: #3498db;
            font-weight: bold;
            text-decoration: underline;
        }



        .main-content {
            margin-top: 5px;
            padding: 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: calc(100vh - 50px);
        }

        /* Container */
        .container {
            width: auto;
            max-width: 1500px;
            padding: 30px;
            background-color: white;
            border-radius: 12px;
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
            text-align: center;
        }

        /* Image and text container */
        .image-text-container {
            display: flex;
            align-items: center;
            gap: 20px;
        }

        .table-container {
            box-shadow: 0 3px 10px 0 #aaa;
            padding: 15px;
            overflow-x: auto;
            /* Allows horizontal scrolling for tables */
        }

        /* Contact logo */
        .contact_logo {
            width: auto;
            height: 200px;
            transition: transform 0.3s ease;
        }

        .contact_logo:hover {
            transform: scale(1.1);
        }


        /* Text */
        .text {
            flex: 1;
            font-size: 1.1em;
            color: #34495e;
            line-height: 1.6;
            text-align: left;
            /* Align text to the left */
            flex: 1;
            /* Allow text to take remaining space */
            overflow: hidden;
            /* Prevent text from overflowing */


        }

        .IITH_logo {

            width: auto;
            height: 200px;
            transition: transform 0.3s ease;
        }

        .IITH_logo:hover {
            transform: scale(1.1);
        }

        .team {
            text-align: left
        }

        .query {
            text-align: left
        }


        .container2 {
            width: auto;
            max-width: 1500px;
            padding: 30px;
            background-color: white;
            border-radius: 12px;
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
            text-align: center;
        }

        .feedback {
            text-align: left
        }

        .feedback-button {
            background-color: #ffb08a;
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 5px;
            cursor: pointer;
            font-size: 16px;
        }

        .feedback-button:hover {
            background-color: #ff9460;
        }

        @media (max-width: 768px) {

            /* Top bar */
            .top-bar {
                height: auto;
                /* Allow the top bar to expand */
                flex-direction: column;
                /* Stack elements vertically */
                padding: 10px;
                /* Add padding for better spacing */
                align-items: center;
                /* Center-align all items */
            }

            /* Title */
            .title {
                text-align: center;
                /* Center-align the title */
                font-size: 24px;
                /* Smaller title for mobile */
                margin: 10px 0;
                /* Add space around the title */
            }

            /* Navigation links */
            .nav-links {
                flex-direction: row;
                /* Keep links horizontal */
                gap: 10px;
                /* Reduce space between links */
                margin: 10px 0;
                /* Add space around links */
                justify-content: center;
                /* Center-align links */
            }

            /* Main content */
            .main-content {
                margin-top: 200px;
                /* Increased for mobile */
                padding: 10px;
                /* Reduce padding for smaller screens */
            }



        }

        /* Responsive design */
        @media (max-width: 768px) {
            .image-text-container {
                flex-direction: column;
                align-items: center;
            }

            .contact_logo {
                height: 200px;
            }

            .text {
                text-align: center;
            }

            .IITH_logo {
                height: 200px;
            }


        }