/*=========================================================
    KK TEXTAREA
=========================================================*/

.kk-textarea-wrapper{

    position:relative;
    margin-top:18px;
}

.kk-textarea-wrapper textarea{

    width:100%;

    min-height:170px;

    padding:28px 20px 18px 58px;

    border:1px solid var(--kk-border);

    border-radius:20px;

    background:#fff;

    resize:vertical;

    outline:none;

    font-size:16px;

    font-family:inherit;

    transition:var(--kk-transition);

}

.kk-textarea-wrapper textarea:focus{

    border-color:var(--kk-primary);

    box-shadow:

        0 0 0 4px rgba(198,40,40,.08),

        0 10px 25px rgba(0,0,0,.05);

}

.kk-textarea-wrapper i{

    position:absolute;

    top:24px;

    left:20px;

    color:var(--kk-text-light);

    transition:var(--kk-transition);

}

.kk-textarea-wrapper label{

    position:absolute;

    top:24px;

    left:55px;

    background:#fff;

    padding:0 6px;

    color:var(--kk-text-light);

    pointer-events:none;

    transition:.25s;

}

.kk-textarea-wrapper textarea:focus~label,

.kk-textarea-wrapper textarea:not(:placeholder-shown)~label{

    top:-9px;

    font-size:13px;

    font-weight:600;

    color:var(--kk-primary);

}

.kk-textarea-wrapper textarea:focus~i{

    color:var(--kk-primary);

}