.youtube-short {
    aspect-ratio: 9 / 16;
    width: 100%;
}

.youtube-video {
    aspect-ratio: 16 / 9;
    width: 100%;
}

.bio-photo {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.bio-photo img {
  display: block;
  width: 100%;
  height: auto;
}

.bio-photo::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 123, 255, 0.5); /* translucent blue */
  opacity: 0;
  transition: opacity 0.3s ease;
}

.bio-photo:hover::after {
  opacity: 1;
}

.bio-name {
  position: absolute;
  bottom: 10px;
  left: 10px;
  margin: 0;
  color: #fff;
  font-weight: bold;
  z-index: 2; /* ensures name is on top of overlay */
}


.carousel-item img {
  animation: zoomEffect 10s ease-in-out forwards;
  transform-origin: center center;
}

@keyframes zoomEffect {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.1); /* zoom in slightly */
  }
}

#dnn_ctr13714_ContentPane,
#dnn_ctr14219_ContentPane,
#dnn_ctr14877_ContentPane,
#dnn_ctr15105_ContentPane {
    max-width: 800px;
    margin: 0 auto;
    border: 1px solid #cbcbcb;
    padding: .5rem 1rem;
    border-radius: 25px;
    background-color: #f5f5f5;
    margin-top: 1rem;
}

.field_div.qf_header label {
    font-size: 1.75em !important;
    font-family: 'Poppins';
}

.qf_field_div203 .field_div.qf_header,
.qf_field_div219  .field_div.qf_header,
.qf_field_div300  .field_div.qf_header,
.qf_field_div317 .field_div.qf_header {
    text-align: center !important;
}

.qf_step {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.field_div.qf_header label {
    font-size: 24px !important;
}

.qf_form {
    width: 100% !important;
}

.qf_form .field_title label {
    font-weight: 400 !important;
    font-size: 16px !important;
    font-family: 'Poppins', Arial, Helvetica, san-serif;
}

.qf_form .qf_field {
    display: flex !important;
    flex-direction: column;
}

.qf_form .qf_textbox,
.qf_form .qf_phone,
.qf_form .qf_textarea {
    width: 100% !important;
}

.qf_submit {
    font-family: 'Poppins', Arial, Helvetica, san-serif;
    margin: 10px 0 !important;
    padding: 15px 35px !important;
    background-color: #3b6067 !important;
    color: #fff !important;
    border-radius: 25px !important;
    border: 0 !important;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-decoration: none;
}

    .qf_submit:hover {
        background-color: #132831 !important;
        color: #fff !important;
        text-decoration: none;
    }