/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Site Css Starts Here */
@font-face {
    font-family: Flama;
    src: url(/fonts/Flama-ThinItalic.eot);
    src: url(/fonts/Flama-ThinItalic.eot?#iefix) format("embedded-opentype"),url(/fonts/Flama-ThinItalic.woff2) format("woff2"),url(/fonts/Flama-ThinItalic.woff) format("woff"),url(/fonts/Flama-ThinItalic.ttf) format("truetype"),url(/fonts/Flama-ThinItalic.svg#Flama-ThinItalic) format("svg");
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: 'Flama Basic';
    src: url(/fonts/Flama-BasicItalic.eot);
    src: url(/fonts/Flama-BasicItalic.eot?#iefix) format("embedded-opentype"),url(/fonts/Flama-BasicItalic.woff2) format("woff2"),url(/fonts/Flama-BasicItalic.woff) format("woff"),url(/fonts/Flama-BasicItalic.ttf) format("truetype"),url(/fonts/Flama-BasicItalic.svg#Flama-BasicItalic) format("svg");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Flama;
    src: url(/fonts/Flama-Bold.eot);
    src: url(/fonts/Flama-Bold.eot?#iefix) format("embedded-opentype"),url(/fonts/Flama-Bold.woff2) format("woff2"),url(/fonts/Flama-Bold.woff) format("woff"),url(/fonts/Flama-Bold.ttf) format("truetype"),url(/fonts/Flama-Bold.svg#Flama-Bold) format("svg");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Flama Thin';
    src: url(/fonts/Flama-Thin.eot);
    src: url(/fonts/Flama-Thin.eot?#iefix) format("embedded-opentype"),url(/fonts/Flama-Thin.woff2) format("woff2"),url(/fonts/Flama-Thin.woff) format("woff"),url(/fonts/Flama-Thin.ttf) format("truetype"),url(/fonts/Flama-Thin.svg#Flama-Thin) format("svg");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Flama Basic';
    src: url(/fonts/Flama-Basic.eot);
    src: url(/fonts/Flama-Basic.eot?#iefix) format("embedded-opentype"),url(/fonts/Flama-Basic.woff2) format("woff2"),url(/fonts/Flama-Basic.woff) format("woff"),url(/fonts/Flama-Basic.ttf) format("truetype"),url(/fonts/Flama-Basic.svg#Flama-Basic) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: FlamaBook;
    src: url(/fonts/FlamaBook.eot);
    src: url(/fonts/FlamaBook.eot?#iefix) format("embedded-opentype"),url(/fonts/FlamaBook.woff2) format("woff2"),url(/fonts/FlamaBook.woff) format("woff"),url(/fonts/FlamaBook.ttf) format("truetype"),url(/fonts/FlamaBook.svg#FlamaBook) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Flama;
    src: url(/fonts/Flama-BoldItalic.eot);
    src: url(/fonts/Flama-BoldItalic.eot?#iefix) format("embedded-opentype"),url(/fonts/Flama-BoldItalic.woff2) format("woff2"),url(/fonts/Flama-BoldItalic.woff) format("woff"),url(/fonts/Flama-BoldItalic.ttf) format("truetype"),url(/fonts/Flama-BoldItalic.svg#Flama-BoldItalic) format("svg");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

body {
    font-family: 'Flama Basic', Calibri, Arial, sans-serif;
    font-size: 14px;
    line-height: 1;
    color: #898989;
    background: #f6faff;
}

img {
    width: 100%;
    height: auto;
}

.container, .container-fluid {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    padding: 0 16px;
    box-sizing: border-box;
}

.navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    display: block;
}

.referSWarp {
    display: flex;
    background: #29235c;
}

.wrapper {
    background: #f6faff;
}

.white-bg {
    background: #fefefe;
}

.refer_description {
    width: 44%;
    padding: 32px 12px 32px 42px;
    box-sizing: border-box;
    margin-right: auto;
}

    .refer_description h2 {
        font-size: 40px;
        color: #fff;
        line-height: 1.15;
        font-weight: 600;
        margin-bottom: 24px;
    }

    .refer_description p {
        font-size: 16px;
        color: #fff;
        line-height: 1.3;
        margin-bottom: 24px;
    }

    .refer_description a {
        display: block;
        width: 136px;
        line-height: 38px;
        color: #fff;
        text-align: center;
        background: #d91b5d;
        text-decoration: none;
        border-radius: 4px;
        font-size: 16px;
    }

        .refer_description a:hover {
            opacity: 0.8;
        }

.referImg {
    width: 40%;
    position: relative;
    margin-left: auto;
}

    .referImg img {
        position: absolute;
        bottom: 0;
        height: calc(100% + 80px);
        width: auto;
        right: 0;
    }

.quizSection {
    background: #c92469 url(/images/qusAndBg.jpg) no-repeat right bottom;
    position: relative;
    padding: 32px 0;
    background-size: auto 100%;
}

    .quizSection::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: red;
        opacity: 0.5;
    }

    .quizSection h2 {
        font-size: 40px;
        color: #fff;
        line-height: 1.15;
        font-weight: 600;
        margin-bottom: 18px;
    }

    .quizSection span {
        display: inline-block;
        color: #97288d;
        background: #fff;
        border-radius: 0px 22px 22px 0px;
        padding: 8px 34px 8px 22px;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 36px;
    }

    .quizSection h3 {
        font-size: 28px;
        color: #fff;
        line-height: 1.15;
        font-weight: 600;
        margin-bottom: 18px;
    }

.optionForCourses {
    display: flex;
    max-width: 400px;
    flex-wrap: wrap;
}

    .optionForCourses a {
        font-size: 16px;
        border: 1px solid #df6e9c;
        line-height: 34px;
        width: 44%;
        text-align: center;
        display: block;
        color: #fff;
        text-decoration: none;
        margin-bottom: 24px;
        border-radius: 50px;
    }

        .optionForCourses a:hover, .optionForCourses .activeOption {
            color: #d91b5d;
            background-color: #fff;
            border: 1px solid #fff;
        }

        .optionForCourses a:nth-child(2n+1) {
            margin-right: auto;
        }

        .optionForCourses a:nth-child(2n+2) {
            margin-left: auto;
        }

.referSection {
    padding-top: 102px;
    padding-bottom: 32px;
}

.submitBtnForQuiz {
    width: 120px;
    color: #fff;
    border-radius: 4px;
    border: 1px solid #fff;
    display: block;
    margin: 0 auto;
    text-align: center;
    line-height: 36px;
    text-decoration: none;
    margin-top: 28px;
}

    .submitBtnForQuiz:hover {
        color: #d91b5d;
        background-color: #fff;
        border: 1px solid #fff;
    }

.quizSectionWrap {
    width: 400px;
}

.freeTrainingSection {
    background-color: #f6faff;
    padding: 32px 0;
}

.sectonTitle {
    font-size: 40px;
    line-height: 1;
    color: #2a3b8f;
    margin-bottom: 16px;
    text-align: center;
    font-weight: 700;
    text-transform: capitalize;
}

.sectionSubTitle {
    font-size: 20px;
    line-height: 1;
    color: #898989;
    margin-bottom: 24px;
    text-align: center;
    position: relative;
    padding-bottom: 14px;
}

    .sectionSubTitle::before {
        content: "";
        position: absolute;
        left: calc(50% - 44px);
        bottom: 0;
        height: 3px;
        width: 88px;
        background: rgba(42,61,144,1);
        background: -moz-linear-gradient(left, rgba(42,61,144,1) 0%, rgba(41,109,182,1) 33%, rgba(133,51,148,1) 62%, rgba(215,27,93,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(42,61,144,1)), color-stop(33%, rgba(41,109,182,1)), color-stop(62%, rgba(133,51,148,1)), color-stop(100%, rgba(215,27,93,1)));
        background: -webkit-linear-gradient(left, rgba(42,61,144,1) 0%, rgba(41,109,182,1) 33%, rgba(133,51,148,1) 62%, rgba(215,27,93,1) 100%);
        background: -o-linear-gradient(left, rgba(42,61,144,1) 0%, rgba(41,109,182,1) 33%, rgba(133,51,148,1) 62%, rgba(215,27,93,1) 100%);
        background: -ms-linear-gradient(left, rgba(42,61,144,1) 0%, rgba(41,109,182,1) 33%, rgba(133,51,148,1) 62%, rgba(215,27,93,1) 100%);
        background: linear-gradient(to right, rgba(42,61,144,1) 0%, rgba(41,109,182,1) 33%, rgba(133,51,148,1) 62%, rgba(215,27,93,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3d90', endColorstr='#d71b5d', GradientType=1 );
    }

.fCSection {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 56px;
    flex-wrap: wrap;
}

.fCItem, .fcbackitem {
    width: 248px;
    background: #fff;
    box-shadow: 0px 0px 10px -2px rgb(0 0 0 / 20%);
    height: 248px;
    /* align-items: center;
    justify-content: center;
    display: flex; */
    margin: 0 12px 0 12px;
    border-radius: 13px;
    text-align: center;
    backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    padding-top: 69px;
    box-sizing: border-box;
}

.fcbackitem {
    position: absolute;
    top: 0;
    left: 0;
    transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    padding-top: 88px;
    box-sizing: border-box;
}

.fcitemlist {
    position: relative;
    transition: transform 0.6s;
    -o-transition: transform 0.6s;
    -moz-transition: transform 0.6s;
    -webkit-transition: transform 0.6s;
    transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
}

.fcitemcontainer:hover .fcitemlist {
    transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}

.fCItem img {
    width: 48px;
    height: auto;
    margin-bottom: 12px;
}

.fCItem h5, .fcbackitem h5 {
    font-size: 24px;
    line-height: 1;
    color: #2a3b8f;
    margin-bottom: 10px;
    text-align: center;
    font-weight: 700;
}

.fCItem h6 {
    font-size: 18px;
    line-height: 1;
    color: #898989;
    margin-bottom: 24px;
    text-align: center;
}

.fCItem a, .fcbackitem a {
    display: block;
    width: 116px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    background: #d91b5d;
    text-decoration: none;
    border-radius: 4px;
    font-size: 16px;
    margin: 12px auto 0;
}

/* .fCItem a:hover {
        background: #fff;
        color: #d91b5d;
        font-weight: 600;
        border: 1px solid #d91b5d;
    } */

/* css start here by a2 */
.headerRight {
    display: flex;
    align-items: baseline;
    width: 100%;
    /*padding-left: 30px;*/
    justify-content: space-between;
    padding-left: 20px;
}

    .headerRight li {
        display: inline-block;
        list-style: none;
        /* color: red; */
        margin: 0 5px;
    }

        .headerRight li a {
            text-decoration: none;
            color: #898989;
            font-size: 16px;
        }

a.login {
    /* height: 80px; */
    display: inline-block;
    text-align: center;
    /* line-height: 80px; */
    padding: 0;
    border: 0;
    border-radius: 53px;
    font-size: 15px;
    text-decoration: none;
    color: #898989;
    margin: 0 15px 0 0;
}

a.freeReg {
    display: inline-block;
    text-align: center;
    /* line-height: 80px; */
    padding: 8px 20px;
    border: 1px solid #1d76bb;
    border-radius: 53px;
    font-size: 16px;
    text-decoration: none;
    background: #1c75bc;
    color: #ffff;
    font-weight: 600;
    margin-left: 0;
}

.bannerPnnel {
    display: flex;
}

.bannerleftPannel {
    flex: 0 0 60%;
    width: 60%;
    padding-right: 50px;
}

.sectionTitle h1 {
    font-size: 50px;
    color: #2a3b8f;
    font-weight: bold;
    padding-bottom: 30px;
}

    .sectionTitle h1 span {
        color: #d91b5d;
    }

.Banner .sectionTitle p {
    font-size: 20px;
    line-height: 1.4;
    padding: 0;
    text-align: left;
}

.Banner .sectionTitle {
    text-align: left;
}

.searchbar {
    padding-top: 30px;
    position: relative;
}

    .searchbar input[type="text"] {
        width: 70%;
        height: 50px;
        border-radius: 34px;
        padding: 0 155px 0 20px;
        box-sizing: border-box;
        font-size: 18px;
        border: 1px solid #b6b8b8;
    }

    .searchbar a {
        position: absolute;
        padding: 14px 30px 14px 30px;
        background: #1c75bc;
        height: 50px;
        box-sizing: border-box;
        border-radius: 30px;
        font-size: 18px;
        color: #fff;
        top: 31px;
        right: 30%;
        text-decoration: none;
    }

section.Banner {
    background: #f6faff;
    padding-top: 80px;
    padding-bottom: 80px;
}

header#header {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    transition: all .3s;
    position: relative;
    z-index: 9999;
}

.sectionPdding {
    padding: 30px 0;
}

.sectionTitle {
    text-align: center;
}

    .sectionTitle h2 {
        text-align: center;
        font-size: 40px;
        color: #2a3b8f;
        font-weight: bold;
    }

    .sectionTitle p {
        font-size: 20px;
        line-height: 1.4;
        text-align: center;
        padding: 20px 240px 0;
        font-weight: 200;
    }

    .sectionTitle img {
        width: auto;
        padding-top: 21px;
    }

.owl-carousel .owl-stage {
    display: flex;
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    align-items: center;
}

.vendorlist {
    display: flex;
    padding: 20px;
    justify-content: center;
}

    .vendorlist img {
        width: 120px !important;
    }


.vendorlistslider.owl-carousel .owl-nav button.owl-prev, .vendorlistslider.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    left: -50px;
    padding: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 40px;
    padding: 7px 16px !important;
    border-radius: 50%;
    background: #fff !important;
    border: 1px solid #d1d1d1;
    color: #d1d1d1 !important;
}

.vendorlistslider.owl-carousel .owl-nav button.owl-next {
    left: auto;
    color: #d1d1d1 !important;
    right: -50px;
}

.vendorlistslider button.owl-prev span, .vendorlistslider button.owl-next span {
    font-size: 33px;
    /* padding: 30px; */
    border-radius: 50%;
    /* position: absolute; */
    /* top: -18px; */
    margin-top: -4px;
    display: block;
}

.vendorlistslider.owl-carousel.owl-loaded.owl-drag {
    padding: 30px 0 0;
}

a.seeAllButton {
    text-decoration: none;
    color: #9fa0a0;
    border: 1px solid #9fa0a0;
    display: inline-block;
    padding: 10px 30px;
    border-radius: 22px;
}

.seeall {
    text-align: center;
}

.jobmarketListing {
    display: flex;
    padding: 30px 0;
    flex-wrap: wrap;
}

    .jobmarketListing a {
        text-decoration: none;
    }

.marketCard {
    /*  max-width: 33.33%;
    padding: 0 15px;
    box-sizing: border-box;*/
    max-width: calc(33.33% - 16px);
    margin: 8px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    border-radius: 15px;
    background-color: #fff;
    position: relative;
    box-shadow: 0px 0px 10px -4px #ccc;
}

    .marketCard img {
        width: 100%;
        padding: 0;
        margin: auto;
    }



section.Professional_certificiate.sectionPdding {
    background: #f6faff;
}

.Mcard {
    padding: 5px;
    background: #fff;
    border-radius: 15px;
    text-align: center;
}

    .Mcard img {
        border-radius: 15px 15px 0 0;
    }

.msCourse .Mcard img {
    width: 50%;
    margin-top: 20px;
}

.awsCourse .Mcard img {
    width: 50%;
    margin-top: 20px;
    border-radius: 15px;
}

.courselistingProgram {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0;
}

.userinput {
    width: 33.33%;
    box-sizing: border-box;
    padding: 10px 15px;
    position: relative;
}

    .userinput input[type="text"] {
        width: 100%;
        height: 50px;
        border-radius: 30px;
        padding: 0 20px;
        box-sizing: border-box;
        border: 1px solid #b6b8b8;
    }

    .userinput select {
        width: 100%;
        height: 50px;
        border-radius: 30px;
        padding: 0 20px;
        color: #b6b8b8;
        box-sizing: border-box;
        border: 1px solid #b6b8b8;
    }

.userfilter {
    display: flex;
    justify-content: space-between;
}

    .userfilter a {
        font-size: 16px;
        text-decoration: none;
        height: 50px;
        border: 1px solid #b6b8b8;
        display: inline-block;
        line-height: 50px;
        padding: 0 30px;
        color: #b6b8b8;
        ;
        border-radius: 30px;
    }

.digitalFeatured {
    display: flex;
    margin-left: -50px;
    margin-right: -50px;
    padding: 30px 0;
}

.featuredList {
    padding: 0 50px;
}

    .featuredList h3 {
        font-size: 24px;
        color: #2a3b8f;
        font-weight: bold;
        padding: 10px 0;
    }

    .featuredList p {
        font-size: 16px;
        line-height: 1.4;
    }

    .featuredList img {
        /* min-height: 200px; */
        /* max-height: 200px; */
        /* width: 200px; */
        width: 75px;
        filter: grayscale(1);
    }

/* a3 */

.testimonial {
    display: flex;
    flex-wrap: nowrap;
}

.test-left {
    width: 40%;
    margin-left: -10%;
}

    .test-left img {
        width: 100%;
        float: left;
    }

.test-right {
    background: #f6faff;
    width: 60%;
    margin-left: auto;
    padding: 45px;
}

.test-icon img {
    width: 50px;
    float: left;
}

.blue-heading {
    font-size: 38px;
    color: #2a3b8f;
    margin-bottom: 20px;
    font-weight: bold;
}

.gray-heading {
    color: #898989;
    font-size: 22px;
    margin-bottom: 30px;
}

.test-right p {
    color: #000;
    font-size: 20px;
    font-weight: bold;
}

.testi-user {
    margin-top: 30px;
    display: flex;
    align-items: center;
}

.test-icon {
    margin-right: 10px;
}

.testi-name {
    font-size: 14px;
    color: #000;
    font-weight: bold;
    margin-bottom: 7px;
}

.testi-position {
    font-size: 14px;
    color: #898989;
}

.footerbottom-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-bottom {
    background: #fff;
    padding: 15px 0;
}

.footerbottom-left img {
    width: 60px;
}

.footer-top {
    background: #434242;
}

.pink-btn {
    color: #fff;
    font-weight: bold;
    padding: 10px 25px;
    background: #d91b5d;
    text-decoration: none;
    border-radius: 25px;
    display: inline-block;
}

.footer-header {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 2px solid #545454;
    margin-bottom: 15px;
}

.footer-header-left {
    color: #fff;
    font-size: 24px;
}

.footercontent-sec {
    display: flex;
    flex-wrap: nowrap;
    padding: 15px 0 45px 0;
}

.footer-contact-sec {
    width: 30%;
    padding: 0 30px 0 0;
}

.footer-link-sec, .footer-course-sec {
    width: 20%;
    padding: 0 60px;
}

.footer-feature-sec {
    width: 30%;
    padding: 0 30px;
}

.footer-heading {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 15px;
}

.footer-link li a {
    color: #9b9b9b;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    padding: 5px 0;
    margin: 5px 0;
}

    .footer-link li a:hover {
        color: #fff;
    }

.feat-list li {
    margin-top: 10px;
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
}

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

    .feat-list li a {
        color: #fff;
        text-decoration: none;
    }

        .feat-list li a span {
            display: block;
            color: #9b9b9b;
            margin-bottom: 7px;
        }

        .feat-list li a label {
            font-size: 16px;
        }

    .feat-list li img {
        width: 60px;
        float: left;
        margin-right: 15px;
    }

.contact-listing li {
    color: #9b9b9b;
    border-bottom: 1px solid #545454;
    padding: 8px 0 15px 40px;
    margin-bottom: 5px;
    display: inline-block;
    position: relative;
    line-height: 1.2;
    font-size: 16px;
    width: 100%;
}

    .contact-listing li a {
        color: #9b9b9b;
        font-size: 16px;
        text-decoration: none;
    }

.phone:before {
    content: "";
    background: url(/images/phone.png) no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    background-size: contain;
    top: 15px;
    left: 0;
}

.email:before {
    content: "";
    background: url(/images/mail.png) no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    background-size: contain;
    top: 15px;
    left: 0;
}

.colordot {
    display: flex;
    justify-content: center;
}

    .colordot li {
        width: 20px;
        height: 20px;
        margin: 15px;
        border-radius: 50%;
    }

        .colordot li:nth-child(1) {
            background: #97288d;
        }

        .colordot li:nth-child(2) {
            background: #1d76bb;
        }

        .colordot li:nth-child(3) {
            background: #d91b5d;
        }

        .colordot li:nth-child(4) {
            background: #2a3b8f;
        }


.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    align-items: center;
    justify-content: space-between;
}

.courses-bg {
    background: #f6faff;
    padding: 30px 0;
}

.courses-bg-box {
    background: #fff;
    padding: 55px 0;
    border-radius: 6px;
    text-align: center;
    box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 20%);
    width: 22%;
    margin-top: 32px;
    min-height: 132px;
}

.courses-bg-title h6 {
    font-size: 19px;
    font-weight: 600;
    color: #2a3b8f;
    padding-top: 10px;
}

.courses-bg-box img {
    width: 65px;
}

.courses-bg-box p {
    padding-top: 7px;
}

a.btn.knowmore {
    padding: 8px 16px;
    color: #000;
    transition: all 0.4s;
    border-radius: 5px;
    background: #d91b5d;
    text-decoration: none;
    color: #fff;
    width: 30%;
    display: none;
    margin: 13px auto 0 auto;
}

.courses-bg-box:hover p {
    display: none;
}

.courses-bg-box:hover a.btn.knowmore {
    display: block;
}

.top-headings {
    text-align: center;
}

    .top-headings h2 {
        font-size: 35px;
        color: #2a3b8f;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .top-headings p {
        font-size: 17px;
    }

.underline {
    background-image: linear-gradient(to right top, #284697, #374699, #44469b, #50469c, #5b469d, #6d449c, #7d419a, #8c3d97, #a3348e, #b62a81, #c72072, #d31c61);
    height: 3px;
    width: 60px;
    border-radius: 3px;
    margin: 14px auto;
}

.skill-bg {
    /* background: ; */
    padding: 40px 0;
}

.img-div {
    width: 15%;
}

.vidz-div {
    width: 70%;
    text-align: center;
}

.img-div ul li img {
    width: 90px;
}

.img-div ul li {
    margin-bottom: 50px;
}

    .img-div ul li:nth-child(1), .img-div ul li:nth-child(3) {
        padding-left: 55px;
    }

.img-div2 ul li:nth-child(2) {
    padding-left: 55px;
}

.img-div2 ul li:nth-child(1), .img-div2 ul li:nth-child(3) {
    padding-right: 0;
    padding-left: 0;
}

.img-div2 ul li:nth-child(2) {
    padding-left: 55px;
}

.vidz-div img {
    width: 550px;
}

.howthisworkLeft {
    padding-right: 50px;
}

    .howthisworkLeft .sectionTitle p {
        padding: 0;
        text-align: left;
    }

    .howthisworkLeft .sectionTitle {
        text-align: left;
    }

        .howthisworkLeft .sectionTitle h2 {
            text-align: left;
            padding-bottom: 20px;
        }

.workdividon {
    display: flex;
}

.accordianlist {
    /* padding: 20px; */
    border: 1px solid #cbcbcb;
    margin-bottom: 20px;
    border-radius: 9px;
}

    .accordianlist h3 {
        padding: 14px;
        cursor: pointer;
        font-size: 20px;
        color: #2a3b8f;
        padding-left: 40px;
        position: relative;
    }

.listDetails {
    padding: 15px;
    border-top: 1px solid #cbcbcb;
}

.accordianlist h3 span.arrow {
    font-size: 25px;
    padding-right: 0;
    position: absolute;
    vertical-align: middle;
    left: 15px;
    top: 12px;
}

.listDetails p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}

.listDetails {
    display: none;
}

.workAccordian {
    padding: 30px 0 0;
}

.accordianlist.accodianarrow span.arrow {
    transform: rotate(-90deg);
    display: inline-block;
    transition: all .3s;
    vertical-align: bottom;
}

.Searchbar input[type="text"] {
    padding: 8px 34px;
    border-radius: 23px;
    text-align: left;
    /* min-width: 316px; */
    border: 1px solid #898989;
    width: 100%;
    font-size: 14px;
    box-sizing: border-box;
}

.container-fluid {
    padding: 0 30px;
}

.loginBtn svg.svg-inline--fa.fa-user {
    padding-right: 10px;
}

.Searchbar svg.svg-inline--fa.fa-magnifying-glass {
    position: absolute;
    left: 13px;
    top: 10px;
}

.Searchbar {
    position: relative;
    width: 27%;
}

.loginBtn {
    border-left: 1px solid #e3e5e7;
    padding-left: 15px;
    margin-left: 0px;
}

.profileCrddetails .rating img {
    width: 13px;
    margin-right: auto;
}

.profileTitle {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.profileCrddetails h3 {
    font-size: 20px;
    color: #2a3b8f;
    font-weight: 600;
}

.rating {
    margin: 15px 0 10px;
}

.profileCrddetails img {
    width: 32px;
    margin-right: 20px;
}

.marketCardDetail {
    padding: 15px 30px;
    text-align: left;
    background: #fefefe;
    display: flex;
    flex-direction: column;
}

.Amount p {
    padding: 0;
    display: flex;
    justify-content: space-between;
    font-size: 20px;
    color: #2a3b8f;
    font-weight: bold;
}

    .Amount p span {
        font-size: 14px;
        border-radius: 5px;
        padding: 4px 10px;
        background: #d91b5d;
        color: #fff;
    }

.courseAboutDesc {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    margin-top: 20px;
    border-top: 1px solid #eeeeee;
}

.marketCardDetail .Tags {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    margin-top: 20px;
}

.CourseDescList {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

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

select {
    text-indent: 1px;
    text-overflow: '';
}

.profileCrddetails .CourseDescList span {
    font-size: 12px;
}

.courselistingProgram svg.svg-inline--fa.fa-angle-down {
    position: absolute;
    right: 43px;
    top: 27px;
}

.testimonial .owl-carousel button.owl-dot, .ourtestimonials .owl-carousel button.owl-dot {
    border: none;
    padding: 0 !important;
    font: inherit;
    width: 10px !important;
    height: 10px !important;
    margin: 0 5px;
    border-radius: 50%;
}

.testimonial .owl-dots, .ourtestimonials .owl-dots {
    padding-top: 9px;
    text-align: center;
}

.testimonial button.owl-dot.active, .ourtestimonials button.owl-dot.active {
    background: #d91b5d;
}

.testimonial .owl-carousel .owl-nav button.owl-next, .testimonial .owl-carousel .owl-nav button.owl-prev, .ourtestimonials .owl-carousel .owl-nav button.owl-next, .ourtestimonials .owl-carousel .owl-nav button.owl-prev {
    display: none;
}

.playVideoHere {
    display: flex;
    align-items: center;
}

    .playVideoHere img {
        width: 80px;
    }

    .playVideoHere span {
        font-size: 20px;
        padding-left: 18px;
        font-weight: 600;
        color: #2a3b8f;
    }

.divideIcon {
    border: 2px solid #c3c3c3;
    display: flex;
    align-items: center;
    border-radius: 10px;
    margin-right: 40px;
}

    .divideIcon span {
        display: inline-block;
        padding: 10px 10px 6px;
        border-right: 2px solid #c3c3c3;
    }

        .divideIcon span:nth-child(2) {
            border-right: 0;
        }

        .divideIcon span img {
            width: 30px;
            height: 28px;
        }

.pannelheader {
    display: flex;
    justify-content: space-between;
}

    .pannelheader .userinput select {
        border: 2px solid #b6b8b8;
        border-radius: 8px;
        background: #eef1f5;
        border: 0;
        color: #434242;
        font-weight: 600;
        font-size: 16px;
    }

    .pannelheader svg.svg-inline--fa.fa-angle-down {
        position: absolute;
        right: 30px;
        top: 25px;
    }

    .pannelheader p {
        font-size: 20px;
        color: #434242;
        font-weight: 600;
    }

.buffleShort {
    display: flex;
    align-items: center;
}

.leftpannel {
    width: calc(75% - 30px );
    margin-right: 30px;
}

.pannelheader .userinput {
    padding: 0;
}

.rightpannel {
    box-sizing: border-box;
    width: 25%;
    padding: 30px 10px;
    border-radius: 10px;
    background: #fefefe;
}

.pannelDivide {
    display: flex;
    justify-content: space-between;
    padding-top: 40px;
    flex-wrap: wrap;
}

.jobmarketListing {
    display: flex;
    padding: 30px 0;
    flex-wrap: wrap;
    margin: 0 -10px;
    justify-content: flex-start;
}

.leftpannel .marketCard {
    width: calc(50% - 20px);
    margin-bottom: 30px;
    margin: 0px 10px 20px;
    max-width: 50%;
    box-sizing: border-box;
}

.sidesearch label {
    position: relative;
}

.sidesearch input[type="text"] {
    box-sizing: border-box;
    background: #eef1f5;
    width: 100%;
    height: 40px;
    padding: 10px;
    outline: none;
    border: 0;
    border-radius: 5px;
}

.sidesearch svg.svg-inline--fa.fa-magnifying-glass {
    position: absolute;
    right: 15px;
    top: 0px;
}

.rightpannel h3 {
    font-size: 22px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
}

.rightsidebar.skill-level label {
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    font-size: 18px;
}

    .rightsidebar.skill-level label input[type="checkbox"] {
        width: 18px;
        height: 20px;
        margin-right: 10px;
    }

.rightsidebar {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eeefef;
    padding: 0 20px 30px;
}

    .rightsidebar.Prices label {
        DISPLAY: flex;
        align-items: center;
        font-size: 18px;
        margin-bottom: 10px;
    }

.sidecard {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.pageBannerSection {
    background: url(/images/dashboardbanner.jpg) no-repeat center top;
    text-align: center;
    padding: 48px 0;
}

    .pageBannerSection h1 {
        font-size: 42px;
        color: #fff;
        line-height: 1;
        margin-bottom: 12px;
        font-family: 'Maven Pro', sans-serif;
        font-weight: 500;
    }

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

.pageBannerSection.integralpagebnr {
    padding: 0;
}

.innerbanner {
    position: relative;
}

.pageBannerSection a, .pageBannerSection span {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}

.scardimg {
    margin-right: 10px;
    width: 100%;
}

    .scardimg img {
        width: 100px;
        height: 100%;
        border-radius: 5px;
    }

.scardDetails p {
    font-size: 18px;
}

.scardDetails h4 {
    font-size: 18px;
    font-weight: 600;
    margin: 10px 0 0;
}

.rightsidebar.Prices label input[type="radio"] {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

header.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    transition: all .3s;
    background: #fff;
    padding: 10px 0 !important;
    box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%);
}

.searchbutton, .Searchbar svg.svg-inline--fa.fa-xmark {
    display: none;
}

.rightsidebar.ratingupdate.Prices {
    border: 0;
    padding: 0 20px 0;
    FONT-WEIGHT: 200;
    margin-bottom: 0;
}

.filters img {
    width: 24px;
    margin-right: 10px;
}

.rightsidebar .rating img {
    width: 12px;
}

.AllFilters {
    background: #fefefe;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
    align-items: center;
}

    .AllFilters .userinput select {
        border-radius: 8px;
        background: #f2f5fa;
        border: 0;
        font-size: 14px;
        outline: none;
        color: #666;
        font-weight: 600;
    }

    .AllFilters .userinput {
        align-items: center;
        width: 20%;
        display: flex;
    }

    .AllFilters svg.svg-inline--fa.fa-angle-down {
        position: absolute;
        right: 27px;
        top: 27px;
    }

.leftpannel .cardlayoutChange .marketCard .Mcard img {
    border-radius: 0;
}

.jobmarketListing.cardlayoutChange {
    margin: 0;
}

.leftpannel .cardlayoutChange .marketCard {
    width: 100%;
    max-width: 100%;
    display: flex;
    padding: 0;
    flex-direction: initial;
    box-shadow: 5px 5px 20px rgb(0 0 0 / 10%);
}

    .leftpannel .cardlayoutChange .marketCard .Mcard {
        padding: 0;
        border-radius: 0;
        box-sizing: border-box;
        width: 50%;
    }

.leftpannel .cardlayoutChange .marketCardDetail {
    width: 50%;
}

.gerEnrolled svg.svg-inline--fa.fa-cart-shopping {
    margin-right: 5px;
}

.gerEnrolled {
    text-align: center;
    padding: 12px;
    background: #1d76bb;
    color: #fff;
    display: none;
    border-radius: 0 0 15px 15px;
    position: absolute;
    transition: all .3s;
    bottom: 0;
    left: 0;
    right: 0;
}

.marketCard:hover .gerEnrolled {
    display: block;
    transition: all .3s;
}

.leftpannel .cardlayoutChange .marketCard .Mcard img {
    border-radius: 0;
    height: 250px;
    width: 100%;
}

.pageBannerSection {
    background: url(/images/dashboardbanner.jpg) no-repeat center top;
    text-align: center;
    padding: 48px 0;
}

    .pageBannerSection h1 {
        font-size: 42px;
        color: #fff;
        line-height: 1;
        margin-bottom: 12px;
        font-family: 'Maven Pro', sans-serif;
        font-weight: 500;
    }

    .pageBannerSection a, .pageBannerSection span {
        color: #fff;
        font-size: 14px;
        text-decoration: none;
    }

.dSNav {
    border-bottom: 2px solid #d8dad9;
    display: flex;
    justify-content: space-between;
}

    .dSNav a {
        position: relative;
        font-size: 24px;
        line-height: 1;
        color: #5a5859;
        text-decoration: none;
        padding: 12px 4px;
    }

        .dSNav a.dsNavActive::after {
            content: '';
            width: 100%;
            height: 2px;
            position: absolute;
            left: 0;
            bottom: -2px;
            background: rgba(42,61,144,1);
            background: -moz-linear-gradient(left, rgba(42,61,144,1) 0%, rgba(41,109,182,1) 33%, rgba(133,51,148,1) 62%, rgba(215,27,93,1) 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, rgba(42,61,144,1)), color-stop(33%, rgba(41,109,182,1)), color-stop(62%, rgba(133,51,148,1)), color-stop(100%, rgba(215,27,93,1)));
            background: -webkit-linear-gradient(left, rgba(42,61,144,1) 0%, rgba(41,109,182,1) 33%, rgba(133,51,148,1) 62%, rgba(215,27,93,1) 100%);
            background: -o-linear-gradient(left, rgba(42,61,144,1) 0%, rgba(41,109,182,1) 33%, rgba(133,51,148,1) 62%, rgba(215,27,93,1) 100%);
            background: -ms-linear-gradient(left, rgba(42,61,144,1) 0%, rgba(41,109,182,1) 33%, rgba(133,51,148,1) 62%, rgba(215,27,93,1) 100%);
            background: linear-gradient(to right, rgba(42,61,144,1) 0%, rgba(41,109,182,1) 33%, rgba(133,51,148,1) 62%, rgba(215,27,93,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3d90', endColorstr='#d71b5d', GradientType=1 );
        }

.dashboardSection {
    padding-top: 48px;
}

.dsDecriptionContainer {
    padding-top: 24px;
}

.dsDecription {
    display: none;
}

    .dsDecription:first-child {
        display: block;
    }

    .dsDecription img {
        width: 22%;
        border-radius: 12px;
    }

.dsCourseDetails {
    width: 68%;
    padding: 24px;
    box-sizing: border-box;
    position: relative;
}

    .dsCourseDetails:after {
        content: "";
        position: absolute;
        right: 0;
        top: 10%;
        height: 80%;
        width: 1px;
        background: #e8e8ea;
    }

.dsActionSec {
    width: 20%;
}

.dsCourseDetails h6 {
    font-size: 14px;
    margin-bottom: 12px;
}

.dsCourseDetails h3 {
    font-size: 24px;
    color: #29215a;
    font-family: 'Maven Pro', sans-serif;
    font-weight: 500;
    margin-bottom: 12px;
}

.progressBar {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.progressbarbaseline {
    display: block;
    width: auto;
    background: #dadada;
    height: 6px;
    margin-right: 6px;
    flex: 1;
    border-radius: 17px;
    position: relative;
}

.progressBarOuter {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    border-radius: 17px;
    background: rgba(42,61,144,1);
    background: -moz-linear-gradient(left, rgba(42,61,144,1) 0%, rgba(41,109,182,1) 33%, rgba(133,51,148,1) 62%, rgba(215,27,93,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(42,61,144,1)), color-stop(33%, rgba(41,109,182,1)), color-stop(62%, rgba(133,51,148,1)), color-stop(100%, rgba(215,27,93,1)));
    background: -webkit-linear-gradient(left, rgba(42,61,144,1) 0%, rgba(41,109,182,1) 33%, rgba(133,51,148,1) 62%, rgba(215,27,93,1) 100%);
    background: -o-linear-gradient(left, rgba(42,61,144,1) 0%, rgba(41,109,182,1) 33%, rgba(133,51,148,1) 62%, rgba(215,27,93,1) 100%);
    background: -ms-linear-gradient(left, rgba(42,61,144,1) 0%, rgba(41,109,182,1) 33%, rgba(133,51,148,1) 62%, rgba(215,27,93,1) 100%);
    background: linear-gradient(to right, rgba(42,61,144,1) 0%, rgba(41,109,182,1) 33%, rgba(133,51,148,1) 62%, rgba(215,27,93,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3d90', endColorstr='#d71b5d', GradientType=1 );
}

.dsADots {
    position: absolute;
    right: 6px;
    background: url(/images/dots.png) no-repeat;
    width: 24px;
    height: 24px;
    opacity: 0.4;
    background-size: 100% auto;
    top: 12px;
    cursor: pointer;
}

.dsActionSec {
    position: relative;
    text-align: center;
    padding-top: 56px;
    box-sizing: border-box;
}

.dsStartCourseBtn, .dsCompletedCourseBtn {
    text-align: center;
    border: 1px solid #326ffb;
    border-radius: 53px;
    font-size: 16px;
    text-decoration: none;
    background: #326ffb;
    color: #ffff;
    font-weight: 600;
    letter-spacing: 0.5px;
    display: block;
    width: 136px;
    line-height: 36px;
    margin: 0 auto 12px;
}

.dsResetDeadlineBtn {
    font-size: 14px;
    color: #386cfe;
    font-weight: 700;
    text-decoration: none;
    display: block;
}

.dsCompletedCourseBtn {
    border: 1px solid #2ad447;
    background: #2ad447;
    width: 146px;
}

.dsStartCourseBtn i {
    background: url(/images/arowRight.png) no-repeat center;
    width: 6px;
    height: 9px;
    display: inline-block;
    background-size: 100% auto;
}

.dsActionSecInProgress {
    padding-left: 24px;
    padding-top: 22px;
    text-align: left;
}

    .dsActionSecInProgress h4 {
        font-size: 18px;
        line-height: 1;
        color: #5b5b5b;
        font-family: 'Maven Pro', sans-serif;
        font-weight: 500;
        margin-bottom: 10px
    }

    .dsActionSecInProgress p {
        font-size: 15px;
        color: #29215a;
        font-family: 'Maven Pro', sans-serif;
        font-weight: 500;
        margin-bottom: 4px;
    }

        .dsActionSecInProgress p i {
            background: url(/images/play-button.png) no-repeat center;
            width: 22px;
            height: 22px;
            display: inline-block;
            background-size: 100% auto;
            vertical-align: middle;
            position: relative;
            top: -1px;
        }

    .dsActionSecInProgress span {
        padding-left: 29px;
    }

.section404 {
    background: #fff;
    text-align: center;
    padding: 48px 0;
}

    .section404 img {
        width: 600px;
        height: auto;
    }

    .section404 h1 {
        font-size: 62px;
        color: #29215a;
        font-family: 'Maven Pro', sans-serif;
        font-weight: 700;
        margin-bottom: 24px;
    }

    .section404 h3 {
        font-size: 18px;
        margin-bottom: 24px;
    }

    .section404 a {
        text-align: center;
        border: 1px solid #326ffb;
        border-radius: 53px;
        font-size: 16px;
        text-decoration: none;
        background: #326ffb;
        color: #ffff;
        font-weight: 600;
        letter-spacing: 0.5px;
        display: block;
        width: 136px;
        line-height: 36px;
        margin: 0 auto 12px;
    }

    .section404 i {
        background: url(/images/arowRight.png) no-repeat center;
        width: 6px;
        height: 9px;
        display: inline-block;
        background-size: 100% auto;
    }

.loginSignupwrap {
    display: flex;
    align-items: center;
    justify-content: center;
    /* min-height: calc(100vh - 139px); */
    padding: 32px 0;
}

.loginSignupSections {
    width: 400px;
    margin: auto;
    padding: 42px 52px;
    background: #fff;
    box-shadow: 0px 0px 24px -4px #ccc;
    border-radius: 24px;
}

    .loginSignupSections .form-group {
        position: relative;
        margin-bottom: 24px;
    }

.form-group label {
    color: #434242;
    font-size: 16px;
    text-transform: capitalize;
    margin-bottom: 8px;
    display: block;
    font-weight: 600;
}

.form-group input[type="text"], .form-group input[type="number"], .form-group input[type="email"], .form-group input[type="url"], .form-group input[type="password"], .form-group input[type="tel"], .form-group textarea, .form-group select, .form-group input[type="datetime-local"], .form-group input[type="date"] {
    width: 100%;
    height: 48px;
    padding: 0 12px;
    box-sizing: border-box;
    color: #434242;
    font-size: 16px;
    font-family: 'Calibri';
    border: none;
    background: #f2f4f9;
    border-radius: 4px;
    outline: none;
    margin-bottom: 4px;
}

.forgotRememberWrqp, .agreetoterms {
    display: flex;
}

.remebermeWrap, .agreetotermWrap {
    flex: 1;
}

.forgotRememberWrqp.form-group label, .agreetoterms.form-group label, .cAAcountWrap label {
    display: inline-block;
    color: #5b5b5b;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
}

.forgotPassBtn {
    color: #5b5b5b;
    font-size: 14px;
    text-decoration: none;
    font-weight: 700;
}

.form-group.forgotRememberWrqp input, .form-group.agreetoterms input, .cAAcountWrap input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.form-group.forgotRememberWrqp label, .form-group.agreetoterms label, .cAAcountWrap label {
    position: relative;
    cursor: pointer;
}

    .form-group.forgotRememberWrqp label:before, .form-group.agreetoterms label:before, .cAAcountWrap label:before {
        content: '';
        -webkit-appearance: none;
        background-color: transparent;
        border: 2px solid #989898;
        padding: 6px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 5px;
        border-radius: 3px;
    }

.form-group.forgotRememberWrqp input:checked + label:after, .form-group.agreetoterms input:checked + label:after, .cAAcountWrap input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 5px;
    width: 4px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate( 45deg );
}

.form-group.forgotRememberWrqp input:checked + label:before, .form-group.agreetoterms input:checked + label:before, .cAAcountWrap input:checked + label:before {
    background-color: #989898;
}

.form-group input[type="submit"], .form-group button {
    font-size: 18px;
    color: #fff;
    background: #3270fc;
    padding: 12px 24px;
    text-align: center;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    /* text-transform: uppercase; */
    width: 100%;
    font-weight: 700;
    /* letter-spacing: 1px; */
    font-family: 'Calibri';
}

.loginSignupSections h2 {
    font-size: 36px;
    color: #000;
    font-weight: 700;
    margin-bottom: 12px;
    text-align: center;
}

.loginSignupSections h4 {
    font-size: 18px;
    text-align: center;
    margin-bottom: 32px;
}

    .loginSignupSections h4 a {
        color: #386cfe;
        text-decoration: none;
    }

.otherLoginOption {
    text-align: center;
}

.loginOptionWrap a {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #b2b3b3;
    border-radius: 50%;
    background: #fff;
    margin: 0 6px;
    text-align: center;
}

    .loginOptionWrap a:hover {
        border: 1px solid #3270fc;
        background: #3270fc;
    }

    .loginOptionWrap a i {
        width: 20px;
        height: 20px;
        display: inline-block;
        /* line-height: 40px; */
        position: relative;
        top: 9px;
    }

.facebookLogin i {
    background: url(/images/facebook.png) no-repeat center center;
    background-size: 100% auto;
}

.loginOptionWrap a.facebookLogin:hover i {
    background: url(/images/facebook_hover.png) no-repeat center center;
    background-size: 100% auto;
}

.googleLogin i {
    background: url(/images/google_icon.png) no-repeat center center;
    background-size: 100% auto;
}

.loginOptionWrap a.googleLogin:hover i {
    background: url(/images/google_hove.png) no-repeat center center;
    background-size: 100% auto;
}

.instaLogin i {
    background: url(/images/instagram.png) no-repeat center center;
    background-size: 100% auto;
}

.loginOptionWrap a.instaLogin:hover i {
    background: url(/images/instagram_hover.png) no-repeat center center;
    background-size: 100% auto;
}

.linkedinLogin i {
    background: url(/images/linkedin.png) no-repeat center center;
    background-size: 100% auto;
}

.loginOptionWrap a.linkedinLogin:hover i {
    background: url(/images/linkedin_hover.png) no-repeat center center;
    background-size: 100% auto;
}

.otherLoginOption h5 {
    font-size: 18px;
    margin-bottom: 24px
}

.agreetotermWrap label a {
    color: #386cfe;
    text-decoration: none;
}

.pSheader {
    display: flex;
    background: #fff;
    padding: 16px 32px;
    border-radius: 12px;
    box-shadow: 0px 0px 24px -4px #ccc;
    margin-top: 48px;
    align-items: center;
    margin-bottom: 28px;
    box-sizing: border-box;
}

.profilenamecourses img {
    width: 84px;
    height: auto;
    margin-right: 18px;
}

.profilenamecourses {
    flex: 1;
    display: flex;
    align-items: center;
}

.profileCourseDesc h4 {
    color: #2b2a29;
    font-size: 24px;
    margin-bottom: 6px;
}

    .profileCourseDesc h4 strong {
        font-weight: 700;
    }

.profileCourseDesc h5 {
    font-size: 18px;
    color: #717172;
}

    .profileCourseDesc h5 a {
        color: #3270fc;
        font-weight: 700;
        text-decoration: none;
    }

.profileCart a {
    color: #3270fc;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    position: relative;
}

    .profileCart a i {
        width: 24px;
        height: 24px;
        background: url(/images/shopping-cart.png) no-repeat;
        display: inline-block;
        background-size: 100% auto;
        vertical-align: middle;
        margin-left: 8px;
    }

    .profileCart a span {
        bottom: -8px;
        position: absolute;
        right: -9px;
        border: 1px solid #3270fc;
        border-radius: 50%;
        height: 18px;
        width: 18px;
        display: block;
        text-align: center;
        background: #3270fc;
        color: #fff;
        font-size: 14px;
        line-height: 18px;
    }

.pSbody {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 48px
}

.pSNavTab {
    width: 300px;
    box-shadow: 0px 0px 24px -4px #ccc;
    background: #fff;
    box-sizing: border-box;
    padding: 22px 16px;
    border-radius: 4px;
}

.pSDescription {
    width: calc(100% - 324px);
}

.psdCHeader {
    box-shadow: 0px 0px 24px -4px #ccc;
    background: #fff;
    box-sizing: border-box;
    padding: 24px 56px;
    border-radius: 4px;
    margin-bottom: 24px;
}

.psdCBody {
    box-shadow: 0px 0px 24px -4px #ccc;
    background: #fff;
    box-sizing: border-box;
    padding: 24px 56px;
    border-radius: 4px;
}

.psdContainer {
    display: none;
}

    .psdContainer:first-child {
        display: block;
    }

.pSNavTab h5 {
    font-size: 16px;
    line-height: 1;
    color: #3270fc;
    font-weight: 700;
    padding: 14px 0;
}

    .pSNavTab h5 i {
        width: 18px;
        height: 18px;
        display: inline-block;
        vertical-align: middle;
        background: url(/images/listMenu_hover.png) no-repeat;
        background-size: 100% auto;
        margin-right: 6px;
    }

.pSNavTab li {
    font-size: 16px;
    line-height: 1;
    color: #5c5c5b;
    font-weight: 700;
    border-top: 1px solid #ececec;
    padding: 14px 0;
}

    .pSNavTab li a {
        color: #5c5c5b;
        text-decoration: none;
    }

        .pSNavTab li a:hover {
            color: #3270fc;
        }

    .pSNavTab li i {
        width: 18px;
        height: 18px;
        display: inline-block;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-size: 100% auto;
        margin-right: 6px;
    }

    .pSNavTab li a.pSNavTabActive {
        color: #3270fc;
    }

    .pSNavTab li a[data-id="myAccountTab"] i {
        background-image: url(/images/user_icon.png);
    }

    .pSNavTab li a[data-id="myAccountTab"]:hover i, .pSNavTab li a[data-id="myAccountTab"].pSNavTabActive i {
        background-image: url(/images/user_icon_hover.png);
    }

    .pSNavTab li a[data-id="ordersTab"] i {
        background-image: url(/images/files.png);
    }

    .pSNavTab li a[data-id="ordersTab"]:hover i, .pSNavTab li a[data-id="ordersTab"].pSNavTabActive i {
        background-image: url(/images/files_hover.png);
    }

    .pSNavTab li a[data-id="changepasswordTab"] i {
        background-image: url(/images/lock.png);
    }

    .pSNavTab li a[data-id="changepasswordTab"]:hover i, .pSNavTab li a[data-id="changepasswordTab"].pSNavTabActive i {
        background-image: url(/images/lock_hover.png);
    }

    .pSNavTab li a[data-id="logoutTab"] i {
        background-image: url(/images/logout.png);
    }

    .pSNavTab li a[data-id="logoutTab"]:hover i, .pSNavTab li a[data-id="logoutTab"].pSNavTabActive i {
        background-image: url(/images/logout_hover.png);
    }

.changePassForm .form-group {
    margin-bottom: 24px;
}

.psdCHeader {
    display: flex;
    justify-content: space-between;
}

    .psdCHeader h4 {
        color: #434242;
        font-size: 20px;
        display: block;
        font-weight: 600;
    }

.form-group.chnagePassBtnWrap input[type="submit"] {
    width: auto;
}

.editProfile {
    text-decoration: none;
    color: #434242;
    font-size: 16px;
    display: block;
    font-weight: 600;
}

.myProfileInfo h6 {
    font-size: 16px;
    color: #5b5b5b;
    margin-bottom: 6px;
}

.myProfileInfo h2 {
    font-size: 20px;
    color: #2b2a29;
    font-weight: 700;
}

.myProfileInfo {
    padding: 28px 0;
    border-top: 1px solid #ececec;
}

    .myProfileInfo:first-child {
        border-top: none;
        padding-top: 4px;
    }

    .myProfileInfo:last-child {
        padding-bottom: 4px;
    }

.removeOrder {
    text-decoration: none;
    color: #434242;
    font-size: 16px;
    display: block;
    font-weight: 600;
}

    .removeOrder i {
        width: 18px;
        height: 18px;
        display: inline-block;
        vertical-align: middle;
        background: url(/images/delete.png) no-repeat;
        background-size: 100% auto;
        margin-right: 2px;
    }

.myOrderListWrapHeader {
    display: flex;
    padding-bottom: 16px;
}

.mOList {
    display: flex;
    border-top: 1px solid #ececec;
    padding: 24px 0;
}

.mOOrderId, .mOOrderPrice, .mOOrderDetails {
    width: 114px;
    box-sizing: border-box;
    padding-right: 24px;
}

.mOOrdername {
    width: calc(100% - 342px);
    box-sizing: border-box;
    padding-right: 24px;
}

.myOrderListWrapHeader span {
    color: #434242;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}

.mOList .mOOrderId {
    color: #3270fc;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}

.mOList .mOOrdername, .mOList .mOOrderPrice {
    font-size: 16px;
    line-height: 1.3;
    color: #5c5c5b;
}

.mOList .mOOrderDetails {
    color: #5c5c5b;
    font-size: 16px;
    font-weight: 700;
}

.dsDecriptionList {
    display: flex;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0px 0px 4px 4px rgb(0 0 0 / 3%);
    margin-bottom: 24px;
}

.skillsindemand {
    display: flex;
    align-items: center;
    justify-content: center;
}

.overflow-hidden {
    overflow: hidden;
}

.courseProgramshorsrch {
    width: 100%;
    display: flex;
}

.courseresultlist {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.accordianlist.down_icon h3 span.arrow {
    transform: rotate(90deg);
    display: inline-block;
    transition: all .3s;
    /* position: relative; */
    /* padding-right: 0; */
    top: 12px;
    left: 13px;
    /* left: -4px; */
    /* padding-top: 12px; */
}

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

.courseresultDesc {
    position: absolute;
    left: 37px;
    bottom: 35px;
    right: 36px;
}

.CloudText h3 {
    font-size: 32px;
    color: #fff;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    font-weight: bold;
}

    .CloudText h3 svg {
        background: #fff;
        font-size: 29px;
        color: #d01d64;
        border: 1px solid #d01d64;
        border-radius: 50%;
    }

.CloudText p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

.courseresultDesc img {
    width: 70px;
}

.featuredimage {
    width: 200px;
    height: 200px;
    display: flex;
    border: 1px solid transparent;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 20px;
    box-shadow: 0 3px 7px #dbdbdb;
}

    .featuredimage:hover {
        border: 1px solid #c51f6b;
    }

.certificateCourse {
    padding: 80px 0;
    width: 40%;
}

    .certificateCourse h3 {
        font-size: 24px;
        color: #fff;
        text-transform: uppercase;
        margin-bottom: 20px;
        letter-spacing: 2px;
    }

    .certificateCourse h2 {
        color: #fff;
        font-size: 44px;
        font-weight: 600;
    }

    .certificateCourse p {
        font-size: 18px;
        padding: 20px 0;
        color: #fff;
        line-height: 1.4;
    }

    .certificateCourse a {
        font-size: 16px;
        text-decoration: none;
        color: #1c75bc;
        background: white;
        display: inline-block;
        padding: 10px 25px;
        border-radius: 22px;
    }

section.artificialintegence {
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.certificateCourse a svg {
    vertical-align: middle;
}

.indcarditem:hover {
    border: 1px solid #1d76bb;
    border-bottom: 10px solid #1d76bb;
}

.indivisualcardlist {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

section.Banner.indivisualbanner {
    background: #fff;
}

.sectionTitle h4 {
    font-size: 25px;
    color: #2a3b8f;
    margin-bottom: 30px;
}

.indcardimg {
    padding-right: 20px;
}

    .indcardimg img {
        width: auto;
    }

.indcarditem {
    border-radius: 5px;
    display: flex;
    align-items: center;
    width: calc(33.33% - 25px);
    justify-content: center;
    padding: 20px 0;
    border: 1px solid #fff;
    box-shadow: 0 0 10px #ebebeb;
    border-bottom: 10px solid #fff;
}

.indcarddesc h3 {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}

.TrendImg {
    width: 125px;
    height: 125px;
    margin: auto;
    margin-bottom: 20px;
}

    .TrendImg img {
        width: 100%;
    }

.tendingItem {
    padding: 30px;
    background: #fff;
    box-sizing: border-box;
    text-align: center;
    border-radius: 13px;
    width: calc(25% - 30px);
    box-shadow: 0 0 10px #ddd;
    border: 1px solid #fff;
    margin-bottom: 40px;
}

    .tendingItem h4 {
        font-size: 20px;
        color: #000;
        font-weight: bold;
        margin: 10px 0;
    }

    .tendingItem p {
        font-size: 18px;
        color: #000;
    }

.trendingCategory {
    display: flex;
    justify-content: space-between;
    margin: 30px 0 0;
    flex-wrap: wrap;
}

.tendingItem:hover {
    border: 1px solid #1c75bc;
}

    .tendingItem:hover h4 {
        color: #1c75bc;
    }

.seeall.blueBg a.seeAllButton {
    background: #3270fc;
    color: white;
    border-color: #3270fc;
}

.sectionTitle.MeetTopTeacher {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.TopTecherTitle {
    text-align: left;
}

.sectionTitle.MeetTopTeacher p {
    padding: 0;
    width: 40%;
}

.TopTecherTitle h5 {
    color: #d91b5d;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 10px;
    font-weight: 600;
}

.TeacherItem {
    padding: 10px;
    background: #fff;
    box-sizing: border-box; /* flex: 0 0 25%; */
    width: calc(25% - 30px);
}

    .TeacherItem img {
        height: 340px;
    }

    .TeacherItem h4 {
        font-size: 20px;
        color: #000;
        font-weight: 600;
        margin: 10px 0;
        text-align: center;
    }

    .TeacherItem p {
        font-size: 14px;
        text-align: center;
    }

.TeacherList {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 30px;
}

.facImage {
    width: 80px;
    height: 80px;
}

.ourtestimonials .sectionTitle {
    background: #1c75bc;
    padding: 50px 0 120px;
}

    .ourtestimonials .sectionTitle h4 {
    }

    .ourtestimonials .sectionTitle h5 {
        font-size: 18px;
        letter-spacing: 3px;
        text-transform: uppercase;
        margin-bottom: 20px;
        color: #fff;
    }

    .ourtestimonials .sectionTitle h2 {
        color: #fff;
    }

.testimonialsItem {
    padding: 30px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 0 5px #ccc;
    margin-bottom: 10px;
}

    .testimonialsItem h4 {
        color: #1c75bc;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .testimonialsItem p {
        font-size: 16px;
        line-height: 1.8;
        margin-bottom: 20px;
    }

.coursrfacultyProfile {
    display: flex;
    align-items: center;
}

.faculityDesc {
    padding-left: 15px;
}

    .faculityDesc h5 {
        font-size: 16px;
        color: #000;
        font-weight: bold;
    }

.testimonialsItem .faculityDesc p {
    margin-bottom: 0;
}

.testimonialList {
    margin-top: -70px;
}

.ourArticle .sectionTitle h5 {
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 20px;
    font-weight: bold;
}

.ourArticlesec {
    margin-top: 30px;
    display: flex;
    align-items: flex-start;
    padding: 15px;
    background: #fff;
}

.refArticle {
    width: 50%;
    padding-right: 20px;
}

p.Datecomment {
    font-size: 12px;
    margin-bottom: 20px;
    color: #ccc;
}

    p.Datecomment span {
        padding-left: 10px;
    }

.refArticle h3, .articlethumbDesc h3 {
    font-size: 24px;
    color: #000;
    font-weight: bold;
}

.articlethumb {
    width: 200px
}

.articlelistitem {
    display: flex;
    margin-bottom: 20px;
}

.articlethumbDesc {
    padding-left: 20px;
}

.sectionTitle h3 {
    font-size: 32px;
    color: #fff;
    line-height: 1.5;
    font-weight: 600;
    position: relative;
}

section.Banner.enterpriseBanner {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    padding: 0;
}

.bannerleftPannel.enterpriseleftpannel {
    background: #1c75bc;
    width: 30%;
    flex: 0 0 30%;
    display: flex;
    padding: 60px 30px;
    align-items: center;
    min-height: 300px;
}

.sectionTitle h3::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 50px;
    height: 5px;
    border-radius: 5px;
    background: #fff;
}

.EmpowerList {
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
}

.Empoweritem {
    width: 200px;
    height: 200px;
    background: #fff;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    align-content: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #fff;
}

    .Empoweritem h3 {
        font-size: 50px;
        color: #cd3077;
        font-weight: bold;
        width: 100%;
    }

    .Empoweritem p {
        font-size: 18px;
        color: #1c75bc;
    }

.NotificationStrip {
    padding: 12px 0;
    text-align: center;
    color: #fff;
    background: rgb(2,0,36);
    font-size: 18px;
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(149,41,142,1) 0%, rgba(217,27,93,1) 100%);
}

.Empoweritem:hover {
    border: 1px solid #cd3077;
}

.NotificationStrip span {
    background: #fefefe;
    padding: 4px 16px;
    color: #1c75bc;
    border-radius: 8px;
    margin-left: 10px;
}

.sectionTitle h5 {
    color: #ce3178;
    font-size: 24px;
    margin-bottom: 20px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.empowerskillcontnr {
    display: flex;
    align-items: center;
}

.empleftpannel {
    text-align: left;
    width: 50%;
}

.emprightpannel {
    flex-wrap: wrap;
    width: 50%;
    display: flex;
}

.empleftpannel .sectionTitle p {
    padding: 20px 0;
}

._description p {
    font-size: 22px;
    line-height: 1.4;
}

.empleftpannel .sectionTitle {
    text-align: left;
}

    .empleftpannel .sectionTitle h2 {
        text-align: left;
    }

.emprightpannel .fCItem {
    margin-bottom: 24px;
}

    .emprightpannel .fCItem p {
        font-size: 16px;
        padding: 0px 20px;
        line-height: 1.4;
    }

.empleftpannel .sectionTitle p {
    text-align: left;
}

.emprightpannel .fcitemlist:nth-child(2) {
    margin-top: 50px;
}

.emprightpannel .fcitemlist:nth-child(3) {
    margin-top: -50px;
}

.organizationalSuccesCard {
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
}

.successcardlist {
    position: relative;
    width: 100%;
}

    .successcardlist img {
        border-radius: 7px;
    }

.successcardName {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    font-size: 24px;
    padding: 10px 0;
    color: #fff;
}

.AiCardlist {
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
}

.AicardItem {
    width: calc(33.33% - 30px);
    background: #fff;
    border-radius: 7px;
    padding-bottom: 25px;
    position: relative;
}

    .AicardItem h3 {
        font-size: 24px;
        color: #1c75bc;
        text-align: center;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .AicardItem p {
        text-align: center;
    }

    .AicardItem:hover .gerEnrolled {
        display: block;
    }

.footerVariessec {
    padding: 30px 0;
    text-align: center;
    background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(149,41,142,1) 0%, rgba(217,27,93,1) 100%);
}

    .footerVariessec h3 {
        font-size: 24px;
        color: #fff;
        margin-bottom: 10px;
    }

    .footerVariessec p {
        text-align: center;
        font-size: 16px;
        color: #fff;
    }

a.Knowmorebtn {
    display: inline-block;
    color: red;
    background: #ffff;
    padding: 8px 24px;
    text-decoration: none;
    color: #1c75bc;
    margin-top: 13px;
    border-radius: 8px;
    font-size: 16px;
}

.pannelheader li {
    display: inline-block;
    width: 25%;
    border-right: 1px solid #ccc;
    text-align: center;
    background: #f0f1f1;
}

    .pannelheader li a {
        color: #000;
        text-decoration: none;
        font-weight: 600;
        font-size: 16px;
        display: block;
        padding: 15px 0;
    }

.pannelheader ul {
    width: 100%;
    display: flex;
}

.courseoverviewDesc p {
    font-size: 18px;
    line-height: 1.5;
}

.CourseOverview .sectionTitle h4, .learningtaglist .sectionTitle h4, .applycourselist .sectionTitle h4 {
    text-align: left;
    margin-bottom: 20px;
    font-weight: 600;
}

.courselisttitle {
    padding: 30px 0;
}

    .courselisttitle li {
        display: inline-block;
        color: #ccc;
    }

        .courselisttitle li svg.svg-inline--fa.fa-tags {
            transform: rotate(90deg);
        }

        .courselisttitle li a {
            color: #898989;
            text-decoration: none;
            font-size: 17px;
            font-weight: 600;
            padding: 0 2px;
        }

            .courselisttitle li a:hover {
                color: #3270fc;
            }

.learninglist li {
    display: inline-block;
    width: 49%;
    font-size: 18px;
    padding-bottom: 10px;
}

.applycourselist li {
    font-size: 18px;
    padding-bottom: 10px;
}

.tab_body.curriculam .accordianlist h3 .arrow {
    font-size: 25px;
    padding-right: 0;
    position: absolute;
    vertical-align: middle;
    right: 15px;
    top: 12px;
    left: auto;
}

.questiontimebtn button {
    min-width: 92px;
    color: #fff;
    height: 28px;
    border: 0;
    margin-right: 10px;
    outline: none;
    border-radius: 3px;
}

button.Question {
    background: #d91b5d;
}

button.videotime {
    background: #1d76bb;
}

.pannelDivide.mechinelearningpannel .leftpannel {
    background: #fff;
}

    .pannelDivide.mechinelearningpannel .leftpannel .tab_body {
        padding: 0 20px;
    }

span.previewtxt {
    padding-right: 10px;
    color: #1d76bb;
}

.lessiondesc {
    padding-right: 30px;
    display: flex;
    align-items: center;
}

.play {
    display: none;
}

.instructor_item {
    display: flex;
    align-items: flex-start;
    margin: 20px 0;
}

.instructorimga {
    width: 175px;
    height: 175px;
    margin-right: 30px;
}

.instructorList {
    padding: 30px 0;
}

    .instructorList h4, .Review h4 {
        font-size: 22px;
        color: #1c75bc;
        font-weight: 600;
    }

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

.instructorList .instructordetails h4 {
    font-size: 31px;
    color: #000;
    display: flex;
    align-items: center;
}

span.tag {
    font-size: 12px;
    color: #fff;
    font-weight: 300;
    background: #1c75bc;
    padding: 5px 10px;
    border-radius: 3px;
    margin-left: 10px;
}

.instructordetails p.recognision {
    font-size: 22px;
    padding: 7px 0;
}

.instructordetails p {
    font-size: 18px;
}

.tutorialCount {
    padding: 10px 0 0;
}

    .tutorialCount li {
        margin-bottom: 8px;
        color: #d91b5d;
        font-size: 16px;
        font-weight: 600;
    }

        .tutorialCount li svg {
            width: 19px;
            color: #ccc;
            margin-right: 8px;
            font-size: 18px;
        }

span.pause {
    color: #1d76bb;
}

.totlerating {
    border-right: 2px solid #ffff;
    width: 30%; /* display: flex; */ /* align-items: center; */
    text-align: center;
    padding: 30px 0;
}

.reviewwrap {
    background: #f5f6f8;
    display: flex;
    margin: 20px 0;
}

.totlerating h2 {
    font-size: 100px;
    color: #000;
    font-weight: bold;
}

.starlist {
    padding-bottom: 10px;
}

    .starlist span {
        color: #f5b455;
    }

.tab-body.Review {
    padding: 30px 19px;
}

.ratingCountlist {
    width: 70%;
    padding: 30px;
    box-sizing: border-box;
}

    .ratingCountlist ul {
        margin-top: 20px;
    }

    .ratingCountlist li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 8px 0;
    }

.ratingslide {
    width: 80%;
    height: 6px;
    background: #d8dae3;
    border-radius: 7px;
}

.ratingCountlist h5 {
    font-size: 18px;
    color: #000;
    font-weight: bold;
}

.ratingCountlist li span {
    font-size: 16px;
    color: #1d1d1d;
}

span.ratingcount {
    background: #3270fc;
    display: block;
    border-radius: 5px;
    height: 6px;
}

.applycourselist {
    padding-top: 20px;
}

.Ruserimg {
    width: 100px;
    height: 100px;
    margin-right: 15px;
}

    .Ruserimg img {
        border-radius: 5px;
    }

.ratingUser {
    display: flex;
}

.RuserDesc {
    width: calc(100% - 100px);
    padding-right: 100px;
}

    .RuserDesc h4 {
        font-size: 18px;
        color: #000;
        margin-bottom: 10px;
    }

    .RuserDesc h5 {
        font-size: 16px;
        color: #000;
        font-style: italic;
        font-weight: 600;
        margin-bottom: 6px;
    }

    .RuserDesc p {
        font-size: 16px;
        line-height: 1.4;
    }

.listDetails li {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    padding: 20px 0;
    border-bottom: 1px solid#ccc;
}

.tab_body.curriculam .listDetails {
    padding: 0;
    border: 0;
}

.lessionTitle {
    padding-left: 50px;
}

.tab_body.curriculam .accordianlist h3 {
    background: #f0f1f1;
    border: 0;
    color: #2b2a29;
    padding: 14px;
    padding-right: 40px;
    border-radius: 9px;
    font-size: 20px;
    font-weight: bold;
}

.tab_body.curriculam .accordianlist {
    border: 0;
}

.learninglist li svg.svg-inline--fa.fa-angle-right, .applycourselist li svg {
    padding-right: 10px;
    color: #3270fc;
}

.CourseOverview .sectionTitle {
    text-align: left;
    margin: 30px 0;
}

.rightpannel.coursedetals {
    padding: 20px 0;
}

.CourseDesc h3 {
    color: #29235c;
    display: flex;
    font-size: 28px;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
}

    .CourseDesc h3 span {
        font-size: 22px;
        color: #ccc;
        text-decoration: line-through;
    }

        .CourseDesc h3 span.Tag {
            font-size: 15px;
            color: #fff;
            border-radius: 4px;
            background: #1c75bc;
            padding: 6px 12px;
        }

.pannelheader li:nth-child(4) {
    border: 0;
}

.hurryUp {
    font-size: 16px;
    color: #d91b5d;
    padding: 10px 0;
}

.buybuttonAndShare {
    margin: 30px 0;
}

    .buybuttonAndShare a {
        display: block;
        text-align: center;
        width: 100%;
        height: 50px;
        line-height: 50px;
        background: #ffffff;
        margin-bottom: 10px;
        border-radius: 25px;
        color: #fff;
        text-decoration: none;
        font-size: 18px;
        font-weight: bold;
        border: 2px solid #ccc;
        color: #404040;
    }

        .buybuttonAndShare a.BoughtC {
            background: #3270fc;
            color: #fff;
            border: 2px solid #3270fc;
        }

.pannelheader li.ActiveTab a {
    color: #fff;
}

.Sharecourse {
    text-align: center;
    padding: 20px 0;
    color: #d91b5d;
    font-size: 22px;
    font-weight: 600;
}

.rightpannel.coursedetals .rightsidebar {
    border: 0;
    margin-bottom: 0;
}

.courseDescList li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
    font-size: 17px;
    color: #434343;
}

    .courseDescList li img {
        width: 24px;
        vertical-align: middle;
        margin-right: 10px;
    }

.pannelheader li:hover a {
    color: #fff;
}

.curriculam, .instructor, .Review {
    display: none;
}

.pannelheader li:hover {
    background: #3270fc;
}

.pannelheader li.ActiveTab {
    background: #3270fc;
}

.checkoutSection .container {
    display: flex;
    justify-content: space-between;
}

.billingDetailsSection {
    width: calc(50% - 12px);
}

.orderSummarySection {
    width: calc(50% - 12px);
}

.checkoutPage {
    background: #fff;
    padding-bottom: 48px;
}

.bgbText {
    border-top: 3px solid #3270fc;
    background: #f6faff;
    padding: 12px 12px 12px;
    margin-bottom: 48px;
    margin-top: 48px;
}

    .bgbText p {
        font-size: 18px;
        color: #5b5b5b;
    }

    .bgbText.returingCusSec p i {
        background: url(/images/folder_icon.png) no-repeat center center;
        width: 34px;
        height: 26px;
    }

    .bgbText.applyCuponSec p i {
        background: url(/images/code_icon.png) no-repeat center center;
        width: 34px;
        height: 26px;
    }

    .bgbText p i {
        display: inline-block;
        vertical-align: middle;
        background-size: 100% auto !important;
        margin-right: 8px;
    }

    .bgbText a {
        color: #5b5b5b;
        text-decoration: none;
    }

        .bgbText a:hover {
            color: #000;
        }

    .bgbText p strong {
        font-weight: 700;
        color: #000;
    }

.checkoutSection h2 {
    font-size: 32px;
    color: #2b2a29;
    font-weight: 700;
}

.billingDetailsForm h2 {
    margin-bottom: 32px;
}

.billingDetailsForm .form-group label {
    font-weight: 400;
}

.billingDetailsForm .form-group {
    margin-bottom: 24px;
}

.billingDetailsForm select, .selectBox select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #f2f4f9;
    background-image: none;
    flex: 1;
    padding: 0 12px;
    color: #434242;
    cursor: pointer;
    font-size: 16px;
    font-family: 'Calibri';
    width: 100%;
}

    .billingDetailsForm select::-ms-expand, .selectBox select::-ms-expand {
        display: none;
    }

.billingDetailsForm .select, .selectBox {
    position: relative;
    display: flex;
    width: 100%;
    height: 48px;
    line-height: 48px;
    background: #f2f4f9;
    overflow: hidden;
    border-radius: 4px;
}

    .billingDetailsForm .select::after, .selectBox:after {
        content: '\25BC';
        position: absolute;
        top: 0;
        right: 0;
        padding: 0 1em;
        background: #f2f4f9;
        cursor: pointer;
        pointer-events: none;
        transition: .25s all ease;
        color: #434242;
    }

    .billingDetailsForm .select:hover::after, .selectBox:hover::after {
        color: #434242;
    }

.formFieldTwo {
    display: flex;
    justify-content: space-between;
}

    .formFieldTwo .form-group {
        width: calc(50% - 12px);
    }

.yourOrderSummary {
    border: 2px solid #d9dada;
    border-radius: 4px;
    padding: 24px 32px 48px;
}

    .yourOrderSummary h2 {
        border-bottom: 1px solid #ebecec;
        padding-bottom: 8px;
        margin-bottom: 24px
    }

.placeorderBtn {
    font-size: 18px;
    color: #fff;
    background: #3270fc;
    padding: 12px 24px;
    text-align: center;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    width: 100%;
    font-weight: 700;
    text-decoration: none;
    font-family: 'Calibri';
    display: block;
    box-sizing: border-box;
    margin-top: 48px;
}

.productCartTotal p {
    color: #5b5b5b;
    font-size: 18px;
    display: flex;
    padding: 16px 0;
    border-bottom: 1px solid #ebecec;
}

.pTitle {
    display: block;
    width: 264px;
}

.pDesc {
    display: block;
}

.productCartTotal .cartTotal {
    border: none;
    padding-top: 28px;
}

.cartTotal .pDesc {
    color: #000;
    font-size: 28px;
    font-weight: 700;
}

.jRListing {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.jRItem {
    width: 248px;
    background: #fff;
    box-shadow: 0px 0px 10px -2px rgb(0 0 0 / 20%);
    height: auto;
    margin: 0 12px 24px 12px;
    border-radius: 13px;
    text-align: center;
    padding-top: 26px;
    box-sizing: border-box;
    position: relative;
    padding: 26px 8px 66px;
}

    .jRItem img {
        width: 92px;
        height: auto;
        margin-bottom: 12px;
    }

    .jRItem h2 {
        font-size: 24px;
        line-height: 1;
        color: #2a3b8f;
        margin-bottom: 10px;
        text-align: center;
        font-weight: 700;
    }

    .jRItem h5 {
        font-size: 16px;
        line-height: 1;
        color: #898989;
        margin-bottom: 4px;
        text-align: center;
    }

.jobRolePage {
    padding: 48px 0;
}

.jRHeader {
    position: relative;
    margin-bottom: 48px;
}

    .jRHeader p {
        font-size: 20px;
        line-height: 1;
        color: #898989;
        margin-bottom: 24px;
        text-align: center;
        position: relative;
        padding-bottom: 20px;
        line-height: 1.3;
    }

    .jRHeader::after {
        content: "";
        position: absolute;
        left: calc(50% - 44px);
        bottom: 0;
        height: 3px;
        width: 88px;
        background: rgba(42,61,144,1);
        background: -moz-linear-gradient(left, rgba(42,61,144,1) 0%, rgba(41,109,182,1) 33%, rgba(133,51,148,1) 62%, rgba(215,27,93,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(42,61,144,1)), color-stop(33%, rgba(41,109,182,1)), color-stop(62%, rgba(133,51,148,1)), color-stop(100%, rgba(215,27,93,1)));
        background: -webkit-linear-gradient(left, rgba(42,61,144,1) 0%, rgba(41,109,182,1) 33%, rgba(133,51,148,1) 62%, rgba(215,27,93,1) 100%);
        background: -o-linear-gradient(left, rgba(42,61,144,1) 0%, rgba(41,109,182,1) 33%, rgba(133,51,148,1) 62%, rgba(215,27,93,1) 100%);
        background: -ms-linear-gradient(left, rgba(42,61,144,1) 0%, rgba(41,109,182,1) 33%, rgba(133,51,148,1) 62%, rgba(215,27,93,1) 100%);
        background: linear-gradient(to right, rgba(42,61,144,1) 0%, rgba(41,109,182,1) 33%, rgba(133,51,148,1) 62%, rgba(215,27,93,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3d90', endColorstr='#d71b5d', GradientType=1 );
    }

.pUIheader {
    display: flex;
    background: #fff;
    padding: 16px 32px;
    border-radius: 12px;
    box-shadow: 0px 3px 12px -2px #ccc;
    margin-top: 48px;
    align-items: center;
    margin-bottom: 56px;
    box-sizing: border-box;
}

.pUIDesWrap {
    flex: 1;
    display: flex;
    align-items: center;
}

    .pUIDesWrap img {
        width: 58px;
        height: auto;
        margin-right: 18px;
    }

.pUIDes h4 {
    color: #2b2a29;
    font-size: 16px;
    margin-bottom: 6px;
}

.pUIDes h5 {
    font-size: 18px;
    font-weight: 700;
    color: #3270fc;
}

.pUIDesResult span {
    color: #f44336;
    font-size: 18px;
}

.paymentPageUISuccess .pUIDesResult span {
    color: #3270fc;
}

.pDescBox {
    box-shadow: 0px 0px 24px -4px #ccc;
    background: #fff;
    box-sizing: border-box;
    padding: 48px 56px 48px;
    border-radius: 18px;
    width: 600px;
    margin: 0 auto;
    text-align: center;
}

    .pDescBox img {
        width: 92px;
        height: auto;
        margin-bottom: 22px;
    }

    .pDescBox h2 {
        color: #f44336;
        font-size: 36px;
        margin-bottom: 14px;
        font-weight: 700;
    }

    .pDescBox h5 {
        color: #898989;
        font-size: 26px;
        margin-bottom: 36px;
        font-weight: 400;
    }

.pDescBoxActionBtn a {
    font-size: 18px;
    color: #fff;
    background: #3270fc;
    padding: 20px 32px;
    text-align: center;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    min-width: 190px;
    font-weight: 700;
    text-decoration: none;
    font-family: 'Calibri';
    display: inline-block;
    box-sizing: border-box;
    margin: 0 12px;
}

.paymentPageUI {
    padding-bottom: 48px
}

.pDescBoxActionBtn .pDAPInvoice {
    background: none;
    color: #727271;
    border: 1px solid #727271;
}

.paymentPageUISuccess .pDescBox h2 {
    color: #3270fc;
}
/* dashboard page css start */
.ManagerTeam .pSNavTab {
    margin-top: -96px;
    border-radius: 12px 4px 4px 4px;
    min-height: 500px;
    padding: 22px 0px;
}

.sidebarMainHeading {
    font-size: 30px;
    color: #1d76bb;
    font-weight: 800;
    margin-bottom: 28px;
    padding: 0px 16px;
}

.PsHdrRvrs {
    justify-content: flex-end;
}

.PsRight {
    float: right;
    display: flex;
    align-items: baseline;
}

    .PsRight .drpDwn {
        background-color: #3270fc;
        font-size: 12px;
        color: #fff;
        margin-right: 24px;
        border-radius: 20px;
        padding: 8px 16px;
        border: 1px solid #3270fc;
    }

        .PsRight .drpDwn svg {
            font-size: 14px;
            margin-left: 4px;
            position: relative;
            top: 1px;
        }

    .PsRight .notification {
        color: #000;
        margin-right: 24px;
        font-size: 28px;
        position: relative;
        top: 6px;
    }

        .PsRight .notification span {
            width: 12px;
            height: 12px;
            position: absolute;
            top: 0px;
            line-height: 12px;
            right: -5px;
            text-align: center;
            font-size: 10px;
            border: 2px solid #000;
            border-radius: 50%;
            background-color: #fff;
            font-weight: bold;
        }

    .PsRight .usrNm {
        color: #2a3b8f;
        font-size: 20px;
        font-weight: bold;
        position: relative;
        top: 2px;
    }

.ManagerTeam .Searchbar {
    right: 15%
}

.pSNavTab .leftDropDown h5 {
    color: #2a3b8f;
    padding: 14px 16px;
}

.drpDwnItem {
    display: none;
    padding-left: 28px;
}

.pSNavTab .drpDwnItem li {
    border: 0px;
    padding: 0px;
}

    .pSNavTab .drpDwnItem li a {
        padding: 8px 0px;
        color: #3270fc;
        display: block;
        font-weight: normal;
    }

.lftListActive .drpDwnItem {
    display: block;
}

.leftDropDown svg {
    float: right;
    margin-right: 16px;
}

.leftDropDown.team svg {
    float: left;
    color: #4774e8;
}

.leftDropDown.lftListActive svg {
    transform: rotate(90deg);
}

.leftDropDown.lftListActive.team {
    background-color: #29235c;
}

    .leftDropDown.lftListActive.team h5 {
        color: #fff;
    }

    .leftDropDown.lftListActive.team svg {
        transform: rotate(0);
        color: #fff;
    }

.team .activeDot {
    float: right;
    margin-right: 18px;
    font-size: 32px;
    line-height: 6px;
    color: #d91b5d;
    display: none;
}

.leftDropDown.lftListActive.team .activeDot {
    display: block;
}

.dashboardContainer h2 {
    font-size: 24px;
    color: #29235c;
}

.dshbrdContent {
    padding: 24px 0px 0px 24px;
}

.dshbrdTabList {
    display: flex;
}

    .dshbrdTabList li a {
        padding: 6px 0px;
        color: #29235c;
        width: 100px;
        font-size: 16px;
        border-radius: 5px;
        display: block;
        text-align: center;
        text-decoration: none;
    }

        .dshbrdTabList li a.indexTabActive {
            color: #fff;
            background-color: #1d76bb;
        }

.dashBrdCatContent {
    padding-top: 24px;
}

    .dashBrdCatContent .dshBrdInrCon {
        display: none;
    }

        .dashBrdCatContent .dshBrdInrCon:first-child {
            display: block;
        }

.dshbrdCard {
    padding: 8px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0px 0px 24px -4px #ccc;
    width: 223px;
    display: inline-block;
    margin-right: 32px;
    margin-bottom: 28px;
    border-radius: 5px;
    position: relative;
    box-sizing: border-box;
}

    .dshbrdCard:nth-child(3n+0) {
        margin-right: 0px;
    }

.cardDrpDwn {
    background-color: #fff;
    box-shadow: 0px 0px 24px -4px #ccc;
    padding: 8px 12px;
    position: absolute;
    right: 8px;
    top: 8px;
    border-radius: 5px;
    display: none;
}

    .cardDrpDwn li {
        text-align: left;
    }

        .cardDrpDwn li a {
            font-size: 12px;
            line-height: 1;
            color: #3270fc;
            font-weight: 700;
            display: block;
            padding: 6px 0;
            text-decoration: none;
        }

            .cardDrpDwn li a i {
                width: 10px;
                height: 10px;
                display: inline-block;
                vertical-align: middle;
                background: url(/images/listMenu_hover.png) no-repeat;
                background-size: 100% auto;
                margin-right: 6px;
                margin-top: -2px;
            }

.usrImg {
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin: 24px auto 0;
    background-color: #97288d;
    border-radius: 50%;
    text-transform: uppercase;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}

.MbrUserName {
    color: #2a3b8f;
    font-size: 16px;
    margin-top: 16px;
}

.mbrUserSkils {
    color: #5b5b5b;
    font-size: 12px;
    margin-top: 12px;
    background-color: #ebecec;
    border-radius: 5px;
    padding: 8px;
    display: inline-block;
}

.mbrUserDates {
    margin-top: 12px;
    background-color: #ebecec;
    display: flex;
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    justify-content: space-around;
}

    .mbrUserDates p {
        font-size: 16px;
        color: #2a3b8f;
        font-weight: bold;
    }

        .mbrUserDates p span {
            font-size: 12px;
            font-weight: normal;
        }

.mbrUpdates {
    font-size: 10px;
    color: #d91b5d;
    margin-top: 12px;
}

/* dashboard page css end */

/* course module progress start */
.courseMdlPrgrs {
    background-color: #fff;
}

    .courseMdlPrgrs .dsCourseDetails h3 {
        font-weight: bold;
    }

.crsMdlStripe {
    background-color: #29215a;
    padding: 24px;
}

    .crsMdlStripe h2 {
        color: #fff;
        font-weight: 600;
        font-size: 20px;
    }

.crsMdlContainer {
    padding: 64px 64px 0px 64px;
}

.courseMdlPrgrs .dsCourseDetails {
    width: 100%;
    padding: 0px;
}

    .courseMdlPrgrs .dsCourseDetails:after {
        width: 0px;
    }

.vdoLstItem {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #dadbdb;
    padding: 24px 0px;
}

.vdoTitleDuration {
    position: relative;
    padding-left: 32px;
}

    .vdoTitleDuration i {
        width: 28px;
        height: 28px;
        display: inline-block;
        vertical-align: middle;
        background: url(/images/videoiconTrnsprnt.png) no-repeat;
        background-size: 100% auto;
        margin-right: 6px;
        position: absolute;
        left: 0;
        top: 0;
    }

    .vdoTitleDuration .vdoTitle {
        font-size: 20px;
        color: #5b5b5b;
    }

        .vdoTitleDuration .vdoTitle span {
            font-weight: bold;
        }

.vdoDuration {
    color: #b2b3b3;
    font-size: 12px;
    margin-top: 8px;
}

.vdoLstItem button {
    border: 1px solid #3270fc;
    background-color: #3270fc;
    border-radius: 18px;
    padding: 0px 32px;
    color: #fff;
    font-size: 10px;
    line-height: 1;
    height: 32px;
    cursor: pointer;
}

.cmpFundaSC {
    padding: 28px;
}

.cmpFundScDescription h3 {
    font-size: 24px;
    color: #434242;
    font-weight: bold;
}

.cmpFundScDescription p {
    font-size: 14px;
    color: #5b5b5b;
    line-height: 20px;
    margin-top: 28px;
}

.formContainer .psdCHeader, .formContainer .psdCBody {
    box-shadow: none;
    display: block;
}

.form-row {
    display: flex;
    justify-content: space-between;
}

    .form-row .form-group {
        width: 49%;
    }

/*.formContainer .form-group input[type="text"], .formContainer .form-group input[type="email"], .formContainer .form-group input[type="password"], .formContainer .form-group textarea, .formContainer .form-group input[type="tel"] {
    border: 1px solid #ededed;
    background: none;
}*/

.formContainer .form-group textarea {
    width: 100%;
    height: 100px;
    padding: 12px;
    box-sizing: border-box;
}

textarea:focus {
    outline: none;
}

.psdCHeader p {
    margin-top: 28px;
}

.formContainer .form-group input[type="submit"] {
    background-color: #1d76bb;
    border-radius: 10px;
    padding: 8px 40px;
    text-transform: uppercase;
    font-weight: normal;
}

.courseMdlPrgrs .pSNavTab {
    padding: 0px;
    box-shadow: none;
    width: 323px;
}

.searchCrsContent {
    width: 100%;
    padding: 8px 24px;
    box-sizing: border-box;
    height: 68px;
    font-size: 14px;
    color: #9d9e9e;
    opacity: 0.7;
    border: 0px;
    font-weight: bold;
    font-style: italic;
}

input:focus {
    outline: none;
}

.courseMdlPrgrs .pSNavTab h5 {
    background-color: #f0f1f1;
    font-size: 18px;
    color: #2b2a29;
    padding-left: 24px;
}

.courseMdlPrgrs .drpDwnItem {
    padding-left: 0px;
}

.courseMdlPrgrs .pSNavTab .drpDwnItem li {
    border-bottom: 1px solid #d9dada;
}

    .courseMdlPrgrs .pSNavTab .drpDwnItem li a {
        color: #5b5b5b;
        padding: 14px 0px 14px 32px;
        display: flex;
        justify-content: space-between;
        align-items: baseline;
    }

        .courseMdlPrgrs .pSNavTab .drpDwnItem li a.activeCrsLstItem {
            color: #1d76bb;
            font-weight: bold;
        }

.pSNavTab .drpDwnItem li a span i {
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
    background: url(/images/videoiconTrnsprnt.png) no-repeat;
    background-size: 100% auto;
}

.pSNavTab .drpDwnItem li a .crsDuration {
    text-align: center;
    padding: 4px 14px;
    border: 1px solid #1d76bb;
    border-radius: 5px;
    font-size: 12px;
    text-decoration: none;
    background: #1c75bc;
    color: #ffff;
}
/* course module progress end */


/* Site Css Ends Here */
.signedIn {
    display: inline-block;
    text-align: center;
    /* line-height: 80px; */
    padding: 0;
    border: 0;
    border-radius: 53px;
    font-size: 15px;
    text-decoration: none;
    color: #898989;
    margin: 0 15px 0 0;
}

.logedIn {
    position: relative;
}

.logedInInfo {
    position: absolute;
    top: 15px;
    background: #fff;
    padding: 20px 18px 12px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 30%);
    width: 192px;
    right: 0;
    display: none;
}

    .logedInInfo a {
        font-size: 16px;
        text-transform: capitalize;
        font-family: 'mavenpro-medium';
        position: relative;
        color: #727271;
        text-decoration: none;
        padding: 10px 0;
        display: block;
    }

        .headerRight li a:hover, .logedInInfo a:hover {
            color: #d91b5d;
        }

.logedIn:hover .logedInInfo {
    display: block;
}

.loginSearchWrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.loginBtn, .userLogedIn {
    margin-left: 15px;
}

.form-group .loginBtn, .form-group .userLogedIn {
    margin-left: 0px;
}

.Searchbar {
    width: 246px;
}

.profileTitle h4 {
    font-size: 15px;
    font-weight: 400;
}

.marketCard {
    padding-bottom: 51px;
}

.courseAboutDesc {
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    left: 0;
    padding: 15px 30px 15px;
}

a.seeAllButton:hover {
    background: #1C75BC;
    color: #fff;
    border-color: #1C75BC;
}

.pageHeading {
    font-weight: 600;
    font-size: 25px;
    color: #2a3b8f;
    padding-top: 36px;
}

.staticPage p {
    font-size: 18px;
    line-height: 1.5;
}

.staticPage {
    padding: 0px 0 36px;
}

.jRItem a {
    font-size: 14px;
    background: #1C75BC;
    color: #fff;
    padding: 8px 16px;
    border: 1px solid #1C75BC;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    position: absolute;
    bottom: 28px;
    left: auto;
    margin-left: -50px;
}

    .jRItem a:hover {
        background: transparent;
        color: #1C75BC;
    }

span.text-danger.field-validation-error {
    color: #ff0005;
    display: block;
}

.signupWrap p {
    text-align: center;
    color: #727271;
    font-size: 16px;
    font-weight: 700;
}

    .signupWrap p a {
        color: #1C75BC;
        text-decoration: none;
    }

.form-group textarea {
    height: 90px;
    padding: 8px;
}

.dasbardSelectorWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 139px);
    padding: 0;
}

.formINfoWrap {
    display: flex;
    justify-content: space-between;
}

    .formINfoWrap .row60, .formINfoWrap .fCIDescription {
        width: 48%;
    }

.contactFormPageWrap .form-group {
    position: relative;
    margin-bottom: 24px;
}

.contactFormPageWrap .pageHeading {
    margin-bottom: 36px;
}

.contactFormPageWrap .fCIDescription h4 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0;
}

.contactFormPageWrap .fCIDescription h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 8px;
}

.contactFormPageWrap .fCIDescription p {
    font-size: 19px;
    line-height: 1.2;
}

/*Css From Old Starts*/
.heading2-bdr span {
    position: relative;
    font-size: 23px;
    color: #1F4388;
    margin: 40px 0;
    font-weight: 700;
    display: inline-block;
}

    .heading2-bdr span:after {
        content: "";
        width: 30px;
        height: 2px;
        left: 0;
        bottom: -5px;
        position: absolute;
        background: rgba(42,61,144,1);
        background: -moz-linear-gradient(left, rgba(42,61,144,1) 0%, rgba(41,109,182,1) 33%, rgba(133,51,148,1) 62%, rgba(215,27,93,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(42,61,144,1)), color-stop(33%, rgba(41,109,182,1)), color-stop(62%, rgba(133,51,148,1)), color-stop(100%, rgba(215,27,93,1)));
        background: -webkit-linear-gradient(left, rgba(42,61,144,1) 0%, rgba(41,109,182,1) 33%, rgba(133,51,148,1) 62%, rgba(215,27,93,1) 100%);
        background: -o-linear-gradient(left, rgba(42,61,144,1) 0%, rgba(41,109,182,1) 33%, rgba(133,51,148,1) 62%, rgba(215,27,93,1) 100%);
        background: -ms-linear-gradient(left, rgba(42,61,144,1) 0%, rgba(41,109,182,1) 33%, rgba(133,51,148,1) 62%, rgba(215,27,93,1) 100%);
        background: linear-gradient(to right, rgba(42,61,144,1) 0%, rgba(41,109,182,1) 33%, rgba(133,51,148,1) 62%, rgba(215,27,93,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3d90', endColorstr='#d71b5d', GradientType=1 );
    }

.coursesList-inner.active h3 {
    background-color: #1c75bc;
    color: #fff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.coursesList-inner h3 {
    color: #1c75bc;
    padding: 15px;
    font-size: 20px;
    cursor: pointer;
    background: url(/images/arrow-down.png) no-repeat 98% 15px;
}

.coursesList-inner.active h3 {
    background-image: url(/images/arrow-up.png);
}

.coursesList-inner {
    box-shadow: 0px 0px 24px -4px #ccc;
    margin-bottom: 20px;
    border-radius: 15px;
}

.answer {
    padding: 15px;
}

.pathsContainer {
    display: flex;
    flex-wrap: wrap;
}

.pathContainer {
    width: 50%;
    padding: 15px;
    box-sizing: border-box;
}

.pathitem {
    display: flex;
}

.imageContainer {
    margin-right: 10px;
}

    .imageContainer img {
        width: 118px;
        height: auto;
    }

.pathitem .titleContainer {
    line-height: 1;
    margin-bottom: 5px;
}

.infoContainer a {
    color: #898989;
    text-decoration: none;
}

.pathitem .titleContainer a {
    color: #1F4388;
    line-height: 1.3;
}

.pathitem .tagsContainer {
    display: flex;
}

.pathitem .tag {
    background: #1c75bc;
    color: #fff;
    padding: 5px 6px;
    margin-right: 7px;
    display: inline-block;
    font-size: 13px;
    margin-top: 5px;
    font-weight: 700;
    border-radius: 3px;
    letter-spacing: 0.25px;
}

.heading-center {
    text-align: center;
}

    .heading-center span:after {
        left: calc(50% - 20px);
    }

.packagesContainer {
    display: flex;
    justify-content: space-between;
    padding-top: 48px;
}

.package-sec { /* width:21.5%; */
    margin-right: 15px;
    box-shadow: 0px 0px 24px -4px #ccc;
    padding: 0 15px 48px;
    border-radius: 15px;
    position: relative;
}

    .package-sec:last-child {
        margin-right: 0;
    }

span.packagesTitle {
    background: #1e4389;
    color: #fff;
    margin-left: -15px;
    margin-right: -15px;
    display: inline-block;
    width: calc(100% + 0px);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 50px 15px 25px;
    text-align: center;
    font-size: 20px;
    min-height: 32px;
    font-weight: 700;
}

.package-sec:before {
    content: "";
    background: url(/images/diamond.png);
    position: absolute;
    left: calc(50% - 40px);
    width: 50px;
    height: 50px;
    z-index: 1;
    background-color: #fff;
    top: -40px;
    background-size: 55%;
    background-repeat: no-repeat;
    padding: 15px;
    background-position: center;
    border-radius: 50%;
    box-shadow: 0px 0px 7px -3px #ccc;
}

.platinum .packagesTitle {
    background: #1c74bc;
}

.gold .packagesTitle {
    background: #95268f;
}

.silver .packagesTitle {
    background: #da1b5e;
}

span.packagesTitle .subTitle {
    display: block;
    font-size: 12px;
    margin-top: 7px;
    margin-bottom: 7px;
    letter-spacing: 1px;
}

.packageDetailsContainer {
    border-top-left-radius: 15px;
    position: relative;
    background: #fff;
    top: -15px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px;
    border-top-right-radius: 15px;
    min-height: 275px;
}

    .packageDetailsContainer ul li {
        padding: 14px 20px;
        border-bottom: 1px solid #ccc;
        color: #1D76BB;
        font-weight: 700;
        font-size: 14px;
        background: url(/images/black-check-icon.png) no-repeat left 16px;
        line-height: 1.3;
    }

        .packageDetailsContainer ul li:last-child {
            border-bottom: 0;
        }

.packageHighlight-title {
    text-align: center;
    display: block;
    width: 100%;
    margin: 10px 0;
    font-weight: 700;
    color: #5B5B5B;
    font-size: 14px;
    line-height: 1.3;
    padding: 0 28px;
    box-sizing: border-box;
}

.packageLinkContainer a {
    display: inline-block;
    padding: 7px 45px;
    background: linear-gradient(45deg, #b62278, #2471af);
    text-decoration: none;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
}

.packageLinkContainer {
    text-align: center;
}

.main-content-wraper {
}

.icon-wrap img {
    width: 200px;
}

.icon-wrap {
    background-color: #fff;
    padding: 15px;
    display: inline-block;
    border-radius: 15px;
    box-shadow: 0px 0px 24px -4px #ccc;
    margin-right: 20px;
}



.page-left-sec {
    width: 80%;
    padding-right: 92px;
}

.page-right-sec {
    width: 20%;
}

.iconContainer {
    display: flex;
}

    .iconContainer .titleContainer {
        font-size: 36px;
        color: #fff;
        line-height: 1.2;
    }

.page-right-links-sec {
    box-shadow: 0px 0px 24px -4px #ccc;
    padding: 15px;
    border-radius: 15px;
    background: #fff;
    margin-bottom: 30px;
}

.title {
    font-size: 18px;
    color: #1F4388;
    margin: 20px 0;
    font-weight: 700;
}

.page-right-links-sec ul li {
    padding: 10px 0 10px 20px;
    font-size: 16px;
    color: #727271;
    background: url(/images/check-icon.png) no-repeat left 10px;
    line-height: 1.3;
}

.download-certi {
    margin-top: 20px;
}

    .download-certi a {
        padding: 30px 0;
        text-align: center;
        display: inline-block;
        width: 100%;
        color: #fff;
        background: #1F4388;
        text-decoration: none; /*box-shadow:0 2px 7px 0px #e4e4e4;*/
        box-shadow: 0px 0px 24px -4px #ccc;
        border-radius: 15px;
    }

.main-content-wraper:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 170px;
    background: #0064b5;
    z-index: -1;
}

.main-content-wraper {
    position: relative;
    padding-top: 50px !important;
}

.info {
    color: #898989;
}

.pathimg-wrap {
    padding: 12px;
    box-shadow: 0px 0px 24px -4px #ccc;
    border-radius: 7px;
    margin-right: 14px;
}

.strt-learning a {
    width: calc(100% - 90px);
}

.course-video-sec {
    margin-top: -10px;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 20px;
}

    .course-video-sec img {
        width: 100%;
    }

/*Css From Old Ends*/

.cerficationDetails, .flexPage {
    display: flex;
    margin-top: 28px;
    margin-bottom: 28px;
}

.tag {
    background: #1c75bc;
    color: #fff;
    padding: 5px 6px;
    margin-right: 7px;
    display: inline-block;
    font-size: 13px;
    margin-top: 5px;
    font-weight: 700;
    border-radius: 3px;
    letter-spacing: 0.25px;
}

.page-left-sec .infoContainer ul {
    list-style: disc inside;
    padding: 12px 0;
}

.page-left-sec p, .page-left-sec .infoContainer li {
    font-size: 16px;
    line-height: 1.4;
}

.pageSubHeading {
    font-size: 18px;
    color: #1F4388;
    margin: 24px 0 24px;
    font-weight: 700;
}

.dashboardItemWrap .itemContainer {
    max-width: 100%;
    padding: 24px 16px;
    background: #fff;
    box-shadow: 0px 7px 15px -12px #ccc;
    box-sizing: border-box;
    /* margin-left: 24px; */
    margin-bottom: 24px;
    position: relative;
    /* text-align: center; */
}

    .dashboardItemWrap .itemContainer p a {
        color: #1F4388;
        font-size: 18px;
        line-height: 1.3;
        font-weight: 700;
        text-decoration: none;
        text-align: left;
        display: inline-block;
    }

    .dashboardItemWrap .itemContainer .Active {
        font-size: 14px;
        color: #1C75BC;
        padding: 8px 16px;
        border: 1px solid #1C75BC;
        border-radius: 4px;
        display: inline-block;
        text-decoration: none;
        font-weight: 700;
        background: #1C75BC;
        color: #fff;
        margin-top: 0;
        position: absolute;
        top: 50%;
        right: 24px;
        transform: translateY(-50%);
    }


.blueButton {
    font-size: 14px;
    color: #1C75BC;
    padding: 8px 16px !important;
    border: 1px solid #1C75BC;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    background: #1C75BC;
    color: #fff;
}

.dashboardItemWrap .itemContainer p {
    width: calc(100% - 180px);
}

.cDleftLinkList p {
    font-size: 18px;
    line-height: 1.3;
}

    .cDleftLinkList p a {
        color: #1C75BC;
        text-decoration: none;
    }

.cDleftLinkList {
    margin-bottom: 32px;
}
/* learningpathDe */
.learning-del-top {
    display: flex;
}

.imgContainer img {
    padding-top: 30px;
}

.imgContainer {
    margin-right: 20px;
    width: 12%;
}

.learning-del-right {
    width: 88%;
}

    .learning-del-right .summary p {
        margin-bottom: 8px;
    }

        .learning-del-right .summary p a {
            color: #1F4388;
            display: inline-block;
            margin-top: 8px;
            text-decoration: none;
        }

.learningdetailContainer .row .column {
    display: flex;
}

    .learningdetailContainer .row .column .detailimgwrap {
        margin-right: 10px;
    }

        .learningdetailContainer .row .column .detailimgwrap p {
            box-shadow: 0px 0px 14px -4px #ccc;
            padding: 5px;
            border-radius: 7px;
        }

    .learningdetailContainer .row .column img {
        width: 30px;
        height: 30px;
    }

.summaryfist {
    margin-bottom: 30px;
}
/* learningpathDe */

.searchPageSearch {
    text-align: center;
}

    .searchPageSearch input {
        width: 542px;
        height: 36px;
        padding: 0 8px;
        box-sizing: border-box;
        color: #434242;
        font-size: 14px;
        font-family: 'Calibri';
        border: 1px solid #c3c4c4;
        background: #fff;
        border-radius: 4px;
        outline: none;
        margin-bottom: 4px;
    }

.loading {
    display: block;
    text-align: center;
    color: #727271;
    padding: 12px 0;
    font-size: 18px;
}

.searchResults.showType {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -24px;
    padding: 48px 0;
}

.searchItemDesc {
    display: flex;
    flex-direction: column;
    max-width: 302px;
    padding: 24px 24px 24px;
    background: #fff;
    box-shadow: 0px 0px 24px -4px #ccc;
    box-sizing: border-box;
    margin-left: 24px;
    margin-bottom: 24px;
    position: relative;
    width: 298px;
}

    .searchItemDesc .typeContainer .type {
        color: #727271;
        text-transform: capitalize;
        font-weight: 400;
        margin-bottom: 4px;
        display: block;
    }

    .searchItemDesc .tagsContainer {
        display: block;
    }

    .searchItemDesc .tagContainer {
        display: inline-block;
    }

.learningPathPage {
    display: block;
}

.item .imageContainer {
    text-align: center;
    position: relative;
    padding-top: 24px;
    margin-bottom: 16px;
}

    .item .imageContainer img {
        width: 142px;
        position: relative;
    }

    .item .imageContainer::before {
        width: 100%;
        height: 90px;
        /* background-color:#ebebeb; */
        position: absolute;
        left: 0;
        top: 0;
        content: '';
        border-radius: 4px;
        background: rgba(178,35,121,1);
        background: -moz-linear-gradient(left, rgba(178,35,121,1) 0%, rgba(69,91,172,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(178,35,121,1)), color-stop(100%, rgba(69,91,172,1)));
        background: -webkit-linear-gradient(left, rgba(178,35,121,1) 0%, rgba(69,91,172,1) 100%);
        background: -o-linear-gradient(left, rgba(178,35,121,1) 0%, rgba(69,91,172,1) 100%);
        background: -ms-linear-gradient(left, rgba(178,35,121,1) 0%, rgba(69,91,172,1) 100%);
        background: linear-gradient(to right, rgba(178,35,121,1) 0%, rgba(69,91,172,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b22379', endColorstr='#455bac', GradientType=1 );
    }

.titleContainer a {
    color: #1F4388;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 700;
    text-decoration: none;
}

.titleContainer {
    margin-bottom: 12px;
}

.itemInBucket h2 {
    font-size: 24px;
}

.itemInBucket .desc p {
    color: #2a2a2a;
    font-size: 18px;
}

.itemInBucket .desc span {
    font-size: 16px;
    margin-top: 4px;
    line-height: 1.3;
}

.itemInBucket tr .remove {
    font-size: 10px;
}

.price {
    font-size: 18px;
    color: #000;
}

.itemInBucket .razorPay a {
    font-size: 14px;
    color: #1C75BC;
    padding: 8px 16px !important;
    border: 1px solid #1C75BC;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    background: #1C75BC;
    color: #fff;
}

.itemInBucketEmpty p {
    font-size: 16px;
    text-align: center;
    padding: 0 16px;
}

.itemInBucket input[type="submit"] {
    font-size: 14px;
    color: #1C75BC;
    padding: 8px 16px !important;
    border: 1px solid #1C75BC;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    background: #1C75BC;
    color: #fff;
    border: none;
    cursor: pointer;
}
/*Css Mannage */

.dashboardItemWrap .progress {
    width: 48px;
    height: 48px;
    display: inline-block;
    margin: 12px 4px 12px;
    vertical-align: middle;
}

.dashboardDetails p {
    font-size: 16px;
    font-family: 'mavenpro-medium';
    color: #727271;
    line-height: 1.3;
    margin-bottom: 6px;
}

    .dashboardDetails p a {
        color: #1C75BC;
    }

.dashboardEnrollPakage .heading2-bdr:first-child span {
    margin-top: 0;
}

.progressWrap {
    display: inline-block;
    margin-right: 12px;
}

    .progressWrap span {
        display: inline-block;
        vertical-align: middle;
        font-size: 16px;
        font-family: 'mavenpro-medium';
        color: #727271;
    }

.courserheaderDesc {
    padding: 24px 0;
}

    .courserheaderDesc li {
        font-size: 16px;
        color: #727271;
        line-height: 1.3;
        margin-bottom: 6px;
    }

        .courserheaderDesc li a, .courserheaderDesc li span {
            color: #1C75BC;
            text-decoration: none;
        }

.cDRightPanel h4 {
    color: #434242;
    font-size: 18px;
    line-height: 1.2;
    position: relative;
    padding-bottom: 4px;
    font-weight: 700;
}

.cDRightPanel p {
    color: #434242;
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 24px;
}

.cDRightItem {
    max-width: 100%;
    padding: 24px 16px;
    background: #fff;
    box-shadow: 0px 7px 15px -12px #ccc;
    box-sizing: border-box;
    /* margin-left: 24px; */
    margin-bottom: 24px;
    position: relative;
    /* text-align: center;*/
}

    .cDRightItem h5 {
        color: #434242;
        font-size: 16px;
        line-height: 1.2;
        margin-bottom: 8px;
    }

.cDRightItemFooter a {
    color: #1C75BC;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.2;
    margin-right: 12px;
}

.cDRightPanel {
    overflow: hidden;
}

.examContainer {
    padding: 24px 24px 24px;
    background: #fff;
    box-shadow: 0px 0px 24px -4px #ccc;
    box-sizing: border-box;
}

.cDLeftPanel {
    margin-right: 48px;
    float: left;
    width: 300px;
}

.examContainer h4 {
    color: #434242;
    font-size: 18px;
    line-height: 1.2;
    position: relative;
    padding-bottom: 16px;
    font-weight: 700;
}

.eCLItem a {
    color: #434242;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.3;
}

.eCLItem {
    margin-bottom: 12px;
}

    .eCLItem a span {
        float: right;
    }

.cDRightItemFooter {
    display: flex;
}

.courseModule {
    flex: 1;
}

.courderStartBtn {
    font-size: 14px !important;
    padding: 6px 14px;
    border: 1px solid #1C75BC;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    background: #1C75BC;
    color: #fff !important;
    margin-top: 0;
}

.packageFooter span {
    padding: 0 15px;
    display: block;
    font-size: 14px;
    line-height: 1.3;
}

.cDIfalse, .cDITrue {
    flex: 1;
    position: relative;
}

    .cDIfalse span, .cDITrue span {
        display: block;
        width: 24px;
        height: 24px;
        border: 1px solid #434242;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
    }

        .cDITrue span::before {
            content: '';
            display: block;
            position: absolute;
            top: 2px;
            left: 8px;
            width: 6px;
            height: 14px;
            border: solid #434242;
            border-width: 0 2px 2px 0;
            transform: rotate( 45deg );
        }

#txtVoucherCode {
    width: 200px;
    height: 36px;
    padding: 0 8px;
    box-sizing: border-box;
    color: #434242;
    font-size: 14px;
    font-family: 'Calibri';
    border: 1px solid #c3c4c4;
    background: #fff;
    border-radius: 4px;
    outline: none;
    margin-bottom: 12px;
}

/*Ends Fisrt Merge Css*/



.faqSContent h4 {
    font-size: 23px;
    color: #1F4388;
    margin: 0;
    font-weight: 700;
    /* display: inline-block; */
    position: relative;
    padding-bottom: 16px;
    padding-top: 16px;
}

    .faqSContent h4:before {
        position: absolute;
        bottom: 6px;
        left: 0;
        width: 32px;
        height: 2px;
        content: '';
        background: rgba(42,61,144,1);
        background: -moz-linear-gradient(left, rgba(42,61,144,1) 0%, rgba(41,109,182,1) 33%, rgba(133,51,148,1) 62%, rgba(215,27,93,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(42,61,144,1)), color-stop(33%, rgba(41,109,182,1)), color-stop(62%, rgba(133,51,148,1)), color-stop(100%, rgba(215,27,93,1)));
        background: -webkit-linear-gradient(left, rgba(42,61,144,1) 0%, rgba(41,109,182,1) 33%, rgba(133,51,148,1) 62%, rgba(215,27,93,1) 100%);
        background: -o-linear-gradient(left, rgba(42,61,144,1) 0%, rgba(41,109,182,1) 33%, rgba(133,51,148,1) 62%, rgba(215,27,93,1) 100%);
        background: -ms-linear-gradient(left, rgba(42,61,144,1) 0%, rgba(41,109,182,1) 33%, rgba(133,51,148,1) 62%, rgba(215,27,93,1) 100%);
        background: linear-gradient(to right, rgba(42,61,144,1) 0%, rgba(41,109,182,1) 33%, rgba(133,51,148,1) 62%, rgba(215,27,93,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a3d90', endColorstr='#d71b5d', GradientType=1 );
    }

.faqSContentItem {
    margin-bottom: 24px;
}

    .faqSContentItem h5 {
        color: #000;
        font-size: 16px;
        font-family: 'Maven Pro', sans-serif;
        line-height: 1.3;
        margin-bottom: 8px;
    }

    .faqSContentItem p {
        color: #221f20;
        font-size: 18px;
        line-height: 1.3;
    }

        .faqSContentItem p strong {
            font-family: 'Maven Pro', sans-serif;
            font-size: 16px;
        }

.faqSContentWrap {
    margin-top: 0;
    padding: 24px 0px 1px;
}

.faqSContent {
    /*box-shadow: 0px 0px 24px -4px #ccc;*/
    margin-bottom: 20px;
    border-radius: 10px;
    padding: 0;
    /* box-shadow: 0px 0px 24px -4px #ccc;*/
    margin-bottom: 20px;
    border-radius: 10px;
    padding: 0;
    padding-left: 32px;
}


    .faqSContent.active h4 {
        border-radius: 10px 10px 0 0px;
        background: url(/images/arrow-up-white.png) no-repeat 98% 20px;
        background-color: #1c75bc;
        background-size: 16px auto;
    }

.faqSContentItem p a {
    color: #1C75BC;
    text-decoration: none;
}

.faqSection {
    display: inline-block;
    width: 100%;
}

.faqSContentItem h5 {
    color: #1c75bc;
    padding: 15px;
    font-size: 18px;
    cursor: pointer;
    margin-bottom: 0px !important;
    font-weight: 400 !important;
    background: url(/images/arrow-down.png) no-repeat 98% 15px;
}

.faqSContentItem p {
    display: none;
    padding: 0 15px 16px;
}

.faqSContentItem {
    box-shadow: 0px 0px 24px -4px #ccc;
    margin-bottom: 20px;
    border-radius: 15px;
}

    .faqSContentItem.active h5 {
        color: #fff;
        background: url(/images/arrow-up-white.png) no-repeat 97.5% 20px;
        background-color: #1c75bc;
        border-radius: 15px 15px 0 0;
        margin-bottom: 12px !important;
        background-size: 14px auto;
    }


.page {
    background: #fff;
    padding: 48px 16px;
    min-height: 400px;
}



.redBtn {
    display: block;
    width: 116px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    background: #d91b5d;
    text-decoration: none;
    border-radius: 4px;
    font-size: 16px;
    margin: 12px 0;
}

.flexPage {
    display: flex;
}

.page-left-sec {
    width: 80%;
    padding-right: 92px;
}

.page-right-sec {
    width: 20%;
}

.awssilver.package-sec {
    width: 100%;
}

.packagesContainer {
    display: flex;
    justify-content: space-between;
}

.package-sec {
    width: 21.5%;
    margin-right: 15px;
    box-shadow: 0px 0px 24px -4px #ccc;
    padding: 0 15px 92px;
    border-radius: 15px;
    position: relative;
    /*min-width: 256px;*/
}

    .package-sec:last-child {
        margin-right: 0;
    }

span.packagesTitle {
    background: #1e4389;
    color: #fff;
    margin-left: -15px;
    margin-right: -15px;
    display: inline-block;
    width: calc(100% + 0px);
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    padding: 50px 15px 25px;
    text-align: center;
    font-size: 20px;
    min-height: 32px;
    font-weight: 700;
}

.package-sec:before {
    content: "";
    background: url(/images/diamond.png);
    position: absolute;
    left: calc(50% - 40px);
    width: 50px;
    height: 50px;
    z-index: 1;
    background-color: #fff;
    top: -40px;
    background-size: 55%;
    background-repeat: no-repeat;
    padding: 15px;
    background-position: center;
    border-radius: 50%;
    box-shadow: 0px 0px 7px -3px #ccc;
}

.platinum .packagesTitle {
    background: #1c74bc;
}

.gold .packagesTitle {
    background: #95268f;
}

.silver .packagesTitle {
    background: #da1b5e;
}

.diamond.package-sec:before {
    background-image: url(/images/diamond.png);
}

.gold.package-sec:before {
    background-image: url(/images/gold.png);
}

.platinum.package-sec:before {
    background-image: url(/images/platinum.png);
}

.silver.package-sec:before {
    background-image: url(/images/sliver.png);
}

span.packagesTitle .subTitle {
    display: block;
    font-size: 12px;
    margin-top: 7px;
    margin-bottom: 7px;
    letter-spacing: 1px;
}

.packageDetailsContainer {
    border-top-left-radius: 15px;
    position: relative;
    background: #fff;
    top: -15px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 15px;
    border-top-right-radius: 15px;
    min-height: 275px;
}

    .packageDetailsContainer ul li {
        padding: 14px 20px;
        border-bottom: 1px solid #ccc;
        color: #1D76BB;
        font-weight: 700;
        font-size: 14px;
        background: url(/images/black-check-icon.png) no-repeat left 16px;
        line-height: 1.3;
    }

        .packageDetailsContainer ul li:last-child {
            border-bottom: 0;
        }

.packageHighlight-title {
    text-align: center;
    display: block;
    width: 100%;
    margin: 10px 0;
    font-weight: 700;
    color: #5B5B5B;
    font-size: 14px;
    line-height: 1.3;
    padding: 0 28px;
    box-sizing: border-box;
}

.packageLinkContainer a {
    display: inline-block;
    padding: 7px 45px;
    background: linear-gradient(45deg, #b62278, #2471af);
    text-decoration: none;
    color: #fff;
    border-radius: 5px;
    font-size: 14px;
}

.packageLinkContainer {
    text-align: center;
}


.rolesContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -48px;
    padding: 128px 0 48px;
}

    .rolesContainer .role {
        display: flex;
        flex-direction: column;
        width: 282px;
        padding: 24px 24px 64px;
        background: #fff;
        box-shadow: 0px 0px 24px -4px #ccc;
        box-sizing: border-box;
        margin-left: 48px;
        margin-bottom: 128px;
        border-radius: 24px;
        text-align: center;
        align-items: center;
        justify-content: center;
        position: relative;
    }

.roleImgWrap {
    width: 172px;
    height: 172px;
    border-radius: 50%;
    box-shadow: 0px 0px 24px -4px #ccc;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -100px;
    background: #fff;
}

.roleDescription h4 {
    color: #1D76BB;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 6px;
}

.roleDescription span {
    color: #898989;
    display: block;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 16px;
}

.roleDescription a {
    font-size: 14px;
    background: #1C75BC;
    color: #fff;
    padding: 8px 16px;
    border: 1px solid #1C75BC;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    position: absolute;
    bottom: 28px;
    left: auto;
    margin-left: -50px;
}

    .roleDescription a:hover {
        background: transparent;
        color: #1C75BC;
    }

.roleDescription {
    padding-top: 32px;
}

.roleImgWrap img {
    width: auto;
    height: 58%;
}

.contactMsg {
    display: none;
}

.contactFormPageWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 139px);
    padding: 0;
}

.contactFormPage {
    width: 600px;
    margin: auto;
    padding: 42px 52px;
    background: #fff;
    box-shadow: 0px 0px 24px -4px #ccc;
    border-radius: 24px;
}

.formINfoWrap {
    display: flex;
    flex-wrap: wrap;
}

    .formINfoWrap > .row60 {
        width: 60%;
        padding-right: 24px;
        box-sizing: border-box;
    }

.fCIDescription {
    width: 40%;
}

    .fCIDescription h4 {
        font-size: 16px;
        font-weight: 700;
        margin-block: 6px;
    }

    .fCIDescription h3 {
        font-size: 16px;
        font-weight: 700;
        margin-block: 6px;
    }

    .fCIDescription p {
        line-height: 1.3;
    }


.tagsContainer {
    display: flex;
}

.tag {
    background: #1c75bc;
    color: #fff;
    padding: 5px 6px;
    margin-right: 7px;
    display: inline-block;
    font-size: 13px;
    margin-top: 5px;
    font-weight: 700;
    border-radius: 3px;
    letter-spacing: 0.25px;
}

.cerficationDetails .pageSubHeading {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 62px;
    margin-top: -24px;
}

.pageSubHeading {
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 12px;
}

.cerficationDetails .packagesContainer {
    margin-bottom: 72px;
}

.cDleftLinkList {
    background: #fff;
    box-shadow: 0px 0px 24px -4px #ccc;
    border-radius: 16px;
    padding: 24px;
}

    .cDleftLinkList a {
        color: #434242;
        text-decoration: none;
        font-size: 16px;
        line-height: 1.3;
        margin-bottom: 6px;
        display: block;
    }

        .cDleftLinkList a:hover {
            color: #1D76BB;
        }

.packageFooter {
    position: absolute;
    bottom: 24px;
    width: 100%;
    left: 0;
}

.popupForVerification {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
}

.popupForLoading {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
}

.pFVContent {
    position: relative;
    width: 90%;
    left: 50%;
    top: auto;
    background: #fff;
    border: 1px solid #e0e0ef;
    border-radius: 0.3rem;
    padding: 26px;
    max-width: 500px;
    transform: translateX(-50%);
    margin-top: 100px;
}

    .pFVContent p {
        font-size: 1rem;
    }

.pFVFooter a {
    min-width: 64px;
}

    .pFVFooter a.btn {
        text-align: center;
    }


.dashboardItemWrap {
    /* display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -24px;
    padding: 0; */
}

    .dashboardItemWrap .itemContainer {
        max-width: 100%;
        padding: 24px 16px;
        background: #fff;
        box-shadow: 0px 7px 15px -12px #ccc;
        box-sizing: border-box;
        /* margin-left: 24px; */
        margin-bottom: 24px;
        position: relative;
        /* text-align: center;*/
    }

        .dashboardItemWrap .itemContainer p a {
            color: #1F4388;
            font-size: 18px;
            line-height: 1.3;
            font-weight: 700;
            text-decoration: none;
            text-align: left;
            display: inline-block;
        }

        .dashboardItemWrap .itemContainer .Active {
            font-size: 14px;
            color: #1C75BC;
            padding: 8px 16px;
            border: 1px solid #1C75BC;
            border-radius: 4px;
            display: inline-block;
            text-decoration: none;
            font-weight: 700;
            background: #1C75BC;
            color: #fff;
            margin-top: 0;
            position: absolute;
            top: 50%;
            right: 24px;
            transform: translateY(-50%);
        }

.courserheaderDesc {
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    box-shadow: 0px 0px 24px -4px #ccc;
    border-radius: 16px;
    padding: 24px 16px 6px;
    margin-top: 24px;
}

    .courserheaderDesc li {
        font-size: 16px;
        color: #727271;
        line-height: 1.3;
        margin-bottom: 6px;
        display: block;
        border-bottom: none;
        max-width: 460px;
        padding-bottom: 4px;
        margin-bottom: 16px;
        width: 33.33%;
        padding-left: 24px;
        box-sizing: border-box;
        border: none !important;
    }

.line-item {
    font-weight: 700;
    display: inline-block;
    width: calc(100% - 116px);
    min-width: 10px !important;
}

.courserheaderDesc li a, .courserheaderDesc li span {
    color: #1C75BC;
    text-decoration: none;
}

.courserheaderDesc li .lnk {
    font-size: 14px;
    background: #1C75BC;
    color: #fff;
    padding: 8px 16px;
    border: 1px solid #1C75BC;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    letter-spacing: 1px;
    float: none;
}

.courserheaderDesc li .btn {
    font-size: 14px;
    background: #da1b5e;
    color: #fff;
    padding: 8px 16px;
    border: 1px solid #da1b5e;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    letter-spacing: 1px;
    float: none;
}

.courserheaderDesc li .prog {
    font-size: 14px;
    background: #95298e;
    color: #fff !important;
    padding: 8px 16px;
    border: 1px solid #95298e;
    border-radius: 4px;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    letter-spacing: 1px;
    float: none;
}

.courserheaderDesc li:nth-child(3n+1) {
    /* padding-left: 0px;*/
}

.cDLeftPanel h3 {
    color: #1F4388;
    font-size: 18px;
    line-height: 1.2;
    position: relative;
    padding-bottom: 4px;
    font-weight: 700;
    padding: 0 10px;
    margin-bottom: 12px;
}

.cdRightPHeader {
    max-width: 100%;
    padding: 24px 16px;
    background: #fff;
    box-shadow: 0px 0px 17px -4px #ccc;
    box-sizing: border-box;
    /* margin-left: 24px; */
    margin-bottom: 24px;
    position: relative;
    /* text-align: center; */
    border-radius: 16px;
    margin-left: 16px;
    margin-right: 16px;
    margin-top: 9px;
}

.courseProgressPage .cDLeftPanel {
    background: #fff;
    box-shadow: 0px 0px 24px -4px #ccc;
    border-radius: 16px;
    padding: 24px 16px 6px;
}

/* learningpathDe */
.learning-del-top {
    display: flex;
}

.imgContainer img {
    padding-top: 30px;
}

.imgContainer {
    margin-right: 20px;
    width: 12%;
}

.learning-del-right {
    width: 88%;
}

    .learning-del-right .summary p {
        margin-bottom: 8px;
        line-height: 1.3;
    }

        .learning-del-right .summary p a {
            color: #1F4388;
            display: inline-block;
            margin-top: 8px;
            text-decoration: none;
        }

.learningdetailContainer .row .column {
    display: flex;
}

    .learningdetailContainer .row .column .detailimgwrap {
        margin-right: 10px;
    }

        .learningdetailContainer .row .column .detailimgwrap p {
            box-shadow: 0px 0px 14px -4px #ccc;
            padding: 5px;
            border-radius: 7px;
        }

    .learningdetailContainer .row .column img {
        width: 30px;
        height: 30px;
    }

.summaryfist {
    margin-bottom: 30px;
}
/* learningpathDe */
.courseProgressPage .pageHeading {
    margin-bottom: 14px;
}

.courseProgressPage p {
    margin-bottom: 16px;
    line-height: 1.3;
}

.pageSubHeading {
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 12px;
}

.cerficationDetails .pageSubHeading {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 62px;
    margin-top: -24px;
}

.bx-wrapper .imageContainer img {
    max-width: none;
}

.cerficationDetails .packagesContainer {
    margin-bottom: 72px;
}


/*Css Manage*/


.pathitem .tagsContainer {
    display: block;
}

    .pathitem .tagsContainer .tagContainer {
        display: inline-block;
    }

.footerSocialMedia li a {
    color: #fff;
    font-size: 26px;
}

.footerSocialMedia {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-top: 12px;
}


.formTitle {
    font-weight: 100;
    font-size: 32px;
    color: #2a3b8f;
    padding-top: 36px;
}

p.groupTitle, div.groupTitle {
    font-weight: 100;
    font-size: 24px;
    color: #2a3b8f;
    padding-top: 20px;
    margin-bottom: 8px;
}

.examAdmin {
}

    .examAdmin a {
        text-decoration: none;
    }

    .examAdmin table {
        min-width: 80%;
    }

    .examAdmin th {
        font-weight: 300;
        font-size: 20px;
        color: #fff;
        background: #2a3b8f;
    }

    .examAdmin td {
        font-weight: 200;
        font-size: 16px;
        color: #2a3b8f;
    }



.contentTable {
    width: 100%;
}

    .contentTable thead {
        border-bottom: 1px solid #22222222;
    }

    .contentTable th {
        font-weight: 300;
        font-size: 20px;
        color: #fff;
        background: #2a3b8f;
    }

    .contentTable td {
        vertical-align: middle;
        padding: 8px 16px 4px 2px;
    }

    .contentTable a {
        color: #2F5597;
        text-decoration: underline;
        text-underline-offset: 2px;
        display: inline-block;
    }

    .contentTable td.top, .contentTable th.top {
        vertical-align: top;
    }

    .contentTable td.right, .contentTable th.right {
        text-align: right;
    }

    .contentTable tfoot td, .contentTable tfoot th {
        padding: 0 8px 4px 0;
    }

    .contentTable td.multiButtonContainer a {
        margin: 4px;
    }

    .contentTable.alt tr:nth-child(even) {
        background-color: #e2efff;
    }

.pagination {
}

    .pagination td {
        border: 1px solid #22222222;
        vertical-align: middle;
        text-align: center;
        padding: 0;
    }

        .pagination td a, .pagination td span {
            font-size: 14px;
            color: #222222;
            padding: 12px 16px;
            display: block;
        }

            .pagination td span.label {
                font-size: 12px;
                color: #dddddd;
                padding: 12px 16px;
                display: block;
            }

            .pagination td a.active {
                font-size: 16px;
                font-weight: bold;
            }

    .pagination.dark td {
        border: 1px solid #cccccc22;
    }

        .pagination.dark td a, .pagination.dark td span {
            font-size: 14px;
            color: #dddddd;
            padding: 12px 16px;
            display: block;
        }

            .pagination.dark td a.active {
                font-size: 16px;
                font-weight: bold;
                color: #dddddd;
            }

            .pagination.dark td span.label {
                font-size: 12px;
                color: #dddddd;
                padding: 12px 16px;
                display: block;
            }




.skButton {
    background: #1C75BC;
    border-radius: 4px;
    padding: 4px 8px;
    color: #ffffff !important;
    font-weight: bold;
    text-decoration: none !important;
    font-size: 10px;
    margin: 0 4px;
}

.skButtonLight {
    background: #ffffff;
    border-radius: 4px;
    padding: 4px 8px;
    color: #1C75BC !important;
    font-weight: bold;
    text-decoration: none !important;
    font-size: 10px;
    margin: 0 4px;
}

.skCancelButton {
    background: #930D18;
    border-radius: 4px;
    padding: 4px 8px;
    color: #ffffff !important;
    font-weight: bold;
    text-decoration: none !important;
    font-size: 10px;
    margin: 0 4px;
}

.large {
    font-size: 14px;
    padding: 8px 16px;
}

.ansList {
    list-style-type: none;
    padding-left: 8px;
}

    .ansList li {
        width: 100%;
        margin-bottom: 4px;
        display: flex;
        flex-direction: row;
    }

        .ansList li div {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .ansList li img.thumb {
            max-width: 48px;
            max-height: 48px;
            margin-right: 16px;
        }

        .ansList li span.itemTitle {
            font-weight: bold;
            color: #222222;
            display: flex;
        }

        .ansList li span.itemDesc {
            display: flex;
        }

        .ansList li input {
            margin-right: 8px;
        }

            .ansList li input[type="radio"],
            .ansList li input[type="checkbox"] {
                height: 24px;
                width: 24px;
            }

        .ansList li label {
            display: flex;
            flex: 1;
            border: 1px solid var(--primary);
            border-radius: 4px;
            padding: 4px;
            margin: 1px;
        }

            .ansList li label:hover {
                display: flex;
                cursor: pointer;
                margin: 0;
                border: 2px solid var(--primary);
            }

.mobileMenu {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

    .mobileMenu.open {
        display: block;
    }

    .mobileMenu.anim {
    }

    .mobileMenu .menuContainer {
        opacity: 0.5;
        transition: all .5s ease-in-out;
        background-color: #43424200;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        padding-top: 122px;
        overflow-x: scroll;
    }

    .mobileMenu.anim .menuContainer {
        opacity: 1;
        background-color: #434242;
    }

    .mobileMenu .menuHeader {
        padding-bottom: 16px;
    }

        .mobileMenu .menuHeader a {
            display: block;
            padding: 8px 16px;
            color: #fff;
            text-decoration: none;
        }

            .mobileMenu .menuHeader a.notification {
                display: block;
                padding: 0;
                color: #222;
                text-decoration: none;
                right: 16px;
                position: absolute;
                margin-top: -28px;
            }

    .mobileMenu .menuBody {
        padding: 8px 16px;
        background-color: #ffffff11;
    }

        .mobileMenu .menuBody a {
            display: block;
            padding: 8px 16px;
            color: #fff;
            text-decoration: none;
        }

    .mobileMenu .menuFooter {
        padding: 8px 16px;
    }

        .mobileMenu .menuFooter a {
            display: block;
            padding: 8px 16px;
            color: #fff;
            text-decoration: none;
        }


/*.incentives.column {
    display: flex;
    flex: 1;
    flex-direction: row;
    flex-wrap: wrap;
}

    .incentives.column .incentive {
        display: flex;
        flex-direction: column;
        cursor: pointer;
        margin: 12px 4px;
        border: 1px solid #22222222;
        padding: 16px;
        border-radius: 4px;
        max-width: 320px;
        justify-content: space-between;
    }

        .incentives.column .incentive .body {
            display: flex;
            flex-direction: column;
        }

        .incentives.column .incentive .thumb {
            display: flex;
            flex-direction: column;
            position: relative;
        }

            .incentives.column .incentive .thumb .type {
                text-align: center;
                background: #1C75BC;
                color: #ffffff;
                font-size: 11px;
                font-weight: 400;
                padding: 2px 0px;
                border: 1px solid #1C75BC;
            }

            .incentives.column .incentive .thumb .img {
                width: 100%;
                max-height: 200px;
                object-fit: cover;
            }

            .incentives.column .incentive .thumb .new {
                border-right: 48px solid red;
                border-bottom: 48px solid transparent;
                right: 0;
                top: 0;
                position: absolute;
            }

                .incentives.column .incentive .thumb .new:after {
                    content: 'New';
                    color: #fff;
                    font-size: 11px;
                    text-transform: uppercase;
                    right: -40px;
                    top: 12px;
                    position: absolute;
                    transform: rotate(45deg);
                    text-align: center;
                    display: block;
                    font-weight: bold;
                }


        .incentives.column .incentive .details {
            display: flex;
            flex-direction: column;
            margin-top: 8px;
        }

            .incentives.column .incentive .details .title {
                margin: 0 0 4px 0
            }

            .incentives.column .incentive .details .desc {
                margin-bottom: 4px;
                margin-right: 4px;
                text-align: justify;
            }

            .incentives.column .incentive .details .infoContainer {
                display: flex;
                flex-direction: row;
                padding-top: 8px;
                justify-content: space-between;
            }

            .incentives.column .incentive .details .infoLabel {
                display: flex;
            }

            .incentives.column .incentive .details .info {
                font-weight: bold;
                color: #222222
            }

        .incentives.column .incentive .action {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            justify-self: end;
            padding-top: 24px
        }

            .incentives.column .incentive .action .button {
                text-align: center;
                border: 1px solid #22222222;
                background: #ffffff;
                padding: 4px;
                border-radius: 4px;
                color: #222222
            }*/









/****************FAV****************************/

.fav {
}

    .fav .af {
        display: none;
    }

    .fav .df {
        display: inline-block;
    }

    .fav.active {
    }

        .fav.active .af {
            display: inline-block;
        }

        .fav.active .df {
            display: none;
        }

.incentives {
    display: flex;
    flex: 1;
    flex-direction: row;
    flex-wrap: wrap;
}


    .incentives .incentive {
        display: flex;
        flex-direction: column;
        cursor: pointer;
        margin: 12px 4px;
        border: 1px solid #22222222;
        padding: 16px;
        border-radius: 4px;
        max-width: 320px;
        justify-content: space-between;
    }

        .incentives .incentive .body {
            display: flex;
            flex-direction: column;
        }

        .incentives .incentive .thumb {
            display: flex;
            flex-direction: column;
            position: relative;
        }

            .incentives .incentive .thumb .type {
                text-align: center;
                background: #1C75BC;
                color: #ffffff;
                font-size: 11px;
                font-weight: 400;
                padding: 2px 0px;
                border: 1px solid #1C75BC;
            }

            .incentives .incentive .thumb .img {
                width: 100%;
                max-height: 200px;
                object-fit: cover;
            }

            .incentives .incentive .thumb .new {
                border-right: 48px solid red;
                border-bottom: 48px solid transparent;
                right: 0;
                top: 0;
                position: absolute;
            }

                .incentives .incentive .thumb .new:after {
                    content: 'New';
                    color: #fff;
                    font-size: 11px;
                    text-transform: uppercase;
                    right: -40px;
                    top: 12px;
                    position: absolute;
                    transform: rotate(45deg);
                    text-align: center;
                    display: block;
                    font-weight: bold;
                }


        .incentives .incentive .details {
            display: flex;
            flex-direction: column;
            margin-top: 8px;
        }

            .incentives .incentive .details .title {
                margin: 0 0 4px 0
            }

            .incentives .incentive .details .desc {
                margin-bottom: 4px;
                margin-right: 4px;
                text-align: justify;
            }

            .incentives .incentive .details .infoContainer {
                display: flex;
                flex-direction: row;
                padding-top: 8px;
                justify-content: space-between;
            }

            .incentives .incentive .details .infoLabel {
                display: flex;
            }

            .incentives .incentive .details .info {
                font-weight: bold;
                color: #222222
            }

        .incentives .incentive .action {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            justify-self: end;
            padding-top: 24px
        }

            .incentives .incentive .action .button {
                text-align: center;
                border: 1px solid #22222222;
                background: #ffffff;
                padding: 4px;
                border-radius: 4px;
                color: #222222;
                display: block;
            }




@media only screen and (min-width: 767px) {
    .incentives.stack {
        flex-direction: column;
    }

        .incentives.stack .incentive {
            max-width: 100%;
            flex-direction: row;
            padding: 4px;
        }

            .incentives.stack .incentive .body {
                flex-direction: row;
            }

            .incentives.stack .incentive .thumb {
            }

                .incentives.stack .incentive .thumb .type {
                }

                .incentives.stack .incentive .thumb .img {
                    width: 160px
                }

                .incentives.stack .incentive .thumb .new {
                }

                    .incentives.stack .incentive .thumb .new:after {
                    }


            .incentives.stack .incentive .details {
                padding: 0 16px;
            }

                .incentives.stack .incentive .details .title {
                }

                .incentives.stack .incentive .details .desc {
                }

                .incentives.stack .incentive .details .infoContainer {
                }

                .incentives.stack .incentive .details .infoLabel {
                }

                .incentives.stack .incentive .details .info {
                }

            .incentives.stack .incentive .action {
                align-items: flex-start;
                padding-top: 16px;
            }

                .incentives.stack .incentive .action .button {
                }
}

.form-group {
    margin-top: 4px;
}