body{
                background-color: cornsilk;
                height: 100%;
                margin: 0;
                display: flex;
                flex-direction: column;
                box-sizing: border-box;
                text-align: center;
            }
            .topnav {
                background-color: black;
                text-align: center;
            }

            .topnav a {
                color: #f2f2f2;
                text-align: center;
                padding: 0px 16px;
                text-decoration: none;
                font-size: 17px;
            }

            .topnav a:hover {
            background-color: #ddd;
            color: black;
            }

            .topnav .active {
                background-color: red;
                color: white;
            }
            
            
            .dropdown {
                position: relative;
                display: inline-block;
            }

            .dropbtn {
                color: #f2f2f2;
                text-decoration: none;
                padding: 0px 16px;
                font-size: 17px;
                display: inline-block;
            }

            .dropdown-content {
                display: none;
                position: absolute;
                background-color: #333;
                min-width: 160px;
                box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
                z-index: 1;
            }

            .dropdown-content a {
                color: white;
                padding: 12px 16px;
                text-decoration: none;
                display: block;
                text-align: left;
            }

            .dropdown:hover .dropdown-content {
                display: block;
            }

            .dropdown-content a:hover {
                background-color: #ddd;
                color: black;
            }

            .dropdown .dropdown-content .dropdown {
                position: relative;
                display: block;
            }

            .dropdown .dropdown-content .dropdown-content {
                display: none;
                position: absolute;
                left: 100%; 
                top: 0;
                margin-top: -12px;
            }

            .dropdown .dropdown-content .dropdown:hover .dropdown-content {
                display: block;
                position: absolute;
                left: 100%;
                top: 0;
                margin-top: 0;
            }

            .dropdown .dropdown-content .dropdown > a {
                padding: 12px 16px;
                color: white;
                text-decoration: none;
                display: block;
                text-align: left;
            }

            h1{
                color: red;
            }
            .header1 {
                color: black;
                font-size: 20px;
                text-align: center;
                font-family: sans-serif;
            }
            p1{
                color: red;
                font-size: 20px;
                text-align: center;
                font-family: sans-serif;
            }
            .content-image {
                max-width: 300px;  /* Adjust size as needed */
                height: auto;
                float: right;  /* Aligns the image to the right of the content */
                margin-left: 20px;  /* Adds space between text and image */
                margin-bottom: 20px;
            }
            
            .content-container{
                display: flex;
                padding: 20px;
                max-width: 100%
            }
            .middle{
                flex: 3;
                padding: 20px;
                font-family: sans-serif;
            }
            .contact-form{
                flex: 0 0 170px;
                padding: 20px;
                border: 1px solid;
                border-radius: 5px;
                max-width: 100%
            }
            .contact-form h2{
                font-size: 24px;
                color: red;
                margin-bottom: 10px;
                text-align: center;
            }
            .contact-form label{
                display: block;
                margin-bottom: 5px;
            }
            .contact-form button{
                background-color: red;
                color: white;
                border: none;
                padding: 10px 20px;
                border-radius: 5px;
                font-size: 16px;
                cursor: pointer;
                margin-top: 10px;
                width: 100%
            }
            .contact-form button:hover{
                background-color: darkred;
            }
            .list-container{
                display: flex;
                gap: 20px;
                align-items: flex-start;
            }
            .list-container ul{
                list-style-type: none;
                padding: 0;
                margin: 0;
            }
            .list-image{
                width: 350px;
                height: auto;
                border-radius: 5px;
                margin-left: 20px;
            }
            .footer{
                border-style: solid none none none;
                height: 105px;
                width: 100vw;
                text-align: center;
                padding: 10px;
            }
            .hover-bold:hover{font-weight: bold;
            }

            .image-grid {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); 
                gap: 20px; 
                justify-items: center; 
                margin: 20px 0; 
            }
            .image-grid a {
                text-align: center; 
                text-decoration: none;
                color: inherit; 
            }
            .image-grid img {
                max-width: 100%; 
                height: auto;
                border-radius: 5px; 
            }
            .list-containerfaq{
                text-align: left;
            }