/* top header   */

.header_topSection {
    padding: 10px 0;
}

.topHeaderNav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.topHeaderNavUl li {
    display: inline-block;
    margin-left: 40px;
}

.topHeaderNavUl li {
    display: inline-block;
    margin-left: 40px;
}

.topHeaderNavUl li.active .aNav {
    color: #598edc;
}


/* nav section */

.header_navSection {
    position: relative;
    background: -o-linear-gradient(left, rgb(89, 142, 220), rgb(123, 90, 166));
    background: -webkit-gradient(linear, left top, right top, from(rgb(89, 142, 220)), to(rgb(123, 90, 166)));
    background: linear-gradient(to right, rgb(89, 142, 220), rgb(123, 90, 166));
}


/* mega menu new */

.navbar {
    padding: 0;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
    padding: 18px 25px;
    text-align: center;
    color: #fff;
}

.menu__area {
    position: static;
}

.mega__area {
    display: block;
    position: absolute;
    top: 45px;
    right: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 50px 0;
    border: none;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

.menu__area:hover>.dropdown-menu,
.menu__area.show>.dropdown-menu {
    display: block;
    top: 60px;
    visibility: visible;
    opacity: 1;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
    -webkit-transition: all 0.3s ease 0.1s;
    pointer-events: auto;
    -webkit-box-shadow: 0 1rem 2rem rgba(22, 28, 45, .1), 0 0.2rem 0rem -2.2rem rgba(22, 28, 45, .05)!important;
    box-shadow: 0 1rem 2rem rgba(22, 28, 45, .1), 0 0.2rem 0rem -2.2rem rgba(22, 28, 45, .05)!important;
}

.nav-item>.nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.nav-item:hover>.nav-link {
    background-color: #fff;
    color: #598edc;
}

.menu__area .nav-link::after {
    content: '';
    position: relative;
    right: -10px;
    background-image: url(../images/components/arrow_down_fff.svg);
    background-repeat: no-repeat;
    width: 12px;
    height: 7px;
    display: inline-block;
    margin: 0;
    margin-right: 10px;
    border: none;
}

.menu__area:hover .nav-link::after {
    background-image: url(../images/components/arrow_down_scd.svg);
}

.menu__area .mega__area a.dropdown-item {
    padding: 15px 25px;
    padding-right: 45px;
    white-space: normal;
}

.menu__area .mega__area .dropdown-submenu:hover>a.dropdown-item,
.menu__area .mega__area .dropdown-submenu:hover>a.dropdown-item:active {
    background-color: #ECF0F9;
    color: #000;
}

.menu__area .dropdown-item:active {
    background-color: #ECF0F9;
    color: #000;
}

.menu__area .mega__area .dropdown-submenu .dropdown-menu a.dropdown-item {
    padding: 10px 20px;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

.dropdown-submenu {
    position: relative;
    background-color: #fff;
}

.dropdown-submenu>a.dropdown-item:after {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%)rotate(-90deg);
    -ms-transform: translateY(-50%)rotate(-90deg);
    transform: translateY(-50%)rotate(-90deg);
    background-image: url(../images/components/arrow_down_scd.svg);
    background-repeat: no-repeat;
    width: 12px;
    height: 8px;
    display: block;
    margin-right: 0px;
}

.dropdown-submenu>.dropdown-menu {
    display: block;
    top: 0;
    left: 97%;
    width: 50%;
    padding: 0;
    margin-top: 0px;
    margin-left: 0px;
    border: 0;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
    left: 100%;
    visibility: visible;
    opacity: 1;
    z-index: 1;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
    -webkit-transition: all 0.3s ease 0.1s;
}

.menu__area .mega__area .dropdown-submenu .dropdown-menu a.dropdown-item:hover {
    background-color: #fff;
    color: #598edc;
}

.navDropdownRight {
    display: none;
    height: 210px;
}

.navDropdownRight .navRightDDImg {
    display: block;
    width: 100%;
    height: 160px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px;
    background-position: top!important;
}

.navDropdownRight .navRightDDImg img {
    -o-object-position: top;
    object-position: top;
}


/* righr prelogin btnsec */

.scndHeaderBtnSec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

ul.scndHeaderBtnSec li {
    display: inline-block;
    text-transform: uppercase;
}

.scndHeaderBtnSec a.navLink {
    color: #FFFFFF;
    -webkit-transition: color .15s ease-in-out;
    -o-transition: color .15s ease-in-out;
    transition: color .15s ease-in-out;
}

.scndHeaderBtnSec a.navLink:hover {
    color: #fafafa;
    font-family: 'open_sans_semibold', sans-serif;
}

a.navLink.navLinkLogin {
    margin-right: 40px;
}

.mobileNav {
    display: none;
}

.UserProfText .nav-link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #000000;
    height: 60px;
}

.UserProfText .dropdown-toggle::after {
    position: relative;
    right: 0;
    border: 0;
    margin-left: 15px;
    background-image: url(../images/components/arrow_down_fff.svg);
    background-repeat: no-repeat;
    width: 15px;
    height: 8px;
}

.userIcon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
}

.UserProfText.deskNavLi .userIcon img {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    overflow: hidden;
}

.userIcon img {
    margin-right: 10px;
}


/* .UserProfText .dropdown-menu.show {
    padding: 0;
    border: 0;
    left: auto!important;
    right: 0!important;
    top: 45px!important;
    width: 215px;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0 0rem 2rem rgba(22,28,45,.1),0 0.5rem 0rem -0.75rem rgba(22,28,45,.05)!important;
    box-shadow: 0 0rem 2rem rgba(22,28,45,.1),0 0.5rem 0rem -0.75rem rgba(22,28,45,.05)!important;
} */

.UserProfText .dropdown-menu a {
    padding: 10px 15px;
    text-transform: none;
    border-bottom: 1px solid #f9f9f9;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.UserProfText .dropdown-menu a:last-child {
    border-bottom: none;
}

.mobEnable .UserProfText.deskNavLi .dropdown-menu a:hover {
    background-color: #598EDC;
    color: #ffffff;
}

.mobEnable .UserProfText.deskNavLi .dropdown-menu a.active,
.mobEnable .UserProfText.deskNavLi .dropdown-menu a:active {
    color: #000;
    text-decoration: none;
    background-color: #fff;
}

.nav-item.UserProfText.deskNavLi:hover>.nav-link {
    background-color: transparent;
    color: #000;
}

.UserProfText.deskNavLi .dropdown-menu {
    display: block;
    position: absolute;
    top: 70px;
    right: 0;
    left: unset;
    padding: 0;
    margin: 0;
    width: 215px;
    border-radius: 10px;
    overflow: hidden;
    border: none;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

.UserProfText.deskNavLi:hover>.dropdown-menu,
.UserProfText.deskNavLi>.dropdown-menu.show {
    display: block;
    top: 55px;
    left: unset;
    visibility: visible;
    opacity: 1;
    -o-transition: all 0.3s ease 0.1s;
    transition: all 0.3s ease 0.1s;
    -webkit-transition: all 0.3s ease 0.1s;
    pointer-events: auto;
    -webkit-box-shadow: 0 1rem 2rem rgba(22, 28, 45, .1), 0 0.2rem 0rem -2.2rem rgba(22, 28, 45, .05)!important;
    box-shadow: 0 1rem 2rem rgba(22, 28, 45, .1), 0 0.2rem 0rem -2.2rem rgba(22, 28, 45, .05)!important;
}

.headerFixRef {
    position: relative;
    z-index: 100;
}

body.stickyHeader {
    position: fixed;
    top: 0px;
    z-index: 1000;
    width: 100%;
}

.fixed-me {
    background-color: #ffffff;
    position: fixed;
    top: 0px;
    z-index: 1000;
    width: 100%;
    -webkit-box-shadow: 0px 0px 6px 0px #cdcdcd;
    box-shadow: 0px 0px 6px 0px #cdcdcd;
    -webkit-animation: stickySlideDown 0.6s;
    animation: stickySlideDown 0.6s;
}

@keyframes stickySlideDown {
    0% {
        opacity: 0.7;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes stickySlideDown {
    0% {
        -webkit-opacity: 0.7;
        -webkit-transform: translateY(-100%);
    }
    100% {
        -webkit-opacity: 1;
        -webkit-transform: translateY(0);
    }
}

.logoSec img {
    -webkit-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    transition: ease-in-out 0.4s;
}

.fixed-me .logoSec img,
.stickyHeader .headerFixRef .logoSec img {
    width: 80px;
    height: 46px;
    -webkit-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    transition: ease-in-out 0.4s;
}

.fixed-me .header_topSection,
.stickyHeader .headerFixRef .header_topSection {
    padding: 10px 0;
}


/* banner sec */

.mobileBanner {
    display: none;
}

.bannerRightContent {
    border-radius: 20px;
    overflow: hidden;
}

.bannerSec.homeBanner {
    background-color: #ECF0F9;
}

.bannerSec.homeBanner {
    background-color: #ECF0F9;
    /* padding: 150px 0;
    padding-top: 50px; */
}

.homeBanner .carousel-item {
    height: 525px;
}

.homeBanner .carousel-item .col_BannerImg {
    padding-top: 50px;
}

.banner_BgImage.banner_BgImage_two {
    background-size: cover!important;
    height: 100%!important;
    background-position: center!important;
}

.banner_BgImage.banner_BgImage_three {
    background-size: contain!important;
    background-color: #60b1c2!important;
}

#mainCarousel .carousel-indicators {
    bottom: 85px;
}

#mainCarousel .carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #C9E6FF;
}

#mainCarousel .carousel-indicators .active {
    background-color: #598EDC;
}

.bannerFlexCenter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.bannerSubSection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 30px;
    /* width: 70%; */
}

.bannerLeftContent {
    width: 80%;
}

.bannerSubSection img {
    margin-right: 20px;
}

.bannerLeftContent h1 {
    font-size: 4.8rem;
    font-weight: bold;
}

.bannerLeftContent h5 {
    /* font-family: ; */
    margin-top: 10px;
}

.bannerContent_lg img {
    border-radius: 10px;
}

.floating_div {
    position: absolute;
    left: -40px;
    bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    padding: 7px 10px;
    border-radius: 10px;
}

.floating_div img {
    margin-right: 10px;
}

.floating_div.floating_div_left {
    left: auto;
    right: -40px;
    bottom: 30px;
}

.floating_div.floating_div_right {
    right: auto;
}


/* map settings */

.community_map_pin {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.community_africa {
    top: 46%;
    left: 43.5%;
}

.community_africa>span {
    background-color: #18CDA9;
    border-radius: 50%;
}

.community_europe {
    top: 16%;
    right: 34%;
}

.community_europe>span {
    background-color: #7B5AA6;
    border-radius: 50%;
}

.community_asia {
    top: 12%;
    right: 15%;
}

.community_asia>span {
    background-color: #219DD4;
    border-radius: 50%;
}

.community_NS_america {
    top: 20%;
    left: 19%;
}

.community_NS_america>span {
    background-color: #18CDA9;
    border-radius: 50%;
}

.community_me {
    right: 30%;
    bottom: 35%;
}

.community_me>span {
    background-color: #68A161;
    border-radius: 50%;
}

.community_uk {
    right: 2%;
    bottom: 10%;
}

.community_uk>span {
    background-color: #464646;
    border-radius: 50%;
}

.labelWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.labelWrapper span {
    padding: 6px 15px;
    display: inline-block;
}

.labelWrapper span:first-child {
    border-radius: 25px;
    background-color: #598edc;
}

.labelWrapper span:first-child p {
    color: #fff;
}


/* count section */

section.entryCountSec {
    margin-top: -60px;
}

.countCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 20px;
    border-radius: 10px;
    background-color: #ffffff;
    -webkit-transition: box-shadow .25s ease, -webkit-transform .25s ease;
    transition: box-shadow .25s ease, -webkit-transform .25s ease;
    -webkit-transition: -webkit-box-shadow .25s ease, -webkit-transform .25s ease;
    transition: -webkit-box-shadow .25s ease, -webkit-transform .25s ease;
    -o-transition: box-shadow .25s ease, transform .25s ease;
    transition: box-shadow .25s ease, transform .25s ease;
    transition: box-shadow .25s ease, transform .25s ease, -webkit-box-shadow .25s ease, -webkit-transform .25s ease;
    transition: box-shadow .25s ease, transform .25s ease, -webkit-transform .25s ease;
}

.cardImgSec {
    width: 80px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 10px;
    margin-right: 15px;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}

.countCard.cardReg .cardImgSec {
    border: 2px solid #5BC6C8;
}

.countCard.cardCourses .cardImgSec {
    border: 2px solid #E7655E;
}

.countCard.cardExperts .cardImgSec {
    border: 2px solid #FACD69;
}

.countCard.cardLang .cardImgSec {
    border: 2px solid #6F8DCE;
}

.countCard .cardTitle h2 {
    font-family: 'open_sans_bold', sans-serif;
    font-size: 2.8rem;
    line-height: 1;
    margin-bottom: 5px;
}

.cardTitle h6 {
    font-size: 1.4rem;
}


/* main inner section */

.mainContectSec {
    padding: 100px 0;
}

.innerTitleSec {
    margin-bottom: 40px;
}

.innerTitleSec h3 {
    color: #0065B1;
}

.cardCourse {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
}

.cardBoxShadow {
    -webkit-box-shadow: 0 2rem 5rem rgba(22, 28, 45, .1), 0 .5rem 1rem -.75rem rgba(22, 28, 45, .05)!important;
    box-shadow: 0 2rem 5rem rgba(22, 28, 45, .1), 0 .5rem 1rem -.75rem rgba(22, 28, 45, .05)!important;
    -webkit-transition: box-shadow .25s ease, -webkit-transform .25s ease;
    transition: box-shadow .25s ease, -webkit-transform .25s ease;
    -webkit-transition: -webkit-box-shadow .25s ease, -webkit-transform .25s ease;
    transition: -webkit-box-shadow .25s ease, -webkit-transform .25s ease;
    -o-transition: box-shadow .25s ease, transform .25s ease;
    transition: box-shadow .25s ease, transform .25s ease;
    transition: box-shadow .25s ease, transform .25s ease, -webkit-box-shadow .25s ease, -webkit-transform .25s ease;
    transition: box-shadow .25s ease, transform .25s ease, -webkit-transform .25s ease;
}

.cardBoxShadow:hover {
    -webkit-box-shadow: 0 2rem 5rem rgba(149, 163, 199, 0.5), 0 .5rem 1rem -.75rem rgba(22, 28, 45, .05)!important;
    box-shadow: 0 2rem 5rem rgba(149, 163, 199, 0.5), 0 .5rem 1rem -.75rem rgba(22, 28, 45, .05)!important;
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -15px, 0);
}

.cardPremiumCourses .cardCourseImage {
    position: relative;
    width: 100%;
    height: 275px;
    overflow: hidden;
}

.cardFreeCourses .cardCourseImage {
    position: relative;
    width: 100%;
    height: 170px;
    overflow: hidden;
}

.cardBoxShadow .cardCourseImage .cardimg {
    transition: -webkit-transform .2s;
    -webkit-transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}

.cardBoxShadow:hover .cardCourseImage .cardimg {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.CardImgOverlayContent {
    position: absolute;
    bottom: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 80%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    padding: 7px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50px;
}

.CardImgOverlayText {
    margin: 0 10px;
}

.CardImgOverlayText p {
    color: #fff;
    font-size: 1.3rem;
}

.cardCourseContent {
    padding: 20px;
}

.cardCourseContent h3 {
    min-height: 70px;
    max-height: 70px;
    display: block!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -o-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    margin-bottom: 15px;
}

.cardCourseContentLang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    /* justify-content: flex-start; */
    margin-bottom: 20px;
}

.cardCourseContentLang .cardLangList {
    margin-left: 10px;
}

.cardLangList p {
    min-height: 23px;
    max-height: 23px;
    display: block!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -ms-line-clamp: 1;
    -o-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.cardCourseRatingNdBtnSec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

span.cardRating,
.courseTimings {
    display: block;
    color: #5A5A5A;
    font-size: 1.6rem;
}

ul.ratingStarUl {
    margin-top: 5px;
}

.ratingStarUl li {
    display: inline-block;
}

.ratingStarUl li.cardRating {
    margin-right: 5px;
    font-size: 1.4rem;
}

.ratingStarUl li.ratingstars {
    color: #E2E2E3;
    font-size: 1.2rem;
}

.ratingStarUl li.ratingstars.usersRating {
    color: #F9BD38;
}


/* free course */

.freeCoursesSec,
.conferenceCalenderSec {
    background-color: #FAFAFA;
}

.cardCourseTimeSec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.cardCourseTimeSec .courseTimings {
    margin-left: 5px;
}

.cardCourseBtnText {
    background-color: #F1803C;
    /* border-top: 1px solid #EEEEEE; */
    text-align: center;
    position: relative;
    z-index: 0;
}

.cardCourseBtnText a {
    display: block;
    padding: 14px;
    text-transform: uppercase;
    font-family: 'open_sans_semibold', sans-serif;
    color: #fff;
    transition: -webkit-transform .6s cubic-bezier(.08, .35, .13, 1.02);
    overflow: hidden;
}

.cardCourseBtnText a.cardLink:hover {
    color: #F1803C;
}

.cardFreeCourses .cardCourseContent h3 {
    font-size: 2rem;
    min-height: 60px;
    max-height: 60px;
}

.cardCourseBtnText .cardLink::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #F1803C;
    -webkit-transform: scaleX(.3);
    -ms-transform: scaleX(.3);
    transform: scaleX(.3);
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.cardCourseBtnText .cardLink:hover::before {
    opacity: 1;
    background-color: #fff;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    transition: -webkit-transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity .4s;
    -webkit-transition: opacity, -webkit-transform .6s cubic-bezier(.08, .35, .13, 1.02);
    transition: opacity, -webkit-transform .6s cubic-bezier(.08, .35, .13, 1.02);
    -o-transition: transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity;
    transition: transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity;
    transition: transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity, -webkit-transform .6s cubic-bezier(.08, .35, .13, 1.02)
}

.viewMoreSec {
    margin-top: 40px;
    position: relative;
}

.viewMoreSec .rightViewMore {
    text-align: right;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    display: inline-block;
    width: 200px;
    color: #F2813D;
    font-family: 'open_sans_semibold', sans-serif;
}

.rightViewMore .viewMoreArrow {
    position: absolute;
    opacity: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 5px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.rightViewMore:hover {
    padding-right: 25px;
    color: #598EDC;
}

.rightViewMore:hover .viewMoreArrow {
    opacity: 1;
    right: 0;
}


/* testimonials  */

.mobileTestimonials {
    display: none;
}

.learnersFeedback {
    overflow: hidden;
}

#testimonialsControls .carousel-inner,
#testimonialsControlsMobi .carousel-inner {
    position: relative;
    width: 100%;
    overflow: visible;
}

.testimonialCard {
    background-color: #fff;
    padding: 30px;
    -webkit-box-shadow: 0 2rem 5rem rgba(22, 28, 45, .1), 0 .5rem 1rem -.75rem rgba(22, 28, 45, .05)!important;
    box-shadow: 0 2rem 5rem rgba(22, 28, 45, .1), 0 .5rem 1rem -.75rem rgba(22, 28, 45, .05)!important;
    border-radius: 20px;
}

.testimonialCard {
    position: relative;
}

.testimonialCard .quoteImg {
    position: absolute;
    top: -20px;
}

.testimonialUserInfoSec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 15px;
    margin-bottom: 20px;
}

