/* top header */

.navbar-top .navbar-nav {
    flex-direction: row;
}

.navbar-nav .nav-item>.nav-link {
    transition: color 0.3s ease-in-out;
    color: #63666A;
}

#navbar-main .container {
    position: relative;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 12rem;
    padding: 0;
    font-size: 1.6rem;
    color: #8492A6;
    text-align: left;
    list-style: none;
    background-color: #FFF;
    background-clip: padding-box;
    border: 1px solid rgba(31, 45, 61, 0.1);
    border-radius: 0.25rem;
    box-shadow: none;
}

.navbar .dropdown-menu .dropdown-item:hover,
.navbar .dropdown-menu .dropdown-item:focus {
    color: #63666A;
    text-decoration: none;
    background: transparent;
}

.navbar .dropdown-menu .dropdown-item.active {
    color: #63666A;
    text-decoration: none;
    background-color: transparent;
}

.navbar .dropdown-menu .list-group>li:first-child .list-group-item {
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
}

.navbar .dropdown-menu .list-group>li:last-child .list-group-item {
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}

.dropdown-toggle::after {
    display: inline-block;
    margin: 0 10px;
    border: 0;
    vertical-align: baseline;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: 'FontAwesome';
    font-weight: 700;
    content: "\f107";
}

@media (min-width: 992px) {
    .mobile_navLink_added {
        display: none;
    }
    .navbar-top .nav>.nav-item {
        padding: 0 15px;
    }
    .navbar-top .nav>.nav-item:last-child {
        padding-right: 0;
    }
    #navbar-main {
        border-top: 1px solid #F0F0F0;
        padding: 0;
    }
    #navbar-main .navbar-nav>.nav-item:not(:last-child) .nav-link {
        border-right: 1px solid #F0F0F0;
    }
    #navbar-main .navbar-nav>.nav-item>.nav-link {
        padding: 10px 15px;
        height: 40px;
        line-height: 1.2;
    }
    .navbar-nav .user_dropdown .nav-link {
        font-family: 'ge-inspira-sans-bold';
        color: #005CB9;
        line-height: 1;
    }
    #navbar-main .navbar-nav .nav-item>.nav-link:hover,
    #navbar-main .navbar-nav .nav-item.active>.nav-link {
        background-color: #f7f7f7;
        color: #005CB9;
    }
    .navbar .dropdown-menu .dropdown-item:active {
        background-color: #fff;
    }
    .user_dropdown .dropdown-menu .dropdown-item {
        /* color: ; */
        min-width: 20rem;
        padding: 1.5rem;
        line-height: 1;
        transition: color 0.3s ease-in-out;
    }
    .user_dropdown .dropdown-menu .dropdown-item:hover {
        background-color: #fff;
        color: #005CB9;
    }
    .navbar .dropdown-menu {
        min-width: 20rem;
        padding: 1rem 1.5rem;
        background-color: #FFF;
        border: 0 solid rgba(31, 45, 61, 0);
        border-radius: 0.375rem;
        box-shadow: 0 10px 30px 0 rgba(31, 45, 61, 0.1);
    }
    .navbar .dropdown-menu {
        background-color: #005CB9;
    }
    .navbar .nav-item .dropdown-menu .dropdown-item {
        padding: 15px 15px;
        line-height: 1;
        background-color: #fff;
        color: #13294B;
        transition: all 0.3s ease-in-out;
    }
    .navbar .dropdown-menu .dropdown-item:not(:last-child),
    .user_dropdown .dropdown-menu .dropdown-item:not(:last-child) {
        border-bottom: 1px solid #E7E7E7;
    }
    .navbar .nav-item .dropdown-menu .dropdown-item:hover {
        background-color: #fff;
        color: #005CB9;
        z-index: 11;
        transform: translateX(5px);
        box-shadow: 0 0 1.25rem rgb(31 45 61 / 8%);
    }
    .dropdown-animate>.dropdown-menu {
        opacity: 0;
        position: absolute;
        display: block;
        pointer-events: none;
    }
    .dropdown-animate:not([data-toggle="hover"]) .dropdown-menu.show {
        pointer-events: auto;
        animation: show-dropdown .3s ease forwards;
    }
    .dropdown-animate:not([data-toggle="hover"]) .dropdown-menu.hide {
        display: block;
        animation: hide-dropdown .3s ease backwards;
    }
    .dropdown-animate[data-toggle="hover"]>.dropdown-menu {
        display: block;
        margin: 0;
        transform: translateX(0) translateY(-3px) scale(0.97);
        transition: all 0.2s ease;
    }
    .dropdown-animate[data-toggle="hover"]:hover>.dropdown-menu {
        display: block;
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
        transform: translateX(0) translateY(-3px) scale(1);
    }
}

@keyframes show-dropdown {
    0% {
        opacity: 0;
        transform: translateX(0) translateY(-3px) scale(0.97);
        transition: all .3s ease;
    }
    100% {
        transform: translateX(0) translateY(-3px) scale(1);
        opacity: 1;
    }
}

@keyframes hide-dropdown {
    from {
        opacity: 1;
        transform: translateX(-16px) translateY(-3px) scale(1);
        transition: all .3s ease;
    }
    to {
        opacity: 0;
        transform: translateX(-16px) translateY(-3px) scale(0.97);
    }
}

@media (max-width: 991px) {
    .mobile_navLink_added {
        display: block;
    }
    #navbar-main {
        padding: 10px 0;
    }
    .fix-header {
        position: fixed;
        left: 0;
        right: 0;
        width: 100%;
    }
    .navbar .dropdown-menu {
        border: none;
    }
    .navbar .dropdown-menu .dropdown-item,
    .navbar .nav-item>.nav-link {
        padding: 10px 0;
    }
    .navbar .dropdown-menu .dropdown-item {
        white-space: normal;
    }
    .dropdown-toggle::after {
        position: absolute;
        right: 0;
    }
    #navbar-main-collapse {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 99;
        width: 350px;
        height: 100%;
        background-color: #fff;
        overflow: auto;
    }
    #navbar-main-collapse .navbar-nav {
        min-width: 350px;
        padding: 40px;
        padding-bottom: 20px;
        border-bottom: 1px solid #E7E7E7;
    }
    #navbar-main-collapse .navbar-nav:last-child {
        padding-top: 20px;
        border: none;
    }
    .menu-overlay {
        display: none;
        background-color: #000;
        bottom: 0;
        left: 0;
        opacity: 0.5;
        filter: alpha(opacity=50);
        /* IE7 & 8 */
        position: fixed;
        right: 0;
        top: 0;
        z-index: 49;
    }
    #navbar-main-collapse.show+.menu-overlay {
        display: block!important;
    }
    .navbar-toggler {
        position: absolute;
        width: 40px;
        height: 40px;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        padding: 0;
        border: none;
        border-radius: unset;
        transition-duration: 0.5s;
    }
    .navbar-toggler .navbar-toggler-icon {
        transition-duration: 0.5s;
        position: absolute;
        height: 4px;
        width: 30px;
        top: 18px;
        background-color: #005EB8;
        border-radius: 4px;
        left: 5px;
    }
    .navbar-toggler .navbar-toggler-icon:before {
        transition-duration: 0.5s;
        position: absolute;
        width: 30px;
        height: 4px;
        background-color: #005EB8;
        content: "";
        top: -10px;
        left: 0;
        border-radius: 4px;
    }
    .navbar-toggler .navbar-toggler-icon:after {
        transition-duration: 0.5s;
        position: absolute;
        width: 30px;
        height: 4px;
        background-color: #005EB8;
        content: "";
        top: 10px;
        left: 0;
        border-radius: 4px;
    }
    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
        transition-duration: 0.5s;
        background: transparent;
    }
    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
        transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);
    }
    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
        transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
    }
    .navbar-toggler:hover {
        background: #fff;
        cursor: pointer;
    }
    #header-main .dropdown-menu,
    #header-main .dropdown-menu-links {
        padding-left: 15px;
    }
    #header-main .dropdown-menu .dropdown-item:not(:last-child) {
        border-bottom: 1px solid #CDCDCD;
    }
    #navbar-main.navbar-expand-lg>.container {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (max-width: 767px) and (orientation:portrait) {
    .navbar-toggler {
        right: 20px;
    }
}

@media (max-width: 414px) {
    #navbar-main-collapse {
        width: 300px;
    }
    #navbar-main-collapse .navbar-nav {
        min-width: 300px;
        max-width: 300px;
        padding: 20px;
    }
    .slider_container .banner_right_content {
        height: 250px;
    }
}


/* banner section  */

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    background: #fff;
}

.slider_container .banner_right_content {
    width: 100%;
    height: 475px;
}

.slider_arrows {
    position: absolute;
    left: 9%;
    width: 250px;
    height: 50px;
    bottom: 0;
    z-index: 1;
}

.swiper-button-prev {
    left: 0;
    width: 50px;
    height: 44px;
    border-radius: 50%;
}

.swiper-button-next {
    right: 0;
    width: 50px;
    height: 44px;
    border-radius: 50%;
}

.swiper-button-prev:focus,
.swiper-button-next:focus {
    outline: none;
}

.slide_indicator {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #005CB9;
    font-family: 'ge-inspira-sans-bold', 'Open Sans';
    font-size: 16px;
}

