.asesoria-cerrar{
            position: absolute;
            top: 8px;
            color: #ffffff;
            right: 20px;
            background: none;
            border: none;
            font-size: 34px;               
            cursor: pointer;
            background-color: none;
            border: none;
        }
         .asesoria-cerrar:hover{
            display: true;
            color: red;
            content: "=";
        }
            .asesoria-popup {
        --color: #141414;
  background-color: #000000;
 background-size: 55px 55px;
        margin: 5% auto;
        border-radius: 20px;
        padding: 20px;
        width: 100%;
        height: 80%;
      outline: rgb(255, 255, 255) 6px solid;
        outline-offset: -12px; 
        max-height: 2000px;
        max-width: 1200px;
        position: relative;
        animation: fadeIn 1s ease-in-out forwards;
        }
        .visible_asesoria {
        display:flex;
        }
.container {  
  position: relative;
  max-width: 100%;
  width: 100%;
  Font-family: Arial, sans-serif;
 background: #ffffff00;
  padding: 25px;
    margin-top: 75px;  
  border-radius: 8px;

}

.container header {
  font-size: 75px;
  color: #f3bd0a;
  font-weight: 600;
  text-align: center;
}

.container .form {
  margin-top: 15px;
}

.form .input-box {
  width: 100%;
  margin-top: 10px;
}

.input-box label {
  color: #ffffff;
}

.form :where(.input-box input, .select-box ) {
  position: relative;
  height: 25px;
  width: 100%;
  outline: none;
  font-size: 1rem;
  color: #020202;
  margin-top: 5px;
  border: 1px solid #9e5a02;
  border-radius: 6px;
  padding: 0 15px;
  background: #faf9f9;
}
.input-box textarea{
      position: relative;
  height: 100px;
  width: 100%;
  outline: none;
  font-size: 1rem;
  color: #000000;
  margin-top: 5px;
  border: 1px solid #9e5a02;;
  border-radius: 6px;
  padding: 0 15px;
  background: #ffffff;


}


.form .column {
  display: flex;
  column-gap: 15px;
}

.form .gender-box {
  margin-top: 10px;
}

.form :where(.gender-option, .gender) {
  display: flex;
  align-items: center;
  column-gap: 50px;
  flex-wrap: wrap;
  Padding-bottom: 10px;
  Padding-top: 10px;
}

.form .gender {
  column-gap: 5px;
}

.gender input {
  accent-color: #ffffff;
}

.form :where(.gender input, .gender label) {
  cursor: pointer;
}

.gender label {
  color: #ffffff;
  font-size: 1rem;
}
.gender-box label{
  color: #fdfdfd;
  Padding-bottom: 5px;  
}


.select-box select {
  height: 100%;
  width: 100%;
  outline: none;
  border: none;
  color: #ffffff;
  font-size: 1rem;
  background: #FCEDDA;
}

.form button {
  height: 40px;
  width: 100%;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  margin-top: 15px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  background: #d67200;
}

input:focus,
textarea:focus,
select:focus,
.input-box input:focus,
.input-box textarea:focus,
.select-box select:focus,
.form :where(.input-box input, .select-box):focus,
*:focus {
  outline: none !important;
  box-shadow: none !important;
}

.input-box input,
.input-box textarea,
.select-box select {
  transition: none !important;
  border-color: #9e5a02;
  background: #faf9f9;
}