.testimonialUserImg {
    width: 50px;
    height: 50px;
    overflow: hidden;
    background-color: #fafafa;
    border-radius: 50%;
}

.testimonialUserInfo {
    margin-left: 20px;
}

.testimonialUserInfo h4 {
    font-family: 'open_sans_bold', sans-serif;
    font-size: 1.9rem;
    min-height: 25px;
    max-height: 25px;
    display: block!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 1;
    -moz-line-clamp: 1;
    -ms-line-clamp: 1;
    -o-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-break: break-word;
}

.testimonialCard>p {
    min-height: 120px;
    max-height: 120px;
    display: block!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 5;
    -moz-line-clamp: 5;
    -ms-line-clamp: 5;
    -o-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    word-break: break-word;
}

.testimonialUserInfo p {
    text-transform: uppercase;
}

.testimonialArrowSec {
    position: relative;
    width: 65px;
    height: 20px;
    margin-left: auto;
    margin-top: 50px;
}

.carousel-control-next.testimonialNext,
.carousel-control-prev.testimonialPrev {
    position: absolute;
    top: 0;
    bottom: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    opacity: 1;
    width: auto;
}

.testimonialPrev .carousel-control-prev-icon {
    background-image: url(../images/components/arrow_left_gray.svg);
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.testimonialNext .carousel-control-next-icon {
    background-image: url(../images/components/arrow_right_gray.svg);
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.testimonialPrev .carousel-control-prev-icon:hover {
    background-image: url(../images/components/arrow_left_blue.svg);
}

.testimonialNext .carousel-control-next-icon:hover {
    background-image: url(../images/components/arrow_right_blue.svg);
}


/* organization */

.idfOrganization {
    padding: 60px 0;
}


/* .organizationGlobeInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
} 
*/
.organizationGlobeInfo .row {
    height: 100%;
    display: -webkit-box;
    display: -ms-block;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}



/* globe graph  */

.organizationImgGlobe {
    position: relative;
    overflow: hidden;
}

.graphCircle {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    min-width: 0px;
    width: 100px;
    min-height: 0px;
    height: 100px;
    transform: translate(-50%, -50%);
}

.innerCircleVal {
    -webkit-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
}

.graphCircle .innerCircleVal:hover {
    transform: scale(1.3);
    cursor: help;
}

.animateOGZone .innerCircleVal {
    width: 0;
    height: 0;
    opacity: 0.7;
    border-radius: 50%;
    background-color: red;
    -webkit-animation: organizationZone 3s ease-in forwards;
    animation: organizationZone 3s ease-in forwards;
}

.graphCircle.circle_A {
    left: 50%;
    top: 55%;
}

.graphCircle.circle_B {
    left: 56%;
    top: 33%;
}

.graphCircle.circle_C {
    left: 74%;
    top: 46%;
}

.graphCircle.circle_D {
    left: 18%;
    top: 43%;
}

.graphCircle.circle_E {
    left: 66%;
    top: 49%;
}

.graphCircle.circle_F {
    left: 93%;
    top: 81%;
}

.graphCircle.circle_A .innerCircleVal {
    background-color: #18CDA9;
}

.graphCircle.circle_B .innerCircleVal {
    background-color: #7B5AA6;
}

.graphCircle.circle_C .innerCircleVal {
    background-color: #219DD4;
}

.graphCircle.circle_D .innerCircleVal {
    background-color: #E7655E;
}

.graphCircle.circle_E .innerCircleVal {
    background-color: #68A161;
}

.graphCircle.circle_F .innerCircleVal {
    background-color: #464646;
}

@-webkit-keyframes organizationZone {
    from {
        width: 0;
        height: 0;
    }
    to {
        width: 100%;
        height: 100%;
    }
}

@keyframes organizationZone {
    from {
        width: 0;
        height: 0;
    }
    to {
        width: 100%;
        height: 100%;
    }
}

.global_CommunityArea {}

.global_CommunityArea {
    content: "";
    position: absolute;
    border-left: 2px solid #E7655E;
    border-bottom: 2px solid #E7655E;
    opacity: 0.5;
    border-bottom-left-radius: 10px;
    height: 50px;
    left: 0;
    right: 0;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.global_CommunityCountCard p {
    position: relative;
    padding-left: 10px;
    font-size: 1.2rem;
}

.global_CommunityCountCard h2 {
    padding-left: 30px;
    padding-bottom: 10px;
}

.global_CommunityCountCard:nth-child(5),
.global_CommunityCountCard:nth-child(6),
.global_CommunityCountCard:nth-child(7) {
    margin-top: 40px;
}

.CommunityCountCardOne .global_CommunityArea {
    border-color: #85476c;
}

.CommunityCountCardTwo .global_CommunityArea {
    border-color: #004a8c;
}

.CommunityCountCardThree .global_CommunityArea {
    border-color: #dd4c4b;
}

.CommunityCountCardFour .global_CommunityArea {
    border-color: #60914d;
}

.CommunityCountCardFive .global_CommunityArea {
    border-color: #4bbabb;
}

.CommunityCountCardSix .global_CommunityArea {
    border-color: #e76b14;
}

.CommunityCountCardSeven .global_CommunityArea {
    border-color: #5d4796;
}

.global_CommunityCountCard:nth-child(1) h2 {
    color: #85476c;
}

.global_CommunityCountCard:nth-child(2) h2 {
    color: #004a8c;
}

.global_CommunityCountCard:nth-child(3) h2 {
    color: #dd4c4b;
}

.global_CommunityCountCard:nth-child(4) h2 {
    color: #60914d;
}

.global_CommunityCountCard:nth-child(5) h2 {
    color: #4bbabb;
}

.global_CommunityCountCard:nth-child(6) h2 {
    color: #e76b14;
}

.global_CommunityCountCard:nth-child(7) h2 {
    color: #5d4796;
}

.global_community_info {
    margin-top: 40px;
}

.community_infoCard {
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
    height: 100%;
    -webkit-transition: 0.6s all;
    -o-transition: 0.6s all;
    transition: 0.6s all;
    border: 1px solid #f2f2f2;
}

.community_infoCard:hover {
    -webkit-box-shadow: 1px 1px 1px #000;
    box-shadow: 0px 0px 14px 2px #f0f0f2;
}

.communityCardInnerWraper {
    min-height: 250px;
    max-height: 250px;
}

.cardTopProfessions .professionProgress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.cardTopProfessions .professionProgress .progressbarSec {
    width: 90%;
}

.cardTopProfessions .professionProgress .aria_value {
    font-size: 1.6rem;
    font-family: "Museo Slab 500", Helvetica, Arial, sans-serif;
}

.professionProgress .progress {
    height: 3px;
    border-radius: 10px;
    margin-top: 5px;
}

.professionProgress {
    margin-bottom: 15px;
}

.professionProgress:last-child {
    margin-bottom: 0;
}

.progress_one .progress-bar {
    background-color: #18CDA9;
}

.progress_two .progress-bar {
    background-color: #7B5AA6;
}

.progress_three .progress-bar {
    background-color: #F2813D;
}

.progress_four .progress-bar {
    background-color: #6F8DCE;
}

.progress_five .progress-bar {
    background-color: #205C9D;
}

.progress_six .progress-bar {
    background-color: #68A161;
}

.community_infoCard h5 {
    margin-top: 30px;
    font-size: 1.8rem;
    font-family: "Museo Slab 500", Helvetica, Arial, sans-serif;
    line-height: 1.3em;
}

.cardWorkExperience .professionProgress {
    text-align: center;
    margin: 0;
    margin-bottom: 0;
}

.cardWorkExperience .professionProgress .progress-bar-vertical {
    margin-top: 0;
}

.cardWorkExperience .professionProgress p {
    font-family: "Museo Slab 500", Helvetica, Arial, sans-serif;
}


/* work setting */

.cardWorkExperience {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.progress-bar-vertical {
    width: 25px;
    min-height: 210px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    margin: auto;
    background-color: transparent;
    margin-bottom: 10px;
}

.progress-bar-vertical .progress-bar {
    width: 100%;
    height: 0;
    -webkit-transition: height 0.6s ease;
    -o-transition: height 0.6s ease;
    transition: height 0.6s ease;
    border-radius: 25px;
    /* border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; */
}


/* .cardWorkExperience .professionProgress:last-child {
    margin-bottom: 15px;
} */

ul.idfPartnersContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 40px;
}

.animateGraph .cardTopProfessions .progress-bar {
    width: 0;
    -webkit-animation: professionProgressBar 5s ease-in-out forwards;
    animation: professionProgressBar 5s ease-in-out forwards;
}

.animateGraph .cardWorkExperience .progress-bar {
    position: relative;
    height: 0;
    -webkit-animation: experienceBar 5s ease-in-out forwards;
    animation: experienceBar 5s ease-in-out forwards;
}

@-webkit-keyframes professionProgressBar {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

@keyframes professionProgressBar {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

@-webkit-keyframes experienceBar {
    from {
        height: 0;
    }
    to {
        height: 100%;
    }
}

@keyframes experienceBar {
    from {
        height: 0;
    }
    to {
        height: 100%;
    }
}

.cardWorkSetting {
    position: relative;
}

.venntooltip {
    font-size: 14px;
    position: absolute;
    text-align: center;
    width: 128px;
    height: 85px;
    background: #333;
    color: #fff;
    padding: 2px;
    border: 0px;
    border-radius: 8px;
    opacity: 0;
}

#venn svg:after {
    content: "Urban";
    position: absolute;
    bottom: 0;
    left: 0;
}

.areaCard {
    position: relative;
    left: 0;
    top: 0;
    width: 70%;
    margin: auto;
    height: 0;
}

.areaCardWraper {
    position: absolute;
    top: 0;
    width: 100%;
    height: 250px;
}

.circle {
    background: rgba(225, 220, 0, 0.333333334);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    cursor: help;
    height: 0;
    padding: 24.333333% 0;
    position: absolute;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    width: 49.666667%;
    z-index: 1;
    text-align: center;
}

.circle.one {
    background-color: rgba(32, 92, 157, 0.8);
    left: 5%;
    top: 0;
    z-index: 20;
}

.circle.two {
    background-color: rgba(231, 101, 94, 0.8);
    right: 5%;
    top: 0;
    z-index: 30;
}

.areaCard h6 {
    font-family: "Museo Slab 500", Helvetica, Arial, sans-serif;
}

.cardWorkSetting h6 {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz--transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.circle_content .workSettingAreaValue {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz--transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 3.2rem;
    color: #fff;
}

[data-venn-sets="Urban"] {
    fill: red;
}

[data-venn-sets="Rural"] {
    fill: blue;
}

[data-venn-sets="A"] {
    fill: red;
}

[data-venn-sets="B"] {
    fill: blue;
}

[data-venn-sets="B"] {
    fill: blue;
}


/* user group dis  */

.circle.ugd_One {
    background-color: rgba(104, 161, 97, 0.8);
    left: 8%;
    top: 0;
    z-index: 20;
}

.circle.ugd_One h6 {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-100%);
    -moz--transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    transform: translateX(-100%);
}

.circle.ugd_Two {
    background-color: rgba(255, 198, 200, 0.8);
    right: 8%;
    top: 0;
    z-index: 30;
}

.ugd_Two h6 {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translateX(100%);
    -moz--transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    transform: translateX(100%);
}

.ugd_Three {
    background-color: rgba(123, 90, 94, 0.8);
    right: 25%;
    top: 35%;
    z-index: 40;
}

.ugd_Three h6 {
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transform: translateX(100%);
    -moz--transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.cardGraph {
    margin-bottom: 30px;
}

.cardGraph:nth-child(3),
.cardGraph:last-child {
    margin-bottom: 0;
}

.animateGraph .ugd_One,
.circle.one {
    -webkit-animation: vennAnimate1 4s ease-in-out alternate;
    animation: vennAnimate1 4s ease-in-out alternate;
}

.animateGraph .ugd_Two,
.circle.two {
    -webkit-animation: vennAnimate2 4s ease-in-out alternate;
    animation: vennAnimate2 4s ease-in-out alternate;
}

.animateGraph .ugd_Three {
    -webkit-animation: vennAnimate3 4s ease-in-out alternate;
    animation: vennAnimate3 4s ease-in-out alternate;
}

@-webkit-keyframes vennAnimate1 {
    from {
        -webkit-transform: translate(-3%, 3%);
        -ms-transform: translate(-3%, 3%);
        transform: translate(-3%, 3%);
    }
    to {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes vennAnimate1 {
    from {
        -webkit-transform: translate(-3%, 3%);
        -ms-transform: translate(-3%, 3%);
        transform: translate(-3%, 3%);
    }
    to {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes vennAnimate2 {
    from {
        -webkit-transform: translate(0, -3%);
        -ms-transform: translate(0, -3%);
        transform: translate(0, -3%);
    }
    to {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes vennAnimate2 {
    from {
        -webkit-transform: translate(0, -3%);
        -ms-transform: translate(0, -3%);
        transform: translate(0, -3%);
    }
    to {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@-webkit-keyframes vennAnimate3 {
    from {
        -webkit-transform: translate(3%, 3%);
        -ms-transform: translate(3%, 3%);
        transform: translate(3%, 3%);
    }
    to {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes vennAnimate3 {
    from {
        -webkit-transform: translate(3%, 3%);
        -ms-transform: translate(3%, 3%);
        transform: translate(3%, 3%);
    }
    to {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}


/* top  */

.graph_avg_wrapper {
    position: relative;
}

.graph_avg_value {
    position: absolute;
    width: 100%;
    height: 225px;
}

.graph_avg_value li {
    position: relative;
    line-height: 1;
    overflow: hidden;
}

.graph_avg_value li::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: #F2F2F2;
    position: absolute;
    top: 8px;
    left: 45px;
}

.graph_avg_value li span {
    width: 35px;
    font-size: 1.2rem;
    text-align: right;
    display: inline-block;
}

.carTopCountries {
    position: relative;
    z-index: 3;
    width: 88%;
    margin-left: auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.carTopCountries .progress,
.cardClinicalExp .progress {
    overflow: visible;
}

.countyVal,
.expVal {
    position: absolute;
    top: -20px;
    left: 0px;
    -webkit-transform: translateX(10%);
    -ms-transform: translateX(10%);
    transform: translateX(10%);
    font-size: 1.2rem;
    font-weight: bold;
}

.progress_ind .progress-bar {
    background-color: #F2813D;
    color: #F2813D;
}

.progress_ken .progress-bar {
    background-color: #7B5AA6;
    color: #7B5AA6;
}

.progress_pak .progress-bar {
    background-color: #68A161;
    color: #68A161;
}

.progress_egy .progress-bar {
    background-color: #6F8DCE;
    color: #6F8DCE;
}

.progress_nig .progress-bar {
    background-color: #798B8C;
    color: #798B8C;
}

.progress_ind .countyVal {
    color: #F2813D;
}

.progress_ken .countyVal {
    color: #7B5AA6;
}

.progress_pak .countyVal {
    color: #68A161;
}

.progress_egy .countyVal {
    color: #6F8DCE;
}

.progress_nig .countyVal {
    color: #798B8C;
}

.yrs1_5 .expVal {
    color: #18CDA9;
}

.yrs6_10 .expVal {
    color: #205C9D;
}

.yrs11_15 .expVal {
    color: #7B5AA6;
}

.yrs_15 .expVal {
    color: #F2813D;
}


/* footer */

.footerSec.mainContectSec {
    padding-bottom: 0;
}

.footerSec.mainContectSec .footerCopyrightSec {
    margin-top: 100px;
}

.footerSec {
    background: -o-linear-gradient(left, rgb(239, 251, 255), rgb(234, 246, 255));
    background: -webkit-gradient(linear, left top, right top, from(rgb(239, 251, 255)), to(rgb(234, 246, 255)));
    background: linear-gradient(to right, rgb(239, 251, 255), rgb(234, 246, 255));
}

ul.footerNavUl {
    margin-top: 15px;
}

ul.footerNavUl .footerNavList {
    margin-bottom: 10px;
}

ul.footerNavUl .footerNavList:last-child {
    margin-bottom: 0;
}

.footerSecondRow {
    margin-top: 50px;
}

.footerNavUl.idfSocialMediaLink .footerNavList {
    display: inline-block;
    margin: 0;
    margin-right: 5px;
}

.footerNavUl.idfSocialMediaLink .footerNavList a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    position: relative;
    border: 2px solid #598edc;
    z-index: 1;
    border-radius: 50%;
    text-align: center;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.footerNavUl.idfSocialMediaLink .footerNavList a:hover {
    background-color: #598edc;
    /* top: -4px; */
    border: 2px solid #fff;
    -webkit-box-shadow: 0px 3px 8px 0px #bbbbbb;
    box-shadow: 0px 3px 8px 0px #bbbbbb;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.footerNavUl.idfSocialMediaLink .footerNavList a .icon {
    position: relative;
    color: #598edc;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    z-index: 3;
}

.footerNavUl.idfSocialMediaLink .footerNavList a:hover .icon {
    color: #fff;
    /* -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg); */
}


/* .footerNavUl.idfSocialMediaLink .footerNavList:nth-child(1) a:before{
    background: #3b5999;
}
  
.footerNavUl.idfSocialMediaLink .footerNavList:nth-child(2) a:before{
    background: #55acee;
}
  
ul.footerNavUl.idfSocialMediaLink .footerNavList:nth-child(3) a:before {
    background: #D14981;
}
  
.footerNavUl.idfSocialMediaLink .footerNavList:nth-child(4) a:before {
    background: #0077b5;
}

.footerNavUl.idfSocialMediaLink .footerNavList:nth-child(5) a:before {
    background: #dd4b39;
}

.footerNavUl.idfSocialMediaLink .footerNavList:nth-child(6) a:before {
    background: #F5007F;
} */

.footerCopyrightSec {
    background-color: #598EDC;
    padding: 10px;
}

.footerCopyrightSec p {
    text-align: center;
    color: #fff;
}

.footerCopyrightSec p a {
    color: #fff;
}


/* loader */

.load__wrapp {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.7);
}

.loader_sec {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.spinner {
    position: relative;
    width: 45px;
    height: 45px;
    margin: 0 auto;
}

.bubble_1,
.bubble_2 {
    position: absolute;
    top: 0;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    background-color: #ffffff;
}

.bubble_2 {
    top: auto;
    bottom: 0;
}

.loader_sec .spinner {
    -webkit-animation: loadingI 2s linear infinite;
    animation: loadingI 2s linear infinite;
}

.loader_sec .bubble_1,
.loader_sec .bubble_2 {
    -webkit-animation: bounce 2s ease-in-out infinite;
    animation: bounce 2s ease-in-out infinite;
}

.loader_sec .bubble_2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

@-webkit-keyframes loadingI {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loadingI {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes bounce {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bounce {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}


/* course post subscription page */

.mobileEnable {
    display: none;
}

.cd_bannerSec {
    position: relative;
}

.cd_bannerContainer {
    position: relative;
    background-color: #FAF9F7;
    background-repeat: no-repeat;
    padding-top: 50px;
    padding-bottom: 30px;
}

.cd_bannerImgSec {
    border-radius: 10px;
    overflow: hidden;
}


/* .courseDescriptionImg {
    border-radius: 10px;
    position: absolute;
    margin-right: 15px;
    min-height: 295px;
    max-height: 295px;
} */

.mobileBanner,
.mobileLgImg {
    display: none;
}

.cd_infoWrapper {
    padding-left: 15px;
}

.cd_floatingBannerImg {
    border-radius: 10px;
    position: absolute;
    top: 50px;
    bottom: 0;
    width: 270px;
    overflow: hidden;
}

.cd_floatingBannerImg img {
    height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    /* -webkit-animation: animateBannerImg ease-out 1s;
            animation: animateBannerImg ease-out 1s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; */
}


/* @-webkit-keyframes animateBannerImg {
    from {width: 0%; background-color: #d8d8d8;}
    to {width: 100%; background-color: #18cda9;}
}

@keyframes animateBannerImg {
    from {width: 0%; background-color: #d8d8d8;}
    to {width: 100%; background-color: #18cda9;}
} */

.cd_innerDiv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* -ms-flex-wrap: wrap;
    flex-wrap: wrap; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
    margin-top: 20px;
}

.cme_creditsSec,
.courseRatingSec,
.courseViewSec,
.courseLangSec,
.accessCodeFormSec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* -ms-flex-wrap: wrap;
    flex-wrap: wrap; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.courseRatingSec .courseRating {
    margin-left: 10px;
}

.courseRatingSec ul.ratingStarUl {
    margin: 0;
}

.cme_creditsSec img {
    margin-right: 15px;
}

.courseEnrolledSec,
.course_leaflet {
    margin-top: 15px;
}

.cd_banneBottomBtnSec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* -ms-flex-wrap: wrap;
    flex-wrap: wrap; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: flex-end;
    -ms-flex-pack: flex-end;
    justify-content: flex-end;
    padding-top: 20px;
}

.cd_innerDiv.inlineView_Content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}


/* .inlineView_Content {
    width: auto;
    display: flex;
}
.inlineView_Content .courseEnrolledSec {
    margin: 0;
    margin-left: 70px;
}
 */

.cd_title {
    font-size: 3rem;
    margin-bottom: 10px;
}

.accessCodeFormSec input {
    min-width: 225px;
    height: 40px;
    padding: 0;
    padding-left: 20px;
    font-size: 1.6rem;
    border: 1px solid #D4D4D4;
    border-radius: 4px;
}

.accessCodeFormSec button {
    height: 40px;
    padding: 10px 15px;
    margin-left: 10px;
    text-transform: uppercase;
    background-color: #A0A0A0;
    color: #FFFFFF;
    border-radius: 4px;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.accessCodeFormSec button:hover {
    background-color: #F2813D;
    color: #ffffff;
    -webkit-box-shadow: 0 0rem 2rem rgba(22, 28, 45, .1), 0 0.5rem 0rem -0.75rem rgba(22, 28, 45, .05)!important;
    box-shadow: 0 0rem 2rem rgba(22, 28, 45, .1), 0 0.5rem 0rem -0.75rem rgba(22, 28, 45, .05)!important;
}

.innerSectionGap {
    padding: 60px 0;
}

.courseLangSec {
    position: relative;
    margin-right: 40px;
}

.langSelectField {
    position: relative;
}

.langSelectField:after {
    content: "";
    background: url(../images/components/arrow_down_scd.svg) no-repeat;
    display: block;
    width: 13px;
    height: 8px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}

.courseLangSec select {
    border: none;
    min-width: 80px;
    font-family: 'open_sans_semibold', sans-serif;
    font-size: 1.6rem;
    padding-left: 10px;
    padding-right: 20px;
    background-color: #fff;
    cursor: pointer;
}

.course_langSelect .courseLangSec {
    margin-right: 0;
}


/* cd nav */

.cd_navSec.fixed-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 111;
    -webkit-box-shadow: 0px 1px 0px #e6e6e6;
    box-shadow: 0px 1px 0px #e6e6e6;
    -webkit-animation: stickySlideDown 0.6s;
    animation: stickySlideDown 0.6s;
}

.cd_navWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* -ms-flex-wrap: wrap;
    flex-wrap: wrap; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cd_navWrapper .cd_navLink {
    display: inline-block;
    width: auto;
    padding: 5px 15px;
    text-align: center;
    background-color: #fff;
    color: #000;
    border-radius: 5px;
    cursor: pointer;
    -o-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.cd_navWrapper li.cd_navLink:first-child,
.cd_navWrapper li.cd_navLink.cd_navLink_lg {
    width: auto;
}

.cd_navWrapper .cd_navLink:hover,
.cd_navWrapper .cd_navLink.active {
    background-color: #D6E7FF;
    color: #000;
    /* font-family: 'open_sans_semibold', sans-serif; */
}

.innerMainSec {
    margin-top: 40px;
}

.innerWrapper .subTitle {
    margin-bottom: 15px;
}

.innerWrapper h4 {
    margin-bottom: 40px;
    position: relative;
}

.innerWrapper h4::before {
    content: "";
    width: 75px;
    height: 3px;
    background-color: #205C9D;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.innerWrapper .inner_box_wrap {
    margin: 30px 0;
}

.aboutInnerCard,
.innerListCol .innerBulletList,
.curriculumHeaderList .innerBulletList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

.aboutInnerCard img {
    padding-right: 10px;
}

.subInnerTitle {
    margin-bottom: 5px;
}

.innerListBox,
.innerBox_fee {
    padding: 20px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0rem 2rem rgba(22, 28, 45, .1), 0 0.5rem 0rem -0.75rem rgba(22, 28, 45, .05)!important;
    box-shadow: 0 0rem 2rem rgba(22, 28, 45, .1), 0 0.5rem 0rem -0.75rem rgba(22, 28, 45, .05)!important;
}

.innerListBox .subTitle {
    margin-bottom: 20px;
}

.innerListBox .innerBulletList img {
    padding-top: 5px;
}

.innerListCol .innerBulletList {
    margin-bottom: 15px;
}

.innerListCol .innerBulletList:last-child {
    margin-bottom: 0;
}

.innerBulletList img {
    padding-right: 10px;
}

.curriculumHeaderList .innerBulletList .subInnerTitle {
    margin-bottom: 0;
}

.innerListCol .innerBulletList:last-child {
    margin-bottom: 0;
}

ul.innerListCol.listCurriculumUl {
    margin-top: 20px;
}

.listCurriculumUl .innerBulletList {
    margin: 0;
    padding: 15px 0;
    padding-right: 50px;
    border-bottom: 1px solid #E8E8E8;
}

.listCurriculumUl .innerBulletList {
    /* border-top: 1px solid #E8E8E8; */
}

.listCurriculumUl .innerBulletList:first-child {
    /* border-top: 1px solid #E8E8E8; */
}


/* accordion curiculam */

.accordionCurriculum .card {
    border: none;
    border-bottom: 1px solid #E8E8E8;
}

.accordionCurriculum .card:first-child {
    border-top: 1px solid #E8E8E8;
}

.accordionCurriculum .card-header {
    border: none;
    padding: 0;
    cursor: pointer;
}

.accordionCurriculum .card-header .innerBulletList {
    padding: 15px 0;
    background-color: #fff;
    padding-right: 25px;
}

.accordionCurriculum .card .card-body {
    padding: 0;
    padding-bottom: 20px;
}

.accordionCurriculumInnerSec {
    margin-bottom: 20px;
}

.courseInnerVoteSec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.coc_certificateCardSec {
    border: 1px solid #e9e9e9;
}

.coc_videoCardSec {
    position: relative;
    display: inline-block;
    width: 250px;
    height: 175px;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
}

.coc_videoCardSec::before,
.AD_videoSource::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(242, 129, 61, 0.3);
}

.video-play-button {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    width: 100%;
    height: 100%;
}

.video-play-button:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 55px;
    height: 55px;
    background: #ffffff;
    border-radius: 50%;
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
}

.video-play-button:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 50px;
    height: 50px;
    background: #ffffff;
    border-radius: 50%;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}

.video-play-button span {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-35%) translateY(-50%);
    -ms-transform: translateX(-35%) translateY(-50%);
    transform: translateX(-35%) translateY(-50%);
    z-index: 3;
    border-left: 15px solid #598edc;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

@-webkit-keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

.votingUl .courseRating {
    margin-right: 10px;
    font-size: 1.6rem;
}

.votingUl .fa-star.hoveredStars,
.votingUl .fa-star.clickedStars {
    color: #EBC352;
}

.votingUl .fa-star {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #DDDDDD;
    background-color: #fff;
    font-size: 1rem;
    -webkit-transition: .1s ease-in-out;
    -o-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    padding: 5px;
    border: 1px solid #DDDDDD;
    display: inline-block;
    margin: -2px;
    cursor: pointer;
}

.voteSubmitBtn {
    margin-left: 8px;
    line-height: 1;
    padding: 4px 10px;
    font-size: 1.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-transform: uppercase;
    background-color: #F2813D;
    color: #fff;
    border: 2px solid #F2813D;
    border-radius: 20px;
    font-family: 'open_sans_semibold', sans-serif;
    -webkit-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
}

.voteSubmitBtn:hover {
    background-color: #ffffff;
    color: #F2813D;
    border: 2px solid #F2813D;
    -webkit-box-shadow: 0 0rem 2rem rgba(22, 28, 45, .1), 0 0.5rem 0rem -0.75rem rgba(22, 28, 45, .05)!important;
    box-shadow: 0 0rem 2rem rgba(22, 28, 45, .1), 0 0.5rem 0rem -0.75rem rgba(22, 28, 45, .05)!important;
}

.coc_downloadLink {
    color: #6F8DCE;
}

.coc_downloadLink:hover {}

.coc_downloadLink .fa {
    margin-right: 5px;
}

.coc_downloadLink:hover .fa {
    color: #000;
    -webkit-animation: arrow-right .5s cubic-bezier(.36, .07, .57, .99) infinite;
    animation: arrow-right .5s cubic-bezier(.36, .07, .57, .99) infinite;
}

@-webkit-keyframes arrow-right {
    0% {
        -webkit-transform: scale(1.2) translateY(0);
        transform: scale(1.2) translateY(0);
    }
    33% {
        -webkit-transform: scale(1.2) translateY(-3px);
        transform: scale(1.2) translateY(-3px);
    }
    66% {
        -webkit-transform: scale(1.2) translateY(3px);
        transform: scale(1.2) translateY(3px);
    }
    100% {
        -webkit-transform: scale(1.2) translateY(0);
        transform: scale(1.2) translateY(0);
    }
}

@keyframes arrow-right {
    0% {
        -webkit-transform: scale(1.2) translateY(0);
        transform: scale(1.2) translateY(0);
    }
    33% {
        -webkit-transform: scale(1.2) translateY(-3px);
        transform: scale(1.2) translateY(-3px);
    }
    66% {
        -webkit-transform: scale(1.2) translateY(3px);
        transform: scale(1.2) translateY(3px);
    }
    100% {
        -webkit-transform: scale(1.2) translateY(0);
        transform: scale(1.2) translateY(0);
    }
}

.accordionCurriculum .card-header .innerBulletList.collapsed h6 {
    color: #000;
    -webkit-transition: color 0.5s;
    -o-transition: color 0.5s;
    transition: color 0.5s;
}

.accordionCurriculum .card-header .innerBulletList.collapsed:hover h6,
.accordionCurriculum .card-header .innerBulletList[aria-expanded~="true"] h6 {
    color: #598EDC;
}

.accordionCurriculum .card-header .innerBulletList.collapsed::after {
    content: "\f067 ";
    font-size: 1.6rem;
    color: #F2813D;
    position: absolute;
    top: 13px;
    right: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.accordionCurriculum .card-header .innerBulletList::after {
    font-family: "FontAwesome";
    content: "\f068";
    font-size: 1.6rem;
    color: #F2813D;
    position: absolute;
    top: 13px;
    right: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.inner_box_wrap.flowCard_wrap {
    -webkit-box-shadow: 0 0rem 2rem rgba(22, 28, 45, .1), 0 0.5rem 0rem -0.75rem rgba(22, 28, 45, .05)!important;
    box-shadow: 0 0rem 2rem rgba(22, 28, 45, .1), 0 0.5rem 0rem -0.75rem rgba(22, 28, 45, .05)!important;
    border-radius: 10px;
}

.inner_box_wrap .howItWorkInnerBox {
    display: table-cell;
    padding: 35px 15px;
    text-align: center;
    display: block;
    height: 100%;
}

.howItWorkInnerBox img {
    margin-bottom: 20px;
}

.flowCard_wrap .col-12:first-child {
    padding-left: 30px;
}

.flowCard_wrap .col-12:last-child {
    padding-right: 30px;
}

.flowCard_wrap .col-12:first-child,
.flowCard_wrap .col-12:nth-child(2) {
    border-right: 1px solid #EFF1F2;
}

.flowCard_wrap .col-12:first-child::after,
.flowCard_wrap .col-12:nth-child(2)::after {
    content: "";
    background-image: url(../images/components/play_icon.svg);
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    position: absolute;
    right: -22px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}


/* certificate downloadn and print button */

.buttonBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    margin-top: 10px;
}

.button_box_circle {
    float: left;
    text-align: center;
    width: 40px;
    font-size: 15px;
    height: 40px;
    border-radius: 30px;
    line-height: 35px;
    border: 2px solid #F2813D;
    background: #fff;
    color: #F2813D;
    cursor: pointer;
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    margin-right: 10px;
}

.button_box_circle:last-child {
    margin-right: 0;
}

.button_box_circle:hover {
    border: 2px solid #F2813D;
    background: #F2813D;
    color: #fff;
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}


/* certificate sec  */

.certificateViewSec {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    border: 1px solid #f5f6f7;
    border-radius: 10px;
    -webkit-box-shadow: 0 0rem 2rem rgba(22, 28, 45, .1), 0 0.5rem 0rem -0.75rem rgba(22, 28, 45, .05)!important;
    box-shadow: 0 0rem 2rem rgba(22, 28, 45, .1), 0 0.5rem 0rem -0.75rem rgba(22, 28, 45, .05)!important;
    overflow: hidden;
}

#certificateImgViewModal .modal-dialog.modal-lg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
}


/* Add Animation */

.modal_content_image {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }
    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}


/* The Close Button */

.close_image {
    position: absolute;
    top: 20px;
    right: 30px;
    opacity: 1;
    color: #ffffff;
    font-size: 3.4rem;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.close_image:hover,
.close_image:focus {
    color: #bbb;
    cursor: pointer;
}


/* modal open fixed issue  */

.modal-open .fixed-me,
.modal-open .fixed-nav {
    padding-right: 17px;
}


/* feedback rating */

.averageRatingWraper {
    padding: 20px;
    background-color: #FCFCFC;
    border: 1px solid #e9e9e9;
    border-radius: 10px;
    margin-right: 30px;
    float: left;
}

.averageRatingWraper .ratingValueLarge {
    font-family: "open_sans_bold";
    font-size: 3.8rem;
    line-height: 1;
    display: block;
    margin-bottom: 5px;
}

.averageRatingWraper .ratingStarUl {
    margin-bottom: 5px;
}

.averageRatingWraper .ratingStarUl li.ratingstars {
    font-size: 1.8rem;
}

.progressRatingWraper .progress {
    border-radius: 10px;
    background-color: #F3F3F3;
    width: 75%;
    float: left;
}

.progressRatingWraper .progress .progress-bar {
    background-color: #18CDA9;
}

.animateGraph .progressRatingWraper .progress-bar {
    width: 0;
    -webkit-animation: professionProgressBar 3s ease-in-out forwards;
    animation: professionProgressBar 3s ease-in-out forwards;
}

@-webkit-keyframes professionProgressBar {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

@keyframes professionProgressBar {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

.progressRatingWraper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 18px;
}

.progressRatingWraper:last-child {
    margin-bottom: 0;
}

.progressRatingWraper .ratingStarUl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding-left: 30px;
    line-height: 1;
}

.progressRatingWraper .ratingStarUl li span {
    margin-left: 10px;
    display: inline-block;
    width: 40px;
}

.userCommentWraper>ul>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    overflow: hidden;
    border-bottom: 1px solid #EEEEEE;
}

.cd_userImgSec {
    margin-right: 15px;
}

.cd_userImgSec img {
    width: 41px;
    height: 41px;
    overflow: hidden;
}

.cd_userCommentSec {
    display: block;
    width: calc(100% - 56px);
}

.userCommentWraper {
    margin-top: 5px;
}

.commentTopSec .ratingStarUl {
    margin: 0;
}

span.commentPublishDate {
    display: inline-block;
    max-width: 65%;
    font-size: 1.4rem;
}

.commentTopSec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: start;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
}


/* faq  */

#accordionFaq .card {
    background-color: #fff;
    padding: 0;
    border: none;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 8px 2px #f5f5f5;
    box-shadow: 1px 1px 8px 2px #f5f5f5;
    margin-bottom: 5px;
}

#accordionFaq .card .card-header {
    background-color: #fff;
    padding: 0;
    border: none;
}

.accordionFaq .card-header h6 {
    padding: 20px;
    padding-right: 40px;
    cursor: pointer;
    color: #598EDC;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.accordionFaq .card-header h6.collapsed:hover {
    color: #598EDC;
}

.accordionFaq .card-header h6.collapsed {
    color: #000000;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.accordionFaq .card-header h6[aria-expanded~="false"] {
    color: #000;
}

.accordionFaq .card-header h6::after {
    font-family: "FontAwesome";
    content: "\f068";
    font-size: 1.6rem;
    color: #F2813D;
    position: absolute;
    top: 20px;
    right: 20px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.accordionFaq .card-header h6.collapsed::after {
    content: "\f067 ";
    font-size: 1.6rem;
    color: #F2813D;
    position: absolute;
    top: 20px;
    right: 20px;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.accordionFaq .card-body {
    padding: 20px;
    padding-top: 0;
}


/* right side col  */

.cardContainer {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0rem 2rem rgba(22, 28, 45, .1), 0 0.5rem 0rem -0.75rem rgba(22, 28, 45, .05)!important;
    box-shadow: 0 0rem 2rem rgba(22, 28, 45, .1), 0 0.5rem 0rem -0.75rem rgba(22, 28, 45, .05)!important;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 20px;
}

.cardTitleDecor .cardContainer {
    margin-top: -15px;
}

.cardInnerBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 15px 20px;
}

.cardFreeTrialModel .cardContainer {
    position: relative;
    background-color: #5BC6C8;
}

.cardInnerBox .cardIconSec {
    margin-right: 10px;
}


/* .cardIconSec img {
    width: 20px;
    height: 100%;
} */

.cardCourseDetails .cardInnerBox {
    border-bottom: 1px solid #EEEEEE;
}

.cardCourseDetails .cardInnerBox:last-child {
    border-bottom: none;
}

.rightInnerWraper h6.subInnerTitle {
    font-family: 'open_sans_bold', sans-serif;
}


/* course inner page rightSide */

.modulecardwraper {
    padding: 15px;
    padding-right: 10px;
}

.moduleListCard {
    position: relative;
}

.moduleCard_status {
    float: left;
}

.moduleCard_status i {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    z-index: 1;
}

.moduleCompleted .moduleCard_status .fa_Icon {
    color: #fff;
    background-color: #18cda9;
}

.moduleProgressing .moduleCard_status .fa_Icon {
    color: #fff;
    background-color: #f9bd38;
    font-size: 0.8rem;
}

.moduleLocked .moduleCard_status .fa_Icon {
    color: #fff;
    background-color: #C6C6C6;
}

.moduleCard_status .fa_Icon:after {
    font-family: "FontAwesome";
    content: " ";
    font-size: 1rem;
    line-height: 1;
    color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.moduleCompleted .moduleCard_status .fa_Icon:after {
    content: "\f00c";
}

.moduleProgressing .moduleCard_status .fa_Icon:after {
    content: "\f111";
    font-size: 0.8rem;
}

.moduleLocked .moduleCard_status .fa_Icon:after {
    content: "\f023";
}

.moduleCard_details {
    padding: 12px 0;
    margin-left: 30px;
    border-bottom: 1px solid #E8E8E8;
}

.moduleCard_details a h6 {
    font-size: 1.4rem;
}

.moduleCard_details p {
    font-size: 1.2rem;
    line-height: 1.3;
}

.moduleCard_details a:hover h6 {
    color: #598EDC;
}

.moduleListCard::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 9px;
    width: 2px;
    height: 100%;
    background-color: #d8d8d8;
    z-index: 1;
}

.moduleListCard::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 9px;
    width: 2px;
    height: 100%;
    background-color: #d8d8d8;
    z-index: 0;
}

.moduleListCard:first-child.moduleCompleted::before {
    -webkit-animation: animateHalf_moduleCompleted ease-in 1s;
    animation: animateHalf_moduleCompleted ease-in 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.moduleListCard.moduleCompleted::before {
    -webkit-animation: animateFull_moduleCompleted ease-in 1s;
    animation: animateFull_moduleCompleted ease-in 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.moduleListCard:first-child.moduleProgressing::before {
    -webkit-animation: animateHalf_moduleProgressing ease-out 1s;
    animation: animateHalf_moduleProgressing ease-out 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.moduleListCard.moduleProgressing::before {
    -webkit-animation: animateFull_moduleProgressing ease-out 1s;
    animation: animateFull_moduleProgressing ease-out 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


/* animation delay*/

.moduleListCard:nth-child(1)::before {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.moduleListCard:nth-child(2)::before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

.moduleListCard:nth-child(3)::before {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s;
}

.moduleListCard:nth-child(4)::before {
    -webkit-animation-delay: 2.7s;
    animation-delay: 2.7s;
}

.moduleListCard:nth-child(5)::before {
    -webkit-animation-delay: 3.6s;
    animation-delay: 3.6s;
}

.moduleListCard:nth-child(6)::before {
    -webkit-animation-delay: 4.5s;
    animation-delay: 4.5s;
}

.moduleListCard:nth-child(7)::before {
    -webkit-animation-delay: 5.4s;
    animation-delay: 5.4s;
}

.moduleListCard:nth-child(8)::before {
    -webkit-animation-delay: 6.3s;
    animation-delay: 6.3s;
}

.moduleListCard:nth-child(9)::before {
    -webkit-animation-delay: 7.2s;
    animation-delay: 7.2s;
}

.moduleListCard:nth-child(11)::before {
    -webkit-animation-delay: 8.1s;
    animation-delay: 8.1s;
}

.moduleListCard:nth-child(12)::before {
    -webkit-animation-delay: 9s;
    animation-delay: 9s;
}

.moduleListCard:nth-child(10)::before {
    -webkit-animation-delay: 9.9s;
    animation-delay: 9.9s;
}

.moduleListCard:nth-child(13)::before {
    -webkit-animation-delay: 10.8s;
    animation-delay: 10.8s;
}

.moduleListCard:nth-child(14)::before {
    -webkit-animation-delay: 11.7s;
    animation-delay: 11.7s;
}

.moduleListCard:nth-child(15)::before {
    -webkit-animation-delay: 12.6s;
    animation-delay: 12.6s;
}

.moduleListCard:nth-child(16)::before {
    -webkit-animation-delay: 13.5s;
    animation-delay: 13.5s;
}

.moduleListCard:nth-child(17)::before {
    -webkit-animation-delay: 14.4s;
    animation-delay: 14.4s;
}

.moduleListCard:nth-child(18)::before {
    -webkit-animation-delay: 15.3s;
    animation-delay: 15.3s;
}

.moduleListCard:nth-child(19)::before {
    -webkit-animation-delay: 16.2s;
    animation-delay: 16.2s;
}

.moduleListCard:nth-child(20)::before {
    -webkit-animation-delay: 17.1s;
    animation-delay: 17.1s;
}

@-webkit-keyframes animateHalf_moduleCompleted {
    from {
        height: 0%;
        background-color: #18cda9;
    }
    to {
        height: 50%;
        background-color: #18cda9;
    }
}

@keyframes animateHalf_moduleCompleted {
    from {
        height: 0%;
        background-color: #18cda9;
    }
    to {
        height: 50%;
        background-color: #18cda9;
    }
}

@-webkit-keyframes animateFull_moduleCompleted {
    from {
        height: 0%;
        background-color: #18cda9;
    }
    to {
        height: 100%;
        background-color: #18cda9;
    }
}

@keyframes animateFull_moduleCompleted {
    from {
        height: 0%;
        background-color: #18cda9;
    }
    to {
        height: 100%;
        background-color: #18cda9;
    }
}

@-webkit-keyframes animateHalf_moduleProgressing {
    from {
        height: 0%;
        background-color: #ffc107;
    }
    to {
        height: 50%;
        background-color: #ffc107;
    }
}

@keyframes animateHalf_moduleProgressing {
    from {
        height: 0%;
        background-color: #ffc107;
    }
    to {
        height: 50%;
        background-color: #ffc107;
    }
}

@-webkit-keyframes animateFull_moduleProgressing {
    from {
        height: 0%;
        background-color: #ffc107;
    }
    to {
        height: 100%;
        background-color: #ffc107;
    }
}

@keyframes animateFull_moduleProgressing {
    from {
        height: 0%;
        background-color: #ffc107;
    }
    to {
        height: 100%;
        background-color: #ffc107;
    }
}

.moduleCardWraper .moduleListCard:first-child:before,
.moduleCardWraper .moduleListCard:first-child::after {
    top: 50%;
}

.moduleCardWraper .moduleListCard:last-child:before,
.moduleCardWraper .moduleListCard:last-child:after {
    top: unset;
    bottom: 50%;
}

.btn_CMpgr_sec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 10px;
}

.moduleCardBtnDiv,
.moduleCardBtnDiv a {
    display: inline-block;
}

.moduleCard_details .para14 {
    margin-top: 10px;
}

.modulebadgestatus {
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 1rem;
    font-weight: normal;
}

.moduleLocked .modulebadgestatus.badge {
    background-color: #C6C6C6;
    color: #fff;
}

.moduleProgressing .modulebadgestatus.badge {
    background-color: #ffc107;
    color: #fff;
}

.moduleCompleted .modulebadgestatus.badge {
    background-color: #18CDA9;
    color: #fff;
}

.moduledwnldbtn img {
    margin-right: 5px;
    width: 20px;
    height: 20px;
}

.moduleLocked .moduledwnldbtn img,
.moduleProgressing .moduledwnldbtn img {
    -webkit-filter: opacity(0.3);
    filter: opacity(0.3);
}

.moduleLocked .moduleCard_details,
.moduleLocked .btn_CMpgr_sec,
.moduleProgressing .moduledwnldbtn {
    -webkit-filter: opacity(0.3);
    filter: opacity(0.3);
    pointer-events: none;
}

.moduleListCard:last-child .moduleCard_details {
    border: none;
}

.moduledwnldbtn span {
    font-size: 1.2rem;
    color: #000;
}

.moduledwnldbtn a:hover span {
    color: #598EDC;
}

.deskHeader {
    position: relative;
}

.kny_childwidth {
    z-index: 99;
}

.moduleCardWraper {
    padding-right: 15px;
}

.cardTitleDecor h5 {
    font-family: "Museo Slab 500", Helvetica, Arial, sans-serif;
    text-align: left;
    background-color: #219DD4;
    color: #fff;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    padding: 10px 20px;
    padding-bottom: 25px;
}

.moduleFlowSec {
    margin-top: -15px;
    padding: 0 10px;
    padding-right: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0rem 2rem rgba(22, 28, 45, .1), 0 0.5rem 0rem -0.75rem rgba(22, 28, 45, .05)!important;
    box-shadow: 0 0rem 2rem rgba(22, 28, 45, .1), 0 0.5rem 0rem -0.75rem rgba(22, 28, 45, .05)!important;
    border-radius: 10px;
}

.moduleListParentDiv.sideNavFixed {
    position: fixed;
    opacity: 0;
    -webkit-animation: sidebar_fade .3s linear .3s forwards;
    animation: sidebar_fade .3s linear .3s forwards;
}

@keyframes sidebar_fade {
    0% {
        opacity: 0;
        -webkit-transition: opacity 3s ease-in-out;
        -o-transition: opacity 3s ease-in-out;
        transition: opacity 3s ease-in-out;
    }
    100% {
        opacity: 1;
        -webkit-transition: opacity 3s ease-in-out;
        -o-transition: opacity 3s ease-in-out;
        transition: opacity 3s ease-in-out;
    }
}

@-webkit-keyframes sidebar_fade {
    0% {
        -webkit-opacity: 0;
        -webkit-transition: opacity 3s ease-in-out;
        -o-transition: opacity 3s ease-in-out;
        transition: opacity 3s ease-in-out;
    }
    100% {
        -webkit-opacity: 1;
        -webkit-transition: opacity 3s ease-in-out;
        -o-transition: opacity 3s ease-in-out;
        transition: opacity 3s ease-in-out;
    }
}


/* course fee */

.tableCourseFee tr td {
    padding: 15px 20px;
    font-size: 1.6rem;
    line-height: 1;
}

.tableCourseFee {
    border-radius: 10px;
    margin-bottom: 20px;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    -webkit-box-shadow: 0 0rem 1rem rgba(22, 28, 45, .1), 0 0.5rem 0rem -0.75rem rgba(22, 28, 45, .05)!important;
    box-shadow: 0 0rem 1rem rgba(22, 28, 45, .1), 0 0.5rem 0rem -0.75rem rgba(22, 28, 45, .05)!important;
}

.tableCourseFee tbody tr td:first-child {
    border-right: 1px solid #e2e2e2;
}
        .tableCourseFee.offerInfo tbody tr td:nth-child(2),
        .tableCourseFee.offerInfo tbody tr td:nth-child(3) {
            border-right: 1px solid #e2e2e2;
        }
.tableCourseFee thead {
    background-color: #219DD4;
}

.tableCourseFee thead td {
    border: 1px solid #219DD4;
}

.tableCourseFee thead td {
    color: #fff;
}

.bulletListWraper {
    margin-top: 15px;
}

.bulletListWraper li {
    padding-left: 20px;
    margin-bottom: 10px;
    position: relative;
}

.bulletListWraper li:last-child {
    margin-bottom: 0;
}

.bulletListWraper li::before {
    content: "";
    width: 7px;
    height: 7px;
    background-color: #18CDA9;
    position: absolute;
    left: 0;
    top: 8px;
    border-radius: 50%;
}

.bulletListWraper li.bulletDisable::before {
    background-color: unset;
}

.nestedBulletListWraper li::before {
    content: "";
    width: 7px;
    height: 7px;
    background-color: #DBDBDB;
    position: absolute;
    left: 0;
    top: 8px;
    border-radius: 50%;
}


/* coc landing page */

.coc_bannerContainer {
    position: relative;
    background-image: url(../images/coc_banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 400px;
}

.bannerTextWraper {
    display: block;
    width: 45%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bannerTextWraper .innerTitleSec {
    margin-bottom: 20px;
}

.bannerTextWraper p {
    font-size: 1.7rem;
}


/* COC card  */

.coc_cardWraper {
    padding: 15px;
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 2rem 5rem rgba(22, 28, 45, .1), 0 .5rem 1rem -.75rem rgba(22, 28, 45, .05)!important;
    box-shadow: 0 2rem 5rem rgba(22, 28, 45, .1), 0 .5rem 1rem -.75rem rgba(22, 28, 45, .05)!important;
    -webkit-transition: box-shadow .25s ease, -webkit-transform .25s ease;
    transition: box-shadow .25s ease, -webkit-transform .25s ease;
    -webkit-transition: -webkit-box-shadow .25s ease, -webkit-transform .25s ease;
    transition: -webkit-box-shadow .25s ease, -webkit-transform .25s ease;
    -o-transition: box-shadow .25s ease, transform .25s ease;
    transition: box-shadow .25s ease, transform .25s ease;
    transition: box-shadow .25s ease, transform .25s ease, -webkit-box-shadow .25s ease, -webkit-transform .25s ease;
    transition: box-shadow .25s ease, transform .25s ease, -webkit-transform .25s ease;
    margin-bottom: 40px;
}

.coc_cardWraper:last-child {
    margin-bottom: 0;
}

.coc_cardWraper h3 {
    margin-bottom: 10px;
}

.coc_cardWraper .coc_courseId {
    display: inline-block;
    margin-top: 20px;
}

.coc_cardWraper .cd_innerDiv {
    margin-top: 15px;
}

.coc_courseInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; */
    margin-top: 10px;
}

.coc_courseDetails h6.innerTitle_18 {
    margin-bottom: 15px;
}

.coc_courseInfo .cardInnerGrid {
    margin-right: 60px;
}

.coc_courseInfo .cardInnerGrid:last-child {
    margin-right: 0;
}

.coc_courseDetails {
    width: 118%;
    position: relative;
    left: -18%;
    padding: 15px;
    background-color: #F7F7F7;
    border-radius: 10px;
    margin-top: 15px;
}

.coc_bottomSec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 20px;
}

.coc_bottomSec .normalTextBtn {
    margin-left: 15px;
}

.coc_cardWraper:hover {
    -webkit-box-shadow: 0 2rem 5rem rgba(149, 163, 199, 0.5), 0 .5rem 1rem -.75rem rgba(22, 28, 45, .05)!important;
    box-shadow: 0 2rem 5rem rgba(149, 163, 199, 0.5), 0 .5rem 1rem -.75rem rgba(22, 28, 45, .05)!important;
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -15px, 0);
}

.coc_cardWraper .coc_cardImg {
    position: relative;
    width: 100%;
    height: calc(100% - 40px);
    overflow: hidden;
    border-radius: 10px;
}

.coc_cardWraper .coc_cardImg img {
    -o-object-position: top;
    object-position: top;
    transition: -webkit-transform .2s;
    -webkit-transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}

.coc_cardWraper:hover .coc_cardImg img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.freeCoursesLandingPage_wrapper .carScrollView {
    margin-bottom: 30px;
}
/* form styling */

.formPageSection {
    background-color: #FAF9F7;
    padding: 40px 0;
    min-height: 75vh;
}

.formTitleSec .innerPageLink {
    font-family: 'open_sans_semibold', sans-serif;
}

.landscapeVisible {
    display: none;
}

.labelFloat {
    display: block;
    position: relative;
}

.labelFloat label,
.labelFloat>.formLabel {
    color: #D1D1D1;
    position: absolute;
    left: 20px;
    top: 5px;
    cursor: text;
    font-size: 1.4rem;
    font-family: 'open_sans_semibold', sans-serif;
    opacity: 1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    pointer-events: none;
}

.labelFloat select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.labelFloat textarea {
    width: 100%;
}

.labelFloat input,
.labelFloat select,
.labelFloat textarea,
.radioBox .labelText,
.date-dropdowns select {
    display: inline-block;
    font-size: 1.6rem;
    padding: 20px;
    padding-bottom: 0;
    line-height: 1.3;
    border-radius: 5px;
    border: 1px solid #fff;
    background-color: #fff;
    color: #000;
}

.labelFloat input,
.labelFloat select,
.radioBox .labelText,
.date-dropdowns select {
    height: 60px!important;
}

.labelFloat textarea {
    padding-top: 30px;
    padding-bottom: 20px;
}

.labelFloat input.error,
.labelFloat select.error,
.labelFloat textarea.error,
.radioBox .error~.labelText {
    border-color: #F2813D;
}

.labelFloat input.error~.formLabel,
.labelFloat select.error~.formLabel,
.labelFloat textarea.error~.formLabel {
    color: #DC3838;
}

.labelFloat input:invalid:not(:focus)+*,
.labelFloat select:invalid:not(:focus)+*,
.labelFloat textarea:invalid:not(:focus)+*,
.labelText {
    font-size: 1.6rem;
    line-height: 1.3;
    font-family: 'open_sans_regular', sans-serif;
    color: #000000;
    opacity: 1;
    top: 1.2em;
}

.labelFloat input:-webkit-autofill~.formLabel {
    color: #D1D1D1;
    position: absolute;
    left: 20px;
    top: 5px;
    cursor: text;
    font-size: 1.4rem;
    font-family: 'open_sans_semibold', sans-serif;
    opacity: 1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    pointer-events: none;
}

.labelFloat input:focus,
.labelFloat select:focus,
.labelFloat textarea:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000;
    border: none;
}

.formLabel sup {
    color: #DC3838;
    font-size: 1.4rem;
    top: -2px;
}

.custom_select:after {
    content: "";
    background: url(../images/components/arrow_down_scd.svg) no-repeat;
    display: block;
    width: 13px;
    height: 8px;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
}


/* for custom-checkbox */

input[type="checkbox"],
input[type="radio"] {
    position: absolute;
    right: 9000px;
}


/*Check box*/

input[type="checkbox"]+.labelText:before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid #D1D1D1;
    position: absolute;
    left: 0;
    background-color: #fff;
    color: #ffffff;
    cursor: pointer;
}

input[type="checkbox"]:checked+.labelText:before {
    font-family: "FontAwesome";
    content: "\f14a";
    font-size: 2.2rem;
    line-height: 0.8;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    color: #598EDC;
    border: none;
    border-radius: 4px;
    top: 3px;
    -webkit-animation: inputEffect 250ms ease-in;
    animation: inputEffect 250ms ease-in;
}

input[type="checkbox"]:disabled+.labelText {
    color: #aaa;
}

input[type="checkbox"]:disabled+.labelText:before {
    content: "\f0c8";
    color: #ccc;
}

@-webkit-keyframes inputEffect {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    25% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    75% {
        -webkit-transform: scale(1.10);
        transform: scale(1.10);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes inputEffect {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    25% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    75% {
        -webkit-transform: scale(1.10);
        transform: scale(1.10);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.checkInpWrapper .labelText {
    padding-left: 30px;
    cursor: pointer;
}

.checkInpOptionList .checkInpWrapper .labelText {
    margin-bottom: 15px;
}

.checkInpWrapper:last-child .labelText {
    margin-bottom: 0;
}

.radioBox {
    position: relative;
    width: 50%;
    display: inline-block;
    cursor: pointer;
    margin-right: -3px;
}

.radioBoxWrapper {
    position: relative;
}

.radioBox .labelText {
    cursor: pointer;
}

.radioBoxWrapper .labelText {
    cursor: pointer;
    padding-left: 25px;
    margin-bottom: 15px;
}

.radioBoxWrapper:last-child .labelText {
    margin-bottom: 0;
}

.radioBox:first-child .labelText {
    border-top-right-radius: 0!important;
    border-bottom-right-radius: 0!important;
}

.radioBox:last-child .labelText {
    border-top-left-radius: 0!important;
    border-bottom-left-radius: 0!important;
}

.radioBox:first-child .labelText {
    border-right-color: #ECECEC!important;
}

.radioBox:last-child .labelText {
    border-left-color: #ECECEC!important;
}

.radioBox [type="radio"]:checked+label,
.radioBox [type="radio"]:not(:checked)+label {
    width: 100%;
    text-align: left;
    color: #000;
    font-weight: normal;
}

.radioBox [type="radio"]:checked+label:before,
.radioBox [type="radio"]:not(:checked)+label:before,
.radioBoxWrapper [type="radio"]:checked+label:before,
.radioBoxWrapper [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    right: 20px;
    top: 20px;
    width: 18px;
    height: 18px;
    border: 1px solid #C7C7C7;
    border-radius: 100%;
    background: #fff;
}

.radioBoxWrapper [type="radio"]:checked+label:before,
.radioBoxWrapper [type="radio"]:not(:checked)+label:before {
    right: unset;
    left: 0;
    top: 2px;
}

.radioBox [type="radio"]:checked+label:after,
.radioBox [type="radio"]:not(:checked)+label:after,
.radioBoxWrapper [type="radio"]:checked+label:after,
.radioBoxWrapper [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #167cbc;
    position: absolute;
    right: 23px;
    top: 23px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.radioBoxWrapper [type="radio"]:checked+label:after,
.radioBoxWrapper [type="radio"]:not(:checked)+label:after {
    right: unset;
    left: 3px;
    top: 5px;
}

.radioBox [type="radio"]:not(:checked)+label:after,
.radioBoxWrapper [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
}

.radioBox [type="radio"]:checked+label:after,
.radioBoxWrapper [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-animation: inputEffect 250ms ease-in;
    animation: inputEffect 250ms ease-in;
}

.formTitleSec h2 {
    margin-bottom: 15px;
}

.formContainerSec h4,
.formSubTitleSec {
    margin-bottom: 30px;
}

.formSubTitleSec h4 {
    margin-bottom: 15px;
}

.formSubTitleSec p {
    margin-bottom: 15px;
}

.formBtmLinkSec {
    margin-top: 20px;
    text-align: right;
}

.formBtmLinkSec .formPageLink {
    text-transform: uppercase;
    font-size: 1.4rem;
}

.formBtnSec {
    margin-top: 25px;
    text-align: right;
}

.formBtnSec button {
    display: inline-block;
    margin-left: auto;
}

.btnBack {
    background-color: #fff;
    color: #000;
    border-color: #DBDBDB;
    margin-right: 15px;
}

.btnBack,
.btnNext {
    position: relative;
}

.btnBack::before {
    font-family: "FontAwesome";
    content: "\f104 ";
    font-size: 2rem;
    position: absolute;
    top: 3px;
    left: 35px;
    opacity: 0;
    -webkit-transition: opacity 0.4s, left 0.4s;
    -o-transition: opacity 0.4s, left 0.4s;
    transition: opacity 0.4s, left 0.4s;
}

.btnNext::after {
    font-family: "FontAwesome";
    content: "\f105";
    font-size: 2rem;
    position: absolute;
    top: 3px;
    right: 35px;
    opacity: 0;
    -webkit-transition: opacity 0.4s, right 0.4s;
    -o-transition: opacity 0.4s, right 0.4s;
    transition: opacity 0.4s, right 0.4s;
}

.btnBack:hover::before {
    left: 25px;
    opacity: 1;
}

.btnNext:hover::after {
    right: 25px;
    opacity: 1;
}

.customFormGroup {
    margin-bottom: 20px;
}

ul.passwordRequired li {
    font-size: 1.4rem;
    position: relative;
    padding-left: 15px;
    line-height: 1.5;
}

ul.passwordRequired li::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #219DD4;
    position: absolute;
    top: 6px;
    left: 0;
}

.formTitleSec {
    padding-right: 16%;
}

.formTitleSec ol {
    padding-left: 15px;
}

.formTitleSec ol li {
    list-style: decimal;
    margin-bottom: 15px;
}

.inpfieldTitle {
    margin-bottom: 15px;
}


/* login form */

.formContainerSec {
    position: relative;
    margin-top: -40px;
    margin-bottom: 40px;
}

.loginOptionsWraper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.loginOptions {
    display: inline-block;
    background-color: #fff;
    width: 48%;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0 0rem 3rem rgba(22, 28, 45, .1), 0 0.5rem 1rem -0.75rem rgba(22, 28, 45, .05)!important;
    box-shadow: 0 0rem 3rem rgba(22, 28, 45, .1), 0 0.5rem 1rem -0.75rem rgba(22, 28, 45, .05)!important;
    -webkit-transition: box-shadow .25s ease, -webkit-transform .25s ease;
    transition: box-shadow .25s ease, -webkit-transform .25s ease;
    -webkit-transition: -webkit-box-shadow .25s ease, -webkit-transform .25s ease;
    transition: -webkit-box-shadow .25s ease, -webkit-transform .25s ease;
    -o-transition: box-shadow .25s ease, transform .25s ease;
    transition: box-shadow .25s ease, transform .25s ease;
    transition: box-shadow .25s ease, transform .25s ease, -webkit-box-shadow .25s ease, -webkit-transform .25s ease;
    transition: box-shadow .25s ease, transform .25s ease, -webkit-transform .25s ease;
}

.loginOptions:hover {
    -webkit-box-shadow: 0 1rem 3rem rgba(149, 163, 199, 0.5), 0 .5rem 1rem -.75rem rgba(22, 28, 45, .05)!important;
    box-shadow: 0 1rem 3rem rgba(149, 163, 199, 0.5), 0 .5rem 1rem -.75rem rgba(22, 28, 45, .05)!important;
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
}

.loginOptions .btn_loginOption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    background-color: #fff;
    width: 100%;
    align-items: center;
    text-align: left;
    padding: 20px;
    padding-right: 0;
    -webkit-transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    transition: all .25s ease-in;
}

.loginOptions img {
    margin-right: 10px;
    -webkit-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
    transition: all .15s ease-in;
}

.loginOptions p {
    font-family: 'open_sans_semibold', sans-serif;
}

.loginOptions p span {
    font-family: 'open_sans_regular', sans-serif;
}

.or_decoreSec {
    position: relative;
}

.or_decoreSec::before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #E8E8E8;
    position: absolute;
    top: 15px;
}

span.or {
    display: block;
    position: relative;
    font-size: 1.4rem;
    font-family: 'open_sans_semibold', sans-serif;
    line-height: 2;
    text-align: center;
    width: 30px;
    height: 30px;
    border: 1px solid #E8E8E8;
    background-color: #FAF9F7;
    border-radius: 50%;
    margin: 30px auto;
    -webkit-box-shadow: 0px 0px 10px 10px #FAF9F7;
    box-shadow: 0px 0px 10px 10px #FAF9F7;
}


/* reset password */

.passwordSuccesAlertInfo {
    padding: 20px;
    margin-top: 20px;
    background-color: #DBF2E3;
    border: 1px solid #B8D9C4;
    border-radius: 5px;
}

.passwordSuccesAlertInfo h4 a {
    font-family: "Museo Slab 500", Helvetica, Arial, sans-serif;
}


/* alert */

.alertCustom {
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.alertCustom.alert-dismissible {
    padding-right: 4rem;
}

.alertCustom .close {
    font-size: 1.4rem;
    padding: 15px;
}

.alertCustom.alert-danger {
    color: #DC3838;
    border-color: #F2C7C6;
}

.alertCustom.alert-warning {
    color: #000;
    border-color: #FAEBCC;
}

.alertCustom.alert-success {
    color: #68A161;
    border-color: #B8D9C4;
}

.alertCustom .close {
    font-size: 1.8rem;
    padding: 15px;
}


/* for password validation */

#validationMsgDiv {
    display: none;
    position: relative;
    margin-top: 10px;
}

.password-validation-header {
    font-size: 1.4rem;
    margin-bottom: 15px;
    font-family: 'NotoSans-Regular', sans-serif;
}

.valInfoTxt,
.valInfoTxt.invalid,
.valInfoTxt.valid {
    font-size: 1.4rem;
    font-family: 'Arial', sans-serif;
    margin-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: initial;
    color: #000000;
}

.valInfoTxt:last-child {
    margin-bottom: 0;
}

.valInfoTxt.invalid {
    color: #DC3838;
}

.valInfoTxt.valid {
    color: #35A439;
}

#validationMsgDiv p:before {
    position: relative;
    left: 0px;
    top: 2px;
    width: 15px;
    height: 15px;
    font-family: "FontAwesome";
    font-size: 1.4rem;
    margin-right: 5px;
}

#validationMsgDiv p.valInfoTxt:before {
    content: "\f111";
    font-size: 1rem;
    color: #E8E8E8;
    border-color: #E8E8E8;
}

#validationMsgDiv p.valid:before {
    content: "\f00c";
    color: #35A439;
}

#validationMsgDiv p.invalid:before {
    content: "\f00d";
    color: #DC3838;
}


/* register  */

.regBenefitsWraper {
    padding: 20px;
    background-color: #ECF0F9;
    border-radius: 6px;
    margin-top: 30px;
}

.regBenefitsWraper h6 {
    font-family: "Museo Slab 500", Helvetica, Arial, sans-serif;
    margin-bottom: 20px;
}

.regBenefitListSec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px;
}

.regBenefitListSec img {
    width: 30px;
    height: 30px;
    margin-right: 15px;
}


/* nonHCP */


/* left form flow */

.registerProcessFlowSec li {
    position: relative;
    color: #D1D1D1;
    margin: 30px 0;
    font-family: 'open_sans_semibold', sans-serif;
}

.registerProcessFlowSec li.progressingForm,
.registerProcessFlowSec li.completedForm {
    color: #000;
}

.registerProcessFlowSec .flowIndex {
    font-family: 'open_sans_semibold', sans-serif;
    display: inline-block;
    position: relative;
    width: 35px;
    height: 35px;
    line-height: 30px;
    text-align: center;
    background-color: #FFFFFF;
    color: #D1D1D1;
    border: 2px solid #D1D1D1;
    border-radius: 50%;
    margin-right: 15px;
}

.registerProcessFlowSec li::before {
    content: "";
    position: absolute;
    width: 2px;
    top: 38px;
    height: 25px;
    left: 17px;
    background-color: #D1D1D1;
}

.registerProcessFlowSec li:last-child::before {
    content: "";
    position: absolute;
    top: unset;
    height: auto;
    left: unset;
}

.progressingForm .flowIndex {
    border-color: #205C9D;
    color: #205C9D;
}

.registerProcessFlowSec li.progressingForm::before {
    background-color: #205C9D;
}

.completedForm .flowIndex {
    background-color: #68A161;
    border-color: #68A161;
    color: #fff;
}

.completedForm .flowIndex:after {
    content: "";
    position: absolute;
    font-weight: 100;
    width: 13px;
    height: 7px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    background-color: #68A161;
    -webkit-box-shadow: 0px 0px 0px 5px #68A161;
    box-shadow: 0px 0px 0px 5px #68A161;
    -webkit-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg);
    left: 10px;
    top: 10px;
    right: 0;
}

.registerProcessFlowSec li.completedForm::before {
    background-color: #68A161;
}

.toggle_password {
    display: none;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.4rem;
    cursor: pointer;
}

.checkInputContainer {
    background-color: #fff;
    border-radius: 5px;
}

.checkInpWrapper {
    position: relative;
}

.checkInpLabel {
    padding: 20px;
    border-bottom: 1px solid #ECECEC;
}

.checkInpOptionList {
    padding: 20px;
}

.checkInputContainer .customFormGroup.specifyOtherInp {
    margin-bottom: 0;
    margin-top: 20px;
}

.checkInputContainer .specifyOtherInp .labelFloat input {
    background-color: #faf9f7;
    border: 1px solid #faf9f7;
}


/* dob */


/* .date-dropdowns select { 
    -moz-appearance: none; 
    -webkit-appearance: none; 
} 

.date-dropdowns select::-ms-expand { 
    display: none; 
}  */

.date-dropdowns select {
    width: 33.33%;
    padding: 20px;
    padding-top: 17px;
}

.date-dropdowns select:nth-child(2),
.date-dropdowns select:nth-child(3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-color: #ECECEC;
}

.date-dropdowns select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../img/components/arrow_down_scd.svg) no-repeat;
    background-color: #fff;
    background-position-x: 90%;
    background-position-y: 50%;
}

.date-dropdowns select:nth-child(3),
.date-dropdowns select:nth-child(4) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.date-dropdowns .error~select {
    border-color: #F2813D;
}

.date-dropdowns .error~select:nth-child(2),
.date-dropdowns .error~select:nth-child(3) {
    border-right-color: #ECECEC;
}

.date-dropdowns .error~select:nth-child(3),
.date-dropdowns .error~select:nth-child(4) {
    border-left-color: #ECECEC;
}


/* register HCP */

.loginOptions.registerOptionEmail {
    width: 100%;
}

.loginOptions.registerOptionEmail .btn_loginOption {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.specifyOtherInp_learningIntrest,
.specifyOtherInp_reference,
.register_nonHCP_secTwo,
#register_HCP_form_sec,
.register_HCP_secTwo,
.register_HCP_secThree {
    display: none;
}

.labelGroupInp {
    margin-bottom: 10px;
}

.btnDisabled {
    opacity: 0.3;
    pointer-events: none;
}

.ratingDisabled {
    pointer-events: none;
}


/* go to top */

.goToPageTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    text-decoration: none;
    background: #F2813D;
    color: #fff;
    text-align: center;
    -webkit-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    transform: translateX(100px);
}

.goToPageTop .fa {
    color: #fff;
    font-size: 2.8rem;
    line-height: 35px;
}

.goToPageTop.activeNav {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}


/* Floating Social Media Bar Style Starts Here */

.sm_card {
    background: #000000;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: 140px;
    position: fixed;
    right: -105px;
    z-index: 1000;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.sm_card .fa {
    font-size: 1.6rem;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.sm_card:hover {
    right: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
}

.sm_card a {
    display: block;
    padding: 10px;
    font-size: 1.4rem;
    color: #fff !important;
    text-decoration: none;
    text-align: left;
}

.float-fb {
    background-color: #3B5998;
    top: 170px;
}

.float-fb a {
    background-color: #3B5998;
}

.float-tw {
    top: 211px;
}

.float-tw a {
    background-color: #55ACEE;
}

.float-li {
    top: 252px;
}

.float-li a {
    background-color: #0177B5;
}


/* Floating Social Media Bar Style Ends Here */


/* scrollbar visibility hide */

.card-scroll::-webkit-scrollbar,
.cd_navWrapper::-webkit-scrollbar {
    display: none;
}


/* Hide scrollbar for IE, Edge and Firefox */

.card-scroll,
.cd_navWrapper {
    -ms-overflow-style: none;
    scrollbar-width: none;
}


/* load image placeholder */

.background_placeholder {
    -webkit-animation-duration: 1.25s;
    animation-duration: 1.25s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background: #F6F6F6;
    background: -o-linear-gradient(left, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
    background: -webkit-gradient(linear, left top, right top, color-stop(8%, #F6F6F6), color-stop(18%, #F0F0F0), color-stop(33%, #F6F6F6));
    background: linear-gradient(to right, #F6F6F6 8%, #F0F0F0 18%, #F6F6F6 33%);
    background-size: 800px 104px;
    position: relative;
    max-width: 100%;
    max-height: 100%;
}

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }
    100% {
        background-position: 468px 0
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }
    100% {
        background-position: 468px 0
    }
}


/* about us */

.bannerAboutSec {
    background-color: #FAF9F7;
    height: 350px;
    overflow-x: hidden;
}

.aboutUs_bannerImgWraper {}


/* .aboutUS_bannerContainer {
    display: flex;
    align-items: center;
} */

.aboutUS_bannerContainer {
    position: relative;
}

.aboutUs_bannerTxtWraper {
    width: 55%;
    margin: 0;
    height: 350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.aboutUs_bannerTxtWraper h2 {
    margin-bottom: 15px;
}

.aboutUs_bannerImgWraper {
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 60%;
    border-radius: 0;
    width: 40vw;
    height: calc(100%);
    background-size: cover!important;
    background-position: 50% 0%!important;
}

.innerWrapper.innerTextWraper_lg {
    margin-top: 50px;
}

.innerTextWraper {
    margin-bottom: 40px;
}

.innerTextWraper h5 {
    margin-bottom: 15px;
}

.innerTextWraper h6 {
    margin-bottom: 20px;
}

.innerTextWraper .organizationImgGlobe img {
    -o-object-fit: fill;
    object-fit: fill;
}

.innerTextWraper .organizationImgGlobe .graphCircle {
    width: 50px;
    height: 50px;
}

.tableMissionNdVision,
.tableMissionNdVision thead td {
    border: 1px solid #E8E8E8;
}

.tableMissionNdVision thead {
    background-color: #E8E8E8;
}

.tableMissionNdVision tr td {
    line-height: 1.3;
}

.tableMissionNdVision tbody tr td:nth-child(2) {
    border-right: 1px solid #e2e2e2;
}

.topProffessionalEngaged_card {
    padding: 20px;
    border: 2px solid #EAEAEA;
    border-radius: 10px;
}

.topProfession_value {
    font-size: 2.6rem;
    color: #5BC6C8;
}

.color_nurse {
    color: #219DD4;
}

.color_endocrinologist {
    color: #205C9D;
}


/* author */

.authorInfoWraper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.authorInfoWraper .authorImgWraper {
    width: 100%;
    margin-bottom: 25px;
    border-radius: 10px;
    overflow: hidden;
}


/* read more text */

.readMoreText_sec {
    display: none;
}

.readMoreText_btn {
    display: inline-block;
    margin-top: 15px;
    cursor: pointer;
}

.readMoreText_btn p {
    color: #F2813D;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.readMoreText_btn:hover p {
    color: #F2813D;
    text-decoration: underline;
}

.auhtorSecRow .secAuthorCard {
    margin-top: 30px;
}

.authorCardWraper {
    display: flex;
    padding: 15px;
    border: 1px solid #F0F0F0;
    border-radius: 10px;
    -webkit-box-shadow: 0 0rem 3rem rgba(22, 28, 45, .1), 0 0.5rem 1rem -0.75rem rgba(22, 28, 45, .05)!important;
    box-shadow: 0 0rem 3rem rgba(22, 28, 45, .1), 0 0.5rem 1rem -0.75rem rgba(22, 28, 45, .05)!important;
    -webkit-transition: box-shadow .25s ease, -webkit-transform .25s ease;
    transition: box-shadow .25s ease, -webkit-transform .25s ease;
    -webkit-transition: -webkit-box-shadow .25s ease, -webkit-transform .25s ease;
    transition: -webkit-box-shadow .25s ease, -webkit-transform .25s ease;
    -o-transition: box-shadow .25s ease, transform .25s ease;
    transition: box-shadow .25s ease, transform .25s ease;
    transition: box-shadow .25s ease, transform .25s ease, -webkit-box-shadow .25s ease, -webkit-transform .25s ease;
    transition: box-shadow .25s ease, transform .25s ease, -webkit-transform .25s ease;
}

.modalInfoCardSec .authorCardWraper {
    cursor: pointer;
}

.modalInfoCardSec .authorCardWraper:hover {
    -webkit-box-shadow: 0 1rem 3rem rgba(149, 163, 199, 0.5), 0 .5rem 1rem -.75rem rgba(22, 28, 45, .05)!important;
    box-shadow: 0 1rem 3rem rgba(149, 163, 199, 0.5), 0 .5rem 1rem -.75rem rgba(22, 28, 45, .05)!important;
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
}

.authorCardWraper .authorImgWraper {
    width: 80px;
    max-height: 80px;
    overflow: hidden;
    border-radius: 5px;
    margin-right: 15px;
    flex-shrink: 0;
}

.authorTextWraper .authorName {
    font-family: "Museo Slab 700", Helvetica, Arial, sans-serif;
}

.authorDesingnation {
    font-family: 'open_sans_semibold', sans-serif;
    line-height: 1.3;
}

.authorTextWraper .authorName {
    margin-bottom: 5px;
    font-size: 1.8rem;
}

.authorInfoViewMore {
    display: inline-block;
    position: relative;
    font-size: 1.3rem;
    margin-top: 15px;
    margin-left: auto;
    font-family: 'open_sans_semibold', sans-serif;
    color: #F2813D;
    float: right;
}

.authorInfoViewMore::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0%;
    height: 2px;
    background-color: #F2813D;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.authorInfoViewMore:hover {
    color: #598EDC;
}

.authorInfoViewMore:hover::after {
    width: 50%;
}


/* experts */

.text_bannerWraper h2 {
    margin-bottom: 15px;
}

.text_bannerWraper h4 {
    margin-bottom: 20px;
}

.text_bannerWraper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 350px;
}

.institution_Sec {
    margin: 40px 0px;
}

.institution_list_wraper li {
    font-size: 1.6rem;
    padding: 20px 30px;
    margin-bottom: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0rem 0.6rem rgba(22, 28, 45, .1), 0 0.3rem 0rem -0.28rem rgba(22, 28, 45, .05)!important;
    box-shadow: 0 0rem 0.6rem rgba(22, 28, 45, .1), 0 0.3rem 0rem -0.28rem rgba(22, 28, 45, .05)!important;
}


/* 28/04/2020 */


/* expert search */

#exper_searchOpt .form_custom {
    background-color: #fff;
    font-size: 1.6rem;
    padding: 10px;
    padding-left: 40px;
    border-radius: 10px;
}

#exper_searchOpt .fa-search {
    font-size: 1.6rem;
    color: #5A5A5A;
    position: absolute;
    top: 15px;
    left: 30px;
    z-index: 2;
}


/* experts modal */

.expertModal .modal-dialog {
    max-width: 70%;
    margin-top: 0;
    margin-bottom: 0;
}

.expertModal .modal-content {
    margin-top: 10vh;
    border-radius: 10px;
    border: none;
}

.expertsDetailsBox {
    max-height: 40vh;
    padding-right: 15px;
    overflow-y: scroll;
}

.expertModal .modal-body {
    padding: 40px;
}

.expertInfoSec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.expertInfoSec img {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 20px;
}

.modalInnerSecGap {
    margin-bottom: 30px;
}

.tableExperModal {
    margin-top: 30px;
}

.expertsDetailsBox::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.1); */
    background-color: #fff;
}

.expertsDetailsBox::-webkit-scrollbar {
    width: 4px;
    background-color: #F5F5F5;
}

.expertsDetailsBox::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background-color: #6c757d;
}

.expertsDetailsBox>p {
    margin-bottom: 15px;
}

table.tableExperModal {
    border-radius: 10px;
    margin-left: 1px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 0px 1px #dee2e6;
    box-shadow: 0px 0px 0px 1px #dee2e6;
}

.tableExperModal thead th {
    border-bottom: none;
}

.tableExperModal td,
.tableExperModal th {
    padding: 10px 15px;
}

button.modal_close {
    position: absolute;
    top: 10px;
    right: 10px;
}

button.modal_close::after {
    font-family: "FontAwesome";
    content: "\f057";
    font-size: 2.3rem;
    color: #DBDBDB;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

button.modal_close:hover:after {
    color: #000000;
}

.btn_modalClose {
    padding: 10px 25px;
    background-color: #fff;
    border: 1px solid #DBDBDB;
    border-radius: 25px;
    font-weight: 600;
    float: right;
    margin-top: 20px;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.btn_modalClose:hover {
    -webkit-box-shadow: 0px 5px 10px 0px #f3f3f3;
    box-shadow: 0px 5px 10px 0px #f3f3f3;
}


/* supporters  */

.supporter_bannerContainer {
    position: relative;
}

.supporterBanner_OverSec {
    background-color: #fff;
    padding: 20px 30px;
    padding-right: 75px;
    width: 65%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}

.supporterBanner_Overlay::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(32, 92, 157, 0.6);
}

.supporterBanner_OverSec h5 {
    color: #205C9D;
    margin-bottom: 10px;
}

.supporterBanner_OverSec a {
    color: #F2813D;
    text-transform: uppercase;
    font-weight: 600;
}

.supporterBanner_OverSec a::after {
    font-family: "FontAwesome";
    content: "\f105 ";
    font-size: 1.8rem;
    color: #F2813D;
    padding-left: 10px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.supporterBanner_OverSec a:hover:after {
    padding-left: 15px;
}

.sec_supporters .innerWrapper h4::before {
    content: "";
    width: auto;
    height: auto;
    background-color: transparent;
    position: relative;
    left: unset;
    bottom: unset;
}

.secSupportersCard {
    margin-bottom: 50px;
}

.secSupportersCardWraper {
    height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #E8E8E8;
    border-radius: 10px;
    margin-bottom: 10px;
}

.secSupportersCard p {
    text-transform: uppercase;
    margin-bottom: 5px;
}

.secSupportersCard a {
    font-weight: 600;
    text-decoration: underline;
}


/* Accredited */

.aboutUs_bannerTxtWraper .accredited_Info_logo {
    margin-top: 20px;
}

.aboutUs_bannerTxtWraper .accredited_Info_logo img:first-child {
    width: 85px;
    height: 85px;
}

.accredited_Info_logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.accredited_Info_logo img:first-child {
    margin-right: 20px;
}

.innerTextWraper .accredited_Info_logo {
    padding: 15px;
    -webkit-box-shadow: 0px 3px 10px 0px #f8f8f8;
    box-shadow: 0px 3px 10px 0px #f8f8f8;
    border-radius: 10px;
}


/* free course landing page */

.langSelectSec .cd_banneBottomBtnSec {
    padding: 0;
    margin-top: 30px;
}

.langSelectSec .cd_banneBottomBtnSec .courseLangSec {
    margin: 0
}


/* innerpage banner */

.bannerBackgroudHalfBg {
    position: relative;
    background: -o-linear-gradient(bottom, #fff 50%, #FAF9F7 50%);
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #fff), color-stop(50%, #FAF9F7));
    background: linear-gradient(to top, #fff 50%, #FAF9F7 50%);
    padding-bottom: 0;
}

.innerContainerBannerSec {
    min-height: 275px;
    background-position: center!important;
    background-size: cover!important;
    border-radius: 20px;
}

.innerContainerBannerWraper {
    padding: 40px;
}

.innerContainerBannerWraper h2 {
    margin-bottom: 0;
}

.innerContainerBannerWraper .cd_innerDiv {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.innerContainerBannerWraper .cd_innerDiv .courseViewLeafletSec {
    margin-left: 100px;
}

.innerContainerBannerLogoWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.innerContainerBannerLogo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 200px;
    height: 125px;
    border-radius: 10px;
    background-color: #fff;
    margin-top: 25px;
}

.innerContainerBannerLogoWrapper p {
    width: 25%;
    margin-left: 30px;
}

.innerContainerBannerWraper h2,
.innerContainerBannerWraper p,
.innerContainerBannerWraper span {
    color: #fff;
}

.freeCourseBannerBtnSec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 30px;
}

.BtnSecWithLang {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.singleBtnItemSec {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}


/* .freeCourseBannerBtnSec .cd_banneBottomBtnSec  {
        padding-top: 0;
    } */

.courseFreeInfo strong {
    font-size: 1.6rem;
    text-transform: uppercase;
}


/* cmes sec */

.cme_section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.cme_section img {
    margin-right: 15px;
    width: 80px;
}


/* author */

.author_coi_text {
    position: absolute;
    bottom: 15px;
}

.table_conflict_of_interest thead {
    background-color: #219DD4;
}

.table_conflict_of_interest thead p {
    color: #fff;
}

.author_coi_detailesBox h6 {
    margin-top: 25px;
    margin-bottom: 20px;
}

.inner_box_wrap .secAuthorCard:first-child,
.inner_box_wrap .secAuthorCard:nth-child(2) {
    margin-top: 0;
}

.viewMoreBtn_innerPage {
    text-transform: uppercase;
    color: #F2813D;
    font-family: 'open_sans_bold', sans-serif;
    font-size: 1.5rem;
    margin-top: 15px;
    cursor: pointer;
    -webkit-transition: 0.4s ease-in;
    -o-transition: 0.4s ease-in;
    transition: 0.4s ease-in;
}

.viewMoreBtn_innerPage:hover {
    color: #598EDC;
}

.accordionOverview .bulletListWraper {
    margin: 0;
}

.cd_navFont_Sm .cd_navLink {
    font-size: 1.4rem;
}


/* additional resourse */

.addtionalResourseCard {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    border-radius: 10px;
    margin-top: 10px;
    -webkit-box-shadow: 0 0rem 2rem rgba(22, 28, 45, .1), 0 0.5rem 0rem -0.75rem rgba(22, 28, 45, .05)!important;
    box-shadow: 0 0rem 2rem rgba(22, 28, 45, .1), 0 0.5rem 0rem -0.75rem rgba(22, 28, 45, .05)!important;
}

.addtionalResourseCard:first-child {
    margin-top: 0;
}

.addtionalResourseCardImgsec {
    position: relative;
    width: 18%;
    height: 124px;
    overflow: hidden;
    border-radius: 8px;
}

.addtionalResourseCardInfosec {
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 64%;
    padding-left: 20px;
}

.addtionalResourseCardBtnsec {
    width: 18%;
    text-align: right;
}

.addtionalResourseLabel {
    display: inline-block;
    font-size: 1.6rem;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.addtionalResourseLabel.presentation {
    color: #14A6D3;
}

.addtionalResourseLabel.video {
    color: #E2AC15;
}

.addtionalResourseTitle {
    font-family: "Museo Slab 500", Helvetica, Arial, sans-serif!important;
    min-height: 50px;
    max-height: 50px;
    display: block!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -o-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.addtionalResourseDownloadCount {
    display: inline-block;
    position: absolute;
    bottom: 20px;
    font-size: 1.6rem;
    color: #979797;
}

.addtionalResourseCardBtnsec a {
    font-family: 'open_sans_semibold', sans-serif;
    text-transform: uppercase;
    color: #F2813D;
    -webkit-transition: 0.4s ease-in;
    -o-transition: 0.4s ease-in;
    transition: 0.4s ease-in;
}

.addtionalResourseCardBtnsec a:hover {
    color: #598EDC;
}


/* Additional Contributors */

.AdditionalContributorsCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 8px 2px #f5f5f5;
    box-shadow: 1px 1px 8px 2px #f5f5f5;
    margin-top: 20px;
}

.AdditionalContributorsInfo {
    margin-right: 20px;
}

.AdditionalContributorsInfo .innerTitle_18 {
    font-family: "Museo Slab 500", Helvetica, Arial, sans-serif;
}

.AdditionalContributorsInfo p {
    margin-top: 5px;
}


/*  */

.courseSupporterDetails {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.moduleListContainer .courseSupporterDetails {
    padding: 15px 10px;
}

.courseSupporterDetails p {
    font-size: 1.2rem;
    margin-right: 10px;
}


/* module alert */

.modulesAlertWraper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: baseline;
    align-content: baseline;
    padding: 20px;
    border-radius: 10px;
    margin-top: 30px;
    -webkit-box-shadow: 0 0rem 2rem rgba(22, 28, 45, .1), 0 0.5rem 0rem -0.75rem rgba(22, 28, 45, .05)!important;
    box-shadow: 0 0rem 2rem rgba(22, 28, 45, .1), 0 0.5rem 0rem -0.75rem rgba(22, 28, 45, .05)!important;
}

.modulesAlertWraper .modulesAlertIcon {
    margin-right: 15px;
}


/* desclimer */

.innerStaticSec p,
.desclaimerCheckBox {
    margin: 0;
    margin-bottom: 20px;
}

.innerStaticSec p:last-child {
    margin-bottom: 0;
}

.innerStaticSec {
    margin-bottom: 30px;
}

.innerStaticSec:last-child {
    margin-bottom: 0;
}

.innerStaticSec h4 {
    margin-bottom: 25px;
}


/* payment */

.paymentBannerSection {
    background-color: #F0F0F0;
}

.paymentBannerSection .text_bannerWraper {
    height: 300px;
}

.paymentBannerSection .text_bannerWraper>div {
    margin-top: -50px;
}

.paymentCourseInfo {
    position: absolute;
    bottom: 1px;
    padding: 25px;
    background-color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.paymentCourseInfo ul li {
    display: inline-block;
}

.paymentCourseInfo ul li:nth-child(2) {
    color: #DBDBDB;
    padding: 0 10px;
}

.toggleTermsAndConditionSec {
    position: relative;
    background-color: #fff;
    border-radius: 10px;
}

.innerStaticSec.toggleTermsAndConditionSec>p {
    padding: 20px;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-transition: .4s ease-in;
    -o-transition: .4s ease-in;
    transition: .4s ease-in;
}

.innerStaticSec.toggleTermsAndConditionSec>p:hover,
.innerStaticSec.toggleTermsAndConditionSec>p.show {
    color: #598EDC;
}

.innerStaticSec.toggleTermsAndConditionSec>p:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 25px;
    background: url(../images/components/arrow_down_scd.svg) no-repeat;
    width: 15px;
    height: 10px;
    text-align: center;
    -webkit-transition: .4s ease-in;
    -o-transition: .4s ease-in;
    transition: .4s ease-in;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.innerStaticSec.toggleTermsAndConditionSec>p.show::after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.TermsAndConditionContent {
    padding: 20px;
    padding-top: 0;
    display: none;
}

.paymentHolderInfoSec {
    position: relative;
    top: -190px;
}

.paymentHolderInfoSec .cardContainer {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

.paymentHolderInfoSec .cardIconSec {
    width: 20px;
    text-align: left;
}


/* loader.css */

.inputLoader {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 5px;
    top: 4px;
}


/* regsuccess msg */

.regSuccessMsgWraper {
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
}

.regSuccessMsgWraper h3 {
    margin-bottom: 10px;
}


/* modal language popup */

.modal_custom .modal-content {
    border-radius: 10px;
    overflow: hidden;
}

.modal_custom .modal-body {
    padding: 30px;
}

.modal_custom.show .modal-dialog {
    -webkit-transform: translateY(5%);
    -ms-transform: translateY(5%);
    transform: translateY(5%);
}

.radioBox.radioBoxModal {
    display: block;
    width: auto;
    margin: 0;
}

.radioBox.radioBoxModal .labelText {
    height: auto!important;
    padding: 15px 20px;
    border: 1px solid #EBEBEB!important;
    border-radius: 5px!important;
    margin: 0;
    line-height: 1.3;
}

.radioBox.radioBoxModal .labelText span {
    margin-right: 5px;
}

.radioBox.radioBoxModal [type="radio"]:checked+label:before,
.radioBox.radioBoxModal [type="radio"]:not(:checked)+label:before {
    top: 17px;
}

.radioBox.radioBoxModal [type="radio"]:checked+label:before {
    border: 1px solid #219DD4;
}

.radioBox.radioBoxModal [type="radio"]:checked+label {
    background-color: #E8F8FE;
    border: 1px solid #E8F8FE!important;
    font-weight: 600;
}

.radioBox.radioBoxModal [type="radio"]:checked+label:after,
.radioBox.radioBoxModal [type="radio"]:not(:checked)+label:after {
    top: 20px;
    background: #219DD4;
}

.module_RadioWraper {
    margin-top: 20px;
}

.modal_custom .btn_modalClose {
    float: none;
    margin: 0;
    margin-right: 10px;
    height: 40px;
    padding: 0px 30px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.modal_custom .formBtnSec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}


/* my profile */

.myAccountBanner {
    background-color: #F0F0F0;
}

.myAccountBanner .text_bannerWraper {
    height: 110px;
}

.userInfo_wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.userImg_sec img {
    width: 150px;
    height: 150px;
    overflow: hidden;
    border-radius: 10px;
}

.userInfo_sec {
    margin-left: 20px;
}

.imgUpload_dropDown {
    position: absolute;
    bottom: 0;
}

.imgUpload_dropDown>a {
    text-transform: uppercase;
    color: #f2813d;
    font-size: 1.3rem;
}

.imgUpload_dropDown>a.dropdown-toggle::after {
    border: none;
}

.imgUpload_dropDown .dropdown-menu {
    margin: 0;
    padding: 0;
    top: 10px!important;
    border: none;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 10px 0px #e0e0e0;
    box-shadow: 0px 0px 10px 0px #e0e0e0;
}

.imgUpload_dropDown .dropdown-item {
    padding: 10px 20px;
}

.imgUpload_dropDown .dropdown-item:hover {
    background-color: #fff;
    color: #0056b3;
}

.myAccountSec .innerWrapper {
    padding: 30px 0;
    border-bottom: 1px solid #E8E8E8;
}

.myAccountSec .innerWrapper:first-child {
    padding-top: 0;
}

.table-borderless td,
.table-borderless th {
    border: 0;
}

.profileInfo_view table tr td:first-child {
    font-weight: 700;
    padding-left: 0;
}

.publicationsList {
    padding: 20px 0;
    border-top: 1px solid #E8E8E8;
}

.profileInfo_edit,
.passwordinfo_edit,
.aboutYouSec_edit,
.publications_add {
    display: none;
}

.publications_add {
    border-top: 1px solid #E8E8E8;
}

.btn.disabled,
.btn:disabled {
    pointer-events: none;
}


/*-- Edit Profile -- Image Upload Pop-up --*/

.modalPopup .modal-body {
    padding: 20px;
}

.modalPopup.show .modal-dialog {
    -webkit-transform: translate(0, 15%);
    -ms-transform: translate(0, 15%);
    transform: translate(0, 15%);
}

.modalPopup .modalContent_wrapper {
    height: 375px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.modalPopup .modal-content {
    border-radius: 10px;
}

#uploadImagePopUp.modal {
    text-align: center;
    padding: 0 !important;
}

.imageUpload_title {
    display: inline-block;
    font-size: 20px;
    vertical-align: top;
    margin-bottom: 0;
}

#uploadImagePopUp .modal-header .close {
    top: 0px;
    position: relative;
    font-size: 26px;
}

#uploadImagePopUp .modal-body .row {
    margin: 0;
}

.upload_buttonSection {
    width: 100%;
    text-align: center;
}

.imageUpload {
    margin-bottom: 10px;
}

.imageUploadBtn {
    text-transform: none;
    background: #598edc;
    border: 1px solid #598edc;
    color: #fff;
    font-size: 1.6rem;
    border-radius: 25px;
    padding: 10px 30px;
    display: block;
    margin: 0 auto;
}

.imageUploadBtn:hover,
.imageUploadBtn:focus {
    background: #ffffff;
    color: #598edc;
}

.fileUploadTable {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

#uploadImagePopUp .modal-footer {
    text-align: left;
}

.upload-btn-wrapper2 {
    position: relative;
}

#file-input {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    cursor: pointer;
    width: 50%;
    height: 125px;
    margin-top: -39px;
    margin-left: auto;
    margin-right: auto;
}

#file-input:hover+.imageUploadBtn {
    background-color: #fff;
    color: #007fcd;
    -webkit-box-shadow: 0px 5px 8px 0px #e8e6e6;
    box-shadow: 0px 5px 8px 0px #e8e6e6;
}

.imageCropBox {
    width: 300px;
    height: 300px;
    margin: 0 auto;
    overflow: hidden;
    display: none;
}

.imageCropBox div {
    height: 100%;
    width: 100%;
}

.imageUploadloader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: none;
}

.modalUpload_btnSec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}


/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* Firefox */

input[type=number] {
    -moz-appearance: textfield;
}

.selectCountryCode {
    position: absolute;
    top: 1px;
    left: 1px;
}

.customMobi_input .selectCountryCode select {
    width: 100px;
    padding: 0 15px;
    height: 58px!important;
}

.selectCountryCode~.formLabel {
    left: 120px;
}

.selectCountryCode+[type="number"] {
    padding-left: 120px;
}

.selectCountryCode::before {
    content: '';
    position: absolute;
    right: 0;
    top: 15px;
    height: 30px;
    width: 2px;
    background-color: #ececec;
}

.modal-body.accountBottomSec {
    background-color: #FAF9F7;
}

.accountTopSec h5,
.accountTopSec p {
    color: #DC3838;
}

.aboutYouSec_title h5 {
    font-family: "Museo Slab 500", Helvetica, Arial, sans-serif;
}


/* my learning */

.bannerNav_myLearnings li {
    display: inline-block;
}

.bannerNav_myLearnings li a {
    display: inline-block;
    padding: 10px 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.bannerNav_myLearnings li.active a {
    background-color: #598EDC;
    color: #fff;
    font-family: 'open_sans_semibold', sans-serif;
}


/*  */

.myLearningCard_list {
    background-color: #fff;
    padding: 30px;
    margin-bottom: 3rem;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 15px -3px #e8e8e8;
    box-shadow: 0px 0px 15px -3px #e8e8e8;
}

.myLearningCard_list:last-child {
    margin-bottom: 0;
}

.myLearningCard_img {
    width: 100%;
    height: 150px;
    background-size: cover!important;
    border-radius: 10px;
    overflow: hidden;
}

span.percentView {
    display: inline-block;
    font-size: 2.1rem;
    color: #F2813D;
}

.courseInfoList>li:nth-child(2),
.courseInfoList>li:last-child {
    margin-left: 20px;
}

.courseInfoList>li>img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.courseStatusProgress {
    height: 5px;
}

.courseStatusProgress .progress-bar {
    background-color: #F2813D;
}

.courseStatusProgress .progress-bar[aria-valuenow="100"] {
    background-color: #219DD4;
}

span.percentView[data-perVal="100"] {
    color: #219DD4;
}

.course_completion_checklist_wrapper {
    border-top: 1px solid #DBDBDB;
    border-bottom: 1px solid #DBDBDB;
}

.ccl_header {
    position: relative;
    cursor: pointer;
}

.ccl_header:after {
    content: "";
    position: absolute;
    right: 0;
    top: 15px;
    background: url(../images/components/arrow_down_scd.svg) no-repeat;
    width: 15px;
    height: 10px;
    text-align: center;
    -webkit-transition: .4s ease-in;
    -o-transition: .4s ease-in;
    transition: .4s ease-in;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.ccl_header.show::after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.ccl_header p {
    text-transform: uppercase;
    font-family: 'open_sans_semibold', sans-serif;
    padding: 10px 0px;
}

.ccl_header.show p {
    color: #598EDC;
}

.ccl_body {
    display: none;
    padding: 10px 0;
}

.ccl_status_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


/* .ccl_status_wrapper.premium_status_wrapper {
justify-content: space-between;
} */

.ccl_status_wrapper>li {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 10px;
}

.ccl_status_wrapper>li:last-child {
    margin: 0;
}

.ccl_status {
    position: relative;
    padding-left: 17px;
}

.ccl_status::before {
    font-family: "FontAwesome";
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.6rem;
    color: #DBDBDB;
}

.ccl_status.ccl_in-progress::before {
    color: #F7941D;
}

.ccl_status.ccl_completed::before {
    color: #18CDA9;
}

.socialShareLink_wrapper>li>a>img {
    width: 35px;
    height: 35px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    opacity: 0.8;
    border-radius: 50%;
}

.socialShareLink_wrapper>li>a:hover>img {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.secMyLearning_free_courses .carScrollView {
    margin-bottom: 60px;
}

.btn-printCer i {
    color: #F2813D;
}


/* about diabets static page*/

.banner_position {
    position: relative!important;
    background-position: center!important;
    background-size: cover!important;
    width: 100%;
    height: 350px;
}

.contentArea .innerStaticSec .innerTitle700,
.diabetesQuixBoxContent h4,
.bannerRightContentSec h4 {
    font-size: 2rem;
}

.innerBoldTitle {
    color: #598EDC;
    font-family: 'open_sans_semibold';
}

.numberCount {
    margin-right: 10px;
}

.orderListWraper {
    margin-bottom: 20px;
}

.orderListWraper li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
}

.innerBannerSec {
    margin-bottom: 40px;
}

.innerListItem {
    position: relative;
    color: #000000;
    font-family: 'open_sans_regular';
    padding: 20px;
    background-color: #fff;
    cursor: pointer;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 8px 2px #F5F5F5;
    box-shadow: 1px 1px 8px 2px #F5F5F5;
    margin-bottom: 10px;
    -webkit-transition: 0.5s ease;
    -o-transition: 0.5s ease;
    transition: 0.5s ease;
}

.innerListItem:hover {
    color: #598EDC;
    -webkit-transform: scale(1.01);
    -ms-transform: scale(1.01);
    transform: scale(1.01);
}

.innerListSec {
    margin-top: 40px;
}

.innerListSec a:last-child .innerListItem {
    margin-bottom: 0;
}

.innerListItem::after {
    content: '';
    background-image: url('../images/about_diabetes/rightarrow_orange.svg');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    width: 15px;
    height: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
}

.innerLearnMoreSec {
    position: relative;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.innerLearnMoreSec i {
    font-size: 1.8rem;
    color: #598EDC;
    margin-left: 40px;
}

.innerList {
    margin-bottom: 25px;
}

.type2ImgWrap .img_fluid_fit {
    height: auto;
    -o-object-fit: fill;
    object-fit: fill;
}

.diabetsQuizBox {
    width: 250px;
    padding: 25px;
    background-color: #FFFFFF;
    border-radius: 10px;
    border-bottom: 4px solid #F2813D;
    -webkit-box-shadow: 0 0rem 2rem rgba(22, 28, 45, .1), 0 0.5rem 0rem -0.75rem rgba(22, 28, 45, .05)!important;
    box-shadow: 0 0rem 2rem rgba(22, 28, 45, .1), 0 0.5rem 0rem -0.75rem rgba(22, 28, 45, .05)!important;
}

.diabetesQuixBoxContent {
    margin-bottom: 20px;
}

.diabetesQuixBoxContent:last-child,
.diabetesQuixBoxContent h4 {
    margin-bottom: 0;
}

.bannerWithContent {
    background-color: #F2F2F2;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}

.bannerWithContent .bannerImgSec,
.bannerWithContent .bannerRightContentSec {
    width: 50%;
    position: relative;
}

.bannerImgSec img {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.bannerRightContentSec {
    padding: 15px 30px;
}

.usefulLink {
    color: #598EDC;
}

.countryLinkWraper li {
    display: inline-block;
    border-right: 1px solid #000000;
    padding: 0px 5px;
    line-height: 1;
    margin-bottom: 10px;
}

.countryLinkWraper li:last-child {
    border-right: none;
}

.upperCaseLink {
    position: absolute;
    bottom: 15px;
    text-transform: uppercase;
    font-family: 'open_sans_semibold'!important;
}


/* error page */

.errorPage_container {
    padding: 100px 0;
    background-color: #F7F7F7;
}

.cookieSec {
    width: 100%;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    -webkit-box-shadow: 0px 0px 15px -8px #bbb;
    box-shadow: 0px 0px 15px -8px #bbb;
    z-index: 50;
    transition: all 5s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: all 5s cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 5s cubic-bezier(0.19, 1, 0.22, 1);
    -ms-transition: all 5s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 5s cubic-bezier(0.19, 1, 0.22, 1);
}

.cookieSecHide {
    opacity: 0;
    bottom: -100%;
}


/* premium course faq */

#accordionFaq.premiumFaq .card {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: unset;
    border-top: 1px solid #E8E8E8;
    border-bottom: none;
    margin-bottom: 0;
}

#accordionFaq.premiumFaq .card:last-child {
    border-bottom: 1px solid #E8E8E8;
}

#accordionFaq.premiumFaq .card .card-header h6.collapsed::after,
#accordionFaq.premiumFaq .card .card-header h6::after {
    right: 0;
}

#accordionFaq.premiumFaq .card .card-body p {
    margin-bottom: 15px;
}

#accordionFaq.premiumFaq .card .card-body p:last-child {
    margin-bottom: 0;
}

.faqTable {
    display: inline-block;
    width: auto;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #D8D8D8;
}

.faqTable thead {
    background-color: #D8D8D8;
    overflow: hidden;
}

.faqTable thead tr td {
    font-family: "open_sans_semibold", sans-serif;
}

.faqTable tr td {
    padding: 8px 20px;
}

.pc_bannerNew_column {
    display: inline-block;
}

.pc_bannerNew_column:not(:last-child) {
    padding-right: 30px;
    border-right: 1px solid #DCDCDC;
}

.pc_bannerNew_column:not(:first-child) {
    padding-left: 30px;
}

.pc_bannerNew_bottom_gap {
    margin-top: 50px;
}


/* video player */

.videoPlayer {
    min-height: 80vh;
}

.videoPlayer.bannerBackgroudHalfBg {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(60%, #fff), color-stop(40%, #FAF9F7));
    background: -o-linear-gradient(bottom, #fff 60%, #FAF9F7 40%);
    background: linear-gradient(to top, #fff 60%, #FAF9F7 40%);
}

.player_container {
    width: 80%;
    margin: auto;
}

.flexible_container video {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 200px;
    height: auto;
}

.flexible_container video::-internal-media-controls-download-button {
    display: none;
}

.flexible_container video::-webkit-media-controls-enclosure {
    overflow: hidden;
}

.playerBck_btn {
    position: relative;
}

.playerBck_btn a:before {
    font-family: "FontAwesome";
    content: "\f053";
    font-size: 1.4rem;
    color: #F2813D;
    display: inline-block;
    position: relative;
    top: 0px;
    left: 0px;
    width: 0;
    opacity: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.playerBck_btn:hover a:before {
    width: 20px;
    opacity: 1;
}


/* mycertificate preview page */

.certificateWraper {
    background-color: #FFFFFF;
    padding: 20px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 15px -3px #e8e8e8;
    box-shadow: 0px 0px 15px -3px #e8e8e8;
}

.certificateWraper .certificateImg img {
    width: 100%;
}

.certificateWraper .courseDetail .courseName {
    padding-right: 30px;
}


/* clinical experiance grapgh */

.grapghbeforecontent {
    position: relative;
}

.grapghbeforecontent::before {
    content: '';
    position: absolute;
    width: 2px;
    height: 225px;
    top: 0;
    background-color: #F2F2F2;
    left: 0;
}

.graph_topcountry_wrap .cardClinicalExp {
    width: 89%;
    margin-left: auto;
    display: flex;
    justify-content: space-around!important;
}


/* 28/ 04 / 20 */

.newLablel_nav {
    background-color: #18cda9;
    color: #fff;
    padding: 0px 6px;
    border-radius: 10px;
    font-size: 1.2rem;
    line-height: 1;
}


/* 05-05-21 */

.accessCodeFormSec {
    position: relative;
}

.accessCodeFormSec #spnError {
    position: absolute;
}


/* kenya page style  */

.kny_btm_para {
    color: #fff;
    margin: 0;
    padding: 0;
    margin-right: 15px;
}

.cpd_point_info {
    padding: 15px;
    border-radius: 5px;
    display: flex;
    align-items: center;
}

.cpd_point_info p,
.cpd_point_info a {
    color: #fff;
    margin: 0;
}

.arrow_pointer {
    display: flex;
    align-items: center;
}

.arrow_pointer::after {
    content: "";
    background-image: url(../img/components/arrow_pointer.svg);
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.med_off p,
.med_off a,
.clinc_off p,
.clinc_off a {
    color: #fff;
}

.med_off {
    background-image: -moz-linear-gradient( -177deg, rgb(167, 62, 206) 0%, rgb(37, 162, 185) 100%);
    background-image: -webkit-linear-gradient( -177deg, rgb(167, 62, 206) 0%, rgb(37, 162, 185) 100%);
    background-image: -ms-linear-gradient( -177deg, rgb(167, 62, 206) 0%, rgb(37, 162, 185) 100%);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.47);
    border-radius: 5px;
}

.clinc_off {
    background-image: -moz-linear-gradient( 3deg, rgb(192, 184, 53) 1%, rgb(184, 43, 119) 100%);
    background-image: -webkit-linear-gradient( 3deg, rgb(192, 184, 53) 1%, rgb(184, 43, 119) 100%);
    background-image: -ms-linear-gradient( 3deg, rgb(192, 184, 53) 1%, rgb(184, 43, 119) 100%);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.47);
    border-radius: 5px;
}

@media only screen and (max-width:834px) {
    .arrow_pointer:nth-child(2):after {
        display: none;
    }
}

@media only screen and (max-width:568px) {
    .arrow_pointer:nth-child(2):after {
        display: block;
    }
    .arrow_pointer {
        justify-content: center;
        text-align: center;
    }
    .arrow_pointer::after {
        content: "";
        background-image: url(../img/components/arrow_pointer.svg);
        background-repeat: no-repeat;
        width: 15px;
        height: 15px;
        position: absolute;
        position: absolute;
        right: 45%;
        top: 92%;
        transform: rotate(90deg);
        z-index: 1;
    }
}


/* kenya testiminials carousel  */

.kenya_bannerSec {
    background-color: #d8ffd8;
}

.innerTestimonials .carousel-item {
    height: 100px;
}

.innerTestimonials .carousel-caption {
    position: relative;
    padding: 0;
    right: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    display: flex;
    align-items: center;
}

.naviTestimonial {
    margin-top: -10px;
}

.naviTestimonial a:first-child {
    margin-right: 10px;
}


/* report pages */

.stickCalenderIcon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
}

.stickCalenderIcon .fa {
    font-size: 2rem;
    color: #598edc;
}

.datepicker.datepicker-dropdown.dropdown-menu {
    z-index: 10000!important;
    font-size: 1.2rem;
}

input[type=file]::file-selector-button {
    border: 1px solid #55ACEE;
    padding: 5px 10px;
    margin-top: -15px;
    border-radius: 5px;
    background-color: #55ACEE;
    color: #fff;
    transition: 1s;
}

input[type=file]::file-selector-button:hover {
    background-color: #55ACEE;
    border: 1px solid #000;
}

#divResultContainer {
    overflow-y: auto!important;
    overflow-x: auto!important;
    margin-top: 40px;
}

.dataTables_wrapper label,
.dataTables_info {
    font-size: 1.4rem;
    margin-bottom: 15px;
}

.dataTables_wrapper label>select,
.dataTables_wrapper label>input {
    margin-left: 5px;
}

.dataTable thead tr th {
    font-size: 1.3rem;
    white-space: nowrap;
    padding: 10px 10px;
    min-width: 50px;
}

.dataTable tbody tr td {
    font-size: 1.3rem;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    padding: 5px 10px;
    line-height: 1;
    border: none;
    border-radius: 5px;
    background-color: #598edc;
    background: #598edc!important;
    font-size: 1.3rem;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 5px 10px;
    line-height: 1;
    font-size: 1.3rem;
    border: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: #fff !important;
    padding: 5px 10px;
    line-height: 1;
    border: none;
    border-radius: 5px;
    background-color: #598edc;
    background: #598edc!important;
    font-size: 1.3rem;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #fff !important;
    border: none;
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    padding-top: 20px;
    padding-bottom: 20px;
}

#divResultContainer select {
    /* for Firefox */
    -moz-appearance: auto!important;
    /* for Chrome */
    -webkit-appearance: auto!important;
    appearance: auto!important;
    ;
}


/* For IE10 */

#divResultContainer select::-ms-expand {
    display: block!important;
}


/* resource library */

.cardNews {
    padding: 25px;
    border-radius: 10px;
    transition: box-shadow .25s ease;
}

.cardNews:hover {
    -webkit-box-shadow: 0 2rem 5rem rgba(149, 163, 199, 0.5), 0 .5rem 1rem -.75rem rgba(22, 28, 45, .05)!important;
    box-shadow: 0 2rem 5rem rgba(149, 163, 199, 0.5), 0 .5rem 1rem -.75rem rgba(22, 28, 45, .05)!important;
}

.cardNews h4,
.cardVideoWebcast h4 {
    min-height: 85px;
    max-height: 85px;
    display: block!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 3;
    -moz-line-clamp: 3;
    -ms-line-clamp: 3;
    -o-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.cardNews .descriptionShort {
    min-height: 55px;
    max-height: 55px;
    display: block!important;
    display: -webkit-box!important;
    -webkit-line-clamp: 2;
    -moz-line-clamp: 2;
    -ms-line-clamp: 2;
    -o-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    -o-box-orient: vertical;
    box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

@media (max-width: 834px) {
    .cardNews h4,
    .cardVideoWebcast h4 {
        min-height: 70px;
        max-height: 70px;
    }
    .cardNews .descriptionShort {
        min-height: 42px;
        max-height: 42px;
    }
}

@media (max-width: 414px) {
    ul.bannerNav_myLearnings.resourse_libraryNav {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    ul.bannerNav_myLearnings.resourse_libraryNav li {
        display: inline-block;
        min-width: 100px;
    }
    ul.bannerNav_myLearnings.resourse_libraryNav li a {
        padding: 10px;
    }
}


/* card webcast video */

.cardVideoWebcast {
    -webkit-transition: box-shadow .25s ease, -webkit-transform .25s ease;
    transition: box-shadow .25s ease, -webkit-transform .25s ease;
    -webkit-transition: -webkit-box-shadow .25s ease, -webkit-transform .25s ease;
    transition: -webkit-box-shadow .25s ease, -webkit-transform .25s ease;
    -o-transition: box-shadow .25s ease, transform .25s ease;
    transition: box-shadow .25s ease, transform .25s ease;
    transition: box-shadow .25s ease, transform .25s ease, -webkit-box-shadow .25s ease, -webkit-transform .25s ease;
    transition: box-shadow .25s ease, transform .25s ease, -webkit-transform .25s ease;
}

a:hover .cardVideoWebcast {
    -webkit-box-shadow: 0 2rem 5rem rgba(149, 163, 199, 0.5), 0 .5rem 1rem -.75rem rgba(22, 28, 45, .05)!important;
    box-shadow: 0 2rem 5rem rgba(149, 163, 199, 0.5), 0 .5rem 1rem -.75rem rgba(22, 28, 45, .05)!important;
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -15px, 0);
}

.cardVideoWebcast .card-img {
    position: relative;
    min-height: 190px;
    max-height: 190px;
    overflow: hidden;
}

.floating_videoInfo {
    position: absolute;
    bottom: 20px;
    left: 25px;
    right: 25px;
}

.cardVideoWebcast .card-body {
    padding: 25px;
}

.floating_videoInfo .videoTimings {
    padding: 3px 7px;
    border-radius: 5px;
    background-color: rgb(0, 0, 0, 0.4);
    color: #fff;
}

.videoPlayIcon {
    position: relative;
}

.videoPlayIcon:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 45px;
    height: 45px;
    background: #598edc;
    border-radius: 50%;
}

.videoPlayIcon:after {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    background: #598edc;
    border: 2px solid #fff;
    border-radius: 50%;
    -webkit-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}

.videoPlayIcon span {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-35%) translateY(-50%);
    -ms-transform: translateX(-35%) translateY(-50%);
    transform: translateX(-35%) translateY(-50%);
    z-index: 3;
    border-left: 15px solid #ffffff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

a:hover .cardVideoWebcast .card-img .videoPlayIcon:before {
    -webkit-animation: pulse-border 1500ms ease-out infinite;
    animation: pulse-border 1500ms ease-out infinite;
}

.placeSec p,
.updatedDate p {
    color: #5A5A5A;
}

        @media (max-width: 768px) {
            .cardVideoWebcast .card-body {
                padding: 20px;
            }
        }
        @media (max-width: 480px) {
            .cardVideoWebcast .card-body {
                padding: 15px;
            }
        }
/* kenya GP recomended course section */

.innnerColumnCourseSec .cardCourseContent h3 {
    font-size: 2rem;
    min-height: 60px;
    max-height: 60px;
}

.innnerColumnCourseSec .ratingStarUl {
    margin-top: 0;
}

.innnerColumnCourseSec .courseTimings {
    font-size: 1.2rem;
}

/* order info pages */

.orderSuccess h3 {
    color: #68A161;
}

.orderFailed {
    display: inline-block;
    padding: 20px;
    border: 2px solid #DC3838;
    border-radius: 10px;
}

.orderFailed i {
    font-size: 4rem;
    color: #DC3838;
}
  /* calender and events */
        /* calender and events */
        
        #calendar {
            width: 100%;
            padding: 2.5rem;
            border-radius: 10px;
            color: #313131;
            box-shadow: 0px 0px 14px 2px #f0f0f2;
        }
        /* new calender */
        
        .fc-event-container {
            display: none;
        }
        
        .highlight {
            position: relative;
            cursor: pointer;
        }
        
        .fc-toolbar.fc-header-toolbar {
            margin-bottom: 3em;
        }
	.highlight{
position: relative
}
        
        .highlight .requestStatus {
            display: inline-block;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background-color: #18CDA9;
            margin-top: 5px;
            cursor: pointer;
position: absolute;
    /* bottom: 0; */
    left: 47%;
    top: 28px;
        }

	
        
        .fc-scroller.fc-day-grid-container {
            height: 100%!important;
            overflow: hidden!important;
        }
        
        .fc-unthemed th,
        .fc-unthemed td,
        .fc-unthemed thead,
        .fc-unthemed tbody,
        .fc-unthemed .fc-divider,
        .fc-unthemed .fc-row,
        .fc-unthemed .fc-content,
        .fc-unthemed .fc-popover,
        .fc-unthemed .fc-list-view,
        .fc-unthemed .fc-list-heading td {
            border-color: transparent!important;
        }
        
        .fc-basic-view .fc-body .fc-row {
            min-height: 4.2rem!important;
        }
        
        .fc th,
        .fc td {
            text-align: center;
        }
        
        .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
            float: none!important;
            font-size: 1.6rem;
        }
        
        .fc-row.fc-widget-header tr th span {
            min-height: 4rem;
            display: inline-block;
            font-size: 1.6rem;
            font-family: "Museo Slab 500", Helvetica, Arial, sans-serif;
        }
        
        .fc-unthemed td.fc-today {
            background: transparent!important;
        }
        
        .fc-unthemed td.fc-today .fc-day-number {
            width: 25px;
            height: 25px;
            border-radius: 50%;
            background-color: #6F8DCE;
            color: #fff;
            display: inline-block;
        }
        
        .highlight .fc-day-number:hover {
            color: #000;
            font-family: "open_sans_bold", sans-serif;
        }
        
        .fc-header-toolbar h2 {
            font-size: 2.4rem;
            font-family: "Museo Slab 500", Helvetica, Arial, sans-serif;
        }
        
        .fc-today-button {
            display: none;
        }
        
        .fc-toolbar .fc-left {
            margin-top: 10px;
        }
        
        .fc-state-default {
            background-color: #ffffff;
            background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
            background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
            background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
            background-image: linear-gradient(to bottom, #ffffff, #ffffff);
            background-repeat: repeat-x;
            border-color: #e6e6e6 #e6e6e6 #bfbfbf;
        }
        
        .fc button {
            height: 4rem!important;
            width: 4rem;
            padding: 0.5rem!important;
        }
        
        .fc-icon {
            line-height: 1.2em;
            font-size: 1.8em;
            color: #6F8DCE;
        }
        
        @media(max-width: 1112.98px) {
            #calendar {
                padding: 2rem;
            }
            .fc-header-toolbar h2 {
                font-size: 2rem;
            }
            .fc button .fc-icon {
                margin: 0!important;
            }
        }
        
        @media(max-width: 834.98px) {
            .calendar .weekdays div>p,
            .calendar .days div>p {
                font-size: 1.4rem;
            }
            .calendar {
                padding: 2rem;
            }
        }
        /* calender event list */
        .calenderEvnt_container {
            border-radius: 10px;
            box-shadow: 0px 0px 14px 2px #f0f0f2;
        }
        
        .calenderEvnt_list:not(:first-child) {
            padding-top: 15px;
        }
        
        .calenderEvnt_list:not(:last-child) {
            padding-bottom: 15px;
            border-bottom: 1px solid #E4E4E4;
        }
	
	/* calendar event popup by pandi */

       .highlight span.fc-day-number{
            width: 25px;
            height: 25px;
            border-radius: 50%;
            background-color: #598edc;
            color: #fff;
            display: inline-block;
        }
        .highlight span.fc-day-number:hover{
            color: #fff;
        }
        #dialog{
            background-color: #598edc;
            padding: 20px;
            width: 300px;
            height: auto;
            border-radius: 5px;
	    position: relative;
	    z-index: 1;
	    box-shadow: 0px 0px 14px 2px rgb(0 0 0 / 25%);
        }
        .dialog_header_text{
            font-size: 16px;
            font-family: Helvetica, Arial, sans-serif;
        }
        .date_label .dialog_date{
            font-size: 12px !important;
            font-weight: lighter;
        }
        a.dialog_link_text{
            text-decoration: underline;
            color: #fff !important;
        }
        .dialog_header_link_text:hover{
            text-decoration: underline;
            color:#fff ;
        }
        .location_, .date_label, .dialog_link_text{
            font-size: 14px;
        }
        .dialog_header_text, .location_, .date_label, .dialog_header_link_text{
            color: #fff;
        }
 
        .ui-dialog .ui-dialog-titlebar {
            display: none;
        }
        .ui-widget.ui-widget-content {
	    position: absolute;
            border: none !important;
            padding: 0;
        }
        /* .ui-dialog-titlebar{
            display: none;
        } */
        .dialogContent{
            max-width: 90%;
        }
        .dialog_header_container{
            word-wrap: break-word;
        }
        .dialog_header_container, .dialog_body_container, .dialog_link{
            margin-bottom: 5px;
        }
        /* .dialog::after{
            content: '';
            position: absolute;
            width: 15px;
            height: 15px;
            rotate: 45deg;
            background-color: #000;
        } */
        .close_dialog_btn {
    position: absolute;
    right: 10px;
    top: 10px;
    border: none;
    outline: none;
    background-color: transparent;
    /* padding: 0px 3px; */
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: 1px solid #fff;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
}


@media(max-width: 414.98px) {
	#dialog {
            width: 210px;
	    padding: 15px;
	}
	.dialogContent {
    		max-width: 90%;
	}
}


/* webinar style */
.bagde_status {
    display: inline-block;
    font-family: "open_sans_regular", sans-serif;
    font-size: 1.4rem;
    padding: 5px 10px;
    line-height: 1;
    font-weight: normal;
    text-transform: uppercase;
}

.cardCourseBtnText.certificateDwnld_disabled {
    pointer-events: none;
    opacity: 0.5;
}

.bagde_status.badge-success {
    background-color: #18CDA9;
}

.bagde_status.badge-secondary   {
    background-color: #C6C6C6;
}