.forgot-phone >a{
    color:#fff
    }
    .checkbox-fade, .checkbox-zoom {
        display: inline-block;
        margin-right: 15px;
    }
    .f-w-600 {
        font-weight: 600;
    }
    .checkbox-fade label input[type="checkbox"]+.cr>.cr-icon, .checkbox-fade label input[type="radio"]+.cr>.cr-icon, .checkbox-zoom label input[type="checkbox"]+.cr>.cr-icon, .checkbox-zoom label input[type="radio"]+.cr>.cr-icon {
        -webkit-transform: scale(3) rotateZ(
    -20deg
    );
        transform: scale(3) rotateZ(
    -20deg
    );
        opacity: 0;
        -webkit-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
    }
    
    .checkbox-fade label input[type="checkbox"], .checkbox-fade label input[type="radio"] {
        display: none;
    }
    .checkbox-fade label input[type="checkbox"], .checkbox-fade label input[type="radio"], .checkbox-zoom label input[type="checkbox"], .checkbox-zoom label input[type="radio"] {
        display: none;
    }
    
    .checkbox-fade.fade-in-primary .cr, .checkbox-fade.zoom-primary .cr, .checkbox-zoom.fade-in-primary .cr, .checkbox-zoom.zoom-primary .cr {
        border: 2px solid #ffff; /*color 1*/
    }
    .icofont-ui-check:before {
        content: "\ed27";
    }
    .checkbox-fade .cr, .checkbox-zoom .cr {
        border-radius: 0;
        border: 2px solid #01a9ac;
        cursor: pointer;
        display: inline-block;
        float: left;
        height: 20px;
        margin-right: 0.5em;
        position: relative;
        width: 20px;
        cursor: pointer;
    }
    *, ::after, ::before {
        box-sizing: border-box;
    }
    .checkbox-fade label {
        line-height: 20px;
    }
    .checkbox-fade label, .checkbox-zoom label {
        line-height: 20px;
    }
    
    .checkbox-fade.fade-in-primary .cr .cr-icon, .checkbox-fade.zoom-primary .cr .cr-icon, .checkbox-zoom.fade-in-primary .cr .cr-icon, .checkbox-zoom.zoom-primary .cr .cr-icon {
        color: #fff /*color 3*/;
    }
    .checkbox-fade .cr .cr-icon, .checkbox-zoom .cr .cr-icon {
        color: #01a9ac;
        font-size: 0.8em;
        left: 0;
        line-height: 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: 50%;
        ;
    }
    
    
    @media (max-width: 576px){
    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .rem-area{
        margin: 6px 0;
        font-size: 16px;
        padding: 16px;
    }
    
    }
    
    
    
    .check-show{
          transform: scale(1.5);
          opacity: 1;
          transition: all 300ms ease-in;
          color: #fff;/*color 2*/
        font-size: 0.8em;
        left: 0;
        line-height: 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: 50%;
    }


    .rem-area{
        margin: 6px 0;
        font-size: 16px;
        padding: 1.4em;
        cursor: pointer;
    }
    
    .rem-area>div>label{
        
        cursor: pointer;
    }