/* blog popup theme styles */

        body .pum-theme-about-the-author-blog-page.pum-overlay {
            background: rgba(217, 217, 217, 0.60);
        }

        body .pum-theme-about-the-author-blog-page .pum-container {
            padding: unset;
            border-radius: 0px;
            border: none;
            box-shadow: none;
            background-color: transparent;
        }

        body .pum-theme-about-the-author-blog-page .pum-close {
            display: none;
        }

        /* blog popup styles */

        body .blog-popup__close.pum-close {
            display: flex !important;
        }

        .blog-popup {
            padding: 40px;
            box-sizing: border-box;
            position: relative;
            border-radius: 16px;
            background: #FEFEFE;
            overflow: hidden;
        }

        .blog-popup__close {
            width: 24px;
            height: 24px;
            position: absolute;
            top: 16px;
            right: 16px;
        }

        .blog-popup__inner {
            display: flex;
            flex-direction: column;
        }

        .blog-popup__content {
            display: flex;
            flex-direction: column;
            gap: 8px;
            margin-bottom: 40px;
        }

        .blog-popup__title {
            color: #0D1118;
            font-size: 28px;
            font-weight: 500;
            line-height: 140%;
        }

        .blog-popup__description {
            color: #0D1118;
            font-size: 18px;
            font-weight: 400;
            line-height: 150%;
        }

        .blog-popup__close * {
            transition: all 0.3s ease;
        }

        .blog-popup__close:hover path {
            stroke: #1629D6;
        }

        /* blog popup form styles */

        .author-form__head {
            display: flex;
            gap: 24px;
            margin-bottom: 24px;
        }

        .author__field-wrapper {
            display: flex;
            flex-direction: column;
            gap: 8px;
            width: 100%;
        }

        .author__field-wrapper>label {
            color: #4F4F4F;
            font-size: 14px;
            font-weight: 400;
            line-height: 140%;
            transition: color 0.3s ease;
        }

        .author__field-wrapper input {
            padding: 13px 16px;
            box-sizing: border-box;
            transition: border-color 0.3s ease;
        }

        .author__lenght-limit {
            display: flex;
            justify-content: end;
        }

        .author__field-wrapper input,
        .author__field-wrapper textarea {
            border: 1px solid #CFCFCF;
            border-radius: 8px;
            width: 100%;
            box-sizing: border-box;
            color: #0D1118;
            position: relative;
        }

        .author__field-wrapper input,
        .author__field-wrapper textarea,
        .author__field-wrapper input::placeholder,
        .author__field-wrapper textarea::placeholder {
            font-size: 16px;
            font-weight: 400;
            line-height: 140%;
        }

        .author__field-wrapper input::placeholder,
        .author__field-wrapper textarea::placeholder {
            color: #4F4F4F;
        }

        .author__field-wrapper textarea {
            padding: 16px;
            transition: border-color 0.3s ease;
            outline: none;
            resize: none;
            background-color: #fff;
            max-height: 190px;
        }

        .author__lenght-limit .maxlenth {
            position: static;
        }


        .author__field-wrapper:focus-within textarea,
        .author__field-wrapper:focus-within input {
            border-color: #1629D6 !important;
        }

        .author__field-wrapper:focus-within label {
            color: #1629D6;
        }

        .blog-popup__form .wpcf7 form.invalid .wpcf7-response-output {
            display: none;
        }

        .blog-popup__form .wpcf7 form .wpcf7-response-output {
            margin: 24px 0 0 0;
            padding: 0 0 0 16px;
            border: none;
            border-left: 1px solid #1629D6;
            color: #0D1118;
            font-size: 14px;
            font-weight: 400;
            line-height: 150%;
        }

        .blog-popup__form .wpcf7 form.wpcf7-form.invalid .author__field-wrapper input,
        .blog-popup__form .wpcf7 form.wpcf7-form.invalid .author__field-wrapper textarea {
            border-color: #C70D0D;
        }

        .blog-popup__form .wpcf7-not-valid-tip {
            position: absolute;
            right: 0;
            bottom: -20px;
            color: #C70D0D;
            font-size: 14px;
            font-weight: 400;
            line-height: 140%;
        }

        @media screen and (max-width: 768px) {
            .author-form__head {
                flex-direction: column;
            }

            .blog-popup {
                padding: 24px;
            }

            .blog-popup__title {
                font-size: 24px;
            }

            .blog-popup__description {
                font-size: 16px;
            }

            .blog-popup__content {
                margin-bottom: 32px;
            }

            .blog-popup__form .author__btn {
                margin-top: 32px;
            }

            .author__field-wrapper textarea {
                max-height: 156px;
            }
        }