.swiper-pagination-bullet,
.swiper-pagination-bullet-active {
    background-color: #fff;
}

.swiper-pagination {
    position: relative;
    margin-left: 10px;
}

.swiper-pagination>span {
    margin: 0 3px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    content: "";
    display: inline-block;
    width: 50px;
    height: 50px;
    left: 0;
    top: 0;
    position: absolute;
    transition: all 0.3s ease;
}

.carousel-control-prev-icon {
    background: url(../images/components/slide_arrow_left.svg) no-repeat;
}

.carousel-control-prev-icon:hover {
    background: url(../images/components/slide_arrow_left_hvr.svg) no-repeat;
}

.carousel-control-next-icon {
    background: url(../images/components/slide_arrow_right.svg);
}

.carousel-control-next-icon:hover {
    background: url(../images/components/slide_arrow_right_hvr.svg) no-repeat;
}

.carousel-indicators {
    position: relative;
    right: 0;
    bottom: 0;
    left: 10px;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    cursor: pointer;
}

.carousel-indicators li {
    text-indent: 0;
    width: 10px;
    height: 10px;
    margin-right: 2px;
    margin-left: 2px;
    background-color: transparent;
}

.carousel-indicators .active {
    background-color: transparent;
}

.banner_left_content {
    background-color: #13294B;
    color: #fff;
    text-align: left;
    height: 85%;
    padding-left: 18%;
}

.banner_right_content {
    border-bottom-left-radius: 10px;
}

.rounded-pill {
    border-radius: 50rem !important;
}

@media (min-width: 992px) {
    .banner_left_content h1 {
        line-height: 1.3;
    }
}

@media (max-width: 991px) {
    .carousel-inner {
        padding-bottom: 100px;
    }
    .banner_left_content {
        text-align: center;
        height: 300px;
        padding: 50px;
    }
    .slider_container .banner_right_content {
        height: 425px;
        background-size: 100%!important;
        background-position: 10% 90% !important;
    }
    .slider_arrows {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 250px;
        height: 50px;
        bottom: 15px;
        z-index: 1;
    }
}


/* home about us */

.home_main_section {
    padding: 80px 0;
}

.mb-inner_sec {
    margin-bottom: 80px;
}

.mb-inner_subSec {
    margin-bottom: 45px;
}

.about_card {
    padding: 25px;
    height: 100%;
}

.hm_card_webinar {
    background-color: #EBF5FF;
}

.card_online_course {
    background-color: #FFF8E5;
}

.card_ct_protocol {
    background-color: #FFEAE9;
}

.about_card .about_card_img {
    float: left;
}

.about_details {
    padding-left: 55px;
}

@media (max-width: 991px) {
    .home_main_section {
        padding: 60px 0;
    }
    .mb-inner_sec,
    .mb-inner_mobi_sec {
        margin-bottom: 50px;
    }
    .card_scroll::-webkit-scrollbar {
        display: none;
    }
    .card_scroll {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .card_scroll {
        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;
        overflow: auto;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .carScrollView {
        -ms-flex: 0 0 60%;
        -webkit-box-flex: 0;
        flex: 0 0 60%;
        max-width: 60%;
        scroll-snap-align: center;
    }
}

@media (max-width: 767px) {
    .slider_container .banner_right_content {
        height: 350px;
        background-size: cover!important;
    }
    .banner_left_content {
        height: 300px;
        padding: 15px;
    }
}

@media (max-width: 767px) and (orientation:portrait) {
    .carScrollView {
        -ms-flex: 0 0 80%;
        -webkit-box-flex: 0;
        flex: 0 0 80%;
        max-width: 80%;
    }
}

@media (max-width: 414px) {
    .carScrollView {
        -ms-flex: 0 0 90%;
        -webkit-box-flex: 0;
        flex: 0 0 90%;
        max-width: 90%;
    }
}


/* home webinar */

.hm_lg_card {
    padding: 20px;
    height: 100%;
}

.hm_lg_card .row {
    height: 100%;
}

.hm_lg_card_img.card_hm_webinar,
.hm_lg_card_img.card_hm_ct_protocol {
    width: 100%;
    height: 100%;
    background-size: cover!important;
}

.hm_lg_card_details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-around;
    height: 100%;
}

.hm_sm_card {
    height: 100%;
    padding: 30px;
}

.hm_sm_card h5 {
    margin-bottom: 25px;
}

.card_opinion_poll {
    background-color: #EBF5FF;
}

.poll_container {
    margin-top: 20px;
}


/* .poll_choise_wrapper,.poll_answer_wrapper{
    border: 1px solid #E7E7E7;
    overflow: hidden;
} */

.custom_radio_label {
    position: relative;
    display: block;
    margin: 0;
    padding: 15px;
    background-color: #fff;
    cursor: pointer;
}

.custom_radio_input:not(:last-child) .custom_radio_label {
    border-bottom: 1px solid #E7E7E7;
}

.custom_radio_input input[type=radio] {
    position: absolute;
    opacity: 0;
}

.custom_radio_input input[type=radio]+.custom_radio_label:before {
    content: "";
    background: #FFFFFF;
    border: 1px solid #CBCBCB;
    box-shadow: inset 0 0 0 2px #ffffff;
    border-radius: 100%;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    transition: all 250ms ease;
}

.custom_radio_input input[type=radio]:checked+.custom_radio_label:before {
    background-color: #005EB8;
    box-shadow: inset 0 0 0 2px #ffffff;
}

.custom_radio_input input[type=radio]:focus+.custom_radio_label:before {
    outline: none;
}

.custom_radio_input input[type=radio]:disabled+.custom_radio_label:before {
    box-shadow: inset 0 0 0 4px #f4f4f4;
    border-color: #CBCBCB;
    background: #CBCBCB;
}

.custom_radio_input input[type=radio]+.custom_radio_label:empty:before {
    margin-right: 0;
}

.poll_ans_wrap {
    position: relative;
    height: 51px;
    background-color: #FFFFFF;
}

.poll_ans_type {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 80%;
    font-size: 1.5rem;
    color: #1E2F46;
    padding-right: 30px;
}

.progress-bar {
    height: 51px;
    border-bottom: 1px solid #E7E7E7;
}

.cprogress_bar1 {
    background-color: #D9534F;
}

.cprogress_bar2 {
    background-color: #00BF6F;
}

.cprogress_bar3 {
    background-color: #E7E7E7;
}

.progress-completed {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'ge-inspira-sans';
    font-size: 1.6rem;
    color: #1E2F46;
}


/* training academy */

.training_academy_hm_card {
    height: 100%;
    color: #fff;
}

.training_academy_hm_card .hm_lg_card_details {
    justify-content: center;
}

@media (max-width: 767px) and (orientation:portrait) {
    .training_academy_hm_card {
        height: 400px;
        background-position: center!important;
    }
}


/* calculATOR */

.btn_calc_sec {
    padding: 15px 20px;
    border: 1px solid #E7E7E7;
}

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

.btn_calc_sec p {
    line-height: 1.2;
    color: #1E2F46;
}

.calc_hm_wrapper .btn_calc_sec:hover {
    text-decoration: none;
    background-color: #f7f7f7;
}

.contact_info_card {
    background-color: #F5F9FC;
    height: calc(100% - 50px);
}

.contact_info_card>div {
    padding: 20px;
}

.digital_contact_info a {
    display: block;
    color: #1E2F46;
    line-height: 1.5;
}

@media (max-width: 576px) {
    .hm_lg_card_img.card_hm_webinar,
    .hm_lg_card_img.card_hm_ct_protocol {
        height: 340px;
    }
}


/* /footer  */

.footer_section {
    background-color: #13294B;
    color: #fff;
}

.footer_links_section {
    padding-top: 70px;
    padding-bottom: 70px;
}

.footer_nav p {
    margin-bottom: 30px;
}

.footer_section ul {
    margin-bottom: 0;
}

.footer_section ul li {
    list-style: none;
}

.footer_section ul li a {
    list-style: none;
    color: #fff;
}

.footer_section ul.social_media_links li {
    display: inline-block;
    margin-right: 10px;
}

.footer_section ul.social_media_links li a {
    list-style: none;
    background-color: #fff;
    color: #63666A;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #63666A;
    overflow: hidden;
    transition: all 0.3s ease-in;
}

.footer_section ul.social_media_links li a:hover {
    text-decoration: none;
    background-color: #55ACEE;
    color: #fff;
}

.footer_section .footer_nav ul li:not(:last-child) {
    margin-bottom: 15px;
}

.footer_copyright_sec {
    border-top: 1px solid #324562;
}

@media (max-width: 991px) {
    .footer_links_section {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .footer_nav p {
        margin-bottom: 20px;
    }
}


/* webinar */

.inner_banner_section {
    padding-top: 40px;
}

.banner_wrapper {
    width: 100%;
    height: 300px;
    border-radius: 10px;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
}

.banner_content {
    width: 75%;
    margin-right: auto;
}

.breadcrumb_ul {
    margin: 0;
}

.breadcrumb_ul .breadcrumb_item {
    display: inline-block;
    padding: 0 5px;
}

.breadcrumb_ul .breadcrumb_item,
.breadcrumb_ul .breadcrumb_item a {
    color: #B1B3B3;
}

.breadcrumb_ul .breadcrumb_item.active a {
    color: #13294B;
}

@media (max-width:834px) {
    .banner_content {
        width: 80%;
    }
}

@media (max-width: 576px) {
    .banner_content {
        width: 90%;
    }
}

@media (max-width: 414px) {
    .banner_content {
        width: 100%;
    }
}


/* card webinar section */

.card_webinar {
    padding: 50px 0;
}

.card_webinar_img_wrapper {
    display: block;
    width: 100%;
    height: auto;
    padding: 20px;
    position: relative;
    cursor: pointer;
}

.card_webinar_img {
    width: 100%;
    height: 220px;
    background-size: contain!important;
}

.authorSection {
    display: inline-block;
    padding: 8px 15px;
    border: 2px solid #CDCDCD;
}

.ReadMore {
    color: #005DB7;
    cursor: pointer;
}

.webinar_card_accordion .card {
    border-color: #F5F5F5;
    border-radius: 5px;
}

.webinar_card_accordion .card-header {
    padding: 0;
    border: none;
    border-radius: 5px;
    background-color: #fff;
}

.webinar_card_accordion .card-header p {
    text-transform: uppercase;
    color: #005EB8;
    cursor: pointer;
}

.webinar_card_accordion .card-header p,
.webinar_card_accordion .card-body {
    padding: 15px;
}

.webinar_card_accordion .card-body {
    padding-top: 0;
}

.webinar_card_accordion .card-header p::after {
    display: inline-block;
    border: 0;
    vertical-align: baseline;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: 'FontAwesome';
    font-weight: 700;
    content: "\f107";
    color: #DFDFDF;
    position: absolute;
    right: 20px;
    transform: rotate(180deg);
}

.webinar_card_accordion .card-header p.collapsed::after {
    transform: rotate(0deg);
}

.playIcon {
    position: absolute;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 70px;
    height: 70px;
    /* background: #3283DE;  */
    border-radius: 50%;
    padding: 18px 20px 18px 28px;
}

.playIcon::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 70px;
    height: 70px;
    background: #005EB8;
    opacity: 0.7;
    border-radius: 50%;
}

.playIcon:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 70px;
    height: 70px;
    background: #005EB8;
    opacity: 0.7;
    border-radius: 50%;
    transition: all 200ms;
}

