#background-frame {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: none;
   z-index: 0;
   /* pointer-events: none; Prevent interaction if background-only */
 }
 /* Contact Section */
 .contact-section {
   /* margin: 20 0 20 0; */
   padding: 80px 60px;
   background-color: #ebf1f1;
   /* Soft white/cream background */
 }

 .contact-section-container {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 40px;
   max-width: 1000px;
   margin: 0 auto;
   text-align: left;
 }

 .contact-info {
   z-index: 1;
   flex: 1 1 400px;
   color: #2e8b57;
   /* Sea green */
   padding: 30px;
   border-radius: 20px;
   box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.15);
   /* Soft shadow */
   background: rgba(255, 255, 255, 0.2);
   /* Soft pearl white with transparency */
   border: 1px solid rgba(255, 255, 255, 0.5);
   /* Glass border */
   backdrop-filter: blur(2px);
   /* The main glassmorphism effect */
   -webkit-backdrop-filter: blur(10px);
 }

 .contact-info h1 {
   font-size: 3.5em;
   color: #006a6b;
   /* Deep sea green */
   margin-bottom: 10px;
 }

 .contact-info p {
   font-size: 2.1em;
   margin-bottom: 20px;
 }

 .contact-info div {
   margin-bottom: 10px;
   font-size: 1em;
 }

 /* Glassmorphism Form Effect */
 .contact-form {
   flex: 1 1 400px;
   padding: 30px;
   border-radius: 20px;
   box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.15);
   /* Soft shadow */
   background: rgba(255, 255, 255, 0.2);
   /* Soft pearl white with transparency */
   border: 1px solid rgba(255, 255, 255, 0.5);
   /* Glass border */
   backdrop-filter: blur(25px);
   /* The main glassmorphism effect */
   -webkit-backdrop-filter: blur(10px);
 }

 .contact-form form {
   display: flex;
   flex-direction: column;
 }

 .contact-form input,
 .contact-form textarea {
   background: rgba(255, 255, 255, 0.5);
   border: 1px solid rgba(255, 255, 255, 0.5);
   border-radius: 10px;
   padding: 15px;
   margin-bottom: 20px;
   color: #006a6b;
 }

 .contact-form input::placeholder,
 .contact-form textarea::placeholder {
   color: #8b7355;
   /* Warm earth tone */
 }

 .contact-form input:focus,
 .contact-form textarea:focus {
   outline: none;
   background: rgba(255, 255, 255, 0.7);
 }

 .contact-form fieldset {
   border: 1px solid rgba(255, 255, 255, 0.5);
   border-radius: 10px;
   padding: 20px;
   margin-bottom: 20px;
   color: #2e8b57;
 }

 .contact-form legend {
   padding: 0 10px;
   font-weight: bold;
 }

 .contact-form label {
   display: inline-block;
   margin-right: 20px;
   margin-bottom: 10px;
   font-size: 0.9em;
 }

 .contact-form button {
   background-color: #008080;
   /* Deep sea green */
   color: #f0f8ff;
   /* Soft pearl white */
   border: none;
   padding: 15px 30px;
   border-radius: 10px;
   font-size: 1em;
   font-weight: bold;
   cursor: pointer;
   transition: background-color 0.3s ease;
 }

 .contact-form button:hover {
   background-color: #006a6b;
   /* Darker accent on hover */
 }