.microlearning-slider {display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 30px;margin: 0 0 40px 0;}
.microlearning-slider .item {position: relative;overflow: hidden;}
.microlearning-slider .item .label {background: #F45096; color: #fff; display: inline-block; padding: 40px 55px 20px 55px; transform: translate(-34%,-13%) rotate(-45deg); position: absolute; /* left: -63px; */ /* top: -13px; */ text-transform: uppercase; transform-origin: center; line-height: 1; font-family: 'TransboldNeue-Bold'; border-bottom: solid 4px #fff; z-index: 3; }
.microlearning-slider .item .label strong {display: block; text-align: center; font-size: 31px; }
.microlearning-slider .item .label small {font-size: 15px; }
.microlearning-slider .item .text {position: absolute;left: 50px;right: 50px;bottom: 50px;z-index: 2;}
.microlearning-slider .item .text .speaker {margin: 0 0 20px 0;display: flex;align-items: center;}
.microlearning-slider .item .text .speaker .photo {}
.microlearning-slider .item .text .speaker .photo img {border-radius: 50%;max-width: 100px;background: #fff;margin: 0 10px 0 0px;}
.microlearning-slider .item .text .speaker .speaker-name {}
.microlearning-slider .item .text .speaker .speaker-name .speaker_name {font-weight: 300;color: #fff;margin: 0;font-size: 22px;line-height: 1;}
.microlearning-slider .item .text .speaker .speaker-name .speaker_name span {opacity: 0.6;font-weight: 300;}
.microlearning-slider .item .text .speaker .speaker-name .date {color: #fff;font-size: 23px;font-weight: 600;line-height: 1.2;}

.microlearning-slider .item .text .name {color: #fff;font-family: 'TransboldNeue-Bold';text-decoration: none;text-transform: uppercase;font-size: 56px;display: block;line-height: 1;}
.microlearning-slider .item .text .foot {display: flex; align-items: center; margin: 30px 0 0 0; }
.microlearning-slider .item .text .foot .btn {display: flex; align-items: center; background: #000; font-size: 20px; }
.microlearning-slider .item .text .foot .btn i {margin: 0 0 0 10px; font-size: 20px; }
.microlearning-slider .item .text .foot .flag {margin: 0 0 0 auto; }
.microlearning-slider .item .text .foot .flag img {max-width: 50px; border-radius: 50%; }
.microlearning-slider .item::after {content: "";background: rgb(244,80,150);background: -moz-linear-gradient(0deg, rgba(244,80,150,1) 0%, rgba(244,80,150,0) 100%);background: -webkit-linear-gradient(0deg, rgba(244,80,150,1) 0%, rgba(244,80,150,0) 100%);background: linear-gradient(0deg, rgba(244,80,150,1) 0%, rgba(244,80,150,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f45096",endColorstr="#f45096",GradientType=1);position: absolute;inset: 0;z-index: 1;}
.microlearning-slider .item .banner {}
.microlearning-slider .item .banner img {max-width: 100%; }


.microlearning-slider .owl-nav {display:none !important}

@media (max-width:991px) {
.microlearning-slider {
    margin: 0 -20px 40px;
    width: calc(100% + 40px);
}
.microlearning-slider .item {}
.microlearning-slider .item .label {}
.microlearning-slider .item .label strong {}
.microlearning-slider .item .label small {}
.microlearning-slider .item .text {
    left: 30px;
    right: 30px;
    bottom: 30px;
}
.microlearning-slider .item .text .speaker {}
.microlearning-slider .item .text .speaker .photo {}
.microlearning-slider .item .text .speaker .photo img {
    max-width: 70px;
}
.microlearning-slider .item .text .speaker .speaker-name {}
.microlearning-slider .item .text .speaker .speaker-name .speaker_name {
    font-size: 18px;
}
.microlearning-slider .item .text .speaker .speaker-name .speaker_name span {}
.microlearning-slider .item .text .speaker .speaker-name .date {}

.microlearning-slider .item .text .name {
    font-size: 32px;
}
.microlearning-slider .item .text .foot {}
.microlearning-slider .item .text .foot .btn {}
.microlearning-slider .item .text .foot .btn i {}
.microlearning-slider .item .text .foot .flag {}
.microlearning-slider .item .text .foot .flag img {
    max-width: 30px;
}
.microlearning-slider .item::after {}
.microlearning-slider .item .banner {}
.microlearning-slider .item .banner img {
    height: 440px;
    object-fit: cover;
}

}

.microlearning-listing {display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 30px; }
.microlearning-listing .item {position: relative;height: 100%;/* background: #aaa; */overflow: hidden;}
.microlearning-listing .item .text {position: absolute;left: 30px;right: 30px;bottom: 30px;z-index: 2;/* padding: 25px; *//* position: relative; */z-index: 10;/* height: 100%; */display: flex;flex-direction: column;}
.microlearning-listing .item .text .speaker {margin: 0 0 20px 0;display: flex;align-items: center;}
.microlearning-listing .item .text .speaker .photo {}
.microlearning-listing .item .text .speaker .photo img {border-radius: 50%;max-width: 80px;background: #fff;margin: 0 10px 0 0px;}
.microlearning-listing .item .text .speaker .speaker-name {}
.microlearning-listing .item .text .speaker .speaker-name .speaker_name {font-weight: 300;color: #fff;margin: 0;font-size: 18px;line-height: 1;}
.microlearning-listing .item .text .speaker .speaker-name .speaker_name span {opacity: 0.6;font-weight: 300;}
.microlearning-listing .item .text .speaker .speaker-name .date {color: #fff;font-size: 20px;font-weight: 600;line-height: 1.2;}

.microlearning-listing .item .text .name {color: #fff;font-family: 'TransboldNeue-Bold';text-decoration: none;text-transform: uppercase;font-size: 36px;display: block;line-height: 1;}
.microlearning-listing .item::after {content: "";position: absolute;top: -50px;bottom: 0;left: 0;right: 0;z-index: 1;background: rgb(244,80,150);background: linear-gradient(0deg, rgba(244,80,150,1) 0%, rgba(244,80,150,0.18) 100%);}
.microlearning-listing .item:not(.available)::after {background: rgb(100,100,100);background: linear-gradient(0deg, rgba(100,100,100,1) 0%, rgba(100,100,100,0.18) 100%);}
.microlearning-listing .item .banner {}
.microlearning-listing .item .banner::before {content:"";padding-top: 70%;display: block;}
.microlearning-listing .item .banner img {/* max-width: 100%; */position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-size: cover;width: auto;max-width: none;width: 100%;height: 100%;object-fit: cover;}
.microlearning-listing .item .text .spacer {flex-grow:1}
.microlearning-listing .item .text .foot {display: flex; align-items: center; margin: 20px 0 0 0; }
.microlearning-listing .item .text .foot .btn {background: #000; display: flex; align-items: center; }
.microlearning-listing .item .text .foot .btn i {margin: 0 0 0 11px; font-size: 20px; }
.microlearning-listing .item .text .foot .flag {margin: 0 0 0 auto; }
.microlearning-listing .item .text .foot .flag img {max-width: 40px;border-radius: 50%;}


.microlearning-listing .large {grid-column: span 2;}
.microlearning-listing .large .item .banner::before { padding-top: 50%; }
.microlearning-listing .large .item::after {content: "";position: absolute;top: -50px;bottom: 0;left: 0;right: 0;z-index: 1;background: rgb(244,80,150);background: linear-gradient(0deg, rgba(244,80,150,1) 0%, rgba(244,80,150,0.18) 100%);}
.microlearning-listing .large .item .text .name {
    font-size: 54px;
}

.microlearning-listing {margin: 0 0 40px 0;}
.microlearning-listing.owl-carousel {visibility:hidden;}
.microlearning-listing.owl-carousel.owl-loaded {visibility: visible}
.microlearning-listing.owl-carousel .owl-stage-outer {}
.microlearning-listing.owl-carousel .owl-stage-outer .owl-stage {display: flex; }
.microlearning-listing .owl-dots {display:none !important}
.microlearning-listing .owl-nav {position: absolute;top: -102px;right: 0;font-size: 48px;}
.microlearning-listing .owl-nav .owl-prev {line-height: 1 !important;display: inline-block;}
.microlearning-listing .owl-nav .owl-next {line-height: 1 !important;display: inline-block;margin: 0 0 0 12px;}
.microlearning-listing .owl-nav .owl-prev::before {content: "\e912";font-family: icomoon;color: #bbb;vertical-align: top;display: block;width: 36px;}
.microlearning-listing .owl-nav .owl-prev.disabled::before, .microlearning-listing .owl-nav .owl-next.disabled::before {color: #bbb;}
.microlearning-listing .owl-nav .owl-next::before {content: "\e911";font-family: icomoon;color: #bbb;vertical-align: top;width: 36px;display: block;}
.microlearning-listing .owl-nav .owl-prev:hover::before, .microlearning-listing .owl-nav .owl-next:hover::before {color:#000;}


.microlearning-slider .owl-dots {display: block !important;margin: 10px 0 0 0;}
.microlearning-slider .owl-dots .owl-dot {background: var(--c-main) !important;width: 7px;height: 7px;margin: 0 7px;}
.microlearning-slider .owl-dots .owl-dot.active {background: #fff !important;box-shadow: 0 0 0 5px var(--c-main);}


.microlearning-listing.cols-3 {grid-template-columns: repeat(3,1fr);}
.microlearning-listing.cols-3 .item .text .name {font-size: 25px;}
.microlearning-listing.cols-3 .item .text .speaker .photo img {max-width: 50px;}
.microlearning-listing.cols-3 .item .text .speaker .speaker-name .date {font-size: 16px;}
.microlearning-listing.cols-3 .item .text .speaker .speaker-name .speaker_name {font-size: 16px;}

.sidebar .microlearning-listing { grid-template-columns: repeat(1,1fr); }
.sidebar .microlearning-listing .item {}
.sidebar .microlearning-listing .item .text { left: 20px; right: 20px; bottom: 20px; }
.sidebar .microlearning-listing .item .text .name-wrap {}
.sidebar .microlearning-listing .item .text .name-wrap .name {font-size: 23px !important;}
.sidebar .microlearning-listing .item .text .speaker { margin: 0 0 10px 0; }
.sidebar .microlearning-listing .item .text .speaker .speaker-name .speaker_name { font-size: 16px; }
.sidebar .microlearning-listing .item .text .speaker .photo {}
.sidebar .microlearning-listing .item .text .speaker .photo img { max-width: 60px; }
    
.sidebar .microlearning-listing .item .text .foot .btn { padding: 10px 15px; font-size: 14px; }
.sidebar .microlearning-listing .item .text .foot .btn i { font-size: 15px; margin: -2px 0 0 10px; }
.sidebar .microlearning-listing .item .text .foot .flag img { max-width: 30px; }
.sidebar .microlearning-listing .item .banner {}
.sidebar .microlearning-listing .item .banner img {}

@media (max-width:1200px) {
    .microlearning-listing .item .text .name {font-size: 24px;}

    .microlearning-listing .large .item .text .name {font-size: 36px;}
    .microlearning-listing .item .text .speaker .photo {}
    .microlearning-listing .item .text .speaker .photo img {max-width: 60px;}
    .microlearning-listing .item .text .speaker .speaker-name {flex: 1;}
    .microlearning-listing .item .text .speaker .speaker-name .speaker_name {font-size: 16px;}
    .microlearning-listing .item .text .speaker .speaker-name .date {font-size: 15px;}


}
@media (max-width:991px) {
    .sidebar .microlearning-listing {grid-template-columns: repeat(2,1fr);}
    .microlearning-listing .item .banner::before {
    padding-top: 100%;
}
}
@media (max-width:767px) {
    .microlearning-listing .owl-nav {display: none;}
    .section-title .img img {}
    .microlearning-listing {
    grid-template-columns: repeat(1, 1fr);
}
.microlearning-listing .large {grid-column: span 1;}
    .microlearning-listing .item .text {left: 20px;bottom: 20px;right: 20px;}
    .microlearning-listing .item .banner {min-height: 300px;}
    .microlearning-listing .item .banner::before {
    padding-top: 70%;
}
    .microlearning-listing .large .item .text .name {font-size:24px;}
    .microlearning-listing .large .item .banner::before {padding-top: 70%;}
    .microlearning-listing .item .text .foot .flag img {max-width: 30px;}
    .microlearning-listing .item .text .foot .btn {font-size: 14px;padding: 10px 18px 10px 18px;}
    .microlearning-listing .owl-dots {display: block !important;margin: 10px 0 0 0;}
    .microlearning-listing .owl-dots .owl-dot {background: #aaa;width: 7px;height: 7px;margin: 0 7px;}
    .microlearning-listing .owl-dots .owl-dot.active {background: #fff;box-shadow: 0 0 0 5px var(--c-main);}

    .sidebar .microlearning-listing {
    grid-template-columns: repeat(1,1fr);
}
}
.listing-section {margin: 0 0 40px 0; }
.section-title {display: flex;align-items: center;font-family: 'TransboldNeue-Bold';font-size: 30px;text-transform: uppercase;}
.section-title .img {margin: 0 20px 0 0; position: relative; }
.section-title .img img {width: 100px;height: 100px;}
.section-title .img img.gif {display: none;}
.section-title .img img.png {}
.listing-section:hover .section-title .img img.png {display:none}
.listing-section:hover .section-title .img img.gif {display:block}
.section-title .img .nr {background: #e02318; color: #fff; width: 30px; height: 30px; display: block; position: absolute; left: 0; bottom: 0; text-align: center; line-height: 32px; font-size: 16px; border-radius: 50%; }
.section-title span {flex:1;line-height: 1;}


@media (max-width:767px) {
    .section-title {
    margin: 0 0 20px 0;
}
    .section-title .img {margin:0 10px 0 0;}
    .section-title .img img {width: 70px;height: 70px;}
}

.microlearning-single {}
.microlearning-single .content {display: grid;grid-template-columns: repeat(7,1fr);grid-gap: 30px;}
.microlearning-single .content .main {grid-column: span 5; }
.microlearning-single .content .sidebar {grid-column: span 2;/* background: #f2f2f2; *//* padding: 25px; */}
.microlearning-single .content .sidebar > h2 {font-weight: 800;font-size: 25px;margin: 0 0 10px 0;}
.microlearning-single .content .sidebar > h2.nm-heading {
    margin: -40px 0 10px 0;
}
.microlearning-single .content .sidebar .comments-area .comment-respond h3.comment-reply-title {text-transform: none;font-size: 15px;display: flex;flex-wrap: wrap;align-items: center;margin: 0 0 16px 0;}
.microlearning-single .content .sidebar .comments-area .comment-respond h3.comment-reply-title > a {margin: 0 auto 0 5px;}
.microlearning-single .content .sidebar .comments-area .comment-respond h3.comment-reply-title small {
    margin: 0;
}

.microlearning-single .content .sidebar .comments-area .comment-respond h3.comment-reply-title small a {
    /* flex: 0 1 60%; */
    background: none;
    margin: 0;
    color: #000;
    border-bottom: solid 1px;
    padding: 0;
}
.microlearning-single .content .sidebar .comments-area .comment-respond h3.comment-reply-title a img {
    max-width: 35px;
    border-radius: 50%;
    display: none;
}
.microlearning-single .content .sidebar .comments-area .comment-respond .comment-form-comment textarea {background: #f2f2f2;border-radius: 0;}

.microlearning-single .content  .h2  {font-family: 'TransboldNeue-Bold'; font-size: 38px; margin: 0 0 20px 0; }
.microlearning-single .content  .speakerListing {}
.microlearning-single .content  .speakerListing .item {}
.microlearning-single .content  .speakerListing .item img {border: solid 2px #eee;}

.course-name {display: flex;align-items: center;font-family: 'TransboldNeue-Bold';text-transform: uppercase;margin: 0 0 40px 0;}
.course-name .img {margin: 0 20px 0 0; position: relative; }
.course-name .img img {max-width: 110px;}
.course-name .img img.gif {display: none;}
.course-name .img img.png {}
.course-name .img .nr {background: #e02318;color: #fff;width: 40px;height: 40px;display: block;position: absolute;left: 0;bottom: 0;text-align: center;line-height: 42px;font-size: 16px;border-radius: 50%;}
.course-name span {font-size: 42px;}
.course-name span small {display: block;font-size: 60%;}


.microlearning-single .player {position: relative;overflow: hidden;margin: 0;}
.microlearning-single .player > button {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 2;width: 360px;height: 360px;border: none;border-radius: 50%;background: rgb(255 255 255 / 50%);padding: 0;}
.microlearning-single .player > button i {font-size: 108px; color: var(--c-main); }
.microlearning-single .player > button:hover {background: rgb(255 255 255 / 70%)}
.microlearning-single .player .text {position: absolute;left: 30px;right: 30px;top: 50%;z-index: 2;width: auto;max-width: none;transform: translatey(-50%);}
.microlearning-single .player .text .speakers {margin: 0 0 20px 0;pointer-events: none;}
.microlearning-single .player .text .speakers .speaker {display: flex; align-items: center; }
.microlearning-single .player .text .speakers .speaker img {border-radius: 50%;max-width: 120px;border: solid 5px #fff;background: #fff;margin: 0 15px 0 0;}
.microlearning-single .player .text .speakers .speaker p {margin: 0;color: #fff;font-family: 'TransboldNeue-Bold';font-size: 28px;line-height: 1;text-transform: uppercase;}
.microlearning-single .player .text .speakers .speaker p span {display: block; opacity: 0.7; }
.microlearning-single .player .text .name {color: #fff;font-family: 'TransboldNeue-Bold';text-decoration: none;text-transform: uppercase;font-size: 56px;display: block;line-height: 1;margin: 0 0 10px 0;pointer-events: none;}
.microlearning-single .views-likes {}
.microlearning-single .views-likes span {background: #b2b2b2;margin: 0 10px 0 0;display: inline-block;padding: 6px 10px;line-height: 1;color: #fff;border-radius: 5px;font-size: 14px;}
.microlearning-single .views-likes span i {margin: 0 4px 0 0; }
.microlearning-single .views-likes span em {font-style:normal;margin: 0 4px 0 0;}
.microlearning-single .player .text .views-likes span i:first-child {margin: 0 6px 0 0;}
.microlearning-single .player .text .views-likes span i:last-child {margin: 0 0 0 6px; }
.microlearning-single .player::after {content: "";background: rgb(244,80,150);background: -moz-linear-gradient(0deg, rgba(244,80,150,1) 0%, rgba(244,80,150,0) 100%);background: -webkit-linear-gradient(0deg, rgba(244,80,150,1) 0%, rgba(244,80,150,0) 100%);background: linear-gradient(0deg, rgba(244,80,150,1) 0%, rgba(244,80,150,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f45096",endColorstr="#f45096",GradientType=1);position: absolute;inset: 0;z-index: 1;display: none;}
.microlearning-single .player .banner {}
.microlearning-single .player .banner img {max-width: 100%; }

.tabs-wrapper {margin: 15px 0 0 0;position: relative;display: flex;flex-wrap: wrap;align-items: center;}
.tabs-wrapper .tab-links {}
.tabs-wrapper .tab-links a {color: #000; text-transform: uppercase; font-family: 'TransboldNeue-Bold'; font-size: 26px; margin: 0 40px 0 0; padding: 0 0 2px 0; display: inline-block; }
.tabs-wrapper .tab-links a.active {color: var(--c-main); border-bottom: solid 2px var(--c-main); }
.tabs-wrapper .tab-content {padding: 0;font-size: 18px;flex: 0 1 100%;margin: 0 0 30px 0;}
.tabs-wrapper .tab-content h1 {display:none}

.share-course {text-align: center;margin: 0 0 0 auto;}
.share-course  .swp_social_panel:not(.nc_floater):not(.swp_social_panelSide) {margin: 2px 0 0 0  !important;}
.share-course  .swp_social_panel:not(.nc_floater):not(.swp_social_panelSide) > div {width: 40px !important; height: 40px !important; line-height: 40px !important; }
.share-course  .swp_social_panel:not(.nc_floater):not(.swp_social_panelSide) > div a {width: 40px !important; height: 40px !important; line-height: 40px !important; }
.share-course  .swp_social_panel:not(.nc_floater):not(.swp_social_panelSide) > div a > span {}
.share-course  .swp_social_panel:not(.nc_floater):not(.swp_social_panelSide) > div a > span > span {}
.share-course  .swp_social_panel:not(.nc_floater):not(.swp_social_panelSide) > div a > span > span > span {}
.share-course  .swp_social_panel:not(.nc_floater):not(.swp_social_panelSide) > div a > span > span > span i {width: 40px !important; height: 40px !important; line-height: 40px !important; font-size: 19px !important; }
.share-course  .swp_social_panel:not(.nc_floater):not(.swp_social_panelSide) > div a i {}
.share-course h5 {font-size: 12px; margin: 0 0 3px 0; }
.share-course ul {padding: 0; margin: 0; list-style: none; }
.share-course ul li {display: inline-block; margin: 0 2px; }
.share-course ul li a {display: block; background: #b2b2b2; color: #fff; border-radius: 50%; width: 36px; height: 36px; line-height: 38px; text-align: center; }
.share-course ul li a i {}

.resources.pdf {padding: 0; margin: 0; list-style: none; font-size: 16px; }
.resources.pdf li {display: inline-flex;margin: 10px 20px 10px 0;}
.resources.pdf li a {color: #000; align-items: center; display: flex; border: solid 1px var(--c-main); padding: 10px 17px; }

.resources.pdf li a::before {content: "\f1c1";font-family: 'Font Awesome 5 Free';font-weight: 900;font-size: 28px;color: #bbb;margin: 0 10px 0 0;} 
.resources.pdf li a:hover {background:var(--c-main);color:#fff;}
.resources.pdf li a:hover::before {;color:#fff;}.


.user-profile {}
.user-profile .intro {display: flex; flex-wrap: wrap; padding: 0; align-items: center; }
.user-profile .intro .user {display: flex; align-items: center; }
.user-profile .intro .user img {border: solid 2px #000; border-radius: 50%; max-width: 160px; margin: 0 20px 0 0; }
.user-profile .intro .user .name {margin: 0; text-transform: uppercase; font-size: 28px; font-family: 'TransboldNeue-Bold'; line-height: 1; color: #aaa; }
.user-profile .intro .user .name strong {display:block;font-size: 150%;color: #000;}
.user-profile .intro .text {margin: 0 0 0 auto; text-align: right; }
circle {stroke-linecap: round;}
circle:nth-child(7) {display:none}
.user-profile .intro .text h2 {font-size: 32px;margin: 0;font-weight: 400;color: #777;}
.user-profile .intro .stats {flex: 0 1 100%; display: flex; gap: 35px; margin: 40px 0 40px 0; }
.user-profile .intro .stats .elem {flex: 1; position: relative; }
.user-profile .intro .stats .elem .donut-chart-stats {vertical-align: top; position: relative; z-index: 2; display: inline-block; }
.user-profile .intro .stats .elem img {position: absolute;inset: 3px;z-index: 1;vertical-align: top;display: inline-block;width: calc(100% - 7px);}
.user-profile .intro .stats + h2 {font-size: 32px;margin: 30px 0 30px 0;font-weight: 400;color: #777;flex: 0 1 100%;}




.practice-header {margin: 0 0 50px 0;display: flex;align-items: center;}
.practice-header .info {display: flex; align-items: center; }
.practice-header .info .logo {max-width: 110px; margin: 0 25px 0 0; }
.practice-header .info .text {font-size: 22px;color: #777;font-weight: 400;line-height: 1.2;}
.practice-header .charts {margin: 0 0 0 auto; flex: 1; }
.practice-header .charts .chart {margin: 0 0 0 20px; }
.practice-header .charts .chart canvas {}

.staff-listing {margin: 50px 0 0 0; }
.staff-listing .item {display: flex;align-items: center;margin: 0 0 30px 0;flex-wrap: wrap;border-bottom: solid 2px #eee;padding: 0 0 30px 0;}
.staff-listing .item:last-child {border:none; padding:0}
.staff-listing .item .details {display: flex;align-items: center;margin: 0 0 20px 0;flex: 0 1 100%;}
.staff-listing .item .details img {max-width: 60px;border: solid 2px #fff;border-radius: 50%;margin: 0 20px 0 0;}
.staff-listing .item .details .text {flex: 1;position: relative;}
.staff-listing .item .details .text h3 {/* text-transform: uppercase; */color: #aaa;line-height: 1;margin: 0;font-size: 14px;font-weight: 300;}
.staff-listing .item .details .text h3 strong {display: block;color: #000;font-size: 150%;text-transform: uppercase;font-family: 'TransboldNeue-Bold';font-weight: 300;}
.staff-listing .item .details .text .buttons {
    margin: 0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.staff-listing .item .details .text .buttons .btn {text-transform: none;padding: 10px 15px;margin: 0 20px 0 0;margin: 0 0px 0 20px;font-size: 14px;border: none;background: none;color: #000 !important;border-bottom: solid 1px #000;padding: 0;}
.staff-listing .item .details .text .buttons .btn:hover {color: var(--c-main) !important; border-bottom:solid 1px var(--c-main);}
.staff-listing .item .details .text .buttons .link {color: #000;margin: 10px 20px 0 0;white-space: nowrap;display: inline-block;}
.staff-listing .item .stats {display: flex;flex: 0 1 100%;}
.staff-listing .item .stats .elem {position:relative;margin: 0 30px 0 0;}
.staff-listing .item .stats .elem .donut-chart-stats {z-index: 3; position: relative; display: block; }
.staff-listing .item .stats .elem img {position: absolute;inset: 0;z-index: 1;vertical-align: top;display: inline-block;/* width: calc(100% - 7px); */border: solid transparent 2px;}

@media (max-width:991px) {
    
   
.staff-listing {
    margin: 0;
} 
.staff-listing .item {margin: 0 0 20px 0; padding: 0 0 20px 0; } 
    .staff-listing .item .details {flex-wrap: wrap;/* text-align: center; */}
    .staff-listing .item .details > img {/* margin: 0 auto 10px; */}
    .staff-listing .item .details .text {/* flex: 0 1 100%; */}
    .staff-listing .item .stats {flex-wrap: wrap;/* justify-content: center; */}
    .staff-listing .item .stats .elem {margin: 5px 7px;flex: 0 1 14%;max-width: 80px;}
.staff-listing .item .details .text .buttons {
}
.staff-listing .item .details .text .buttons .btn {margin: 0 0 0 20px;}

    .microlearning-single .content {display: block; }
    .microlearning-single .content .main {}
    .microlearning-single .content .sidebar {margin: 30px 0 0 0; }

    .microlearning-single .course-name {display: block;position: relative;margin: 0 0 15px 0;}
    .microlearning-single .course-name .img {position: absolute; top: 0; /* transform: translateY(-50%); */ }
    .microlearning-single .course-name .img .nr {}
    .microlearning-single .course-name .img img {max-width: 60px; }
    .microlearning-single .course-name .img .nr {width: 30px; height: 30px; line-height: 30px; font-size: 13px; }
    .microlearning-single .course-name span {font-size: 36px; }
    .microlearning-single .course-name span small {padding: 0 0 0 70px; min-height: 60px; display: flex; align-items: center; margin: 0 0 10px 0; }

    .microlearning-single .player {margin: 0 -20px; }
    .microlearning-single .player .loginNotification {position: unset; }
    .microlearning-single .player .text {left: 20px;right: 20px;bottom: 20px;top: 20px;display: flex;flex-direction: column;justify-content: center;transform: none;box-shadow: 0 0 50px rgb(0 0 0 / 50%);} 
    .microlearning-single .content .sidebar > h2.nm-heading {margin-top:0}
}

@media (max-width:767px) {
.staff-listing .item .details .text .buttons {
    position: relative;
    top: auto;
    transform: none;
}
.staff-listing .item .details .text .buttons .btn {margin: 10px 13px 0 0;}
}