@mixin medical-theme() {
  app-medical-insurance {
    .medical-list {
      background-color: $off-white;
      border-radius: 25px;
      padding: 20px;
      margin: 20px 0;
      box-shadow: -2px 6px 9px #2f2c8333;
      main {
        h1 {
          font-size: 20px;
          color: $main-color;
        }
      }

      &__search {
        padding: 30px 0;
        width: 40%;
        @media (max-width: 767px) {
          width: 100%;
        }

        input {
          width: 100%;
          background: #ffffff 0% 0% no-repeat padding-box;
          box-shadow: 0px 4px 12px #0000001a;
          border-radius: 19px;
          outline: none;
          padding: 10px 20px;
          border: none;
        }
      }
    }

    .item {
      margin-bottom: 10px;
      background-color: $main-color;
      color: $white-color;
      text-align: center;
      padding: 20px;
      border-radius: 5px;
    }

    .form-input {
      width: 100%;
      label {
        margin-bottom: 5px;
        font-size: 13px;
        span {
          margin: 0 5px;
        }
      }
      input,
      select {
        padding: 15px 20px;
        border-radius: 10px;
        box-shadow: 0px 5px 6px #2f2c8324;
        border: 0.5px solid $main-color;
        border-radius: 10px;
        outline: none;
      }
    }
  }
}
