.userImage{text-align:center}.userImage img{width:100px;height:100px;border-radius:150px;margin:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.userDetails{background:#f9f9f9}.userDetails h2{font-size:18px;text-align:center;margin-top:15px}.userDetails ul{list-style:none;padding:0;margin:0;font-size:13px;font-weight:500}.userDetails ul li{display:flex;justify-content:space-between;padding:5px 0}.shortbio{font-size:12px;font-style:italic}.userCounter{background-image:url(../img/counter-bar.c75a065f.svg);background-repeat:no-repeat;background-size:60px;background-position-x:90%;background-position-y:60%}.userCounter h2{color:var(--brand-color)}.userCounter h3{font-size:18px}.pageTitle.userProfile{display:flex;align-items:center;justify-content:space-between}button.logOut{font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;transition:all .6s ease;padding:8px 15px}button.logOut .icon-arrow{width:18px;height:18px;background:#fff;transform:rotate(180deg);margin-right:10px;transition:all .6s ease}button.logOut:hover .icon-arrow{margin-right:15px}.profleInfo h3{font-size:20px;font-weight:600}.section-border{display:block;width:80px;height:4px;border-radius:6px;background:var(--brand-color);margin-bottom:1rem}.file-upload{position:relative;display:inline-block}.file-upload__label{display:block;padding:10px 30px;color:var(--brand-color);border:1px solid var(--brand-color);border-radius:.4em;transition:background .3s}.file-upload__label:hover{cursor:pointer}.file-upload__input{position:absolute;left:0;top:0;right:0;bottom:0;font-size:1;width:0;height:100%;opacity:0}.progress{border-radius:60px;position:relative}.progress-bar{background-color:var(--brand-color)}.expiredCourse .progress-bar{background-color:#ddd}.courseCompleted .progress-bar{background-color:green}.courseCompleted .progressStatus{color:#fff}.progressStatus{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.expiredCourse .progressStatus{color:#ddd}.expireDate{display:block;font-size:13px;font-weight:500;margin-top:5px}.expireDate a{color:var(--brand-hover)}.expireDate span{color:red}.paymentHistory table{font-size:14px}.paymentHistory table thead tr th{font-weight:500;background-color:transparent;padding:15px 15px;text-transform:uppercase;color:#555}.paymentHistory table tbody tr{transition:all .4s ease}.paymentHistory table tbody tr:hover{background:#fff;border-left:2px solid var(--brand-color);box-shadow:0 0 30px rgba(51,51,51,.13)}.paymentHistory table tbody tr td{padding:25px 15px;border:0;background:transparent}.paymentHistory table tbody tr td:last-child{width:150px}.table-actions ul{list-style:none;padding:0;margin:0}.table-actions ul li{display:inline-block;padding:0 5px}.table-actions ul li span{display:block;width:18px;height:18px;background:var(--brand-color);transition:all .6s ease}.table-actions ul li a{border:1px solid var(--brand-color);display:flex;width:30px;height:30px;border-radius:60px;align-items:center;justify-content:center;transition:all .6s ease}.table-actions ul li a:hover{background:var(--brand-color)}.table-actions ul li a:hover span{background:#fff}.download-icon .icon-arrow{transform:rotate(90deg);width:15px;height:15px}.noData h4{font-size:16px;font-weight:400}