.card_webinar_img_wrapper:hover .playIcon::before,
.e_lectures_card:hover .playIcon::before {
    animation: pulse-border 1800ms ease-out infinite;
}

.playIcon span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 18px solid #fff;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.readLessContent {
    min-height: 45px;
    max-height: 45px;
    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;
}

.readLessContent.readMore {
    height: auto;
    max-height: 100%;
    -webkit-line-clamp: unset;
    -moz-line-clamp: unset;
    -ms-line-clamp: unset;
    -o-line-clamp: unset;
    line-clamp: unset;
}

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

.webinar_learnList {
    list-style: none;
    margin: 0;
}

.webinar_learnList li {
    font-size: 1.6rem;
    font-family: 'ge-inspira-sans';
    position: relative;
    padding: 0 0 0 20px;
    line-height: 1.5;
}

.webinar_learnList li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 7px;
    height: 7px;
    background-color: #707070;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

@media (max-width:1112px) {
    .card_webinar_img {
        width: 100%;
        height: auto;
        background-size: contain!important;
    }
}

@media (max-width:834px) {
    .card_webinar_img_wrapper {
        padding: 15px;
    }
    .playIcon {
        padding: 18px 20px 18px 26px;
    }
    .playIcon,
    .playIcon::before,
    .playIcon::after {
        width: 50px;
        height: 50px;
    }
    .playIcon span {
        border-left: 14px solid #fff;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
    }
}

@media (max-width:736px) {
    .card_webinar_img_wrapper {
        height: auto;
    }
    .card_webinar_img {
        height: 270px;
    }
}

@media (max-width:568px) {
    .card_webinar_img {
        height: auto;
    }
}


/* training academey */


.cardPrimary {
    margin-bottom: 30px;
}
.card_overlap_content {
    position: absolute;
    width: 100%;
    bottom: 0px;
    background-color: #EBF5FF;
    padding: 20px 20px 0px;
}

.cardPrimary .card_img {
    position: relative;
}

.cardPrimary .duration {
    color: #13294B;
}

.cardPrimary .course {
    color: #005EB8;
    font-family: 'ge-inspira-sans-bold';
}

.card_info {
    background-color: #EBF5FF;
    padding: 20px;
    color: #13294B;
}

.card_info_title {
    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;
}

.card_info_content {
    min-height: 75px;
    max-height: 75px;
    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;
}

.cardPrimary:hover .card_arrow_icon {
    animation: animatearrow 1s ease-in-out;
}

@keyframes animatearrow {
    0% {
        transform: translateX(-30px);
        opacity: 0;
    }
    70%,
    100% {
        transform: translateX(0px);
        opacity: 1;
    }
}

@media(max-width:834px) {
    .card_overlap_content {
        padding: 15px 15px 0px;
    }
    .card_info {
        padding: 15px;
    }
    .card_info_title {
        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;
    }
}

@media (max-width:736px) {
    .academy_img {
        width: 100%;
        height: 175px;
        object-fit: cover;
    }
}


/* ct protocols */

.filterDiv {
    margin-bottom: 40px;
}

.filterText {
    font-family: 'ge-inspira-sans-bold';
    color: #005EB8;
}

#filterdropdown {
    position: relative;
}

.filterSelect {
    height: 50px!important;
    font-size: 1.6rem;
    color: #B1B3B3;
    border-radius: 5px;
    border-color: #DFDFDF;
    padding: 0px 35px 0px 15px;
}

.filterSelect:focus {
    box-shadow: none;
    border-color: #DFDFDF;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

select::-ms-expand {
    display: none;
}

select option {
    padding: 8px 0px !important;
}

#filterdropdown::after,
.select_wrapper::after {
    content: '';
    background: url('../images/components/angle_down.svg') no-repeat;
    background-size: contain;
    display: block;
    width: 12px;
    height: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
}

.ct_protocol_card {
    padding: 20px;
    color: #1E2F46;
}

.protocol_img img {
    height: 220px;
    width: 100%;
    border-radius: 5px;
    object-fit: cover;
}

.protocol_title {
    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;
}

.protocol_bold_title {
    font-family: 'ge-inspira-sans-bold';
}

@media(max-width:834px) {
    .filterArea {
        display: block!important;
    }
    #filterdropdown {
        width: 100%;
        margin-left: 0px;
    }
    .protocol_img img {
        height: 190px;
        width: 100%;
        object-fit: cover;
    }
    .filterSelect {
        height: 40px!important;
        font-size: 1.4rem;
    }
    .filterDiv {
        margin-bottom: 30px;
    }
}


/* e-lectures */

.e_lectures_img {
    padding: 10px 10px 0px 10px;
    position: relative;
}

.e_lectures_img .playIcon,
.e_lectures_img .playIcon::after,
.e_lectures_img .playIcon::before {
    width: 50px;
    height: 50px;
}

.e_lectures_img .playIcon span {
    border-left: 14px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.e_lectures_img .playIcon {
    padding: 18px 20px 18px 26px;
}

.e_lectures_content {
    padding: 30px;
    color: #1E2F46;
}

.speakerDesigantions {
    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;
}

@media(max-width:1112px) {
    .e_lectures_title {
        min-height: 65px;
        max-height: 65px;
    }
}

@media(max-width:834px) {
    .e_lectures_content {
        padding: 20px;
    }
}

@media(max-width:568px) {
    .e_lectures_title {
        min-height: 55px;
        max-height: 55px;
    }
}


/* form section */

.form_section {
    background-color: #FAFAFA;
    padding: 50px 0;
}

.input_block .custom_form {
    padding-left: 40px;
}

.input_block .form-group {
    position: relative;
}

.input_block {
    position: relative;
}

.input_block .custom_form~img {
    display: inline-block;
    position: absolute;
    left: 15px;
    bottom: 17px;
}

.form_left_banner_section {
    position: relative;
    height: 100%;
}

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

.leftBanner_content {
    position: absolute;
    left: 0;
    bottom: 5%;
    color: #fff;
    padding: 30px;
}

.leftBanner_content .ReadMore {
    color: #fff;
}

label {
    color: #63666A;
}

label sup {
    font-family: open sans-serif;
    font-weight: bold;
    line-height: 1;
    color: #F5B535;
}

.form-control::-webkit-input-placeholder {
    color: #B1B3B3;
}

.form-control:-moz-placeholder {
    color: #B1B3B3;
}

.form-control::-moz-placeholder {
    color: #B1B3B3;
}

.form-control::placeholder {
    color: #B1B3B3;
}

.form-control:-ms-input-placeholder {
    color: #B1B3B3;
}

.form-control:focus {
    color: #707070;
    background-color: #fff;
    border-color: #EFEFEF;
    outline: 0;
    box-shadow: none;
}

.custom_form {
    position: relative;
    background-color: #fff;
    color: #707070;
    padding: 15px;
    font-size: 1.6rem;
    line-height: 1;
}

.custom_form.error {
    border-color: #ECC87E;
}

.nav_to_sso {
    position: relative;
    background-color: #EEEEEE;
    padding: 20px 25px;
}

.nav_to_sso:hover {
    background-color: #fff;
}

.nav_to_sso::after {
    display: inline-block;
    margin-left: 20px;
    border: 0;
    vertical-align: baseline;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: 'FontAwesome';
    content: "\f054";
    color: #005DB7;
}

select.form-control.custom_form:not([size]):not([multiple]) {
    height: auto;
}

.select_wrapper {
    position: relative;
}

.form_container .form-row {
    margin-right: -15px;
    margin-left: -15px;
}

.form_container .form-row>.col,
.form_container .form-row>[class*=col-] {
    padding-right: 15px;
    padding-left: 15px;
}


/* radio */

.form-check-input {
    width: 18px;
    height: 18px;
    margin-right: 10px;
}

.form_radio_input .custom_radio_label {
    padding: 0;
    padding-left: 30px;
    background-color: transparent;
}

.form_radio_input.custom_radio_input input[type=radio]+.custom_radio_label:before {
    right: unset;
    left: 0;
}

.form-check-inline:not(:last-child) {
    margin-right: 40px;
}


/* mobile country code */

.mobi_code_input_block .select_wrapper {
    position: absolute;
    width: 75px;
    z-index: 1;
}

.mobi_code_input_block .select_wrapper::after {
    width: 10px;
    right: 5px;
}

.regInputMobileContryCode {
    padding-right: 15px;
    border-right: none;
}

.mobi_code_input_block #regInputMobileNumber {
    padding-left: 80px;
}

