.matt-img{
    height: 85vh;
}
.matt-txt{
    margin-left: 10vw;
}
.gradient-mp{
    background: linear-gradient(to right, #8383ff 20%,#85b4ff 30%,#8387ff 50%,  #4209ff 80%);
}
.gradient-txt{
    text-align: center;
    background-size: 100% auto;
    color: #000;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}
.background{
    width: 100%;
    background-color: #ffffff;
    background-position: 0 0;
    background-size: auto 200%;
    opacity: 1;
    background-image: linear-gradient(to top, #0957ff, #ffffff00 70%), repeating-radial-gradient(circle at center center, #f1f1f5, #f1f1f5  , 40px, transparent 80px, transparent 40px);
    background-blend-mode: multiply;
}

.form-control {
    display: block;
    width: 40vw;
    padding: 0.375rem 0.75rem;
    margin-bottom: 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  .form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: calc(0.4rem + 0.6vw);
    line-height: 1.5;
  }
  .btn-main {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
  }
  .btn-main:hover {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
  }
  .col {
    flex: 1 0 0%;
  }

  @media screen and (max-width: 850px){
  .form-control {
    width: 80vw;
  }
}