@charset "utf-8";
/* CSS Document */


.formc {
  display: flex;
  flex-direction: column;
  align-self: center;
  font-family: inherit;
  gap: 10px;
  padding-inline: 2em;
  padding-bottom: 0.4em;
  background-color: rgba(52,52,52,1);
  //background-color: #0a192f;
  border-radius: 20px;
}

.formc-heading {
  text-align: center;
  margin: 2em;
  color: #FFFFFF;
  font-size: 1.2em;
  background-color: transparent;
  align-self: center;
}

.formc-field {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  border-radius: 10px;
  padding: 0.6em;
  border: none;
  outline: none;
  color: white;
  background-color: rgba(52,52,52,1.00);
  box-shadow: inset 2px 5px 10px rgb(5, 5, 5);
}

.inputc-field {
  background: none;
  border: none;
  outline: none;
  width: 100%;
  color: #ccd6f6;
  padding-inline: 1em;
}

.sendMessagec-btn {
  cursor: pointer;
  margin-bottom: 3em;
  padding: 1em;
  border-radius: 10px;
  border: none;
  outline: none;
  background-color: transparent;
  color: #FFFFFF;
  font-weight: bold;
  outline: 1px solid white;
  transition: all ease-in-out 0.3s;
}

.sendMessagec-btn:hover {
  transition: all ease-in-out 0.3s;
  background-color: #64ffda;
  color: #000;
  cursor: pointer;
  box-shadow: inset 2px 5px 10px rgb(5, 5, 5);
}

.formc-card1 {
  background-image: linear-gradient(163deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.5) 100%);
  border-radius: 22px;
  transition: all 0.3s;
}

.formc-card1:hover {
  box-shadow: 0px 0px 30px 1px rgba(100, 255, 218, 0.3);
}

.formc-card2 {
  border-radius: 0;
  transition: all 0.2s;
}

.formc-card2:hover {
  transform: scale(0.98);
  border-radius: 20px;
}


.custum-file-upload {
  height: 150px;
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: space-between;
  gap: 20px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  border: 2px dashed #cacaca;
  background-color: rgba(255, 255, 255, 1);
  padding: 1.5rem;
  border-radius: 10px;
  box-shadow: 0px 48px 35px -48px rgba(0,0,0,0.1);
}

.custum-file-upload .icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.custum-file-upload .icon svg {
  height: 80px;
  fill: rgba(75, 85, 99, 1);
}

.custum-file-upload .text {
  display: flex;
  align-items: center;
  justify-content: center;
}

.custum-file-upload .text span {
  font-weight: 400;
  color: rgba(75, 85, 99, 1);
}

.custum-file-upload input {
  display: none;
}