.alert,
.alert-dismissible span {
    font-family: 'Open Sans';
    font-size: 1.2rem;
    line-height: 1.5;
    padding: 15px;
}

.alert-dismissible span {
    font-size: 2.2rem;
    padding: 0;
}

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

.alert.alert-warning {
    background-color: #FCF8E3;
    border-color: #FAEBCC;
    color: #000000;
}

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


/* learning history */

.tab_title {
    color: #B1B3B3;
    line-height: 1.4;
}

.tabs_Section .nav-item .nav-link {
    width: 215px;
    padding: 15px 30px;
    height: 145px;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #005EB8!important;
    background-color: #EBF5FF!important;
    font-family: 'ge-inspira-sans-bold';
}

.nav-pills .nav-link.active .tab_title {
    color: #005eb8;
}

.tab_img {
    width: 100%;
    border-radius: 5px;
}

.custm_tab_content {
    margin-top: 50px;
}

.learning_history_card {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #FFFFFF;
    padding: 25px;
    margin-bottom: 5px;
    cursor: pointer;
}

.learning_history_card_title,
.result_case_card_title {
    background-color: transparent!important;
    box-shadow: none;
}

.learning_history_card_title p,
.result_case_card_title p {
    color: #B1B3B3;
}

.learning_history_card_title:hover,
.result_case_card_title:hover {
    box-shadow: none!important;
    transform: none!important;
}

.history_Cardheader {
    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;
}

.history_Card.history_Cardname {
    padding-right: 20px;
}

.history_Card:nth-child(1) {
    width: 60%;
    color: #63666A;
}

.history_Card:nth-child(2) {
    width: 20%;
    color: #63666A;
    text-align: center;
}

.history_Card:nth-child(3) {
    width: 20%;
    color: #707070;
    text-align: center;
}

/* .history_Card:nth-child(4) {
    width: 10%;
    color: #63666A;
    text-align: center;
} */

.continue {
    color: #F5B535;
}

.start {
    color: #005EB8;
}



@media(max-width:834px) {
    .history_Cardheader {
        padding: 0 10px;
    }
}

@media(max-width:414px) {
    .learning_history_card_title,
    .result_case_card_title {
        display: none!important;
    }
    .learning_history_card {
        display: block;
        padding: 30px 15px;
    }
    .history_Cardheader {
        padding: 0;
    }
    .history_Card:nth-child(1) {
        width: 100%;
        margin-bottom: 15px;
    }
    .history_Card:nth-child(2) {
        width: 50%;
        float: left;
    }
    .history_Card:nth-child(3) {
        width: 50%;
        float: left;
    }
    /* .history_Card:nth-child(4) {
        width: 40%;
        float: left;
    } */
}


/* about us */

.about_us_wrapper {
    padding-bottom: 150px;
}

.about_us_content p {
    color: #63666A;
}


/* campaign results */

.campaign_banner {
    position: relative;
}

.banner_overlap_img {
    position: absolute;
    bottom: -45px;
}

.overlap_gray_sec {
    background-color: #F5F5F5;
    padding: 20px 90px 20px 20px;
    height: auto;
    position: relative;
    width: 60%;
    overflow: inherit;
}

.overlap_gray_sec_contentwrap {
    border-right: 1px solid #DFDFDF;
}

.overlap_gray_sec_contentwrap:nth-child(2) {
    border-right: none!important;
}

.winner_Deatails>p {
    color: #13294B;
}

.winner_info_list {
    list-style: none;
    margin: 0;
}

.winner_info_list li {
    display: inline-block;
    color: #63666A;
}

.topper_icon {
    position: absolute;
    top: -7px;
    right: -33px;
}

.result_case_card {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: #FFFFFF;
    margin-bottom: 3px;
    cursor: pointer;
    color: #63666A;
}

.result_Card:nth-child(1),
.result_Card:nth-child(2),
.result_Card:nth-child(6) {
    width: 10%;
}

.result_Card:nth-child(3),
.result_Card:nth-child(4) {
    width: 20%;
}

.result_Card:nth-child(5) {
    width: 30%;
}

.result_view_btn {
    color: #005EB8;
    text-decoration: none;
}

.result_view_btn:hover {
    text-decoration: none;
}

.result_Card_name,
.result_Card_hsptl_name {
    padding: 0px 15px 0px 0px;
    min-height: 20px;
    max-height: 20px;
    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;
}

@media(max-width:1112px) {
    .overlap_gray_sec {
        width: 70%;
    }
}

@media(max-width:834px) {
    .overlap_gray_sec {
        padding: 10px 20px 10px 10px;
        width: 100%;
    }
    .campaign_banner {
        padding: 20px;
    }
    .banner_overlap_img {
        position: absolute;
        bottom: -35px;
    }
    .result_Card_name,
    .result_Card_hsptl_name {
        min-height: 22px;
        max-height: 22px;
    }
}

@media(max-width:667px) {
    .overlap_gray_sec {
        width: 90%;
    }
    .banner_overlap_img {
        position: absolute;
        bottom: -65px;
    }
    .overlap_gray_sec {
        display: block!important;
    }
    .overlap_gray_sec_contentwrap {
        border: none!important;
        margin-bottom: 10px;
    }
    .overlap_gray_sec_contentwrap:nth-child(2) {
        margin: 0!important;
    }
    .winner_Deatails {
        margin: 0px 0px 0px 10px !important;
    }
    .winner_Deatails>p {
        margin-bottom: 10px!important;
    }
}

@media(max-width:414px) {
    .result_case_card {
        display: block;
    }
    .result_Card {
        margin-bottom: 10px;
    }
    .result_Card:last-child {
        margin-bottom: 0;
    }
    .result_Card:nth-child(1),
    .result_Card:nth-child(2) {
        float: left;
        width: 50%;
    }
    .result_Card:nth-child(2) {
        text-align: right;
    }
    .result_Card:nth-child(3),
    .result_Card:nth-child(4),
    .result_Card:nth-child(5),
    .result_Card:nth-child(6) {
        width: 100%;
    }
    .result_Card:nth-child(6) {
        text-align: center;
    }
}


/* forgot password */

.forgot_password_info {
    padding-left: 15px;
    margin-top: 50px;
    width: 80%;
    color: #63666A;
}

.forgot_password_info ol li {
    margin-bottom: 10px;
}

@media(max-width:834px) {
    .leftBanner_content .readMoreContent {
        font-size: 1.2rem;
    }
}


/* reset password */

.validationProgess {
    width: calc(30%/3);
    height: 3px;
    background-color: #CDCDCD;
    display: inline-block;
    margin-right: 3px;
    transition: 0.2s ease-in;
    border-radius: 10px;
}

.vsuccess {
    background-color: #00BF6F;
}

.vfail {
    background-color: #DC3838;
}

.vsuccess-c {
    color: #00BF6F;
}

.vfail-c {
    color: #DC3838;
}

.password_guidence {
    padding-top: 10px;
}

.password_guidence ul {
    list-style: none;
    list-style-position: inside;
    text-align: left;
}

.password_guidence ul li::before {
    content: " ";
    background-color: #b7b7b7;
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 10px;
}

.password_guidence ul li.vsuccess-c::before {
    background-color: #00BF6F;
}

.password_guidence ul li.vfail-c::before {
    background-color: #DC3838;
}

.profileProgress {
    width: 100%;
    border-radius: 40px;
    height: 50px;
    background-color: #f6f7f7;
    border: 1px solid #d4d6d9;
    position: relative;
}

.progressStatus {
    border-radius: 40px;
    height: 50px;
    background-color: #60ba58;
    position: relative;
    display: none;
}

.resetPasswordSuccessMsg {
    height: 100%;
}


/* terms of use */

.terms_of_use_content_sec p,
.terms_of_use_content_sec ul li,
.terms_of_use_content_sec address {
    color: #63666A;
}

.terms_of_use_content_sec a,
.helpTextSec a {
    color: #005DB7;
}

.terms_of_use_content_sec ul {
    list-style: none;
}

