.form-validation .form__item{ position: relative; }
   
   .form-validation .error__content {
       position: absolute;
        padding: 0 5px;
        font-size: 11.5px;
        top: 0;
        color: #f94646;
		
        width: 180px;
        text-align: center;
        line-height: 12px;
        border-radius: 5px;
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        left: 50px;
        margin-top: -5px;
        background: #fff;
       display: none;
       opacity: 0;
       animation: ani 0.5s forwards;
    } 

        
    .form-input-wrap-popup .error {
        color: red;
        font-size: 14px;
        display: none;
        position: absolute;
        top: 0;
        right: 10px;
        background: #fff;
        padding: 0 10px;            
    }

    
    
    .form-input-wrap-popup input[type="tel"].error {
        color: red !important;
        font-size: 16px;
        display: block;
        position: relative;
        border: 1px solid red;
        padding: 21px 28px;
        color: #3a3939;
        border-radius: 5px;       
        right: 0;
    }


    .form-input-wrap-popup .input-error {
        border: 1px solid red;
    }


    .text_mess{ display: inline-flex; margin-left: 5px}

    .input-error-red{ border:1px solid red; color:red; }

    .text-error-red{ color: red; font-size: 14px; margin-bottom: 18px; display:block; }
    
    
    @keyframes ani {
       0% {opacity: 0;}
       100% {opacity: 1;}
    }