.nav-link.active {
            color: white;
            background-color: rgba(43, 2, 13, 1);
            padding: 0.5rem 1rem;
            border-radius: 0.25rem;
        }

        #home {
            position: relative;
            /* Needed for positioning pseudo-elements */
            background-image: url("/images/bg12.jpg");
            background-size: cover;
            background-position: center;
            height: 70vh;
            background-repeat: no-repeat;
        }

        #home::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            /* Dark overlay */
            z-index: 1;
            /* Place the overlay below the content */
        }

        #home .container {
            position: relative;
            z-index: 2;
            /* Place text above the overlay */
        }

        /* testimonial start*/
        .wrapper-body {
            display: flex;
            padding: 0 35px;
            margin: 10px;
            align-items: center;
            justify-content: center;
        }

        .wrapper-2 {
            max-width: 1100px;
            width: 100%;
            position: relative;
        }

        .wrapper-2 i {
            top: 50%;
            height: 50px;
            width: 50px;
            cursor: pointer;
            font-size: 1.25rem;
            position: absolute;
            text-align: center;
            line-height: 50px;
            background: #fff;
            border-radius: 50%;
            box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23);
            transform: translateY(-50%);
            transition: transform 0.1s linear;
        }

        .wrapper-2 i:active {
            transform: translateY(-50%) scale(0.85);
        }

        .wrapper-2 i:first-child {
            left: -22px;
        }

        .wrapper-2 i:last-child {
            right: -22px;
        }

        .wrapper-2 .luk-carousel {
            display: grid;
            grid-auto-flow: column;
            /* grid-auto-columns: calc((100% / 3) - 12px); */
            grid-auto-columns: calc((100% / 3));
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            gap: 16px;
            scroll-behavior: smooth;
            scrollbar-width: none;
        }

        .luk-carousel::-webkit-scrollbar {
            display: none;
        }

        .luk-carousel.no-transition {
            scroll-behavior: auto;
        }

        .luk-carousel.dragging {
            scroll-snap-type: none;
            scroll-behavior: auto;
        }

        .luk-carousel.dragging .luk-card {
            cursor: grab;
            user-select: none;
        }

        .luk-carousel :where(.luk-card) {
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .luk-carousel .luk-card {
            scroll-snap-align: start;
            line-height: 1.2;
            /* height: 350px; */
            height: auto;
            list-style: none;
            background: #faf9f9;
            cursor: pointer;
            padding-top: 15px;
            padding-bottom: 10px;
            flex-direction: column;
            padding: 20px;
            /* border: 2px solid rgb(0, 0, 121); */
            font-size: 18px;
            font-weight: 500;
        }

        @media screen and (max-width: 950px) {
            .wrapper-2 .luk-carousel {
                /* grid-auto-columns: calc((100% / 2) - 9px); */
                grid-auto-columns: calc((100% / 2));
                padding-bottom: 5px;
                /* gap: 18px; */
            }
        }

        @media screen and (max-width: 600px) {
            .wrapper-2 .luk-carousel {
                grid-auto-columns: 100%;
                padding: 0;
            }
        }

        /* testimonial End*/

        #about {
            position: relative;
            /* Needed for positioning pseudo-elements */
            background-image: url("/images/aboutus.png");
            background-size: cover;
            background-position: center;
            height: 55vh;
            background-repeat: no-repeat;
        }

        #about::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.5);
            /* Dark overlay */
            z-index: 1;
            /* Place the overlay below the content */
        }

        #about .container {
            position: relative;
            z-index: 2;
            /* Place text above the overlay */
        }

        .about_us_content {
            font-family: sans-serif;
            font-size: medium;
            text-align: center;
            margin: 20px;
            color: #333;
            line-height: 1.8;
        }

        .about_us_content ul {
            list-style-type: none;
            padding: 0;
        }

        .about_us_content ul li {
            margin: 10px 0;
        }

        .input_field {
            border-bottom: 2px solid black;
            outline: none;
        }