:focus-visible {
  outline: 0px;
}
.form-section {
  color: #f9f9f9;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}
.form-section.active {
  display: block;
}

.button-group .transparent-btn {
  padding: 10px 50px;
  height: 50px;
  @media (max-width: 780px) {
    margin-top: 20px;
    min-width: 222px;
  }
}

.button-group .transparent-btn.active {
  background-color: #2563eb;
}
.button-group {
  /* margin-top: 10px; */
}
.form-section .slider-btn.form-btn {
  max-width: 500px;
  width: 100%;
  height: 50px;
  align-content: center;
}
.auto {
  width: auto !important;
}
.form-section .form-header {
  font-weight: 700;
  font-size: 50px;
  margin-bottom: 20px;
  line-height: normal;
}
.form-section .form-description {
  font-weight: 300;
  font-size: 20px;
  line-height: normal;
}
.form-section .form-label {
  font-weight: 700;
  font-size: 25px;
}
.form-section .form-input {
  margin-top: 15px;
  padding: 12px 20px;
  font-size: 20px;
  border: 1px solid #f9f9f9;
  background-color: transparent;
  line-height: normal;
  box-sizing: border-box;
  &::placeholder {
    color: #f9f9f9;
  }
}
.form {
  padding: 40px 0px 0px;
  gap: 40px;
}
.form-section textarea.form-input {
  height: 100%;
  max-height: 100px;
}
.form-section .dropdown {
  padding: 12px 15px 12px 20px;
  width: 100%;
}
.form-section .dropdownList {
  position: absolute;
  top: 100%;
  width: 100%;
  background-color: #252d30;
  border: 1px solid #f9f9f9;
  z-index: 1;
  font-size: 20px;
  max-height: 300px;
    overflow: auto;
}
.form-section .dropdownList li {
  padding: 10px 15px 10px 20px;
  color: #f9f9f9;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 20px;
  cursor: pointer;
}
@media (max-width: 1364px) {
  .form-section .dropdown,
  .form-section .form-input {
    font-size: 16px;
  }
  .form-section .form-label {
    font-size: 20px;
  }
}
@media (max-width: 1200px) {
  .form-section .dropdown,
  .form-section .form-input {
    font-size: 14px;
  }
  .form-section .form-label {
    font-size: 18px;
  }
}


.country-search-wrapper {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #3D4447;
  padding: 12px 16px;
  background-color: #252d30;
  position: sticky;
  top: 0;
  z-index: 10;
}

.country-search-input {
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.09615 8.09615L12.9999 12.9999M9.31552 5.15775C9.31552 7.45401 7.45408 9.31549 5.15781 9.31549C2.86155 9.31549 1 7.45401 1 5.15775C1 2.86149 2.86155 1 5.15781 1C7.45408 1 9.31552 2.86149 9.31552 5.15775Z' stroke='%23f9f9f9' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 30px;
  color: #f9f9f9;
  outline: none;
  border: none;
  width: 100%;
  font-size: 20px;
  font-weight: 300;
}

.country-search-input::placeholder {
  color: #f9f9f9;
}

.form-section .dropdownList .y-list {
  height: auto;
}