html {
      overflow-x: hidden;
    }

    .mycustom-form-wrapper {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: Helvetica, Arial, sans-serif;
    }

    .mycustom-form-wrapper .hero__form {
        width: 100%;
        max-width: 450px;
        position: relative;
        z-index: 10;
        display: inline-block;
        top: 0;
        float: left;
        padding: 0.25rem;
        border-radius: 20px;
        background-color: #1C3BD7B2;
    }

    .mycustom-form-wrapper form {
      width: 100%;
    }

    .mycustom-form-wrapper .input-container,
    .mycustom-form-wrapper input,
    .mycustom-form-wrapper .iti {
      width: 100%;
      box-sizing: border-box;
    }

    .mycustom-form-wrapper .first-row {
      display: flex;
      gap: 10px;
    }

    .mycustom-form-wrapper .first-row .input-container {
      width: 50%;
    }

    .mycustom-form-wrapper input.form__input {
      height: 50px;
      line-height: 50px;
      padding: 0 15px;
      border: 1px solid #ccc;
      border-radius: 5px;
      font-size: 16px;
      background: #fff;
      color: #000000;
      position: relative;
    }
    
    .mycustom-form-wrapper input.form__input:focus {
    color: #000000; /* цвет текста при вводе (фокусе) */
    }

    .mycustom-form-wrapper button[type="submit"],
    .mycustom-form-wrapper .form__btn {
        border-radius: 5px;
        background: #dd2a30;
        color: white;
        width: 100%;
        padding: 15px 0;
        cursor: pointer;
        border: none;
        margin-bottom: 20px;
        font-size: 18px;
        font-weight: bold;
    }

    .mycustom-form-wrapper button[type="submit"]:hover,
    .mycustom-form-wrapper .form__btn:hover {
        background-color: #a51a1f;
    }

    .mycustom-form-wrapper button[type="submit"]:disabled {
      cursor: not-allowed;
    }

    .mycustom-form-wrapper .input-container {
      margin-bottom: 10px;
    }

    /* Стили для галочек и крестиков */
    .mycustom-form-wrapper .success,
    .mycustom-form-wrapper .error {
      position: relative;
    }

    .mycustom-form-wrapper .success::before,
    .mycustom-form-wrapper .error::before {
        content: "";
        position: absolute;
        display: block;
        width: 20px;
        height: 20px;
        right: 25px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }

    .mycustom-form-wrapper .success::before {
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 50 50' xml:space='preserve'%3E%3Ccircle style='fill:%2325AE88;' cx='25' cy='25' r='25'/%3E%3Cpolyline style='fill:none;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;' points='38,15 22,33 12,25'/%3E%3C/svg%3E");
    }

    .mycustom-form-wrapper .error::before {
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 50 50' xml:space='preserve'%3E%3Ccircle style='fill:%23D75A4A;' cx='25' cy='25' r='25'/%3E%3Cpolyline style='fill:none;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;' points='16,34 25,25 34,16'/%3E%3Cpolyline style='fill:none;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;' points='16,16 25,25 34,34'/%3E%3C/svg%3E");
    }