.contact-container .card{
  background: linear-gradient(to bottom right, #000000, #1a1a1a)!important;
  /* background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #2c2c2c 100%)!important; */
}

.card h3 {
  font-size: 42px;
  font-weight: normal;
}

.card {
  /* background-color: rgb(32, 37, 41); */
  background: linear-gradient(135deg, #000000 0%, #1a1a1a 50%, #2c2c2c 100%)!important;
  margin: 50px 0px;
  
}
.card-body {
  line-height: 2rem;
}
.card-title {
  margin-bottom: 20px;
}

.form-container .contact-details {
  font-size: 24px;
}

input[type="text"],
input[type="email"],
textarea{
  background: linear-gradient(120deg, #060606 0%, #2e2e2e 50%, #2d2d2d 100%)!important;
}

@media screen and (max-width: 768px) {
  .card {
    padding: 0% 0%;
    margin: 0px;
  }
  .card-body {
    padding: 15% 4%;
  }
  .card-body p {
    text-align: start;
  }
}

@media screen and (max-width: 568px) {
  .contact-container {
    margin: 0;
    padding: 0;
  }
  .card {
    background-color: black;
  }
  .card .contact-details {
    padding: 10px !important;
    font-size: 20px;
  }
  form .p-5 {
    padding: 10px !important;
  }
  .form-container{
    padding: 0px;
  }
}