/* جلوگیری از بیرون زدن المان از صفحه در حالت موبایل */

html, body {
    overflow-x: hidden !important;
    width: 100% !important;
}

img, iframe, video {
    max-width: 100%;
    height: auto;
}

.container, .row, section, article {
    margin: 0 auto;
    max-width: 100%;
    box-sizing: border-box;
}
/*-------------------------------------*/

/*input  Begin*/
body {
    font-family: "Vazir", sans-serif;
}

.input-box {
    position: relative;
    width: 400px;
}

    .input-box input {
        width: 100%;
        padding: 12px 45px 12px 12px;
        border: 2px solid #ccc;
        border-radius: 10px;
        font-size: 16px;
        outline: none;
        transition: 0.3s;
    }

        .input-box input:focus {
            border-color: #6a11cb;
            box-shadow: 0 0 8px rgb(0, 38, 255, 0.5);
        }

    .input-box i {
        position: absolute;
        top: 70%;
        right: 15px;
        transform: translateY(-50%);
        color: #888;
        font-size: 18px;
        pointer-events: none;
        transition: 0.3s;
    }

    .input-box input:focus + i {
        color: #ffd800;
        transform: translateY(-50%) scale(1.5);
    }
/*input  End*/