.demo .caption {
    width: 100%;
    min-height: 200px;
    padding: 50px 20px;
    margin: 50px 0 20px 0;
    text-align: center;
    background: #f8f8f8;
}

    .demo .caption i {
        font-size: 18px;
    }
/* ////////////////////////////////////////////// */
.demo .titr {
    width: 100%;
    padding: 10px 0;
    text-align: center;
    font-weight: bold;
}
/* ///////////////////////////////////////////////////// */
.form-demo {
    width: 100%;
    padding: 50px 0;
}

    .form-demo input {
        width: 100%;
        height: 50px;
        margin-bottom: 15px;
        border: 1px solid #b2b2b2;
    }

    .form-demo textarea {
        width: 100%;
        max-height: 150px;
        border: 1px solid #b2b2b2;
    }

        .form-demo input:focus,
        .form-demo textarea:focus {
            outline-color: var(--kaveh-color-1-1);
        }

        .form-demo input[placeholder],
        .form-demo textarea[placeholder] {
            padding: 10px;
        }


@media screen and (max-width: 768px) {
    .demo .header {
        height: 200px;
    }

        .demo .header h1 {
            padding: 100px 0;
        }
}

</style >