.terms_of_use_content_sec h3,
.terms_of_use_content_sec h4 {
    color: #13294B;
}


/* privacy policy */

.privacy_list li {
    color: #005EB8!important;
}

.privacy_list li::before {
    background-color: #005DB7;
}


/* training academy deatils */

.academy_deatails_wrap p {
    color: #63666A;
}

.academy_deatails_wrap .title_and_hour_wrap .duration {
    color: #B1B3B3;
}

.clockFa_icon {
    font-size: 1.8rem;
    color: #B1B3B3;
}

.academy_module {
    padding: 15px;
    margin-bottom: 15px;
}

.module_Status_div {
    background-color: #F5F5F5;
    padding: 10px 30px 10px 10px;
}

.module_status_content>p {
    margin-bottom: 20px;
    min-height: 40px;
    max-height: 40px;
    padding-right: 15px;
}

.status_view {
    font-size: 1.5rem;
    color: #005DB7;
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.status_view:hover {
    text-decoration: none;
    opacity: 0.9;
}

.status_continue {
    color: #F5B535;
}

.status_bar {
    width: 270px;
    margin-top: -220px;
}

.status_bar_content_wrap {
    max-height: 550px;
    overflow: auto;
}

.status_bar_content_wrap {
    scrollbar-width: none;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE 10+ */
}

.status_bar_content_wrap::-webkit-scrollbar-track {
    -webkit-box-shadow: none !important;
    background-color: transparent;
}

.status_bar_content_wrap::-webkit-scrollbar {
    width: 3px !important;
    background-color: transparent;
}

.status_bar_content_wrap::-webkit-scrollbar-thumb {
    background-color: transparent;
}

.on-scrollbar {
    scrollbar-width: thin;
    /* Firefox */
    -ms-overflow-style: none;
    /* IE 10+ */
}

.on-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: none !important;
    background-color: transparent !important;
}

.on-scrollbar::-webkit-scrollbar {
    width: 2px !important;
    background-color: transparent;
}

.on-scrollbar::-webkit-scrollbar-thumb {
    background-color: #CDCDCD;
}

.status_header {
    padding: 10px 20px;
    background-color: #00B5E2;
    color: #FFFFFF;
    margin: 0;
}

.statusContent {
    padding: 10px 20px;
    border-bottom: 1px solid #F5F5F5;
    width: 100%;
}

.statusContent:last-child {
    border-bottom: none;
}

.desk_status_gap {
    padding: 0px 45px;
}

.mobileStatus_bar {
    display: none;
}

.mobile_status_header {
    display: block;
    width: 100%;
    background-color: transparent;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 15px 0;
    border-top: 1px solid #F5F5F5;
    border-bottom: 1px solid #F5F5F5;
    position: relative;
}

.mobile_status_header::after {
    font-family: "FontAwesome";
    content: "\f105 ";
    font-size: 2.5rem;
    color: #598EDC;
    position: absolute;
    top: 15px;
    right: 0;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate( 0deg);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.mobile_status_header.active:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.mobile_status_bar_content_wrap {
    display: none;
}

.mobile_status_bar_content_wrap .statusContent {
    padding: 10px 20px;
}

@media (max-width:834px) {
    .title_and_hour_wrap,
    .module_status_parent {
        display: block!important;
    }
    .module_status_content>p {
        padding-right: 0px;
        margin-bottom: 10px;
        min-height: 45px;
        max-height: 45px;
        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;
    }
    .status_btn {
        float: left;
    }
    .status_view {
        float: right;
        padding-top: 5px;
    }
    .module_status_content>p {
        margin-bottom: 10px;
    }
    .desk_status_gap {
        padding: 0;
    }
    .status_bar {
        width: 100%;
        margin-top: 0!important;
    }
    .deskHeader {
        width: 100%;
    }
    .status_header {
        padding: 10px 10px;
    }
    .statusContent {
        padding: 10px 10px;
        display: inline-block;
    }
    .status_bar {
        display: none!important;
    }
    .mobileStatus_bar {
        display: block;
    }
    .desk_status_gap {
        padding: 0px 15px;
    }
}

@media(max-width:736px) {
    .module_status_parent {
        display: flex!important;
    }
    .status_btn {
        float: none;
    }
    .status_view {
        float: none;
        padding-top: 0px;
    }
    .module_status_content>p {
        padding-right: 15px;
    }
    .status_bar,
    .deskHeader {
        width: 100%;
    }
    .status_bar {
        display: none!important;
    }
    .mobileStatus_bar {
        display: block;
    }
    .desk_status_gap {
        padding: 0px 15px;
    }
}

@media (max-width:568px) {
    .title_and_hour_wrap,
    .module_status_parent {
        display: block!important;
    }
    .module_status_content>p {
        margin-bottom: 10px;
        min-height: 45px;
        max-height: 45px;
        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;
    }
    .status_btn {
        float: left;
    }
    .status_view {
        float: right;
        padding-top: 5px;
    }
    .statusContent {
        display: table;
    }
}

@media(max-width:414px) {
    .stick {
        position: relative!important;
        margin-bottom: 30px;
        top: 0!important;
        right: 0!important;
    }
    .status_bar {
        display: none!important;
    }
    .mobileStatus_bar {
        display: block;
    }
    .desk_status_gap {
        padding: 0px 15px;
    }
}


/* calculator */

.calculatorform_container {
    padding: 30px;
}

.calculator_input_block .custom_form {
    padding-left: 20px;
}

.calculatorformrulesdiv {
    padding-top: 120px;
    overflow: hidden;
}
.hideExcessContent{
    overflow: hidden;
}
.rule_sec {
    margin-bottom: 60px;
}

.veevaSection{
    overflow-x: hidden;
}


/* 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;
}

.resultsValueDiv {
    padding: 30px;
    background-color: #FFFFFF;
    height: 280px;
    width: 50%;
}

.resultsValueDiv:first-child {
    border-right: 1px solid #E9E9E9;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.resultsValueDiv:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.resultDisplayBox {
    position: relative;
    width: 160px;
    height: 90px;
    border: 2px solid #1461AF;
}

.displayBoxContent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.resultsStatusWrap {
    padding: 20px;
}

#stg1 {
    background-color: #F2FDF1;
    border: 2px solid #70AF6C;
}

#stg2 {
    background-color: #95c93d;
    border: 2px solid #077900;
}

#stg3a {
    background-color: #f5aa00;
    border: 2px solid #f5aa00;
}

#stg3b {
    background-color: #f5aa00;
    border: 2px solid #f5aa00;
}

#stg4 {
    background-color: #f58020;
    border: 2px solid #f58020;
}

#stg5 {
    background-color: #b11b20;
    border: 2px solid #b11b20;
}

#stg2 *,
#stg3a *,
#stg3b *,
#stg4 *,
#stg5 * {
    color: #FFFFFF;
}

@media(max-width:1112px) {
    .resultsValueDiv {
        padding: 20px;
        height: 255px;
    }
    .resultsStatusWrap {
        padding: 20px;
    }
    .rule_sec {
        margin-bottom: 35px;
    }
}

@media (max-width:834px) {
    .calculatorformrulesdiv {
        padding-top: 140px;
    }
    .calculatorform_container {
        padding: 20px;
    }
    .rule_sec {
        margin-bottom: 30px;
    }
    .resultsValueWrap,
    .statuscontentDiv {
        display: block!important;
    }
    .resultsValueDiv {
        padding: 15px;
        height: auto;
        width: 100%;
    }
    .resultsStatusWrap {
        padding: 15px;
    }
    .resultsValueDiv:first-child {
        border-bottom: 1px solid #E9E9E9;
        border-right: none;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 0px;
    }
    .resultsValueDiv:last-child {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
}

@media(max-width:736px) {
    .calculatorformrulesdiv {
        padding-top: 40px;
    }
    .rule_sec {
        margin-bottom: 30px;
    }
    .resultsValueWrap {
        display: flex!important;
    }
    .resultsValueDiv {
        padding: 20px;
        height: 235px;
        width: 50%;
    }
    .resultsStatusWrap {
        padding: 15px;
    }
    .resultsValueDiv:first-child {
        border-right: 1px solid #E9E9E9;
        border-bottom: none;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .resultsValueDiv:last-child {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
}

@media (max-width:414px) {
    .resultsValueWrap,
    .statuscontentDiv {
        display: block!important;
    }
    .resultsValueDiv {
        padding: 15px;
        height: auto;
        width: 100%;
    }
    .resultsStatusWrap {
        padding: 15px;
    }
    .resultsValueDiv:first-child {
        border-bottom: 1px solid #E9E9E9;
        border-right: none;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 0px;
    }
    .resultsValueDiv:last-child {
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }
}


/* my profile */

.targetLinks {
    padding: 15px 30px;
    width: 80%;
    display: block;
    background-color: transparent;
    color: #707070;
    font-size: 1.6rem;
    border-left: 5px solid transparent;
    -webkit-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}

.rightnavlist li:hover .targetLinks,
.rightnavlist li.active .targetLinks {
    background-color: #FFFFFF;
    color: #005DB7;
    border-left: 5px solid #005DB7;
}

.selectcountycodegroup input,
.selectcountycodegroup select {
    border: none;
}

.countrycodegroup {
    position: relative;
}

.countrycodegroup::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    height: 25px;
    width: 3px;
    background-color: #DFDFDF;
    transform: translateY(-50%);
}

