input[type=checkbox] {
margin: 4px 0 0;
line-height: normal;
width: 20px;
height: 20px;
}

input:not([type="checkbox"]), select {
    width: 100%;
    padding: 12px;
    border: 1px black solid;
    border-radius: 4px;
    background-color: #f0eeee;
}

textarea {
  width: 100%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid black;
  border-radius: 4px;
  background-color: #f0eeee;
  resize: none;
}

.ems-about-container {
    display: flex;
    gap: 20px;
    justify-content: center;
    padding: 20px;
    margin: 30px 0;
}

.about-card {
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 25px;
    text-align: left;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    flex: 1;
    max-width: 1120px;
}


.image-link a, .image-link a:visited, 
.image-link a:hover, .image-link a:active {
    background-color: #fff !important;
    color: #472A2B;
}



 .video-container {
    position: relative;
    width: 100%;
    max-width: 800px; /* Limits how wide the video can get on desktop */
    aspect-ratio: 16 / 9; /* Maintains perfect widescreen proportions */
  }

  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }