.responsive-iframe {
  position: relative;
  padding: 0;
  width: 100%;
  height: 1160px;
  overflow: hidden;
  max-width: 100%;
}

@media (max-width: 991.9px) {
  .responsive-iframe {
    padding: 0;
    height: 1290px;
    /* Adjust for smaller screens */
  }
}

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

.submitted-container {
  background: #fff;
  border-radius: 1rem;
  padding: 2.5rem 1rem;
  max-width: 100%;
  text-align: center;
}

@media (max-width: 991.9px) {
  .submitted-container {
    padding: 1rem 0rem;
    text-align: left;
  }
}

.submitted-container h1 {
  color: hsl(195, 100%, 40%);
  font-size: var(--font-size-2);
  font-weight: 600;
  margin-bottom: 1rem;
}

@media (max-width: 991.9px) {
  .submitted-container h1 {
    padding: 0.5rem 0rem;
    text-align: left;
  }
}

.submitted-container p {
  width: 100%;
  color: hsl(0, 0%, 30%);
  font-size: var(--font-size-5);
  margin: 0;
  text-align: center;
}

@media (max-width: 991.9px) {
  .submitted-container p {
    padding: 0rem 0rem;
    text-align: left;
  }
}

.submitted-container a {
  color: #0A66C2;
  font-weight: 500;
  text-decoration: underline;
  font-size: 1.05rem;
  transition: color 0.2s;
  text-align: center;
}

.submitted-container a:hover {
  color: hsl(195, 100%, 40%);
}

* Set all form,
checkbox,
and radio labels to consistent color */ label,
.form-label,
.form-check-label {
  color: hsl(0, 0%, 40%) !important;
}

.form-label {
  margin-top: 0rem;
}

.h1-form {
  text-align: center;
  margin: 35px 0 20px 0 !important;
}

.form-floating input[required]~label,
.form-floating textarea[required]~label {
  color: hsl(0, 0%, 40%);
  font-size: var(--font-size-7);
  transition: color 0.2s;
}

.form-floating input~label,
.form-floating textarea~label {
  color: hsl(0, 0%, 50%);
  transition: color 0.2s;
}

.form-floating input:focus~label,
.form-floating input:not(:placeholder-shown)~label,
.form-floating textarea:focus~label,
.form-floating textarea:not(:placeholder-shown)~label {
  color: hsl(0, 0%, 40%);
  font-size: 1rem;
  opacity: 0.80;
  letter-spacing: 0.01em;
  transition: color 0.2s, font-size 0.2s, opacity 0.2s;
}

.form-floating .form-control,
.form-floating textarea.form-control {
  min-height: clamp(3rem, 3vw, 4rem);
  font-size: var(--font-size-7);
  font-weight: 500;
  padding-top: 0.1rem;
  padding-bottom: 0rem;

}

/* Match radio and checkbox borders with form-floating input borders */
.form-check-input[type="checkbox"],
.form-check-input[type="radio"] {
  border: 1px solid hsl(0, 0%, 75%);
  /*box-shadow: 0 0 0 0.08rem hsl(0, 0%, 50%, 0.15);*/
}

.form-check-input[type="checkbox"]:focus,
.form-check-input[type="radio"]:focus {
  border-color: hsl(0, 0%, 75%);
  box-shadow: 0 0 0 0.15rem hsl(195, 100%, 40%, 0.50);
}

/* Make form-floating input borders more visible */
.form-floating .form-control {
  border: 1px solid hsl(0, 0%, 75%);
  /*box-shadow: 0 0 0 0.08rem hsla(0, 0%, 50%, 0.15);*/
}

.form-floating .form-control:focus {
  border-color: hsl(0, 0%, 75%);
  box-shadow: 0 0 0 0.15rem hsl(195, 100%, 40%, 0.50);
}

.form-header {
  padding: 0.5rem 0rem;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: var(--font-size-4);
  color: hsl(0, 0%, 25%);
}

.form-floating {
  font-size: var(--font-size-7);
  margin: 0.5rem 0rem;
  font-weight: 400;
}

.required-field {
  color: hsl(195, 100%, 40%);
}

.form-non-floating {
  font-size: var(--font-size-7);
  margin-bottom: 0.5rem;
  font-weight: 500;
  margin: auto;
  padding: 0.5rem 0rem 0rem;
}

.form-check,
.form-check-label {
  font-size: var(--font-size-7);
  margin-bottom: 0.25rem;
  font-weight: 400;
}

/* Active submit button color */
#submitBtn:enabled {
  background-color: hsl(195, 100%, 40%) !important;
  color: #fff !important;
  border: none;
  cursor: pointer;
}

/* Selected KVKK checkbox color */
.form-check-input[type="checkbox"]:checked {
  background-color: hsl(195, 100%, 40%) !important;
  border-color: hsl(195, 100%, 40%) !important;
}

.form-check-input[type="radio"]:checked {
  background-color: hsl(195, 100%, 40%) !important;
  border-color: hsl(195, 100%, 40%) !important;
}

/* Contact Info Link & Icon Hover Effect - Synchronized for Phone & Email */
.contact-info a[href^="tel"],
.contact-info .bi-telephone-fill,
.contact-info a[href^="mailto"],
.contact-info .bi-envelope-fill {
  transition: color 0.2s, text-decoration 0.2s;
}

.contact-info li.d-flex.d-flex.mb-3.phone-hover:hover a[href^="tel"],
.contact-info li.d-flex.d-flex.mb-3.phone-hover:hover .bi-telephone-fill {
  color: hsl(195, 100%, 40%) !important;
  text-decoration: underline !important;
  /*font-weight: 600 !important;*/
}

.contact-info li.d-flex.align-items-center.mb-3.email-hover:hover a[href^="mailto"],
.contact-info li.d-flex.align-items-center.mb-3.email-hover:hover .bi-envelope-fill {
  color: hsl(195, 100%, 40%) !important;
  text-decoration: underline !important;
  /*font-weight: 600 !important;*/
}

.contact-info .linkedin-hover:hover li,
.contact-info .linkedin-hover:hover .bi-linkedin,
.contact-info .linkedin-hover:hover a {
  color: hsl(201, 100%, 35%) !important;
  text-decoration: underline !important;
}

/* Contact info hover effects */
.phone-hover:hover i,
.phone-hover:hover a {
  color: hsl(195, 100%, 40%) !important;
  text-decoration: underline;
}

.email-hover:hover i,
.email-hover:hover a {
  color: hsl(195, 100%, 40%) !important;
  text-decoration: underline;
}

.linkedin-hover:hover i,
.linkedin-hover:hover a {
  color: #0A66C2 !important;
  text-decoration: underline;
}