@media (max-width:834px) {
    .targetLinks {
        width: 100%;
    }
}


/* ares of intrest */

.areacheckbox {
    position: relative;
    margin-bottom: 15px;
}

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


/* for custom-checkbox */

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


/*Check box*/

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

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

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

input[type="checkbox"]:disabled+.arealabel: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);
    }
}

.areacheckbox .arealabel {
    padding-left: 30px;
    cursor: pointer;
    margin: 0;
    font-size: 1.6rem;
    font-family: 'ge-inspira-sans';
    color: #63666A;
}


/* .customchkbox {
    position: absolute;
    width: 20px;
    height: 20px;
    color: black;
    border: 1px solid #DFDFDF;
    border-radius: 4px;
    appearance: none;
    outline: 0;
    cursor: pointer;
    transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
    -webkit-transition: 0.3s ease-in;
    -o-transition: 0.3s ease-in;
    transition: 0.3s ease-in;
}
.customchkbox::before {
    position: absolute;
    content: '';
    display: block;
    top: 2px;
    left: 6px;
    width: 6px;
    height: 12px;
    border-style: solid;
    border-color: white;
    border-width: 0 2px 2px 0;
    transform: rotate(
45deg
);
    opacity: 0;
    }
    .customchkbox:checked {
      color: #FFFFFF;
      border-color: #005DB7;
      background: #005DB7;
    }
    .customchkbox:checked::before {
        opacity: 1;
        
      }
    
    
  
  
  .arealabel {
    position: relative;
    cursor: pointer;
    font-size: 1.6rem;
    font-family: 'ge-inspira-sans';
    color: #63666A;
    padding-left: 35px;
    user-select: none;
    margin: 0;
  } */


/* register */

.form_flow_list li {
    display: flex;
    align-items: center;
}

.flow_circle {
    font-family: 'ge-inspira-sans-bold';
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #DFDFDF;
    color: #FFFFFF;
    border-color: #707070;
    border-radius: 50%;
    margin-right: 15px;
}

.flow_circle::before {
    position: absolute;
    content: '';
    display: block;
    width: 8px;
    height: 14px;
    border-style: solid;
    border-color: white;
    border-width: 0 3px 3px 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate( 45deg)
}

.flow_circle.active {
    background-color: #00BF6F;
    color: #FFFFFF;
    border-color: #00BF6F;
}

.flow_steps {
    color: #B1B3B3;
}

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

.register_second_form,
.register_third_form {
    display: none;
}


/* video details */

.video_deatils_main_section .inner_banner_section {
    padding-bottom: 150px;
    padding-top: 50px;
}

.video_details_background {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(70%, #FAFAFA), color-stop(30%, #F3F3F3));
    background: -o-linear-gradient(bottom, #FAFAFA 70%, #F3F3F3 30%);
    background: linear-gradient(to top, #FAFAFA 70%, #F3F3F3 30%);
}

.video_container {
    width: 80%;
    margin: auto;
}

.videodiv video {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 200px;
    height: auto;
}

.videodiv video:focus {
    outline: none;
}

@media (max-width:834px) {
    .video_container {
        width: 100%;
        margin: auto;
    }
}


/* protocol_details */

.protocol_detailSec {
    padding: 40px 0px;
}

.protocol_detailSec .form-group {
    margin-bottom: 0!important;
}

.protocolContentBox {
    padding: 30px;
    background-color: #FFFFFF;
    border-radius: 5px;
}

.protocol_MainTtitle {
    font-size: 2.2rem;
    font-family: 'ge-inspira-sans-bold';
    color: #000000;
}

.protocol_SubTtitle {
    font-size: 1.6rem;
    font-family: 'ge-inspira-sans-bold';
    color: #000000;
}

.protocol_InfoText {
    color: #63666A;
    line-height: 1.6;
}

.protocol_RightContent {
    background-color: #FFFFFF;
    border-radius: 5px;
}

.protocol_RightContent .protocolImg {
    padding: 10px 10px 0px 10px;
}

.protocol_detailWrap {
    padding: 0px 15px 15px 15px;
}

.protocol_details p {
    color: #909090;
}

.protocolInnerContent .protocolInputGroup label {
    color: #63666A;
    font-family: 'ge-inspira-sans';
    margin-bottom: 10px;
}

.protocolBoxUl {
    list-style: none;
}

.protocolBoxUl li.box {
    box-shadow: none;
    border: 1px solid #DFDFDF;
    padding: 10px 10px;
    border-radius: 5px;
    background-color: #FFFFFF;
}

.protocolBoxUl li.box span {
    font-family: 'ge-inspira-sans';
    font-size: 1.5rem;
    color: #63666A;
}

.separator {
    border: 1px solid #F1F1F1;
    margin: 0px -30px;
}

.protocol_imgSec .imgContainer {
    width: 220px;
    height: auto;
    position: relative;
}

.image_detail {
    color: #63666A;
}

.protocolContentBox address {
    color: #63666A;
    margin: 0;
}

.protocol_viewImg {
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    border-radius: 5px;
}

.protocol_detailWrap .protocol_details h5 {
    font-family: 'ge-inspira-sans-bold';
    font-size: 1.8rem;
}

.zoom_img {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.modal {
    z-index: 1050;
    display: none;
    padding-top: 10px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.6);
}

#modal01 .modal-content {
    width: 60%;
    margin: auto;
    display: block;
    position: absolute;
    top: 12%;
    left: 50%;
    transform: translateX(-50%);
    background-color: transparent;
    border: none!important;
}

.modalImgConatiner {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.9s;
    animation-name: zoom;
    animation-duration: 0.9s;
}

.close {
    text-decoration: none;
    font-size: 30px;
    font-weight: bold;
    color: white;
    z-index: 99;
    position: absolute;
    top: 20px;
    right: 20px;
}

.protocolMsgWrap {
    display: none;
}

#clickToWrite {
    color: #005EB8;
    cursor: pointer;
}

.protocolSuccessalert {
    display: none;
    background-color: green!important;
    border-radius: 5px;
    padding: 12px;
    border-color: green!important;
}

.protocolSuccessalert p {
    color: #FFFFFF;
}

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

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

.multiBox li.box {
    display: inline-block;
}

.multiBox li:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
}

.multiBox li:nth-child(2) {
    border-radius: 0;
    border-right: none;
}

.multiBox li:nth-child(3) {
    border-radius: 0;
    border-right: none;
}

.multiBox li:nth-child(4) {
    border-radius: 0;
    border-right: none;
}

.multiBox li:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.multiBox li.notLast {
    border-right: 1px solid #DFDFDF;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.mprLabelBtm {
    margin-bottom: 30px!important;
}

#img01 ,.protocolImg img{
    border-radius: 5px;
}

@media(max-width:1112px) {
    .protocol_imgSec .imgContainer {
        width: 200px;
        height: auto;
    }
}

@media (max-width:992px) {
    #modal01 .modal-content {
        max-width: 800px;
    }
}

@media(max-width:834px) {
    .protocolContentBox {
        padding: 20px;
    }
    .separator {
        margin: 0px -20px;
    }
    #modal01 .modal-content {
        width: 90%!important;
    }
    .protocl_imageWrapper {
        display: block!important;
    }
    .protocol_imgSec {
        margin-right: 0!important;
        margin-bottom: 15px;
    }
    .mprLabelBtm {
        margin-bottom: 10px!important;
    }
    .protocol_imgSec .imgContainer {
        width: 220px;
        height: auto;
    }
    .protocol_detailSec .form-group {
        margin-bottom: 1rem!important;
    }
    .protocol_detailSec .form-row {
        margin-bottom: 0!important;
    }
}

@media(max-width:736px) {
    .protocol_detailSec .form-group {
        margin-bottom: 1rem!important;
    }
    .protocol_detailSec .form-row {
        margin-bottom: 0!important;
    }
}

@media(max-width:414px) {
    .protocl_imageWrapper {
        display: block!important;
    }
    .protocol_imgSec {
        margin-right: 0!important;
        margin-bottom: 15px;
    }
    .protocolBoxUl li.box {
        padding: 10px 7px;
    }
    .protocol_detailSec .form-group {
        margin-bottom: 1rem!important;
    }
    .protocol_detailSec .form-row {
        margin-bottom: 0!important;
    }
}


/* contact us post */

.contact_us_content h5,
.contact_us_content p {
    color: #13294B;
}


/* contact us pre */

.regionSelect {
    height: 50px!important;
    font-size: 1.6rem;
    color: #000000;
    border-radius: 5px;
    border-color: #F1F1F1;
    padding: 0px 35px 0px 15px;
    background-color: #FFFFFF;
}

#regionDropdown::after,
#agedropdown::after {
    content: '';
    background: url(../images/components/angle_down_grey.svg) no-repeat;
    background-size: contain;
    display: block;
    width: 12px;
    height: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
}

.showAddressBox {
    background-color: #FFFFFF;
    padding: 30px;
}

@media(max-width:834px) {
    .showAddressBox {
        padding: 20px;
    }
}


/* help page */

.helpSection * {
    color: #13294B;
}

.helpContentBox {
    padding: 40px;
}

.zoomWrap {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    background-color: #E6E6E6;
    bottom: 25px;
    left: 25px;
    cursor: pointer;
}

