@charset "UTF-8";
/* CSS Document */

.container-three {
            display: flex;
            flex-wrap: wrap;
            gap: 20px; /* Optional: Adds space between columns */
            margin:0 2% 0 2%;
        }

        .column-three {
            flex: 1;
            padding: 10px;
            background-color: #ffffff;
            border: 1px solid #ccc;
            box-sizing: border-box;
            min-width: 300px; /* Minimum width for columns */
        }

        @media (max-width: 900px) {
            .column-three {
                flex-basis: 100%; /* Stacks columns on smaller screens */
            }
        }

	.header-container {
            width: 100%;
            background-color: #008D5B; /* Background color for the header */
            color: white; /* Text color */
            box-sizing: border-box;
            padding: 20px;
	    margin-bottom: 2%;
        }

        .header-content {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            max-width: 1500px;
            margin: 0 auto;
        }

        .column-a {
            flex: 2; /* Column A takes up 2 parts */
            min-width: 300px;
            padding: 10px;
            background-color: #008D5B; /* Optional: Different background color */
            box-sizing: border-box;
        }

        .column-b {
            flex: 1; /* Column B takes up 1 part */
            min-width: 200px;
            padding: 10px
            box-sizing: border-box;
        }

        @media (max-width: 768px) {
            .header-content {
                flex-direction: column;
            }

            .column-a,
            .column-b {
                flex: 1 1 100%; /* Make both columns full-width on small screens */
            }
        }
		 .column-b img {width: 100%;
            height: 300px; /* Set the desired height */
            background-size: cover; /* Ensure the image covers the entire div */
            background-position: center; /* Center the image */
            background-repeat: no-repeat; /* Prevent the image from repeating */
		 }
		 h3 {text-align: center;
		 font-size: 20px;}
	
	 .cta-container {
            width: 100%;
            background-color: #008D5B; /* Background color for the CTA box */
            color: white; /* Text color */
            text-align: center;
            padding: 20px;
            box-sizing: border-box;
		 	margin-top:2%;
        }

        .cta-content {
            max-width: 1200px;
            margin: 0 auto;
            padding: 20px;
            box-sizing: border-box;
        }

        .cta-button {
            display: inline-block;
            padding: 10px 20px;
            margin-top: 20px;
            background-color: #135B68; /* Button background color */
            color: white;
            text-decoration: none;
			text-transform: uppercase;
			font-size: 20px;
            transition: background-color 0.3s ease;
        }

        .cta-button:hover {
            background-color: #ffffff; /* Button hover color */
			color: #135B68;
        }

        @media (max-width: 768px) {
            .cta-container {
                padding: 10px;
            }

            .cta-content {
                padding: 10px;
            }

            .cta-button {
                width: 100%;
                padding: 15px;
            }
        }

div#formpage0 {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            max-width: 700px;
            margin: 0 auto;
        }