    <style>
        /* Basic reset */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body, html {
            font-family: Arial, sans-serif;
            scroll-behavior: smooth;
        }

		.topnav {
		  overflow: hidden;
		  background-color: #333;
		  position: fixed;
		  width: 100%;
		  top: 0;
		  z-index: 1000;
		}

		.topnav a {
		  float: left;
		  display: block;
		  color: #f2f2f2;
		  text-align: center;
		  padding: 14px 16px;
		  text-decoration: none;
		  font-size: 17px;
		}

		.topnav a:hover {
		  background-color: #ddd;
		  color: black;
		}

		.topnav a.active {
		  background-color: #04AA6D;
		  color: white;
		}

		.topnav .icon {
		  display: none;
		}

		@media screen and (max-width: 600px) {
		  .topnav a:not(:first-child) {display: none;}
		  .topnav a.icon {
			float: right;
			display: block;
		  }
		}

		@media screen and (max-width: 600px) {
		  .topnav.responsive {position: relative;}
		  .topnav.responsive .icon {
			position: absolute;
			right: 0;
			top: 0;
		  }
		  .topnav.responsive a {
			float: none;
			display: block;
			text-align: left;
		  }
		}

        /* Slider */
        #slider {
            margin-top: 80px;
            position: relative;
            width: 100%;
            max-height: 400px;
            overflow: hidden;
        }

        #slider img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: none;
        }

        #slider img.active {
            display: block;
        }

        .slider-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.5);
            border: none;
            color: white;
            font-size: 30px;
            padding: 10px;
            cursor: pointer;
            border-radius: 50%;
        }

        #slider .prev {
            left: 10px;
        }

        #slider .next {
            right: 10px;
        }

        /* Sections */
        section {
            padding: 30px 20px;
            background-color: #f2f2f2;
        }

        .section-container {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
        }

        .section-text {
            width: 50%;
        }

        .section-carousel {
            width: 48%;
        }

        h2 {
            color: #D32F2F; /* Red */
            text-transform: uppercase;
            margin-bottom: 20px;
        }

        p {
            color: #000;
            line-height: 1.6;
        }

        /* Scroll to Top Button */
        #topBtn {
            position: fixed;
            bottom: 20px;
            right: 20px;
            display: none;
            background-color: #007BFF;
            color: white;
            border: none;
            padding: 10px 20px;
            cursor: pointer;
            border-radius: 50px;
            font-size: 16px;
            transition: background-color 0.3s;
        }

        #topBtn:hover {
            background-color: #0056b3;
        }

        /* Section Image Carousels */
        .carousel {
            position: relative;
            max-width: 100%;
            overflow: hidden;
            margin-top: 20px;
        }

        .carousel img {
            width: 97%;
            max-height: 350px;
            display: none;
            object-fit: auto;
			border-radius: 10px;
			border: 1px solid #888;
			padding: 5px;
        }

        .carousel img.active {
            display: block;
        }

        .carousel .prev, .carousel .next {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(0, 0, 0, 0.1);
            border: none;
            color: white;
            font-size: 20px;
            padding: 8px;
            cursor: pointer;
            border-radius: 50%;
        }

        .carousel .prev {
            left: 10px;
        }

        .carousel .next {
            right: 10px;
        }

        /* Contact Form Styling */
        #contact form {
            max-width: 600px;
            margin: auto;
            background: white;
            padding: 30px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        }

        #contact label {
            display: block;
            margin-bottom: 8px;
            font-weight: bold;
        }

        #contact input[type="text"],
        #contact input[type="email"],
        #contact textarea {
            width: 100%;
            padding: 10px;
            margin-bottom: 20px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }

        #contact input[type="submit"] {
            background-color: #D32F2F;
            color: white;
            border: none;
            padding: 12px 20px;
            cursor: pointer;
            border-radius: 4px;
            font-size: 16px;
            transition: background-color 0.3s;
        }

        #contact input[type="submit"]:hover {
            background-color: #B71C1C;
        }

        /* Success and Error Messages */
        .form-message {
            display: none;
            padding: 10px;
            margin-bottom: 20px;
            border-radius: 4px;
        }

        .form-message.success {
            background-color: #C8E6C9;
            color: #256029;
        }

        .form-message.error {
            background-color: #FFCDD2;
            color: #C62828;
        }

        /* Responsive design */
        @media (max-width: 992px) {
            .section-text, .section-carousel {
                width: 100%;
            }

            #slider img {
                height: 250px;
            }

            .carousel img {
                max-height: 200px;
            }
        }

        @media (max-width: 600px) {
            header {
                flex-direction: column;
                align-items: flex-start;
            }

            nav ul {
                flex-direction: column;
                width: 100%;
            }

            nav ul li {
                margin: 5px 0;
            }

            #slider img {
                height: 200px;
            }

            .carousel img {
                max-height: 150px;
            }

            #contact form {
                padding: 20px;
            }
        }

        /* Footer */
        footer {
            background-color: teal;
            color: white;
            text-align: center;
            padding: 10px 0;
        }
		
		/* Table */
		.tdata {
			border: 1px solid #888; padding:5px; font-size:14px;
		}
		
			  .contact-section {
		padding: 50px 0;
		background-color: #f9f9f9;
	  }
	  .contact-form input, .contact-form textarea {
		margin-bottom: 20px;
		padding: 10px;
		width: 100%;
	  }
	  .btn-primary {
		background-color: #007bff;
		border: none;
		padding: 10px 20px;
	  }

    </style>