.zoomWrap>img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#modalhelp.modal {
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.8);
}

#modalhelp .modal-content {
    width: 55%;
    margin: auto;
    display: block;
    position: absolute;
    top: 12%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 5px;
    overflow: hidden;
    border: none!important;
    background-color: transparent;
}

#modalhelp .close {
    font-size: 1.4rem;
    font-family: 'ge-inspira-sans', 'Open Sans';
    opacity: 1;
    text-shadow: none;
    color: #FFFFFF;
    text-transform: uppercase;
    position: absolute;
    top: 60px;
    right: 310px;
}

@media(max-width:1112px) {
    #modalhelp .close {
        top: 17%;
        right: 255px;
    }
    #modalhelp .modal-content,
    #modal01 .modal-content {
        top: 20%
    }
    #modal01 .close {
        top: 16%;
        right: 200px;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation:portrait) {
    #modal01 .close {
        top: 17%;
        right: 185px;
    }
    #modalhelp .close {
        top: 18%;
        right: 235px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    #modalhelp .close {
        top: 17%;
        right: 235px;
    }
    #modal01 .close {
        top: 16%;
        right: 185px;
    }
}

@media (max-width:834px) {
    .helpContentBox {
        padding: 25px;
    }
    .zoomWrap {
        bottom: 15px;
        left: 15px;
    }
    #modalhelp .modal-content {
        width: 90%;
    }
    #modalhelp .close {
        right: 45px;
        top: 18%;
    }
    #modal01 .close {
        right: 18px;
        top: 17%;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    #modalhelp .modal-content {
        width: 50%;
        top: 12%;
    }
    #modal01 .modal-content {
        width: 60%!important;
    }
    #modalhelp .close {
        right: 206px;
        top: 7%;
    }
    #modal01 .close {
        right: 145px;
        top: 11%;
    }
}

@media(max-width:736px) {
    #modalhelp .modal-content {
        width: 55%;
    }
    #modal01 .modal-content {
        width: 65%!important;
    }
    #modalhelp .close {
        right: 155px;
        top: 14%;
    }
    #modal01 .close {
        right: 95px;
        top: 12%;
    }
    #modalhelp .modal-content {
        top: 20%;
    }
}

@media(max-width:414px) {
    #modalhelp .modal-content,
    #modal01 .modal-content {
        width: 90%!important;
    }
    #modalhelp .close {
        right: 25px;
        top: 17%;
    }
    #modal01 .close {
        right: 0px;
        top: 16%;
    }
}

/* feedback section */
.feedBackButton{
    position: fixed;
    bottom: 0;
    right: 10px;
    z-index: 9999;
    border-radius: 0;
    font-family: 'ge-inspira-sans';
    font-size: 1.6rem;
}
.feedBackButton:hover{
    background-color: #005DB7;
    border-color: #005DB7;
    color: #FFFFFF;
}
.feedbackModalHeader{
    background-color: #EBF5FF;
    color: #13294B;
    border-radius: 0;
    padding: 1.5rem 2rem;
}
#feedbackModal button.close{
    top: 20px;
    opacity: 1;
    color: #13294B;
}
#feedbackModal button.close:hover{
    color: #13294B;
}
#feedbackModal .modal-body{
    padding: 2rem!important;
}
.paddRgtZero{
    padding-right: 0px !important;
  }
body.modal-open{
    padding: 0!important;
}
.indexZ .feedBackButton{
    z-index: 999;
}

@media(max-width:834px){
    #feedbackModal button.close {
        top: 18px;
    }
}

/* 1/03/2022 */
.bannerBadge{
    cursor:default!important;
}
.bannerBadge:hover{
   background-color: #005DB7!important;
   color: #FFF!important;
}

/* 1/17/2022 */
.footer_section a > img{
    height: 50px;
}

/* 1/18/2022 pageload modal */
#pageLoadModal{
    padding-top: 0!important;
    padding-right: 0px!important;
}
#pageLoadModal .modal-dialog{
    width: 100%;
    max-width: 100%;
    margin: 0;
}
#pageLoadModal .modal-content{
    border: none; 
    border-radius: 0;
}
#pageLoadModal .modalHeader{
    padding: 1rem 0rem;
    border-bottom: 1px solid #D3D3D3;
}
.popUpContentDiv{
    padding: 50px 0px;
}
.popUpContentDiv .contentWrapper{
    width: 60%;
}
.hcpChoiseDiv h5{
    color: #00B5E2;
}
.hcpChoiseDiv button,.hcpChoiseDiv a{
    padding: 1rem 6rem;
    line-height: 2;
    font-weight: bold;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
 input[type="checkbox"]+.rememberChoiseLabel:before{
    border: 1px solid #005EB8!important;
}
.nonhcpChoiseDiv{
    display: none;
}
.nonhcpChoiseDiv .contactText{
    color: #FE5000;
}
.backToHcpWrap{
    cursor: pointer;
    display: inline-block;
}
.backToHcpWrap h5,.backToHcpWrap i{
    color: #00B5E2;
    font-size: 2.4rem;
}

@media (max-width:736px){
    .popUpContentDiv .contentWrapper{
        width: 100%;
    }
}

@media (max-width:414px){
    .hcpChoiseDiv button,.hcpChoiseDiv a{
        padding: 1rem 5rem;
        line-height: 2;
    }
}

/* Resource section */
#resourceTogglerDiv{
    width: 165px;
}
.resourceFilterWrap {
    margin-bottom: 40px;
}
.customResourceToggle > button {
    border: 0;
    width: 100%;
    text-align: left;
    font-size: 1.3rem;
    font-family: 'ge-inspira-sans-bold';
    color: #63666A;
    background-color: #FFFFFF;
    padding: 15px;
    padding-bottom: 10px;
    border-radius: 5px;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    position: relative;
}

.customResourceToggle > button::after {
    position: absolute;
    border: 0!important;
    content: '';
    background-image: url(../images/components/chevron-left.svg);
    background-repeat: no-repeat;
    width: 12px;
    height: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 5px;
    background-size: contain;
}
.customResourceToggle .dropdown-menu {
    background-color: #FFFFFF;
    position: absolute!important;
    transform: none!important;
    top: 41px!important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 0;
    margin: 0;
    width: 100%;
    border-radius: 5px;
    border: none;
    z-index: 9999;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}
.customResourceToggle .dropdown-menu ul{
    margin: 0;
}
.customResourceToggle .dropdown-menu ul li a {
    padding: 10px 15px;
    display: block;
    width: 100%;
    font-size: 1.3rem;
    font-family: 'ge-inspira-sans';
    color: #63666A;
    cursor: pointer;
}
.resourceCard{
    padding: 20px 20px 20px 20px;
    background-color: #FFFFFF;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 5px;
    margin-bottom: 40px;
}
.resourceCard:last-child{
    margin-bottom: 0;
}
.viewMoreResource{
    margin-bottom: 40px;
}
.resourceCard .resourceCardImgDiv{
    width: 35%;
    margin-right: 20px;
}
.resourceCard .resourceCardImgDiv img{
    height: 155px;
    object-fit: cover;
}
.resourceCard .resourceCardContentDiv{
    width: 65%;
    position: relative;
    flex-shrink: 1;
} 
.resourceCardInfoList{
    margin: 0;
    list-style: none;
}
.resourceCardInfoList li{
    display: inline-block;
    color: #707070;
    font-size: 1.2rem;
    padding: 0px 5px;
}
.resourceCardInfoList li:first-child{
    padding-left: 0px;
}
.resourceCardInfoList li:last-child{
    padding-right: 0px;
}
.resourceCardInfoList span.badge{
    padding: 8px 15px 5px 15px;
    font-size: 1.4rem;
    color: #333333;
    font-family: 'ge-inspira-sans';
    font-weight: 100;
}
.videoBadge{
    background-color: #A5E1F0;
}
.articleBadge{
    background-color: #FCBDBD;
}
.InfoGraphicBadge{
    background-color: #F6E4BE;
}
.flashCardBadge{
    background-color: #B0EABD;
}
.resourceCard .resourceCardContentDiv .viewButtonLink{
    color: #3283DE;
    font-family: 'ge-inspira-sans-bold';
    font-size: 1.6rem;
    text-transform: uppercase;
}
.resourceCard .resourceCardContentDiv .viewButtonLink i{
    font-size: 1.8rem;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
.viewButtonLink:hover .viewArrow{
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
}
.resourceCard .resourceCardContentDiv .viewButtonLink:focus-visible{
    outline: none!important;
}
.resourceCard .resourceCardHeading{
    color: #333333;
    min-height: 27px;
    max-height: 27px;
    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;
}
.resourceCard .resourceCardContentDiv p.para_14{
    color: #333333;
    min-height: 40px;
    max-height: 40px;
    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;
}
/* .resourceCardStatusWrap{
    padding-left: 50px;
} */
.resourceCardStatusWrap  .statusDiv{
    padding:0px 17px;
    border-radius: 5px;
    height: 58px;
    border: 1px solid #00B5E2;
    color: #00B5E2;
    background-color: #F7FBFC;
    cursor: pointer;
    margin-bottom: 20px;
}

.resourceCardStatusWrap .statusDiv i{
    font-size: 2.8rem;
}
.resourceCardStatusWrap .statusDiv.active{
    background-color: #00B5E2;
}
.resourceCardStatusWrap .statusDiv.active i{
    color: #FFFFFF;
}
.resourceCardStatusWrap .statusDiv.active h5{
    color: #FFFFFF;
}
.customModal{
    background-color: rgba(0, 0, 0, 0.5)!important;
}
.customModal button.close {
    position: absolute;
    top: -35px;
    font-weight: normal;
    right: 0;
    opacity: 1;
    font-size: 4rem;
    color: #B1B3B3;
    text-shadow: none;
}
.customModal .modal-content {
    background-color: transparent;
    border: none;
}
.customModal.modal.show .modal-dialog {
    transform: translateY(10%);
    -webkit-transform: translateY(10%);
}
#InfoGraohicModal.modal.show .modal-dialog {
    transform: translateY(5%);
    -webkit-transform: translateY(5%);
}
.customModal .modal-body {
    padding: 0;
    background-color: transparent;
}
#ArticleModal .modal-body{
    border-radius: 5px;
    background-color: #FFFFFF!important;
    padding: 30px!important;
}



