body {
  font-family: 'Poppins', sans-serif!important;
  background: #f2f2f7!important;
}

button {
  font-family: 'Poppins', sans-serif!important;

}

.d-flex {
  display: flex;
  gap: 10px;
  padding: 10px;
  align-items: center
}

.page-button {
  padding: 10px 20px;
  background: #78e1ff!important;
  text-decoration: none;
  font-weight: 500;
  font-size: 20px;
  border-radius: 10px;
  color: white;
  border: 4px #f2f2f7 solid!important;
}

.page-button:hover {
  padding: 10px 20px;
  text-decoration: none;
  font-weight: 500;
  font-size: 20px;
  border-radius: 10px;
  background: #78e1ff!important;
  color: white!important;
  border: 4px solid white!important;
}

.active-button {
  background: #78e1ff!important;
  color: white!important;
  font-weight: 800!important;
  border: 4px solid white!important;
}

.tab-container {
  padding: 20px
}

.form-container {
  padding: 20px;
  max-width: 900px
}

.form-row {
  /* display: grid; */
    padding: 12px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 9%) 0px 8px 24px;
}

.send-button {
  padding: 5px 14px;
      background: #78d6f0;
      text-decoration: none;
      font-weight: 800;
      font-size: 21px;
      border-radius: 10px;
      color: white;
      border: none;
      cursor: pointer;
}

form label {
  display: block;
  font-size: 1em;
  font-weight: 300;
  margin-bottom: 10px
}

form input {
  display: block;
    background: #f2f2f7;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 10px;
    width: 100%
}

h1 {
  font-size: 20px;
  padding: 0px;
  margin: 0px;
}

.image-drop-shadow {
  background: black;
  padding: 3px 9px;
  border-radius: 10px;
}

.mb-10 {
  margin-bottom: 10px;
}

.boxicon-edit {
  font-size: 2em;
  color: #606060;
}

.pb-0 {
  padding-bottom: 0px;
}

.pt-0 {
  padding-top: 0px;
}

.form-title {
  font-size: 1.6em;
    color: #515151;
    font-weight: 700;
    border-bottom: 3px solid #78e0ff;
}

@media screen and (max-width: 700px) {
  .mobile-d-grid {
    display: grid!important
  }
}

.lorean-color {
  color: #78e0ff!important;
}

.accepted-formats {
  padding: 6px 0px;
    border-radius: 10px;
    margin-bottom: 10px;
    background: -webkit-linear-gradient(0deg, #ed2cff,#c690ff, #00ff8c, #00ffeb,#1eff38);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* width: fit-content; */
}

.accepted-format-area {
  background: linear-gradient(45deg, black, #333333, #000000d6);
    width: 100%;
    padding: 0px 15px;
    border-radius: 11px;
    margin-bottom: 5px;
    margin-top: 4px;
}

input {
  cursor: pointer;
}