.contact_box{
    box-sizing: border-box;
    background-color: #16191E;
    width: 60vw;
    height: 80vh;
    z-index: 2;
    margin-top: 12vh;
    position: relative;
    padding: 5vh 3vw 10vh 3vw;
  }


  .gradient_v2{
    width: 100vw;
    height: 120vh;
    position: absolute;
    overflow-x: hidden;
    background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(89, 83, 124, .2));
  }

  .contact_box  h3{
    color: #fafafa;
    font-size: 1.6rem;
  }

  .contact_box p {
    color: #b1b1b1;
  }

  .contact_box hr{
    width: 10vw;
    border-color: #6699cc;
    border-width: .15vw;
  }

  .form-floating > label::after {
    background-color: transparent !important;
  }

.form-floating label {
    font-size: 0.85rem;
}

 .form-floating input {
    height: 3vh !important;
    font-size: 1rem;
 }

 .form-floating textarea{
    height: 15vh !important;
    font-size: 1rem;
    resize: none;
    overflow-y: auto;
 }

.contact a{
    color: #c9c9c9;
    text-decoration: none;
    margin-bottom: 2vh;
}
.contact h5{
  color: #fafafa;
  margin: 0;  text-decoration: none;
  margin-top: 2vh;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
}
.contact a:hover{
  color: #6699cc;
}

.contact li{
  color: #c9c9c9;
  text-decoration: none;
  margin-bottom: 2vh;
}

.contact ul{
  list-style-type: none;
  padding: 0;
}

.form-floating textarea::-webkit-scrollbar {
  width: 8px;              
}

.form-floating textarea::-webkit-scrollbar-track {
  background: #2c2c3c;    
  border-radius: 4px;
}

.form-floating textarea::-webkit-scrollbar-thumb {
  background-color: #666;   
  border-radius: 4px;
}

.form-floating textarea::-webkit-scrollbar-thumb:hover {
  background-color: #888;   
}

/* Scrollbar para Firefox */
.form-floating textarea{
  scrollbar-width: thin;          
  scrollbar-color: #666 #2c2c3c;  
}

.contact_box_mobile{
  box-sizing: border-box;
  background-color: #16191E;
  width: 90vw;
  height: 130vh;
  z-index: 2;
  margin-top: 12vh;
  position: relative;
  padding: 5vh 3vw 10vh 3vw;
  display: flex;
  flex-direction: column;
  display: none;
}

.contact_box_mobile .row  h3{
    color: #fafafa;
    font-size: 1.6rem;
  }

.text_mobile {
    color: #b1b1b1;
}

@media (max-width: 768px) {
  .contact_box{
    display: none;
  }
  .gradient_v2{
    height: 130vh;
  }
  .contact_box_mobile{
    display: block;
  }
}