*, *::before, *::after {
    box-sizing: border-box
}

*, body {
    -webkit-overflow-scrolling: touch;
    font-family: "Roboto",sans-serif !important;
    font-weight: normal;
    font-style: normal
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

@-ms-viewport {
    width: device-width
}

article, footer, header, nav, section {
    display: block
}

body {
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
    letter-spacing: normal;
    color: #51565e;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: 0 !important
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0
}

p {
    margin-top: 0;
    margin-bottom: 0
}

ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem;
    padding: 0;
    list-style: none
}

    ol ol, ul ul, ol ul, ul ol {
        margin-bottom: 0
    }

b, strong {
    font-weight: 500
}

small {
    font-size: 80%
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    vertical-align: middle;
    border-style: none
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

textarea {
    overflow: auto;
    resize: vertical
}

[hidden], .hide {
    display: none !important
}

.container:after, .container:before {
    content: " ";
    display: table
}

a {
    text-decoration: none
}

.p-t-b-80 {
    padding-top: 80px;
    padding-bottom: 80px
}

h2 {
    font-size: 18px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: normal;
    color: #272c37
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    vertical-align: middle;
    border-top: 5px dashed #fff;
    border-top: 5px solid #fff \9;
    border-right: 5px solid rgba(0,0,0,0);
    border-left: 5px solid rgba(0,0,0,0)
}

input:focus, textarea:focus, select:focus {
    outline-offset: -2px
}

:focus {
    outline: -webkit-focus-ring-color auto 5px
}

.btn, input, select, textarea {
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

button.btn {
    box-shadow: none;
    border: 0;
    cursor: pointer
}

.border-btn {
    cursor: pointer
}

button, input, optgroup, select, textarea {
    font: inherit;
    margin: 0
}

    input:not([type]), input[type=email], input[type=number], input[type=password], input[type=tel], input[type=url], input[type=text] {
        padding: 1px 0px
    }

input {
    -webkit-appearance: textfield;
    background-color: #fff;
    -webkit-rtl-ordering: logical;
    cursor: text;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial
}

input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em
}

input, textarea, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb
}

.visible-hidden {
    visibility: hidden
}

.query_success {
    position: absolute;
    top: 0;
    bottom: 0;
    background: #fff;
    left: 0;
    right: 0;
    z-index: 22222;
    border-radius: 4px
}

    .query_success::before {
        display: inline-block;
        vertical-align: middle;
        content: "";
        width: 0px;
        height: 100%
    }

    .query_success p {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        width: calc(100% - 4px);
        padding: 0 15px
    }

        .query_success p::before {
            width: 60px;
            height: 61px;
            content: "";
            display: block;
            background: var(--frs-sprite) no-repeat;
            background-position: -219px -152px;
            margin: 0 auto 42px auto
        }

        .query_success p b {
            color: #272c37;
            font-size: 22px;
            display: block;
            font-weight: 500;
            margin-bottom: 20px
        }

        .query_success p span {
            font-size: 14px;
            display: block;
            font-weight: 400;
            color: #51565e
        }

.error-message p:before {
    background-position: -289px -152px
}

@media(min-width: 768px) {
    .p-t-b-80 {
        padding-top: 88px;
        padding-bottom: 88px
    }

    h2 {
        font-size: 24px;
        line-height: 34px
    }

    .query_success p::before {
        width: 71px;
        height: 73px;
        background-position: -145px -120px
    }
}

@media(max-width: 767px) {
    .hidden-mobile {
        display: none
    }
}

.ipod-browser {
    width: 100%;
    height: 100%;
    position: fixed;
    overflow: hidden
}

.lazy, .lazy::before, .lazy::after, .lazy a, .lazy a::before, .lazy a::after, .lazy div, .lazy div::before, .lazy div::after {
    background-image: none !important
}

.container {
    width: 100%;
    display: inline-block;
    padding-left: 15px;
    padding-right: 15px
}

@media(min-width: 768px) {
    .container {
        width: 750px;
        display: block;
        margin-left: auto;
        margin-right: auto
    }
}

@media(min-width: 992px) {
    .container {
        width: 970px
    }
}

@media(min-width: 1200px) {
    .container {
        width: 1170px
    }
}

#disclaimers {
    pointer-events: none
}

    #disclaimers .disclam-container ul li a {
        pointer-events: all !important
    }

#sticky-header {
    min-height: 58px
}

#dual-sticky-header {
    display: block;
    position: sticky;
    position: -webkit-sticky;
    z-index: 2;
    top: 0;
    width: 100%;
    clear: both
}

.sticky-outer {
    display: inline-block;
    width: 100%;
    height: 58px
}

#HeaderMenu .sticky-top {
    position: relative;
    animation: none;
    -webkit-animation: none;
    -webkit-transition: none;
    transition: none
}

.sticy-menu-list {
    display: inline-block
}

.cp-course-menu .EnrollNow {
    display: none !important
}

.cp-course-menu.sticky-top .EnrollNow, .cp-course-menu.sticky-minimize .EnrollNow {
    display: inline-block !important;
    margin-right: 0
}

    .cp-course-menu.sticky-top .EnrollNow .btn, .cp-course-menu.sticky-minimize .EnrollNow .btn {
        display: inline-block !important
    }

    .cp-course-menu.sticky-top .EnrollNow .modal-dialog .btn, .cp-course-menu.sticky-minimize .EnrollNow .modal-dialog .btn {
        display: block !important
    }

.sticy-menu-list {
    -webkit-transform: translate3d(0px, 0px, 0px);
    backface-visibility: hidden;
    -webkit-perspective: 1000
}

@keyframes smoothScroll {
    0% {
        top: -100px
    }

    100% {
        top: 0
    }
}

p.affirm-enroll {
    font-size: 14px
}

.cp-course-menu {
    display: inline-block;
    width: 100%;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
    top: 0;
    background: #fff;
    z-index: 2;
    transition: all .3s ease
}

    .cp-course-menu a {
        line-height: 58px;
        color: #51565e;
        font-size: 14px;
        font-weight: 400;
        padding: 0 10px;
        margin-right: 16px;
        position: relative;
        display: inline-block;
        text-transform: capitalize;
        z-index: 9999
    }

        .cp-course-menu a:last-child {
            margin-right: 0
        }

        .cp-course-menu a:after {
            content: "";
            width: 100%;
            height: 4px;
            background: rgba(0,0,0,0);
            display: inline-block;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0
        }

        .cp-course-menu a[title="Enroll Now"], .cp-course-menu a[title="ENROLL NOW"] {
            display: none
        }

        .cp-course-menu a.affirm-modal-trigger {
            line-height: normal;
            padding: 0 !important
        }

        .cp-course-menu a.active {
            color: #272c37;
            font-weight: 500
        }

            .cp-course-menu a.active::after {
                background: #f1b006
            }

    .cp-course-menu .EnrollNow {
        display: inline-block;
        width: auto;
        float: right
    }

        .cp-course-menu .EnrollNow .btn {
            margin-top: 8px;
            line-height: 38px;
            color: #fff;
            width: 209px;
            font-weight: 500;
            text-transform: uppercase;
            -webkit-appearance: none;
            border: 0;
            box-shadow: none;
            cursor: pointer
        }

            .cp-course-menu .EnrollNow .btn::after {
                display: none
            }

@media(max-width: 1199px) {
    .sticky-outer {
        display: none
    }

    .cp-course-menu {
        display: none
    }
}

@media(min-width: 1200px) {
    @supports(-ms-ime-align: auto) {
        .cp-course-menu.sticky-top, .cp-course-menu.sticky-minimize {
            position: fixed !important;
            top: 0
        }
    }
}

.strike-line {
    text-decoration: line-through !important
}

.top-sub-menu {
    display: none
}

img.lazy {
    width: 16px !important;
    height: 9px !important;
    padding: 0 !important;
    border: 0 !important
}

@media(min-width: 992px) {
    .top-sub-menu {
        display: inline-block;
        width: 100%;
        text-align: right;
        background: #e6ecef;
        min-height: 38px
    }

        .top-sub-menu a {
            margin-left: 44px;
            font-size: 14px;
            font-weight: 400;
            display: inline-block;
            line-height: 36px;
            color: orange
        }

            .top-sub-menu a:hover {
                color: #118aef
            }

    header .search_topbar input {
        margin-bottom: 0
    }

    header .logo img {
        width: 145px;
        height: 90px;
    }
}

header {
    object-fit: contain;
    background: #fff;
    position: relative;
    box-shadow: 0 10px 20px 0 rgba(197,208,216,.2);
    display: inline-block;
    width: 100%;
    float: left
}

    header .logo {
        float: left;
        width: 150px;
        height: 80px;
        margin-top: -8px;
        margin-right: 40px;
        overflow: hidden;
        color: #fff
    }

        header .logo img {
            color: #fff
        }

    header span.courses-menu {
        width: 146px;
        cursor: pointer;
        display: block;
        float: left;
        height: 38px;
        padding: 0 0 0 52px;
        background: orange;
        color: #fff;
        border-radius: 4px;
        line-height: 38px;
        font-size: 14px;
        font-weight: 500;
        position: relative;
        margin: 12px 0
    }

        header span.courses-menu::before {
            content: "";
            width: 20px;
            height: 20px;
            display: inline-block;
            background: url(/assets/image/header-new.svgz) no-repeat;
            background-position: -110px -21px;
            position: absolute;
            left: 20px;
            top: 8px
        }

        header span.courses-menu span {
            font-weight: 500
        }

    header .search_topbar {
        display: inline-block;
        width: 445px;
        position: relative;
        float: left;
        margin-left: 32px;
        top: 6px;
        top: 0
    }

        header .search_topbar form {
            box-shadow: none;
            margin-top: 13px;
            position: relative;
            background-clip: padding-box;
            display: inline-block;
            width: 100%
        }

        header .search_topbar input {
            border-radius: 4px;
            border: 1px solid orange;
            height: 38px;
            font-size: 14px;
            color: orange;
            font-weight: 400;
            padding-left: 64px;
            background: 0 0;
            width: 100%;
            float: left;
            outline: 0
        }

            header .search_topbar input::placeholder {
                font-size: 14px;
                color: orange;
                font-weight: 400
            }

            header .search_topbar input:focus::placeholder {
                color: rgba(0,0,0,0)
            }

            header .search_topbar input[type=search]::-webkit-search-cancel-button {
                -webkit-appearance: none;
                height: 0px;
                width: 0px
            }

        header .search_topbar button {
            position: absolute;
            left: 0;
            height: 38px;
            background: 0 0;
            border: 0;
            box-shadow: none;
            width: 52px;
            cursor: pointer;
            padding: 6px 12px;
            user-select: none
        }

            header .search_topbar button span {
                text-indent: -9999px;
                width: 25px;
                height: 23px;
                display: inline-block;
                background: url(/assets/image/header-new.svgz) no-repeat;
                background-position: -66px -20px !important;
                margin: -1px 5px
            }

            header .search_topbar button:focus {
                outline: 0;
                border: 0
            }

    header .links-right {
        float: right;
        margin-top: 10px;
        display: inline-block
    }

    header .login {
        width: 100px;
        line-height: 36px;
        border-radius: 4px;
        border: 1px solid green;
        text-align: center;
        font-size: 14px;
        font-weight: 500;
        color: green;
        float: right;
        position: relative;
        top: 3px
    }

        header .login:hover {
            border-color: orange;
            color: orange
        }

    header .after-login {
        display: inline-block;
        margin-left: 64px;
        font-size: 14px;
        font-weight: 500;
        line-height: 40px;
        color: #808890;
        cursor: pointer
    }

        header .after-login:hover {
            color: #118aef
        }

@media(max-width: 991px) {
    .hide-sm {
        display: none
    }

    header .logo {
        height: 65px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100px;
        margin: auto
    }

    header span.courses-menu {
        text-indent: -9999px;
        width: 25px;
        height: 23px;
        display: inline-block;
        background: url(/assets/image/header-new.svgz) no-repeat;
        background-position: -22px -20px;
        margin: 16px 0;
        padding: 0 5px 0 0
    }

        header span.courses-menu::before {
            display: none
        }

    header .container {
        position: initial
    }

        header .container::after {
            content: " ";
            display: block;
            clear: both
        }

    header .links-right {
        display: none
    }

    header .search_topbar {
        float: right;
        width: auto;
        position: inherit
    }

        header .search_topbar form {
            box-shadow: #ccc 0 0 15px;
            margin-top: 0
        }

            header .search_topbar form input {
                color: #000;
                height: 55px;
                float: left;
                width: calc(100% - 52px);
                background-color: #fff;
                border-radius: 2px 0 0px 2px;
                border: 1px solid #d8d8d8;
                padding: 6px 12px;
                font-weight: 300;
                margin: 0
            }

                header .search_topbar form input::placeholder {
                    color: #999;
                    font-weight: 300
                }

            header .search_topbar form button {
                height: 55px;
                float: left;
                width: 52px;
                box-shadow: none;
                background: #118aef;
                border-color: #118aef;
                position: inherit;
                border-radius: 0;
                top: 0px;
                margin: 0
            }

                header .search_topbar form button span {
                    height: 22px;
                    width: 22px;
                    display: inline-block;
                    vertical-align: middle;
                    background: url(/assets/image/header-new.svgz) no-repeat;
                    margin-left: 5px;
                    filter: brightness(0) invert(1);
                    -webkit-filter: brightness(0) invert(1);
                    position: relative;
                    top: -2px
                }

    header .s_icon {
        text-indent: -9999px;
        width: 25px;
        height: 23px;
        display: inline-block;
        background: url(/assets/image/header-new.svgz) no-repeat;
        background-position: -66px -20px;
        margin: 16px 0 0 0
    }

    header .search {
        position: absolute;
        top: 0px;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 22
    }

        header .search form {
            display: none
        }

    header .s_icon + .search-enabled form {
        display: inline-block;
        box-shadow: #ccc 0 0 15px;
        background-clip: padding-box;
        width: 100%
    }
}

@media(max-width: 767px) {
    header {
        display: block;
        float: none;
        height: 55px
    }
}

@media(min-width: 992px)and (max-width: 1199px) {
    header .search_topbar {
        width: 324px
    }
}

.container {
    clear: both
}

header {
    box-shadow: 0 1px 5px 0 rgba(7,7,7,.15)
}

h3 {
    color: #272c37
}

a {
    color: #1179ef;
    text-decoration: none;
    cursor: pointer
}

    a:hover, a:focus {
        color: #0a5dc9;
        outline: 0
    }

footer a:hover, footer a:focus, footer a:active, footer a:visited {
    color: rgba(255,255,255,.5)
}

h3 + a:hover {
    color: #0a5dc9
}

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

    img.blend-mode[src] {
        filter: alpha(opacity=0);
        animation: simageScroll .3s forwards;
        -webkit-animation: simageScroll .3s forwards;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

@-webkit-keyframes simageScroll {
    0% {
        opacity: 0;
        filter: alpha(opacity=0)
    }

    25% {
        opacity: .3;
        filter: alpha(opacity=30)
    }

    50% {
        opacity: .5;
        filter: alpha(opacity=50)
    }

    75% {
        opacity: .8;
        filter: alpha(opacity=80)
    }

    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible
    }
}

@-moz-keyframes simageScroll {
    0% {
        opacity: 0;
        filter: alpha(opacity=0)
    }

    25% {
        opacity: .3;
        filter: alpha(opacity=30)
    }

    50% {
        opacity: .5;
        filter: alpha(opacity=50)
    }

    75% {
        opacity: .8;
        filter: alpha(opacity=80)
    }

    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible
    }
}

@-o-keyframes simageScroll {
    0% {
        opacity: 0;
        filter: alpha(opacity=0)
    }

    25% {
        opacity: .3;
        filter: alpha(opacity=30)
    }

    50% {
        opacity: .5;
        filter: alpha(opacity=50)
    }

    75% {
        opacity: .8;
        filter: alpha(opacity=80)
    }

    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible
    }
}

@keyframes simageScroll {
    0% {
        opacity: 0;
        filter: alpha(opacity=0)
    }

    25% {
        opacity: .3;
        filter: alpha(opacity=30)
    }

    50% {
        opacity: .5;
        filter: alpha(opacity=50)
    }

    75% {
        opacity: .8;
        filter: alpha(opacity=80)
    }

    100% {
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible
    }
}

.sticky-top {
    position: sticky;
    position: -webkit-sticky
}

header .search_topbar {
    display: block
}

span.ebook:before, span.webinar:before {
    content: "";
    width: 24px;
    height: 24px;
    background: var(--frs-sprite) no-repeat;
    display: inline-block;
    background-position: -78px -16px;
    margin-right: 8px;
    vertical-align: top
}

span.webinar::before {
    background-position: -113px -19px
}

body input {
    border: 0
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .frs-home .nav-menu.sticky-top, .sticky-cls nav.category-menu.sticky-top {
        position: fixed !important;
        max-width: 297px !important;
        margin-top: 0 !important
    }

        .frs-home .nav-menu.sticky-top + .detail-menu {
            margin-left: 342px
        }

    .frs-home .nav-menu.sticky-bottom, .sticky-cls nav.category-menu.nav-menu.sticky-bottom {
        position: absolute !important;
        max-width: 297px !important;
        margin-top: 0 !important;
        top: inherit !important;
        bottom: 0
    }

        .frs-home .nav-menu.sticky-bottom + .detail-menu {
            margin-left: 342px
        }

    .content-details {
        position: relative
    }

    a.card:hover h4 {
        color: #272c37
    }

    .segment-page .nav-menu.sticky-top {
        max-width: 100% !important;
        text-align: center
    }

    .segment-page .category-menu.sticky-top {
        text-align: left
    }

    .segment-page .nav-menu.sticky-top .segment-cat {
        text-align: left
    }

    .segment-page nav.category-menu, .content-details nav.category-menu {
        float: none !important;
        text-align: left
    }
}

@supports(-ms-ime-align: auto) {
    .frs-home .nav-menu.sticky-top {
        position: fixed !important;
        max-width: 297px !important;
        margin-top: 0 !important
    }

    .sticky-cls nav.category-menu.sticky-top, .sticky-cls nav.category-menu.nav-menu.sticky-bottom {
        position: sticky
    }

    .frs-home .nav-menu.sticky-top + .detail-menu {
        margin-left: 342px
    }

    .frs-home .nav-menu.sticky-bottom {
        position: absolute !important;
        max-width: 297px !important;
        margin-top: 0 !important;
        top: inherit !important;
        bottom: 0
    }

        .frs-home .nav-menu.sticky-bottom + .detail-menu {
            margin-left: 342px
        }

    .content-details {
        position: relative
    }

    a.card:hover h4 {
        color: #272c37
    }

    .segment-page .nav-menu.sticky-top {
        max-width: 100% !important;
        text-align: center
    }

    .segment-page .category-menu.sticky-top {
        text-align: left;
        float: left !important
    }

    .segment-page .nav-menu.sticky-top .segment-cat {
        text-align: left
    }

    .segment-page nav.category-menu, .content-details nav.category-menu {
        float: none !important;
        text-align: left
    }

    #MegaMenu {
        position: relative;
        z-index: 123456789
    }
}

@media(min-width: 992px) {
    .footer-links {
        margin-top: 32px
    }
}

.footer_date {
    font-size: 5px;
    text-align: center;
    color: rgba(255,255,255,.5);
    margin-bottom: 35px
}

footer {
    background: #1a1a1a;
    width: 100%;
    color: #fff
}

    footer .brand-courses {
        display: inline-block;
        width: 100%;
        border-top: 1px solid #969696;
        margin-top: 48px;
        margin-bottom: 56px !important;
        color: #969696;
        letter-spacing: .02em
    }

        footer .brand-courses p {
            color: #fff;
            font-size: 16px;
            font-weight: 400;
            margin-top: 48px;
            margin-bottom: 16px
        }

        footer .brand-courses a {
            color: #969696;
            font-size: 14px;
            display: inline !important;
            margin: 0 4px
        }

        footer .brand-courses p + a {
            margin-left: 0
        }

    footer .follow-us {
        margin-bottom: 11px;
        font-size: 16px;
        color: #fff;
        font-weight: 400
    }

    footer a {
        color: rgba(255,255,255,.5);
        font-size: 14px;
        line-height: 20px;
        padding-bottom: 10px;
        display: block
    }

    footer .col-md-2 {
        padding: 0 15px
    }

    footer .foot_company, footer .footer_workus {
        width: 50%;
        float: left
    }

    footer .footer_discover {
        display: inline-block;
        width: 100%;
        padding-bottom: 20px
    }

        footer .footer_discover div {
            width: 50%;
            float: left
        }

            footer .footer_discover div:last-child {
                padding-left: 15px
            }

.mobile-footer {
    background: #000;
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
    display: none
}

    .mobile-footer p {
        margin-bottom: 2px
    }

        .mobile-footer p:after {
            content: "";
            display: inline-block;
            width: 24px;
            height: 24px;
            background: var(--home-sprite) no-repeat -392px -231px;
            margin-left: 25px;
            position: relative;
            margin-bottom: -8px
        }

.footer-container {
    padding-top: 60px;
    padding-bottom: 15px
}

footer .foot-socials {
    text-align: center;
    padding-bottom: 40px
}

    footer .foot-socials a.refer-earn {
        color: #ccc;
        font-size: 14px;
        font-weight: 500;
        width: 120px;
        display: block;
        margin: 0 auto 20px;
        line-height: 36px;
        border: 1px solid #777;
        border-radius: 5px;
        padding: 0
    }

        footer .foot-socials a.refer-earn:hover {
            background: #000
        }

    footer .foot-socials a.share {
        margin: 0 6px 4px 0;
        display: inline-block;
        height: 33px;
        width: 33px;
        vertical-align: top;
        background: #353535 var(--footer-sprite) no-repeat;
        border-radius: 50%
    }

    footer .foot-socials a.lazy {
        background-image: none !important
    }

    footer .foot-socials a.facebook {
        background-position: -8px -52px
    }

        footer .foot-socials a.facebook:hover {
            background-color: #4c67a1
        }

    footer .foot-socials a.twitter {
        background-position: -76px -50px
    }

        footer .foot-socials a.twitter:hover {
            background-color: #55acee
        }

    footer .foot-socials a.youtube {
        background-position: -115px -50px
    }

        footer .foot-socials a.youtube:hover {
            background-color: #de2925
        }

    footer .foot-socials a.linkedin {
        background-position: -38px -50px
    }

        footer .foot-socials a.linkedin:hover {
            background-color: #1b86bd
        }

    footer .foot-socials a.telegram {
        background: #353535 var(--footer-telegram-sprite) no-repeat;
        background-position: 6px 9px;
        border-radius: 50%
    }

        footer .foot-socials a.telegram:hover {
            background-color: #1b86bd
        }

    footer .foot-socials a.insta {
        background-image: none
    }

        footer .foot-socials a.insta span {
            display: inline-block;
            width: 20px;
            height: 20px;
            background: var(--footer-sprite) no-repeat;
            background-position: -92px -18px;
            position: relative;
            top: 6px;
            left: 6px
        }

        footer .foot-socials a.insta:hover {
            background-image: radial-gradient(circle at 23% 84%, #f9ed32, #f8d939 5%, #f5a54d 17%, #f0536c 33%, #ee2a7b 40%, #9e2aa7 56%, #5b2acd 72%, #2a2ae8 85%, #0b2af9 95%, #002aff)
        }

footer .footer-disc {
    text-align: center;
    padding-bottom: 15px
}

    footer .footer-disc a {
        width: 185px;
        display: block;
        color: #ccc;
        margin: 0 auto;
        font-size: 14px;
        font-weight: 300;
        border: 1px solid #777;
        line-height: 32px;
        border-radius: 5px 5px 0px 0px;
        padding: 7px 0
    }

        footer .footer-disc a:hover {
            background: #000
        }

        footer .footer-disc a:before {
            content: "";
            width: 24px;
            height: 24px;
            display: inline-block;
            background: var(--footer-sprite) no-repeat;
            float: left;
            position: relative;
            left: 12px;
            top: 5px;
            background-position: -18px -19px
        }

        footer .footer-disc a.ios-app {
            border-top: 0;
            border-radius: 0 0 5px 5px
        }

            footer .footer-disc a.ios-app:before {
                background-position: -54px -19px
            }

.simpli_terms {
    padding: 0;
    text-align: center
}

    .simpli_terms li {
        padding: 0;
        list-style: none;
        display: inline-block
    }

        .simpli_terms li a {
            padding: 0 3px;
            font-size: 14px;
            color: rgba(255,255,255,.5)
        }

        .simpli_terms li h2 {
            color: rgba(255,255,255,.5);
            font-size: 12px;
            font-weight: 400;
            margin-top: 0
        }

    .simpli_terms .copy_rights {
        display: block;
        color: rgba(255,255,255,.5);
        font-size: 12px;
        font-weight: 400
    }

.resource-page .simpli_terms li:nth-of-type(4)::after {
    display: none
}

.resource-page .simpli_terms li#footer-country {
    display: block
}

.disc-section#disclaimers {
    background: #1a1a1a;
    border-top: 0
}

.container.disclam-container {
    padding-top: 30px;
    padding-bottom: 70px
}

    .container.disclam-container ul {
        margin-left: 20px;
        margin-right: 20px;
        list-style: none;
        padding: 0
    }

.disc-section#disclaimers ul li {
    color: #6d6d6d;
    font-size: 10px;
    line-height: normal;
    margin-bottom: 10px;
    padding-left: 10px;
    position: relative
}

    .disc-section#disclaimers ul li a {
        pointer-events: all;
        color: #6d6d6d;
        text-decoration: underline
    }

    .disc-section#disclaimers ul li:before {
        content: "";
        width: 4px;
        height: 4px;
        background: #777;
        border-radius: 100%;
        margin: 4px 0 0;
        position: absolute;
        left: 0
    }

    .disc-section#disclaimers ul li:first-child {
        color: #fff;
        font-size: 14px;
        margin: 0 0 12px;
        padding-left: 0
    }

        .disc-section#disclaimers ul li:first-child:before {
            display: none
        }

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

.sticky-footer-gdpr {
    background: #0b0b0b;
    bottom: -150px;
    display: inline-block;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 2;
    height: 43px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease
}

    .sticky-footer-gdpr a {
        color: #fff
    }

.active-sticky-footer {
    bottom: -1px
}

#sticky-footer-gdpr {
    bottom: 43px
}

.footer_sticky_bar {
    position: relative
}

    .footer_sticky_bar a {
        display: inline-block;
        font-weight: 400;
        line-height: 17px;
        padding: 4px 18px 0;
        position: relative;
        width: auto;
        font-size: 13px
    }

    .footer_sticky_bar .how_it_works {
        padding: 10px 8px 5px;
        cursor: pointer;
        line-height: 25px
    }

        .footer_sticky_bar .how_it_works:before {
            background: var(--home-sprite) no-repeat;
            background-position: -245px -161px;
            background-color: rgba(0,0,0,0);
            content: "";
            display: inline-block;
            height: 28px;
            margin-right: 10px;
            vertical-align: middle;
            width: 28px
        }

        .footer_sticky_wrapper a:hover, .footer_sticky_bar .how_it_works:hover {
            border-bottom: 2px solid #00a7dc
        }

.footer_sticky_wrapper .live_chat_div li.call_no_stiky a:hover {
    border-bottom: 0
}

.footer_sticky_bar .live_chat_div {
    width: 875px
}

.aap_icon {
    background: var(--home-sprite) no-repeat;
    display: inline-block
}

    .aap_icon.call_us_on {
        background-position: -313px -163px;
        width: 25px
    }

.live_chat_div li {
    vertical-align: middle;
    color: #fff;
    float: left;
    font-size: 13px;
    margin-right: 0
}

    .live_chat_div li.callback_link {
        width: auto
    }

.live_chat_div .call_no_stiky {
    padding-right: 10px;
    display: none
}

.live_chat_div li.btn_active_green {
    width: 133px
}

.live_chat_div li.live_chat_icon {
    background: orange;
    border-bottom: 2px solid orange
}

    .live_chat_div li.live_chat_icon a {
        padding: 12px 18px 6px 0
    }

.live_chat_div .chat_icon_footer {
    background-position: -348px -166px;
    width: 40px
}

.live_chat_div .live_text_chat {
    display: inline-block
}

.live_chat_div span {
    float: left;
    height: 21px;
    margin: 2px 0 0 10px;
    vertical-align: middle;
    display: inline-block
}

.live_chat_div a.sticky_request_call {
    padding: 15px 18px 6px 0;
    border-bottom: 2px solid rgba(0,0,0,0)
}

    .live_chat_div a.sticky_request_call:hover {
        border-bottom: 2px solid #00a7dc
    }

.live_chat_div .call_back_footer {
    background-position: -282px -165px;
    width: 25px;
    height: 22px;
    margin-top: -3px
}

.callbackleadform {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    z-index: 1
}

#footer-country {
    position: relative;
    font-size: 14px;
    color: rgba(255,255,255,.5)
}

    #footer-country a.country-flg {
        border: 1px solid #494440;
        border-radius: 3px;
        display: inline-block;
        line-height: 20px;
        padding: 5px;
        margin: 0 10px
    }

        #footer-country a.country-flg img {
            width: auto
        }

    #footer-country .dropdown_country {
        border: 0px solid #e6ecef;
        position: absolute;
        right: 15px;
        top: -279px;
        width: 250px;
        background: #fff;
        z-index: 1;
        height: 279px;
        overflow-x: hidden
    }

        #footer-country .dropdown_country a {
            padding: 4px 10px;
            font-size: 14px;
            color: #000;
            white-space: normal;
            display: block;
            clear: both;
            font-weight: 300;
            line-height: 1.42857143;
            text-align: left
        }

            #footer-country .dropdown_country a:nth-child(10) {
                border-bottom: 1px dotted #222
            }

            #footer-country .dropdown_country a:hover {
                background: #fff4ca
            }

@media(max-width: 767px) {
    #footer-country .dropdown_country {
        right: -15px
    }

    footer .foot-socials a.insta span {
        left: -1px
    }

    footer .footer_discover {
        margin-top: 50px
    }

    footer .brand-courses {
        border-top: 0px;
        margin: 0 15px;
        width: auto
    }

        footer .brand-courses p {
            margin-top: 64px;
            margin-bottom: 24px
        }

    .mobile-footer {
        display: block
    }
}

@media(max-width: 991px) {
    footer a {
        padding-bottom: 15px
    }

    footer .foot-socials a.desktop {
        display: none
    }
}

@media(max-width: 991px) {
    footer .brand-courses {
        margin: 0 15px;
        width: auto
    }

        footer .brand-courses p {
            margin-top: 64px
        }
}

@media(min-width: 992px) {
    .closeFooterCallBackForm {
        display: inline-block;
        background: #1e1e1e;
        width: 100%;
        position: relative;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px
    }

        .closeFooterCallBackForm a {
            border-bottom: 2px solid #0892c2;
            display: block;
            padding: 10px 0;
            text-align: left;
            width: 100%;
            color: #fff;
            padding-left: 35px;
            font-size: 13px;
            font-weight: 300
        }

            .closeFooterCallBackForm a::after {
                content: "";
                border: none;
                height: 3px;
                background: #fff;
                padding: 0;
                position: absolute;
                right: 9px;
                top: 19px;
                width: 14px
            }

    .footer-end-top {
        margin-top: 32px
    }
}

.eu-container + .active-sticky-footer {
    bottom: 65px
}

.simpli_terms #footer-country a.country-flg:focus + div.dropdown_country {
    display: block
}

ul.simpli_terms li#footer-country:after {
    display: none
}

ul.simpli_terms li.country-address {
    width: 100%
}

    ul.simpli_terms li.country-address h2 {
        display: block;
        font-size: 12px;
        color: rgba(255,255,255,.5);
        margin-bottom: 0;
        padding: 0 25px;
        line-height: 24px;
        margin-top: 15px
    }

@media(min-width: 768px) {
    .eu-container + .active-sticky-footer {
        bottom: 43px
    }

    .col-md-2 {
        width: 33.333%;
        float: left
    }

    .simpli_terms {
        width: 100%;
        display: inline-block;
        margin-bottom: 0
    }

        .simpli_terms li a {
            display: inline-block
        }

        .simpli_terms li:after {
            content: "";
            width: 5px;
            height: 5px;
            background: #b3b3b3;
            border-radius: 100%;
            display: inline-block;
            margin-right: 10px;
            margin-left: 15px
        }

        .simpli_terms li:nth-last-child(1):after, .simpli_terms li:nth-last-child(2):after {
            display: none
        }

    footer .foot-socials {
        text-align: left;
        max-width: 155px
    }

        footer .foot-socials a.refer-earn {
            text-align: center
        }

    footer .foot_company {
        width: 33%;
        margin-left: 9%
    }

    footer .footer_workus {
        margin-left: 0;
        width: 30%
    }

    footer .footer_discover {
        width: 62%
    }

    .disc-section#disclaimers {
        border-top: 1px solid rgba(70,69,69,.45)
    }
}

@media(min-width: 992px) {
    footer .simpli_terms li a {
        color: rgba(253,253,253,.9)
    }

    footer .simpli_terms #footer-country {
        color: rgba(253,253,253,.9)
    }

    footer .foot_company {
        width: 18%;
        margin-left: 5%
    }

    footer .footer_workus {
        width: 18%
    }

    footer .footer_discover {
        width: 18%
    }

        footer .footer_discover div {
            width: 100%
        }

            footer .footer_discover div:last-child {
                padding-left: 0
            }

    footer .footer-disc {
        width: 23%
    }

    footer .footer-container a {
        display: table
    }

    .footer_sticky_bar .live_chat_div {
        width: 615px
    }

    .live_chat_div {
        float: right;
        list-style: none;
        margin: 0 -3px 0 0;
        padding: 0
    }

        .live_chat_div li {
            vertical-align: middle;
            color: #fff;
            float: left;
            font-size: 13px;
            margin-left: 75px
        }

            .live_chat_div li.live_chat_icon {
                float: right
            }

                .live_chat_div li.live_chat_icon a img {
                    margin-left: 10px;
                    margin-right: 16px;
                    height: 21px
                }

    .footer_sticky_bar .mobile_lead_wrapper {
        display: none !important
    }

    footer .foot-socials a.mobile {
        display: none
    }
}

.footer_date {
    font-size: 16px;
    text-align: center;
    margin-bottom: 45px;
    color: rgba(0,0,0,0);
    visibility: hidden
}

@media(min-width: 1200px) {
    footer .foot_company {
        width: 14%;
        margin-left: 3%
    }

    footer .footer_workus {
        width: 18%
    }

    footer .footer_discover {
        width: 32%
    }

        footer .footer_discover div {
            width: 50%
        }

    footer .footer-disc {
        width: 19%;
        padding-right: 0
    }

        footer .footer-disc a {
            margin-right: 0
        }

    .footer_sticky_bar .live_chat_div {
        width: 875px
    }

        .footer_sticky_bar .live_chat_div li {
            margin-left: 90px
        }

            .footer_sticky_bar .live_chat_div li:first-child {
                margin-left: 0
            }

    .call_no_stiky {
        line-height: 33px;
        padding: 7px 20px 0 0
    }

    .live_chat_div .call_no_stiky {
        padding-right: 20px;
        display: block
    }

    footer .foot-socials {
        padding-left: 0
    }

        footer .foot-socials a.refer-earn {
            margin-left: 0
        }
}

.g_id_onload {
    position: fixed;
    top: 213px;
    right: 11px;
    z-index: 99999999
}

#google_onetap_appened {
    position: fixed;
    top: 110px;
    height: 109px;
    width: 375px;
    border-radius: 8px;
    z-index: 99999999;
    right: 19px;
    background: #fff;
    padding: 10px 15px;
    border: 1px solid #e1e6ea
}

    #google_onetap_appened h3 {
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 30px;
        color: #202124
    }

    #google_onetap_appened p {
        text-align: left;
        float: left;
        margin-right: 15px;
        margin-left: 6px;
        font-style: normal;
        font-weight: 400;
        font-size: 13px;
        line-height: 15px;
        padding: 5px 0px
    }

    #google_onetap_appened .ml-12 {
        margin-left: 12px
    }

    #google_onetap_appened p::before {
        content: "";
        width: 14px;
        height: 14px;
        display: inline-block;
        position: relative;
        top: 3px;
        left: -6px;
        background: var(--home-sprite-new) no-repeat;
        background-position: -150px -21px
    }

@media(max-width: 767px) {
    #google_onetap_appened {
        right: 0px;
        top: unset;
        width: 100%;
        bottom: 242px
    }

    .g_id_onload {
        right: -7px
    }
}

.ul-iners {
    overflow: hidden
}

    .ul-iners ul {
        min-width: 45000px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

.no-slider .ul-iners ul {
    min-width: 100%;
    width: 100%
}

.ul-iners ul li {
    position: relative;
    float: left
}

.c_arrow {
    display: none
}

.view-more-btn-fixed {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 32px;
    display: block;
    width: 80px
}

    .view-more-btn-fixed .view-more-btn {
        display: table;
        width: 80px;
        border-radius: 4px;
        overflow: hidden;
        background-color: #d8d8d8;
        table-layout: fixed;
        color: rgba(0,0,0,0);
        font-size: 0;
        line-height: 0
    }

        .view-more-btn-fixed .view-more-btn span {
            display: table-cell;
            min-width: 1px;
            height: 4px;
            cursor: default;
            vertical-align: middle;
            pointer-events: none;
            border-radius: 4px;
            border: 0;
            margin: 0;
            padding: 0;
            background: rgba(0,0,0,0)
        }

            .view-more-btn-fixed .view-more-btn span.active_tab {
                width: 36px;
                height: 4px;
                background-color: orange;
                border-radius: 4px
            }

@media(max-width: 767px) {
    .ul-iners ul li {
        max-width: 500px
    }
}

@media(max-width: 540px) {
    .ul-iners ul li {
        max-width: 320px
    }
}

@media(max-width: 344px) {
    .ul-iners ul li {
        max-width: 290px
    }
}

@media(min-width: 768px) {
    .ul-iners ul li {
        max-width: 748px
    }

    .ul-iners ul li {
        width: 748px;
        float: left
    }
}

@media(min-width: 992px) {
    .ul-iners ul li {
        max-width: 980px
    }

    .c_arrow {
        display: block
    }

    .view-more-btn-fixed {
        position: relative;
        overflow: visible;
        margin-top: 50px
    }

        .view-more-btn-fixed span.c_arrow {
            position: absolute;
            width: 38px;
            height: 38px;
            display: inline-block;
            border-radius: 50%;
            cursor: pointer;
            color: rgba(0,0,0,0);
            font-size: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            background: var(--sub-course-sprite) no-repeat
        }

        .view-more-btn-fixed span.c_prev {
            background-position: -271px -284px;
            left: -58px
        }

            .view-more-btn-fixed span.c_prev:hover {
                background-position: -213px -284px
            }

            .view-more-btn-fixed span.c_prev.hide-btn {
                background-position: -127px -76px;
                pointer-events: none;
                cursor: default
            }

        .view-more-btn-fixed span.c_next {
            right: -58px;
            background-position: -327px -284px
        }

            .view-more-btn-fixed span.c_next:hover {
                background-position: -304px -76px
            }

            .view-more-btn-fixed span.c_next.hide-btn {
                background-position: -127px -76px;
                -ms-transform: rotate(180deg);
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
                pointer-events: none;
                cursor: default
            }
}

@media(min-width: 1200px) {
    .ul-iners ul li {
        max-width: 1140px
    }
}

.dual-master .reviews .review-card {
    border: 1px solid #d2d6de
}

.dual-master .advisor {
    background: #ebf1f8
}

.advisor .advisor h3 {
    text-transform: capitalize
}

.industy_card {
    border-color: #dde6ed
}

    .industy_card div.industy_card-content {
        background: #ebf1f8
    }

@media(max-width: 1199px) {
    .advisor .container {
        margin-right: 0;
        padding-right: 0
    }
}

div.reviews {
    background: #fff
}

    div.reviews .ul-iners {
        padding: 2px 0px 0px 2px
    }

@media(min-width: 768px)and (max-width: 991px) {
    .ind-project div.frs-slider {
        margin-right: -24px
    }
}

@media(min-width: 768px) {
    .dual-master .reviews .review-card {
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 40px
    }

        .dual-master .reviews .review-card .profile {
            margin-left: 0;
            display: inline-block;
            vertical-align: top
        }

        .dual-master .reviews .review-card .info {
            width: calc(100% - 80px);
            padding-left: 30px;
            text-align: left;
            display: inline-block;
            vertical-align: top
        }

        .dual-master .reviews .review-card p {
            text-align: left;
            margin-top: 40px;
            font-size: 16px;
            line-height: 1.75
        }

        .dual-master .reviews .review-card h3 {
            margin-top: 0;
            text-transform: capitalize
        }

            .dual-master .reviews .review-card h3 + span {
                margin-top: 8px
            }

    .dual-master .reviews span.stars {
        margin-top: 16px
    }

    .dual-master .reviews .ul-iners ul li {
        width: 585px
    }

        .dual-master .reviews .ul-iners ul li .review-card {
            width: 555px
        }
}

@media(min-width: 992px) {
    .dual-master .reviews .ul-iners ul li {
        width: 785px
    }

        .dual-master .reviews .ul-iners ul li .review-card {
            width: 755px
        }
}

@media(min-width: 1200px) {
    .dual-master .reviews .ul-iners ul li {
        width: 580px
    }

        .dual-master .reviews .ul-iners ul li .review-card {
            width: 550px
        }
}

.lazy span, .lazy div, .lazy a::before, .lazy a::after, .lazy span::before, .lazy span::after {
    background-image: none !important
}

.advantage .title-desc {
    font-size: 14px;
    max-width: 850px
}

.banner .multi-logos {
    margin-top: 24px;
    min-height: 96px
}

    .banner .multi-logos span.partner {
        display: inline-block;
        width: auto;
        margin-top: 0;
        vertical-align: middle
    }

    .banner .multi-logos img {
        margin-left: 20px;
        max-height: 40px;
        width: auto
    }

@media(min-width: 768px) {
    .banner .multi-logos {
        margin-top: 32px;
        min-height: 50px
    }
}

@media(min-width: 992px) {
    .banner .multi-logos {
        margin-top: 40px
    }

        .banner .multi-logos img {
            max-height: 50px
        }
}

@media(min-width: 768px)and (max-width: 991px) {
    .dual-info .industry-trend .salary-info .container {
        width: 100%;
        padding: 0
    }
}

@media(max-width: 767px) {
    .banner .multi-logos span.partner {
        display: block;
        width: 100%
    }

    .banner .multi-logos img {
        margin-right: 20px;
        margin-left: 0;
        margin-top: 20px
    }
}

.application-form .propelld_query_success p.error-text::before {
    display: inline-block;
    width: 67px;
    height: 67px;
    background: var(--propelld-excla-logo) no-repeat
}

.application-form .propelld_query_success p.error-text span b {
    font-size: 16px;
    display: inline-block;
    margin-bottom: 0
}

@media(max-width: 991px) {
    .advantage .title-desc {
        max-width: 610px
    }
}

.default-curs {
    cursor: default !important;
    pointer-events: none
}

.callbackleadform .callback-forms p.eu-privacy-text a, .eu-privacy-text a {
    color: #1179ef !important
}

.clear {
    display: block;
    clear: both
}

h1 {
    font-size: 24px;
    line-height: 1.33
}

h2 {
    font-size: 20px;
    line-height: 1.3;
    color: #272c37;
    font-weight: 400;
    margin-top: 56px;
    letter-spacing: 1px
}

    h2 b {
        font-weight: 500
    }

h3 {
    font-size: 16px;
    font-weight: 500;
    margin: 48px 0 0;
    line-height: 1.5;
    letter-spacing: .5px;
    color: #272c37;
    text-transform: uppercase
}

li {
    color: #51565e;
    font-size: 14px;
    line-height: 1.43
}

    li b {
        color: #272c37
    }

.view-more {
    text-align: center;
    margin-top: 24px
}

    .view-more a {
        font-size: 14px;
        font-weight: 500
    }

        .view-more a.hide {
            display: block !important;
            visibility: hidden
        }

.more {
    display: inline-block;
    margin: 30px auto 0 auto;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    text-transform: uppercase;
    padding-left: 44px
}

.course-info {
    display: block;
    clear: both
}

.btn {
    width: 100%;
    line-height: 38px;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 500;
    margin-top: 48px;
    color: #fff;
    text-align: center;
    background: orange;
    max-width: 246px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase
}

    .btn:hover {
        color: #fff
    }

    .btn:focus {
        color: #fff
    }

.border-btn {
    border: 1px solid #fff;
    background: rgba(0,0,0,0);
    margin-top: 16px;
    line-height: 36px;
    border-radius: 2px
}

    .border-btn:hover {
        color: #fff
    }

.white-btn {
    background: #fff;
    color: #1179ef;
    max-width: 204px;
    margin-top: 56px
}

    .white-btn:hover {
        color: #1179ef
    }

p {
    color: #51565e;
    font-size: 14px;
    line-height: 1.57
}

header .search_topbar {
    display: block
}

.query_success {
    position: absolute;
    top: 0;
    bottom: 0;
    background: #fff;
    left: 0;
    right: 0;
    z-index: 22222;
    border-radius: 4px
}

    .query_success::before {
        display: inline-block;
        vertical-align: middle;
        content: "";
        width: 0px;
        height: 100%
    }

    .query_success p {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        width: calc(100% - 4px);
        padding: 0 15px
    }

        .query_success p::before {
            width: 60px;
            height: 61px;
            content: "";
            display: block;
            background: var(--frs-sprite) no-repeat;
            background-position: -219px -152px;
            margin: 0 auto 42px auto
        }

        .query_success p b {
            color: #272c37;
            font-size: 22px;
            display: block;
            font-weight: 500;
            margin-bottom: 20px
        }

        .query_success p span {
            font-size: 14px;
            display: block;
            font-weight: 400;
            color: #51565e
        }

.error-message p:before {
    background-position: -289px -152px
}

.title-desc {
    margin-top: 24px
}

.dual-info .accordion h3 {
    text-transform: capitalize
}

.dual-info .faq-wrapper .accordion .exam-head > h3 {
    text-transform: inherit
}

.faq-wrapper {
    padding-bottom: 56px
}

    .faq-wrapper .exam-more .more {
        padding-left: 0;
        text-align: center;
        margin-top: 0
    }

.cp-course-menu .EnrollNow a {
    line-height: inherit;
    margin: 0
}

.cp-course-menu .EnrollNow .suggestion-box a {
    font-size: 12px;
    text-transform: lowercase
}

.cp-course-menu .EnrollNow .form-checkbox a {
    margin-left: 5px;
    font-size: 13px
}

.tools .read-more a {
    text-transform: uppercase
}

.reviews div.review-card h3 {
    text-transform: capitalize
}

.get-started .ebook-modal .form-checkbox {
    text-align: left
}

@media(max-width: 767px) {
    .container {
        padding-left: 15px;
        padding-right: 15px
    }

    .blank_player .phoneCodeId {
        top: 9px
    }

    .blank_player input[name=personPhone] {
        padding-top: 6px
    }

    .blank_player .country-code span.phoneCodeId + .form-control {
        width: calc(100% - 108px)
    }

        .blank_player .country-code span.phoneCodeId + .form-control input[name=personPhone] {
            width: 100%
        }
}

@media(min-width: 992px)and (max-width: 1199px) {
    .container {
        width: 100%;
        display: inline-block;
        padding: 0 30px
    }

    .footer-container {
        padding-top: 60px;
        padding-bottom: 15px
    }

    .white-btn {
        margin-left: 0px
    }
}

@media(min-width: 768px) {
    h2 {
        margin-top: 64px;
        font-size: 24px
    }

        h2 + p, .overview .dual-text p {
            max-width: 610px;
            margin-top: 24px
        }

    .intro .intro_view {
        margin-left: 0
    }

    .query_success p::before {
        width: 71px;
        height: 73px;
        background-position: -145px -120px
    }

    .error-message p:before {
        background-position: -284px -70px
    }
}

@media(min-width: 992px) {
    h2 + p, .overview .dual-text p, .program-details-wrapper p.title-desc {
        max-width: 850px;
        font-size: 14px
    }

    .btn {
        max-width: 200px
    }

    div.menu-container {
        margin-top: 63px
    }

    p {
        font-size: 14px;
        line-height: 1.5
    }

    h2 {
        font-size: 32px;
        line-height: 1.33;
        letter-spacing: 1.5px
    }

    h3 {
        font-size: 20px
    }

    .footer-links {
        margin-top: 0
    }

    .program-details .tools h3 {
        margin-top: 80px
    }

    .faq-wrapper {
        padding-bottom: 64px
    }
}

@media(min-width: 1200px) {
    div#dual-sticky-header {
        position: relative;
        min-height: 64px
    }

        div#dual-sticky-header .sticky-top {
            position: fixed
        }

        div#dual-sticky-header + .overview h2 {
            margin-top: 0
        }

    h2 {
        margin-top: 64px
    }

        h2 + p {
            max-width: 850px;
            padding-right: 0
        }

    .btn:hover {
        background: rgb(209 145 28)
    }

    .border-btn:hover {
        background: #fff;
        color: #1179ef
    }

    .dual-master .sticky-outer {
        height: auto;
        display: block
    }

        .dual-master .sticky-outer .cp-course-menu {
            display: none
        }

            .dual-master .sticky-outer .cp-course-menu.sticky-top, .dual-master .sticky-outer .cp-course-menu.sticky-minimize {
                display: block
            }

    .white-btn {
        margin-left: auto
    }
}

@media(max-width: 767px) {
    #ContactUsForm .ebook-modal .modal-dialog {
        margin-top: 5px
    }

        #ContactUsForm .ebook-modal .modal-dialog form {
            margin-top: 20px
        }
}

.no-price-country .banner .btn, .no-price-country .benefits .btn, .no-price-country .cp-course-menu .EnrollNow a.btn, .no-price-country .curriculum .col-md-4, .no-price-country .hand-book-wrapper, .no-price-country #ScheduleCall, .no-price-country .applynow h2, .no-price-country .applynow .app-start, .no-price-country .overview .col-md-4.intro, .no-price-country .learning-path ul li.active .wt-preview, .no-price-country .program-content .border-btn, .no-price-country .applynow, .no-price-country .admission .counsel {
    display: none
}

.no-price-country .learning-path ul li.has-preview a.course-name:before {
    display: none !important
}

.no-price-country .learning-path ul li.has-preview a.course-name:hover:before {
    content: "";
    color: rgba(0,0,0,0)
}

.no-price-country .banner-pricing {
    display: none
}

.program-syllubus {
    position: relative;
    display: block;
    max-width: 266px;
    line-height: 42px;
    text-transform: capitalize;
    font-size: 16px;
    float: right
}

.purdue-master .dual-info .banner .pg-banner-info .lead-btn .course-popup .modal-dialog .modal-content button.btn {
    display: block
}

.purdue-master input[name=personPhone] {
    padding-bottom: 5px
}

.cp-course-menu .course-popup .eu-privacy-text a {
    font-size: 12px
}

.purdue-master .get-started .left-clm .ebook-modal .form-checkbox label {
    color: #51565e
}

.purdue-master input {
    color: #51565e;
    font-size: 14px;
    background: rgba(0,0,0,0);
    display: block
}

    .purdue-master input[name=personPhone] {
        padding-bottom: 5px
    }

.purdue-master select {
    font-size: 14px;
    color: #51565e;
    margin-bottom: 15px
}

.disable-enroll-button .banner .btn {
    display: none
}

.disable-enroll-button .cp-course-menu.sticky-top .EnrollNow a.btn {
    display: none !important
}

.disable-footer .sticky-footer-gdpr {
    display: none
}

.disable-footer-b2b {
    display: none
}

.purdue-master .overview .skill h3::after {
    display: none
}

.purdue-master div.reviews {
    background: #ebf1f8
}

.purdue-master .cp-course-menu a {
    padding: 0 8px
}

.program-details .overview {
    padding-bottom: 0
}

.ind-project .disclaimer {
    font-size: 12px;
    line-height: 1.5;
    color: #6c7480;
    padding-left: 5px;
    padding-right: 20px;
    margin-top: 16px
}

.admission .counsel .ebook-modal h3 {
    margin: 0
}

.admission .counsel .schedule .admission-consel .ebook-modal .checkbox-material .check {
    padding: 0
}

.ebook-modal p.sub-txt {
    text-align: center
}

.purdue-master .ebook-modal h3, #QueryBoxB2C .form-head h3 {
    text-transform: inherit
}

.banner p.eu-privacy-text {
    line-height: 15px;
    margin-top: 15px;
    font-size: 12px;
    margin-bottom: 10px
}

.loading-icons {
    text-align: center;
    color: #272c37 !important
}

    .loading-icons img {
        display: block;
        margin: 40px auto 10px auto
    }

.enroll-seamless {
    background: #ff8000 !important
}

    .enroll-seamless:hover {
        background: #ea6400 !important
    }

.purdue-master .eligible-wrapper .eligible-candidates {
    display: none
}

.purdue-master .industry-trend {
    background-image: linear-gradient(to bottom, #fff 11%, #ebf1f8 83%)
}

.purdue-master .learning-path {
    background: #ebf1f8;
    box-shadow: none;
    border: 1px solid #d2d6de
}

    .purdue-master .learning-path ul li.has-preview a.course-name::before {
        content: "Preview";
        color: #1179ef;
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        position: absolute;
        right: 48px;
        background: url("/assets/image/purdue-ifo.svgz") no-repeat;
        background-position: -18px -22px;
        padding-left: 40px
    }

.purdue-master .program-details .program-details-wrapper {
    background-color: #fff;
    background-image: none
}

.purdue-master .learning-path ul li.active a.course-name::before {
    display: none
}

.purdue-master .app-start .experience .error_field, .purdue-master .sh-box .experience .error_field, .purdue-master .cp-privew-popup .experience .error_field {
    bottom: 0
}

.partCallForm .course-popup .part-info {
    font-size: 18px;
    margin-bottom: 16px;
    margin-top: 0
}

.partCallForm .course-popup hr {
    height: 1px;
    background: #d2d6de;
    border: 0
}

.purdue-master .tools h3 {
    font-weight: 400
}

    .purdue-master .tools h3 b {
        font-weight: 500
    }

.purdue-master .faq-wrapper {
    padding-bottom: 0
}

.purdue-master .faq-main-wrapper {
    padding-bottom: 0px;
    background-color: #ebf1f8;
    background-image: linear-gradient(to bottom, #ebf1f8, #fff)
}

    .purdue-master .faq-main-wrapper .divider-line {
        height: 56px
    }

.purdue-master .faq-main-wrapper-seamless {
    background-color: #fff !important;
    background-image: none !important
}

.purdue-master .cities h3 {
    text-transform: inherit
}

.jagsom .bootcamp-wrap, .jagsom .industry-trend {
    background: #fff
}

.jagsom .learner-profile {
    background: #ebf1f8
}

    .jagsom .learner-profile .batch-profile {
        background: #fff
    }

.degree .banner .multi-logos span.partner {
    color: #fff
}

.degree .get-started {
    padding-bottom: 64px
}

@supports(-ms-ime-align: auto) {
    .cp-course-menu.sticky-top, .cp-course-menu.sticky-minimize {
        position: fixed;
        top: 0
    }
}

.industry-trend .title-desc {
    font-size: 14px;
    color: #51565e;
    line-height: 1.57
}

.iu-bootcamp {
    background: #ebf1f8;
    background-image: linear-gradient(to top, #fff 30%, #ebf1f8)
}

    .iu-bootcamp h2 {
        font-size: 20px;
        line-height: 30px
    }

    .iu-bootcamp div.left-clm {
        margin-top: 24px;
        text-align: center
    }

        .iu-bootcamp div.left-clm img {
            width: 100%;
            max-width: 345px;
            height: auto;
            border-radius: 4px 4px 0 0;
            background: linear-gradient(90.06deg, #FFFFFF 0.59%, #FFFFFF 103.05%);
            border: .4px solid rgba(17,121,239,.46);
            box-shadow: 2px 2px 8px rgba(0,0,0,.08)
        }

    .iu-bootcamp div.right-clm {
        margin-top: 40px
    }

        .iu-bootcamp div.right-clm ul li {
            margin-bottom: 40px
        }

            .iu-bootcamp div.right-clm ul li b {
                font-size: 16px;
                line-height: 24px;
                margin-bottom: 8px
            }

.iucertificate div.advantage-info ul {
    margin-bottom: 0
}

.iucertificate div.advantage-info .right-clm {
    text-align: left;
    padding-left: 51px;
    margin-left: -20px;
    padding-top: 8px
}

    .iucertificate div.advantage-info .right-clm::before {
        display: none
    }

    .iucertificate div.advantage-info .right-clm img {
        max-width: 224px;
        height: 100%;
        min-height: 308px;
        box-shadow: 5px 7px 70px rgba(17,121,239,.15) !important
    }

    .iucertificate div.advantage-info .right-clm label {
        color: #848da0;
        font-size: 12px;
        line-height: 14px;
        margin-top: 10px;
        padding-right: 0;
        padding-left: 0;
        text-align: center;
        width: 100%;
        max-width: 224px;
        display: block
    }

@media(min-width: 768px) {
    .partCallForm .course-popup hr + p {
        max-width: 275px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 16px
    }

    .overview #SkillCoveredViewMore .more {
        display: inline-block
    }

    .program-details .overview .skill ul {
        margin-top: 16px
    }

        .program-details .overview .skill ul li {
            margin-top: 24px;
            margin-bottom: 0
        }

    .industry-trend .title-desc {
        max-width: 610px
    }

    div.iu-bootcamp {
        padding-bottom: 64px
    }

        div.iu-bootcamp h2 {
            font-size: 24px;
            line-height: 28px
        }

        div.iu-bootcamp div.left-clm {
            text-align: left;
            margin-top: 32px
        }

            div.iu-bootcamp div.left-clm img {
                max-width: 568px;
                max-height: 366px
            }

    div.iucertificate {
        padding-bottom: 64px
    }

        div.iucertificate div.advantage-info .right-clm {
            margin-top: 0;
            padding-top: 0;
            float: right
        }

            div.iucertificate div.advantage-info .right-clm img {
                max-width: 280px;
                min-height: 385px;
                margin-left: 0
            }

            div.iucertificate div.advantage-info .right-clm label {
                max-width: 280px
            }
}

@media(min-width: 992px)and (max-width: 1199px) {
    .purdue-master .program-details {
        width: 100%
    }

        .purdue-master .program-details .right-clm {
            display: none
        }

        .purdue-master .program-details .left-clm {
            width: 100%
        }

        .purdue-master .program-details .prev-info p {
            width: 725px
        }

            .purdue-master .program-details .prev-info p + .dual-preview-button {
                width: calc(100% - 725px)
            }

    .purdue-master .overview .key-features {
        padding-bottom: 64px
    }

    .sticky-clear {
        display: block;
        float: left;
        width: 100%
    }
}

@media(min-width: 1200px) {
    .dual-master.purdue-master .reviews .ul-iners ul li .review-card {
        width: 556px
    }

    .purdue-master .overview .key-features {
        padding-bottom: 20px
    }

    .purdue-master .eligible-wrapper .modal-dialog {
        width: 865px;
        max-width: 865px
    }

    .purdue-master .eligible-wrapper .modal-body {
        padding: 32px 40px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .purdue-master .eligible-wrapper .course-head {
        display: inline-block;
        width: 356px;
        vertical-align: top;
        position: relative
    }

        .purdue-master .eligible-wrapper .course-head::after {
            content: "";
            width: 1px;
            height: 100%;
            background: #d2d6de;
            display: inline-block;
            position: absolute;
            top: 0;
            right: -63px;
            bottom: 0
        }

    .purdue-master .eligible-wrapper .eligible-candidates {
        display: inline-block;
        width: calc(100% - 356px);
        vertical-align: top;
        padding-left: 95px
    }

        .purdue-master .eligible-wrapper .eligible-candidates h4 {
            margin-top: 24px;
            font-size: 16px;
            color: #51565e;
            font-weight: 500
        }

        .purdue-master .eligible-wrapper .eligible-candidates ul {
            margin-bottom: 0
        }

            .purdue-master .eligible-wrapper .eligible-candidates ul li {
                margin-top: 24px;
                padding-left: 70px;
                position: relative;
                font-size: 14px;
                line-height: 1.43;
                color: #51565e;
                max-width: 302px
            }

                .purdue-master .eligible-wrapper .eligible-candidates ul li::before {
                    content: "";
                    background: url("/assets/image/purdue-ifo.svgz") no-repeat;
                    width: 50px;
                    height: 50px;
                    display: inline-block;
                    position: absolute;
                    top: -8px;
                    left: 0;
                    background-position: -22px -201px
                }

                .purdue-master .eligible-wrapper .eligible-candidates ul li:nth-child(2)::before {
                    background: url("/assets/image/purdue-ifo.svgz") no-repeat;
                    background-position: -23px -60px;
                    left: 0px
                }

                .purdue-master .eligible-wrapper .eligible-candidates ul li:nth-child(3)::before {
                    background-position: -21px -130px
                }

                .purdue-master .eligible-wrapper .eligible-candidates ul li.degree::before {
                    background-position: -23px -60px
                }

                .purdue-master .eligible-wrapper .eligible-candidates ul li.person::before {
                    background-position: -22px -201px
                }

                .purdue-master .eligible-wrapper .eligible-candidates ul li.cal::before {
                    background-position: -21px -130px
                }

        .purdue-master .eligible-wrapper .eligible-candidates.eligibilityClass ul li.cal {
            margin-top: 36px
        }

            .purdue-master .eligible-wrapper .eligible-candidates.eligibilityClass ul li.cal::before {
                background-position: -22px -140px
            }

    .purdue-master .learning-path ul li a.course-name:hover {
        background: #fff
    }
}

@media(max-width: 767px) {
    .purdue-master .learning-path ul li.has-preview a.course-name:before {
        content: "";
        color: rgba(0,0,0,0);
        width: 22px;
        height: 22px;
        padding: 0;
        right: 32px
    }

    .purdue-master .learning-path ul li a.course-name {
        padding-right: 48px
    }

    .program-syllubus {
        float: inherit
    }
}

@media(min-width: 992px) {
    .industry-trend .title-desc {
        max-width: 850px;
        margin-top: 16px
    }

    .industry-trend .title-desc {
        line-height: 1.5
    }

    .purdue-master .faq-main-wrapper {
        padding-bottom: 0px
    }

        .purdue-master .faq-main-wrapper .divider-line {
            height: 64px
        }

    .why-bootcamp.iu-bootcamp {
        padding-bottom: 0
    }

        .why-bootcamp.iu-bootcamp h2 {
            margin-top: 64px;
            margin-bottom: 0;
            font-size: 32px;
            line-height: 37px
        }

        .why-bootcamp.iu-bootcamp div.left-clm {
            margin-top: 40px
        }

            .why-bootcamp.iu-bootcamp div.left-clm img {
                max-height: 378px
            }

        .why-bootcamp.iu-bootcamp div.right-clm {
            vertical-align: top;
            padding-top: 24px
        }

    .iucertificate div.advantage-info .right-clm {
        margin-bottom: 0
    }

        .iucertificate div.advantage-info .right-clm img {
            float: right
        }

        .iucertificate div.advantage-info .right-clm label {
            float: right
        }

    .iucertificate div.advantage-info:last-child {
        padding-bottom: 26px
    }

    .purdue-master .callbackleadform select[name=course] {
        font-size: 16px
    }
}

.accordion {
    border: 1px solid #dde6ed;
    border-radius: 4px;
    display: inline-block;
    margin-top: 24px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
    width: 100%
}

    .accordion li {
        border-bottom: 1px solid #dde6ed;
        background: #ebf1f8
    }

        .accordion li:last-child {
            border-bottom: 0
        }

        .accordion li div, .accordion li p, .accordion li li {
            text-align: left !important;
            color: #51565e !important;
            font-size: 14px;
            line-height: 2
        }

        .accordion li:last-child {
            border-bottom: 0;
            border-radius: 0 0 4px 4px
        }

        .accordion li.active {
            background: #fff;
            border-radius: 4px 4px 0 0
        }

    .accordion h3 {
        margin: 0;
        font-size: 14px;
        line-height: 1.57;
        display: inline-block;
        vertical-align: middle;
        font-weight: 500;
        letter-spacing: normal;
        padding-right: 32px;
        width: 100%
    }

    .accordion table {
        border: 0 !important;
        border-spacing: 0px;
        border-collapse: separate;
        margin-top: 20px
    }

        .accordion table th, .accordion table td {
            border: 1px solid #dde6ed;
            padding: 5px
        }

.exam-more {
    text-align: center
}

    .exam-more a {
        font-size: 14px;
        font-weight: 500
    }

.exam-head {
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px
}

.exam-body {
    margin-top: 16px;
    padding-bottom: 24px;
    display: none;
    word-wrap: break-word
}

.accordion .exam-body ul {
    margin-left: 40px
}

    .accordion .exam-body ul li {
        border: 0;
        background: rgba(0,0,0,0);
        list-style: disc
    }

.accordion .exam-body ol {
    margin-left: 40px
}

    .accordion .exam-body ol li {
        border: 0;
        background: rgba(0,0,0,0);
        list-style: decimal
    }

.exam-head, .exam-body {
    padding-left: 15px;
    padding-right: 15px
}

.exam-tab-button {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

    .exam-tab-button a {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        text-align: right
    }

        .exam-tab-button a::after {
            margin-right: 8px;
            margin-top: 20px;
            content: "";
            display: inline-block;
            width: 24px;
            height: 24px;
            background: var(--sub-course-sprite) no-repeat;
            background-position: -167px -245px
        }

li.active .exam-body {
    display: block
}

li.active .exam-tab-button a::after {
    background-position: -167px -288px
}

.accordion table {
    max-width: 100% !important;
    overflow: auto;
    display: inline-block;
    height: auto
}

    .accordion table th, .accordion table td {
        width: auto !important
    }

    .accordion table th {
        font-weight: 500
    }

.faq-wrapper .exam-more {
    max-width: 945px;
    margin-top: 16px
}

.faq-wrapper .accordion {
    margin-top: 16px
}

@media(min-width: 992px) {
    .accordion {
        margin-top: 40px;
        max-width: 945px
    }

        .accordion h3 {
            font-size: 16px;
            line-height: 1.5
        }

        .accordion .exam-head {
            padding: 16px 23px
        }

        .accordion .exam-body {
            padding-left: 20px;
            padding-right: 45px
        }

    .faqs .accordion + .exam-more {
        max-width: 945px
    }

    .exam-tab-button a::after {
        margin-top: 20px;
        margin-right: 14px
    }
}

.preview-modal .cp-privew-popup .callback-forms p {
    max-width: 100% !important
}

body .blank_player .jw-error {
    width: 100% !important
}

.dual-master .preview-modal .cp-privew-popup .yt-icon {
    display: inline-block;
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden
}

    .dual-master .preview-modal .cp-privew-popup .yt-icon::before {
        content: "";
        display: inline-block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(39,44,55,.6);
        z-index: 1
    }

    .dual-master .preview-modal .cp-privew-popup .yt-icon img {
        margin: auto;
        height: auto !important;
        width: 100% !important
    }

    .dual-master .preview-modal .cp-privew-popup .yt-icon .loader {
        border: 8px solid rgba(0,0,0,0);
        border-top: 8px solid #fff;
        border-radius: 50%;
        width: 120px;
        height: 120px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
        z-index: 1
    }

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@media(max-width: 767px) {
    .dual-master .preview-modal .cp-privew-popup .yt-icon .loader {
        width: 60px;
        height: 60px;
        border: 4px solid rgba(0,0,0,0);
        border-top: 4px solid #fff
    }
}

.preview-modal .blank_player {
    background-color: #000;
    position: relative;
    height: 200px
}

.preview-modal .cp-privew-popup .cp-play-list a {
    font-weight: 400;
    color: #51565e
}

.preview-modal .cp-privew-popup .cp-play-list h3.active {
    background: #edf2f5
}

    .preview-modal .cp-privew-popup .cp-play-list h3.active a {
        font-weight: 500
    }

.preview-modal .cp-privew-popup .cp-play-list .active a {
    color: #272c37
}

.preview-modal .jw-playlist-dock-btn {
    display: none !important
}

@media(min-width: 320px) {
    .preview-modal .blank_player {
        height: 265px
    }
}

@media(max-width: 767px) {
    .preview-modal .cp-privew-popup {
        padding: 30px 0
    }

        .preview-modal .cp-privew-popup h2 {
            width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .preview-modal .cp-privew-popup .cp-video-play {
            padding-bottom: 0
        }
}

.preview-modal .cp-privew-popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999999999;
    padding: 0;
    overflow-y: auto;
    min-height: 640px
}

    .preview-modal .cp-privew-popup .privew-container {
        min-height: 580px
    }

    .preview-modal .cp-privew-popup span.close {
        display: inline-block;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 30px;
        right: 20px;
        background: var(--sub-course-sprite) no-repeat;
        background-size: 368px 178px;
        background-position: -119px -59px;
        cursor: pointer
    }

        .preview-modal .cp-privew-popup span.close:after {
            display: none
        }

    .preview-modal .cp-privew-popup .jwplayer, .preview-modal .cp-privew-popup iframe, .preview-modal .cp-privew-popup .yt-icon img {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100% !important;
        height: 100% !important
    }

    .preview-modal .cp-privew-popup h2 {
        font-size: 18px;
        font-weight: 300;
        color: #272c37;
        letter-spacing: normal;
        padding: 0 15px;
        margin: 0;
        display: none
    }

    .preview-modal .cp-privew-popup h4 {
        font-size: 16px;
        font-weight: 300;
        color: #51565e;
        letter-spacing: normal;
        padding: 0px 15px 20px 15px;
        margin: 0
    }

    .preview-modal .cp-privew-popup iframe {
        width: 100%
    }

    .preview-modal .cp-privew-popup .yt-icon img {
        width: 100%;
        position: absolute;
        top: 0;
        bottom: 0
    }

    .preview-modal .cp-privew-popup h5 {
        font-size: 14px;
        font-weight: 300;
        color: #51565e;
        letter-spacing: normal;
        padding: 18px 15px 20px 15px;
        margin: 0;
        display: none
    }

    .preview-modal .cp-privew-popup .cp-play-list {
        background-color: #fff;
        max-height: calc(100vh - 320px);
        overflow-y: auto
    }

        .preview-modal .cp-privew-popup .cp-play-list::-webkit-scrollbar {
            width: 6px
        }

        .preview-modal .cp-privew-popup .cp-play-list::-webkit-scrollbar-track {
            background: rgba(0,0,0,0)
        }

        .preview-modal .cp-privew-popup .cp-play-list::-webkit-scrollbar-thumb {
            background: #d2d6de
        }

    .preview-modal .cp-privew-popup h3 {
        margin: 0;
        padding: 16px 66px 16px 48px;
        position: relative;
        letter-spacing: normal;
        width: 100%;
        text-align: left;
        line-height: 20px
    }

        .preview-modal .cp-privew-popup h3 a {
            color: #51565e;
            font-weight: 400;
            font-size: 14px;
            line-height: 1.43
        }

        .preview-modal .cp-privew-popup h3 span {
            position: absolute;
            right: 9px;
            top: 0;
            bottom: 0;
            font-size: 14px;
            height: 15px;
            max-width: 70px;
            margin: auto;
            color: #1179ef;
            font-weight: 400
        }

        .preview-modal .cp-privew-popup h3:after {
            content: "";
            display: block;
            position: absolute;
            bottom: 0;
            left: 0px;
            right: 0px;
            height: 1px;
            background: #dde6ed
        }

        .preview-modal .cp-privew-popup h3:before {
            content: "";
            width: 22px;
            height: 22px;
            background: var(--sub-course-sprite) no-repeat;
            background-position: -448px -193px;
            display: inline-block;
            position: absolute;
            left: 15px;
            top: 0;
            bottom: 0;
            margin: auto
        }

        .preview-modal .cp-privew-popup h3.active:before {
            background-position: -449px -163px
        }

    .preview-modal .cp-privew-popup .cp-video-play {
        position: relative;
        margin-top: 16px;
        padding-bottom: 0px
    }

    .preview-modal .cp-privew-popup a.close {
        position: absolute;
        right: 0px;
        top: 0px;
        color: rgba(0,0,0,0);
        background: var(--sub-course-sprite) no-repeat;
        background-position: -56px -236px;
        width: 48px;
        height: 48px;
        text-indent: -99999px;
        z-index: 999
    }

    .preview-modal .cp-privew-popup .callback-forms {
        padding: 18px 20px
    }

        .preview-modal .cp-privew-popup .callback-forms .form-checkbox {
            margin-top: 0
        }

        .preview-modal .cp-privew-popup .callback-forms .btn {
            margin-top: 16px !important;
            line-height: 34px
        }

            .preview-modal .cp-privew-popup .callback-forms .btn:hover {
                background: #0a5dc9
            }

        .preview-modal .cp-privew-popup .callback-forms .eu-privacy-text {
            margin: 0
        }

.preview-modal .blank_player .form-play .course-head {
    position: absolute;
    z-index: 999;
    border-radius: 4px;
    left: 0;
    right: 0;
    margin: 10px;
    top: 0;
    bottom: 0
}

    .preview-modal .blank_player .form-play .course-head::before {
        display: inline-block;
        width: calc(100% + 20px);
        height: calc(100% + 20px);
        content: "";
        background: rgba(0,0,0,.5);
        position: absolute;
        left: -10px;
        top: -10px
    }

    .preview-modal .blank_player .form-play .course-head > div {
        background: #fff;
        border-radius: 4px;
        position: relative
    }

@media(min-width: 768px) {
    .preview-modal .blank_player {
        height: 355px
    }

        .preview-modal .blank_player .form-play .course-head {
            margin: auto;
            height: 250px;
            max-width: 412px
        }

    .preview-modal .cp-privew-popup {
        overflow-y: auto
    }

        .preview-modal .cp-privew-popup h2 {
            font-size: 26px;
            padding-right: 30px
        }

        .preview-modal .cp-privew-popup h4 {
            font-size: 20px
        }

        .preview-modal .cp-privew-popup iframe {
            height: 400px
        }

        .preview-modal .cp-privew-popup .yt-icon img {
            height: 400px
        }

        .preview-modal .cp-privew-popup .cp-video-play {
            padding-bottom: 0
        }

        .preview-modal .cp-privew-popup .cp-play-list {
            max-height: calc(100vh - 418px)
        }

        .preview-modal .cp-privew-popup .cp-video-play .modal-dialog {
            margin: auto;
            top: 0;
            position: absolute;
            bottom: 0;
            max-height: 293px;
            width: 335px
        }

    .preview-modal .blank_player .form-play .course-head:before {
        width: 768px;
        height: 355px;
        left: -178px;
        top: -53px
    }
}

@media(min-width: 992px) {
    .preview-modal .cp-privew-popup {
        overflow-y: auto
    }

        .preview-modal .cp-privew-popup h3 span {
            right: 20px
        }

        .preview-modal .cp-privew-popup .btn {
            margin-top: 30px !important;
            line-height: 34px
        }

        .preview-modal .cp-privew-popup iframe {
            height: 400px
        }

        .preview-modal .cp-privew-popup .yt-icon img {
            height: 400px
        }

    .preview-modal .blank_player .form-play .course-head:before {
        width: 1024px;
        left: -306px
    }
}

@media(min-width: 1200px) {
    .preview-modal .blank_player {
        height: 347px
    }

    .preview-modal .cp-privew-popup {
        padding: 37px 0;
        background: rgba(39,44,55,.8)
    }

        .preview-modal .cp-privew-popup h2, .preview-modal .cp-privew-popup h4, .preview-modal .cp-privew-popup h5 {
            color: #fff
        }

        .preview-modal .cp-privew-popup h5 {
            display: inline-block;
            margin-top: 18px;
            margin-left: 5px
        }

        .preview-modal .cp-privew-popup .privew-container {
            width: 1140px;
            display: block;
            margin: 0 auto;
            position: relative
        }

        .preview-modal .cp-privew-popup .cp-video-play {
            margin-top: 0px;
            width: 717px;
            float: left;
            height: 378px
        }

        .preview-modal .cp-privew-popup .cp-play-list {
            width: 378px;
            float: left;
            margin-left: 15px;
            max-height: 378px;
            box-shadow: 0 10px 20px 0 rgba(197,208,216,.2)
        }

        .preview-modal .cp-privew-popup h3 {
            cursor: pointer
        }

            .preview-modal .cp-privew-popup h3 a {
                line-height: 1.43;
                display: inline-block;
                width: 100%
            }

        .preview-modal .cp-privew-popup h4 + div {
            height: 378px
        }

        .preview-modal .cp-privew-popup iframe {
            height: 378px
        }

        .preview-modal .cp-privew-popup .yt-icon img {
            height: 378px
        }

        .preview-modal .cp-privew-popup .course-head .callback-forms {
            background: #fff;
            border-radius: 2px;
            position: relative
        }

    .preview-modal .blank_player .form-play .course-head:before {
        width: 718px;
        height: 378px;
        left: -152px;
        top: -64px
    }

    .cp-privew-popup .cp-play-list h3:hover {
        background: #edf2f5
    }
}

@media(max-width: 1199px) {
    .preview-modal .cp-privew-popup {
        background: #fff
    }

        .preview-modal .cp-privew-popup h4 {
            padding-bottom: 16px
        }

            .preview-modal .cp-privew-popup h4::after {
                display: none
            }

        .preview-modal .cp-privew-popup h5 {
            padding: 11px 15px 11px;
            background: #ebf1f8
        }
}

@media(min-width: 1200px) {
    .preview-modal .cp-privew-popup .privew-container {
        background: #272c37;
        height: 479px;
        padding: 0 15px 15px;
        border-radius: 4px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        min-height: 479px
    }

    .preview-modal .cp-privew-popup h4 {
        display: none
    }

    .preview-modal .cp-privew-popup h2 {
        width: 732px;
        display: inline-block;
        margin: 0;
        padding-left: 10px;
        font-size: 16px;
        font-weight: 500;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        position: relative;
        top: 4px
    }

    .preview-modal .cp-privew-popup h5 {
        margin-top: 0;
        margin-left: 0;
        padding-left: 0;
        line-height: normal;
        font-size: 12px;
        padding-top: 24px;
        padding-bottom: 16px
    }

    .preview-modal .cp-privew-popup .cp-play-list {
        border-radius: 2px;
        height: 100%
    }

    .preview-modal .cp-privew-popup a.close {
        top: -48px;
        right: -12px;
        background-position: -54px -183px
    }
}

@media screen and (min-width: 540px)and (max-width: 767px)and (orientation: landscape) {
    .preview-modal .cp-privew-popup .cp-play-list {
        display: none
    }
}

.dual-text p {
    margin-top: 26px
}

.intro {
    margin-top: 40px
}

#ViewMore {
    text-align: center
}

    #ViewMore a {
        font-weight: 500;
        font-size: 14px
    }

.overview {
    background: #fff;
    padding-bottom: 56px
}

    .overview p {
        margin-top: 24px
    }

    .overview ul {
        margin-top: 24px;
        margin-bottom: 0
    }

        .overview ul.icon-list li {
            padding-left: 44px;
            position: relative;
            margin-bottom: 24px;
            display: inline-block;
            width: 100%;
            min-height: 24px
        }

            .overview ul.icon-list li:before {
                content: "";
                width: 24px;
                height: 24px;
                display: inline-block;
                background: var(--dm-sprite) no-repeat;
                background-position: -59px -220px;
                position: absolute;
                left: 0;
                top: 0px
            }

            .overview ul.icon-list li:last-child {
                margin-bottom: 0
            }

    .overview .skill ul#skill-covered li:before {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #1179ef;
        top: 8px;
        left: 10px
    }

    .overview .skill ul#skill-covered a {
        text-align: center;
        margin-top: 4px;
        display: inline-block;
        width: 100%;
        font-size: 14px;
        font-weight: 400
    }

    .overview .more {
        margin-top: 4px
    }

    .overview .hidden-skill ul {
        max-height: 182px;
        overflow: hidden
    }

.intro_view {
    display: block
}

.cohort .banner .co-intro-video a.intro_view {
    display: block;
    width: 100%;
    max-width: 334px;
    height: 197px;
    margin: 56px auto 0 auto;
    position: relative;
    text-align: center;
    overflow: hidden;
    border: 1px solid #d8ecff;
    border-radius: 0;
    box-shadow: 0 2px 15px 0 #000
}

    .cohort .banner .co-intro-video a.intro_view::before {
        content: "";
        display: inline-block;
        width: 100%;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #000;
        opacity: .8;
        z-index: 0
    }

    .cohort .banner .co-intro-video a.intro_view img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        color: rgba(0,0,0,0)
    }

    .cohort .banner .co-intro-video a.intro_view span.intro_icon {
        width: 100%;
        height: 100%;
        display: inline-block;
        vertical-align: middle;
        min-height: 168px
    }

        .cohort .banner .co-intro-video a.intro_view span.intro_icon::before {
            content: "";
            display: inline-block;
            background: url("/assets/image/fsd-top-sprite_1.svgz") no-repeat;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            width: 100px;
            height: 100px;
            background-position: -105px -172px;
            border-radius: 50%
        }

    .cohort .banner .co-intro-video a.intro_view .intro-text {
        display: none
    }

.cohort .banner .banner-left .banner-job {
    margin-top: 24px;
    font-size: 14px;
    font-weight: 400;
    display: inline-block;
    color: #e4e7ec;
    background-image: linear-gradient(to right, #1179ef, rgba(17, 121, 239, 0));
    border-radius: 2px;
    line-height: 34px
}

    .cohort .banner .banner-left .banner-job::before {
        content: "";
        width: 16px;
        height: 16px;
        display: inline-block;
        background: url("/assets/image/fsd-top-sprite_1.svgz") no-repeat;
        background-position: -156px -76px;
        position: relative;
        left: 0;
        vertical-align: middle;
        margin: 0 10px
    }

.cohort .banner .banner-left h2 {
    width: 100%
}

@media(min-width: 768px) {
    .cohort .banner .banner-left .banner-job {
        font-size: 16px;
        font-weight: 400
    }

    .cohort .banner .banner-left p {
        margin-bottom: 0;
        display: block
    }
}

@media(max-width: 991px) {
    .cohort .banner {
        padding-top: 32px
    }

        .cohort .banner .banner-left .rating {
            margin-top: 0
        }

            .cohort .banner .banner-left .rating a {
                margin-top: 24px;
                display: inline-block
            }

        .cohort .banner .banner-left .accreditor:first-child {
            margin-top: 40px
        }
}

@media(min-width: 992px) {
    .cohort .banner .co-intro-video {
        width: 100%;
        max-width: 350px;
        display: inline-block;
        vertical-align: top
    }

        .cohort .banner .co-intro-video a.intro_view {
            width: 100%;
            max-width: 350px;
            margin-top: 40px
        }

            .cohort .banner .co-intro-video a.intro_view .intro_icon::after {
                display: none
            }

            .cohort .banner .co-intro-video a.intro_view img {
                display: block
            }

    .cohort .banner .banner-left {
        display: inline-block;
        width: 100%;
        max-width: 788px
    }
}

@media(min-width: 1200px) {
    .cohort .banner {
        padding-bottom: 105px
    }
}

@media(min-width: 1400px) {
    .cohort .partners-main {
        margin-top: -58px
    }
}

@media(max-width: 991px) {
    .key-features {
        display: table-footer-group
    }

        .key-features::before {
            content: "------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------";
            max-height: 0;
            overflow: hidden;
            display: block;
            word-break: break-all
        }

    .intro {
        display: table-header-group
    }

    .intro_view {
        display: block;
        width: 300px;
        height: 168px;
        margin: 40px auto 0 auto;
        position: relative;
        text-align: center;
        border-radius: 4px;
        overflow: hidden
    }

        .intro_view::before {
            content: "";
            display: inline-block;
            width: 100%;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: #000;
            opacity: .8;
            z-index: 1
        }

        .intro_view img {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            color: rgba(0,0,0,0)
        }

        .intro_view .intro_icon {
            width: 0px;
            height: 100%;
            display: inline-block;
            vertical-align: middle;
            min-height: 168px
        }

        .intro_view .intro-text {
            display: inline-block;
            vertical-align: middle;
            position: relative;
            z-index: 2;
            color: #fff;
            padding-left: 65px;
            text-align: left;
            font-weight: 400;
            line-height: 20px;
            font-size: 14px
        }

            .intro_view .intro-text::before {
                content: "";
                width: 52px;
                height: 52px;
                display: inline-block;
                background: var(--dm-sprite) no-repeat;
                background-position: -101px -217px;
                position: absolute;
                left: 0;
                margin-top: -5px
            }

            .intro_view .intro-text b {
                display: block;
                font-weight: 500
            }
}

@media(min-width: 992px) {
    .intro_view img {
        display: none
    }
}

@media(max-width: 320px) {
    .intro_view {
        width: 100%
    }
}

@media(min-width: 992px) {
    .overview {
        padding-bottom: 44px
    }

        .overview p {
            margin-top: 32px;
            font-size: 14px;
            line-height: 1.57
        }

        .overview .col-md-8 {
            position: relative;
            padding-right: 40px
        }

        .overview .key-features {
            display: inline-block;
            vertical-align: middle;
            width: 660px
        }

            .overview .key-features.key-features-full-width {
                width: 100%;
                padding-right: 0
            }

                .overview .key-features.key-features-full-width ul.icon-list li {
                    width: 33.33%
                }

        .overview .dual-text {
            width: 100%
        }

            .overview .dual-text p {
                max-width: 685px
            }

        .overview .col-md-4 {
            width: 100%;
            position: relative;
            padding-left: 30px
        }

            .overview .col-md-4.intro {
                padding-top: 32px;
                display: inline-block;
                vertical-align: middle;
                width: calc(100% - 660px);
                padding-left: 48px
            }

                .overview .col-md-4.intro::before {
                    content: "";
                    width: 1px;
                    height: 150px;
                    display: inline-block;
                    background: #d2d6de;
                    position: absolute;
                    left: 0;
                    top: 12px
                }

                .overview .col-md-4.intro.intro-full {
                    padding-left: 0
                }

                    .overview .col-md-4.intro.intro-full::before {
                        display: none
                    }

            .overview .col-md-4.skill:before {
                top: 132px;
                height: 99px
            }

        .overview #ViewMore {
            text-align: left
        }

        .overview h3 {
            margin-top: 56px
        }

        .overview .col-md-4.skill-full {
            width: 100%;
            padding-left: 0
        }

            .overview .col-md-4.skill-full::before {
                display: none
            }

            .overview .col-md-4.skill-full ul.icon-list li {
                width: 33.333%
            }

            .overview .col-md-4.skill-full #ViewMore {
                text-align: center
            }

                .overview .col-md-4.skill-full #ViewMore a {
                    margin-left: 0
                }

    .intro_view {
        display: inline-block
    }

        .intro_view span {
            display: inline-block;
            vertical-align: middle
        }

    .intro_icon {
        width: 100px;
        height: 100px;
        display: inline-block;
        position: relative
    }

        .intro_icon::before, .intro_icon::after {
            content: "";
            display: inline-block;
            background: var(--sub-course-sprite) no-repeat;
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto
        }

        .intro_icon::before {
            width: 60px;
            height: 60px;
            background-position: -36px -94px;
            border-radius: 50%;
            z-index: 1
        }

        .intro_icon::after {
            content: "";
            width: 100px;
            height: 100px;
            background-position: -16px -74px;
            -webkit-animation: intro 2s infinite;
            animation: intro 2s infinite;
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out
        }

    @keyframes intro {
        from {
            -webkit-transform: scale(0.5);
            transform: scale(0.5)
        }

        50% {
            -webkit-transform: scale(0.9);
            transform: scale(0.9)
        }

        to {
            -webkit-transform: scale(0.5);
            transform: scale(0.5)
        }
    }

    .intro-text {
        font-size: 14px;
        line-height: 1.43;
        margin-left: 20px
    }

        .intro-text b {
            display: block;
            font-weight: 500
        }

    .key-features {
        padding-right: 0
    }

        .key-features ul.icon-list {
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            overflow: hidden
        }

            .key-features ul.icon-list li {
                display: block;
                float: left;
                width: 50%;
                padding-right: 30px;
                margin-bottom: 32px
            }

    .overview ul.icon-list {
        margin-top: 40px
    }

    .overview ul#skill-covered {
        position: relative;
        top: -6px
    }

    .overview .skill a {
        text-align: left;
        width: auto;
        margin-left: 44px;
        font-size: 14px;
        font-weight: 500
    }
}

@media(min-width: 1200px) {
    .overview .key-features {
        width: 780px;
        padding-right: 52px
    }

    .overview .col-md-4.intro {
        width: calc(100% - 780px);
        padding-left: 76px
    }

    .key-features ul li {
        padding-right: 42px
    }

    .overview .skill h3:after {
        width: 952px
    }

    .overview div#SkillCoveredViewMore {
        text-align: left
    }

    .overview .skill a {
        margin-left: 0
    }
}

@media(min-width: 768px) {
    .overview ul.icon-list li {
        padding-right: 30px;
        display: inline-block;
        width: 50%;
        vertical-align: top
    }

    .overview .key-features ul.icon-list li.hide {
        display: inline-block !important
    }

    .overview #KeyFeaturesViewMore {
        display: none
    }

    .overview .skill {
        max-width: 100%;
        margin-top: 16px
    }

        .overview .skill h3 {
            position: relative;
            overflow: hidden
        }

            .overview .skill h3::after {
                content: "";
                height: 1px;
                display: inline-block;
                background: #d2d6de;
                width: 100%;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 156px;
                margin: auto
            }

        .overview .skill ul {
            max-width: calc(100% - 160px);
            display: inline-block;
            vertical-align: middle;
            margin-top: 40px
        }

    .overview #SkillCoveredViewMore {
        display: inline-block;
        width: 160px;
        text-align: center;
        vertical-align: middle;
        margin-top: 0px
    }

        .overview #SkillCoveredViewMore .more {
            padding-left: 0
        }
}

@media(min-width: 992px) {
    .overview .skill {
        padding-left: 0
    }

        .overview .skill h3:after {
            left: 188px;
            width: 762px
        }

        .overview .skill ul.icon-list li {
            width: 33.33%
        }
}

.online-bootcamp {
    background: #ebf1f8;
    padding-bottom: 40px
}

    .online-bootcamp h2 {
        font-size: 18px;
        margin-top: 40px
    }

    .online-bootcamp ul.rating {
        margin-bottom: 0
    }

        .online-bootcamp ul.rating li:first-child {
            padding-top: 32px
        }

        .online-bootcamp ul.rating li {
            padding-top: 32px
        }

            .online-bootcamp ul.rating li a {
                display: table;
                text-align: left;
                color: inherit
            }

                .online-bootcamp ul.rating li a > * {
                    display: table-cell;
                    vertical-align: middle
                }

                .online-bootcamp ul.rating li a span.count {
                    display: block;
                    font-size: 8px;
                    line-height: normal;
                    color: #272c37;
                    font-weight: 700;
                    padding-left: 3px
                }

                    .online-bootcamp ul.rating li a span.count b {
                        font-weight: 700;
                        display: inline-block
                    }

        .online-bootcamp ul.rating .val {
            font-size: 28px;
            font-weight: 700;
            line-height: 50px;
            width: 104px;
            position: relative;
            color: #272c37
        }

            .online-bootcamp ul.rating .val::before {
                content: "";
                position: absolute;
                right: 33px;
                top: 50%;
                margin-top: -24px;
                height: 40px;
                border-right: 1px solid #bdc6d9
            }

            .online-bootcamp ul.rating .val::after {
                content: "";
                display: inline-block;
                background: var(--sub-course-sprite) no-repeat;
                background-position: -17px -19px;
                width: 13px;
                height: 13px;
                position: relative;
                left: 3px
            }

        .online-bootcamp ul.rating li:nth-child(3) {
            display: none
        }

        .online-bootcamp ul.rating li a .rating-logo {
            width: 158px;
            height: 62px;
            background: url("/assets/image/bootcamp-rating.png");
            vertical-align: middle
        }

        .online-bootcamp ul.rating li a .switchup {
            background-position: -18px -19px
        }

        .online-bootcamp ul.rating li a .course-report {
            background-position: -193px -18px;
            width: 102px
        }

        .online-bootcamp ul.rating li a .course-report {
            background-position: -193px -18px;
            width: 102px
        }

        .online-bootcamp ul.rating li a .trust-pilot {
            background-position: -314px -18px;
            width: 100px;
            display: block;
            height: 52px
        }

        .online-bootcamp ul.rating li.award-pg img {
            max-width: 96px;
            max-height: 60px;
            display: inline-block;
            vertical-align: middle
        }

        .online-bootcamp ul.rating li.award-pg h2 {
            font-size: 14px;
            color: #272c37;
            line-height: 22px;
            font-weight: normal;
            display: inline-block;
            margin-left: 13px;
            width: calc(100% - 110px);
            position: relative;
            padding-left: 13px;
            vertical-align: middle;
            margin-top: 0;
            letter-spacing: normal
        }

            .online-bootcamp ul.rating li.award-pg h2::before {
                content: "";
                position: absolute;
                left: 0;
                top: 50%;
                margin-top: -20px;
                height: 40px;
                border-right: 1px solid #bdc6d9
            }

        .online-bootcamp ul.rating li.award-pg + li + li {
            display: block
        }

    .online-bootcamp .longtail-sunset-div {
        background: linear-gradient(283.48deg, #F8D49F 6.37%, #FBEBD3 91.35%);
        box-shadow: 0px 2px 8px rgba(0,0,0,.15);
        border-radius: 8px;
        margin: 50px 0px;
        padding: 26px
    }

        .online-bootcamp .longtail-sunset-div div.longtail-sunset-div-body {
            display: flex;
            flex-direction: column
        }

            .online-bootcamp .longtail-sunset-div div.longtail-sunset-div-body div.sunset-div-right {
                display: flex;
                flex-direction: column
            }

                .online-bootcamp .longtail-sunset-div div.longtail-sunset-div-body div.sunset-div-right img {
                    width: 134px;
                    height: 80px
                }

                .online-bootcamp .longtail-sunset-div div.longtail-sunset-div-body div.sunset-div-right span {
                    color: #272c37;
                    font-size: 18px;
                    line-height: 36px;
                    margin: 20px 0px 20px
                }

                    .online-bootcamp .longtail-sunset-div div.longtail-sunset-div-body div.sunset-div-right span b {
                        font-size: 22px;
                        font-weight: 500
                    }

            .online-bootcamp .longtail-sunset-div div.longtail-sunset-div-body .sunset-div-left .btn-sunset-link {
                line-height: 20px;
                font-size: 18px;
                font-weight: 400;
                color: #fff;
                text-align: center;
                background: #1179ef;
                width: 190px;
                display: inline-block;
                border: none;
                border-radius: 6px;
                padding: 14px 34px;
                min-width: 190px
            }

@media(max-width: 767px) {
    .online-bootcamp ul.rating li.award-pg + li > a span.val, .online-bootcamp ul.rating li.award-pg + li + li > a span.val {
        width: 140px;
        padding-left: 23px
    }

        .online-bootcamp ul.rating li.award-pg + li > a span.val::before, .online-bootcamp ul.rating li.award-pg + li + li > a span.val::before {
            margin-top: -20px
        }

    .online-bootcamp ul.rating li.award-pg img {
        width: 100%;
        max-width: 96px;
        max-height: 200px
    }
}

@media(min-width: 768px) {
    .online-bootcamp {
        padding-bottom: 40px
    }

        .online-bootcamp h2 {
            font-size: 20px;
            margin-top: 32px
        }

        .online-bootcamp ul.rating {
            margin-top: 32px;
            padding: 0 10px
        }

            .online-bootcamp ul.rating li {
                padding: 0 35px;
                display: inline-block;
                position: relative
            }

                .online-bootcamp ul.rating li a span.val {
                    font-size: 32px;
                    width: 80px
                }

                    .online-bootcamp ul.rating li a span.val::before {
                        display: none
                    }

                .online-bootcamp ul.rating li::before {
                    content: "";
                    position: absolute;
                    right: 0;
                    top: 50%;
                    margin-top: -24px;
                    height: 40px;
                    border-right: 1px solid #bdc6d9
                }

                .online-bootcamp ul.rating li:first-child {
                    width: 36%;
                    padding: 0
                }

                    .online-bootcamp ul.rating li:first-child a {
                        margin-right: 15px;
                        display: inline-block
                    }

                .online-bootcamp ul.rating li:nth-child(2) {
                    width: 30%;
                    padding: 0 0 0 15px
                }

                    .online-bootcamp ul.rating li:nth-child(2)::before {
                        display: none
                    }

                    .online-bootcamp ul.rating li:nth-child(2) a {
                        margin-right: 0;
                        display: inline-block
                    }

                .online-bootcamp ul.rating li:last-child {
                    padding: 0 0 0 16px
                }

                    .online-bootcamp ul.rating li:last-child::after {
                        content: "";
                        position: absolute;
                        left: 0;
                        top: 50%;
                        margin-top: -24px;
                        height: 40px;
                        border-right: 1px solid #bdc6d9
                    }

                    .online-bootcamp ul.rating li:last-child::before {
                        display: none
                    }

                    .online-bootcamp ul.rating li:last-child a {
                        margin-right: 0
                    }

                .online-bootcamp ul.rating li.line-remove::after {
                    display: none
                }

                .online-bootcamp ul.rating li.line-remove::before {
                    display: none
                }

                .online-bootcamp ul.rating li:nth-child(3) {
                    display: inline-block
                }

                .online-bootcamp ul.rating li.award-pg {
                    width: 35%
                }

                    .online-bootcamp ul.rating li.award-pg img {
                        vertical-align: middle;
                        max-height: 65px
                    }

                    .online-bootcamp ul.rating li.award-pg h2 {
                        margin-left: 16px;
                        padding-left: 0;
                        width: calc(100% - 117px);
                        padding-right: 10px;
                        text-align: left;
                        position: relative;
                        top: 0
                    }

                        .online-bootcamp ul.rating li.award-pg h2::before {
                            display: none
                        }

                    .online-bootcamp ul.rating li.award-pg::before {
                        margin-top: -24px
                    }

                    .online-bootcamp ul.rating li.award-pg + li + li {
                        display: block
                    }

                    .online-bootcamp ul.rating li.award-pg + li {
                        width: 37%;
                        vertical-align: middle
                    }

                        .online-bootcamp ul.rating li.award-pg + li + li {
                            width: 28%;
                            vertical-align: middle;
                            display: inline-block
                        }

        .online-bootcamp .longtail-sunset-div {
            background: linear-gradient(283.48deg, #F8D49F 6.37%, #FBEBD3 91.35%);
            box-shadow: 0px 2px 8px rgba(0,0,0,.15);
            border-radius: 8px;
            margin: 50px 0px;
            padding: 26px
        }

            .online-bootcamp .longtail-sunset-div div.longtail-sunset-div-body {
                display: flex;
                flex-direction: row;
                align-items: center;
                justify-content: space-between
            }

                .online-bootcamp .longtail-sunset-div div.longtail-sunset-div-body div.sunset-div-right {
                    display: flex;
                    flex-direction: row;
                    align-items: center
                }

                    .online-bootcamp .longtail-sunset-div div.longtail-sunset-div-body div.sunset-div-right img {
                        width: 134px;
                        height: 80px
                    }

                    .online-bootcamp .longtail-sunset-div div.longtail-sunset-div-body div.sunset-div-right span {
                        padding-left: 30px;
                        padding-right: 30px;
                        color: #272c37;
                        font-size: 18px
                    }
}

@media(min-width: 992px) {
    #course-sticky-header {
        background: #ebf1f8
    }

    .online-bootcamp ul.rating {
        padding: 0 10px;
        text-align: center
    }

        .online-bootcamp ul.rating li:first-child {
            width: 36%;
            padding: 0 30px 0 0
        }

        .online-bootcamp ul.rating li:nth-child(2) {
            width: 38%;
            padding: 0 30px
        }

        .online-bootcamp ul.rating li:last-child {
            padding: 0 0 0 24px
        }

            .online-bootcamp ul.rating li:last-child a {
                margin: 0 auto
            }

        .online-bootcamp ul.rating li {
            vertical-align: top
        }

            .online-bootcamp ul.rating li a {
                margin: 0 auto
            }

            .online-bootcamp ul.rating li.award-pg {
                width: 34% !important
            }

                .online-bootcamp ul.rating li.award-pg::before {
                    margin-top: -26px
                }

    .online-bootcamp .longtail-sunset-div {
        background: linear-gradient(283.48deg, #F8D49F 6.37%, #FBEBD3 91.35%);
        box-shadow: 0px 2px 8px rgba(0,0,0,.15);
        border-radius: 8px;
        margin: 50px 0px;
        padding: 26px
    }

        .online-bootcamp .longtail-sunset-div div.longtail-sunset-div-body {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between
        }

            .online-bootcamp .longtail-sunset-div div.longtail-sunset-div-body img {
                width: 134px;
                height: 80px
            }

            .online-bootcamp .longtail-sunset-div div.longtail-sunset-div-body span {
                padding-left: 30px;
                padding-right: 30px;
                color: #272c37;
                font-size: 18px
            }

                .online-bootcamp .longtail-sunset-div div.longtail-sunset-div-body span br {
                    display: none
                }

        .online-bootcamp .longtail-sunset-div .sunset-div-left {
            margin-left: 22px;
            display: flex;
            justify-content: end
        }
}

@media(min-width: 1200px) {
    .online-bootcamp.remove-accreditors h2 {
        margin-top: 0
    }

    .online-bootcamp h2 {
        margin-top: 40px;
        font-size: 32px
    }

    .online-bootcamp ul.rating {
        margin-top: 40px
    }

        .online-bootcamp ul.rating li {
            padding: 0 80px
        }

            .online-bootcamp ul.rating li a > * {
                max-height: 60px
            }

            .online-bootcamp ul.rating li::before {
                height: 50px
            }

            .online-bootcamp ul.rating li:last-child::after {
                height: 50px
            }

            .online-bootcamp ul.rating li.award-pg h2 {
                margin-left: 16px;
                padding-left: 0;
                width: calc(100% - 201px);
                text-align: left;
                font-weight: 500;
                position: relative;
                top: 0;
                padding-right: 0
            }

            .online-bootcamp ul.rating li.award-pg img {
                max-height: 80px;
                max-width: 180px;
                vertical-align: middle
            }

            .online-bootcamp ul.rating li.award-pg::before {
                margin-top: -24px
            }

            .online-bootcamp ul.rating li.award-pg + li {
                width: 36%;
                vertical-align: top;
                padding-top: 10px
            }

                .online-bootcamp ul.rating li.award-pg + li + li {
                    padding-top: 10px
                }

                    .online-bootcamp ul.rating li.award-pg + li + li::after {
                        margin-top: -20px
                    }

    .online-bootcamp ul.rating {
        padding: 0 0 0 8px
    }

        .online-bootcamp ul.rating li:first-child {
            width: 372px;
            padding: 0
        }

        .online-bootcamp ul.rating li:nth-child(2) {
            width: 408px;
            padding: 0
        }

        .online-bootcamp ul.rating li:last-child {
            width: 305px;
            padding: 0
        }

    .course-info .banner-main.banner-wrapper + .sticky-header-wrapper + .online-bootcamp h2 {
        margin-top: -23px
    }
}

.why-bootcamp {
    padding-bottom: 56px
}

    .why-bootcamp .left-clm {
        margin-top: 32px;
        text-align: center
    }

        .why-bootcamp .left-clm .jwp {
            width: 100%;
            height: 100%;
            padding: 18px 15px 0 15px
        }

            .why-bootcamp .left-clm .jwp .jwplayer {
                width: 100% !important;
                height: 100% !important;
                z-index: 1;
                float: left
            }

    .why-bootcamp .right-clm {
        margin-top: 48px
    }

        .why-bootcamp .right-clm ul {
            padding-right: 24px;
            margin: 0
        }

        .why-bootcamp .right-clm li {
            font-size: 14px;
            line-height: 1.57;
            color: #51565e;
            margin-bottom: 26px
        }

            .why-bootcamp .right-clm li b {
                display: block;
                color: #343434;
                font-size: 16px;
                margin-bottom: 6px;
                line-height: 1.4;
                font-weight: 500;
                width: 100%
            }

            .why-bootcamp .right-clm li:last-child {
                margin-bottom: 0
            }

a.play-anim {
    display: block;
    width: 100%;
    max-width: 340px;
    height: 215px;
    cursor: pointer;
    background: url(/assets/image/why-bootcamp_v1.png) no-repeat;
    background-position: 0 0;
    background-size: 100%;
    margin: 0 auto;
    position: relative
}

    a.play-anim:focus, a.play-anim:active, a.play-anim:visited, a.play-anim:hover {
        border: 0;
        outline: rgba(0,0,0,0);
        outline: 0 none !important
    }

    a.play-anim::before, a.play-anim::after {
        content: "";
        display: inline-block;
        background: var(--home-sprite-new) no-repeat;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }

    a.play-anim::before {
        width: 50px;
        height: 50px;
        background-position: -32px -67px;
        border-radius: 50%;
        z-index: 1;
        box-shadow: 0 2px 6px 0 rgba(0,0,0,.25)
    }

    a.play-anim::after {
        content: "";
        width: 90px;
        height: 90px;
        background-position: -12px -47px;
        -webkit-animation: intro 2s infinite;
        animation: intro 2s infinite;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

@keyframes intro {
    from {
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }

    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }

    to {
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }
}

a.remove-anim {
    display: block;
    width: 100%;
    max-width: 340px;
    height: 215px;
    cursor: pointer;
    background-position: 0 0;
    background-size: 100%;
    margin: 0 auto;
    position: relative
}

    a.remove-anim:focus, a.remove-anim:active, a.remove-anim:visited, a.remove-anim:hover {
        border: 0;
        outline: rgba(0,0,0,0);
        outline: 0 none !important
    }

    a.remove-anim::before, a.remove-anim::after {
        content: "";
        display: none;
        background: var(--home-sprite-new) no-repeat;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto
    }

    a.remove-anim::before {
        width: 50px;
        height: 50px;
        background-position: -32px -67px;
        border-radius: 50%;
        z-index: 1;
        box-shadow: 0 2px 6px 0 rgba(0,0,0,.25)
    }

    a.remove-anim::after {
        content: "";
        width: 90px;
        height: 90px;
        background-position: -12px -47px;
        -webkit-animation: intro 2s infinite;
        animation: intro 2s infinite;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

@keyframes intro {
    from {
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }

    50% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }

    to {
        -webkit-transform: scale(0.5);
        transform: scale(0.5)
    }
}

@media(min-width: 768px) {
    .why-bootcamp .right-clm li {
        max-width: 500px
    }

        .why-bootcamp .right-clm li b {
            max-width: 100%
        }

    .why-bootcamp .left-clm .jwp {
        padding: 20px 26px 0 26px
    }

    a.play-anim {
        width: 583px;
        height: 378px;
        max-width: 100%
    }

    a.remove-anim {
        width: 583px;
        height: 378px;
        max-width: 100%
    }
}

@media(min-width: 992px)and (max-width: 1199px) {
    .why-bootcamp .left-clm + .right-clm li {
        margin-bottom: 24px
    }
}

@media(min-width: 992px) {
    .why-bootcamp {
        padding-bottom: 0
    }

        .why-bootcamp h2 {
            margin-bottom: 48px
        }

        .why-bootcamp .left-clm {
            width: 398px;
            display: inline-block;
            margin-top: 0;
            vertical-align: bottom
        }

            .why-bootcamp .left-clm .jwp {
                padding: 20px 18px 0px 18px
            }

        .why-bootcamp .right-clm {
            width: calc(100% - 398px);
            display: inline-block;
            margin-top: 0
        }

            .why-bootcamp .right-clm ul {
                padding-right: 0
            }

            .why-bootcamp .right-clm li {
                display: inline-block;
                max-width: 50%;
                padding-left: 20px;
                margin-bottom: 40px;
                color: #6c7480;
                vertical-align: top
            }

                .why-bootcamp .right-clm li b {
                    color: #272c37
                }

    a.play-anim {
        width: 398px;
        height: 258px
    }

    a.remove-anim {
        width: 398px;
        height: 258px
    }
}

@media(min-width: 1200px) {
    .why-bootcamp .left-clm {
        width: 583px
    }

        .why-bootcamp .left-clm .jwp {
            padding: 32px 27px 0px 27px
        }

    .why-bootcamp .right-clm {
        width: calc(100% - 583px)
    }

        .why-bootcamp .right-clm li {
            padding-left: 35px
        }

    a.play-anim {
        width: 583px;
        height: 378px
    }

    a.remove-anim {
        width: 583px;
        height: 378px
    }
}

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

    .benefits ul {
        background: #fff;
        margin-top: 32px;
        box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
        margin-bottom: 0;
        border-radius: 4px;
        overflow: hidden;
        border: 1px solid #dde3e7
    }

        .benefits ul li {
            padding: 0 20px
        }

    .benefits span.heading {
        color: #272c37;
        line-height: normal;
        margin-top: 16px;
        display: inline-block;
        width: 100%;
        margin-bottom: 40px
    }

        .benefits span.heading b {
            font-weight: 500
        }

        .benefits span.heading::after {
            display: block;
            width: 35px;
            content: "";
            height: 2px;
            background: #1179ef;
            margin-top: 8px
        }

    .benefits .groth-box {
        position: relative;
        padding-left: 70px;
        margin-bottom: 56px
    }

        .benefits .groth-box h4 {
            font-weight: 500
        }

        .benefits .groth-box span {
            display: inline-block;
            width: 100%;
            color: #6c7480;
            line-height: 1.43;
            margin-top: 8px
        }

            .benefits .groth-box span p, .benefits .groth-box span li, .benefits .groth-box span span {
                margin-top: 0;
                line-height: 1.43;
                color: #6c7480
            }

        .benefits .groth-box:before {
            width: 50px;
            height: 50px;
            content: "";
            display: inline-block;
            background: var(--dm-sprite) no-repeat;
            background-position: -24px -224px;
            background-size: 500px;
            position: absolute;
            left: 0
        }

        .benefits .groth-box + .groth-box::before {
            background-position: -115px -222px
        }

    .benefits .salary-sourse {
        display: block;
        margin-top: 24px;
        text-align: center;
        font-size: 12px;
        color: #51565e
    }

    .benefits .salary-line {
        text-align: center;
        width: 100%
    }

        .benefits .salary-line .active {
            position: relative;
            border-bottom: 1px solid #000;
            width: auto;
            padding: 0 10px;
            text-align: center;
            display: inline-block
        }

    .benefits .salarys {
        margin-bottom: 56px
    }

    .benefits .hire {
        margin-bottom: 40px
    }

    .benefits .hire-companys {
        width: 100%;
        text-align: center
    }

        .benefits .hire-companys img {
            margin: 20px 40px 20px 0;
            max-height: 60px;
            width: auto
        }

    .benefits .btn {
        max-width: 254px;
        background: #1179ef;
        border: 0;
        margin-top: 40px
    }

        .benefits .btn:hover {
            background: #0a5dc9;
            color: #fff
        }

    .benefits .hire-logos-wrapper div {
        display: inline-block;
        vertical-align: middle
    }

.salarys .dual-bar {
    width: 40px;
    height: 128px;
    background-color: #79bdf6;
    display: inline-block;
    margin-left: 15px;
    vertical-align: bottom;
    position: relative
}

    .salarys .dual-bar .price {
        font-size: 10px;
        font-weight: 500;
        color: #272c37;
        position: absolute;
        top: -16px;
        right: 0;
        left: 0;
        margin: auto
    }

        .salarys .dual-bar .price::after {
            display: none
        }

    .salarys .dual-bar .percent {
        top: inherit;
        bottom: -20px
    }

    .salarys .dual-bar:first-child {
        margin-left: 0;
        height: 20px
    }

    .salarys .dual-bar:nth-child(2), .salarys .dual-bar:nth-child(4) {
        height: 60px
    }

    .salarys .dual-bar:nth-child(5) {
        height: 20px
    }

@media(min-width: 768px) {
    .benefits span.heading {
        color: #51565e
    }

    .benefits ul li {
        padding: 0 30px
    }

    .benefits .groth-box {
        padding-left: 95px;
        margin-bottom: 40px
    }

        .benefits .groth-box h4 {
            font-size: 18px
        }

        .benefits .groth-box span {
            font-size: 14px;
            margin-top: 11px
        }

        .benefits .groth-box:before {
            width: 60px;
            height: 60px;
            background-size: inherit;
            background-position: -31px -300px
        }

        .benefits .groth-box + .groth-box {
            margin-bottom: 24px
        }

            .benefits .groth-box + .groth-box:before {
                background-position: -153px -304px
            }

    .benefits .salarys {
        margin-bottom: 24px
    }

    .benefits .salary-line {
        text-align: left
    }

        .benefits .salary-line .salary-sourse {
            max-width: 280px;
            margin-top: 32px
        }

    .benefits .hire {
        margin-bottom: 48px
    }

        .benefits .hire .salary-sourse {
            margin-top: 0
        }

    .benefits .hire-companys img {
        margin: 20px 35px 20px 0
    }
}

@media(min-width: 992px) {
    .benefits ul {
        margin-top: 40px
    }

        .benefits ul .tabcontent {
            width: 100%
        }

        .benefits ul li {
            padding-bottom: 24px
        }

    .benefits .data-growth, .benefits .salarys, .benefits .hire {
        width: 33.333%;
        display: inline-block;
        vertical-align: top
    }

    .benefits .groth-box {
        padding-right: 24px;
        padding-left: 85px;
        margin-bottom: 48px
    }

        .benefits .groth-box + .groth-box {
            margin-bottom: 0
        }

    .benefits span.heading {
        margin-top: 24px;
        line-height: 1.57;
        text-align: center
    }

        .benefits span.heading:after {
            margin-left: auto;
            margin-right: auto
        }

        .benefits span.heading b {
            display: block
        }

    .benefits .hire-companys img {
        margin: 20px 10px 20px 10px
    }

    .benefits .salarys {
        margin-bottom: 0;
        min-height: 314px;
        position: relative
    }

        .benefits .salarys span.heading {
            margin-bottom: 60px
        }

    .benefits .salary-sourse {
        position: absolute;
        bottom: 0;
        width: 100%
    }

    .benefits .hire {
        position: relative;
        margin: 0;
        min-height: 314px;
        padding-left: 25px
    }

        .benefits .hire .hire-companys:before {
            display: inline-block;
            width: 0;
            height: 164px;
            vertical-align: middle;
            content: ""
        }

        .benefits .hire .hire-companys .hire-logos-wrapper {
            display: inline-block;
            vertical-align: middle;
            max-height: 158px;
            overflow: hidden
        }

    .benefits .salary-line {
        text-align: center
    }

    .benefits .hire-logos-wrapper div {
        height: 78px
    }

        .benefits .hire-logos-wrapper div::before {
            content: "";
            display: inline-block;
            vertical-align: middle;
            width: 0;
            height: 100%
        }

        .benefits .hire-logos-wrapper div img {
            margin-top: 0;
            margin-bottom: 0;
            display: inline-block;
            vertical-align: middle
        }

    .benefits .salary-line .salary-sourse {
        max-width: 100%
    }
}

@media(max-width: 1199px) {
    .salarys .dual-bar {
        width: 34px
    }
}

@media(min-width: 1200px) {
    .benefits .hire-logos-wrapper div {
        height: 80px
    }
}

.industry-trend {
    background: #ebf1f8;
    padding-bottom: 56px
}

.industry-info div {
    margin-top: 56px;
    position: relative;
    padding-left: 90px
}

    .industry-info div::before {
        width: 60px;
        height: 60px;
        display: inline-block;
        content: "";
        position: absolute;
        left: 0;
        border-radius: 50%;
        background: var(--dm-sprite) no-repeat;
        background-position: -13px -181px;
        background-size: 425px
    }

    .industry-info div + div::before {
        background-position: -88px -181px
    }

.industry-info h4 {
    font-size: 14px;
    font-weight: 500;
    color: #272c37;
    line-height: normal
}

    .industry-info h4 + p {
        margin-top: 8px;
        line-height: 1.43
    }

.industry-speaks {
    display: none
}

@media(max-width: 991px) {
    .tab ul li {
        background: #fff
    }

        .tab ul li a {
            background: #fff
        }
}

@media(min-width: 768px) {
    .industry-info h4 {
        font-size: 16px
    }

    .industry-info div {
        width: 50%;
        display: inline-block;
        vertical-align: top;
        padding-right: 80px;
        margin-top: 48px
    }

    .benefits h3 {
        margin-top: 64px
    }

    .tab li.active .tabcontent {
        background: #fff
    }
}

@media(min-width: 992px) {
    .industry-trend {
        padding-bottom: 64px
    }

    .industry-info div {
        padding-right: 0;
        margin-top: 80px;
        min-height: 90px;
        padding-left: 110px
    }

        .industry-info div::before {
            width: 90px;
            height: 90px;
            background-position: -19px -288px;
            background-size: inherit;
            top: 0
        }

        .industry-info div h4 + p {
            margin-top: 16px
        }

        .industry-info div + div::before {
            background-position: -140px -288px
        }

    .industry-speaks {
        display: block
    }

        .industry-speaks .speak-list {
            width: calc(50% - 16px);
            background: #fff;
            border-radius: 4px;
            display: inline-block;
            vertical-align: top;
            margin-top: 32px;
            padding: 16px 15px
        }

            .industry-speaks .speak-list:last-child {
                margin-left: 32px
            }

            .industry-speaks .speak-list p {
                color: #272c37;
                background: #ebf1f8;
                padding: 25px 15px;
                min-height: 130px;
                border-radius: 4px;
                margin-bottom: 16px
            }

                .industry-speaks .speak-list p + div {
                    width: 40%;
                    text-align: left;
                    display: inline-block
                }

                    .industry-speaks .speak-list p + div img {
                        margin: 0
                    }

            .industry-speaks .speak-list span {
                width: 60%;
                text-align: right;
                display: inline-block;
                color: #6c7480;
                text-decoration: underline
            }

    .salary-info {
        padding-bottom: 0px
    }

    .benefits h3 {
        margin-top: 104px
    }

    .benefit-rows {
        margin-top: 48px
    }

    .tabcontent {
        width: calc(100% - 279px)
    }

    .industry-speaks h3 {
        margin-top: 104px
    }
}

.tools #tools-read-more, .tools #company-read-more {
    position: relative
}

    .tools #tools-read-more a.show, .tools #company-read-more a.show {
        margin-top: 8px
    }

        .tools #tools-read-more a.show::before, .tools #company-read-more a.show::before {
            content: "";
            width: 100%;
            height: 125px;
            display: inline-block;
            background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 76%);
            position: absolute;
            bottom: 32px;
            left: 0;
            pointer-events: none
        }

.tools {
    text-align: left
}

    .tools h3 {
        text-align: left;
        margin-top: 64px;
        margin-bottom: 8px
    }

        .tools h3 b {
            font-weight: 400
        }

    .tools img {
        display: inline-block;
        max-height: 40px;
        width: auto;
        margin: 32px 15px 0px 15px
    }

        .tools img.lazy {
            height: 40px
        }

    .tools .read-more {
        text-align: center
    }

    .tools a {
        font-size: 14px;
        font-weight: 500;
        display: inline-block;
        margin-top: 32px
    }

    .tools .hide-img, .tools .hide-imgs {
        max-height: 166px;
        overflow: hidden
    }

@media(min-width: 992px) {
    .tools h3 {
        margin-top: 80px;
        margin-bottom: 0px
    }

    .tools img {
        margin: 40px 32px 0px 32px
    }

    .tools a {
        margin-top: 40px
    }

    .tools #tools-read-more a.show, .tools #company-read-more a.show {
        margin-top: 24px
    }

        .tools #tools-read-more a.show::before, .tools #company-read-more a.show::before {
            bottom: 40px;
            height: 76px
        }
}

.ind-project {
    margin-right: 0px;
    margin-top: 10px;
    padding-bottom: 0px
}

    .ind-project h3 {
        margin-bottom: 24px;
        margin-top: 56px
    }

    .ind-project .ul-iners ul {
        margin: 0
    }

        .ind-project .ul-iners ul li .industy_card {
            margin-right: 20px;
            width: 300px
        }

            .ind-project .ul-iners ul li .industy_card img {
                max-height: 40px;
                width: auto;
                margin-bottom: 24px
            }

        .ind-project .ul-iners ul li .card-with-image {
            padding-bottom: 76px;
            position: relative
        }

            .ind-project .ul-iners ul li .card-with-image .industy_card-content + div {
                margin-bottom: 10px
            }

            .ind-project .ul-iners ul li .card-with-image img {
                position: absolute;
                bottom: 16px;
                margin: 0;
                left: 16px;
                width: auto;
                height: auto
            }

        .ind-project .ul-iners ul li {
            padding-bottom: 5px;
            padding-top: 2px
        }

.industy_card {
    border-radius: 4px;
    width: 300px;
    height: 100%;
    border: 1px solid #d2d6de;
    background: #fff;
    display: inline-block
}

    .industy_card div.industy_card-content {
        background: #ebf1f8;
        padding: 16px 16px 20px;
        border-radius: 4px 4px 0 0
    }

        .industy_card div.industy_card-content span {
            display: inline-block;
            width: 100%;
            line-height: normal;
            margin-bottom: 24px;
            font-size: 14px;
            color: #51565e
        }

        .industy_card div.industy_card-content h4 {
            margin: 0;
            line-height: normal;
            font-size: 18px;
            font-weight: 500;
            color: #272c37
        }

    .industy_card .industy_card-content + div {
        margin: 20px 16px 30px
    }

    .industy_card p {
        font-size: 14px;
        line-height: 1.43;
        font-weight: 500;
        color: #6c7480
    }

    .industy_card img {
        margin-left: 16px;
        max-width: 180px
    }

@media(min-width: 768px) {
    .ind-project .ul-iners ul li {
        max-width: 320px
    }
}

@media(min-width: 992px) {
    .ind-project {
        margin-right: 0
    }

        .ind-project h3 {
            margin-bottom: 32px;
            margin-top: 80px
        }

        .ind-project .ul-iners {
            width: 965px;
            padding-left: 2px
        }

            .ind-project .ul-iners ul li {
                max-width: 330px
            }

                .ind-project .ul-iners ul li .industy_card div.industy_card-content {
                    padding-bottom: 24px
                }

                    .ind-project .ul-iners ul li .industy_card div.industy_card-content span {
                        margin-bottom: 16px
                    }
}

@media(min-width: 1200px) {
    .ind-project .ul-iners {
        width: 1142px;
        padding-left: 2px
    }

        .ind-project .ul-iners ul li {
            max-width: 388px
        }

            .ind-project .ul-iners ul li .industy_card {
                width: 360px
            }
}

@media(max-width: 991px) {
    .ind-project .frs-slider {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px
    }

    .course-info .container {
        width: 100%
    }
}

.advisor {
    background: #ebf1f8;
    padding-bottom: 56px
}

    .advisor .container {
        padding-right: 0
    }

    .advisor h2 {
        margin-bottom: 40px
    }

    .advisor .advisor {
        width: 300px;
        background: #fff;
        border-radius: 4px;
        box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
        padding: 0 15px 30px 15px;
        position: relative;
        height: 100%
    }

        .advisor .advisor p a {
            width: auto;
            height: auto;
            padding: 0;
            margin: 0;
            line-height: normal;
            background: rgba(0,0,0,0)
        }

        .advisor .advisor::after {
            width: 100%;
            content: "";
            height: 8px;
            background-color: #0a5dc9;
            background-image: linear-gradient(92deg, #128aef, #0a5dc9);
            position: absolute;
            bottom: 0;
            left: 0;
            border-radius: 0 0 4px 4px
        }

        .advisor .advisor img {
            margin-top: -60px;
            margin-left: 15px;
            border: 4px solid #fff;
            box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
            border-radius: 8px;
            width: 124px;
            height: 124px
        }

        .advisor .advisor h3 {
            margin-top: 28px;
            font-size: 18px;
            font-weight: 500;
            letter-spacing: .5px
        }

            .advisor .advisor h3 + span {
                display: inline-block;
                width: 100%;
                margin-top: 16px;
                font-size: 16px;
                font-weight: 400;
                line-height: 1.5;
                color: #51565e
            }

        .advisor .advisor p {
            margin-top: 24px;
            font-size: 14px;
            line-height: 1.71;
            font-weight: 400;
            color: #6c7480
        }

            .advisor .advisor p p {
                padding: 0;
                margin: 0;
                width: 100%
            }

        .advisor .advisor a {
            display: inline-block;
            margin-top: 16px;
            margin-right: 20px;
            width: 24px;
            height: 24px;
            background: var(--sub-course-sprite) no-repeat
        }

            .advisor .advisor a.tw {
                background-position: -123px -327px
            }

            .advisor .advisor a.lkin {
                background-position: -166px -327px
            }

    .advisor .ul-iners {
        padding-top: 60px
    }

        .advisor .ul-iners ul {
            margin: 0
        }

            .advisor .ul-iners ul li {
                width: 320px
            }

@media(min-width: 768px) {
    .advisor .ul-iners ul li {
        width: 670px
    }

    .advisor .advisor {
        width: 640px
    }

    .advisor .no-slider .ul-iners ul {
        text-align: center;
        width: 100% !important;
        display: inline-block
    }

        .advisor .no-slider .ul-iners ul li {
            width: auto;
            float: none;
            text-align: left;
            display: inline-block;
            margin-left: -15px
        }
}

@media(min-width: 992px) {
    .advisor {
        padding-bottom: 64px
    }

        .advisor .ul-iners {
            padding-top: 0;
            position: relative;
            padding-left: 3px
        }

            .advisor .ul-iners::after {
                content: "";
                width: 122px;
                position: absolute;
                top: 0;
                bottom: 0;
                right: 0;
                background-image: linear-gradient(to right, rgba(237, 242, 245, 0.56), #edf2f5)
            }

            .advisor .ul-iners ul li {
                width: 872px
            }

        .advisor .reached-last .ul-iners::before {
            content: "";
            width: 122px;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            background-image: linear-gradient(to right, rgba(237, 242, 245, 0.56), #edf2f5);
            z-index: 1
        }

        .advisor .reached-last .ul-iners::after {
            display: none
        }

        .advisor .advisor {
            width: 738px;
            margin-top: 0px;
            margin-left: 92px;
            padding-top: 56px;
            padding-bottom: 56px;
            display: inline-block
        }

            .advisor .advisor img {
                margin-top: 0px;
                margin-left: -110px;
                width: 220px;
                height: 220px;
                float: left
            }

            .advisor .advisor h3, .advisor .advisor h3 + span, .advisor .advisor p, .advisor .advisor .ad-social-icons {
                width: calc(100% - 110px);
                display: inline-block;
                padding-left: 40px;
                float: left;
                padding-right: 20px
            }

            .advisor .advisor .ad-social-icons {
                float: right
            }

            .advisor .advisor h3 {
                margin-top: 0;
                font-size: 30px
            }

                .advisor .advisor h3 + span {
                    font-size: 18px;
                    line-height: 1.56
                }

            .advisor .advisor p {
                color: #51565e
            }

        .advisor .no-slider .ul-iners:after {
            display: none
        }

        .advisor .no-slider .ul-iners ul li {
            margin-left: -30px
        }

        .advisor .advisor p + a {
            margin-left: 40px
        }
}

@media(min-width: 1200px) {
    .advisor .ul-iners::after {
        content: "";
        width: 238px;
        background-image: linear-gradient(to right, rgba(237, 242, 245, 0), #edf2f5)
    }

    .advisor .ul-iners ul li {
        width: 902px
    }

    .advisor .reached-last .ul-iners::before {
        content: "";
        width: 122px;
        background-image: linear-gradient(to right, rgba(237, 242, 245, 0.56), #edf2f5)
    }

    .advisor .reached-last .ul-iners::after {
        display: none
    }

    .advisor .no-slider .ul-iners ul li {
        margin-left: -15px
    }
}

@media(min-width: 992px)and (max-width: 1199px) {
    .advisor h2 {
        padding-left: 30px
    }

    .advisor .container {
        padding-left: 0
    }

    .advisor .slid-detail {
        padding-left: 30px
    }

        .advisor .slid-detail.reached-last {
            padding-left: 0px
        }
}

.reviews {
    padding-bottom: 56px;
    background: #ebf1f8
}

    .reviews .lazy .star_in {
        background-image: none !important
    }

    .reviews h2 {
        margin-bottom: 32px
    }

    .reviews .container {
        padding-right: 0
    }

    .reviews .review-card {
        width: 300px;
        background: #fff;
        border-radius: 4px;
        box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
        position: relative;
        padding: 32px 12px 56px 12px;
        text-align: center;
        height: 100%
    }

        .reviews .review-card::after {
            width: 100%;
            content: "";
            height: 8px;
            background-color: #0a5dc9;
            background-image: linear-gradient(92deg, #128aef, #0a5dc9);
            position: absolute;
            bottom: 0;
            left: 0;
            border-radius: 0 0 4px 4px
        }

        .reviews .review-card .profile {
            width: 80px;
            height: 80px;
            border: 4px solid #fff;
            box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
            border-radius: 50%;
            display: block;
            margin: 0 auto;
            position: relative
        }

            .reviews .review-card .profile img {
                width: 100%;
                height: 100%;
                border-radius: 50%
            }

            .reviews .review-card .profile:after {
                display: inline-block;
                content: "";
                width: 26px;
                height: 26px;
                background: var(--sub-course-sprite) no-repeat;
                background-position: -18px -289px;
                position: absolute;
                bottom: 0;
                right: -6px
            }

            .reviews .review-card .profile.disableClass {
                pointer-events: none
            }

                .reviews .review-card .profile.disableClass::after {
                    display: none
                }

        .reviews .review-card h3 {
            font-size: 16px;
            font-weight: 500;
            margin-top: 24px;
            letter-spacing: 0
        }

            .reviews .review-card h3 + span {
                font-size: 14px;
                line-height: normal;
                display: inline-block;
                width: 100%;
                margin-top: 16px;
                color: #6c7480;
                font-weight: 400
            }

                .reviews .review-card h3 + span.stars {
                    width: auto
                }

        .reviews .review-card p {
            margin-top: 24px;
            font-size: 14px;
            line-height: 1.57;
            color: #51565e
        }

    .reviews .ul-iners ul {
        margin: 0
    }

        .reviews .ul-iners ul li {
            width: 320px
        }

.master-page .reviews .stars, .master-page .reviews .star_in {
    width: 82px;
    display: inline-block;
    height: 14px;
    background: var(--sub-course-sprite) no-repeat;
    background-position: -14px -44px;
    vertical-align: middle;
    margin-right: 10px
}

.master-page .reviews .stars {
    background-position: -347px -163px;
    text-align: left;
    margin-right: 0;
    margin-top: 8px
}

.master-page .reviews .star_in {
    background-position: -347px -183px;
    vertical-align: top;
    margin-right: 0
}

@media(min-width: 768px) {
    .reviews .ul-iners ul li {
        width: 670px
    }

    .reviews .review-card {
        width: 640px
    }
}

@media(max-width: 991px) {
    .reviews {
        padding-bottom: 64px
    }

        .reviews .container {
            width: 100%;
            padding-left: 20px
        }
}

@media(min-width: 992px) {
    .reviews h2 {
        margin-bottom: 40px
    }

    .reviews .review-card {
        padding: 40px 30px 56px 30px
    }

        .reviews .review-card .profile {
            float: left
        }

        .reviews .review-card .info {
            float: left;
            width: calc(100% - 80px);
            text-align: left;
            padding: 0 30px
        }

            .reviews .review-card .info h3 {
                margin-top: 0
            }

                .reviews .review-card .info h3 + span {
                    margin-top: 8px
                }

        .reviews .review-card p {
            margin-top: 32px;
            display: inline-block;
            width: 100%;
            text-align: left;
            font-size: 16px;
            line-height: 1.75
        }

        .reviews .review-card .stars {
            margin-top: 16px
        }
}

@media(min-width: 1200px) {
    .reviews .container {
        padding-left: 15px;
        padding-right: 15px
    }

    .reviews .ul-iners ul li {
        width: 585px
    }

    .reviews .review-card {
        width: 555px
    }
}

.advantage {
    padding-bottom: 56px;
    background: #ebf1f8
}

    .advantage .title-desc {
        max-width: 850px;
        font-size: 14px
    }

.advantage-info {
    padding-top: 40px;
    display: inline-block;
    width: 100%;
    position: relative;
    padding-left: 25px
}

    .advantage-info h3 {
        margin-top: 0;
        position: relative
    }

        .advantage-info h3::before {
            width: 12px;
            height: 12px;
            content: "";
            display: inline-block;
            background: #1179ef;
            border-radius: 50%;
            position: absolute;
            top: 6px;
            left: -31px
        }

        .advantage-info h3 span {
            color: #1179ef;
            font-weight: 500
        }

    .advantage-info:before {
        width: 1px;
        height: calc(100% + 46px);
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background: #d2d6de;
        display: inline-block
    }

    .advantage-info p {
        margin-top: 24px
    }

    .advantage-info ul {
        margin: 40px 0 48px 0
    }

        .advantage-info ul li {
            padding-left: 30px;
            position: relative;
            margin-bottom: 24px;
            line-height: 1.57
        }

            .advantage-info ul li::before {
                position: absolute;
                left: 4px;
                top: 7px;
                content: "";
                background: var(--dm-sprite) no-repeat;
                background-position: -545px -477px;
                width: 8px;
                height: 8px;
                display: inline-block
            }

    .advantage-info .right-clm label {
        font-size: 12px;
        color: #6c7480;
        margin: 0;
        display: block
    }

    .advantage-info .advRmButton a {
        font-size: 14px;
        margin-top: 8px;
        display: inline-block;
        font-weight: 500
    }

    .advantage-info:last-of-type::before {
        display: none
    }

.title-desc + .advantage-info + .advantage-info ul li::before {
    top: 0
}

.title-desc + .advantage-info b.points-title {
    display: block;
    margin-top: 32px;
    font-weight: 500;
    color: #272c37
}

.title-desc + .advantage-info h3 + p b {
    display: inline-block;
    margin-top: 32px;
    font-weight: 500;
    color: #272c37;
    margin-bottom: 16px;
    width: 100%
}

.title-desc + .advantage-info .right-clm {
    padding: 24px 0;
    position: relative;
    margin-left: -20px;
    padding-left: 31px
}

    .title-desc + .advantage-info .right-clm::before {
        width: 100%;
        height: 100%;
        content: "";
        background: url("/assets/image/cf-bg.png") no-repeat;
        display: inline-block;
        position: absolute;
        top: 0;
        background-size: 100% 100%;
        left: 15px;
        background-position: 0px 0
    }

    .title-desc + .advantage-info .right-clm label {
        color: #fff;
        position: relative;
        padding-left: 5px;
        text-align: center
    }

.title-desc + .advantage-info + .advantage-info ul li {
    padding-left: 30px;
    position: relative;
    margin-bottom: 24px;
    line-height: 1.57
}

    .title-desc + .advantage-info + .advantage-info ul li::before {
        position: absolute;
        left: 4px;
        top: 7px;
        content: "";
        background: var(--dm-sprite) no-repeat;
        background-position: -545px -477px;
        width: 8px;
        height: 8px;
        display: inline-block
    }

.title-desc + .advantage-info + .advantage-info ul li {
    min-height: 10px
}

.advantage-info + .advantage-info.job-assist ul li {
    padding-left: 80px;
    position: relative;
    margin-bottom: 32px;
    min-height: 50px
}

    .advantage-info + .advantage-info.job-assist ul li::before {
        content: "";
        width: 50px;
        height: 50px;
        display: inline-block;
        background: var(--dm-sprite) no-repeat;
        background-size: 500px;
        top: -4px
    }

    .advantage-info + .advantage-info.job-assist ul li:last-child {
        margin-bottom: 0
    }

.advantage .title-desc + .advantage-info {
    margin-top: 48px;
    padding-top: 0
}

    .advantage .title-desc + .advantage-info::before {
        top: 10px
    }

    .advantage .title-desc + .advantage-info .right-clm img {
        box-shadow: 5px 7px 70px 0 rgba(17,121,239,.3);
        padding: 0px;
        position: relative;
        border-radius: 4px
    }

    .advantage .title-desc + .advantage-info ul {
        margin-top: 16px
    }

.advantage .advantage-info + .advantage-info.job-assist::before {
    height: 54px
}

.advantage-info + .advantage-info .right-clm img {
    border: 3px solid #fff;
    border-radius: 4px;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.5)
}

.advantage-info + .advantage-info.career-service .left-clm ul {
    margin-top: 32px
}

    .advantage-info + .advantage-info.career-service .left-clm ul li {
        font-size: 14px;
        line-height: 1.57;
        letter-spacing: normal
    }

        .advantage-info + .advantage-info.career-service .left-clm ul li::before {
            content: "";
            width: 50px;
            height: 50px;
            display: inline-block;
            background: url("/assets/image/career_service.svgz") no-repeat;
            background-size: 296px;
            top: -4px
        }

        .advantage-info + .advantage-info.career-service .left-clm ul li:nth-child(1)::before {
            background-position: -16px -16px
        }

        .advantage-info + .advantage-info.career-service .left-clm ul li:nth-child(2)::before {
            background-position: -82px -16px
        }

        .advantage-info + .advantage-info.career-service .left-clm ul li:nth-child(3)::before {
            background-position: -148px -16px
        }

        .advantage-info + .advantage-info.career-service .left-clm ul li:nth-child(4)::before {
            background-position: -214px -16px
        }

@media(min-width: 768px) {
    .title-desc + .advantage-info .right-clm {
        padding-bottom: 20px;
        margin-top: 15px
    }

        .title-desc + .advantage-info .right-clm::before {
            left: 44px
        }

        .title-desc + .advantage-info .right-clm label {
            padding-left: 35px;
            text-align: center
        }

        .title-desc + .advantage-info .right-clm img {
            margin-left: 35px
        }

    .title-desc + .advantage-info .left-clm ul {
        margin-top: 16px
    }

    .advantage-info {
        position: relative
    }

        .advantage-info .left-clm {
            width: 354px;
            display: inline-block;
            padding-right: 20px
        }

        .advantage-info .right-clm {
            width: calc(100% - 354px);
            display: inline-block;
            vertical-align: top;
            text-align: center;
            padding: 24px 0 42px 0
        }

        .advantage-info + .advantage-info.job-assist .left-clm {
            width: 100%
        }

            .advantage-info + .advantage-info.job-assist .left-clm p {
                max-width: 583px
            }

            .advantage-info + .advantage-info.job-assist .left-clm ul li {
                width: calc(33% - 20px);
                display: inline-block;
                vertical-align: top;
                margin: 0;
                margin-right: 30px;
                text-align: center;
                padding: 0 12px
            }

                .advantage-info + .advantage-info.job-assist .left-clm ul li + li + li {
                    margin-right: 0
                }

        .advantage-info + .advantage-info.job-assist.career-service .left-clm ul li {
            font-size: 14px;
            width: calc(33% + 104px);
            margin-right: 20px;
            padding-top: 4px;
            padding-left: 76px;
            text-align: left;
            line-height: 1.5;
            margin-bottom: 40px;
            padding-right: 0
        }

            .advantage-info + .advantage-info.job-assist.career-service .left-clm ul li::before {
                position: absolute;
                margin-bottom: 0;
                top: 0
            }

            .advantage-info + .advantage-info.job-assist.career-service .left-clm ul li:nth-child(2), .advantage-info + .advantage-info.job-assist.career-service .left-clm ul li:nth-child(4) {
                margin-right: 0
            }

            .advantage-info + .advantage-info.job-assist.career-service .left-clm ul li:nth-child(3), .advantage-info + .advantage-info.job-assist.career-service .left-clm ul li:nth-child(4) {
                margin-bottom: 0
            }

        .advantage-info + .advantage-info.job-assist ul li:before {
            top: 0
        }
}

@media(min-width: 768px)and (max-width: 991px) {
    .advantage-info + .advantage-info.job-assist .left-clm ul li::before {
        position: relative;
        display: block;
        margin: 0 auto;
        margin-bottom: 24px
    }

    .title-desc + .advantage-info + .advantage-info .right-clm {
        padding-bottom: 0
    }
}

@media(min-width: 992px) {
    .title-desc + .advantage-info .right-clm {
        padding-bottom: 24px;
        padding-top: 40px;
        margin-bottom: 56px
    }

        .title-desc + .advantage-info .right-clm::before {
            left: 50px
        }

        .title-desc + .advantage-info .right-clm label {
            padding-left: 58px
        }

    .advantage {
        padding-bottom: 24px
    }

    .advantage-info {
        padding-left: 36px
    }

        .advantage-info h3::before {
            left: -42px
        }

        .advantage-info .left-clm {
            width: 555px
        }

        .advantage-info .right-clm {
            width: calc(100% - 535px)
        }

        .advantage-info .title-desc + .advantage-info {
            margin-top: 56px
        }

    .title-desc + .advantage-info + .advantage-info .right-clm {
        width: calc(100% - 555px)
    }

    .advantage-info + .advantage-info.job-assist .left-clm ul li {
        padding-left: 95px;
        text-align: left;
        font-size: 16px;
        line-height: 1.5
    }

        .advantage-info + .advantage-info.job-assist .left-clm ul li::before {
            width: 64px;
            height: 64px;
            background-size: inherit;
            background-position: -18px -393px
        }

        .advantage-info + .advantage-info.job-assist .left-clm ul li + li::before {
            background-position: -108px -393px
        }

        .advantage-info + .advantage-info.job-assist .left-clm ul li + li + li::before {
            background-position: -197px -393px
        }

    .advantage-info + .advantage-info .right-clm {
        margin-bottom: 56px
    }

    .advantage-info + .advantage-info.job-assist.career-service .left-clm ul {
        margin-bottom: 26px
    }

        .advantage-info + .advantage-info.job-assist.career-service .left-clm ul li {
            width: calc(33% - 88px);
            margin-right: 20px;
            padding-top: 0;
            margin-bottom: 0
        }

            .advantage-info + .advantage-info.job-assist.career-service .left-clm ul li::before {
                width: 60px;
                height: 60px
            }

            .advantage-info + .advantage-info.job-assist.career-service .left-clm ul li:nth-child(1)::before {
                background-position: -20px -20px
            }

            .advantage-info + .advantage-info.job-assist.career-service .left-clm ul li:nth-child(2)::before {
                background-position: -100px -20px
            }

            .advantage-info + .advantage-info.job-assist.career-service .left-clm ul li:nth-child(3)::before {
                background-position: -180px -20px
            }

            .advantage-info + .advantage-info.job-assist.career-service .left-clm ul li:nth-child(4)::before {
                background-position: -260px -20px
            }

            .advantage-info + .advantage-info.job-assist.career-service .left-clm ul li:nth-child(2) {
                margin-right: 20px
            }

            .advantage-info + .advantage-info.job-assist.career-service .left-clm ul li:nth-child(3), .advantage-info + .advantage-info.job-assist.career-service .left-clm ul li:nth-child(4) {
                margin-bottom: 0
            }
}

@media(min-width: 1200px) {
    .advantage {
        padding-bottom: 38px
    }

    .advantage-info + .advantage-info.job-assist .left-clm ul li {
        width: calc(33% - 50px);
        margin-right: 50px;
        padding-top: 10px
    }

        .advantage-info + .advantage-info.job-assist .left-clm ul li + li + li {
            margin-right: 0
        }

    .title-desc + .advantage-info .right-clm {
        text-align: right
    }

        .title-desc + .advantage-info .right-clm img {
            margin-left: 0px
        }

        .title-desc + .advantage-info .right-clm label {
            padding-left: 0px;
            max-width: 450px;
            text-align: center;
            margin-left: auto
        }

        .title-desc + .advantage-info .right-clm::before {
            left: 40px
        }

    .title-desc + .advantage-info + .advantage-info .right-clm {
        text-align: center;
        padding-bottom: 0
    }

        .title-desc + .advantage-info + .advantage-info .right-clm img {
            margin-left: 0;
            width: auto
        }

        .title-desc + .advantage-info + .advantage-info .right-clm label {
            padding-left: 0;
            text-align: center
        }

    .title-desc + .advantage-info + .advantage-info div.right-clm {
        text-align: right;
        width: 423px;
        float: right
    }

    .advantage-info + .advantage-info.job-assist.career-service .left-clm {
        padding-right: 0
    }

        .advantage-info + .advantage-info.job-assist.career-service .left-clm ul {
            margin-top: 40px
        }

            .advantage-info + .advantage-info.job-assist.career-service .left-clm ul li {
                width: calc(35% - 132px);
                padding-top: 10px;
                margin-bottom: 0
            }
}

@media(max-width: 991px) {
    .advantage-info + .advantage-info.job-assist ul {
        margin-bottom: 0
    }

        .advantage-info + .advantage-info.job-assist ul li:first-child:before {
            background-position: -12px -295px
        }

        .advantage-info + .advantage-info.job-assist ul li:nth-of-type(2):before {
            background-position: -80px -295px
        }

        .advantage-info + .advantage-info.job-assist ul li:nth-of-type(3):before {
            background-position: -148px -295px
        }
}

@media(max-width: 767px) {
    .advantage-info + .advantage-info .right-clm {
        text-align: center
    }

        .advantage-info + .advantage-info .right-clm img {
            max-width: 223px
        }

    .advantage-info + .advantage-info.job-assist .left-clm ul li {
        max-width: 278px
    }
}

@media(min-width: 768px)and (max-width: 1199px) {
    .title-desc + .advantage-info .right-clm img {
        margin-left: 20px
    }
}

@media(min-width: 992px)and (max-width: 1199px) {
    .title-desc + .advantage-info .right-clm:before {
        left: 30px
    }

    .title-desc + .advantage-info .right-clm label {
        text-align: center
    }

    .advantage .title-desc + .advantage-info .right-clm img {
        margin-left: 0
    }

    .title-desc + .advantage-info .right-clm label {
        padding-left: 0
    }
}

.program-details .prev-info p {
    margin-top: 0
}

.program-details {
    padding-bottom: 56px
}

    .program-details .program-details-wrapper {
        background-color: #fff;
        background-image: linear-gradient(to bottom, #ebf1f8, #fff)
    }

    .program-details .right-clm {
        display: none
    }

    .program-details .preview-modal .cp-privew-popup {
        text-align: left
    }

.preview-modal .cp-privew-popup h3 {
    text-transform: capitalize
}

.path-hide {
    display: none
}

.learning-path {
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
    padding: 8px 10px 34px 18px;
    margin-top: 24px;
    position: relative
}

    .learning-path ul {
        position: relative;
        margin: 0;
        padding-left: 20px
    }

        .learning-path ul::before {
            width: 1px;
            height: calc(100% - 50px);
            content: "";
            display: inline-block;
            background: #d2d6de;
            position: absolute;
            left: 0;
            top: 25px
        }

        .learning-path ul li::before {
            width: 10px;
            height: 10px;
            background: #d2d6de;
            padding: 0;
            border-radius: 50%;
            left: -4px;
            position: absolute;
            margin-top: 22px;
            content: "";
            display: inline-block
        }

        .learning-path ul li a.course-name {
            padding: 16px 0;
            font-size: 14px;
            color: #51565e;
            font-weight: 500;
            padding-right: 28px;
            position: relative;
            display: inline-block;
            width: 100%
        }

            .learning-path ul li a.course-name::after {
                content: "";
                width: 24px;
                height: 24px;
                display: inline-block;
                background: var(--sub-course-sprite) no-repeat;
                position: absolute;
                right: 0;
                top: 15px;
                background-position: -123px -244px
            }

        .learning-path ul li .prev-info {
            padding-right: 28px;
            display: none;
            border-bottom: 1px solid #d2d6de
        }

        .learning-path ul li.active a.course-name {
            color: #272c37
        }

            .learning-path ul li.active a.course-name::after {
                transform: rotate(180deg)
            }

        .learning-path ul li.active .wt-preview {
            text-align: center
        }

            .learning-path ul li.active .wt-preview a.play-btn {
                width: auto;
                padding: 0;
                color: #1179ef;
                margin-top: 20px
            }

                .learning-path ul li.active .wt-preview a.play-btn::before {
                    content: "";
                    display: inline-block;
                    width: 32px;
                    height: 32px;
                    background: var(--dm-sprite) no-repeat;
                    background-position: -355px -476px;
                    vertical-align: middle;
                    margin-right: 16px;
                    position: relative;
                    top: -4px
                }

                .learning-path ul li.active .wt-preview a.play-btn::after {
                    display: none
                }

        .learning-path ul li.active .prev-info {
            display: block;
            padding-bottom: 24px
        }

    .learning-path .more {
        margin-top: 16px;
        padding-left: 20px
    }

    .learning-path h5 {
        font-size: 16px;
        font-weight: 500;
        color: #272c37;
        margin-top: 24px;
        margin-bottom: 8px;
        padding: 0
    }

.program-content .border-btn {
    background: #1179ef;
    border-color: #1179ef;
    position: relative
}

    .program-content .border-btn::before {
        display: inline-block;
        content: "";
        width: 26px;
        height: 26px;
        background: var(--dm-sprite) no-repeat;
        background-position: -485px -475px;
        vertical-align: middle;
        margin-right: 20px;
        position: relative;
        top: -2px
    }

.purdue-master input[name=personPhone] {
    padding-top: 6px
}

.purdue-master .country-code .arrow-icon select {
    position: relative;
    z-index: 2
}

@media(min-width: 768px) {
    .program-details h3.l-path {
        font-size: 16px;
        margin-top: 64px
    }

    .program-details .prev-info p {
        width: 465px;
        display: inline-block;
        vertical-align: middle
    }

        .program-details .prev-info p + .dual-preview-button {
            width: calc(100% - 465px);
            display: inline-block;
            vertical-align: top;
            position: relative;
            top: 4px
        }

    .learning-path ul li.active .wt-preview a.play-btn:before {
        clear: both;
        display: block;
        margin-right: auto;
        margin-left: auto
    }

    .learning-path ul li.active .wt-preview a.play-btn {
        margin-top: 0
    }

    .learning-path ul li.active .prev-info {
        margin-bottom: 16px
    }

    .program-content .border-btn {
        margin-left: 0
    }

    .learning-path ul li.active .prev-info {
        padding-right: 0;
        margin-right: 38px
    }

    .purdue-master input[name=personPhone] {
        padding-top: 8px
    }
}

@media(min-width: 992px) {
    .program-details .left-clm {
        width: calc(100% - 390px);
        display: inline-block;
        vertical-align: top
    }

    .program-details h3.l-path {
        font-size: 18px
    }

    .program-details .prev-info {
        margin-right: 0
    }

        .program-details .prev-info p {
            width: 425px;
            padding-right: 30px
        }

            .program-details .prev-info p + .dual-preview-button {
                width: calc(100% - 425px);
                min-width: 54px
            }

    .program-details .right-clm {
        width: 360px;
        margin-left: 30px;
        display: inline-block;
        vertical-align: top
    }

        .program-details .right-clm .detail {
            background: #fff;
            border-radius: 4px;
            margin-top: 24px;
            padding: 32px 28px 0;
            box-shadow: 0 2px 8px 0 rgba(0,0,0,.1)
        }

            .program-details .right-clm .detail .heading h4 a {
                font-size: 16px;
                font-weight: 500;
                color: #272c37
            }

            .program-details .right-clm .detail ul {
                margin: 48px 0;
                display: inline-block;
                width: 100%
            }

                .program-details .right-clm .detail ul li {
                    margin-bottom: 32px;
                    min-height: 18px;
                    display: table;
                    width: 100%
                }

                    .program-details .right-clm .detail ul li b {
                        width: 108px;
                        display: inline-block;
                        vertical-align: middle;
                        text-align: right;
                        font-size: 16px;
                        font-weight: 500;
                        color: #51565e;
                        word-wrap: break-word
                    }

                    .program-details .right-clm .detail ul li span {
                        display: inline-block;
                        text-align: left;
                        padding-left: 40px;
                        width: calc(100% - 112px);
                        vertical-align: middle;
                        position: relative;
                        word-wrap: break-word
                    }

                        .program-details .right-clm .detail ul li span::before {
                            content: "";
                            width: 1px;
                            height: 18px;
                            display: inline-block;
                            background: #d2d6de;
                            position: absolute;
                            left: 20px;
                            top: 0;
                            bottom: 0;
                            margin: auto
                        }

                    .program-details .right-clm .detail ul li:last-child {
                        margin-bottom: 0
                    }

        .program-details .right-clm .heading {
            padding-bottom: 16px;
            border-bottom: 1px solid #d2d6de;
            text-align: center
        }

            .program-details .right-clm .heading h4 {
                display: inline-block;
                max-width: 90px;
                font-size: 16px;
                font-weight: 500;
                color: #272c37;
                vertical-align: middle
            }

            .program-details .right-clm .heading span {
                display: inline-block;
                width: 72px;
                vertical-align: middle;
                color: #6c7480
            }

    .learning-path {
        padding-left: 30px;
        padding-right: 30px
    }

        .learning-path ul {
            padding-left: 15px
        }

            .learning-path ul li a.course-name {
                padding-left: 11px
            }

    .purdue-master input[name=personPhone] {
        padding-top: 6px
    }
}

@media(min-width: 992px) {
    .program-content .border-btn {
        min-width: 254px
    }

        .program-content .border-btn:hover {
            background: #0a5dc9;
            color: #fff
        }

    .learning-path ul li.active .prev-info {
        padding-left: 11px;
        margin-right: 0
    }

    .program-details {
        padding-bottom: 64px
    }

        .program-details .ind-project h3 {
            margin-bottom: 32px;
            margin-top: 80px
        }
}

@media(min-width: 1200px) {
    .program-details .prev-info p {
        width: 554px
    }

        .program-details .prev-info p + .dual-preview-button {
            width: calc(100% - 554px)
        }

    .learning-path {
        padding-right: 10px
    }

        .learning-path ul li a.course-name:hover {
            background: #ebf1f8
        }

        .learning-path ul li.active a.course-name:hover {
            background: rgba(0,0,0,0)
        }

        .learning-path ul li.has-preview a.course-name:hover::before {
            content: "Preview";
            color: #1179ef;
            display: inline-block;
            font-size: 14px;
            font-weight: 500;
            position: absolute;
            right: 48px
        }

        .learning-path ul li.active.has-preview a.course-name:hover::before {
            display: none
        }

        .learning-path ul li a.course-name:after {
            right: 10px
        }

        .learning-path ul li.active .wt-preview a.play-btn:hover {
            color: #0a5dc9
        }

            .learning-path ul li.active .wt-preview a.play-btn:hover::before {
                background-position: -415px -476px
            }

        .learning-path ul li.active .prev-info {
            margin-right: 38px
        }

    .purdue-master .query-leadform {
        min-height: 494px !important
    }

        .purdue-master .query-leadform .form-head h3 {
            margin-top: 14px;
            font-size: 16px;
            line-height: normal;
            text-align: center
        }

        .purdue-master .query-leadform .form-head .form-company .form-control {
            margin-bottom: 15px
        }

            .purdue-master .query-leadform .form-head .form-company .form-control input {
                margin-top: 16px
            }

        .purdue-master .query-leadform .form-head form .btn {
            margin-top: 32px;
            background: #fff;
            border: 1px solid #1179ef;
            border-radius: 2px;
            line-height: 40px;
            color: #1179ef;
            font-size: 14px;
            font-weight: 500;
            text-transform: uppercase;
            min-width: 157px
        }

            .purdue-master .query-leadform .form-head form .btn:hover {
                background: #1179ef;
                color: #fff
            }

        .purdue-master .query-leadform .experience {
            margin-top: 16px
        }
}

@media(max-width: 767px) {
    .learning-path ul li.active .wt-preview {
        margin-top: 16px
    }

    .program-details-wrapper #rm_dual_pd_desc a {
        font-size: 14px;
        margin-top: 8px;
        display: inline-block;
        font-weight: 500
    }
}

.blank_player {
    transition: all .2s ease
}

@media(max-width: 767px) {
    .preview-modal .update-form-height .blank_player {
        height: 352px
    }
}

@media(min-width: 768px) {
    .preview-modal .update-form-height .blank_player {
        height: 385px
    }

        .preview-modal .update-form-height .blank_player .form-play .course-head:before {
            height: 386px;
            left: -178px;
            top: -68px
        }

        .preview-modal .update-form-height .blank_player .form-play .course-head > div {
            height: 350px;
            top: -51px
        }
}

@media(min-width: 992px) {
    .preview-modal .update-form-height .blank_player .form-play .course-head:before {
        left: -306px
    }
}

@media(min-width: 1200px) {
    .preview-modal .update-form-height .blank_player .form-play .course-head:before {
        left: -153px
    }
}

.program-details .prev-info .preview-modal p {
    max-width: 100%
}

@media(min-width: 1200px) {
    .program-details .right-clm {
        margin-top: 28px
    }

    #QueryBoxB2C {
        display: block;
        position: relative
    }

        #QueryBoxB2C .form-head {
            display: block;
            margin-left: -15px;
            margin-right: -15px;
            margin-top: -15px;
            text-align: center;
            padding-bottom: 0px;
            border-radius: 4px 4px 0 0
        }

            #QueryBoxB2C .form-head h3 {
                margin-top: 32px;
                display: inline-block;
                font-size: 18px;
                font-weight: 500;
                color: #51565e
            }

            #QueryBoxB2C .form-head p {
                margin-top: 16px;
                font-size: 14px;
                color: #51565e;
                font-weight: 400;
                display: none
            }

        #QueryBoxB2C form {
            margin-top: 32px
        }

            #QueryBoxB2C form .form-checkbox {
                margin-bottom: 32px
            }

                #QueryBoxB2C form .form-checkbox label {
                    font-size: 14px;
                    line-height: 1.49;
                    color: #51565e
                }

            #QueryBoxB2C form .btn {
                width: 157px;
                text-align: center;
                line-height: 38px;
                border: 1px solid #1179ef;
                border-radius: 2px;
                background: rgba(0,0,0,0);
                color: #1179ef;
                min-height: 38px
            }

                #QueryBoxB2C form .btn:hover {
                    background: #1179ef;
                    color: #fff
                }

        #QueryBoxB2C .form-checkbox label a {
            color: #1179ef
        }

    .curriculum .col-md-4 {
        display: inline-block;
        vertical-align: top;
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        animation: smoothScroll 0s forwards;
        -webkit-animation: smoothScroll 0s forwards;
        -webkit-transition: all 0s ease;
        transition: all 0s ease;
        z-index: 0 !important
    }

        .curriculum .col-md-4 .sh-box {
            background: #fff;
            padding: 15px 15px 22px 15px;
            box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
            border-radius: 4px;
            border: 1px solid #dde6ed
        }

        .curriculum .col-md-4 .query-frm {
            min-height: 508px
        }

        .curriculum .col-md-4 .toll-free.sh-box {
            margin-bottom: 24px;
            padding: 16px 25px;
            transition: all .4s ease;
            -webkit-transition: all .4s ease;
            -moz-transition: all .4s ease;
            -o-transition: all .4s ease;
            position: relative;
            max-height: 160px;
            top: 0
        }

            .curriculum .col-md-4 .toll-free.sh-box p {
                margin: 0;
                font-size: 14px;
                font-weight: 400;
                color: #6c7480
            }

            .curriculum .col-md-4 .toll-free.sh-box h2 {
                font-size: 24px;
                letter-spacing: 2px;
                color: #272c37;
                margin: 8px 0
            }

                .curriculum .col-md-4 .toll-free.sh-box h2:after {
                    content: "";
                    width: 32px;
                    height: 32px;
                    display: inline-block;
                    position: absolute;
                    right: 30px;
                    top: 0;
                    bottom: 0;
                    margin: auto;
                    background: var(--sub-course-sprite) no-repeat;
                    background-position: -446px -242px
                }

            .curriculum .col-md-4 .toll-free.sh-box:after {
                content: "";
                width: 1px;
                height: 50px;
                display: inline-block;
                position: absolute;
                right: 85px;
                top: 0;
                bottom: 0;
                margin: auto;
                background: #d2d6de
            }

        .curriculum .col-md-4.sticky-top {
            z-index: 0 !important
        }

            .curriculum .col-md-4.sticky-top .toll-free.sh-box {
                position: relative;
                max-height: 48px;
                overflow: hidden;
                top: -124px;
                visibility: hidden
            }

        .curriculum .col-md-4.sticky-bottom .toll-free.sh-box {
            position: relative;
            max-height: 48px;
            overflow: hidden;
            top: -124px;
            visibility: hidden
        }
}

.ind-project {
    margin-right: 0px;
    margin-top: 10px;
    padding-bottom: 0px
}

    .ind-project .disclaimer {
        font-size: 12px;
        line-height: 1.5;
        color: #6c7480;
        padding-left: 5px;
        padding-right: 20px;
        margin-top: 16px
    }

    .ind-project h3 {
        margin-bottom: 24px;
        margin-top: 56px
    }

    .ind-project .ul-iners ul {
        margin: 0
    }

        .ind-project .ul-iners ul li .industy_card {
            margin-right: 20px;
            width: 300px
        }

            .ind-project .ul-iners ul li .industy_card p {
                margin-top: 0
            }

            .ind-project .ul-iners ul li .industy_card img {
                max-height: 60px;
                width: auto
            }

        .ind-project .ul-iners ul li .card-with-image {
            padding-bottom: 76px;
            position: relative
        }

            .ind-project .ul-iners ul li .card-with-image .industy_card-content + div {
                margin-bottom: 10px
            }

            .ind-project .ul-iners ul li .card-with-image img {
                position: absolute;
                bottom: 16px;
                margin: 0;
                left: 16px
            }

        .ind-project .ul-iners ul li {
            padding-bottom: 5px;
            padding-top: 2px
        }

.industy_card {
    border-radius: 4px;
    width: 300px;
    height: 100%;
    border: 1px solid #d2d6de;
    background: #fff;
    display: inline-block;
    padding-bottom: 16px
}

    .industy_card div.industy_card-content {
        background: #ebf1f8;
        padding: 16px 16px 20px;
        border-radius: 4px 4px 0 0
    }

        .industy_card div.industy_card-content span {
            display: inline-block;
            width: 100%;
            line-height: normal;
            margin-bottom: 24px;
            font-size: 14px;
            color: #51565e
        }

        .industy_card div.industy_card-content h4 {
            margin: 0;
            line-height: normal;
            font-size: 18px;
            font-weight: 500;
            color: #272c37
        }

    .industy_card .industy_card-content + div {
        margin: 20px 16px 30px
    }

    .industy_card p {
        font-size: 14px;
        line-height: 1.43;
        font-weight: 500;
        color: #6c7480
    }

    .industy_card img {
        margin-left: 16px;
        max-width: 180px
    }

@media(min-width: 768px) {
    .ind-project .ul-iners ul li {
        max-width: 320px
    }
}

@media(min-width: 992px) {
    .ind-project {
        margin-right: 0
    }

        .ind-project h3 {
            margin-bottom: 32px;
            margin-top: 80px
        }

        .ind-project .ul-iners {
            width: 965px;
            padding-left: 2px
        }

            .ind-project .ul-iners ul li {
                max-width: 330px
            }

                .ind-project .ul-iners ul li .industy_card {
                    box-shadow: 0 2px 8px 0 rgba(0,0,0,.1)
                }

                    .ind-project .ul-iners ul li .industy_card div.industy_card-content {
                        padding-bottom: 24px
                    }

                        .ind-project .ul-iners ul li .industy_card div.industy_card-content span {
                            margin-bottom: 16px
                        }
}

@media(min-width: 1200px) {
    .ind-project .ul-iners {
        width: 1142px;
        padding-left: 2px
    }

        .ind-project .ul-iners ul li {
            max-width: 388px
        }

            .ind-project .ul-iners ul li .industy_card {
                width: 275px
            }
}

@media(max-width: 991px) {
    .ind-project .frs-slider {
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px
    }

    .course-info .container {
        width: 100%
    }
}

.ideal-candidates {
    background: #ebf1f8;
    padding-bottom: 56px
}

    .ideal-candidates .left-clm p {
        margin: 24px 0 32px
    }

    .ideal-candidates .left-clm ul {
        margin-bottom: 0
    }

    .ideal-candidates li {
        padding-left: 42px;
        position: relative;
        margin-bottom: 32px;
        display: inline-block;
        width: 100%
    }

        .ideal-candidates li:before {
            content: "";
            width: 12px;
            height: 12px;
            display: inline-block;
            background: var(--dm-sprite) no-repeat;
            background-position: -542px -475px;
            position: absolute;
            top: 5px;
            left: 11px
        }

    .ideal-candidates .right-clm {
        margin-top: 48px
    }

        .ideal-candidates .right-clm h4 {
            font-size: 16px;
            font-weight: 500;
            text-align: center;
            color: #272c37
        }

        .ideal-candidates .right-clm span {
            font-size: 12px;
            text-align: center
        }

            .ideal-candidates .right-clm span.phoneCodeId {
                font-size: 14px
            }

    .ideal-candidates .left-clm .info {
        margin-top: 8px
    }

    .ideal-candidates .right-clm .form-head h3 {
        text-align: center;
        color: #272c37;
        font-size: 16px;
        font-weight: 500;
        text-transform: capitalize
    }

    .ideal-candidates .right-clm .form-head p {
        color: #51565e;
        font-size: 14px;
        font-weight: 400;
        margin-top: 16px;
        text-align: center
    }

.free-video h3 {
    text-align: center
}

.free-video p {
    text-align: center;
    margin-top: 16px
}

.ideal-candidates .right-clm .form-head + div {
    padding: 30px 34px
}

.ideal-candidates .right-clm .btn {
    margin-top: 32px;
    width: 100%
}

@media(min-width: 768px) {
    .ideal-candidates .left-clm .info {
        max-width: 610px
    }

    .ideal-candidates .right-clm .form-head {
        margin-top: 56px
    }
}

@media(min-width: 1200px) {
    .ideal-candidates .query_success {
        z-index: 1
    }

    .ideal-candidates .left-clm .info {
        max-width: 570px
    }

    .ideal-candidates .right-clm {
        width: 410px;
        margin: 0 auto;
        border-radius: 4px;
        box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
        border: 1px solid #dde6ed;
        background-color: #fff;
        display: inline-block;
        vertical-align: top;
        margin-top: 84px;
        min-height: 410px;
        position: relative
    }

    .ideal-candidates .left-clm {
        position: relative;
        display: inline-block;
        width: calc(100% - 410px)
    }

        .ideal-candidates .left-clm p {
            max-width: 600px
        }

    .ideal-candidates .right-clm .form-head {
        text-align: center;
        margin: auto;
        background-image: linear-gradient(102deg, #27a9ed, #0961c6);
        border-radius: 4px 4px 0 0
    }

        .ideal-candidates .right-clm .form-head h3 {
            color: #fff;
            font-size: 18px;
            padding-top: 18px;
            margin: 0
        }

        .ideal-candidates .right-clm .form-head p {
            color: #fff;
            margin-top: 12px;
            padding-bottom: 20px
        }

    .ideal-candidates .left-clm ul li {
        margin-bottom: 24px
    }

    .ideal-candidates {
        padding-bottom: 64px
    }
}

.dm-blended-learning {
    padding-bottom: 56px
}

    .dm-blended-learning .ul-iners ul {
        padding-top: 77px
    }

        .dm-blended-learning .ul-iners ul li {
            width: 320px
        }

            .dm-blended-learning .ul-iners ul li .box {
                width: 300px;
                height: 100%;
                display: inline-block;
                text-align: center;
                padding: 54px 15px;
                border: 1px solid #dde6ed;
                border-radius: 4px
            }

                .dm-blended-learning .ul-iners ul li .box h3 {
                    margin: 0;
                    padding: 0;
                    text-transform: capitalize;
                    position: relative
                }

                    .dm-blended-learning .ul-iners ul li .box h3::before {
                        content: "";
                        width: 66px;
                        height: 66px;
                        display: inline-block;
                        border-radius: 50%;
                        box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
                        border: 1px solid #dde6ed;
                        position: absolute;
                        top: -88px;
                        right: 0;
                        left: 0;
                        margin: auto;
                        background: var(--dm-sprite) no-repeat #fff
                    }

                .dm-blended-learning .ul-iners ul li .box p {
                    margin-top: 24px
                }

            .dm-blended-learning .ul-iners ul li:first-child .box h3::before {
                background-position: -292px -286px
            }

            .dm-blended-learning .ul-iners ul li:nth-child(2) .box h3::before {
                background-position: -384px -286px
            }

            .dm-blended-learning .ul-iners ul li:nth-child(3) .box h3::before {
                background-position: -471px -285px
            }

            .dm-blended-learning .ul-iners ul li:nth-child(4) .box h3::before {
                background-position: -291px -364px
            }

            .dm-blended-learning .ul-iners ul li:nth-child(5) .box h3::before {
                background-position: -383px -364px
            }

            .dm-blended-learning .ul-iners ul li:nth-child(6) .box h3::before {
                background-position: -474px -368px
            }

            .dm-blended-learning .ul-iners ul li.self-paced .box h3::before {
                background-position: -292px -286px
            }

            .dm-blended-learning .ul-iners ul li.live-class .box h3::before {
                background-position: -384px -286px
            }

            .dm-blended-learning .ul-iners ul li.teach-assist .box h3::before {
                background-position: -471px -285px
            }

            .dm-blended-learning .ul-iners ul li.online-lab .box h3::before {
                background-position: -291px -364px
            }

            .dm-blended-learning .ul-iners ul li.applied-project .box h3::before {
                background-position: -383px -364px
            }

            .dm-blended-learning .ul-iners ul li.social-forums .box h3::before {
                background-position: -474px -368px
            }

@media(min-width: 768px) {
    .dm-blended-learning .ul-iners ul li {
        width: 585px
    }

        .dm-blended-learning .ul-iners ul li .box {
            width: 555px;
            padding-left: 30px;
            padding-right: 30px
        }
}

@media(min-width: 992px) {
    .dm-blended-learning {
        padding-bottom: 64px
    }

        .dm-blended-learning .ul-iners ul li {
            width: 455px
        }

            .dm-blended-learning .ul-iners ul li .box {
                width: 425px;
                padding-left: 30px;
                padding-right: 30px
            }
}

@media(min-width: 1200px) {
    .dm-blended-learning .ul-iners ul {
        min-width: 100%;
        width: 100% !important
    }

        .dm-blended-learning .ul-iners ul li {
            width: 33.33%
        }

            .dm-blended-learning .ul-iners ul li .box {
                width: 100%;
                padding-left: 45px;
                padding-right: 45px;
                border-radius: 0;
                padding-top: 0;
                padding-bottom: 48px
            }

                .dm-blended-learning .ul-iners ul li .box h3 {
                    font-size: 18px
                }

                    .dm-blended-learning .ul-iners ul li .box h3::before {
                        position: static;
                        display: block;
                        margin: 0 auto;
                        border: 0;
                        box-shadow: none;
                        margin-top: 24px;
                        margin-bottom: 24px
                    }

                .dm-blended-learning .ul-iners ul li .box p {
                    margin-top: 32px
                }

            .dm-blended-learning .ul-iners ul li:first-child .box {
                border-top: 0;
                border-left: 0;
                border-right: 0
            }

            .dm-blended-learning .ul-iners ul li:nth-child(2) .box {
                border-top: 0;
                border-right: 0
            }

            .dm-blended-learning .ul-iners ul li:nth-child(3) .box {
                border-top: 0;
                border-right: 0
            }

            .dm-blended-learning .ul-iners ul li:nth-child(4) .box {
                border: 0;
                padding-top: 21px
            }

            .dm-blended-learning .ul-iners ul li:nth-child(5) .box {
                padding-top: 21px;
                border-top: 0;
                border-bottom: 0;
                border-right: 0
            }

            .dm-blended-learning .ul-iners ul li:nth-child(6) .box {
                padding-top: 21px;
                border-top: 0;
                border-bottom: 0;
                border-right: 0
            }

    .dm-blended-learning .view-more-btn-fixed {
        display: none
    }
}

@media(max-width: 1199px) {
    .dm-blended-learning .container {
        padding-right: 0;
        margin-right: 0
    }

        .dm-blended-learning .container h2 {
            padding-right: 30px
        }
}

@media(max-width: 767px) {
    .dm-blended-learning .container h2 {
        padding-right: 15px
    }

    .dm-blended-learning .container p.title-desc {
        padding-right: 15px
    }
}

.get-started {
    padding-bottom: 56px
}

    .get-started .title-desc {
        max-width: 850px;
        font-size: 14px
    }

    .get-started h2 + p {
        margin-top: 24px
    }

    .get-started h3 + .disc {
        margin-top: 16px
    }

    .get-started .started-info {
        box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
        border: 1px solid #1179ef;
        border-radius: 4px;
        overflow: hidden;
        background: #fff;
        margin-top: 32px
    }

    .get-started .left-clm {
        background: #128aef;
        background-image: linear-gradient(325deg, #128aef, #0a5dc9);
        text-align: center;
        padding: 32px 25px 40px 25px;
        color: #fff
    }

        .get-started .left-clm h3 {
            margin: 0;
            color: #fff;
            text-transform: none
        }

        .get-started .left-clm .info {
            margin-top: 48px;
            color: #fff;
            line-height: 1.43
        }

        .get-started .left-clm h4 {
            font-size: 32px;
            margin-top: 16px;
            font-weight: 500
        }

        .get-started .left-clm .payment-type {
            text-align: center;
            margin-top: 48px
        }

            .get-started .left-clm .payment-type img {
                margin: 0 16px;
                margin-bottom: 24px;
                width: auto;
                max-height: 30px
            }

                .get-started .left-clm .payment-type img:first-child {
                    margin-left: 0
                }

            .get-started .left-clm .payment-type #align-logo {
                margin-top: 12px
            }

        .get-started .left-clm label {
            margin-top: 56px;
            font-size: 14px;
            color: #fff;
            margin-bottom: 0
        }

        .get-started .left-clm .white-btn {
            margin-top: 40px
        }

    .get-started .right-clm {
        padding: 40px 0px 56px 0;
        text-align: center
    }

        .get-started .right-clm h3 {
            margin: 0;
            text-transform: capitalize;
            font-weight: 400;
            color: #51565e;
            margin-bottom: 0px
        }

        .get-started .right-clm .info {
            margin-top: 24px;
            line-height: 1.43;
            max-width: 250px;
            margin-left: auto;
            margin-right: auto
        }

        .get-started .right-clm ul {
            margin: 0;
            text-align: left;
            width: 100%;
            margin-top: 48px
        }

            .get-started .right-clm ul li {
                color: #51565e;
                font-weight: 500;
                position: relative;
                width: 33.333%;
                display: inline-block;
                vertical-align: top;
                line-height: 1.57;
                text-align: center
            }

                .get-started .right-clm ul li::before {
                    width: 50px;
                    height: 50px;
                    content: "";
                    display: block;
                    background: url("/assets/image/dual-payment-sprite.svgz") no-repeat;
                    margin: auto;
                    background-position: -19px -136px;
                    margin-bottom: 16px
                }

                .get-started .right-clm ul li a {
                    color: #51565e;
                    text-decoration: underline
                }

            .get-started .right-clm ul .credit::before {
                background-position: -19px -136px
            }

            .get-started .right-clm ul .paypal::before {
                background-position: -351px -136px
            }

            .get-started .right-clm ul .internet::before {
                background-position: -96px -136px
            }

            .get-started .right-clm ul .standed-emi::before {
                background: url("/assets/image/purdue-sprite_1.svgz") no-repeat;
                background-position: -242px -233px
            }

        .get-started .right-clm label {
            margin-top: 64px;
            font-size: 14px;
            margin-bottom: 0;
            color: #272c37
        }

        .get-started .right-clm h4 {
            font-size: 32px;
            color: #51565e;
            margin-top: 16px;
            font-weight: 500
        }

        .get-started .right-clm p {
            color: #6c7480;
            margin-top: 24px
        }

    .get-started .only-right-clm {
        width: 100%;
        background-image: linear-gradient(137deg, #00a8ff, #0e6fdc)
    }

        .get-started .only-right-clm .af-price-info label, .get-started .only-right-clm .af-price-info h4, .get-started .only-right-clm .af-price-info p.gst-text {
            color: #fff !important
        }

        .get-started .only-right-clm .af-price-info label {
            font-weight: 500;
            font-size: 16px !important
        }

        .get-started .only-right-clm .af-price-info .discount-info {
            margin-bottom: 40px;
            margin-top: -18px
        }

        .get-started .only-right-clm .af-price-info span {
            display: inline-block;
            margin-top: 2px;
            vertical-align: middle;
            font-weight: 500
        }

        .get-started .only-right-clm .af-price-info .strike-price {
            text-decoration: line-through;
            color: #fff;
            font-size: 20px;
            line-height: 21px
        }

        .get-started .only-right-clm .af-price-info .of-price {
            font-size: 16px;
            line-height: 16px;
            color: #fff;
            margin-left: 5px
        }

    .get-started button, .get-started button.btn {
        box-shadow: none;
        -webkit-appearance: none;
        padding: 0;
        border: 0;
        cursor: pointer
    }

    .get-started .started-info .left-clm .ebook-modal .form-checkbox label {
        margin-top: 0;
        font-size: 12px
    }

        .get-started .started-info .left-clm .ebook-modal .form-checkbox label a {
            font-size: 12px;
            display: inline-block;
            margin-left: 5px
        }

.affirm-hide {
    display: none
}

.purdue-master .get-started .affirm-enroll + .emiCallForm span button {
    margin-top: 24px
}

.get-started.hasNoFinancers .started-info {
    max-width: 370px;
    display: block;
    margin-left: 0;
    margin-right: auto
}

    .get-started.hasNoFinancers .started-info .right-clm {
        width: 100%
    }

    .get-started.hasNoFinancers .started-info ul {
        text-align: center
    }

.get-started.hasNoFinancers .left-clm {
    padding: 0
}

@media(min-width: 768px) {
    .get-started h2 + p, .get-started h3 + .disc {
        max-width: 630px
    }

    .get-started .started-info {
        margin-top: 40px
    }

    .get-started .only-right-clm .af-price-info .discount-info {
        margin-top: -30px
    }

    .started-info {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .started-info .left-clm {
            width: 352px;
            display: inline-block;
            padding-top: 40px;
            vertical-align: top;
            position: relative
        }

            .started-info .left-clm h3 {
                font-weight: 500;
                letter-spacing: 0
            }

            .started-info .left-clm .btn {
                margin-top: 40px
            }

            .started-info .left-clm .info {
                margin-top: 40px
            }

            .started-info .left-clm label {
                margin-top: 0px
            }

        .started-info .left-clm, .started-info .right-clm {
            padding-bottom: 230px
        }

        .started-info .af-price-info {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
            height: 190px
        }

        .started-info .right-clm {
            width: calc(100% - 352px);
            display: inline-block;
            padding-top: 40px;
            vertical-align: top;
            position: relative
        }

            .started-info .right-clm h3 {
                margin-bottom: 0
            }

            .started-info .right-clm .info {
                margin-top: 40px
            }

            .started-info .right-clm label {
                margin-top: 0px
            }

        .started-info .only-right-clm {
            width: 100%
        }

    .hasNoFinancers .started-info .left-clm {
        width: 0%;
        padding: 0
    }
}

@media(min-width: 992px) {
    .get-started h2 + p, .get-started h3 + .disc {
        max-width: 850px
    }

    .get-started .started-info {
        margin-top: 40px
    }

    .started-info h3 {
        font-size: 16px
    }

    .started-info .left-clm, .started-info .right-clm {
        width: 50%;
        padding-top: 32px
    }

        .started-info .left-clm .info, .started-info .right-clm .info {
            margin-top: 48px
        }

    .started-info .only-right-clm {
        width: 100%
    }

    .started-info .left-clm {
        background-image: linear-gradient(137deg, #00a8ff, #0e6fdc)
    }

        .started-info .left-clm .info {
            max-width: 313px;
            margin-left: auto;
            margin-right: auto
        }

        .started-info .left-clm h4 {
            font-size: 38px
        }

        .started-info .left-clm .white-btn {
            margin-top: 56px;
            max-width: 258px
        }

    .started-info .right-clm ul {
        margin-top: 56px
    }

    .started-info .right-clm h4 {
        margin-top: 24px;
        font-size: 38px
    }

    .get-started .started-info {
        width: 878px;
        margin-left: auto;
        margin-right: auto
    }

    .get-started .right-clm ul li::before {
        width: 65px;
        height: 65px;
        background-position: -20px -26px
    }

    .get-started .right-clm ul .credit::before {
        background-position: -20px -26px
    }

    .get-started .right-clm ul .paypal::before {
        background-position: -350px -26px
    }

    .get-started .right-clm ul .internet::before {
        background-position: -96px -27px
    }

    .get-started .right-clm ul .standed-emi::before {
        background-position: -232px -142px
    }

    .get-started .left-clm .no-cost-emi .emi a {
        font-size: 14px
    }

    .get-started .left-clm .payment-type img {
        margin: 0 26px 24px
    }

        .get-started .left-clm .payment-type img:last-child {
            margin-right: 0
        }

    .hasNoFinancers .started-info .left-clm {
        width: 0%;
        padding: 0
    }
}

@media(min-width: 1200px) {
    .started-info .left-clm .btn.white-btn:hover {
        background: #fff;
        color: #1179ef
    }
}

.req-form {
    display: none;
    padding: 64px 0
}

@media(min-width: 992px) {
    .req-form {
        background: url("https://www.Simplidatatech.com/static/frontend/images/dt-form-bg.jpg") no-repeat;
        background-size: cover;
        display: inline-block;
        width: 100%
    }

        .req-form .query_success {
            z-index: 1
        }

        .req-form .request-more-info {
            width: 436px;
            margin: 0 auto;
            border-radius: 4px;
            border: solid 1px #e4e7ec;
            background-color: #fff;
            padding: 0 48px 40px;
            min-height: 552px;
            position: relative
        }

            .req-form .request-more-info .form-head h3 {
                text-align: center
            }

            .req-form .request-more-info .form-head + div {
                margin-top: 56px
            }

    .req-form {
        display: block
    }

        .req-form button.btn {
            margin-top: 32px;
            width: 200px
        }
}

.dual-master .applynow {
    background: #ebf1f8;
    padding-bottom: 56px
}

.applynow .apply-form {
    background: #ebf1f8;
    padding-bottom: 56px
}

.applynow-seamless {
    background: #ebf1f8 !important
}

.applynow .app-start {
    border-radius: 4px;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
    border: solid 1px #d2d6de;
    background-color: #fff;
    margin-top: 40px
}

.app-start .form-apply h3:first-child {
    padding-left: 10px
}

.app-start .form-head h3 {
    margin-top: 40px;
    padding-left: 15px
}

.app-start form {
    margin-top: 38px;
    padding: 0 5px
}

    .app-start form .form-email .form-control input, .app-start form .country-code {
        margin-top: 36px
    }

.app-start .form-apply {
    width: calc(50% - 16px);
    padding: 0 55px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    min-height: 460px
}

    .app-start .form-apply:last-child::before {
        content: "";
        width: 1px;
        height: 209px;
        display: inline-block;
        background: #d2d6de;
        position: absolute;
        left: 0;
        top: 110px;
        bottom: 0
    }

    .app-start .form-apply h3 {
        margin-top: 40px
    }

    .app-start .form-apply ul li {
        margin-bottom: 36px
    }

    .app-start .form-apply ul {
        margin-top: 40px
    }

        .app-start .form-apply ul li {
            margin-bottom: 36px;
            vertical-align: middle;
            padding-left: 44px;
            position: relative;
            display: inline-block;
            width: 100%
        }

            .app-start .form-apply ul li::before {
                content: "";
                width: 24px;
                height: 24px;
                display: inline-block;
                background: var(--dm-sprite) no-repeat;
                background-position: -59px -220px;
                position: absolute;
                left: 0;
                top: 0
            }

@media screen and (max-width: 991px) {
    .app-start .form-apply:last-child {
        display: none
    }

    .app-start .form-apply {
        width: 100%;
        padding: 0;
        display: inline-block;
        vertical-align: top
    }
}

.applynow .app-start .form-apply form .btn {
    margin-top: 24px;
    width: 100%;
    max-width: 234px
}

@media screen and (min-width: 768px) {
    .applynow .apply-form {
        padding-bottom: 64px
    }
}

.applynow .app-start form .country-code {
    margin-top: 24px
}

@media screen and (min-width: 1200px) {
    .admission .eligi-candidate .candidate-list .candi-group {
        width: 380px
    }
}

.purdue-master .get-started .splitit.affirm-as-low-as::before {
    margin-bottom: 7px
}

.dual-master .admission {
    background: #ebf1f8;
    padding-bottom: 64px
}

.started-info .left-clm .white-btn {
    margin-top: 43px
}

.started-info .left-clm .info {
    margin-top: 32px
}

.started-info .left-clm .installment-info {
    width: 313px;
    height: 40px;
    color: #fff;
    text-align: center;
    margin-top: 24px;
    display: inline-block
}

.started-info .left-clm h3 {
    font-size: 18px
}

.started-info .left-clm table {
    table-layout: auto;
    margin-top: 40px;
    width: 100%;
    border-radius: 4px;
    border: solid 1px rgba(255,255,255,.3);
    font-size: 14px;
    border-spacing: 0
}

    .started-info .left-clm table tr:last-child td:first-child {
        border-radius: 0 0 0 4px
    }

    .started-info .left-clm table tr:last-child td:last-child {
        border-radius: 0 0 4px 0
    }

.started-info .left-clm th:first-child, .started-info .left-clm td:first-child {
    border-left: 0
}

.started-info .left-clm td, .started-info .left-clm th {
    border-left: 1px solid rgba(255,255,255,.3);
    border-top: 1px solid rgba(255,255,255,.3);
    padding: 7px
}

.started-info .left-clm td {
    font-weight: normal
}

.started-info .left-clm th {
    background-color: rgba(255,255,255,.2);
    border-top: none;
    font-weight: 500
}

    .started-info .left-clm th:first-child {
        border-radius: 4px 0 0 0
    }

    .started-info .left-clm th:last-child {
        border-radius: 0 4px 0 0
    }

.get-started .right-clm h3 {
    font-weight: 500;
    font-size: 18px
}

.get-started .right-clm .info {
    margin-top: 32px;
    max-width: 100%;
    padding-left: 70px;
    text-align: center;
    padding-right: 70px
}

.get-started .right-clm h4 {
    margin-bottom: 40px
}

    .get-started .right-clm h4 span {
        font-size: 24px;
        margin-left: 10px;
        text-decoration: line-through;
        color: #6c7480;
        vertical-align: top
    }

.get-started .right-clm ul {
    text-align: center
}

.get-started .right-clm .gst-text {
    margin-top: -27px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #6c7480;
    margin-bottom: 24px
}

.get-started .splitit div {
    display: inline-block
}

    .get-started .splitit div span {
        font-size: 32px;
        color: #fff;
        font-weight: 500
    }

.purdue-master .get-started .affirm-as-low-as {
    color: rgba(0,0,0,0);
    font-size: 0;
    margin-top: 48px
}

    .purdue-master .get-started .affirm-as-low-as span.affirm-ala-price {
        color: #fff;
        font-size: 32px;
        margin-top: 16px;
        font-weight: 500;
        display: none
    }

        .purdue-master .get-started .affirm-as-low-as span.affirm-ala-price.show {
            display: inline
        }

    .purdue-master .get-started .affirm-as-low-as::before {
        content: "As low as";
        display: block;
        font-size: 14px;
        color: #fff
    }

    .purdue-master .get-started .affirm-as-low-as::after {
        content: " /mo";
        display: inline-block;
        font-size: 32px;
        color: #fff;
        margin-top: 16px;
        font-weight: 500
    }

    .purdue-master .get-started .affirm-as-low-as .affirm-ala-price + span, .purdue-master .get-started .affirm-as-low-as .affirm-modal-trigger {
        display: none
    }

.purdue-master .get-started .white-btn {
    margin-top: 32px
}

    .purdue-master .get-started .white-btn:focus {
        color: #1179ef
    }

.rectangle-note {
    width: 202px;
    text-align: right;
    color: #27ba44;
    height: 26px;
    border-radius: 18px;
    border: solid 1px rgba(39,186,68,.5);
    background-color: rgba(39,186,68,.15);
    font-size: 14px;
    font-weight: 500;
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-top: 37px
}

.admission .adm-process h3 {
    font-size: 16px;
    color: #272c37;
    font-weight: 500
}

.admission .adm-process p {
    max-width: 850px
}

.admission .adm-process .admi-list {
    margin-top: 8px
}

.admission .adm-process .col-md-4 {
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
    border-radius: 4px;
    display: inline-block;
    width: 100%;
    margin-top: 32px;
    padding: 24px 40px 32px
}

    .admission .adm-process .col-md-4 span {
        margin-top: 24px;
        display: block;
        text-align: center;
        font-size: 14px;
        color: #272c37;
        font-weight: 500
    }

    .admission .adm-process .col-md-4::before {
        content: "";
        width: 65px;
        height: 65px;
        display: block;
        background: url("/assets/image/purdue-sprite_1.svgz") no-repeat;
        background-position: -140px -326px;
        margin: 0 auto
    }

    .admission .adm-process .col-md-4:nth-child(2)::before {
        background-position: -32px -326px
    }

    .admission .adm-process .col-md-4:nth-child(3)::before {
        background-position: -252px -326px
    }

    .admission .adm-process .col-md-4 p {
        text-align: center;
        color: #51565e;
        font-size: 14px;
        line-height: 1.57
    }

        .admission .adm-process .col-md-4 p::before {
            content: "";
            width: 30px;
            height: 2px;
            background: #118aef;
            display: block;
            margin: 32px auto 16px
        }

.admission .eligi-candidate h3 {
    margin-top: 72px
}

.admission .eligi-candidate .eligi-title-seamless {
    margin-top: 24px
}

.admission .eligi-candidate p {
    margin-top: 16px;
    width: 100%;
    max-width: 592px
}

.admission .eligi-candidate .candidate-list p {
    color: #51565e;
    line-height: 22px;
    font-size: 14px;
    margin-top: 40px;
    padding-left: 93px;
    min-height: 66px;
    position: relative;
    padding-top: 28px;
    max-width: 416px
}

    .admission .eligi-candidate .candidate-list p::before {
        content: "";
        width: 80px;
        height: 80px;
        display: inline-block;
        position: absolute;
        left: 0;
        top: 10px;
        background: url("/assets/image/purdue-sprite_1.svgz") no-repeat;
        background-position: -245px -630px
    }

.admission .eligi-candidate .candidate-list .candi-group:nth-child(2) p::before {
    background-position: -25px -629px
}

.admission .eligi-candidate .candidate-list .candi-group:nth-child(3) p::before {
    background-position: -135px -630px
}

.admission .eligi-candidate .candidate-list .candi-group p.degree::before {
    background-position: -25px -629px
}

.admission .eligi-candidate .candidate-list .candi-group p.person::before {
    background-position: -245px -630px
}

.admission .eligi-candidate .candidate-list .candi-group p.cal::before {
    background-position: -135px -630px
}

.admission .counsel h3 {
    margin-top: 72px
}

p {
    margin-top: 16px
}

.admission .counsel .schedule .schedule-list {
    background: #fff;
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
    border-radius: 4px;
    display: inline-block;
    width: 100%;
    margin-top: 24px;
    padding: 32px 18px
}

    .admission .counsel .schedule .schedule-list ul {
        display: block;
        float: left;
        padding-right: 30px;
        margin-bottom: 32px
    }

        .admission .counsel .schedule .schedule-list ul li {
            padding-left: 30px;
            position: relative;
            margin-bottom: 26px;
            display: inline-block
        }

            .admission .counsel .schedule .schedule-list ul li::before {
                content: "";
                width: 12px;
                height: 12px;
                display: inline-block;
                background: var(--dm-sprite) no-repeat;
                background-position: -542px -475px;
                position: absolute;
                top: 3px;
                left: 0px
            }

.admission .counsel .schedule .admission-consel span.admission-now {
    font-size: 14px;
    padding: 0 15px;
    display: table;
    margin: 0 auto;
    font-weight: 500
}

.btn {
    margin-top: 16px
}

@media screen and (max-width: 767px) {
    .right-clm h4 {
        margin-bottom: 24px
    }

        .right-clm h4 span {
            margin-left: 15px
        }

    .get-started .left-clm label {
        margin-top: 56px
    }

    .get-started .right-clm label {
        margin-top: 56px
    }

    .get-started .right-clm h4 {
        margin-bottom: 24px
    }

    .get-started .right-clm .info {
        max-width: 250px;
        padding-left: 0px;
        padding-right: 0px
    }

    .get-started .right-clm .gst-text {
        margin-top: -11px;
        text-align: center;
        font-size: 16px;
        font-weight: 500;
        color: #6c7480;
        margin-bottom: 24px
    }

    .admission .eligi-candidate .eligi-title-seamless {
        margin-top: 48px
    }
}

@media screen and (min-width: 768px) {
    .admission .adm-process .col-md-4 {
        display: inline-block;
        width: 220px;
        margin-right: 30px;
        padding: 30px
    }

        .admission .adm-process .col-md-4:last-child {
            margin: 0
        }

    .admission .counsel .schedule .schedule-list {
        padding: 24px 52px
    }

        .admission .counsel .schedule .schedule-list ul {
            display: inline-block;
            width: 50%;
            margin: 0
        }

            .admission .counsel .schedule .schedule-list ul li:last-child {
                margin: 0
            }

    .admission .counsel .schedule .admission-consel {
        display: inline-block;
        width: 50%;
        text-align: center;
        padding: 24px 38px
    }

        .admission .counsel .schedule .admission-consel .btn {
            margin-top: 24px
        }

    .admission .counsel .schedule .schedule-list {
        margin-top: 40px
    }

    .right-clm h4 {
        margin-bottom: 32px
    }

        .right-clm h4 span {
            margin-left: 15px
        }

    .started-info .left-clm .installment-info {
        margin-top: 32px
    }

    .purdue-master .get-started .affirm-as-low-as {
        margin-top: 0
    }

    .admission .eligi-candidate .eligi-title-seamless {
        margin-top: 40px
    }
}

@media screen and (min-width: 992px) {
    .counsel .container h3 + p {
        max-width: 850px
    }

    .admission .adm-process .col-md-4 {
        width: 300px
    }

    .admission .eligi-candidate .candidate-list .candi-group {
        width: 320px;
        display: inline-block;
        vertical-align: top
    }

    .admission .eligi-candidate .candidate-list p:before {
        display: block;
        position: static;
        margin: 0 auto 32px
    }

    .admission .eligi-candidate .candidate-list p {
        padding: 0 44px;
        margin-top: 56px;
        text-align: center
    }

    .started-info .left-clm .payment-type {
        margin-bottom: 24px
    }

    .admission .eligi-candidate .eligi-title-seamless {
        margin-top: 24px
    }
}

@media(min-width: 992px) {
    .purdue-master .get-started .affirm-as-low-as span.affirm-ala-price {
        font-size: 38px
    }

    .purdue-master .get-started .affirm-as-low-as::after {
        font-size: 38px
    }

    .purdue-master .get-started .white-btn {
        margin-top: 24px
    }

    .purdue-master .get-started .emiCallForm .white-btn {
        margin-top: 32px
    }

    .purdue-master .get-started .splitit div span {
        font-size: 38px
    }
}

@media(min-width: 1200px) {
    .started-info .left-clm .label {
        margin-top: 40px
    }

    .started-info .right-clm .label {
        margin-top: 40px
    }

    .admission .adm-process .col-md-4 {
        width: 360px
    }

    .admission .adm-process h3, .admission .counsel h3, .admission .eligi-candidate h3 {
        font-size: 18px
    }

    .admission .counsel h3, .admission .eligi-candidate h3 {
        margin-top: 104px
    }

    .admission .eligi-candidate .candidate-list .candi-group {
        width: 380px
    }
}

.hand-book-wrapper .container .ebook-modal h3 {
    color: #272c37
}

.hand-book-wrapper {
    background: #ebf1f8;
    padding: 0 20px 56px 20px
}

    .hand-book-wrapper .container {
        background-color: #27b1f8;
        background-image: linear-gradient(138deg, #27b1f8, #1179ef);
        padding: 40px 25px;
        color: #fff;
        text-align: center;
        border-radius: 4px
    }

        .hand-book-wrapper .container h3 {
            margin-top: 0;
            color: #fff
        }

        .hand-book-wrapper .container p {
            margin-top: 16px;
            color: #fff
        }

    .hand-book-wrapper .right-clm {
        width: 234px;
        display: block;
        margin: 0 auto;
        margin-top: 32px;
        border-radius: 4px;
        border: 1px solid #fff;
        padding: 16px 16px 16px 94px;
        padding-left: 94px;
        position: relative
    }

        .hand-book-wrapper .right-clm::before {
            width: 55px;
            height: 55px;
            content: "";
            display: inline-block;
            background: url("/assets/image/purdue-sprite_1.svgz") no-repeat;
            position: absolute;
            left: 15px;
            background-position: -125px -34px
        }

        .hand-book-wrapper .right-clm h5 {
            font-size: 14px;
            text-align: left
        }

            .hand-book-wrapper .right-clm h5 b {
                display: block;
                font-size: 18px;
                font-weight: 500
            }

    .hand-book-wrapper a.btn {
        margin-top: 56px;
        background: #fff;
        color: #1179ef;
        font-size: 14px;
        font-weight: 400;
        text-transform: capitalize;
        position: relative
    }

        .hand-book-wrapper a.btn::before {
            content: "";
            width: 24px;
            height: 24px;
            background: var(--dm-sprite) no-repeat;
            background-position: -486px -476px;
            display: inline-block;
            -webkit-filter: grayscale(100%) brightness(30%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.8);
            filter: grayscale(100%) brightness(30%) sepia(100%) hue-rotate(-180deg) saturate(700%) contrast(0.8);
            vertical-align: middle;
            margin-right: 20px;
            position: relative;
            top: -2px
        }

@media(min-width: 768px) {
    .hand-book-wrapper .container {
        width: 708px;
        padding: 32px 30px;
        text-align: left
    }

    .hand-book-wrapper .left-clm {
        max-width: 300px;
        float: left
    }

    .hand-book-wrapper .right-clm {
        width: 256px;
        float: right;
        padding: 24px 30px 24px 108px
    }

        .hand-book-wrapper .right-clm::before {
            top: 32px;
            left: 20px
        }

        .hand-book-wrapper .right-clm h5 {
            font-weight: 500;
            font-size: 14px
        }

            .hand-book-wrapper .right-clm h5 b {
                font-size: 20px;
                margin-bottom: 16px
            }

    .hand-book-wrapper a.btn {
        display: inline-block;
        margin-top: 40px
    }
}

@media(min-width: 992px) {
    .hand-book-wrapper {
        padding-left: 0;
        padding-right: 0
    }

        .hand-book-wrapper .container {
            width: 970px;
            padding: 40px 70px;
            display: block
        }

            .hand-book-wrapper .container h3 {
                font-size: 18px
            }

        .hand-book-wrapper .left-clm {
            width: calc(100% - 290px);
            max-width: 100%
        }

        .hand-book-wrapper .right-clm {
            width: 290px;
            float: right;
            padding: 24px 30px 24px 126px;
            margin-top: 12px
        }

            .hand-book-wrapper .right-clm::before {
                width: 69px;
                height: 69px;
                background-position: -41px -34px;
                top: 22px;
                left: 28px
            }

            .hand-book-wrapper .right-clm h5 {
                font-size: 16px;
                font-weight: 400
            }

                .hand-book-wrapper .right-clm h5 b {
                    font-size: 22px;
                    font-weight: 500
                }

        .hand-book-wrapper a.btn {
            max-width: 249px;
            margin-top: 32px
        }
}

@media(min-width: 1200px) {
    .hand-book-wrapper .container {
        width: 1140px
    }
}

.block {
    overflow: hidden
}

.donut-chart-block {
    overflow: hidden
}

.donut-chart {
    position: relative;
    width: 220px;
    height: 220px;
    margin: 0 auto;
    border-radius: 100%
}

    .donut-chart .center {
        background: #fff;
        position: absolute;
        top: 0;
        left: 0;
        height: 125px;
        width: 125px;
        border-radius: 70px;
        bottom: 0;
        right: 0;
        margin: auto
    }

.clip {
    border-radius: 50%;
    clip: rect(0px, 220px, 220px, 110px);
    height: 100%;
    position: absolute;
    width: 100%
}

.item {
    border-radius: 50%;
    clip: rect(0px, 110px, 220px, 0px);
    height: 100%;
    position: absolute;
    width: 100%;
    font-family: monospace;
    font-size: 1.5rem
}

@media(max-width: 767px) {
    .donut-chart-block {
        margin-top: 32px;
        margin-bottom: 24px
    }
}

@media(min-width: 768px) {
    .donut-chart-block {
        margin-top: 22px
    }
}

@media(min-width: 992px)and (max-width: 1199px) {
    .donut-chart {
        width: 182px;
        height: 182px
    }

        .donut-chart .center {
            width: 100px;
            height: 100px
        }

    .clip {
        clip: rect(0px, 182px, 182px, 91px)
    }

    .item {
        clip: rect(0px, 91px, 182px, 0px)
    }
}

.cities a.g-map {
    margin-right: 25px;
    line-height: 2.5;
    font-size: 14px;
    color: #51565e;
    font-weight: 400;
    display: inline-block
}

.cities h3 + a:hover {
    color: #51565e
}

.cities h2 {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: .5px;
    margin-bottom: 24px;
    padding-right: 15px;
    font-weight: 500
}

.cities p {
    padding-right: 15px
}

    .cities p a {
        margin: 0;
        line-height: normal
    }

.cities .city-name {
    line-height: 1.31;
    margin-bottom: 0;
    margin-top: 56px
}

.cities .city-address {
    border: 1px solid #d2d6de;
    border-radius: 4px;
    margin-top: 16px;
    padding: 24px 15px
}

    .cities .city-address h2 {
        margin: 0;
        padding: 0;
        font-size: 14px;
        color: #272c37;
        line-height: 1.43
    }

    .cities .city-address p {
        margin: 0;
        padding: 0;
        margin-top: 12px;
        font-size: 14px;
        line-height: 1.57;
        color: #51565e
    }

    .cities .city-address a.g-map {
        display: inline-block;
        margin-top: 24px;
        font-size: 14px;
        font-weight: 500
    }

        .cities .city-address a.g-map:before, .cities .city-address a.g-map:after {
            content: "";
            display: inline-block;
            background: url("/assets/image/city-map_1.svgz") no-repeat;
            vertical-align: middle
        }

        .cities .city-address a.g-map:before {
            width: 22px;
            height: 31px;
            background-position: -29px -18px;
            margin-right: 16px
        }

        .cities .city-address a.g-map:after {
            width: 15px;
            height: 16px;
            background-position: -69px -27px;
            margin-left: 16px
        }

.purdue-master .cities-list h3 {
    margin-bottom: 16px
}

.city-info {
    padding-bottom: 56px
}

    .city-info h3 {
        margin-top: 0
    }

.cities-list a {
    margin-right: 25px;
    margin-bottom: 16px;
    line-height: 22px;
    font-size: 14px;
    color: #51565e;
    font-weight: 400;
    display: inline-block
}

.cities-info a, .cities-info a span, .cities-info a div {
    color: #1179ef !important;
    font-size: 14px !important;
    text-decoration: none !important
}

.cities-info p, .cities-info span, .cities-info div, .cities-info b, .cities-info strong {
    color: #51565e !important;
    font-size: 14px !important;
    line-height: 1.5 !important
}

.cities-info b, .cities-info strong {
    font-weight: 500 !important
}

.master-city .faq-main-wrapper {
    padding-bottom: 0
}

.master-city .cities-list.master-city-info {
    padding-bottom: 40px;
    background: #ebf1f8
}

.master-city .cities h3 {
    margin-bottom: 16px;
    margin-top: 40px
}

.purdu-city .faq-main-wrapper {
    padding-bottom: 0
}

.purdu-city .divider-line {
    display: none
}

.purdu-city .cities-list.master-city-info {
    padding-bottom: 40px;
    background: #ebf1f8
}

    .purdu-city .cities-list.master-city-info h3 {
        margin-top: 40px
    }

.purdu-city .cities-list {
    padding-bottom: 0
}

.purdu-city .cities h3 {
    margin-top: 40px
}

.purdu-city .related-info {
    padding-bottom: 0
}

.course-city .related-courses {
    padding-bottom: 40px
}

.course-city .city-wrapper {
    background: #ebf1f8;
    padding-bottom: 40px
}

    .course-city .city-wrapper h3 {
        margin-top: 0;
        margin-bottom: 16px
    }

.course-city .faqs {
    padding-bottom: 40px
}

.course-city .related-info {
    padding-bottom: 0
}

.course-city .city-wrapper .master-city-info h3 {
    margin-top: 40px
}

.related-wrap {
    padding-bottom: 64px !important
}

.cohort-city .faq-main-wrapper {
    padding-bottom: 0px
}

.cohort-city .cities h3 {
    margin-top: 40px
}

.cohort-city .cities-list {
    padding-bottom: 40px
}

.cohort-city .cities h3 {
    margin-top: 40px
}

.city-wrapper {
    background: #ebf1f8
}

.cities-list {
    padding-bottom: 24px
}

.cities h3 {
    margin-top: 40px
}

.cohort-city .cities-info {
    padding-bottom: 40px
}

.cohort-city .related-info {
    padding-bottom: 0
}

.master-city .faq-main-wrapper {
    padding-bottom: 40px
}

.master-city .cities-list {
    padding-bottom: 0
}

.master-city .related-info {
    padding-bottom: 0
}

.purdu-city .faq-main-wrapper {
    padding-bottom: 40px
}

.dual-info .faq-main-wrapper {
    padding-bottom: 0
}

.purdu-city .faq-main-wrapper {
    padding-bottom: 64px
}

@media(max-width: 991px) {
    .cities h3 {
        margin-top: 40px;
        margin-bottom: 16px
    }

    .cities h2 {
        margin-top: 40px
    }

    .cities a.g-map {
        margin-top: 16px;
        line-height: 1.43
    }

    .city-info {
        padding-bottom: 56px
    }

        .city-info h3 {
            margin-top: 0
        }

    .purdu-city .cities-list.master-city-info {
        padding-bottom: 48px;
        margin-left: 0;
        margin-right: 0;
        padding-left: 24px;
        padding-right: 24px;
        width: 100%
    }

        .purdu-city .cities-list.master-city-info h3 {
            margin-top: 40px
        }

    .course-info .container {
        padding: 0 20px
    }
}

@media(max-width: 767px) {
    .purdu-city .cities-list.master-city-info {
        padding-bottom: 40px;
        margin-left: 0;
        margin-right: 0;
        padding-left: 15px;
        padding-right: 15px;
        width: 100%
    }
}

@media(min-width: 768px) {
    .cities h2 {
        margin-bottom: 16px
    }

    .cities .city-name {
        font-size: 20px;
        line-height: normal;
        margin-top: 64px
    }

    .cities .city-address {
        padding: 32px 20px
    }

        .cities .city-address .address {
            max-width: 482px;
            display: inline-block;
            padding-right: 55px;
            vertical-align: middle
        }

            .cities .city-address .address h2 {
                font-size: 16px;
                line-height: normal
            }

            .cities .city-address .address p {
                margin-top: 14px;
                line-height: 1.71
            }

        .cities .city-address a.g-map {
            width: calc(100% - 482px);
            vertical-align: middle;
            margin: 0;
            font-size: 16px !important
        }

    .master-city .cities-list.master-city-info {
        padding-bottom: 48px
    }

        .master-city .cities-list.master-city-info h3 {
            margin-top: 40px
        }

    .course-city .master-city-info {
        padding-bottom: 8px;
        padding-left: 20px;
        padding-right: 20px
    }

    .cohort-city .faq-main-wrapper {
        padding-bottom: 0
    }

    .cohort-city .master-city-info {
        padding-bottom: 56px
    }

    .cohort-city .cities-list {
        padding-bottom: 24px
    }

    .cohort-city .mail-info {
        padding-bottom: 0 !important
    }
}

@media(min-width: 992px) {
    .cities h3, .cities h2 {
        margin-top: 64px;
        margin-bottom: 24px
    }

    .cities h2, .cities p {
        padding-right: 0;
        max-width: 862px
    }

    .cities p {
        font-size: 14px
    }

    .cities .city-address {
        max-width: 827px
    }

        .cities .city-address .address {
            padding-right: 0px
        }

        .cities .city-address a.g-map {
            text-align: right;
            padding-right: 50px
        }

    .course-city .related-courses {
        padding-bottom: 40px
    }

    .course-city .master-city-info {
        padding: 0 15px
    }

    .course-city .faqs {
        padding-bottom: 24px
    }
}

@media(min-width: 1200px) {
    .cities {
        padding-right: 180px
    }

        .cities .city-address a.g-map:hover {
            color: #0a5dc9 !important
        }

            .cities .city-address a.g-map:hover::before {
                background-position: -29px -68px
            }

            .cities .city-address a.g-map:hover::after {
                background-position: -69px -77px
            }
}

.dual-master .applynow {
    background: #fff;
    padding-bottom: 56px
}

.program-date {
    padding-top: 56px
}

    .program-date h2 {
        margin-top: 0
    }

    .program-date a.program-title {
        font-size: 14px;
        font-weight: 500;
        color: #272c37;
        display: block;
        position: relative;
        line-height: 1.5;
        padding: 16px 0;
        padding-right: 40px
    }

        .program-date a.program-title::after {
            width: 16px;
            height: 16px;
            display: inline-block;
            content: "";
            background: url("/assets/image/cohort-sprite.svgz") no-repeat;
            background-position: -100px -176px;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 16px;
            margin: auto
        }

    .program-date .pro-head {
        background-color: #ebf1f8;
        margin-top: 0;
        line-height: 56px;
        padding-left: 15px;
        vertical-align: middle
    }

    .program-date li.cohort-card {
        border-radius: 4px;
        box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
        border: solid 1px #e6ecef
    }

        .program-date li.cohort-card p, .program-date li.cohort-card span {
            margin: 0
        }

    .program-date ul.next-cohort .pro-date {
        display: block
    }

    .program-date .pro-date {
        background-color: #fff;
        display: none;
        border-radius: 4px
    }

        .program-date .pro-date ul {
            padding: 16px 0;
            padding-bottom: 14px
        }

        .program-date .pro-date li {
            padding-top: 0;
            display: inline-block;
            width: 100%;
            position: relative;
            padding-left: 48px
        }

            .program-date .pro-date li p span {
                color: #272c37;
                margin-top: 16px;
                display: inline-block;
                line-height: normal;
                font-weight: 500
            }

                .program-date .pro-date li p span:before {
                    content: "";
                    width: 18px;
                    height: 18px;
                    display: inline-block;
                    background: url("/assets/image/cohort-sprite.svgz") no-repeat;
                    background-position: -29px -193px;
                    vertical-align: middle;
                    margin-right: 16px
                }

            .program-date .pro-date li:nth-child(2):before {
                content: "";
                width: 1px;
                height: calc(100% + 30px);
                position: absolute;
                top: 2px;
                left: 26px;
                background: #e6ecef;
                display: inline-block
            }

            .program-date .pro-date li p:nth-child(2) span:before {
                background-position: -29px -130px
            }

            .program-date .pro-date li p:nth-child(3) span:before {
                background-position: -29px -161px
            }

            .program-date .pro-date li span.pro-title {
                font-weight: 500;
                font-size: 14px;
                color: #272c37;
                position: relative
            }

                .program-date .pro-date li span.pro-title::before {
                    content: "1";
                    display: inline-block;
                    width: 18px;
                    height: 18px;
                    background: #e6ecef;
                    border-radius: 50%;
                    position: absolute;
                    top: -1px;
                    left: -30px;
                    font-size: 12px;
                    color: #6c7480;
                    font-weight: 500;
                    padding-left: 5px;
                    padding-top: 2px
                }

        .program-date .pro-date .prog-info {
            display: none
        }

        .program-date .pro-date li:nth-child(3) {
            margin: 24px 0
        }

            .program-date .pro-date li:nth-child(3) .pro-title::before {
                content: "2"
            }

        .program-date .pro-date li.enroll-btn {
            padding-left: 15px;
            padding-right: 15px
        }

            .program-date .pro-date li.enroll-btn div.cohort-btn {
                border-top: 1px solid #e6ecef;
                padding-top: 14px
            }

            .program-date .pro-date li.enroll-btn .btn {
                border: 1px solid #1179ef;
                width: 240px;
                line-height: 38px;
                max-width: 240px;
                background: #fff;
                color: #1179ef
            }

        .program-date .pro-date .ApplyNowCohort {
            padding-top: 16px;
            border-top: 1px solid #e6ecef
        }

            .program-date .pro-date .ApplyNowCohort a {
                max-width: 240px;
                line-height: 40px;
                margin-top: 0
            }

    .program-date li.active .pro-date {
        display: block
    }

    .program-date li.active a.program-title::after {
        background-position: -100px -134px
    }

    .program-date .pro-date-panel h3 {
        font-size: 14px;
        font-weight: 500;
        color: #51565e;
        margin-top: 40px;
        display: inline-block;
        margin-bottom: 16px
    }

    .program-date .pro-date-panel .course-popup h3 {
        width: 100%;
        margin: 0;
        color: #272c37
    }

    .program-date .pro-date-panel .course-popup p.sub-text {
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 16px
    }

    .program-date .pro-date-panel .course-popup .eu-privacy-text a {
        padding: 0;
        margin: 0;
        line-height: normal;
        height: auto
    }

    .program-date .pro-date-panel .white-btn {
        margin-top: 0
    }

    .program-date .other-title {
        font-weight: 500;
        margin-bottom: 16px;
        margin-top: 40px
    }

    .program-date .next-cohort {
        margin-bottom: 0px
    }

        .program-date .next-cohort li.enroll-btn .btn {
            background: #1179ef;
            color: #fff
        }

        .program-date .next-cohort a.program-title {
            padding-right: 126px;
            pointer-events: none
        }

            .program-date .next-cohort a.program-title:after {
                background-position: 0 0;
                background-position: -66px -71px;
                width: 127px;
                height: 34px;
                right: -13px
            }

        .program-date .next-cohort + .baj-msg {
            margin-top: 32px
        }

    .program-date .other-cohorts {
        margin-bottom: 0
    }

        .program-date .other-cohorts li.cohort-card {
            margin-bottom: 20px
        }

    .program-date .baj-msg {
        display: inline-block;
        width: 100%;
        margin-top: 12px;
        font-size: 14px;
        color: #272c37;
        text-align: center;
        line-height: normal
    }

    .program-date .talk-btn {
        text-align: center;
        display: inline-block;
        margin-top: 16px;
        width: 100%
    }

        .program-date .talk-btn .btn {
            width: auto;
            max-width: inherit;
            padding: 0 30px;
            margin: 0;
            display: inline-block
        }

    .program-date p.no-cohort-avail {
        text-align: center;
        padding: 20px 16px;
        background: #ebf1f8;
        border-radius: 4px;
        box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
        border: 1px solid #e6ecef;
        display: block;
        margin-top: 40px;
        font-size: 14px;
        font-weight: 500;
        color: #272c37;
        line-height: normal;
        margin-bottom: 20px
    }

    .program-date .pro-view {
        text-align: center
    }

        .program-date .pro-view a {
            margin-top: 10px;
            margin-bottom: 28px;
            padding: 0
        }

    .program-date .pro-date li.enroll-btn .course-popup .btn {
        margin-left: auto;
        padding-bottom: 0;
        width: 209px;
        background: #1179ef;
        color: #fff;
        line-height: 30px
    }

        .program-date .pro-date li.enroll-btn .course-popup .btn:hover, .program-date .pro-date li.enroll-btn .course-popup .btn:active, .program-date .pro-date li.enroll-btn .course-popup .btn:focus {
            background: #0a5dc9
        }

.no-price-country .applynow .program-date h2 {
    display: block
}

.program-date .other-cohorts .pro-date li.enroll-btn .course-popup .btn:hover, .program-date .pro-date li.enroll-btn .course-popup .btn:hover {
    background: #0a5dc9
}

.program-date .talk-btn .course-popup .btn {
    margin-top: 16px
}

@media(min-width: 768px) {
    .program-date .pro-date li.prog-info span.pro-title::before {
        display: none
    }

    .program-date .pro-date li p, .program-date .pro-date li span {
        vertical-align: top
    }

        .program-date .pro-date li p span:before {
            display: none
        }

    .program-date {
        padding-top: 64px
    }

        .program-date .pro-date .prog-info {
            display: inline-block;
            padding: 0 15px;
            position: relative;
            margin-bottom: 20px;
            padding-bottom: 14px
        }

        .program-date .prog-info {
            padding-bottom: 14px
        }

            .program-date .prog-info::after {
                content: "";
                display: inline-block;
                height: 1px;
                background: #e6ecef;
                position: absolute;
                right: 15px;
                bottom: 0;
                left: 15px
            }

            .program-date .prog-info span, .program-date .prog-info p {
                display: inline-block
            }

            .program-date .prog-info p {
                font-size: 14px;
                font-weight: 400;
                color: #51565e;
                position: relative;
                padding-left: 25px
            }

                .program-date .prog-info p::before {
                    content: "";
                    width: 16px;
                    height: 16px;
                    display: inline-block;
                    background: url("/assets/image/cohort-sprite.svgz") no-repeat;
                    position: absolute;
                    left: 0;
                    top: 2px
                }

            .program-date .prog-info .pro-title {
                width: 205px
            }

            .program-date .prog-info .start:before {
                background-position: -29px -130px
            }

            .program-date .prog-info .from-time:before {
                background-position: -29px -161px
            }

            .program-date .prog-info .weekend:before {
                background-position: -29px -193px
            }

        .program-date .pro-title {
            width: 172px;
            display: inline-block;
            line-height: normal
        }

        .program-date .start {
            width: 210px;
            display: inline-block
        }

        .program-date .from-time {
            width: 140px;
            display: inline-block
        }

        .program-date .weekend {
            display: inline-block
        }

        .program-date .pro-date-panel h3, .program-date .pro-date-panel .other-title {
            font-size: 16px
        }

        .program-date .pro-date-panel li.cohort-card span, .program-date .pro-date-panel li.cohort-card p {
            vertical-align: top
        }

        .program-date .pro-date-panel li.cohort-card .pro-head {
            line-height: 58px;
            padding-left: 25px
        }

            .program-date .pro-date-panel li.cohort-card .pro-head a.program-title {
                font-size: 16px
            }

        .program-date .pro-date li p span {
            margin-top: 0
        }

        .program-date p.no-cohort-avail {
            font-size: 16px
        }

        .program-date .pro-view a {
            margin-bottom: 36px
        }

        .program-date a.program-title::after {
            right: 21px
        }

        .program-date .next-cohort a.program-title::after {
            background-position: -30px -21px;
            width: 162px;
            height: 39px
        }
}

@media(min-width: 992px) {
    .program-date .prog-info .pro-title {
        width: 257px
    }

    .program-date .pro-title {
        width: 224px
    }

    .program-date .start {
        width: 274px
    }

    .program-date .from-time {
        width: 184px
    }

    .program-date a.program-title::after {
        right: 26px
    }
}

@media(min-width: 1200px) {
    .program-date .pro-date-panel {
        max-width: 1015px
    }

    .program-date .prog-info .pro-title {
        width: 215px
    }

    .program-date .pro-title {
        width: 183px
    }

    .program-date .start {
        width: 230px
    }

    .program-date .from-time {
        width: 164px
    }

    .program-date .weekend {
        width: 185px
    }

    .program-date li.info {
        max-width: 814px;
        display: inline-block
    }

    .program-date li.enroll-btn {
        width: calc(100% - 814px);
        display: inline-block;
        vertical-align: top
    }

        .program-date li.enroll-btn div.cohort-btn {
            border-top: 0
        }

    .program-date .pro-date li.enroll-btn {
        padding: 0;
        text-align: left
    }

        .program-date .pro-date li.enroll-btn div.cohort-btn {
            border-top: 0;
            padding-top: 0
        }

        .program-date .pro-date li.enroll-btn .btn {
            width: 182px;
            margin-left: 0
        }

    .program-date .baj-msg {
        margin-top: 20px
    }

    .program-date .next-cohort + .baj-msg {
        margin-top: 40px
    }

    .program-date .other-cohorts .pro-date li.enroll-btn .btn:hover {
        background: #1179ef;
        color: #fff
    }

    .program-date .next-cohort li.enroll-btn .btn:hover {
        background: #0a5dc9
    }
}

.related-info {
    background: #ebf1f8;
    padding-bottom: 56px
}

    .related-info .container {
        padding-right: 0;
        padding-left: 15px
    }

        .related-info .container h2 {
            font-size: 24px;
            line-height: 34px
        }

    .related-info .ul-iners {
        margin-top: 32px
    }

        .related-info .ul-iners ul li {
            width: 330px;
            padding-right: 20px
        }

    .related-info .review-list {
        width: 100%;
        height: 100%;
        box-shadow: 0 2px 5px 0 rgba(17,121,239,.15);
        border-radius: 6px;
        border: 1px solid #e6ecef;
        background: #fff;
        transition: box-shadow .5s ease
    }

        .related-info .review-list a {
            display: inline-block;
            width: 100%;
            height: 100%;
            padding-bottom: 86px;
            position: relative
        }

        .related-info .review-list:hover {
            box-shadow: 0 2px 20px 0 rgba(17,121,239,.2)
        }

        .related-info .review-list .slider-img {
            height: 136px;
            text-align: center;
            background: rgba(0,66,141,.3);
            border-radius: 6px;
            overflow: hidden;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0
        }

        .related-info .review-list img {
            max-width: 100%;
            width: 100%;
            height: auto
        }

        .related-info .review-list .slider-info {
            padding: 24px 10px 0 10px;
            margin: 0px 10px 0 10px;
            background: #fff;
            position: relative;
            border-radius: 0px
        }

            .related-info .review-list .slider-info h4 div {
                font-size: 16px;
                line-height: 24px;
                color: #272c37;
                font-weight: 500
            }

        .related-info .review-list .info-list {
            margin-top: 16px
        }

            .related-info .review-list .info-list span {
                display: block;
                position: relative;
                padding-left: 26px;
                font-size: 14px;
                font-weight: 500;
                color: #51565e;
                margin-bottom: 14px;
                line-height: 16px
            }

                .related-info .review-list .info-list span::before {
                    content: "";
                    width: 14px;
                    height: 14px;
                    display: inline-block;
                    position: absolute;
                    top: 1px;
                    left: 0;
                    background: var(--home-sprite-new) no-repeat;
                    background-position: -117px -21px
                }

                .related-info .review-list .info-list span:last-child {
                    margin-bottom: 0
                }

                    .related-info .review-list .info-list span:last-child::before {
                        background-position: -84px -21px
                    }

        .related-info .review-list .pgp-info {
            position: absolute;
            bottom: 24px;
            left: 20px
        }

            .related-info .review-list .pgp-info img {
                max-height: 30px;
                width: auto
            }

    .related-info .course-list a {
        display: inline-block;
        width: 100%;
        border-radius: 6px;
        box-shadow: 0 2px 5px 0 rgba(17,121,239,.15);
        border: 1px solid #e6ecef;
        background: #fff;
        padding: 16px 20px;
        position: relative;
        margin-bottom: 22px;
        transition: all .5s ease;
        min-height: 168px
    }

        .related-info .course-list a:hover {
            box-shadow: 0 2px 20px 0 rgba(17,121,239,.2)
        }

        .related-info .course-list a::before {
            content: "";
            width: 5px;
            height: 35px;
            display: inline-block;
            position: absolute;
            top: 15px;
            left: 0
        }

        .related-info .course-list a:last-child {
            margin-bottom: 0
        }

    .related-info .course-list .cr-1::before, .related-info .course-list .cr-4::before {
        background: #ff8c90
    }

    .related-info .course-list .cr-1:nth-last-child(odd)::before, .related-info .course-list .cr-4:nth-last-child(odd)::before {
        background: #00d8c0
    }

    .related-info .course-list .cr-2::before, .related-info .course-list .cr-5::before {
        background: #00c3e1
    }

    .related-info .course-list .cr-2:nth-last-child(odd)::before, .related-info .course-list .cr-5:nth-last-child(odd)::before {
        background: #a686f1
    }

    .related-info .course-list .cr-3::before, .related-info .course-list .cr-6::before {
        background: #f1c44a
    }

    .related-info .course-list .cr-3:nth-last-child(odd)::before, .related-info .course-list .cr-6:nth-last-child(odd)::before {
        background: #ed80ca
    }

    .related-info .course-list h4 {
        font-size: 16px;
        font-weight: 500;
        color: #272c37;
        line-height: 1.5;
        min-height: 48px
    }

        .related-info .course-list h4 div {
            font-size: 16px;
            font-weight: 500;
            color: #272c37;
            line-height: 1.5;
            min-height: 48px
        }

    .related-info .course-list span.type {
        display: inline-block;
        margin-top: 16px;
        background: #e2edf9;
        line-height: 22px;
        padding: 0px 10px;
        font-size: 12px;
        color: #6c7480;
        text-transform: uppercase;
        position: relative
    }

        .related-info .course-list span.type::after {
            content: "";
            display: inline-block;
            width: 15px;
            height: 22px;
            background: var(--home-sprite-new) no-repeat;
            background-position: -309px -57px;
            position: absolute;
            right: -15px
        }

    .related-info .course-list .rating-wrap {
        display: block;
        margin-top: 32px;
        line-height: 14px
    }

        .related-info .course-list .rating-wrap span {
            font-size: 12px;
            color: #636363;
            display: inline
        }

        .related-info .course-list .rating-wrap .rating::before {
            content: "";
            display: inline-block;
            width: 14px;
            height: 14px;
            background: var(--home-sprite-new) no-repeat;
            background-position: -183px -21px;
            vertical-align: middle;
            margin-top: -2px;
            margin-right: 5px
        }

        .related-info .course-list .rating-wrap .lrns {
            position: relative
        }

            .related-info .course-list .rating-wrap .lrns::before {
                content: "";
                width: 1px;
                height: 14px;
                background: #d2d6de;
                position: absolute;
                left: 0;
                top: 0;
                display: none
            }

        .related-info .course-list .rating-wrap .rating + .lrns {
            margin-left: 15px;
            padding-left: 15px
        }

            .related-info .course-list .rating-wrap .rating + .lrns::before {
                display: inline-block
            }

    .related-info .master-card {
        display: inline-block;
        width: 100%;
        height: 100%;
        border-radius: 6px;
        box-shadow: 0 2px 5px 0 rgba(17,121,239,.15);
        border: 1px solid #e6ecef;
        overflow: hidden;
        background: #fff;
        transition: all .5s ease
    }

        .related-info .master-card:hover {
            box-shadow: 0 2px 20px 0 rgba(17,121,239,.2)
        }

    .related-info .grd-1 {
        background: #ff5d63;
        background-image: radial-gradient(circle at 28% 36%, #ff9195, #ff5d63 66%)
    }

    .related-info .grd-2 {
        background: #0099c3;
        background-image: radial-gradient(circle at 28% 36%, #00c5e3, #0099c3 99%)
    }

    .related-info .grd-3 {
        background: #d2ac00;
        background-image: radial-gradient(circle at 38% 32%, #f4c652, #d2ac00 92%)
    }

    .related-info .grd-4 {
        background: #00bba6;
        background-image: radial-gradient(circle at 28% 36%, #00dcc3, #00bba6 66%)
    }

    .related-info .grd-5 {
        background: #8661df;
        background-image: radial-gradient(circle at 28% 36%, #a889f2, #8661df 66%)
    }

    .related-info .grd-6 {
        background: #d550ab;
        background-image: radial-gradient(circle at 29% 37%, #ed82cb, #d550ab 68%)
    }

    .related-info .img_th_bundle {
        height: 70px;
        padding-left: 15px
    }

        .related-info .img_th_bundle span {
            width: 75px;
            height: 80px;
            display: inline-block;
            background: var(--home-sprite-new) no-repeat;
            background-position: -113px -53px;
            position: relative;
            top: 16px
        }

    .related-info .bundle-info {
        padding: 32px 15px 16px 15px
    }

        .related-info .bundle-info h4 {
            font-size: 16px;
            font-weight: 500;
            line-height: 1.5;
            color: #272c37
        }

            .related-info .bundle-info h4 div {
                font-size: 16px;
                font-weight: 500;
                line-height: 1.5;
                color: #272c37
            }

        .related-info .bundle-info .info {
            margin-top: 16px;
            color: #51565e;
            margin-bottom: 10px;
            display: inline-block;
            width: 100%
        }

            .related-info .bundle-info .info span {
                display: inline-block;
                line-height: normal;
                padding-left: 25px;
                position: relative;
                font-size: 14px
            }

                .related-info .bundle-info .info span::before {
                    content: "";
                    width: 14px;
                    height: 14px;
                    display: inline-block;
                    position: absolute;
                    top: 1px;
                    left: 0;
                    background: var(--home-sprite-new) no-repeat;
                    background-position: -84px -21px
                }

                .related-info .bundle-info .info span:nth-child(2) {
                    margin-left: 15px;
                    padding-left: 40px
                }

                    .related-info .bundle-info .info span:nth-child(2)::before {
                        background-position: -50px -20px;
                        left: 15px
                    }

                    .related-info .bundle-info .info span:nth-child(2)::after {
                        display: inline-block;
                        content: "";
                        width: 1px;
                        height: 16px;
                        position: absolute;
                        left: 0;
                        background: #d2d6de
                    }

        .related-info .bundle-info p {
            font-size: 14px;
            color: #51565e;
            margin-top: 14px;
            padding-left: 25px;
            line-height: normal;
            position: relative
        }

            .related-info .bundle-info p b {
                font-weight: 500
            }

            .related-info .bundle-info p::before {
                content: "";
                width: 14px;
                height: 14px;
                display: inline-block;
                position: absolute;
                top: 1px;
                left: 0;
                background: var(--home-sprite-new) no-repeat;
                background-position: -18px -21px
            }

    .related-info .view-more-btn-fixed {
        margin-top: 8px
    }

@media(min-width: 768px)and (max-width: 991px) {
    .related-info .container {
        width: 100%
    }
}

@media(min-width: 768px) {
    .related-info .container {
        padding-left: 30px
    }

        .related-info .container h2 {
            font-size: 28px;
            line-height: 32px
        }

    .related-info .ul-iners ul li {
        padding-right: 30px
    }

    .related-info .view-more-btn-fixed {
        margin-top: 20px
    }
}

@media(min-width: 992px) {
    .related-info {
        padding-bottom: 64px
    }

        .related-info .container {
            padding-left: 34px
        }

            .related-info .container h2 {
                font-size: 32px;
                line-height: 38px
            }
}

@media(min-width: 1200px) {
    .related-info .container {
        padding-left: 15px;
        margin: auto
    }

    .related-info .ul-iners ul.c_list li {
        width: 390px;
        padding-right: 30px !important
    }

        .related-info .ul-iners ul.c_list li:last-child {
            padding-right: 0
        }

    .related-info .review-list a {
        padding-bottom: 76px
    }

    .related-info .review-list .slider-img {
        height: 178px
    }

    .related-info .review-list .slider-info {
        padding-left: 15px;
        padding-right: 15px;
        min-height: 118px
    }

        .related-info .review-list .slider-info h4 {
            font-size: 18px;
            line-height: 1.44
        }

            .related-info .review-list .slider-info h4 div {
                font-size: 18px;
                line-height: 1.44
            }

    .related-info .review-list .info-list {
        margin-top: 24px
    }

        .related-info .review-list .info-list span {
            font-size: 14px;
            display: inline-block;
            margin-left: 0
        }

            .related-info .review-list .info-list span::after {
                display: none
            }

            .related-info .review-list .info-list span:nth-child(2)::after {
                display: inline-block;
                content: "";
                width: 1px;
                height: 16px;
                position: absolute;
                left: 0;
                background: #d2d6de
            }

    .related-info .review-list .pgp-info {
        left: 25px
    }

    .related-info .bundle-info {
        padding: 32px 25px 0;
        padding-bottom: 16px
    }

        .related-info .bundle-info h4 {
            font-size: 18px;
            line-height: 1.44
        }

            .related-info .bundle-info h4 div {
                font-size: 18px;
                line-height: 1.44
            }

        .related-info .bundle-info .info {
            margin-bottom: 8px
        }

            .related-info .bundle-info .info span {
                font-size: 16px
            }

                .related-info .bundle-info .info span:nth-child(2)::after {
                    display: inline-block;
                    content: "";
                    width: 1px;
                    height: 16px;
                    position: absolute;
                    left: 0;
                    background: #d2d6de
                }

        .related-info .bundle-info p {
            margin-top: 16px;
            font-size: 14px
        }

    .related-info .course-list a {
        padding: 16px 25px;
        margin-bottom: 24px;
        min-height: 175px
    }

        .related-info .course-list a:last-child {
            margin-bottom: 0
        }

    .related-info .course-list h4 {
        font-size: 18px;
        line-height: 1.44;
        min-height: 52px
    }

        .related-info .course-list h4 div {
            font-size: 18px;
            line-height: 1.44;
            min-height: 52px
        }

    .related-info .course-list span.type {
        margin-top: 20px
    }

    .related-info .course-list .rating-wrap {
        margin-top: 24px
    }

    .related-info .review-list .info-list span {
        margin-bottom: 0;
        padding-left: 24px
    }

        .related-info .review-list .info-list span:nth-child(2) {
            margin-left: 8px;
            padding-left: 30px
        }

            .related-info .review-list .info-list span:nth-child(2)::before {
                left: 10px
            }

    .related-info .view-more-btn-fixed {
        margin-top: 32px
    }
}

@media(min-width: 768px)and (max-width: 991px) {
    .no-slide-tab .view-more-btn-fixed {
        display: none !important
    }
}

.whyjoin {
    background: #ebf1f8;
    padding-bottom: 54px
}

    .whyjoin .h2 {
        color: #272c37;
        font-size: 24px;
        font-weight: 500;
        line-height: 23px;
        letter-spacing: .5px;
        padding-bottom: 10px;
        margin-top: 24px
    }

    .whyjoin h2 {
        color: #272c37;
        font-size: 20px;
        line-height: 23px;
        letter-spacing: 1px;
        padding-bottom: 10px;
        margin-top: 48px
    }

    .whyjoin .card-wrap-3cards, .whyjoin .card-wrap {
        display: flex;
        flex-wrap: wrap
    }

        .whyjoin .card-wrap-3cards .join-card, .whyjoin .card-wrap .join-card {
            background: #fff;
            box-shadow: 2px 4px 13px rgba(17,121,239,.1);
            border-radius: 4px;
            padding: 0px 15px 28px;
            margin-top: 48px;
            position: relative;
            vertical-align: top;
            width: 100%
        }

            .whyjoin .card-wrap-3cards .join-card .no-image, .whyjoin .card-wrap .join-card .no-image {
                width: 4px;
                height: 25px;
                float: left;
                background-color: orange;
                position: absolute;
                left: 0px;
                top: 14px;
                border-radius: 0px 6px 6px 0px
            }

                .whyjoin .card-wrap-3cards .join-card .no-image img, .whyjoin .card-wrap .join-card .no-image img {
                    display: none
                }

            .whyjoin .card-wrap-3cards .join-card h3, .whyjoin .card-wrap .join-card h3 {
                margin-top: 0;
                font-size: 16px;
                font-weight: 500;
                line-height: 22px;
                text-transform: none;
                margin-top: 40px
            }

                .whyjoin .card-wrap-3cards .join-card h3.withoutIcons, .whyjoin .card-wrap .join-card h3.withoutIcons {
                    margin-top: 16px
                }

            .whyjoin .card-wrap-3cards .join-card p, .whyjoin .card-wrap .join-card p {
                margin-top: 16px;
                font-size: 14px;
                line-height: 22px;
                color: #51565e;
                max-width: 300px;
                display: inline-block
            }

            .whyjoin .card-wrap-3cards .join-card .card-icon, .whyjoin .card-wrap .join-card .card-icon {
                width: 50px;
                height: 50px;
                background: #fff;
                box-shadow: 2px 4px 13px rgba(17,121,239,.1);
                border-radius: 10px;
                position: absolute;
                top: -25px
            }

                .whyjoin .card-wrap-3cards .join-card .card-icon::before, .whyjoin .card-wrap .join-card .card-icon::before {
                    content: "";
                    width: 40px;
                    height: 40px;
                    background: url("/assets/image/jagsom-sprite.svgz") no-repeat;
                    background-position: -8px -18px;
                    position: absolute;
                    left: 1px;
                    top: 10px;
                    display: inline-block
                }

            .whyjoin .card-wrap-3cards .join-card .card-image, .whyjoin .card-wrap .join-card .card-image {
                width: 50px;
                height: 50px;
                background: #fff;
                box-shadow: 2px 4px 13px rgba(17,121,239,.1);
                border-radius: 10px;
                position: absolute;
                top: -25px
            }

                .whyjoin .card-wrap-3cards .join-card .card-image::before, .whyjoin .card-wrap .join-card .card-image::before {
                    content: "";
                    width: 22px;
                    height: 28px;
                    background: none;
                    background-position: -8px -18px;
                    position: absolute;
                    left: 1px;
                    top: 10px;
                    display: inline-block
                }

                .whyjoin .card-wrap-3cards .join-card .card-image img, .whyjoin .card-wrap .join-card .card-image img {
                    width: 40px;
                    height: 40px;
                    position: relative;
                    left: 5px;
                    top: 6px;
                    border-radius: 8px
                }

            .whyjoin .card-wrap-3cards .join-card.no-icons, .whyjoin .card-wrap .join-card.no-icons {
                margin-top: 24px
            }

            .whyjoin .card-wrap-3cards .join-card:nth-of-type(2) .card-icon::before, .whyjoin .card-wrap .join-card:nth-of-type(2) .card-icon::before {
                background-position: -8px -69px;
                top: 8px;
                left: 0px
            }

            .whyjoin .card-wrap-3cards .join-card:nth-of-type(2) .card-image::before, .whyjoin .card-wrap .join-card:nth-of-type(2) .card-image::before {
                background-position: -8px -69px;
                top: 8px;
                left: 0px
            }

            .whyjoin .card-wrap-3cards .join-card:nth-of-type(3) .card-icon::before, .whyjoin .card-wrap .join-card:nth-of-type(3) .card-icon::before {
                background-position: -7px -123px;
                top: 8px;
                left: 0px
            }

            .whyjoin .card-wrap-3cards .join-card:nth-of-type(3) .card-image::before, .whyjoin .card-wrap .join-card:nth-of-type(3) .card-image::before {
                background-position: -7px -123px;
                top: 8px;
                left: 0px
            }

            .whyjoin .card-wrap-3cards .join-card:nth-of-type(4) .card-icon::before, .whyjoin .card-wrap .join-card:nth-of-type(4) .card-icon::before {
                background-position: -14px -173px;
                top: 8px;
                left: 5px
            }

            .whyjoin .card-wrap-3cards .join-card:nth-of-type(4) .card-image::before, .whyjoin .card-wrap .join-card:nth-of-type(4) .card-image::before {
                background-position: -14px -173px;
                top: 8px;
                left: 5px
            }

.degree .industry-trend {
    background: #fff
}

.degree .sticky-header-wrapper, .degree .bootcamp-wrap {
    background: #ebf1f8
}

.degree-pro .sticky-header-wrapper, .degree-pro .bootcamp-wrap {
    background: #ebf1f8
}

.degree-pro .sticky-header-wrapper-noData, .degree-pro .bootcamp-wrap-noData {
    background: #fff
}

p.disclaimer-cmn {
    font-size: 10px !important;
    position: absolute;
    bottom: 3px
}

@media(min-width: 768px) {
    .whyjoin {
        padding-bottom: 64px
    }

        .whyjoin h2 {
            font-size: 24px;
            line-height: 28px
        }

        .whyjoin .card-wrap .join-card {
            width: calc(100% - 375px);
            display: inline-block;
            margin-right: 30px
        }

            .whyjoin .card-wrap .join-card .no-image {
                top: 22px
            }

            .whyjoin .card-wrap .join-card h3.withoutIcons {
                margin-top: 24px
            }

            .whyjoin .card-wrap .join-card:nth-of-type(2), .whyjoin .card-wrap .join-card:nth-of-type(4) {
                margin-right: 0px
            }

        .whyjoin .card-wrap-3cards .join-card {
            width: calc(100% - 500px);
            display: inline-block;
            margin-right: 30px
        }

            .whyjoin .card-wrap-3cards .join-card .no-image {
                top: 22px
            }

            .whyjoin .card-wrap-3cards .join-card h3 {
                height: 30px
            }

                .whyjoin .card-wrap-3cards .join-card h3.withoutIcons {
                    margin-top: 24px
                }

            .whyjoin .card-wrap-3cards .join-card p {
                margin-top: 24px
            }

            .whyjoin .card-wrap-3cards .join-card:nth-of-type(3) {
                margin-right: 0px
            }
}

@media(min-width: 992px) {
    .whyjoin h2 {
        font-size: 32px;
        line-height: 38px;
        letter-spacing: 1.5
    }

    .whyjoin .card-wrap .join-card, .whyjoin .card-wrap-3cards .join-card {
        width: calc(100% - 700px);
        padding: 0px 15px 30px 20px
    }

        .whyjoin .card-wrap .join-card h3, .whyjoin .card-wrap-3cards .join-card h3 {
            font-size: 18px;
            line-height: 26px;
            padding-right: 40px;
            height: 48px
        }

        .whyjoin .card-wrap .join-card:nth-of-type(2), .whyjoin .card-wrap-3cards .join-card:nth-of-type(2) {
            margin-right: 30px
        }

    p.disclaimer-cmn {
        font-size: 12px !important
    }
}

@media(min-width: 992px)and (max-width: 1199px) {
    div.whyjoin .card-wrap .join-card {
        width: calc(100% - 497px)
    }

        div.whyjoin .card-wrap .join-card h3 {
            height: 30px
        }

        div.whyjoin .card-wrap .join-card .no-image {
            top: 24px
        }

        div.whyjoin .card-wrap .join-card:nth-of-type(2) {
            margin-right: 0px
        }

    div.whyjoin .card-wrap-3cards .join-card {
        width: calc(100% - 663px)
    }

        div.whyjoin .card-wrap-3cards .join-card p {
            margin-top: 16px
        }

        div.whyjoin .card-wrap-3cards .join-card .no-image {
            top: 24px
        }
}

@media(min-width: 1200px) {
    .whyjoin h2 {
        margin-top: 0
    }

    .whyjoin .card-wrap .join-card {
        width: calc(100% - 878px)
    }

        .whyjoin .card-wrap .join-card .no-image {
            top: 24px
        }

    .whyjoin .card-wrap-3cards .join-card {
        width: calc(100% - 780px)
    }

        .whyjoin .card-wrap-3cards .join-card h3 {
            height: 25px
        }

        .whyjoin .card-wrap-3cards .join-card p {
            margin-top: 16px
        }

        .whyjoin .card-wrap-3cards .join-card .no-image {
            top: 24px
        }
}

.enterprise {
    margin-top: 24px;
    padding-bottom: 56px
}

    .enterprise .enterprise-info {
        box-shadow: 0 2px 10px 0 rgba(17,121,239,.1);
        border-radius: 4px;
        background: #fff;
        padding: 24px;
        padding-left: 26px
    }

        .enterprise .enterprise-info h2 {
            margin-top: 0;
            font-size: 18px;
            line-height: 21px;
            color: #272c37;
            font-weight: 500;
            position: relative
        }

            .enterprise .enterprise-info h2::before {
                content: "";
                width: 6px;
                height: 38px;
                display: inline-block;
                position: absolute;
                top: -8px;
                left: -26px;
                background: orange;
                border-radius: 0px 6px 6px 0
            }

            .enterprise .enterprise-info h2 + span {
                color: #272c37;
                margin-top: 16px;
                font-size: 14px;
                line-height: 18px;
                display: inline-block
            }

        .enterprise .enterprise-info .contact-btn {
            display: inline-block;
            width: 100%;
            font-weight: 500;
            text-transform: capitalize;
            color: orange;
            background: #fff;
            border: 1px solid orange;
            max-width: 293px;
            border-radius: 4px;
            line-height: 42px;
            text-align: center;
            margin-top: 24px
        }

        .enterprise .enterprise-info .eligible-wrapper .modal-content .modal-body .course-head p {
            text-align: center
        }

        .enterprise .enterprise-info .eligible-wrapper .modal-content .eligible-candidates ul li {
            position: relative;
            padding-left: 40px
        }

            .enterprise .enterprise-info .eligible-wrapper .modal-content .eligible-candidates ul li::before {
                content: "";
                background: url("/assets/image/course_sprite_7.svgz") no-repeat;
                width: 24px;
                height: 24px;
                display: inline-block;
                position: absolute;
                top: 0px;
                left: 0;
                background-position: -215px -249px
            }

@media(min-width: 768px) {
    .revamp-pg .enterprise {
        margin-top: 40px;
        padding-bottom: 64px
    }

        .revamp-pg .enterprise .enterprise-info {
            padding: 36px 15px 36px 20px;
            position: relative
        }

            .revamp-pg .enterprise .enterprise-info h2 {
                display: inline-block;
                font-size: 16px;
                line-height: 19px
            }

                .revamp-pg .enterprise .enterprise-info h2::before {
                    left: -20px
                }

                .revamp-pg .enterprise .enterprise-info h2 + span {
                    padding-left: 10px;
                    margin-left: 10px;
                    margin-top: 0;
                    position: relative;
                    font-size: 14px;
                    line-height: 16px
                }

                    .revamp-pg .enterprise .enterprise-info h2 + span::before {
                        content: "";
                        position: absolute;
                        left: 0;
                        top: -3px;
                        height: 24px;
                        border-right: 1px solid #bdc6d9
                    }

            .revamp-pg .enterprise .enterprise-info a.contact-btn {
                max-width: 149px;
                line-height: 46px;
                display: inline-block;
                margin-top: 0;
                position: absolute;
                vertical-align: middle;
                right: 15px;
                top: 25px;
                font-weight: 500;
                font-size: 18px
            }
}

@media(min-width: 992px) {
    .revamp-pg .enterprise {
        margin-top: 56px;
        padding-bottom: 64px
    }

        .revamp-pg .enterprise .enterprise-info {
            padding: 32px 15px 32px 24px
        }

            .revamp-pg .enterprise .enterprise-info h2::before {
                left: -24px
            }

            .revamp-pg .enterprise .enterprise-info a.contact-btn {
                top: 20px;
                right: 40px;
                max-width: 235px;
                font-size: 18px
            }

            .revamp-pg .enterprise .enterprise-info h2 {
                font-size: 18px;
                line-height: 22px
            }

                .revamp-pg .enterprise .enterprise-info h2 + span {
                    font-size: 16px;
                    line-height: 18px
                }
}

@media(min-width: 1200px) {
    .revamp-pg .enterprise {
        margin-top: 0
    }

        .revamp-pg .enterprise .enterprise-info .contact-btn:hover {
            color: #fff;
            border: 1px solid orange;
            background: orange
        }
}

.prog-outcome {
    background: #f6faff;
    padding-bottom: 36px;
    position: relative
}

    .prog-outcome h2 {
        font-size: 24px;
        line-height: 28px;
        letter-spacing: 1px;
        text-transform: capitalize
    }

        .prog-outcome h2 b {
            font-weight: normal
        }

    .prog-outcome p {
        margin-top: 16px;
        font-size: 14px;
        line-height: 24px;
        color: #51565e;
        font-weight: normal
    }

    .prog-outcome ul {
        margin-top: 40px;
        margin-bottom: 0
    }

        .prog-outcome ul li img {
            max-height: 220px;
            margin-top: 28px;
            box-shadow: 3px 6px 20px rgba(17,121,239,.15);
            border-radius: 4px
        }

        .prog-outcome ul li label {
            color: #272c37;
            font-size: 12px;
            text-align: center;
            display: block;
            margin-bottom: 0;
            margin-top: 8px;
            font-weight: normal
        }

        .prog-outcome ul li .program-feature {
            margin-top: 32px
        }

            .prog-outcome ul li .program-feature h3 {
                font-size: 18px;
                color: #272c37;
                line-height: 26px;
                text-transform: capitalize;
                margin-top: 32px
            }

                .prog-outcome ul li .program-feature h3 b {
                    font-weight: 700
                }

            .prog-outcome ul li .program-feature ul {
                margin-top: 24px
            }

                .prog-outcome ul li .program-feature ul li {
                    color: #51565e;
                    font-size: 16px;
                    padding-left: 35px;
                    line-height: 24px;
                    position: relative;
                    margin-bottom: 20px;
                    display: inline-block;
                    width: 100%
                }

                    .prog-outcome ul li .program-feature ul li::before {
                        content: "";
                        width: 22px;
                        height: 22px;
                        display: inline-block;
                        background: var(--university-sprite);
                        background-position: -129px -310px;
                        position: absolute;
                        left: 0;
                        top: 1px
                    }

        .prog-outcome ul li .certificate {
            position: relative
        }

            .prog-outcome ul li .certificate::before {
                width: 100%;
                height: 270px;
                content: "";
                background: url("/assets/image/Rectangle1.svgz") no-repeat;
                display: inline-block;
                position: absolute;
                top: 0;
                background-size: 100% 100%;
                left: -45px;
                background-position: 0px 0
            }

            .prog-outcome ul li .certificate label {
                color: #fff;
                font-size: 12px;
                line-height: 14px;
                padding-bottom: 14px;
                position: relative
            }

            .prog-outcome ul li .certificate img {
                margin-top: 14px
            }

        .prog-outcome ul li:nth-of-type(1) img {
            margin-top: 16px
        }

        .prog-outcome ul li:nth-of-type(1) label {
            color: #fff;
            position: relative
        }

        .prog-outcome ul ul {
            min-width: 100%;
            display: block
        }

div.slider-certificate .view-more-btn-fixed {
    display: none
}

.revamp-pg .banner .pg-banner-info .banner-pricing .left-clm h2 {
    width: auto
}

    .revamp-pg .banner .pg-banner-info .banner-pricing .left-clm h2 span.show {
        color: #505050
    }

    .revamp-pg .banner .pg-banner-info .banner-pricing .left-clm h2::after {
        color: #505050;
        text-transform: lowercase
    }

@media(max-width: 767px) {
    .prog-outcome ul li .certificate::before {
        background-size: auto
    }

    .prog-outcome ul li:nth-of-type(1) label {
        text-align: left
    }
}

@media(min-width: 768px) {
    .revamp-pg .prog-outcome {
        padding-bottom: 44px
    }

        .revamp-pg .prog-outcome h2 {
            font-size: 28px;
            line-height: 33px
        }

        .revamp-pg .prog-outcome ul li .certificate::before {
            content: "";
            width: 515px;
            height: 408px;
            background: url("/assets/image/Rectangle.svgz") no-repeat;
            top: 0;
            left: -45px
        }

        .revamp-pg .prog-outcome ul li .certificate img {
            margin-top: 16px;
            min-height: 354px
        }

        .revamp-pg .prog-outcome ul li .program-feature {
            margin-top: 40px
        }

        .revamp-pg .prog-outcome ul li img {
            min-height: 334px;
            margin-top: 28px
        }

        .revamp-pg .prog-outcome ul li label {
            max-width: 510px;
            margin-top: 12px
        }

        .revamp-pg .prog-outcome ul li:nth-of-type(1) img {
            min-height: 353px;
            width: auto;
            margin-top: 16px
        }

        .revamp-pg .prog-outcome ul li:nth-of-type(1) label {
            max-width: 547px;
            padding-bottom: 10px
        }
}

@media(min-width: 992px) {
    .revamp-pg .prog-outcome h2 {
        font-size: 32px;
        line-height: 37px
    }

    .revamp-pg .prog-outcome .container {
        padding-right: 0
    }

    .revamp-pg .prog-outcome ul {
        margin-top: 48px
    }

        .revamp-pg .prog-outcome ul li {
            width: 466px;
            display: inline-block;
            vertical-align: top;
            margin-right: 30px
        }

            .revamp-pg .prog-outcome ul li img {
                margin-top: 16px;
                min-height: 353px
            }

            .revamp-pg .prog-outcome ul li .program-feature {
                margin-top: 48px
            }

                .revamp-pg .prog-outcome ul li .program-feature h3 {
                    margin-top: 0
                }

            .revamp-pg .prog-outcome ul li:first-child .program-feature {
                margin-top: 40px
            }

            .revamp-pg .prog-outcome ul li:first-child label {
                padding-bottom: 13px
            }

            .revamp-pg .prog-outcome ul li.outcome-single {
                display: inline-block;
                width: 100% !important;
                margin-right: 0
            }

                .revamp-pg .prog-outcome ul li.outcome-single .certificate {
                    display: inline-block
                }

                .revamp-pg .prog-outcome ul li.outcome-single .program-feature {
                    width: calc(100% - 580px);
                    display: inline-block;
                    vertical-align: top;
                    margin-left: 30px
                }

                    .revamp-pg .prog-outcome ul li.outcome-single .program-feature ul li {
                        margin-right: 0
                    }

            .revamp-pg .prog-outcome ul li:last-child {
                margin-right: 0
            }

    .revamp-pg .program-details .overview {
        padding-bottom: 64px
    }

    div.slider-certificate .container ul li {
        display: block;
        width: auto
    }
}

@media(min-width: 1200px) {
    .view-more-btn-fixed {
        z-index: 1
    }

    .revamp-pg .prog-outcome {
        padding-bottom: 0
    }

        .revamp-pg .prog-outcome .container {
            position: relative
        }

        .revamp-pg .prog-outcome::after {
            content: "";
            width: 100%;
            height: 98px;
            display: inline-block;
            background: linear-gradient(2deg, #fefeff, #fff 74px, #ffffff 0px, #f6faff 0px);
            position: absolute;
            background-position: center bottom
        }

        .revamp-pg .prog-outcome::before {
            content: "";
            width: 100%;
            height: 264px;
            display: inline-block;
            background: url("/assets/image/top-bg.jpg") no-repeat;
            position: absolute;
            background-position: center top;
            top: 0
        }

        .revamp-pg .prog-outcome ul li.outcome-single .program-feature {
            margin-left: 60px;
            width: calc(100% - 612px)
        }

        .revamp-pg .prog-outcome ul li:first-child {
            width: 548px
        }

            .revamp-pg .prog-outcome ul li:first-child img {
                width: 548px;
                height: 354px
            }

        .revamp-pg .prog-outcome ul li:nth-child(2) {
            width: 528px
        }

            .revamp-pg .prog-outcome ul li:nth-child(2) img {
                width: 528px;
                height: 354px
            }

    div.slider-certificate div.container {
        padding-left: 15px
    }

        div.slider-certificate div.container ul li {
            width: auto;
            display: inline-block
        }

            div.slider-certificate div.container ul li:nth-child(3) {
                width: 528px
            }

    div.slider-certificate .view-more-btn-fixed {
        display: block
    }
}

@media(min-width: 1200px) {
    .revamp-pg .prog-outcome .frs-slider .ul-iners {
        padding-left: 50px;
        position: relative;
        left: -50px
    }

    .revamp-pg .prog-outcome ul li.inc_0 div::before {
        width: 515px;
        height: 408px;
        content: "";
        background: url("/assets/image/Rectangle1.svgz") no-repeat;
        display: inline-block;
        position: absolute;
        top: 0;
        background-size: 100% 100%;
        left: -45px;
        background-position: 0px 0
    }

    .revamp-pg .prog-outcome ul li.inc_0 div img, .revamp-pg .prog-outcome ul li.inc_0 div label {
        position: relative;
        z-index: 1
    }
}

@media(min-width: 1280px) {
    #program-certificate .ul-iners {
        width: 1280px
    }
}

@media(min-width: 1426px) {
    #program-certificate .ul-iners {
        width: 1318px
    }
}

@media(min-width: 1605px) {
    #program-certificate .ul-iners {
        width: 1408px
    }
}

@media(min-width: 1710px) {
    #program-certificate .ul-iners {
        width: 1461px
    }
}

@media(min-width: 1925px) {
    #program-certificate .ul-iners {
        width: 1568px
    }
}

@media(min-width: 1440px) {
    .revamp-pg .prog-outcome::before {
        background: url("/assets/image/top-bg_1440.jpg") no-repeat;
        background-position: left top;
        background-size: 100% 100%
    }
}

@media(min-width: 1680px) {
    .revamp-pg .prog-outcome::before {
        background: url("/assets/image/top-bg_1680.jpg") no-repeat;
        background-position: left top;
        background-size: 100% 100%
    }
}

@media(min-width: 1920px) {
    .revamp-pg .prog-outcome::before {
        background: url("/assets/image/top-bg_1920.jpg") no-repeat;
        background-position: left top;
        background-size: 100% 100%
    }
}

.bootcamp-learn .bootcamp-right.lazy a {
    background-image: none !important
}

.bootcamp-learn {
    margin-top: 56px;
    background: linear-gradient(180deg, #FFFFFF 0%, #F6FAFF 100%);
    padding-bottom: 56px
}

    .bootcamp-learn h2 {
        margin-top: 0;
        font-size: 24px;
        color: #272c37;
        line-height: 32px;
        letter-spacing: 1px;
        font-weight: normal;
        display: inline-block
    }

    .bootcamp-learn .bootcamp-left ul {
        margin-top: 24px;
        margin-bottom: 0
    }

        .bootcamp-learn .bootcamp-left ul li {
            color: #272c37;
            font-size: 16px;
            padding-left: 35px;
            line-height: 24px;
            position: relative;
            margin-bottom: 24px;
            display: inline-block;
            width: 100%
        }

            .bootcamp-learn .bootcamp-left ul li::before {
                content: "";
                width: 22px;
                height: 22px;
                display: inline-block;
                background: var(--university-sprite);
                background-position: -129px -310px;
                position: absolute;
                left: 0;
                top: 2px
            }

    .bootcamp-learn .bootcamp-right {
        position: relative;
        max-width: 354px;
        height: 204px;
        margin: 10px auto 0
    }

        .bootcamp-learn .bootcamp-right::before {
            content: "";
            width: 154px;
            height: 44px;
            background: var(--university-sprite);
            background-position: -21px -427px;
            position: absolute;
            top: 10px;
            left: -12px;
            z-index: 1
        }

        .bootcamp-learn .bootcamp-right::after {
            content: "Watch Bootcamp Demo";
            height: 30px;
            position: absolute;
            top: 138px;
            left: 105px;
            z-index: 9999;
            color: #fff;
            font-weight: 500;
            font-size: 12px;
            line-height: 14px
        }

        .bootcamp-learn .bootcamp-right a {
            background: url("/assets/image/Bootcamp-Demo-banner.jpg") no-repeat;
            background-size: cover;
            border-radius: 4px;
            width: 100%;
            max-width: 354px;
            height: 204px;
            position: relative;
            border: 1px solid rgba(255,255,255,.3)
        }

            .bootcamp-learn .bootcamp-right a span {
                color: #fff;
                font-weight: 500;
                font-size: 12px;
                line-height: 14px;
                text-transform: capitalize;
                text-align: center;
                position: absolute;
                top: 156px;
                left: 106px
            }

            .bootcamp-learn .bootcamp-right a .jwp {
                width: 100%;
                height: 100%
            }

                .bootcamp-learn .bootcamp-right a .jwp .jwplayer {
                    width: 100% !important;
                    height: 100% !important;
                    float: left;
                    border-radius: 4px;
                    z-index: 99999
                }

            .bootcamp-learn .bootcamp-right a::before, .bootcamp-learn .bootcamp-right a::after {
                top: -25px;
                background: var(--university-sprite);
                background-position: -129px -310px
            }

            .bootcamp-learn .bootcamp-right a::before {
                background-position: -35px -35px;
                width: 40px;
                height: 40px
            }

            .bootcamp-learn .bootcamp-right a::after {
                background-position: -10px -10px;
                width: 90px;
                height: 90px
            }

    .bootcamp-learn .offer-tag::before {
        display: none
    }

    .bootcamp-learn .vd-span::after {
        content: none
    }

.revamp-pg .bootcamp-learn h2 {
    display: none
}

.revamp-pg .bootcamp-learn .bootcamp-left h2 {
    display: inline-block
}

.revamp-pg .bootcamp-learn .bootcamp-right a.play-anim img {
    width: 100%;
    height: 100%;
    position: absolute
}

.revamp-pg .bootcamp-learn .bootcamp-right a.play-anim #embeddedYTVideo1 .video-banner iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99999
}

@media(min-width: 768px) {
    .revamp-pg .bootcamp-learn {
        margin-top: 64px
    }

        .revamp-pg .bootcamp-learn h2 {
            font-size: 28px;
            line-height: 34px;
            width: 580px;
            display: block;
            padding-bottom: 32px
        }

        .revamp-pg .bootcamp-learn .bootcamp-left {
            width: 300px;
            display: inline-block;
            vertical-align: top
        }

            .revamp-pg .bootcamp-learn .bootcamp-left ul {
                margin-top: 0
            }

                .revamp-pg .bootcamp-learn .bootcamp-left ul li:last-child {
                    margin-bottom: 0
                }

            .revamp-pg .bootcamp-learn .bootcamp-left h2 {
                display: none
            }

        .revamp-pg .bootcamp-learn .bootcamp-right {
            display: inline-block;
            padding-left: 20px;
            margin-top: 0
        }

            .revamp-pg .bootcamp-learn .bootcamp-right a {
                min-width: 382px;
                height: 221px;
                margin: 0;
                display: inline-block
            }

                .revamp-pg .bootcamp-learn .bootcamp-right a span {
                    left: 100px;
                    font-weight: 500;
                    font-size: 16px;
                    line-height: 19px
                }

            .revamp-pg .bootcamp-learn .bootcamp-right::after {
                top: 140px;
                left: 118px;
                font-size: 16px;
                line-height: 18px
            }

            .revamp-pg .bootcamp-learn .bootcamp-right::before {
                left: 9px
            }
}

@media(min-width: 992px) {
    .revamp-pg .bootcamp-learn h2 {
        display: none
    }

    .revamp-pg .bootcamp-learn .bootcamp-right {
        padding-left: 0
    }

        .revamp-pg .bootcamp-learn .bootcamp-right a {
            min-width: 488px;
            height: 360px;
            margin-left: 32px
        }

            .revamp-pg .bootcamp-learn .bootcamp-right a span {
                left: 154px;
                top: 218px
            }

        .revamp-pg .bootcamp-learn .bootcamp-right::after {
            top: 214px;
            left: 185px
        }

        .revamp-pg .bootcamp-learn .bootcamp-right::before {
            left: 16px
        }

    .revamp-pg .bootcamp-learn .bootcamp-left {
        width: 458px
    }

        .revamp-pg .bootcamp-learn .bootcamp-left h2 {
            width: 432px;
            display: inline-block
        }

        .revamp-pg .bootcamp-learn .bootcamp-left ul {
            padding-right: 162px
        }

    .bootcamp-learn .bootcamp-right a::before {
        width: 60px;
        height: 60px;
        background-position: -133px -35px
    }

    .bootcamp-learn .bootcamp-right a::after {
        background-position: -120px -20px
    }

    .bootcamp-learn .bootcamp-left ul li {
        margin-bottom: 20px
    }

        .bootcamp-learn .bootcamp-left ul li:last-child {
            margin-bottom: 0
        }
}

@media(min-width: 1200px) {
    .revamp-pg .bootcamp-learn {
        padding-top: 56px
    }

        .revamp-pg .bootcamp-learn .bootcamp-right a {
            min-width: 621px;
            margin-left: 60px;
            margin-top: 0;
            border-radius: 6px
        }

            .revamp-pg .bootcamp-learn .bootcamp-right a span {
                top: 238px;
                left: 225px
            }

        .revamp-pg .bootcamp-learn .bootcamp-right::before {
            left: 49px;
            top: 10px
        }

        .revamp-pg .bootcamp-learn .bootcamp-right::after {
            top: 233px;
            left: 278px;
            width: 170px
        }
}

.advisor .prog-trainer .ul-iners::after {
    display: none
}

.advisor .prog-trainer .ul-iners {
    padding-top: 0
}

.prog-trainer {
    background: #f6faff;
    margin-top: 56px
}

    .prog-trainer .ul-iners {
        margin-top: 32px
    }

    .prog-trainer h3 {
        margin-top: 0;
        color: #272c37;
        font-size: 18px;
        line-height: 21px;
        text-transform: capitalize
    }

        .prog-trainer h3 b {
            font-weight: 700
        }

    .prog-trainer .trainer-wrap img.trainer-img {
        border: 1px solid #fff;
        box-sizing: border-box;
        box-shadow: 0px 4px 10px rgba(40,109,245,.25);
        border-radius: 6px;
        width: 85px;
        height: 105px;
        margin-right: 15px;
        vertical-align: top
    }

    .prog-trainer .trainer-wrap .trainer-info {
        width: calc(100% - 100px);
        display: inline-block
    }

        .prog-trainer .trainer-wrap .trainer-info h3 {
            margin-top: 0;
            font-weight: 500;
            font-size: 16px;
            line-height: 19px;
            color: #51565e;
            display: block;
            text-transform: capitalize
        }

        .prog-trainer .trainer-wrap .trainer-info span {
            margin-top: 12px;
            display: inline-block;
            font-size: 14px;
            line-height: 16px;
            color: #51565e
        }

        .prog-trainer .trainer-wrap .trainer-info h4 {
            margin-top: 32px;
            font-weight: 500;
            font-size: 16px;
            line-height: 19px;
            color: #272c37;
            word-break: break-word
        }

        .prog-trainer .trainer-wrap .trainer-info .trainer-brand {
            display: inline-block;
            margin-top: 10px
        }

            .prog-trainer .trainer-wrap .trainer-info .trainer-brand img {
                max-height: 40px;
                width: 100%
            }

    .prog-trainer ul {
        margin-bottom: 0
    }

        .prog-trainer ul li {
            width: 320px;
            padding-right: 20px
        }

            .prog-trainer ul li .trainer-main {
                width: 100%;
                height: 100%;
                border: 1px solid #e9f2ff;
                border-radius: 4px;
                padding: 24px 10px;
                display: inline-block;
                box-shadow: 0px 2px 10px rgba(17,121,239,.1);
                background: #fff
            }

@media(min-width: 768px) {
    .revamp-pg .prog-trainer {
        margin-top: 64px
    }

        .revamp-pg .prog-trainer .trainer-wrap {
            width: 320px;
            padding-right: 30px
        }
}

@media(max-width: 991px) {
    .prog-trainer .trainer-wrap .trainer-info h4 {
        margin-top: 24px;
        font-size: 14px;
        line-height: 20px
    }
}

@media(min-width: 992px)and (max-width: 1199px) {
    div.revamp-pg .prog-trainer .trainer-wrap {
        width: 332px
    }
}

@media(min-width: 992px) {
    .revamp-pg .prog-trainer {
        margin-top: 80px
    }

        .revamp-pg .prog-trainer .trainer-wrap {
            width: 330px
        }

            .revamp-pg .prog-trainer .trainer-wrap img.trainer-img {
                width: 126px;
                height: 156px
            }

            .revamp-pg .prog-trainer .trainer-wrap .trainer-info {
                width: calc(100% - 141px)
            }

        .revamp-pg .prog-trainer h3 {
            font-size: 24px;
            line-height: 32px
        }
}

@media(min-width: 1200px) {
    .revamp-pg .prog-trainer .trainer-wrap {
        width: 388px
    }
}

.learner-profile .industry {
    padding: 24px 20px 32px 20px
}

    .learner-profile .industry .info-graph {
        text-align: center;
        margin-top: 32px
    }

        .learner-profile .industry .info-graph img {
            width: 224px
        }

    .learner-profile .industry .info-list {
        margin-top: 24px
    }

        .learner-profile .industry .info-list span {
            display: inline-block;
            width: 100%;
            position: relative;
            margin-top: 24px;
            font-size: 14px;
            color: #272c37;
            padding-left: 29px;
            line-height: 1.3
        }

            .learner-profile .industry .info-list span i {
                width: 18px;
                height: 18px;
                display: inline-block;
                vertical-align: middle;
                margin-right: 15px;
                position: absolute;
                left: 0;
                top: 0
            }

    .learner-profile .industry .company-logos {
        margin-top: 40px;
        text-align: center
    }

        .learner-profile .industry .company-logos div {
            margin-bottom: 40px;
            width: 50%;
            text-align: center;
            display: inline-block;
            padding: 0 20px
        }

        .learner-profile .industry .company-logos img {
            margin: 0;
            max-height: 60px;
            max-width: 100%;
            width: auto
        }

    .learner-profile .industry .heading {
        font-size: 14px;
        color: #51565e
    }

.learner-profile .tab ul li a {
    background: #ebf1f8;
    color: #272c37;
    text-transform: uppercase
}

.learner-profile .tab a {
    display: inline-block;
    color: #1179ef;
    text-align: left;
    font-weight: 500;
    cursor: pointer;
    font-size: 16px;
    left: 0;
    width: 100%;
    padding: 11px 0;
    line-height: 1.7;
    background-color: #ebf1f8;
    padding-left: 20px;
    position: relative
}

    .learner-profile .tab a::after {
        content: "";
        width: 22px;
        height: 22px;
        background: var(--sub-course-sprite) no-repeat;
        background-position: -124px -245px;
        position: absolute;
        right: 15px;
        top: 0;
        bottom: 0;
        margin: auto
    }

.learner-profile .tab li {
    box-shadow: 0 0 4px 0 rgba(0,0,0,.1)
}

    .learner-profile .tab li .tabcontent {
        display: none
    }

        .learner-profile .tab li .tabcontent .industry .heading {
            display: inline-block;
            color: #51565e;
            font-weight: 500;
            line-height: 1.43
        }

            .learner-profile .tab li .tabcontent .industry .heading::after {
                content: "";
                height: 3px;
                width: 40px;
                background: #f1b006;
                display: block;
                margin: 8px 0 0px
            }

            .learner-profile .tab li .tabcontent .industry .heading b {
                color: #51565e
            }

    .learner-profile .tab li.active a {
        background-color: #1179ef;
        color: #fff
    }

        .learner-profile .tab li.active a::after {
            background-position: -125px -195px
        }

    .learner-profile .tab li.active .tabcontent {
        display: inline-block;
        background: rgba(0,0,0,0);
        width: 100%;
        background: #fff
    }

        .learner-profile .tab li.active .tabcontent .description-tag {
            margin-top: 40px;
            text-align: center;
            color: #6c7480;
            font-size: 16px;
            line-height: 1.25;
            display: none
        }

.learner-profile .company {
    padding-bottom: 0
}

.learner-profile .batch-profile .learn-path .donut-chart-block .donut-chart {
    margin: 0
}

@media(min-width: 768px) {
    .learner-profile {
        padding-bottom: 48px
    }

        .learner-profile ul li:nth-child(2) .industry + .industry {
            margin-bottom: 40px
        }

        .learner-profile .industry {
            display: inline-block;
            width: 100%;
            padding: 48px 40px 0
        }

            .learner-profile .industry .info-graph {
                float: right;
                width: 50%
            }

            .learner-profile .industry .info-list {
                float: left;
                width: 50%;
                padding-left: 58px;
                margin-top: 0
            }

            .learner-profile .industry .info-graph {
                padding-left: 30px;
                text-align: left;
                margin-top: 0
            }

            .learner-profile .industry .company-logos {
                padding-left: 0px
            }

                .learner-profile .industry .company-logos div {
                    width: 33.333%
                }

                .learner-profile .industry .company-logos img {
                    margin: 0
                }

            .learner-profile .industry .learn-path {
                margin-top: 32px
            }

            .learner-profile .industry .heading {
                font-size: 16px
            }

        .learner-profile .tabcontent {
            width: 100%
        }

        .learner-profile .batch-profile .tab ul {
            margin-bottom: 0
        }

        .learner-profile .industry .info-list span {
            margin-top: 22px
        }
}

@media(max-width: 991px) {
    .learner-profile .tab ul li {
        border: 1px solid #d2d6de;
        margin-bottom: 8px;
        border-radius: 4px
    }

    .learner-profile .graphic {
        margin-top: 40px
    }
}

@media(min-width: 992px) {
    .learner-profile .batch-profile .tab ul li .tabcontent .industry {
        padding: 40px 70px 40px 0;
        width: 50%;
        vertical-align: top
    }

        .learner-profile .batch-profile .tab ul li .tabcontent .industry:last-child {
            padding-right: 0
        }

        .learner-profile .batch-profile .tab ul li .tabcontent .industry .company-logos {
            padding-left: 0
        }

            .learner-profile .batch-profile .tab ul li .tabcontent .industry .company-logos img {
                margin: 0
            }

        .learner-profile .batch-profile .tab ul li .tabcontent .industry .heading {
            display: block;
            text-align: left;
            padding-left: 30px
        }

            .learner-profile .batch-profile .tab ul li .tabcontent .industry .heading::after {
                margin: 8px auto 0 0;
                text-align: left
            }

        .learner-profile .batch-profile .tab ul li .tabcontent .industry .learn-path {
            margin-top: 40px;
            padding-left: 30px
        }

    .learner-profile .batch-profile .tab ul li .tabcontent .comapany {
        float: right;
        width: 50%
    }

    .learner-profile .batch-profile .tab ul li .tabcontent .info-list {
        padding-left: 0
    }

    .learner-profile .graphic {
        margin-top: 88px
    }
}

@media(max-width: 991px) {
    .learner-profile .tab ul {
        margin-top: 0;
        margin-bottom: 32px
    }

        .learner-profile .tab ul li.active {
            border-color: #1179ef
        }

    .learner-profile .tab li.active a {
        border-radius: 0
    }
}

@media(min-width: 1200px) {
    .learner-profile .industry .company-logos div {
        width: 25%
    }

    .revamp-pg .learner-profile .batch-profile .graphic .tab ul li .tabcontent .industry {
        padding: 24px 70px 40px 0
    }
}

@media(min-width: 768px) {
    .learner-profile .batch-profile .tab ul li .tabcontent .info-list {
        display: inline-block;
        width: auto;
        float: none;
        vertical-align: middle;
        max-width: 220px;
        margin-right: 25px
    }

        .learner-profile .batch-profile .tab ul li .tabcontent .info-list span {
            width: auto;
            display: block
        }

    .learner-profile .industry .info-graph {
        float: none;
        width: auto;
        max-width: 50%;
        display: inline-block;
        vertical-align: middle;
        padding-left: 0
    }

        .learner-profile .industry .info-graph img {
            max-width: 220px;
            margin-top: 22px
        }
}

@media(min-width: 992px) {
    .learner-profile .batch-profile .tab ul li .tabcontent .info-list {
        float: right;
        margin-right: 0
    }
}

@media(min-width: 992px)and (max-width: 1199px) {
    .donut-chart-block {
        margin-top: 0
    }
}

@media(min-width: 768px)and (max-width: 991px) {
    .learner-profile .batch-profile .tab ul li .tabcontent .info-list, .learner-profile .industry .info-graph {
        width: auto;
        max-width: 325px;
        margin-right: 25px
    }

    .learner-profile .industry .info-graph {
        text-align: center
    }
}

@media(max-width: 767px) {
    .learner-profile .industry .info-list {
        display: table-footer-group
    }

    .learner-profile .industry .info-graph {
        display: table-header-group
    }

        .learner-profile .industry .info-graph img {
            margin-top: 32px;
            margin-bottom: 24px
        }

        .learner-profile .industry .info-graph::after {
            content: "---------------------------------------------------------------------------------------------------------------------";
            max-height: 0;
            overflow: hidden;
            display: block
        }
}

@media(min-width: 1200px) {
    .learner-profile .batch-profile .tab ul li .tabcontent .info-list {
        min-width: 140px;
        max-width: 250px
    }
}

.career {
    padding-bottom: 16px
}

    .career h2 {
        color: #272c37;
        font-size: 24px;
        line-height: 28px;
        letter-spacing: 1;
        font-weight: normal
    }

    .career .career-left {
        background: #1179ef;
        border-radius: 4px;
        padding: 24px 15px 32px;
        margin-top: 32px
    }

        .career .career-left h3.career-title {
            margin-top: 0;
            color: #fff;
            font-size: 18px;
            line-height: 21px;
            text-transform: capitalize
        }

            .career .career-left h3.career-title b {
                font-weight: 700
            }

        .career .career-left h3 + span {
            margin-top: 20px;
            color: #fff;
            display: inline-block;
            font-size: 14px;
            line-height: 22px
        }

        .career .career-left div.border-btn {
            border-radius: 4px;
            max-width: 316px;
            margin-top: 38px
        }

            .career .career-left div.border-btn a.btn {
                max-width: 316px;
                margin-top: 0;
                background: #fff;
                line-height: 48px;
                font-weight: 500;
                font-size: 18px;
                color: #1179ef;
                text-transform: capitalize
            }

    .career .career-right .career-img {
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle
    }

        .career .career-right .career-img img {
            border-radius: 4px;
            width: 105px;
            height: 60px
        }

    .career .career-right .career-info {
        width: calc(100% - 115px);
        display: inline-block;
        vertical-align: middle
    }

        .career .career-right .career-info h4 {
            font-size: 16px;
            line-height: 24px;
            color: #272c37;
            font-weight: 500;
            text-transform: none
        }

        .career .career-right .career-info p {
            font-size: 14px;
            line-height: 22px;
            color: #51565e;
            margin-top: 10px
        }

    .career .career-right .career-support {
        margin-top: 32px
    }

    .career .career-right a.btn {
        background: #fff;
        border: 1px solid #1179ef;
        box-sizing: border-box;
        border-radius: 4px;
        max-width: 335px;
        font-size: 16px;
        line-height: 42px;
        color: #1179ef;
        font-weight: 500;
        margin-top: 32px;
        text-transform: capitalize
    }

    .career .job-industry {
        margin-top: 56px
    }

        .career .job-industry h5 {
            font-size: 18px;
            line-height: 21px;
            color: #272c37;
            font-weight: 700
        }

        .career .job-industry > p {
            margin-top: 16px;
            font-size: 14px;
            line-height: 22px;
            color: #51565e;
            margin-bottom: 32px
        }

        .career .job-industry .grow-wrap {
            display: flex;
            flex-wrap: wrap;
            justify-content: center
        }

            .career .job-industry .grow-wrap .grow-job {
                margin-top: 48px;
                box-shadow: 0px 2px 10px rgba(17,121,239,.1);
                border-radius: 4px;
                padding: 16px 50px;
                position: relative;
                width: calc(100% - 35px)
            }

                .career .job-industry .grow-wrap .grow-job .grow-info span {
                    font-size: 22px;
                    line-height: 24px;
                    color: #272c37;
                    font-weight: 700
                }

                .career .job-industry .grow-wrap .grow-job .grow-info p {
                    color: #6c7480;
                    font-size: 14px;
                    line-height: 20px;
                    margin-top: 8px;
                    text-transform: capitalize
                }

                .career .job-industry .grow-wrap .grow-job .grow-info:before {
                    content: "";
                    width: 50px;
                    height: 50px;
                    box-shadow: 0px 2px 10px rgba(17,121,239,.1);
                    background: var(--university-sprite);
                    background-position: -129px -310px;
                    position: absolute;
                    top: 16px;
                    left: -24px;
                    border-radius: 50%;
                    background: #fff
                }

                .career .job-industry .grow-wrap .grow-job .grow-info img {
                    width: 50px;
                    height: 50px;
                    position: absolute;
                    left: -23px;
                    top: 16px
                }

                .career .job-industry .grow-wrap .grow-job span.grow-source {
                    color: #848da1;
                    font-size: 12px;
                    line-height: 14px;
                    margin-top: 8px;
                    display: inline-block;
                    padding-left: 0;
                    position: absolute;
                    bottom: -24px
                }

                .career .job-industry .grow-wrap .grow-job:first-child {
                    margin-top: 0
                }

    .career .company-logo {
        margin-top: 86px
    }

        .career .company-logo div {
            margin-bottom: 40px;
            width: 50%;
            text-align: center;
            display: inline-block;
            padding: 0 20px
        }

            .career .company-logo div img {
                margin: 0;
                max-height: 60px;
                max-width: 100%;
                width: auto
            }

        .career .company-logo h3 {
            color: #272c37;
            font-size: 18px;
            font-weight: 700;
            line-height: 22px;
            margin-bottom: 40px;
            text-transform: none
        }

    .career .career-wrap .DownloadJobAssitBrochure {
        display: none
    }

        .career .career-wrap .DownloadJobAssitBrochure .border-btn {
            position: relative
        }

            .career .career-wrap .DownloadJobAssitBrochure .border-btn::before {
                content: "";
                width: 24px;
                height: 24px;
                display: inline-block;
                background: var(--university-sprite);
                background-position: -123px -361px;
                position: absolute;
                top: 11px;
                left: 42px
            }

    .career .career-wrap .border-btn.pg-btn {
        background: #fff;
        border: 1px solid #1179ef;
        border-radius: 4px;
        max-width: 335px;
        margin-top: 32px;
        display: inline-block
    }

        .career .career-wrap .border-btn.pg-btn a.border-btn {
            color: #1179ef;
            font-weight: 500;
            font-size: 16px;
            line-height: 42px;
            margin-top: 0;
            text-transform: capitalize;
            position: relative;
            padding-left: 40px
        }

            .career .career-wrap .border-btn.pg-btn a.border-btn::before {
                content: "";
                width: 24px;
                height: 24px;
                display: inline-block;
                background: var(--university-sprite);
                background-position: -124px -363px;
                position: absolute;
                top: 9px;
                left: 32px
            }

@media(min-width: 768px) {
    .revamp-pg .career {
        padding-bottom: 24px
    }

        .revamp-pg .career .career-left {
            padding: 48px 40px;
            margin-top: 40px;
            background: linear-gradient(139.33deg, #1879E8 18.8%, #1CA9F1 100%)
        }

            .revamp-pg .career .career-left h3 + span {
                font-size: 16px;
                line-height: 26px;
                margin-top: 24px;
                max-width: 499px
            }

            .revamp-pg .career .career-left a.btn {
                margin-top: 38px;
                display: inline-block
            }

        .revamp-pg .career .career-right {
            margin-top: 40px
        }

            .revamp-pg .career .career-right .career-support .career-img {
                margin-right: 0
            }

                .revamp-pg .career .career-right .career-support .career-img img {
                    width: 222px;
                    height: 125px
                }

            .revamp-pg .career .career-right .career-support .career-info {
                width: calc(100% - 368px);
                display: inline-block;
                padding-left: 30px
            }

                .revamp-pg .career .career-right .career-support .career-info h4 {
                    font-size: 18px
                }

            .revamp-pg .career .career-right a.border-btn {
                display: inline-block;
                margin-top: 40px
            }

        .revamp-pg .career .job-industry .grow-job span.grow-source {
            padding-left: 0;
            left: 52px
        }

        .revamp-pg .career .career-wrap .career-left div.border-btn {
            margin: 38px 0 auto
        }

            .revamp-pg .career .career-wrap .career-left div.border-btn a {
                margin-top: 0
            }

        .revamp-pg .career .company-logo div {
            width: auto;
            text-align: left;
            padding-left: 0;
            padding-right: 0;
            margin-right: 55px;
            vertical-align: middle
        }

            .revamp-pg .career .company-logo div img {
                max-height: 60px
            }

        .revamp-pg .career h2 {
            font-size: 28px;
            line-height: 32px
        }

        .revamp-pg .career .job-industry {
            margin-top: 64px
        }

            .revamp-pg .career .job-industry .grow-wrap {
                margin-top: 32px
            }

        .revamp-pg .career .border-btn.pg-btn {
            max-width: 316px
        }

            .revamp-pg .career .border-btn.pg-btn a {
                font-size: 18px
            }

                .revamp-pg .career .border-btn.pg-btn a::before {
                    left: 0
                }

        .revamp-pg .career .career-wrap .border-btn.pg-btn a.border-btn:hover {
            color: #fff;
            border: 1px solid #1179ef;
            background: #1179ef;
            max-width: 335px
        }
}

@media(min-width: 768px)and (max-width: 991px) {
    .revamp-pg .career .job-industry .grow-job {
        width: 216px;
        margin-top: 24px;
        display: inline-block;
        padding-left: 0;
        text-align: center;
        margin-right: 30px;
        vertical-align: top;
        padding: 44px 16px 16px 20px
    }

        .revamp-pg .career .job-industry .grow-job .grow-info::before {
            top: -28px;
            left: 86px
        }

        .revamp-pg .career .job-industry .grow-job .grow-info p {
            text-transform: none
        }

        .revamp-pg .career .job-industry .grow-job .grow-info .grow-source {
            padding-left: 0
        }

        .revamp-pg .career .job-industry .grow-job .grow-info img {
            left: 86px;
            top: -27px
        }

        .revamp-pg .career .job-industry .grow-job:first-child {
            margin-top: 24px
        }

        .revamp-pg .career .job-industry .grow-job:last-child {
            margin-right: 0
        }
}

@media(min-width: 992px) {
    .revamp-pg .career .job-industry .grow-job {
        width: 288px;
        display: inline-block;
        margin-right: 48px
    }

        .revamp-pg .career .job-industry .grow-job .grow-info span {
            font-size: 28px;
            line-height: 33px
        }

        .revamp-pg .career .job-industry .grow-job .grow-info p {
            margin-top: 12px
        }

        .revamp-pg .career .job-industry .grow-job .grow-info::before {
            top: 28px
        }

        .revamp-pg .career .job-industry .grow-job .grow-info img {
            top: 28px
        }

        .revamp-pg .career .job-industry .grow-job span.grow-source {
            padding-left: 0
        }

        .revamp-pg .career .job-industry .grow-job:first-child {
            margin-top: 24px
        }

        .revamp-pg .career .job-industry .grow-job:last-child {
            margin-right: 0
        }

    .revamp-pg .career .job-industry p {
        max-width: 780px
    }

    .revamp-pg .career .company-logo h3 {
        font-size: 24px;
        line-height: 32px
    }

    .revamp-pg .career .career-wrap .DownloadJobAssitBrochure {
        display: block
    }

    .revamp-pg .career .career-wrap .border-btn.pg-btn {
        display: none
    }

    .revamp-pg .learner-profile .batch-profile .tab ul li .tabcontent .industry {
        padding: 24px 20px 40px 0
    }

    .revamp-pg .career .career-right .career-support .career-info {
        width: calc(100% - 652px)
    }

    .revamp-pg .career .job-industry {
        margin-top: 72px
    }

        .revamp-pg .career .job-industry .grow-job:first-child, .revamp-pg .career .job-industry .grow-job {
            margin-top: 0
        }

    .career .company-logo {
        margin-top: 100px
    }

        .career .company-logo h3 {
            margin-top: 0
        }
}

@media(min-width: 1200px) {
    .revamp-pg .career h2 {
        font-size: 32px;
        line-height: 37px;
        margin-bottom: 8px
    }

    .revamp-pg .career .career-left {
        width: 396px;
        height: 432px;
        display: inline-block;
        margin-top: 32px;
        height: 376px
    }

    .revamp-pg .career .career-wrap .career-right {
        width: calc(100% - 430px);
        display: inline-block;
        vertical-align: top;
        margin-left: 34px;
        margin-top: 0
    }

        .revamp-pg .career .career-wrap .career-right a.border-btn {
            display: none
        }

        .revamp-pg .career .career-wrap .career-right .career-support {
            margin-top: 32px
        }

    .revamp-pg .career .career-wrap .career-left {
        padding: 42px 32px
    }

        .revamp-pg .career .career-wrap .career-left h3.career-title {
            font-size: 24px;
            line-height: 36px;
            max-width: 224px
        }

        .revamp-pg .career .career-wrap .career-left a.btn {
            margin-top: 64px
        }

    .revamp-pg .career .career-wrap .career-right-us {
        margin-top: 8px
    }

        .revamp-pg .career .career-wrap .career-right-us .career-support {
            margin-top: 24px
        }

            .revamp-pg .career .career-wrap .career-right-us .career-support .career-img img {
                width: 135px;
                height: 76px
            }

    .revamp-pg .career .career-wrap .career-support {
        margin-top: 40px
    }

    .revamp-pg .career .job-industry h5 {
        font-size: 24px;
        line-height: 32px
    }

    .revamp-pg .career .job-industry .grow-job {
        width: 335px;
        display: inline-block;
        margin-right: 55px;
        padding: 16px 19px 16px 50px
    }

        .revamp-pg .career .job-industry .grow-job .grow-info::before {
            top: 22px
        }

        .revamp-pg .career .job-industry .grow-job .grow-info img {
            top: 22px
        }

    .revamp-pg .career .career-right .career-support .career-info {
        width: calc(100% - 370px);
        padding-left: 20px
    }
}

@media(max-width: 767px) {
    .career .career-left {
        margin-bottom: 40px
    }
}

@media(min-width: 768px)and (max-width: 991px) {
    .revamp-pg .career .job-industry .grow-job span.grow-source {
        left: 0;
        right: 0
    }
}

.revamp-pg .alumini-review {
    position: relative
}

    .revamp-pg .alumini-review::before {
        content: "";
        display: inline-block;
        width: 76px;
        height: 64px;
        background: url("/assets/image/review-shape.svgz") no-repeat;
        background-size: 100%;
        position: absolute;
        top: 22px;
        left: -15px
    }

.revamp-pg a.remove-anim {
    cursor: default
}

.revamp-pg div.reviews {
    background: #fff;
    padding-bottom: 56px
}

    .revamp-pg div.reviews .container {
        padding-left: 15px
    }

    .revamp-pg div.reviews .alumini-review {
        padding-right: 15px
    }

        .revamp-pg div.reviews .alumini-review h2 {
            color: #272c37;
            font-size: 24px;
            line-height: 28px;
            letter-spacing: 1px
        }

        .revamp-pg div.reviews .alumini-review .bootcamp-right {
            margin: auto;
            padding-bottom: 6px;
            border-radius: 4px;
            position: relative;
            width: 100%;
            max-width: 345px
        }

            .revamp-pg div.reviews .alumini-review .bootcamp-right a {
                max-width: 345px;
                height: 194px;
                overflow: hidden;
                background: rgba(0,0,0,0)
            }

                .revamp-pg div.reviews .alumini-review .bootcamp-right a span.tumbnail-img {
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                    border-radius: 4px;
                    background-size: 100% !important;
                    position: absolute
                }

                .revamp-pg div.reviews .alumini-review .bootcamp-right a::before {
                    z-index: 9999
                }

                .revamp-pg div.reviews .alumini-review .bootcamp-right a .video-banner iframe {
                    width: 100%;
                    height: 200px;
                    position: absolute;
                    z-index: 99999
                }

                .revamp-pg div.reviews .alumini-review .bootcamp-right a::before, .revamp-pg div.reviews .alumini-review .bootcamp-right a::after {
                    background: var(--university-sprite);
                    background-position: -129px -310px
                }

                .revamp-pg div.reviews .alumini-review .bootcamp-right a::before {
                    background-position: -35px -35px;
                    width: 40px;
                    height: 40px
                }

                .revamp-pg div.reviews .alumini-review .bootcamp-right a::after {
                    background-position: -10px -10px;
                    width: 90px;
                    height: 90px
                }

    .revamp-pg div.reviews h3.profile-title {
        color: #272c37;
        margin: 56px 0 24px;
        font-size: 18px;
        line-height: 21px;
        text-transform: none;
        font-weight: 700
    }

    .revamp-pg div.reviews .review-card {
        text-align: left;
        border: 1px solid #e9f2ff
    }

        .revamp-pg div.reviews .review-card a.profile {
            width: 90px;
            height: 90px;
            border-radius: 4px;
            margin: 0;
            display: inline-block;
            pointer-events: none;
            overflow: hidden;
            box-shadow: 0px 10px 20px rgba(141,169,188,.2)
        }

            .revamp-pg div.reviews .review-card a.profile img {
                border-radius: 4px;
                height: auto
            }

            .revamp-pg div.reviews .review-card a.profile::after {
                display: none
            }

        .revamp-pg div.reviews .review-card .info {
            display: inline-block;
            vertical-align: top;
            padding-left: 12px;
            width: calc(100% - 90px);
            padding-top: 2px
        }

            .revamp-pg div.reviews .review-card .info h3 {
                margin-top: 0;
                font-weight: 500;
                font-size: 14px;
                line-height: 16px;
                color: #272c37
            }

            .revamp-pg div.reviews .review-card .info span {
                font-size: 14px;
                line-height: 16px;
                color: #6c7480;
                margin-top: 8px
            }

                .revamp-pg div.reviews .review-card .info span.stars {
                    margin-top: 10px;
                    display: block;
                    height: 14px;
                    background-position: -88px -59px
                }

                    .revamp-pg div.reviews .review-card .info span.stars .star_in {
                        margin-top: 0;
                        background-position: -88px -37px;
                        height: 14px
                    }

            .revamp-pg div.reviews .review-card .info img {
                margin-top: 20px;
                max-height: 22px
            }

        .revamp-pg div.reviews .review-card .client-brands {
            margin-top: 16px
        }

        .revamp-pg div.reviews .review-card p {
            margin-top: 32px;
            font-size: 14px;
            line-height: 22px;
            color: #51565e
        }

        .revamp-pg div.reviews .review-card a.lkin {
            display: inline-block;
            margin-top: 6px;
            width: 20px;
            height: 16px;
            background: var(--sub-course-sprite) no-repeat;
            background-position: -169px -332px;
            vertical-align: top
        }

@media(max-width: 767px) {
    .reviews .pg-alumini ul li {
        max-width: 355px;
        width: 100%
    }

        .reviews .pg-alumini ul li .alumini-review {
            padding-right: 0;
            width: 335px
        }

            .reviews .pg-alumini ul li .alumini-review::before {
                display: none
            }

    .reviews .pg-alumini .reviews {
        padding-bottom: 0
    }
}

@media(min-width: 768px) {
    .revamp-pg div.reviews {
        padding-bottom: 64px
    }

        .revamp-pg div.reviews .container {
            padding-left: 30px
        }

        .revamp-pg div.reviews .alumini-review .bootcamp-right {
            display: inline-block;
            max-width: 555px
        }

            .revamp-pg div.reviews .alumini-review .bootcamp-right::before {
                bottom: 32px;
                height: 96px;
                width: 310px;
                clip-path: polygon(100% 100%, 0% 110%, 0% -258%)
            }

            .revamp-pg div.reviews .alumini-review .bootcamp-right a.play-anim {
                min-width: 555px;
                height: 348px;
                overflow: hidden
            }

            .revamp-pg div.reviews .alumini-review .bootcamp-right a .video-banner iframe {
                height: 354px
            }

        .revamp-pg div.reviews .ul-iners ul li {
            width: 369px
        }

            .revamp-pg div.reviews .ul-iners ul li .review-card {
                width: 339px;
                padding: 24px 15px 32px 15px
            }

                .revamp-pg div.reviews .ul-iners ul li .review-card .info {
                    padding-left: 20px
                }

        .revamp-pg div.reviews .alumini-review h2 {
            font-size: 28px;
            line-height: 33px
        }

        .revamp-pg div.reviews .alumini-review .bootcamp-right a .review-info::after {
            width: 310px;
            height: 96px;
            bottom: -12px
        }

        .revamp-pg div.reviews div.pg-alumini .alumini-slide ul li {
            width: 100%
        }

            .revamp-pg div.reviews div.pg-alumini .alumini-slide ul li div.alumini-review {
                padding-right: 0;
                width: 100%
            }

                .revamp-pg div.reviews div.pg-alumini .alumini-slide ul li div.alumini-review::before {
                    display: none
                }

        .revamp-pg div.reviews div.pg-alumini div.reviews {
            padding-bottom: 0
        }

    .revamp-pg .alumini-review h2 {
        position: relative
    }

    .revamp-pg .alumini-review::before {
        width: 100px;
        height: 84px;
        top: 18px;
        left: -20px
    }
}

@media(min-width: 992px)and (max-width: 1199px) {
    div.revamp-pg div.reviews .ul-iners ul li {
        width: 498px
    }

        div.revamp-pg div.reviews .ul-iners ul li .review-card {
            width: 464px
        }
}

@media(min-width: 992px) {
    .revamp-pg div.reviews .bootcamp-vd-info {
        display: inline-block;
        width: calc(100% - 585px);
        margin-left: 30px;
        vertical-align: top
    }

        .revamp-pg div.reviews .bootcamp-vd-info p {
            margin-top: 0;
            font-size: 16px;
            line-height: 24px;
            color: #51565e
        }

        .revamp-pg div.reviews .bootcamp-vd-info h3 {
            font-size: 18px;
            line-height: 21px;
            color: #272c37;
            margin-top: 72px
        }

        .revamp-pg div.reviews .bootcamp-vd-info span {
            font-size: 16px;
            line-height: 19px;
            color: #848da1;
            margin-top: 14px;
            display: block
        }

        .revamp-pg div.reviews .bootcamp-vd-info img {
            margin-top: 26px;
            display: block
        }

    .revamp-pg div.reviews .ul-iners ul li {
        width: 585px
    }

        .revamp-pg div.reviews .ul-iners ul li .review-card {
            width: 555px
        }

    .revamp-pg div.reviews .alumini-review h2 {
        font-size: 32px;
        line-height: 37px
    }

    .revamp-pg div.reviews div.review-card .info span.stars {
        margin-top: 28px
    }

    .revamp-pg div.reviews .alumini-review .bootcamp-right a::before {
        width: 60px;
        height: 60px;
        background-position: -133px -35px
    }

    .revamp-pg div.reviews .alumini-review .bootcamp-right a::after {
        background-position: -120px -20px
    }

    .revamp-pg div.reviews h3.profile-title {
        font-size: 24px;
        line-height: 32px
    }
}

@media(min-width: 1200px) {
    .revamp-pg .alumini-review::before {
        width: 160px;
        height: 132px;
        top: 8px;
        left: -134px
    }

    .revamp-pg div.reviews .ul-iners ul li .review-card .info span.stars {
        margin-top: 16px
    }
}

@media(max-width: 991px) {
    .bootcamp-vd-info {
        max-width: 600px;
        margin-top: 40px
    }

        .bootcamp-vd-info p {
            margin-top: 0;
            font-size: 16px;
            line-height: 24px
        }

        .bootcamp-vd-info h3 {
            margin-top: 32px;
            font-size: 18px;
            line-height: 21px
        }

        .bootcamp-vd-info span {
            display: block;
            margin-top: 14px;
            font-size: 16px;
            color: #6c7480;
            line-height: 19px
        }

        .bootcamp-vd-info img {
            margin-top: 28px;
            display: block;
            max-height: 60px
        }
}

@media(max-width: 520px) {
    .revamp-pg div.reviews .alumini-review .bootcamp-right {
        max-width: 100%
    }

        .revamp-pg div.reviews .alumini-review .bootcamp-right a {
            max-width: 100%
        }
}

@media(max-width: 767px) {
    .bootcamp-vd-info {
        margin-top: 24px
    }

        .bootcamp-vd-info p {
            font-size: 14px;
            line-height: 22px
        }
}

.revamp-pg .admission {
    padding-bottom: 56px;
    background: #f8fbff
}

    .revamp-pg .admission h2 {
        color: #272c37;
        font-size: 24px;
        line-height: 28px;
        letter-spacing: 1px
    }

        .revamp-pg .admission h2 b {
            font-weight: normal
        }

    .revamp-pg .admission .adm-process h3 {
        color: #272c37;
        margin-top: 24px;
        font-size: 18px;
        line-height: 21px;
        text-transform: capitalize;
        font-weight: 700
    }

    .revamp-pg .admission .adm-process .col-md-4 {
        padding: 16px 20px 32px;
        margin-top: 16px;
        box-shadow: 0px 3px 10px rgba(40,109,245,.1)
    }

        .revamp-pg .admission .adm-process .col-md-4::before {
            display: none
        }

        .revamp-pg .admission .adm-process .col-md-4 span {
            margin-top: 0;
            text-align: left;
            font-size: 14px;
            line-height: 16px;
            color: #6c7480;
            font-weight: normal;
            text-transform: uppercase
        }

        .revamp-pg .admission .adm-process .col-md-4 .admission-icon {
            margin-top: 16px;
            width: 30px;
            height: 30px;
            display: block;
            background: var(--university-sprite);
            background-position: -20px -172px
        }

        .revamp-pg .admission .adm-process .col-md-4 h3 {
            font-weight: 500;
            font-size: 16px;
            line-height: 19px;
            margin-top: 16px;
            display: inline-block;
            text-transform: capitalize
        }

        .revamp-pg .admission .adm-process .col-md-4 p {
            margin-top: 16px;
            text-align: left;
            font-size: 14px;
            line-height: 22px;
            color: #51565e
        }

            .revamp-pg .admission .adm-process .col-md-4 p::before {
                display: none
            }

        .revamp-pg .admission .adm-process .col-md-4:nth-of-type(2) .admission-icon {
            background-position: -76px -172px
        }

        .revamp-pg .admission .adm-process .col-md-4:nth-of-type(3) .admission-icon {
            background-position: -131px -172px
        }

    .revamp-pg .admission .adm-process .admi-list {
        margin-top: 16px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .revamp-pg .admission .eligi-candidate h3 {
        margin-top: 56px;
        font-size: 18px;
        line-height: 21px;
        color: #272c37;
        text-transform: capitalize;
        font-weight: 700
    }

    .revamp-pg .admission .eligi-candidate p {
        margin-bottom: 16px;
        display: inline-block
    }

    .revamp-pg .admission .eligi-candidate .eligibility-card {
        box-shadow: 0px 2px 10px rgba(17,121,239,.1);
        border-radius: 4px;
        width: 100%;
        padding: 20px 15px 20px 48px;
        background: #fff;
        margin-top: 16px
    }

        .revamp-pg .admission .eligi-candidate .eligibility-card span {
            font-size: 14px;
            line-height: 22px;
            color: #272c37;
            position: relative;
            display: inline-block
        }

            .revamp-pg .admission .eligi-candidate .eligibility-card span::before {
                content: "";
                width: 20px;
                height: 20px;
                display: inline-block;
                background: var(--university-sprite);
                background-position: -169px -310px;
                position: absolute;
                left: -33px;
                top: 0px
            }

    .revamp-pg .admission.add-gradient {
        background: linear-gradient(180deg, #FFFFFF 0%, #F6FAFF 100%)
    }

@media(min-width: 768px) {
    .revamp-pg .admission {
        padding-bottom: 64px
    }

        .revamp-pg .admission h2 {
            font-size: 28px;
            line-height: 33px
        }

        .revamp-pg .admission .adm-process h3 {
            margin-top: 40px
        }

        .revamp-pg .admission .adm-process .col-md-4 {
            padding: 24px 15px 24px;
            box-shadow: 0px 2px 10px rgba(17,121,239,.1)
        }

            .revamp-pg .admission .adm-process .col-md-4 h3 {
                margin-top: 24px;
                font-size: 18px;
                line-height: 21px
            }

        .revamp-pg .admission .eligi-candidate h3 {
            margin-top: 48px
        }

        .revamp-pg .admission .eligi-candidate .card-wrap {
            display: flex;
            flex-wrap: wrap;
            justify-content: center
        }

            .revamp-pg .admission .eligi-candidate .card-wrap .eligibility-card {
                max-width: 216px;
                display: inline-block;
                margin-right: 30px;
                vertical-align: top;
                padding: 14px 10px 14px 40px
            }

                .revamp-pg .admission .eligi-candidate .card-wrap .eligibility-card span::before {
                    left: -30px
                }

                .revamp-pg .admission .eligi-candidate .card-wrap .eligibility-card:last-child {
                    margin-right: 0
                }
}

@media(min-width: 992px) {
    .revamp-pg .admission .eligi-candidate .card-wrap .eligibility-card {
        max-width: 300px
    }

    .revamp-pg .admission .adm-process h3 {
        font-size: 24px;
        line-height: 32px
    }

    .revamp-pg .admission .adm-process .col-md-4 h3 {
        font-size: 22px;
        line-height: 26px
    }

    .revamp-pg .admission h2 {
        font-size: 32px;
        line-height: 37px
    }

    .revamp-pg .admission .eligi-candidate h3 {
        margin-top: 72px;
        font-weight: 700;
        font-size: 24px;
        line-height: 32px
    }
}

@media(min-width: 1200px) {
    .revamp-pg .admission {
        overflow: hidden
    }

        .revamp-pg .admission .eligi-candidate .card-wrap .eligibility-card {
            max-width: 360px
        }

        .revamp-pg .admission .admi-list {
            position: relative
        }

            .revamp-pg .admission .admi-list::before {
                content: "";
                width: 505px;
                height: 323px;
                display: inline-block;
                background: url("/assets/image/polygon-left.png") no-repeat;
                position: absolute;
                left: -140px;
                top: -13px
            }

            .revamp-pg .admission .admi-list::after {
                content: "";
                width: 619px;
                height: 600px;
                display: inline-block;
                background: url("/assets/image/polygon-right.png") no-repeat;
                position: absolute;
                right: -172px;
                top: -60px
            }

        .revamp-pg .admission .adm-process h3, .revamp-pg .admission .adm-process p, .revamp-pg .admission .adm-process .col-md-4, .revamp-pg .admission .eligi-candidate {
            position: relative;
            z-index: 1
        }
}

div#dual-sticky-header {
    z-index: 111111
}

#dual-sticky-header {
    display: block;
    z-index: 2;
    top: 0;
    width: 100%;
    clear: both;
    position: relative
}

#sticky-header {
    min-height: 58px;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    top: -100px;
    position: fixed
}

div.cp-course-menu.sticky-top {
    display: block;
    position: fixed;
    top: 0 !important
}

.div.sticky-outer, div.cp-course-menu {
    display: block !important
}

@media(max-width: 991px) {
    .body-fix {
        overflow: hidden
    }

    div.cp-course-menu .EnrollNow {
        display: inline-block !important
    }

    .outOverflow {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: none;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.28)
    }

    div.cp-course-menu {
        box-shadow: none;
        background: rgba(0,0,0,0)
    }

        div.cp-course-menu .sticky-list {
            padding: 0;
            background: #fff;
            box-shadow: 0px 2px 2px rgba(0,0,0,.12);
            position: relative;
            display: block;
            width: 100%;
            padding: 14px 30px
        }

            div.cp-course-menu .sticky-list .mobile-lnk {
                font-size: 14px;
                display: inline-block;
                vertical-align: middle;
                line-height: 16px;
                color: #51565e;
                font-weight: 500;
                width: calc(100% - 123px)
            }

                div.cp-course-menu .sticky-list .mobile-lnk::after {
                    content: "";
                    width: 12px;
                    height: 8px;
                    display: inline-block;
                    background: var(--university-sprite);
                    background-position: -106px -267px;
                    margin-left: 10px;
                    vertical-align: middle;
                    transform: rotate(180deg);
                    position: relative;
                    top: -2px
                }

        div.cp-course-menu .active-overlay {
            display: block
        }

        div.cp-course-menu .small-wrap.current-nav {
            min-height: 100px;
            background: #fff;
            position: relative;
            display: inline-block;
            width: 100%
        }

            div.cp-course-menu .small-wrap.current-nav .sticy-menu-list {
                display: block
            }

            div.cp-course-menu .small-wrap.current-nav .mobile-lnk::after {
                transform: rotate(0deg)
            }

        div.cp-course-menu .sticy-menu-list {
            width: 100%;
            position: absolute;
            top: 73px;
            left: 0;
            background: #fff;
            padding: 0 30px;
            box-shadow: 0px 2px 2px rgba(0,0,0,.12);
            display: none
        }

            div.cp-course-menu .sticy-menu-list a {
                display: block;
                width: 100%;
                margin: 0;
                line-height: 47px;
                font-size: 14px;
                color: #51565e;
                font-weight: 400;
                border-bottom: 1px solid rgba(189,198,217,.4);
                padding: 0
            }

                div.cp-course-menu .sticy-menu-list a::after {
                    display: none
                }

                div.cp-course-menu .sticy-menu-list a:last-child {
                    border-bottom: 0
                }

                div.cp-course-menu .sticy-menu-list a.active {
                    font-weight: 500
                }

        div.cp-course-menu .EnrollNow {
            float: inherit;
            vertical-align: middle
        }

            div.cp-course-menu .EnrollNow .btn {
                margin-top: 0;
                width: 123px;
                line-height: 42px;
                border-radius: 4px;
                font-size: 14px;
                font-weight: 400;
                text-transform: capitalize
            }

            div.cp-course-menu .EnrollNow .opt-btn {
                margin-top: 0
            }
}

@media(max-width: 767px) {
    div.cp-course-menu .sticky-list {
        padding: 8px 15px
    }

        div.cp-course-menu .sticky-list .mobile-lnk {
            width: calc(100% - 103px)
        }

    div.cp-course-menu .sticy-menu-list {
        top: 51px;
        padding: 0 15px
    }

    div.cp-course-menu .EnrollNow .btn {
        width: 103px;
        line-height: 32px
    }

    div.cp-course-menu .EnrollNow button.btn {
        width: 209px
    }
}

div.sticky-outer, div.cp-course-menu {
    display: block
}

div.cp-course-menu {
    display: none
}

    div.cp-course-menu.sticky-top {
        display: block
    }

div.sticky-outer {
    height: auto
}

@media(min-width: 992px) {
    .mobile-lnk {
        display: none
    }
}

@media(min-width: 992px)and (max-width: 1199px) {
    .sticky-header-wrapper .container {
        padding: 0 20px
    }

    .purdue-master div.cp-course-menu a {
        padding: 0 2px
    }

    .revamp-pg .cp-course-menu .EnrollNow {
        display: inline-block !important
    }

        .revamp-pg .cp-course-menu .EnrollNow .btn {
            width: 120px
        }
}

.dream-job {
    padding-bottom: 56px
}

    .dream-job h2 {
        margin-top: 56px;
        color: #272c37;
        font-size: 24px;
        line-height: 28px;
        letter-spacing: 1px
    }

    .dream-job p {
        color: #51565e;
        margin-top: 16px;
        font-size: 14px;
        line-height: 22px
    }

    .dream-job .placement {
        font-size: 18px;
        color: #272c37;
        margin-top: 40px;
        font-weight: 700;
        line-height: 24px
    }

        .dream-job .placement h3 {
            font-size: 18px;
            line-height: 24px;
            text-transform: capitalize
        }

        .dream-job .placement .card {
            padding: 20px 25px;
            border-radius: 4px;
            margin-top: 16px;
            position: relative;
            border: 1px solid #e9f2ff;
            box-shadow: 0px 2px 10px rgba(17,121,239,.1)
        }

            .dream-job .placement .card::before {
                content: "";
                width: 5px;
                height: 100%;
                background: rgb(211 175 0 / 64%);
                display: inline-block;
                position: absolute;
                top: 0;
                left: 0
            }

            .dream-job .placement .card p {
                margin-top: 0;
                font-size: 14px;
                line-height: 16px;
                color: #51565e
            }

            .dream-job .placement .card span {
                font-size: 28px;
                line-height: 33px;
                color: #1179ef;
                font-weight: 700;
                margin-top: 16px;
                display: inline-block
            }

    .dream-job .companies h3 {
        color: #272c37;
        margin-top: 48px;
        font-size: 18px;
        line-height: 24px;
        text-transform: capitalize
    }

    .dream-job .companies .company-cards {
        border: 1px solid #e9f2ff;
        box-shadow: 0px 2px 10px rgba(17,121,239,.1);
        border-radius: 4px;
        margin-top: 16px;
        padding: 32px 24px 0
    }

        .dream-job .companies .company-cards .fsd-company-logo {
            width: 50%;
            display: inline-block;
            text-align: center;
            margin-bottom: 40px;
            padding: 0 20px;
            height: 50px
        }

            .dream-job .companies .company-cards .fsd-company-logo img {
                margin: 0;
                max-height: 50px;
                max-width: 100%;
                width: auto
            }

.revamp-pg div.whyjoin {
    background: linear-gradient(180deg, #ffffff 0%, rgba(247, 250, 255, 0) 100%)
}

@media(min-width: 768px) {
    .dream-job h2 {
        margin-top: 64px;
        font-size: 28px;
        line-height: 33px
    }

    .dream-job .placement h3 {
        font-size: 20px;
        line-height: 23px;
        margin-top: 40px
    }

    .dream-job .placement .card {
        width: calc(100% - 504px);
        margin-right: 30px;
        display: inline-block
    }

        .dream-job .placement .card:last-child {
            margin-right: 0
        }

    .dream-job .companies h3 {
        margin-top: 56px;
        font-size: 20px;
        line-height: 23px
    }

    .dream-job .companies .company-cards .fsd-company-logo {
        width: 25%;
        margin-bottom: 30px
    }
}

@media(min-width: 992px) {
    .dream-job {
        padding-bottom: 64px
    }

        .dream-job h2 {
            font-size: 32px;
            line-height: 37px
        }

        .dream-job .placement {
            margin-top: 48px;
            width: 360px;
            display: inline-block;
            margin-right: 30px
        }

            .dream-job .placement h3 {
                font-size: 24px;
                line-height: 28px;
                font-weight: 700;
                margin-top: 0;
                padding-bottom: 4px
            }

            .dream-job .placement .card {
                width: 100%;
                margin-right: 0;
                margin-top: 20px
            }

                .dream-job .placement .card p {
                    font-size: 16px;
                    line-height: 19px
                }

                .dream-job .placement .card span {
                    font-size: 30px;
                    line-height: 35px
                }

        .dream-job .companies {
            margin-top: 48px;
            width: calc(100% - 390px);
            display: inline-block;
            margin-right: 0;
            vertical-align: top
        }

            .dream-job .companies h3 {
                font-size: 24px;
                line-height: 28px;
                font-weight: 700;
                margin-top: 0
            }

            .dream-job .companies .company-cards {
                padding: 40px 40px 0;
                margin-top: 24px;
                min-height: 376px
            }

                .dream-job .companies .company-cards .fsd-company-logo {
                    margin-bottom: 22px
                }
}

.growth-wrap {
    background-color: #f7faff;
    background: linear-gradient(180deg, #F7FAFF 0.47%, rgba(247, 250, 255, 0) 95.75%);
    display: inline-block;
    width: 100%;
    padding-bottom: 56px
}

.growth-info img, .prof-card img {
    max-height: 50px;
    width: auto;
    height: auto
}

.pg-growth #embeddedYTVideo .video-banner {
    height: 100%;
    width: 100%;
    position: absolute
}

    .pg-growth #embeddedYTVideo .video-banner iframe {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 9999
    }

.prof-card {
    background: #fff
}

.got-placed-logo {
    display: inline-block;
    min-height: 85px;
    width: 100%
}

.growth-list-wrap .prof-card .head .pic img {
    max-height: initial
}

.career-slider a.play-anim {
    background: rgba(0,0,0,0);
    box-shadow: 2px 4px 13px rgba(17,121,239,.1);
    background-size: 100% 100%;
    border-radius: 4px
}

    .career-slider a.play-anim img {
        height: 100%;
        width: auto;
        border-radius: 4px
    }

.growth-container {
    padding-right: 0;
    margin-top: 32px
}

    .growth-container .growth-list-wrap .ul-iners {
        padding-left: 7px
    }

    .growth-container .from-to {
        margin-top: 8px
    }

        .growth-container .from-to div {
            margin-top: 24px
        }

            .growth-container .from-to div span {
                font-size: 16px;
                line-height: 20px;
                font-weight: 500;
                display: inline-block;
                color: #272c37;
                width: 100%;
                margin-bottom: 15px
            }

            .growth-container .from-to div:nth-child(2)::before {
                content: "";
                width: 14px;
                height: 24px;
                display: block;
                margin-top: 16px;
                margin-bottom: 24px;
                background: url("/assets/image/jg-arrow-down.svgz") no-repeat;
                margin-left: 10px
            }

    .growth-container .hike {
        margin-top: 40px;
        position: relative;
        padding-left: 30px;
        font-size: 18px;
        line-height: 22px;
        color: #272c37;
        font-weight: 500;
        display: inline-block
    }

        .growth-container .hike::before {
            width: 20px;
            height: 20px;
            display: inline-block;
            content: "";
            background: url("/assets/image/hike.svgz") no-repeat;
            position: absolute;
            left: 0
        }

    .growth-container .growth-info p {
        font-size: 14px;
        line-height: 22px;
        color: #51565e
    }

    .growth-container .growth-info .name {
        display: inline-block;
        width: 100%;
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        color: #272c37;
        margin-top: 16px
    }

    .growth-container .prof-card .from-to {
        margin-top: 0
    }

        .growth-container .prof-card .from-to div {
            margin-top: 0
        }

            .growth-container .prof-card .from-to div:nth-child(2) {
                margin-top: 24px
            }

    .growth-container .prof-card div.hike {
        font-size: 16px;
        line-height: 18px;
        margin-top: 40px
    }

.growth-list-wrap {
    margin-top: 48px;
    display: inline-block;
    width: 100%
}

    .growth-list-wrap .prof-card {
        width: 300px;
        box-shadow: 2px 4px 13px rgba(17,121,239,.1);
        border-radius: 6px;
        height: 100%
    }

        .growth-list-wrap .prof-card .head {
            background: rgba(17,121,239,.07);
            display: inline-block;
            width: 100%;
            padding-left: 20px;
            position: relative
        }

            .growth-list-wrap .prof-card .head::after {
                content: "";
                width: 100%;
                height: 2px;
                display: inline-block;
                background: rgba(17,121,239,.32);
                position: absolute;
                bottom: 0;
                left: 0
            }

            .growth-list-wrap .prof-card .head .pic {
                width: 80px;
                height: 80px;
                display: inline-block;
                box-shadow: 0px 2px 10px rgba(0,0,0,.1);
                border-radius: 6px;
                overflow: hidden;
                vertical-align: middle;
                position: relative;
                top: 14px;
                z-index: 1
            }

                .growth-list-wrap .prof-card .head .pic img {
                    width: 100%
                }

            .growth-list-wrap .prof-card .head h4 {
                width: calc(100% - 80px);
                padding-left: 20px;
                font-size: 18px;
                line-height: 21px;
                font-weight: 500;
                color: #272c37;
                vertical-align: middle;
                display: inline-block
            }

        .growth-list-wrap .prof-card .from-to {
            padding-top: 58px;
            padding-left: 20px;
            padding-bottom: 26px
        }

        .growth-list-wrap .prof-card .hike {
            display: inline-block;
            font-size: 16px
        }

    .growth-list-wrap .ul-iners ul li {
        max-width: 320px;
        width: 320px
    }

@media(min-width: 768px) {
    .growth-wrap {
        padding-bottom: 64px
    }

    .career-slider a.play-anim {
        width: 555px;
        height: 348px
    }

    .career-slider .ul-iners ul li {
        width: 660px
    }

        .career-slider .ul-iners ul li .growth-card {
            width: 555px
        }

    .growth-container .growth-info .from-to div {
        display: inline-block
    }

        .growth-container .growth-info .from-to div:nth-child(2) {
            position: relative;
            padding-left: 100px;
            vertical-align: top
        }

            .growth-container .growth-info .from-to div:nth-child(2)::before {
                width: 42px;
                height: 16px;
                display: inline-block;
                position: absolute;
                left: 30px;
                top: 5px;
                background: url("/assets/image/arro-left.svgz") no-repeat;
                margin: 0
            }

        .growth-container .growth-info .from-to div span {
            width: auto;
            display: block
        }

    .growth-container .growth-info .from-to {
        margin-top: 16px
    }

    .growth-list-wrap .ul-iners ul li {
        max-width: 370px;
        width: 370px
    }

    .growth-list-wrap .prof-card {
        width: 340px
    }
}

@media(min-width: 992px) {
    div.growth-list-wrap .ul-iners ul li {
        width: 330px;
        max-width: 330px
    }

    div.growth-list-wrap .prof-card {
        width: 300px
    }
}

@media(min-width: 1200px) {
    .career-slider .ul-iners ul li {
        width: 1164px;
        max-width: 100%
    }

        .career-slider .ul-iners ul li .growth-card {
            width: 1110px;
            display: inline-block
        }

    .career-slider .intro-video {
        width: 555px;
        display: inline-block;
        vertical-align: top
    }

    .career-slider .growth-info {
        display: inline-block;
        width: calc(100% - 555px);
        vertical-align: top;
        padding-left: 40px
    }

    .growth-container .growth-info p {
        font-size: 16px;
        line-height: 24px
    }

    div.growth-list-wrap .ul-iners ul li {
        width: 390px;
        max-width: 390px
    }

    div.growth-list-wrap .prof-card {
        width: 360px
    }
}

@media(max-width: 767px) {
    .growth-wrap h2 {
        position: relative
    }

        .growth-wrap h2::before {
            content: "";
            display: inline-block;
            width: 76px;
            height: 64px;
            background: url("https://www.Simplidatatech.com/ice9/JG/cote-2.png") no-repeat;
            background-size: 100% 100%;
            position: absolute;
            top: 22px;
            left: -14px
        }

    div.revamp-pg .whyjoin h2 {
        line-height: 28px
    }

    .career-slider .ul-iners ul li {
        width: 380px;
        max-width: 380px
    }

        .career-slider .ul-iners ul li .growth-card {
            display: inline-block;
            width: 345px
        }
}

@media(min-width: 768px)and (max-width: 991px) {
    .growth-card .growth-info {
        padding-top: 40px;
        position: relative
    }

        .growth-card .growth-info p {
            position: relative;
            margin-top: 0
        }

    .growth-container {
        margin-right: 0
    }
}

@media(min-width: 768px) {
    .growth-card .growth-info {
        position: relative
    }

        .growth-card .growth-info::before {
            content: "";
            display: inline-block;
            width: 54px;
            height: 44px;
            background: url("https://www.Simplidatatech.com/ice9/JG/cote-2.png") no-repeat;
            background-size: 100% 100%;
            position: absolute;
            top: 20px;
            left: 0px
        }

        .growth-card .growth-info p {
            position: relative
        }
}

@media(min-width: 992px) {
    .growth-card .growth-info::before {
        top: -2px;
        left: 21px
    }

    .growth-card .growth-info p {
        position: relative
    }
}

@media(min-width: 992px)and (max-width: 1199px) {
    .career-slider .ul-iners ul li {
        width: 510px;
        max-width: 510px
    }

        .career-slider .ul-iners ul li .growth-card {
            width: 460px
        }

    .growth-card .growth-info::before {
        top: -20px;
        left: -1px
    }
}

.enterpriseresourse {
    padding-bottom: 32px;
    background: #f8fbff
}

    .enterpriseresourse .container {
        padding-right: 0
    }

    .enterpriseresourse h2 {
        margin-top: 0;
        padding-top: 48px;
        font-size: 24px;
        line-height: 34px;
        letter-spacing: 1px
    }

    .enterpriseresourse ul {
        margin-top: 24px
    }

        .enterpriseresourse ul li {
            display: inline-block;
            width: 284px;
            padding-right: 24px
        }

            .enterpriseresourse ul li a.card {
                height: 100%;
                overflow: hidden;
                transition: all .4s ease;
                background: #fff;
                display: inline-block;
                padding-bottom: 18px;
                box-shadow: 0px 0px 4px rgba(0,0,0,.1);
                border-radius: 4px;
                position: relative
            }

                .enterpriseresourse ul li a.card .card-img {
                    width: 100%;
                    height: 154px;
                    overflow: hidden;
                    border-radius: 4px 4px 0 0
                }

                    .enterpriseresourse ul li a.card .card-img img {
                        width: 100%;
                        height: auto
                    }

                .enterpriseresourse ul li a.card .card-content {
                    margin-top: 24px;
                    font-size: 18px;
                    line-height: 28px;
                    font-weight: 500;
                    color: #272c37;
                    padding: 0 15px;
                    position: relative
                }

                    .enterpriseresourse ul li a.card .card-content span.content-title {
                        font-size: 18px;
                        line-height: 28px;
                        font-weight: 500;
                        color: #272c37;
                        margin-bottom: 48px;
                        display: inline-block
                    }

                .enterpriseresourse ul li a.card span.label {
                    font-size: 14px;
                    line-height: 16px;
                    color: #6c7480;
                    text-transform: uppercase;
                    position: absolute;
                    bottom: 16px;
                    left: 15px
                }

                .enterpriseresourse ul li a.card span.article {
                    text-transform: capitalize;
                    font-size: 14px;
                    line-height: 16px;
                    color: #6c7480;
                    position: absolute;
                    right: 15px;
                    bottom: 16px
                }

                .enterpriseresourse ul li a.card:hover {
                    box-shadow: 0 2px 15px 0 rgba(0,0,0,.12);
                    -webkit-box-shadow: 0 2px 15px 0 rgba(0,0,0,.12)
                }

@media(max-width: 991px) {
    .enterpriseresourse .container {
        width: 100%
    }
}

@media(min-width: 768px) {
    .enterpriseresourse {
        padding-top: 64px
    }

        .enterpriseresourse h2 {
            margin-top: 0;
            padding-top: 0;
            font-size: 32px;
            line-height: 38px
        }
}

@media(min-width: 992px) {
    .enterpriseresourse h2 {
        font-size: 32px;
        line-height: 38px
    }
}

@media(min-width: 992px) {
    .enterpriseresourse ul li {
        width: 290px
    }
}

div.btn {
    text-transform: inherit
}

div.ebook-modal.course-popup .modal-body {
    padding: 40px 30px
}

div.ebook-modal a.close {
    position: absolute;
    color: #fff;
    font-weight: 400;
    font-size: 22px;
    margin-top: 0;
   /* background: url("/assets/image/ref-earn-sprite-blue.svgz") no-repeat;
    background-position: -75px -9px;
    top: 0px;*/
    right: 0px;
    width: 48px;
    height: 48px;
    text-indent: -99999px;
    z-index: 55555
}

.new-thanks .query_thanks {
    position: absolute;
    top: 0;
    background: #fff;
    left: 0;
    right: 0;
    z-index: 22222;
    border-radius: 4px;
    padding: 22px 16px 24px
}

    .new-thanks .query_thanks p.success_text {
        text-align: center;
        margin: 0px
    }

        .new-thanks .query_thanks p.success_text .downloading-text {
            font-weight: 500;
            font-size: 16px;
            line-height: 150%;
            text-align: center;
            color: #369470;
            padding: 0 40px
        }

        .new-thanks .query_thanks p.success_text b {
            color: #272c37;
            font-size: 22px;
            display: block;
            font-weight: 500;
            margin-bottom: 20px
        }

        .new-thanks .query_thanks p.success_text span {
            font-size: 16px;
            line-height: 20px;
            display: block;
            font-weight: 400;
            color: #51565e
        }

        .new-thanks .query_thanks p.success_text .refer-data {
            background: url("/assets/image/refer_and_earn_popup_mob_v_1.svgz") no-repeat;
            margin-top: 22px;
            padding: 136px 16px 24px;
            border-radius: 4px
        }

            .new-thanks .query_thanks p.success_text .refer-data .refer-heading {
                font-size: 14px;
                line-height: 25px;
                text-align: center;
                text-transform: none;
                color: #272c37;
                display: inline-block;
                margin-top: 8px
            }

            .new-thanks .query_thanks p.success_text .refer-data span.refer-heading + p {
                font-weight: 700;
                font-size: 18px;
                line-height: 26px;
                text-align: center;
                color: #272c37;
                margin-top: 0;
                display: inline-block;
                vertical-align: top
            }

            .new-thanks .query_thanks p.success_text .refer-data .ref-info.dpop div span {
                font-weight: 400;
                font-size: 14px;
                line-height: 24px
            }

            .new-thanks .query_thanks p.success_text .refer-data .ref-info.dpop div:last-child {
                margin-bottom: 0
            }

        .new-thanks .query_thanks p.success_text.ban-large {
            text-align: center;
            margin: 0px
        }

            .new-thanks .query_thanks p.success_text.ban-large::before {
                width: auto;
                height: 180px;
                content: "";
                display: inherit;
                background: url("/assets/image/refer_and_earn_header_large.svgz") no-repeat;
                margin: 0px;
                background-position: center bottom
            }

            .new-thanks .query_thanks p.success_text.ban-large b {
                color: #272c37;
                font-size: 22px;
                display: block;
                font-weight: 500;
                margin-bottom: 8px;
                margin-top: 20px
            }

            .new-thanks .query_thanks p.success_text.ban-large span {
                font-size: 16px;
                line-height: 20px;
                display: block;
                font-weight: 400;
                padding: 0px 55px;
                color: #51565e
            }

            .new-thanks .query_thanks p.success_text.ban-large .refer-data {
                padding: 24px 55px
            }

                .new-thanks .query_thanks p.success_text.ban-large .refer-data .refer-heading {
                    text-align: center;
                    font-weight: 700;
                    font-size: 24px;
                    line-height: 24px;
                    color: #272c37;
                    display: contents
                }

                .new-thanks .query_thanks p.success_text.ban-large .refer-data .ref-info div {
                    width: 85%
                }

    .new-thanks .query_thanks hr.divider-break {
        margin: 24px 55px 0px
    }

    .new-thanks .query_thanks .refer-data {
        padding: 24px 55px;
        margin-top: 30px
    }

        .new-thanks .query_thanks .refer-data .refer-heading {
            text-align: center;
            font-weight: 700;
            font-size: 24px;
            line-height: 24px;
            color: #272c37;
            display: contents
        }

        .new-thanks .query_thanks .refer-data .ref-info {
            margin-top: 24px;
            margin-bottom: 10px
        }

            .new-thanks .query_thanks .refer-data .ref-info div {
                display: -webkit-inline-box;
                margin-bottom: 12px;
                text-align: left;
                width: 90%;
                word-wrap: break-word
            }

                .new-thanks .query_thanks .refer-data .ref-info div span {
                    font-weight: 400;
                    font-size: 16px;
                    line-height: 22px;
                    text-align: left;
                    margin-left: 15px;
                    color: #51565e;
                    display: table-row
                }

                    .new-thanks .query_thanks .refer-data .ref-info div span #bold-text {
                        display: contents;
                        font-size: 16px;
                        margin: 0px;
                        color: #f78d1e;
                        font-weight: 700
                    }

                .new-thanks .query_thanks .refer-data .ref-info div::before {
                    content: "";
                    background: url("/assets/image/ref-earn-sprite-blue.svgz") no-repeat;
                    background-position: -20px -20px;
                    width: 21px;
                    height: 15px;
                    display: inline-block;
                    margin-top: 6px;
                    margin-right: 12px
                }

        .new-thanks .query_thanks .refer-data div.ref-info.dpop {
            margin: 16px 0 24px
        }

        .new-thanks .query_thanks .refer-data .blue-button {
            font-size: 18px;
            font-weight: 500;
            text-align: center;
            width: 100%;
            max-width: 281px;
            line-height: 46px;
            background: #1179ef;
            border-radius: 4px;
            color: #fff;
            display: inline-block;
            margin-bottom: 0px
        }

@media(max-width: 767px) {
    .new-thanks .query_thanks p.success_text::before {
        display: none
    }

    .new-thanks .query_thanks p.success_text b {
        font-size: 18px;
        margin-bottom: 8px;
        margin-top: 28px
    }

    .new-thanks .query_thanks p.success_text span {
        font-size: 16px;
        line-height: 22px
    }

    .new-thanks .query_thanks hr.divider-break {
        margin: 15px 36px
    }

    .new-thanks .query_thanks .refer-data {
        padding: 24px 36px
    }

        .new-thanks .query_thanks .refer-data .refer-heading {
            font-size: 18px
        }

        .new-thanks .query_thanks .refer-data .ref-info {
            margin-top: 15px;
            margin-bottom: 10px
        }

            .new-thanks .query_thanks .refer-data .ref-info div {
                width: 100%
            }

                .new-thanks .query_thanks .refer-data .ref-info div span {
                    font-size: 14px;
                    line-height: 20px
                }

                    .new-thanks .query_thanks .refer-data .ref-info div span #bold-text {
                        font-size: 14px
                    }

                .new-thanks .query_thanks .refer-data .ref-info div::before {
                    vertical-align: top
                }

        .new-thanks .query_thanks .refer-data div.ref-info.dpop {
            margin-top: 18px;
            margin-bottom: 28px
        }

            .new-thanks .query_thanks .refer-data div.ref-info.dpop div span {
                width: calc(100% - 38px);
                display: inline-block;
                margin-left: 0
            }

        .new-thanks .query_thanks .refer-data .blue-button {
            font-size: 16px
        }

    .new-thanks .query_thanks p.success_text .refer-data {
        background-size: 100% 500px;
        background-repeat: no-repeat;
        padding: 24px 12px;
        vertical-align: top;
        background-clip: inherit;
        background-attachment: inherit
    }

        .new-thanks .query_thanks p.success_text .refer-data .refer-heading {
            margin-top: 140px;
            display: block
        }

        .new-thanks .query_thanks p.success_text .refer-data span.refer-heading + p {
            margin-top: 10px;
            display: block
        }
}

@media(min-width: 768px) {
    .new-thanks .query_thanks {
        padding: 24px
    }

        .new-thanks .query_thanks p.success_text span.downloading-text {
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            padding: 0 70px
        }

        .new-thanks .query_thanks p.success_text .refer-data {
            background: url("/assets/image/refer_and_earn_popup_v_1.svgz") no-repeat;
            margin-top: 30px;
            background-size: 100% 490px;
            background-repeat: no-repeat;
            padding: 160px 31px 24px
        }

            .new-thanks .query_thanks p.success_text .refer-data .refer-heading {
                font-weight: 700;
                font-size: 16px;
                line-height: 140%;
                margin-top: 0
            }

            .new-thanks .query_thanks p.success_text .refer-data span.refer-heading + p {
                font-weight: 700;
                font-size: 22px;
                line-height: 30px;
                margin-top: 12px
            }

            .new-thanks .query_thanks p.success_text .refer-data .ref-info.dpop div span {
                font-size: 16px;
                line-height: 24px
            }

            .new-thanks .query_thanks p.success_text .refer-data .blue-button {
                width: 100%;
                max-width: 311px
            }
}

@media(min-width: 1200px) {
    .new-thanks .query_thanks {
        padding: 24px
    }

        .new-thanks .query_thanks p.success_text .refer-data {
            margin-top: 24px
        }
}

.more-city-warpper {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 1px solid #dde6ed;
    border-radius: 4px;
    max-width: 945px
}

.faq-main-wrapper .city-wrap-top h2, .city-wrap-top h2 {
    color: #272c37;
    font-weight: 500;
    letter-spacing: normal;
    margin-bottom: 20px;
    margin-top: 32px
}

.more-city-tabs {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #dde6ed;
    color: #51565e;
    padding: 0;
    padding-left: 24px
}

    .more-city-tabs label {
        min-width: 84px;
        cursor: pointer;
        position: relative;
        margin: 0;
        text-align: center;
        line-height: 45px
    }

        .more-city-tabs label::after {
            position: absolute;
            content: "";
            display: inline-block;
            width: 100%;
            height: 2px;
            background: rgba(0,0,0,0);
            bottom: 0;
            left: 0
        }

.city-panels {
    min-height: 100px;
    width: 100%;
    overflow: hidden;
    padding: 0 24px;
    padding-bottom: 24px;
    padding-top: 4px
}

    .city-panels .cities {
        width: 100%;
        padding: 0
    }

    .city-panels .cities-list a {
        margin-right: 48px;
        margin-top: 16px;
        color: #272c37;
        margin-bottom: 0
    }

.city-panel {
    display: none;
    animation: fadein .8s
}

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.city-radio {
    display: none !important
}

#one:checked ~ .city-panels #one-panel, #two:checked ~ .city-panels #two-panel, #three:checked ~ .city-panels #three-panel {
    display: block
}

#one:checked ~ .more-city-tabs #one-tab, #two:checked ~ .more-city-tabs #two-tab, #three:checked ~ .more-city-tabs #three-tab {
    color: #1179ef;
    pointer-events: none
}

    #one:checked ~ .more-city-tabs #one-tab::after, #two:checked ~ .more-city-tabs #two-tab::after, #three:checked ~ .more-city-tabs #three-tab::after {
        background: #1179ef
    }

@media(max-width: 767px) {
    .city-panels .cities-list a {
        margin-right: 28px
    }
}

@media(min-width: 768px) {
    .faq-main-wrapper .city-wrap-top h2, .city-wrap-top h2 {
        font-size: 24px
    }
}