@media (max-width:834px){
    .resourceCardStatusWrap{
        padding-left: 0;
        margin-bottom: 30px;
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .resourceCardStatusWrap .statusDiv{
        width: auto;
        margin-bottom: 0px;
        padding:0px 17px;
        margin-right: 15px;
    }
    /* .resourceCardStatusWrap .statusDiv:last-child{
        margin-right: 0px;
    } */
    #ArticleModal .modal-body .imgSec img{
        width: 100%;
    }
  

}

@media (max-width:414px){
    .resourceFilterWrap > div,.resourceCardWrap .resourceCard > div{
        display: block!important;
    }
    #resourceTogglerDiv {
        width: 100%;
    }
    .resourceCard {
        padding: 15px 15px 15px 15px;
    }
  
    .resourceCard .resourceCardImgDiv,.resourceCard .resourceCardContentDiv{
        width: 100%;
    }
    .resourceCard .resourceCardImgDiv{
        margin-right: 0px!important;
        margin-bottom: 15px;
    }
    .resourceCard .resourceCardImgDiv img{
        width: 100%;
        height: 100%;
    }
    .resourceCardStatusWrap{
        display: block;
    }
    .resourceCardStatusWrap .statusDiv {
        width: 100%;
        margin-bottom: 20px;
    }
}


/* index extra styles */
.resourceHomeCard {
    background-color: #FAFAFA;
    padding: 30px;
}
.resourceHomeCard .resourceCard,.hmHandBookBgSec{
    margin-bottom: 20px;
}
.resourceHomeCard .resourceCard:last-child{
    margin-bottom: 0;
}
.resourceHomeCard h2{
    color: #13294B;
}
.resourceHomeButtonSec{
    height: 100%;
    padding-left: 50px;
}
.hm_card_calender{
    padding: 0;
}

@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 1112px) 
  and (orientation: landscape) 
  {
    .calenderEvnt_wraper {
        max-height: 393px!important;
        height: 393px!important;
    }  
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .calenderEvnt_wraper {
        max-height: 393px!important;
        height: 393px!important;
    }  
}



@media (max-width:834px){
    .resourceHomeButtonSec{
        padding-left: 0px;
    }
    .resourceHomeCard {
        padding: 30px 30px 30px 30px;
    }
}

@media (max-width:736px){
    .resourceHomeCard {
        padding: 30px 20px 30px 20px;
    }
}


@media (max-width:414px){
    .resourceHomeCard .resourceCard > div{
        display: block!important;
    }
    .resourceHomeCard {
        padding: 30px 15px 30px 15px;
    }

}


/* calender styles */
        
#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 .requestStatus {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #18CDA9;
    margin-top: 30px;
    cursor: pointer;
    position: absolute;
    left: 47%;
}

.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;
    line-height: 1.8;
}

.fc-row.fc-widget-header tr th span {
    min-height: 4rem;
    display: inline-block;
    font-size: 1.6rem;
    font-family: 'ge-inspira-sans-bold';
}

.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: #00B5E2;
    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: 'ge-inspira-sans-bold';
}

.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: #3283DE;
}

@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: 5px;
    box-shadow: 0px 0px 14px 2px #f0f0f2;
    background-color: #FAFAFA;
    border: 1px solid #E7E7E7;
}

.calenderEvnt_list:not(:first-child) {
    padding-top: 10px;
}

.calenderEvnt_list:not(:last-child) {
    padding-bottom: 10px;
    border-bottom: 1px solid #E4E4E4;
}
.calenderEvnt_list h5{
    font-family: 'ge-inspira-sans-bold';
}
.calenderEvnt_list p{
    font-family: 'ge-inspira-sans';
}
.calenderEvnt_list p,.calenderEvnt_list h5,.calenderEvnt_list h5 > a{
    color: #000000;
}
/* calendar event popup by pandi */

.highlight span.fc-day-number{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #00B5E2;
    color: #fff;
    display: inline-block;
}
.highlight span.fc-day-number:hover{
    color: #fff;
}
#dialog{
    background-color: #005DB7;
    padding: 20px;
    width: 300px;
    height: auto;
    border-radius: 5px;
    position: relative;
    display: none;
    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;
    line-height: 1;
    cursor: pointer;
}
.close_dialog_btn > span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.6rem;
}
.eventMoreInfoWrap a{
    font-size: 1.6rem;
    font-family: 'ge-inspira-sans-bold';
    color: #3283DE;
}
.eventMoreInfoWrap i{
    font-size: 1.6rem;
    font-weight: bold;
    color: #3283DE;
}
.calenderEvnt_wraper{
    max-height: 400px;
    height: 400px;
    overflow-y: auto;
    padding-right: 10px;
}
.calenderEvtScroll::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}
.calenderEvtScroll::-webkit-scrollbar-track {
    background-color: #BBBBBB;
    border-radius: 5px;
}
.calenderEvtScroll::-webkit-scrollbar-thumb {
    background-color: #3283DE;
    border-radius: 5px;
    height: 50px;
    max-height: 50px;
}
.calenderEvnt_wraper .speakerDesctiption{
    min-height: 45px;
    max-height: 45px;
    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: 414.98px) {
#dialog {
    width: 200px;
    padding: 15px;
}
.dialogContent {
    max-width: 90%;
}
}
/* flashcard styles */
.flascardTopWrap{
    margin-bottom: 50px;
}
.backToResourceLink{
    font-size: 1.4rem;
    font-family: 'ge-inspira-sans-bold';
    color: #000000;
}
.backToResourceLink:hover{
    color: #000000;
}
.backToResourceLink > i{
    color: #000000;
    font-size: 1.6rem;
    font-weight: bold;
    margin-right: 5px;
}
.flashCard_section .backToResourceLink > i{
    color: #000000;
    font-size: 1.6rem;
    font-weight: bold;
    margin-right: 5px;
    -webkit-transition: transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out;
    -ms-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
.flashCard_section .backToResourceLink:hover .viewArrow{
    -webkit-transform: translateX(-4px);
    -moz-transform: translateX(-4px);
    -ms-transform: translateX(-4px);
    -o-transform: translateX(-4px);
    transform: translateX(-4px);
}
.flipcards{
    position: relative;
    transform-style: preserve-3d;
    perspective: 1000;
    cursor: pointer;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
}
.flipcards:hover{
    -webkit-transform: scale(1.04);
    transform: scale(1.04,1.04);
    -ms-transform: scale(1.04,1.04); 
    -webkit-transform: scale(1.04,1.04);
}

.flipcardInner{
    transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}
.flipcardInner .cards_front,.flipcardInner .cards_back{
    backface-visibility: hidden;
	transition: 0.6s;
	transform-style: preserve-3d;
}
.flipcardInner .cards_back{
    position: absolute;
	top: 0;
	left: 0;
    width: 100%;
}
.flipcardInner .cards_front{
    z-index: 2;
	transform: rotateY(0deg);
}
.flipcardInner .cards_back{
	transform: rotateY(-180deg);
}
.flipcardInner .cards_front img, .flipcardInner .cards_back img{
      width: 100%;
      height: 350px;
      border-radius: 5px;
}
.flipcards.active .cards_back{
    transform: rotateY(0deg);
}
.flipcards.active .cards_front{
    transform: rotateY(180deg);
}
.flipcards .cards_back{
    transform: rotateY(180deg);
}
.flipcards .cards_front{
    transform: rotateY(0deg);
}

/* resource handbook section */
.handBookBgSec{
    background-image: url(../images/resources/handbook_bg.png);
    width: 100%;
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
    background-position: center;
}
.handBookContentSec{
    padding: 20px;
}
.circle{
    width: 75px;
    height: 75px;
    background-color: #FFFFFF;
    border-radius: 50%;
    border: none;
    position: relative;
}
.handBookImg{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.handBookContentSec h5{
    color: #FFFFFF;
    margin-bottom: 0;
}
.handBookContentSec > .handBookImgDiv{
    width: 55%;
    text-align: center;
}

@media (max-width:1112px){
    .handBookBgSec{
        height: auto!important;
    }
   
}

@media(max-width:834px){
    .handBookContentSec > .handBookImgDiv {
        width: 100%;
    }
}


/* home handbook styles */
.hmHandBookBgSec{
    height: 265px;
}