.container-mid {
    text-align: left; /* Disable text centering */
    margin: 0 auto; /* Adjust margin as necessary */
    /* If using flexbox or grid */
    display: block; /* Change from flex/grid to block if needed */
    align-items: flex-start; /* Adjust as necessary if using flexbox */
    justify-content: flex-start; /* Adjust as necessary if using flexbox */
    /* Any other necessary overrides */
  }

    .container-mid h1 {
    text-align: center; /* Centers text horizontally */
  }

   .feature-list li {
    font-size: 20px;
     margin-bottom: 10px;/* Sets the font size to 16 pixels */
  }

 .custom-contact-form {
       font-size: 16px !important;
       color: #ffffff !important;
       margin-top: 20px !important;
       line-height: 1.5 !important;
       font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
       text-align: left;
   }

   .email-link {
    color: #ffffff; /* Set the color you want for the email link */
    text-decoration: none; /* Remove underline from link */
}

.email-link:hover {
    text-decoration: underline; /* Optional: Add underline on hover */
}

.custom-contact {
  font-size: 20px !important;
   margin-bottom: 10px !important;
}



@media (min-width: 601px), (min-height: 721px) {
  .email-info, .phone-info {
      display: block; /* Each on a new line */
  }
}

@media (max-width: 600px), (max-height: 720px) {
  .email-info, .phone-info {
      display: block; /* Each on a new line */
  }
}

.download-text {
  font-size: 20px; /* Adjust size as needed */
}



/* Transparent style for sound ON (unmuted) */
/* .transparent {
  opacity: 0.3 !important;
} */


.top-right-buttons {
  position: absolute;
  top: 5px !important;
  right: 30px;
  display: flex;
  gap: 30px;   /* Makes space between them */
  z-index: 10;
}

#toggleSound, #fullscreenBtn {
  background: transparent;
  opacity: 1.0;
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}



/* for images on the left side in the feature list */
/* .feature-list li {
  list-style: none;    
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}
.feature-list img {
  width: 30px;     
  height: 30px;
  margin-right: 10px;
} */



#toggleSound.glow #speakerIcon img {
  animation: glow-only 1.5s infinite alternate;
}

@keyframes glow-only {
  0% {
    filter: drop-shadow(0 0 0px #00faff);
  }
  100% {
    filter: drop-shadow(0 0 16px #00faff);
  }
}

#speakerIcon img {
  width: 40px;
  background: transparent !important;
}

#fullscreenBtn.glow .fullscreen img {
  animation: glow-only 1.5s infinite alternate;
}

.transparent { opacity: 0.15 !important; }

.fullscreen {
  background: transparent;
  opacity: 1.0;
  border: none;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fullscreen img {
  width: 28px;
  height: 28px;
  object-fit: contain; /* or cover */
  opacity: 1;
  filter: none;
}

#contact .phone-info {
  position: relative;
  display: inline-block;
}

#contact .phone-info::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(100% + 35px);
  width: 90px;
  height: 90px;
  background-image: url("../images/qrcode.png");
  background-size: 90px 90px;
  background-repeat: no-repeat;
  background-color: white;
}