@charset "UTF-8";

@font-face {
    font-family: "HelveticaNowDisplay";
    src: url(/frontend/fonts/HelveticaNowDisplay-Regular.woff2) format("woff2"), url(../../../../../../../themes/flamingo/fonts/HelveticaNowDisplay-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "HelveticaNowDisplay";
    src: url(/frontend/fonts/HelveticaNowDisplay-Bold.woff2) format("woff2"), url(../../../../../../../themes/flamingo/fonts/HelveticaNowDisplay-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

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

.w-100 {
    width: 100%
}

.mt-0 {
    margin-top: 0 !important
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    font-weight: 400;
    line-height: 1.3;
    outline: none;
    font-family: "HelveticaNowDisplay";
    font-size: 16px;
    color: #535353;
    letter-spacing: .16px
}

h1 {
    font-size: 48px;
    font-weight: 700;
    color: #343634
}

h2 {
    font-size: 42px;
    font-weight: 700;
    color: #343634
}

h3 {
    font-size: 32px;
    font-weight: 700;
    color: #343634
}

h4 {
    font-size: 24px;
    font-weight: 700;
    color: #343634
}

h5 {
    font-size: 20px;
    font-weight: 700;
    color: #343634;
    letter-spacing: .2px
}

p {
    font-size: 16px
}

a {
    color: #535353
}

b,
strong {
    font-weight: 700
}

img {
    max-width: 100%;
    display: block;
    margin: auto
}

.wh-auto {
    width: auto;
    height: auto
}

table {
    font-family: "HelveticaNowDisplay";
    border-collapse: collapse;
    width: 100%
}

table th {
    padding: 12px;
    text-align: left;
    background-color: #f60;
    color: #fff;
    font-weight: 700;
    border: 1px solid #f60;
    border-width: 1px;
    border-style: solid;
    -o-border-image: linear-gradient(90deg, #E12333 0%, #ff6600 100%);
    border-image: linear-gradient(90deg, #E12333 0%, #ff6600 100%)
}

table th,
table td {
    border: 1px solid #ddd;
    text-align: left;
    padding: 12px;
    font-size: 16px
}

table tr:nth-child(even) {
    background-color: #f2f2f2
}

table tr:hover {
    background-color: #ddd
}

ul {
    padding-left: 24px
}

ol {
    padding-left: 24px
}

ol li {
    list-style: decimal
}

.noPadding_noListStyle {
    padding: 0
}

.noPadding_noListStyle li {
    list-style: none
}

.smallText {
    font-size: 14px
}

.xtraSmallText {
    font-size: 12px
}

.text-left {
    text-align: left !important
}

.text-center {
    text-align: center !important
}

.text-right {
    text-align: right !important
}

.italic-text {
    font-style: italic
}

.fontBold {
    font-weight: 700
}

.layout {
    display: flex
}

.layout-vertical {
    flex-direction: column
}

.layout-horizantal {
    flex-direction: row
}

.layout-item-center {
    align-items: center
}

.layout-item-flex-end {
    align-items: flex-end
}

.layout-justify-center {
    justify-content: center
}

.layout-justify-space-between {
    justify-content: space-between
}

.layout-justify-space-around {
    justify-content: space-around
}

.layout-justify-end {
    justify-content: end
}

.layout-flex-full {
    flex: 1 100%
}

.container {
    margin: 0 8%
}

.pointer-event {
    pointer-events: none
}

.breadcrumb-container {
    background-color: #f7f7f7;
    padding-top: 14px;
    padding-bottom: 13px;
    position: sticky;
    top: 116px;
    left: 0;
    right: 0;
    z-index: 2
}

.pointer-event {
    pointer-events: none
}

.topMargin {
    margin-top: 35px
}

.bottomMargin {
    margin-bottom: 50px !important
}

.topPadding {
    padding-top: 35px
}

.bottomPadding {
    padding-bottom: 35px
}

.leftContainer {
    padding-left: 8%
}

.fullContainer {
    padding: 0 8%
}

.rightContainer {
    padding-right: 8%
}

.pb-20 {
    padding-bottom: 20px
}

.pb-24 {
    padding-bottom: 24px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-24 {
    margin-bottom: 24px
}

main {
    padding-top: 116px
}

.purple-dark-bg {
    background-color: #3F2B55 !important
}

.purple-light-bg {
    background-color: #EADDF8 !important
}

.purple-light-bg span {
    color: #3F2B55 !important
}

.blue-dark-bg {
    background-color: #074A76 !important
}

.blue-light-bg {
    background-color: #DFECF5 !important
}

.blue-light-bg span {
    color: #074A76 !important
}

.orange-dark-bg {
    background-color: #FF6600 !important
}

.orange-light-bg {
    background-color: #FEE8DA !important
}

.orange-light-bg span {
    color: #FF6600 !important
}

@keyframes marquee-animation {
    from {
        transform: translateX(100%)
    }

    to {
        transform: translateX(-100%)
    }
}

.marquee-text-parent {
    padding: 10px;
    background-color: #fdf8f4;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.marquee-text-parent .marquee-text {
    transform: translateX(100%);
    animation: marquee-animation 30s linear infinite;
    white-space: nowrap
}

.marquee-text-parent .marquee-text span {
    font-weight: 700
}

.marquee-text-parent .marquee-text a {
    color: #f60;
    text-decoration: underline;
    font-weight: 700
}

.marquee-text-parent .marquee-text strong {
    color: #f60;
    font-weight: 700
}

.marquee-text-parent .marquee-text:hover {
    animation-play-state: paused
}

body.marquee_there header {
    padding-top: 44px
}

.MUJ .courseOverview .banner-section {
    background-image: url(../../../../../../../themes/flamingo/images/course-overview-banner-desktop.jpg);
    padding: 10px 0 31px 54px;
    background-size: cover;
    background-position: center
}

.MUJ .courseOverview .banner-section .banner-content {
    position: relative
}

.MUJ .courseOverview .banner-section .banner-content .left {
    padding-top: 18px;
    width: 58%
}

.MUJ .courseOverview .banner-section .banner-content .left h3 {
    color: #340F07;
    font-size: 33px
}

.MUJ .courseOverview .banner-section .banner-content .left h3 span {
    font-family: "Sabon LT Std";
    font-size: 37px;
    color: #340F07;
    font-weight: inherit;
    font-style: italic;
    line-height: 37px
}

.MUJ .courseOverview .banner-section .banner-content .left .course-fee-label {
    color: #340F07;
    font-size: 22px;
    line-height: 28px
}

.MUJ .courseOverview .banner-section .banner-content .left .acc-logos {
    display: flex;
    margin-top: 23px;
    gap: 50px
}

.MUJ .courseOverview .banner-section .banner-content .left .acc-logos .logo-item {
    display: flex;
    align-items: center
}

.MUJ .courseOverview .banner-section .banner-content .left .acc-logos .logo-item img {
    margin: 0 8px 0 0;
    width: 50px
}

.MUJ .courseOverview .banner-section .banner-content .left .acc-logos .logo-item span {
    color: #1C1C1C;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    width: 80px
}

.MUJ .courseOverview .banner-section .banner-content .left .download-brochure-btn {
    padding: 14px 18px;
    background-color: #340F07;
    border-radius: 2px;
    color: #fff;
    font-size: 18px;
    line-height: 28px;
    margin-top: 32px
}

.MUJ .courseOverview .banner-section .banner-content .left .download-brochure-btn:hover {
    background: transparent linear-gradient(90deg, #ff6600 0%, #FF5204 0%, #FF270D 100%) 0% 0% no-repeat padding-box !important;
    color: #fff
}

.MUJ .courseOverview .banner-section .banner-content .right h4 {
    padding: 8px 9px 8px 22px;
    color: #340F07;
    font-size: 16px;
    line-height: 28px;
    --r: .8em;
    float: right;
    -webkit-clip-path: polygon(100vw 0, 0 0, var(--r) 50%, 0 100%, 100vw 100%);
    clip-path: polygon(100vw 0, 0 0, var(--r) 50%, 0 100%, 100vw 100%);
    -o-border-image: conic-gradient(#FEE8DA 0 0) 0;
    border-image: conic-gradient(#FEE8DA 0 0) fill 0;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    top: 0;
    right: 0
}

.hide {
    display: none
}

.application-deadline {
    display: flex;
    align-items: center;
    margin-top: 10px
}

.application-deadline .time-wrap {
    padding: 0 20px 0 0;
    border-right: 1px solid #4A5373;
    flex: 0 0 50%
}

.application-deadline .time-wrap .close_in {
    font-weight: 700;
    color: #fff;
    margin-bottom: 0;
    font-size: 12px
}

.application-deadline .time-wrap .layout span {
    font-weight: 700;
    color: #fff;
    margin-right: 5px;
    font-size: 18px
}

.application-deadline .seats {
    padding: 0 0 0 0;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: right
}

.application-deadline .seats .circle {
    width: 19px;
    height: 19px;
    border: 2px solid #f60;
    margin-right: 2px;
    display: inline-block;
    border-radius: 100%
}

.application-deadline .seats .filled {
    font-weight: 700;
    color: #fff;
    margin-top: 0;
    font-size: 12px
}

.circle-svg {
    height: 35px;
    transform: rotate(-90deg);
    width: 35px;
    margin-left: auto;
    margin-right: 5px
}

.progress-bar__background {
    fill: none;
    stroke: #09143E;
    stroke-width: 3
}

.progress-bar__progress {
    fill: none;
    stroke: #09143E;
    stroke: #f60;
    stroke-dasharray: 100 100;
    stroke-dashoffset: 100;
    stroke-linecap: round;
    stroke-width: 3;
    transition: stroke-dashoffset 3s ease-in-out
}

.js-progress-bar {
    stroke-dashoffset: 30;
    animation: pie1 6s ease both
}

@keyframes pie1 {
    50% {
        stroke-dashoffset: 100
    }

    100% {
        stroke-dashoffset: 8
    }
}

.enroll-form-footer .application-deadline {
    display: none
}

@media only screen and (min-width:820px) and (max-width:1180px) {
    header {
        padding: 0% 4% !important
    }

    body.marquee_there header {
        padding: 44px 4% 0 !important
    }

    .course-card-container {
        flex-wrap: wrap
    }

    .course-card-container .course-card .text-div .institute {
        min-height: 75px
    }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    header .menu-item:nth-last-child(2) {
        display: none
    }

    header .menu-item a {
        margin-bottom: -2px;
        line-height: 20px !important
    }

    header .enrollDiv a {
        text-align: center
    }

    header .menu-item span img {
        padding-right: 14px
    }

    .onscroll-popup .scroll-text h5 {
        font-size: 22px !important;
        line-height: 22px !important
    }

    .onscroll-popup .popup-text {
        padding: 22px 45px 0 45px !important
    }

    .onscroll-popup .popup-image img {
        width: 100px !important
    }

    .page-template-home-page .overlay-content,
    .page-template-home-page-split .overlay-content {
        max-height: unset !important;
        height: 100% !important
    }

    .onScrollFormPopup.popupscrollleadForm .websiteForm.Vertical {
        padding: 0 3.5vw 7.5vw 3.5vw !important;
        margin-left: 0px !important
    }
}

header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 116px;
    position: fixed;
    left: 0;
    right: 0;
    top:0;
    background: #fff;
    z-index: 1201;
    padding: 0 8%
}

header ::-webkit-scrollbar {
    width: 7px
}

header ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #d8d8d8
}

header ::-webkit-scrollbar-track {
    background: #d8d8d8
}

header ::-webkit-scrollbar-thumb {
    background: #b5b1b1
}

header ::-webkit-scrollbar-thumb:hover {
    background: #b5b1b1
}

header .enrollDiv {
    display: flex;
    align-items: center
}

header .header-call {
    display: flex;
    align-items: center;
    background: unset !important;
    font-weight: 700;
    color: #535353;
    text-decoration: none;
    font-size: 16px;
    padding-right: 24px
}

header .header-call img {
    margin: 0 8px 0 0
}

header .browseDiv {
    text-align: left;
    padding-left: 0;
    margin-top: 43px;
    margin-bottom: 41px
}

header .browseDiv a:hover {
    background: transparent linear-gradient(180deg, #FF6600 0%, #FF5204 0%, #FF270D 100%) 0% 0% no-repeat padding-box
}

header .browseDiv .browseBtn {
    background: #343634;
    border-radius: 2px;
    padding: 12px 22px;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    display: inline-block !important
}

header nav {
    flex-grow: 1
}

header nav ul li {
    list-style: none
}

header .menu {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 0;
    position: relative;
    justify-content: flex-start
}

header .menu .active {
    background: #efefef;
    border-radius: 3px
}

header .menu-item {
    list-style: none;
    padding: 0 25px;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer
}

header li.menu-item:hover {
    background: #efefef;
    border-radius: 3px
}

header .menu-item>p {
    line-height: 40px;
    display: flex;
    align-items: center;
    padding: 10px 5px
}

header .menu-item>a {
    line-height: 40px;
    display: flex;
    align-items: center
}

header .menu-item>p>span,
header .menu-item>a {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .16px;
    color: #535353
}

header li.menu-item:hover>p>span,
header li.menu-item:hover>a {
    color: #1c1c1c
}

header .enrollDiv a {
    text-transform: none;
    line-height: normal;
    letter-spacing: .16px;
    background: transparent linear-gradient(90deg, #002d58 0%, #002d58 0%, #002d58 100%) 0% 0% no-repeat padding-box
}

header .enrollDiv a:hover {
    background: #DB1800 0% 0% no-repeat padding-box
}

header .menu-item a {
    text-decoration: none
}

header .menu-item span img {
    margin-right: 10px
}

header .submenu-wrap {
    position: relative;
    padding: 45px 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: calc(100% - 45px);
    max-height: 768px
}

header .leftmenu {
    padding-left: 0;
    padding-left: 30px;
    height: 90%;
    display: flex;
    flex-direction: column
}

header .rightmenu {
    flex: 1;
    position: relative
}

header .rightmenu .browseUnivDiv {
    text-align: right;
    padding-left: 0;
    margin-right: 60px;
    margin-top: 3.5vh;
    margin-bottom: 20px
}

header .rightmenu .browseUnivDiv span:hover {
    background: transparent linear-gradient(180deg, #ff6600 0%, #FF5204 0%, #FF270D 100%) 0% 0% no-repeat padding-box
}

header .rightmenu .browseUnivDiv .browseBtn-university {
    background: #343634;
    border-radius: 2px;
    padding: 12px 22px;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    display: inline-block !important
}

header .rightmenu:before {
    content: attr(data-before);
    display: block;
    position: absolute;
    top: 0;
    color: #343634;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .2px;
    left: 30px
}

header .rightmenu:after {
    content: "";
    background-repeat: no-repeat !important;
    background-position: 0 0;
    display: block;
    height: 54px;
    float: right;
    position: absolute;
    top: -20px;
    right: 60px;
    width: 190px
}

header .rightmenu-bg {
    position: relative;
    background: #f7f7f7;
    border-radius: 5px;
    vertical-align: top;
    padding: 30px 30px 0;
    margin: 40px 60px 0 30px;
    position: relative;
    max-height: 65vh;
    min-height: 52.1vh
}

header .rightmenu-bg .hlight {
    position: absolute;
    top: 5px;
    right: 15px;
    background: #074A76;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: .1px;
    color: #f7f7f7;
    border-radius: 2px;
    padding: 0 5px;
    vertical-align: middle
}

header .rightmenu-bg a.viewAll {
    text-decoration: underline !important;
    font-size: 14px !important;
    line-height: 20px;
    color: #1c1c1c;
    text-align: right
}

header .rightmenu-bg a.viewAll:hover {
    color: #f60
}

header .submenu-thumbnail>img {
    width: 60px;
    height: 60px;
    border-radius: 5px
}

header .submenu-icon {
    color: #111
}

header .menu li.menu-item {
    padding: 0 8px;
    margin: 0 2px
}

header .menu-icon {
    color: #fff;
    margin-left: 10px;
    font-size: 14px
}

header .submenu {
    padding: 0;
    text-align: left;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    width: 100%
}

header .submenu-item {
    padding: 0;
    max-width: 210px;
    margin-right: 10px
}

header .submenu-item span {
    font-size: 12px;
    letter-spacing: 2.64px;
    color: #1c1c1c;
    margin-bottom: 10px !important;
    margin-left: 10px;
    display: block
}

header .submenu-top,
header .submenu-domain,
header .submenu-institute {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    padding: 0;
    margin-bottom: 10px
}

header ul.submenu-list,
header ul.submenudomain-list,
header ul.submenuinstitute-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0
}

header .submenu-bottom-item {
    flex: 1
}

header .submenu-top li,
header .submenu-domain li {
    padding-left: 0
}

header .submenu-top-item,
header .submenu-domain-item,
header .submenu-institute-item {
    max-width: 234px
}

header .submenu-institute-item {
    position: relative
}

header .submenu-institute-item span.smutag {
    display: inline-block;
    margin: 0 0 0 2px !important;
    background: #074A76;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: .1px;
    color: #f7f7f7;
    border-radius: 2px;
    padding: 0 5px;
    vertical-align: top
}

header li.submenu-top-item.active,
header li.submenu-domain-item.active,
header li.submenu-institute-item.active {
    background: #d8d8d8
}

header li.submenu-institute-item.institute-list2.active {
    background: #d8d8d8
}

header li.submenu-top-item.active .submenu-title,
header li.submenu-domain-item.active .submenu-title,
header li.submenu-institute-item.active .submenu-title {
    color: #343634
}

header li.submenu-institute-item.institute-list2.active .submenu-title {
    color: #343634
}

header .submenu-title {
    font-weight: 700;
    color: #535353;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: .16px
}

header .submenu .submenu-title:hover {
    text-decoration: none
}

header .submenu-title {
    padding: 10px 0 10px 8px
}

header .submenu-list>li {
    align-items: center;
    width: calc(50% - 10px);
    padding: 21px 15px;
    margin-right: 10px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
    position: relative
}

header .submenu-list>li:hover {
    background: #d8d8d8;
    border-radius: 5px
}

header .submenu-list>li:hover span.hlight {
    background: #074A76;
    color: #fff
}

header .submenu-list>li>a {
    display: flex;
    flex: 100%
}

header ul.submenu-list li p {
    color: #535353;
    flex: 1
}

header ul.submenu-list li p a,
header ul.submenu-list li span.course-name {
    text-align: left;
    margin-bottom: 5px;
    color: #535353;
    line-height: 20px;
    letter-spacing: .16px;
    font-weight: 700
}

header .submenu-list>li:hover ul.submenu-list li p,
header .submenu-list>li:hover ul.submenu-list li p a {
    color: #1c1c1c
}

header .submenu-list>li:hover a {
    color: #1c1c1c
}

header span.unversity-name {
    float: left;
    font-size: 12px;
    line-height: 17px;
    font-weight: 700;
    color: #1c1c1c;
    text-align: left
}

header span.course-name {
    display: block;
    text-align: left
}

header span.course-duration {
    float: right;
    font-size: 10px;
    line-height: 20px;
    font-weight: 400
}

header span.course-duration img {
    width: 9px;
    display: inline-block;
    margin-right: 5px
}

header .submenu-thumbnail {
    margin-right: 20px;
    flex: 0 60px
}

header ul.submenu-list:before {
    content: attr(data-before);
    display: block;
    position: absolute;
    top: -43px;
    color: #343634;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .2px;
    left: 0
}

header li.submenu-domain-item img {
    width: 16px;
    display: inline-block;
    margin-right: 6px
}

header .submenu-desc {
    margin-top: 10px;
    color: #555
}

header .submenu-icon {
    width: 32px
}

header .submenu-bottom-title {
    padding-left: 10px
}

header .submenu-bottom a:hover {
    text-decoration: none
}

header .menu-item:hover .submenu {
    display: flex !important
}

header .overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 116px;
    left: 0;
    background-color: #EFEFEF;
    overflow-x: hidden;
    z-index: 1201
}

header .overlay a {
    text-decoration: none;
    font-size: 16px;
    display: block;
    transition: 0.3s
}

header .overlay .closebtn {
    position: absolute;
    top: 31px;
    right: 27px;
    width: 13.5px;
    z-index: 3
}

header #myUniversityNav .rightmenu-bg {
    max-height: 55vh;
    min-height: 43vh
}

footer {
    background: #343634
}

footer p {
    color: #fff;
    font-size: 16px
}

footer a {
    color: #fff;
    font-size: 16px
}

footer .fa {
    color: #fff;
    font-weight: 700
}

footer .course-container {
    display: flex;
    flex-direction: column
}

footer .accordion-sub-desc {
    display: flex;
    flex-direction: column
}

footer .accordion-sub-desc a span {
    text-decoration: none;
    font-size: 14px;
    font-family: "HelveticaNowDisplay";
    color: #fff;
    line-height: 18px;
    letter-spacing: .16px;
    font-style: normal;
    font-weight: 400;
    display: block
}

footer .top-border {
    border-top: 1px solid #B5B1B1
}

footer .footer-contact-container {
    padding: 40px 0
}

footer .contact-us-container {
    display: flex;
    gap: 30px
}

footer .contact-us-container .footer-menu-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 36px
}

footer .contact-us-container .footer-menu-container ul {
    display: flex;
    padding-left: 0;
    flex-wrap: wrap
}

footer .contact-us-container .footer-menu-container ul li {
    list-style: none
}

footer .contact-us-container .footer-menu-container ul li a {
    text-decoration: none
}

footer .contact-us-container .footer-menu-container ul li img {
    height: 25px;
    max-width: 35px
}

footer .contact-us-container .footer-menu-container .menu-menu-1-container {
    display: flex
}

footer .contact-us-container .footer-menu-container .menu-menu-1-container ul {
    gap: 20px
}

footer .contact-us-container .footer-menu-container .social-media {
    display: flex
}

footer .contact-us-container .footer-menu-container .social-media ul {
    gap: 30px
}

footer .contact-us-container .info-container {
    display: flex;
    flex-direction: column;
    gap: 15px
}

footer .contact-us-container .info-container a {
    gap: 5px;
    font-size: 14px;
    letter-spacing: .64px
}

footer .contact-us-container .info-container a img {
    height: 20px;
    max-width: 20px
}

footer .contact-us-container .contact-us {
    display: flex;
    gap: 10px;
    height: -moz-fit-content;
    height: fit-content
}

footer .contact-us-container .contact-us a {
    display: flex;
    gap: 10px;
    font-size: 16px;
    text-decoration: none;
    letter-spacing: .74px;
    line-height: 26px;
    font-weight: 700;
    color: #fdf8f4
}

footer .contact-us-container .contact-us a img {
    height: 20px;
    max-width: 20px
}

footer .footer-course-container {
    padding: 40px 0;
    border-top: 1px solid #B5B1B1;
    border-bottom: 1px solid #B5B1B1;
    opacity: 1;
    display: flex;
    gap: 2%
}

footer .footer-course-container .footer-course-block {
    display: flex;
    flex-direction: column
}

footer .footer-course-container p {
    font-size: 16px;
    font-family: "HelveticaNowDisplay";
    color: #fff;
    line-height: 18px;
    letter-spacing: .16px;
    font-style: normal;
    font-weight: 700;
    padding-bottom: 10px
}

footer .footer-course-container p.course-heading {
    padding-bottom: 15px
}

footer .footer-course-container a {
    text-decoration: none;
    font-size: 14px;
    font-family: "HelveticaNowDisplay";
    color: #fff;
    line-height: 18px;
    letter-spacing: .16px;
    font-style: normal;
    font-weight: 400;
    padding-bottom: 11px
}

footer .footer-course-container .course-first-section {
    display: flex;
    flex-direction: column;
    flex: .33;
    gap: 20px
}

footer .footer-course-container .course-second-section.full {
    flex: 1
}

footer .footer-course-container .course-second-section {
    display: flex;
    flex-direction: column;
    flex: .66
}

footer .footer-course-container .course-second-section .course-degree-container {
    display: flex;
    gap: 2.55%
}

footer .footer-course-container .course-second-section .course-degree-container .course-first-container {
    gap: 20px;
    display: flex;
    flex: 1;
    flex-direction: column
}

footer .footer-course-container .course-second-section .course-degree-container .course-first-container p {
    padding-bottom: 10px
}

footer .footer-course-container .course-second-section .course-degree-container .course-first-container a {
    padding-bottom: 10px
}

footer .footer-course-container .course-second-section .course-degree-container .course-second-container {
    gap: 20px;
    display: flex;
    flex: 1;
    flex-direction: column
}

footer .footer-course-container .course-second-section .course-degree-container .course-second-container p {
    padding-bottom: 10px
}

footer .footer-course-container .course-second-section .course-degree-container .course-second-container a {
    padding-bottom: 10px
}

footer .footer-course-container .course-second-section .course-degree-container .course-third-container p {
    padding-bottom: 10px
}

footer .copyright-container {
    padding: 40px 0;
    display: flex
}

footer .copyright-container a,
footer .copyright-container span {
    font-family: "HelveticaNowDisplay";
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    font-weight: 300
}

footer .copyright-container span {
    color: #fff
}

footer .copyright-container .legal-container {
    flex: 1;
    display: flex;
    justify-content: flex-start
}

footer .copyright-container .legal-container span {
    display: none
}

footer .copyright-container .terms-of-use {
    margin-left: 20px
}

footer .logo-container {
    background-color: #f7f7f7;
    padding: 26px
}

footer .logo-container .logo img {
    width: 22%
}

a.campuslink {
    font-size: 16px !important;
    font-weight: bold !important;
    padding-top: 10px !important
}

.lightgreyBg {
    background: #f7f7f7
}

.primaryBtn {
    cursor: pointer;
    background: transparent linear-gradient(90deg, #FF6600 0%, #FF5204 0%, #FF270D 100%) 0% 0% no-repeat padding-box;
    border-radius: 2px;
    padding: 15px 25px;
    display: inline-flex;
    font-weight: 600;
    align-items: center;
    font-size: 16px;
    color: #fff;
    text-decoration: none
}

.primaryBtn:hover {
    background: #DB1800 0% 0% no-repeat padding-box
}

.mobileBottomWidget {
    display: block
}

.overlay-bg {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    z-index: 9999;
    background: #f7f7f7;
    padding: 100px
}

.close-icon {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer
}

.close-icon img {
    float: right
}

.overlay-content {
    display: none;
    background: #fff;
    padding: 24px;
    width: 70%;
    height: 70%;
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 99999999999;
    border-radius: 4px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .2)
}

.overlay-content::-webkit-scrollbar {
    width: 7px !important;
    cursor: pointer
}

.overlay-content::-webkit-scrollbar-track {
    cursor: pointer;
    background: #d8d8d8;
    box-shadow: inset 0 0 5px #d8d8d8
}

.overlay-content::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: #b5b1b1
}

.overlay-content::-webkit-scrollbar-thumb:hover {
    cursor: pointer
}

.popupContainer {
    display: flex;
    overflow: auto
}

.websiteForm {
    background: #fff;
    padding: 24px 113px;
    flex-basis: 100%
}

.websiteForm .countdown-timer {
    margin-bottom: 10px
}

.websiteForm .countdown-timer li {
    border: 1px solid #000
}

.websiteForm .countdown-timer li span {
    font-weight: 700
}

.websiteForm h5,
.websiteForm h3 {
    padding-bottom: 24px;
    text-align: center
}

.websiteForm .form-heading {
    padding-bottom: 24px;
    text-align: center;
    font-size: 20px
}

.banner-top-section .form-title {
    color: #fff
}

.wpcf7-not-valid {
    border: 2px solid #DB1800 !important;
    background: #FBDCD8 !important
}

.coursePage {
    background: #f7f7f7
}

.websiteForm.Vertical {
    position: sticky;
    top: 135px;
    z-index: 104;
    background: #f7f7f7;
    padding: 24px 0 42px 42px
}

.websiteForm.Vertical h5 {
    padding-bottom: 12px;
    text-align: center;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .2px
}

.websiteForm.Vertical .rfi-form .fieldGroup {
    flex-basis: 100% !important
}

.websiteForm.Vertical .rfi-form .fieldGroup input,
.websiteForm.Vertical .rfi-form .fieldGroup select {
    background: #efefef
}

.websiteForm.Vertical .rfi-form .submitField input {
    padding: 16px 24px;
    background: #000;
    border: #000;
    color: #fff
}

.websiteForm.Vertical .otp-verification-block .lsq-submit {
    padding: 16px 24px
}

.websiteForm.Vertical .otp-verification-block .courseDetails {
    padding-top: 0
}

.websiteForm.Vertical .otp-verification-block .courseDetails .details {
    padding: 12px
}

.websiteForm.Vertical .otp-verification-block .courseDetails p {
    padding: 12px
}

.wrapper {
    display: flex
}

.wrapper .leftBlock {
    background: #fff;
    flex: 0 0 auto;
    width: 70%;
    position: relative;
    padding-right: 42px;
    border-radius: 0 5px 0 0;
    padding-left: 8%;
    transition: all 0.5s linear
}

.wrapper .leftBlock.fullContainer {
    flex-basis: 100%;
    padding: 0 8%;
    border-radius: 0
}

.wrapper .rightBlock {
    background: #f7f7f7;
    flex: 0 0 auto;
    width: 30%;
    padding-right: 8%;
    transition: all 0.5s linear
}

.wrapper .rightBlock.hide {
    display: none
}

.wrapper.breadcrumb-stick {
    position: sticky;
    z-index: 3;
    top: 116px
}

.wrapper.no-sidebar .leftBlock {
    width: 100%;
    padding-right: 8%;
    transition: all 0.5s linear
}

.fullContainer .expandArrow {
    right: 100px
}

.expandArrow {
    position: absolute;
    cursor: pointer;
    top: 70px;
    left: -19px;
    margin-left: 0;
    float: left;
    background: #f7f7f7;
    padding: 8px 16px;
    display: none;
    z-index: 105
}

.expandArrow .fa {
    font-weight: 700;
    font-size: 20px
}

.expandArrow.close {
    display: block
}

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

.rfi-form .hiddenFields {
    padding: 0 !important
}

.rfi-form .fieldGroup {
    padding: 6px;
    flex-basis: 50%
}

.rfi-form .fieldGroup input,
.rfi-form .fieldGroup select,
.rfi-form .fieldGroup option {
    background: #f7f7f7;
    padding: 10px 15px;
    border: 1px solid #f7f7f7;
    border-radius: 2px;
    width: 100%;
    color: #b5b1b1;
    font-size: 12px;
    line-height: 17px
}

.rfi-form .fieldGroup input:not(:-moz-placeholder-shown) {
    border: 2px solid #BCBCBC;
    color: #000
}

.rfi-form .fieldGroup input:focus,
.rfi-form .fieldGroup input:not(:placeholder-shown) {
    border: 2px solid #BCBCBC;
    color: #000
}

.rfi-form .fieldGroup .label {
    font-size: 12px;
    font-weight: 700;
    color: #000;
    line-height: 17px;
    display: block
}

.rfi-form .fieldGroup .wpcf7-list-item-label {
    font-size: 12px;
    color: #707070
}

.rfi-form .fieldGroup .wpcf7-list-item {
    margin: 0
}

.rfi-form .nameField,
.rfi-form .termsField {
    flex-basis: 100%;
    padding: 6px
}

.rfi-form .nameField label,
.rfi-form .termsField label {
    color: #707070
}

.rfi-form .submitField input:not(:-moz-placeholder-shown) {
    border: unset;
    color: #707070
}

.rfi-form .submitField input:not(:placeholder-shown) {
    border: unset;
    color: #707070
}

.rfi-form .submitField {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-basis: 100%;
    cursor: pointer
}

.rfi-form .submitField .wpcf7-spinner {
    display: none
}

.rfi-form .submitField input {
    cursor: pointer;
    border-radius: 2px;
    background: #d8d8d8;
    padding: 16px 206px;
    color: #707070;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: .16px
}

.rfi-form .fieldError {
    font-size: 12px;
    color: #f60;
    font-style: italic
}

.rfi-form .fieldError a {
    font-size: inherit;
    font-style: inherit;
    color: inherit
}

.rfi-form .iti {
    width: 100%
}

.rfi-form .iti__selected-dial-code,
.rfi-form .iti__country-list li span {
    font-size: 12px
}

.rfi-form .wpcf7-not-valid-tip {
    font-size: 12px;
    font-style: italic
}

.rfi-form select {
    cursor: pointer;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-right: 15px !important;
    background-image: url(../../../../../../../themes/flamingo/images/dropdown-arrow.svg) !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 10px) center !important;
    background-size: 8px !important
}

.rfi-form .form-group {
    display: block;
    margin-bottom: 15px
}

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

.rfi-form .form-group label {
    position: relative;
    cursor: pointer;
    font-size: 12px;
    display: flex
}

.rfi-form .form-group label:before {
    content: "";
    background-color: transparent;
    border: 2px solid #cecece;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05);
    padding: 5px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 5px;
    height: 2px
}

.rfi-form .form-group input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 4px;
    width: 3px;
    height: 6px;
    border: solid #cecece;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.rfi-form .linkText {
    width: 100%;
    text-align: center;
    padding: 12px 0
}

.rfi-form .linkText p {
    font-size: 12px
}

.rfi-form .linkText a {
    font-size: 12px;
    color: #f60
}

.rfi-form .countdown-timer {
    font-size: 12px
}

.courseField #select_style_ul input:focus {
    border: none
}

.courseField #select_style_ul .search {
    border: 2px solid #BCBCBC
}

.otp-verification-block {
    display: flex;
    justify-content: center;
    padding: 0 24px 24px 24px;
    border-radius: 2px
}

.otp-verification-block p {
    font-weight: BOLD;
    font-size: 16px;
    text-align: center
}

.otp-verification-block .mobile-number {
    display: flex;
    justify-content: center;
    margin: 12px 0
}

.otp-verification-block .number {
    font-weight: 700;
    padding-right: 12px;
    color: #f60
}

.otp-verification-block .edit {
    font-weight: 700;
    font-size: 12px;
    cursor: pointer;
    line-height: 15px
}

.otp-verification-block .verification-box {
    display: flex;
    align-items: center;
    justify-content: center
}

.otp-verification-block .buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.otp-verification-block input {
    background: #efefef;
    margin: 0 6px;
    border-radius: 4px;
    padding: 4px;
    text-align: center
}

.otp-verification-block .resend-otp {
    display: flex;
    font-size: 14px;
    font-weight: BOLD;
    padding: 12px 0;
    text-decoration: underline
}

.otp-verification-block .resend-otp span {
    font-size: inherit;
    font-weight: inherit
}

.otp-verification-block .lsq-submit {
    background: #343634;
    padding: 16px 206px;
    border-radius: 2px;
    border: 1px solid #343634;
    color: #fff;
    font-weight: BOLD;
    font-size: 16px;
    cursor: pointer
}

.otp-verification-block .courseDetails {
    display: flex;
    background: #fff !important;
    flex-direction: column
}

.otp-verification-block .courseDetails p {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 12px
}

.otp-verification-block .courseDetails p label {
    color: #d8d8d8;
    font-size: 12px
}

.otp-verification-block .details {
    background: #f5ffd9;
    padding: 24px;
    margin-bottom: 20px
}

.otp-verification-block .details .university {
    flex-basis: 50%;
    font-size: 12px
}

.otp-verification-block {
    display: none
}

.section-title {
    font-size: 38px;
    padding-bottom: 20px;
    color: #343634;
    font-weight: 900;
    letter-spacing: .44px;
    line-height: 40px
}

.section-title span {
    font-family: "Sabon LT Std";
    font-size: 42px;
    color: #343634;
    font-weight: inherit;
    font-style: italic;
    line-height: 40px
}

.websiteForm.Vertical .rfi-form .termsField label {
    font-size: 10px
}

.placement-sect {
    background: var(--unnamed-color-1c1c1c) 0% 0% no-repeat padding-box;
    background: #1c1c1c 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 97px 0 108px 0
}

.placement-sect p {
    color: #efefef;
    letter-spacing: .16px;
    font: normal normal normal 16px/18px;
    padding-bottom: 48px
}

.placement-sect .section-title {
    color: #fff
}

.placement-sect .section-title span {
    color: #fff
}

.placement-sect .placement-sect-slider {
    padding: 60px 0 0 0
}

.placement-sect .placement-sect-slider .placement-sect-logo-slider {
    padding: 30px 115px 45px 115px;
    background: #fff;
    border-radius: 0 0 5px 5px
}

.placement-sect .disclaimer-text {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 0
}

.global-impact-sect {
    background: #fff
}

.global-impact-sect .imact-educt-map {
    background: #dae7f0 0% 0% no-repeat padding-box;
    border-radius: 5px;
    padding: 57px 96px 39px 96px;
    display: flex;
    justify-content: space-evenly
}

.global-impact-sect .number-block-first {
    padding: 30px 0 0 0
}

.global-impact-sect .counter-text-two {
    padding: 55px 0 0 0
}

.global-impact-sect .number-block-second {
    justify-content: space-between;
    flex-wrap: wrap
}

.global-impact-sect .number-block-second .counter-text-four {
    padding: 35px 0
}

.global-impact-sect .counter-value {
    font-size: 30px;
    letter-spacing: .3px;
    text-align: left;
    line-height: 28px;
    padding-bottom: 5px
}

.global-impact-sect .counter-text {
    font-size: 16px;
    text-align: left;
    letter-spacing: .16px;
    font-weight: 700
}

.know-more {
    background: var(--unnamed-color-efefef) 0% 0% no-repeat padding-box;
    background: #efefef 0% 0% no-repeat padding-box;
    border-radius: 2px;
    padding: 15px 50px
}

.know-more a {
    font-size: 16px;
    text-align: center;
    letter-spacing: .16px;
    color: #1c1c1c;
    text-decoration: none;
    text-transform: capitalize;
    font-weight: 700
}

.know-more:hover {
    background: #535353
}

.know-more:hover a {
    color: #fff
}

.showreel-sect .slick-list {
    padding: 0 8%
}

.showreel-sect .slick-next {
    right: 7%
}

.showreel-sect .slick-prev {
    left: 6%
}

.showreel-sect .videoHolder {
    max-height: 390px;
    border-radius: 0 0 5px 5px;
    margin: 0 8px 0 0
}

.showreel-sect .videoDiv {
    height: 100%;
    position: relative;
    padding-bottom: 12px
}

.showreel-sect .videoDiv img {
    border-radius: 5px
}

.showreel-sect .playVideoBtn {
    display: flex;
    justify-content: center;
    align-items: center
}

.showreel-sect .playVideoBtn img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    transform: translate(-50%, -50%)
}

.showreel-sect .showreel-text {
    font-size: 20px;
    text-align: left;
    line-height: 24px;
    letter-spacing: .2px;
    padding: 28px 43px 39px;
    font-weight: 700;
    min-height: 113px;
    background: #dae7f0;
    border-radius: 5px
}

.courseDetails {
    position: relative;
    padding-top: 12px
}

.courseDetails .top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0
}

.courseDetails .top-bar .acc-logos {
    display: flex;
    justify-content: center
}

.courseDetails .top-bar .acc-logos .logo-item {
    display: flex;
    align-items: center;
    padding-right: 12px
}

.courseDetails .top-bar .acc-logos .logo-item img {
    margin: 0 12px 0 0;
    width: 32px
}

.courseDetails .top-bar .acc-logos .logo-item span {
    color: #535353;
    font-weight: 700
}

.courseDetails .top-bar .acc-logos .logo-item.tapmi-acc img {
    width: unset;
    height: 32px
}

.courseDetails .courseInfo {
    display: flex;
    padding-bottom: 24px
}

.courseDetails .courseInfo .left {
    flex-basis: 35%;
    padding-right: 16px;
    height: inherit;
    display: FLEX;
    flex-direction: column;
    justify-content: space-between
}

.courseDetails .courseInfo .left .downloadBtnSection {
    display: FLEX;
    justify-content: center;
    background: #343634;
    cursor: pointer;
    border-radius: 2px
}

.courseDetails .courseInfo .left .downloadBtnSection:hover {
    background: linear-gradient(90deg, #E12333 0%, #ff6600 100%)
}

.courseDetails .courseInfo .left .downloadBtn {
    border-radius: 2px;
    letter-spacing: .16px;
    color: #fff;
    padding: 15px 0
}

.courseDetails .courseInfo .left .univ-logo {
    background: #f7f7f7;
    padding: 50px 27px;
    margin-bottom: 20px;
    border-radius: 5px;
    flex-basis: 80%;
    display: flex;
    align-items: center;
    justify-content: center
}

.courseDetails .courseInfo .right {
    flex-basis: 65%;
    background: #fee8da;
    padding: 24px;
    border-radius: 5px
}

.courseDetails .courseInfo .right .univ-banner {
    width: 100%
}

.courseDetails .courseInfo .right .row {
    display: flex;
    padding: 12px 0;
    border-bottom: 1px solid #ccc
}

.courseDetails .courseInfo .right .row .line-item {
    display: flex;
    flex-direction: column;
    flex-basis: 50%
}

.courseDetails .courseInfo .right .row .line-item span {
    display: flex;
    align-items: flex-start
}

.courseDetails .courseInfo .right .row .line-item span img,
.courseDetails .courseInfo .right .row .line-item span svg {
    margin: 0 12px 0 0;
    width: 16px
}

.courseDetails .courseInfo .right .row .line-item .label {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 2.64px;
    text-transform: uppercase;
    color: #343634;
    align-items: center
}

.courseDetails .courseInfo .right .row .line-item .durationText,
.courseDetails .courseInfo .right .row .line-item .feeText {
    padding: 6px 0;
    color: #f60;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .2px
}

.courseDetails .courseInfo .right .row .line-item .feeText {
    line-height: 19px;
    flex-flow: column
}

.courseDetails .courseInfo .right .row .line-item.free-content span {
    line-height: 1
}

.courseDetails .courseInfo .right .row .line-item.free-content img {
    margin: 0 10px 0 0;
    border-radius: 2px;
    width: 25px
}

.courseDetails .courseInfo .right .row:first-child {
    padding-top: 0
}

.courseDetails .courseInfo .right .row:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.courseDetails .courseInfo .right .row:last-child .line-item {
    flex-basis: 100%
}

.vwo-downloadbroucher {
    display: none
}

.vwo-downloadbroucher .vwo-solidline {
    display: flex;
    padding: 7px 0;
    margin-left: 19px;
    margin-right: 19px;
    border-bottom: 1px solid #000
}

.vwo-downloadbroucher .vwo-downloadbtn {
    display: FLEX;
    justify-content: center;
    background: linear-gradient(90deg, #E12333 0%, #ff6600 100%);
    cursor: pointer;
    border-radius: 2px;
    margin-top: 14px
}

.vwo-downloadbroucher .vwo-downloadbtn .downloadBtn {
    border-radius: 2px;
    letter-spacing: .16px;
    color: #fff;
    padding: 15px 0;
    align-items: center
}

.vwo-check.dateHightlight {
    display: none
}

.dateHightlight {
    background: #3E0C04;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 5px
}

.dateHightlight .left {
    display: flex
}

.dateHightlight .left img {
    width: 20px;
    margin: 0 12px 0 0
}

.dateHightlight .left div span {
    color: #fff
}

.dateHightlight span {
    flex-basis: 50%;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: .16px
}

.dateHightlight .divider {
    padding: 0 24px
}

.dateHightlight .right img {
    background: #b5b1b1;
    padding: 4px;
    border-radius: 50%;
    width: 30px
}

.smu .courseDetails .courseInfo .right {
    background: #DFECF5
}

.smu .courseDetails .courseInfo .right .row .line-item .label,
.smu .courseDetails .courseInfo .right .row .line-item .durationText,
.smu .courseDetails .courseInfo .right .row .line-item span.elibility-label,
.smu .courseDetails .courseInfo .right .row .line-item .feeText,
.smu .courseDetails .courseInfo .right .row .line-item span {
    color: #074A76
}

.smu .courseDetails .courseInfo .right .row .line-item span svg path {
    fill: #074A76
}

.smu .courseDetails .courseInfo .right .row:nth-child(2) {
    border-bottom: 0
}

.smu .courseDetails .courseInfo .right .row:last-child {
    border-bottom: 0
}

.smu .courseDetails .courseInfo .right .row.smunote {
    background: #eee;
    padding: 15px 24px;
    margin-left: -24px;
    margin-right: -25px;
    margin-bottom: -24px;
    border-radius: 0 0 5px 5px
}

.smu .courseDetails .courseInfo .right .row.smunote h4 {
    color: #074a76;
    font-size: 19px
}

.smu .dateHightlight {
    background: #074A76
}

.rankings {
    position: relative
}

.rankings .rankingSlider .slick-track {
    display: flex;
    margin-left: 0
}

.rankings .rankingSlider .line-items {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 18px 13px;
    background: #f7f7f7;
    margin: 0 6px;
    position: relative;
    border-radius: 5px;
    height: inherit;
    margin-left: 0
}

.rankings .rankingSlider .line-items .topBar {
    position: absolute;
    left: 0;
    top: 0
}

.rankings .rankingSlider .line-items .topBar .accr {
    background: #fff;
    padding: 4px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1607843137);
    border-radius: 5px 2px 2px 2px
}

.rankings .rankingSlider .line-items .topBar .rank {
    background: #343634;
    border-radius: 5px 2px 2px 2px;
    color: #fff;
    padding: 7px;
    display: flex;
    align-items: center;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 17px;
    text-transform: uppercase;
    font-weight: 700;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1607843137)
}

.rankings .rankingSlider .line-items .topBar .rank svg {
    margin-right: 5px;
    min-height: 17px
}

.rankings .rankingSlider .line-items .topBar .rank svg path,
.rankings .rankingSlider .line-items .topBar .rank svg text {
    fill: #ff6600 !important;
    margin-right: 4px
}

.rankings .rankingSlider .line-items .img-text {
    border-radius: 2px;
    margin-bottom: 18px
}

.rankings .rankingSlider .line-items .image {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 12px;
    border-radius: 2px 2px 0 0
}

.rankings .rankingSlider .line-items .image img {
    margin: auto
}

.rankings .rankingSlider .line-items .short-text {
    display: FLEX;
    padding: 8px 0;
    width: 100%;
    justify-content: center
}

.rankings .rankingSlider .line-items .short-text span {
    display: block;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    letter-spacing: .16px;
    font-weight: 700
}

.rankings .rankingSlider .line-items .short-text.show {
    background: #EFEFEF;
    border-radius: 0 0 2px 2px
}

.rankings .rankingSlider .line-items .title {
    text-align: center;
    color: #000;
    font-size: 12px;
    line-height: 17px;
    font-weight: 700;
    min-height: 30px
}

.rankings .rankingSlider .line-items .title sup {
    font-size: 10px;
    font-weight: 700
}

.rankings .rankingSlider img {
    margin: 0
}

.faculty .slick-list {
    margin-left: -12px
}

.faculty .line-items {
    padding: 0 12px
}

.faculty .line-items .card {
    display: flex;
    flex-direction: column;
    cursor: pointer
}

.faculty .line-items .card .item {
    cursor: pointer;
    flex-basis: 50%;
    display: flex;
    align-items: center;
    padding: 24px 0
}

.faculty .line-items .card .item .image {
    width: 64px;
    background: #e9f4fc;
    border-radius: 5px;
    margin-right: 16px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .16);
    display: inline-block;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.faculty .line-items .card .item img {
    transition: 0.3s ease-in-out;
    border-radius: 5px;
    opacity: .7px
}

.faculty .line-items .card .item .name {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: .2px;
    color: #343634;
    padding-bottom: 12px
}

.faculty .line-items .card .item .designation {
    font-size: 12px;
    display: block
}

.faculty .line-items .card .item .qualification {
    font-size: 12px;
    display: block
}

.faculty .line-items .card .item:hover img {
    background: rgba(0, 0, 0, .4);
    transform: scale(1.2)
}

.faculty .line-items .card .item:hover .name {
    color: #f60
}

.tabcontent {
    display: none
}

.tabcontent.active {
    display: block
}

.roles-explore-sect .head-text {
    font-size: 16px;
    text-align: left;
    letter-spacing: .16px;
    line-height: 18px;
    padding: 0 0 45px 0
}

.roles-explore-sect .slick-track {
    display: flex
}

.roles-explore-sect .roles-rect {
    background-color: #f7f7f7;
    margin: 0 8px;
    min-height: 176px;
    border-radius: 5px;
    padding: 12px;
    height: inherit
}

.roles-explore-sect .roles-rect .img-bg {
    padding: 20px 0 16px;
    margin: 0 auto
}

.roles-explore-sect .roles-rect .img-bg img {
    height: 101px
}

.roles-explore-sect .roles-rect p {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    letter-spacing: .16px;
    line-height: 18px
}

.roles-explore-sect .slick-next {
    right: -17px
}

.roles-explore-sect .slick-prev {
    left: -18px
}

.roles-explore-sect .job-roles-main {
    background-color: #f7f7f7 !important
}

.roles-explore-sect .job-roles-main .tabcontent {
    display: none
}

.roles-explore-sect .job-roles-main .tabcontent.active {
    display: block
}

.roles-explore-sect .job-roles-main .job-roles-tab-wrapper {
    text-align: center;
    display: block;
    margin: auto
}

.roles-explore-sect .job-roles-main .job-roles-tab-wrapper .tabs {
    margin: 0;
    padding: 0;
    display: flex;
    border-bottom: 4px solid #eeeeef
}

.roles-explore-sect .job-roles-main .job-roles-tab-wrapper .tabs .tab-link.active {
    color: #000;
    border-bottom: 5px solid #000
}

.roles-explore-sect .job-roles-main .job-roles-tab-wrapper .tabs .tab-link:first-child {
    margin: 0 20px -3px 0
}

.roles-explore-sect .job-roles-main .job-roles-tab-wrapper .tabs .tab-link {
    margin: 0 20px -3px;
    list-style: none;
    padding: 10px 0;
    color: #d8d8d8;
    cursor: pointer;
    border-bottom: solid 5px transparent;
    font-size: 16px;
    line-height: 15px
}

.roles-explore-sect .job-roles-main .content-wrapper #industry li {
    display: revert !important
}

.roles-explore-sect .job-roles-main .content-wrapper #industry .roles-list {
    padding: 0 20px !important
}

.roles-explore-sect .job-roles-main .content-wrapper .tabcontent {
    padding: 15px 0 0 !important
}

.roles-explore-sect .job-roles-main .content-wrapper .tabcontent .roles-list {
    column-count: 3;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    display: flex;
    flex-wrap: wrap
}

.roles-explore-sect .job-roles-main .content-wrapper .tabcontent .roles-list li {
    display: flex;
    align-items: center;
    padding: 10px 20px 10px 0;
    font-weight: 700;
    color: #343634;
    width: 25%;
    list-style: disc !important
}

.roles-explore-sect .job-roles-main .content-wrapper .tabcontent .roles-list li img {
    margin: 0 8px 0 0;
    align-self: center;
    width: 20px;
    height: auto
}

.program-benefits-sect .head-text {
    font-size: 16px;
    text-align: left;
    letter-spacing: .16px;
    line-height: 18px;
    padding: 0 0 45px 0
}

.program-benefits-sect .program-text {
    display: flex;
    padding: 18px 25px
}

.program-benefits-sect .program-text button {
    font-size: 16px;
    text-align: left;
    letter-spacing: .16px;
    line-height: 18px;
    font-weight: 700;
    padding-left: 7px;
    color: #1c1c1c;
    background: #fff;
    cursor: pointer
}

.program-benefits-sect .program-text img {
    margin-left: 0;
    margin-right: 0;
    width: 20px
}

.program-benefits-sect .program-text.active {
    box-shadow: 0 0 6px rgba(0, 0, 0, .1607843137);
    border-right: 4px solid #535353
}

.program-benefits-sect .benefits-sect {
    display: flex
}

.program-benefits-sect .program-benefits-left {
    flex-basis: 35%
}

.program-benefits-sect .program-benefits-left .tab {
    margin-left: 0;
    margin-right: 0
}

.program-benefits-sect .program-benefits-right {
    flex-basis: 65%;
    margin-left: 16px;
    border-radius: 5px;
    background-color: #f7f7f7
}

.program-benefits-sect .program-benefits-right .right-card-text {
    padding: 25px 30px 30px
}

.program-benefits-sect .program-benefits-right .right-card-text p {
    padding-top: 10px;
    min-height: 97px;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box
}

.program-benefits-sect .program-benefits-right .benefits-cards img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    border-radius: 5px 5px 0 0
}

.tabcontent {
    display: none
}

.tabcontent.active {
    display: block
}

.faq .faq-details .tabs {
    margin: 0 0 30px 0;
    padding: 0;
    border-bottom: 5px solid #EFEFEF
}

.faq .faq-details .show-all-link {
    padding-top: 20px;
    text-align: center;
    color: #343634
}

.faq .faq-details .show-all-link span {
    text-decoration: underline;
    cursor: pointer
}

.faq .faq-details .tablinks {
    cursor: pointer;
    font-size: 16px;
    color: #D8D8D8;
    background: unset;
    padding: 12px 0;
    margin: 0 12px -5px 12px
}

.faq .faq-details .tablinks:first-child {
    margin-left: 0
}

.faq .faq-details .tablinks.active {
    color: #1C1C1C;
    border-bottom: 5px solid #1C1C1C
}

.faq .faq-details .item {
    background: #F7F7F7;
    border: 1px solid #B5B1B1;
    margin: 10px 0;
    padding: 20px;
    border-radius: 2px
}

.faq .faq-details .item .Faq_accordian_data {
    display: none;
    border-top: 1px solid #ccc;
    padding-top: 12px
}

.faq .faq-details .Faq_title {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    font-weight: 700
}

.faq .faq-details .Faq_title .fa {
    font-weight: 700;
    font-weight: 20px;
    cursor: pointer
}

.faq .faq-details .Faq_title .fa-angle-up {
    display: none
}

.faq .faq-details .answer table tr:nth-child(even):hover {
    background-color: #f2f2f2
}

.faq .faq-details .answer table tr:nth-child(odd):hover {
    background-color: inherit
}

.faq .faq-details .Faq_title.open_accordian_faq {
    padding-bottom: 12px
}

.faq .faq-details .Faq_title.open_accordian_faq .fa-angle-down {
    display: none
}

.faq .faq-details .Faq_title.open_accordian_faq .fa-angle-up {
    display: block
}

.floatingWidget {
    position: fixed;
    top: 40%;
    right: 0;
    z-index: 105
}

.floatingWidget .whatsapp,
.floatingWidget .call {
    background: #fff;
    padding: 8px 14px;
    margin: 2px 0;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1607843137);
    border-radius: 2px 0 0 2px
}

.floatingWidget .whatsapp a,
.floatingWidget .call a {
    display: block;
    height: 24px
}

.floatingWidget .whatsapp:hover {
    background: #25D366
}

.floatingWidget .whatsapp:hover svg path,
.floatingWidget .whatsapp:hover svg text {
    fill: white !important
}

.floatingWidget.courses {
    top: 50%
}

body.page-template-course-page .floatingWidget.courses .whatsapp svg path.wh-icon {
    fill: #25d366
}

.enrollNowText .details {
    display: FLEX;
    font-size: 16px;
    letter-spacing: .16px;
    font-weight: 700
}

.enrollNowText .details img {
    width: 16px;
    rotate: 180deg;
    margin-bottom: 10px
}

.enrollNowText .details .hover-arrow {
    display: none
}

.enrollNowText:hover .details {
    color: #fff
}

.enrollNowText:hover .details .hover-arrow {
    display: block
}

.enrollNowText:hover .details .default-arrow {
    display: none
}

.desktopOnly {
    display: block
}

.mobileOnly {
    display: none
}

.enrollNowText {
    writing-mode: tb-rl;
    transform: rotate(180deg);
    white-space: nowrap;
    display: none;
    padding: 25px 16px;
    background: #fff;
    font-size: 16px;
    letter-spacing: .16px;
    font-weight: 700;
    margin: 8px 0;
    cursor: pointer;
    box-shadow: 0 -3px 6px rgba(0, 0, 0, .1607843137);
    border-radius: 0 2px 2px 0;
    color: #343634
}

.floatingWidget .enrollNowBtn {
    cursor: pointer
}

.enrollNowText.show {
    display: block
}

.enrollNowText:hover {
    background: linear-gradient(90deg, #E12333 0%, #ff6600 100%);
    color: #fff
}

.enrollNowText:hover span {
    color: #fff
}

.mobileBottomWidget {
    display: none
}

.floatingWidget.courses .enrollNowText {
    height: 155px
}

.institutionOverview .courseDetails .right {
    background: unset;
    padding: 0;
    max-height: 300px;
    overflow: hidden
}

.hidden-fields {
    display: none
}

#icon-container {
    width: 300px
}

#lsq-process-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 70%;
    margin: auto;
    background: #fff;
    opacity: 1;
    z-index: 99999;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    border-radius: 5px
}

#lsq-process-overlay .cv-spinner {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
    height: 100%
}

#lsq-process-overlay .status-text {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: .2px
}

#lsq-process-overlay .status-text a {
    font-weight: 700;
    text-decoration: underline
}

#lsq-process-overlay .status-desc {
    display: block;
    font-weight: 400;
    color: #343634;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: .18px
}

#lsq-process-overlay .spinner img {
    width: 150px
}

#lsq-process-overlay .message {
    text-align: center;
    position: absolute;
    bottom: 70px
}

.messageBlockSlider .messageBlock {
    display: flex !important;
    height: inherit;
    justify-content: space-between
}

.messageBlockSlider .slick-track {
    display: flex;
    height: inherit
}

.messageBlock {
    display: flex
}

.messageBlock .left {
    flex-basis: 30%;
    margin-right: 16px;
    height: inherit;
    position: relative;
    background: #eaf4fd
}

.messageBlock .left img {
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px
}

.messageBlock .left img.tapmimg {
    height: 100%;
    max-height: 350px
}

.messageBlock .right {
    flex-basis: 70%;
    background: #F7F7F7;
    padding: 30px;
    height: inherit;
    border-radius: 5px
}

.messageBlock .right p {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: .16px
}

.messageBlock .right .name {
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: .2px;
    padding: 18px 0 5px 0
}

.messageBlock .right .designation {
    display: block;
    font-size: 12px;
    line-height: 14px
}

.wrapper.no-sidebar .messageBlock .left {
    height: unset;
    flex-basis: 25%;
    overflow: hidden;
    background: #eaf4fd;
    position: relative
}

.wrapper.no-sidebar .messageBlock .left img {
    max-height: 260px
}

.wrapper.no-sidebar .messageBlock .left img.tapmimg {
    bottom: 0;
    height: 100%
}

.wrapper.no-sidebar .messageBlock .right {
    flex-basis: 75%
}

.wrapper.no-sidebar .messageBlock .right .name {
    padding: 60px 0 0 0
}

.secondaryMenu .menuDetails .placement-initiation.line-items.active {
    display: flex
}

.secondaryMenu .menuDetails .placement-services.line-items.active {
    display: flex
}

.secondaryMenu .menuDetails .placement-drives.line-items.active {
    display: flex
}

.secondaryMenu {
    padding: 40px 20%
}

.secondaryMenu .menuDetails {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.secondaryMenu .menuDetails .line-items {
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: 0
}

.secondaryMenu .menuDetails .line-items span {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: .16px;
    font-weight: 700
}

.secondaryMenu .menuDetails .line-items img {
    margin: 0 8px 0 0;
    width: 45px;
    height: auto;
    border: 5px solid #ccc;
    border-radius: 50px;
    padding: 5px
}

.secondaryMenu .menuDetails .line-items.active {
    display: none
}

.secondaryMenu .menuDetails .line-items.active img {
    border: 5px solid #f60
}

.popupleadForm .popupContainer,
.popupdownloadForm .popupContainer {
    align-items: center;
    width: 100%
}

.websiteForm .courseDetails .edit {
    display: none
}

.rfi-form .submitField input.disabled,
.websiteForm.Vertical .rfi-form .submitField input.disabled {
    background: #d8d8d8 !important;
    color: #707070 !important
}

button:disabled,
button[disabled] {
    background: #d8d8d8 !important;
    color: #707070 !important;
    border: 1px solid #d8d8d8 !important;
    cursor: not-allowed;
    pointer-events: none
}

.institutionField.disable {
    cursor: not-allowed
}

.rfi-form .submitField input,
.websiteForm.Vertical .rfi-form .submitField input {
    background: #000 !important;
    color: #fff !important
}

.websiteForm.Vertical .rfi-form .submitField p,
.websiteForm.Vertical .rfi-form .submitField input {
    width: 100%;
    text-align: center
}

#back-top {
    background: #efefef;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1607843137);
    border-radius: 2px;
    opacity: 1;
    height: 47px;
    margin: 0 auto;
    position: fixed;
    transform: translate(-50%, -100%);
    top: 0;
    left: 50%;
    z-index: 10;
    font-weight: 700;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    letter-spacing: .16px
}

#back-top img {
    margin: 0 5px 0 0;
    width: 11px
}

#back-top.show {
    transform: translate(-50%, 280%)
}

#back-top.hide {
    transform: translate(-50%, -100%)
}

.overlay-bg.faculty {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background: transparent
}

.overlay-content.faculty {
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 50% !important;
    height: auto !important;
    bottom: unset !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .1607843137);
    padding: 50px
}

.overlay-content.faculty .top {
    display: flex;
    align-items: center;
    padding-bottom: 30px;
    gap: 24px
}

.overlay-content.faculty .top .left img {
    width: 150px;
    border-radius: 5px;
    background: #e9f4fc;
    border-radius: 5px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .16)
}

.overlay-content.faculty .top .right span {
    display: block;
    padding-bottom: 5px;
    line-height: 16px
}

.overlay-content.faculty .top .right .name {
    font-size: 26px;
    line-height: 36px;
    font-weight: 700;
    letter-spacing: .3px;
    padding-bottom: 10px;
    color: #343634
}

.overlay-content.faculty .close-icon img {
    float: right
}

.about-us-info {
    background: #FDF8F4;
    padding: 50px;
    border-radius: 5px
}

.about-us-info p {
    letter-spacing: .2px;
    line-height: 24px;
    color: #535353
}

#our-heritage {
    background: #F7F7F7;
    padding: 50px 8%
}

.our-heritage {
    display: flex
}

.our-heritage .left {
    flex-basis: 30%;
    margin-right: 16px;
    height: inherit
}

.our-heritage .left img {
    border-radius: 5px
}

.our-heritage .left .text {
    font-weight: 700;
    text-align: center;
    display: block;
    padding: 20px 0;
    background: #efefef;
    border-radius: 0 0 5px 5px
}

.our-heritage .right {
    height: inherit;
    border-radius: 5px;
    background: #EFEFEF;
    flex-basis: 70%;
    padding: 30px 50px
}

.our-heritage .right h3 {
    font-size: 26px;
    padding-bottom: 24px
}

.our-heritage .right p {
    color: #535353;
    line-height: 20px;
    letter-spacing: .16px;
    font-size: 16px
}

.note-text {
    padding-top: 12px;
    text-align: center;
    font-size: 14px
}

.minimized-view {
    background: rgb(38, 34, 34) !important;
    color: rgba(0, 0, 0, .1607843137) !important;
    box-shadow: 0 3px 6px #B5B1B1;
    border-radius: 100% !important
}

.minimized-view-icon {
    margin-top: -93px;
    transition: transform 0.3s;
    transform: translate(0, 48px)
}

.minimized-view:hover {
    box-shadow: 0 3px 6px #B5B1B1
}

.minimized-view-cross-icon.open {
    margin-left: 22px;
    transform: translate(-29px, -6px);
    transition: all 0.3s ease-in 0s
}

.minimized-view-cross-icon {
    margin-left: -15px;
    transition: 0.3s ease-out;
    transform: translate(45px, -6px)
}

.minimized-view-text {
    display: none
}

.composerv2-icon svg path {
    fill: #b5b1b1 !important
}

.composerv2 {
    border: 2px solid rgb(181, 177, 177) !important;
    border-radius: 5px !important;
    --primary-color: #efefef !important;
    --placeholder-color: #b5b1b1 !important;
    --background-color: #efefef !important;
    background-color: #efefef !important;
    color: #efefef !important
}

.panel-group.wrap table tr:nth-child(even) {
    background-color: unset
}

.panel-group table th {
    background-color: unset;
    color: unset
}

.answer.Faq_accordian_data p {
    padding: 12px 0
}

#downloadform .wpcf7 form .wpcf7-response-output {
    border: unset;
    margin: unset;
    padding: unset
}

#downloadform .wpcf7 form .wpcf7-response-output .status-text {
    text-align: center;
    font-size: 20px;
    font-weight: 700
}

#downloadform .wpcf7 form .wpcf7-response-output .status-text a {
    font-size: inherit;
    color: inherit;
    font-weight: inherit
}

#course-float-form .otp-verification-block {
    padding: 12px
}

#course-float-form .otp-verification-block .courseDetails {
    display: none
}

.thankyouMsg {
    display: none;
    position: relative;
    background: #F5FFD9;
    border-radius: 5px;
    padding: 6px 24px;
    margin-top: 12px
}

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

.thankyouMsg .details .tym-close {
    cursor: pointer;
    width: 12px
}

.thankyouMsg .details .left {
    display: flex;
    align-items: center
}

.thankyouMsg .details .left p {
    font-size: 16px
}

.thankyouMsg .details .left img {
    width: 32px;
    margin-right: 12px
}

.thankyouMsg .details .left a {
    font-size: inherit;
    color: inherit;
    font-weight: inherit
}

.disabledbutton {
    pointer-events: none;
    opacity: .4
}

.viewMoreBlckBtn {
    text-decoration: none;
    background: #1c1c1c;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 15px 24px;
    line-height: normal;
    letter-spacing: .16px;
    border-radius: 2px
}

.viewMoreBlckBtn:hover {
    color: #fff;
    background: #f60
}

#downloadform .otp-verification-block .courseDetails {
    display: none
}

.socialShareBlock {
    background: #efefef;
    padding: 18px 24px;
    border-radius: 5px
}

.socialShareBlock .jssocials-shares {
    display: flex
}

.socialShareBlock .jssocials-shares .jssocials-share {
    padding-right: 20px
}

.socialShareBlock .share-text {
    letter-spacing: 2.64px;
    line-height: 16px;
    font-size: 12px;
    text-transform: uppercase;
    color: #000;
    padding-bottom: 12px
}

section.error-404 {
    background: #FDF8F4;
    display: block;
    padding: 95px 0 114px
}

section.error-404 .page-content {
    display: flex;
    gap: 0 60px;
    justify-content: space-between
}

section.error-404 .page-content .section-title {
    color: #000;
    letter-spacing: 0;
    font-weight: 700;
    text-align: left
}

section.error-404 .page-content .section-title span {
    color: #000;
    font-size: 44px
}

section.error-404 .page-content .small-text {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: .44px;
    color: #323C3E
}

section.error-404 .page-content .right {
    padding-right: 124px
}

section.error-404 .page-content .right img {
    height: auto
}

section.error-404 .back-button {
    margin-top: -43px
}

section.error-404 .back-button a {
    font-size: 18px;
    letter-spacing: .58px;
    line-height: 26px;
    font-weight: 700;
    padding: 15px 25px;
    background: #343634;
    color: #fff;
    text-decoration: none;
    border-radius: 2px
}

.question.Faq_title h4 {
    font-size: inherit
}

p.partial {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical
}

.accordion-open p.partial {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: unset;
    line-clamp: unset;
    -webkit-box-orient: vertical
}

.iti-mobile .iti--container {
    z-index: 99999999999
}

.placement .note-text {
    font-style: italic;
    font-size: 14px;
    text-align: left
}

.testimonials.note-text,
.our-hiring-partners-sec .note-text,
.our-hiring-partners-sec .note-text a {
    font-style: italic;
    font-size: 14px
}

.placement .statistics-block {
    background: #F7F7F7 !important
}

.placement .statistics-block .number-block {
    justify-content: space-between
}

.placement .statistics-block .number-block .line-item .counter-value {
    font-size: 30px;
    letter-spacing: .3px;
    text-align: left;
    line-height: 28px;
    padding-bottom: 5px
}

.placement .statistics-block .number-block .counter-text {
    font-weight: 700
}

.statistics-block {
    background: #F7F7F7 0% 0% no-repeat padding-box;
    padding: 24px 50px;
    border-radius: 5px
}

.statistics-block .number-block {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.statistics-block .number-block .line-item {
    flex-basis: 20%;
    padding: 12px
}

.statistics-block .number-block .line-item .counter-value {
    color: #f60
}

.om-logo {
    margin: 0
}

.enrollBand {
    background: #F7F7F7;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 24px;
    border-radius: 5px;
    margin-top: 12px
}

.enrollBand .knoewMoreBtn {
    background: #343634;
    padding: 12px 24px;
    cursor: pointer;
    color: #fff;
    border-radius: 2px;
    font-weight: 700
}

.enrollBand .knoewMoreBtn:hover {
    background: #f60
}

.imageBlock {
    position: relative
}

.imageBlock span {
    position: absolute;
    bottom: 0;
    left: 0;
    background: transparent linear-gradient(180deg, rgba(28, 28, 28, 0) 0%, #1C1C1C 100%) 0% 0% no-repeat padding-box;
    padding: 12px 24px;
    color: #fff;
    font-weight: 700;
    border-radius: 2px;
    font-size: 20px;
    width: 100%
}

.popupdemoleadForm .close-icon {
    z-index: 9999
}

.popupdemoleadForm .websiteForm.Vertical {
    background: #fff !important
}

.popupdemoleadForm .websiteForm.Vertical .formBlock {
    display: flex
}

.popupdemoleadForm .websiteForm.Vertical .formBlock .left {
    flex-basis: 50%;
    border-right: 1px solid rgba(0, 0, 0, .1607843137);
    padding: 0 24px;
    height: inherit;
    flex: 1
}

.popupdemoleadForm .websiteForm.Vertical .formBlock .left h5 {
    text-align: left;
    font-size: 30px
}

.popupdemoleadForm .websiteForm.Vertical .formBlock .right {
    height: inherit;
    padding: 0 24px;
    flex-basis: 50%;
    flex: 1
}

.popupdemoleadForm .websiteForm.Vertical .formBlock .right .rfi-form .submitField {
    flex-basis: 50%
}

.vwoMBAMobile {
    display: none
}

.vwo.floatingWidget {
    display: none;
    border-radius: 5px;
    padding: 8px 12px 0 8px;
    top: 50% !important;
    right: 0;
    bottom: unset !important
}

.vwo.floatingWidget .call,
.vwo.floatingWidget .whatsapp {
    border-radius: 2px
}

.vwo.enrollBand {
    display: none
}

.tabs.elective-tabs {
    display: flex;
    justify-content: center;
    border-bottom: none
}

.tabs.elective-tabs .tablinks {
    padding: 6px 12px;
    cursor: pointer;
    border: 1px solid #ccc;
    margin: 0 4px;
    border-radius: 5px
}

.tabs.elective-tabs .tablinks.active {
    background: #000;
    color: #fff
}

.courseShortName {
    font-size: 16px;
    padding-bottom: 12px
}

.courseDetails .section-title {
    padding-bottom: 12px
}

.courseDetails .top-bar {
    padding: 0 0 12px 0 !important
}

.vwo-last-date-admission {
    display: flex;
    align-items: center;
    padding: 16px 0 8px 0
}

.vwo-last-date-admission img {
    width: 20px;
    margin: 0 8px 0 0
}

.vwo-last-date-admission p {
    color: #f60;
    font-weight: 700
}

.electivesSlider .slick-track {
    margin-left: 0
}

.smu .courseDetails .courseInfo .left .univ-logo {
    padding: 32px 24px
}

.MUJ.muj-courseoverview .left .univ-logo {
    padding: 32px 24px !important
}

.onScrollFormPopup.popupscrollleadForm.enroll-form-footer .expandArrow {
    display: none
}

.onScrollFormPopup.popupscrollleadForm.enroll-form-footer {
    background: #fff
}

.onScrollFormPopup.popupscrollleadForm .websiteForm.Vertical {
    background: none;
    padding: 0 3.5vw 1.5vw 1.8vw !important
}

.onScrollFormPopup {
    width: 50%;
    padding: 0px !important
}

.onScrollFormPopup #popuprfiform h5 {
    padding: 5px 0 0 0 !important
}

.onScrollFormPopup .rfi-form .fieldGroup {
    padding: 5px
}

.onScrollFormPopup .popupContainer {
    width: 100%;
    overflow: hidden;
    display: block
}

.onScrollFormPopup .rfi-form .submitField input,
.onScrollFormPopup .websiteForm.Vertical .rfi-form .submitField input {
    background: transparent linear-gradient(90deg, #FF6600 0%, #FF5204 0%, #FF270D 100%) 0% 0% no-repeat padding-box !important
}

.page-template-home-page .overlay-bg,
.page-template-home-page-split .overlay-bg {
    background: rgba(0, 0, 0, .2) !important;
    z-index: 99999;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px)
}

.page-template-home-page .overlay-content,
.page-template-home-page-split .overlay-content {
    max-height: 97vh !important;
    height: -moz-fit-content !important;
    height: fit-content !important;
    top: 0 !important;
    left: 0 !important;
    right: 0;
    bottom: 0;
    place-items: center
}

.onscroll-popup .popup-text {
    display: flex;
    padding: 2.5vh 3.2vw 0 3.2vw;
    background-color: #f7f7f7;
    gap: 9vw;
    align-items: center
}

.onscroll-popup .otp-verification-block {
    margin-top: 15px
}

.onscroll-popup .otp-verification-block .details .university {
    font-size: 15px !important
}

.onscroll-popup .scroll-text {
    flex-basis: 60%
}

.onscroll-popup .close-icon {
    right: 23px !important
}

.onscroll-popup .scroll-text h5 {
    font-size: 1.6vw;
    line-height: 1.6vw
}

.onscroll-popup .popup-image img {
    width: 7.5vw
}

@media only screen and (min-width:1601px) and (max-width:1920px) {
    .roles-explore-sect .roles-rect {
        padding-bottom: 41px
    }

    .roles-explore-sect .slick-next {
        right: -14px
    }

    .roles-explore-sect .slick-prev {
        left: -16px
    }

    .wrapper.no-sidebar .leftBlock {
        width: 100%;
        padding-right: 12%;
        transition: all 0.5s
    }

    .wrapper.no-sidebar .messageBlock .left {
        height: unset;
        overflow: hidden
    }

    .wrapper.no-sidebar .messageBlock .right .name {
        padding: 70px 0 0 0
    }

    .messageBlock .left {
        height: unset;
        overflow: hidden
    }

    .messageBlock .left img {
        max-height: 304px
    }

    .messageBlock .right .name {
        padding: 70px 0 0 0
    }

    .container {
        margin: 0 12% !important
    }

    .bottomMargin {
        margin-bottom: 50px !important
    }

    #our-heritage {
        padding: 50px 12%
    }

    header {
        padding: 0 12% !important
    }

    body.marquee_there header {
        padding: 44px 12% 0 !important
    }

    .leftContainer {
        padding-left: 12% !important
    }

    .fullContainer {
        padding: 0 12% !important
    }

    .rightContainer {
        padding-right: 12% !important
    }

    .wrapper .leftBlock.fullContainer {
        padding: 0 12% !important
    }

    .course-card:hover .thumbnail-div img {
        -o-object-fit: unset !important;
        object-fit: unset !important
    }

    .placement-sect-slider .placell-top-img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

    .showreel-sect .container {
        margin: 0 12.5% !important
    }

    .showreel-sect .videoHolder {
        max-height: unset
    }

    .showreel-sect .videoDiv img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        max-height: 352px !important
    }

    .showreel-sect .playVideoBtn img {
        width: auto !important
    }

    .showreel-sect .showreel-slider .slick-prev.slick-arrow {
        top: 205px;
        left: 10.5%
    }

    .showreel-sect .showreel-slider .slick-next.slick-arrow {
        top: 205px;
        right: 11%
    }

    .showreel-sect .showreel-slider .slick-list {
        padding: 0 12%
    }

    @keyframes marquee-animation {
        from {
            transform: translateX(100%)
        }

        to {
            transform: translateX(-60%)
        }
    }

    .onScrollFormPopup {
        width: 36% !important
    }
}

@media only screen and (min-width:1367px) and (max-width:1600px) {
    .roles-explore-sect .roles-rect {
        padding-bottom: 41px
    }

    .roles-explore-sect .slick-next {
        right: -19px
    }

    .roles-explore-sect .slick-prev {
        left: -16px
    }

    .wrapper.no-sidebar .leftBlock {
        width: 100%;
        padding-right: 10%;
        transition: all 0.5s
    }

    .messageBlock .left {
        height: unset;
        overflow: hidden
    }

    .messageBlock .right .name {
        padding: 53px 0 0 0
    }

    .container {
        margin: 0 10% !important
    }

    .bottomMargin {
        margin-bottom: 50px !important
    }

    #our-heritage {
        padding: 50px 10%
    }

    header {
        padding: 0 10% !important
    }

    body.marquee_there header {
        padding: 44px 10% 0 !important
    }

    .leftContainer {
        padding-left: 10% !important
    }

    .fullContainer {
        padding: 0 10% !important
    }

    .rightContainer {
        padding-right: 10%
    }

    .wrapper .leftBlock.fullContainer {
        padding: 0 10%
    }

    .placement-sect-slider .placell-top-img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

    .showreel-sect .videoHolder {
        max-height: unset
    }

    .showreel-sect .videoDiv img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        max-height: 352px !important
    }

    .showreel-sect .playVideoBtn img {
        width: auto !important
    }

    .showreel-sect .showreel-text {
        min-height: 115px
    }

    .showreel-sect .slick-list {
        padding: 0 10%
    }

    .showreel-sect .slick-next {
        right: 8.5%
    }

    .showreel-sect .slick-prev {
        left: 8%
    }

    @keyframes marquee-animation {
        from {
            transform: translateX(100%)
        }

        to {
            transform: translateX(-76%)
        }
    }
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    .container {
        margin: 0 35px
    }

    .container .showreel-sect .showreel-text {
        padding: 20px 43px 20px
    }

    .container .showreel-sect .slick-list {
        padding: 0 10%
    }

    .container .showreel-sect .slick-next {
        right: 8%
    }

    .container .showreel-sect .slick-prev {
        left: 8%
    }

    .container .showreel-sect .showreel-slider .slick-prev.slick-arrow {
        top: 135px
    }

    .container .showreel-sect .showreel-slider .slick-next.slick-arrow {
        top: 135px
    }

    .container .container {
        margin: 0 35px
    }

    section.error-404 .back-button {
        margin-top: -33px
    }

    section.error-404 .page-content {
        gap: 0 10px
    }

    section.error-404 .page-content .left {
        flex-basis: 70%
    }

    section.error-404 .page-content .section-title {
        font-size: 36px;
        padding-bottom: 10px
    }

    section.error-404 .page-content .section-title span {
        font-size: 36px
    }

    section.error-404 .page-content .right {
        padding-right: 96px
    }

    .messageBlock .left img {
        height: 100%
    }

    .messageBlock .left img.tapmimg {
        position: absolute;
        bottom: 0
    }

    @keyframes marquee-animation {
        from {
            transform: translateX(100%)
        }

        to {
            transform: translateX(-120%)
        }
    }
}

@media only screen and (max-width:768px) {
    section.error-404 {
        padding: 50px 0 60px
    }

    section.error-404 .page-content {
        display: flex;
        gap: 20px 0;
        flex-direction: column
    }

    section.error-404 .page-content .section-title {
        text-align: center
    }

    section.error-404 .page-content .small-text {
        font-size: 16px !important;
        line-height: 30px;
        letter-spacing: .35px;
        color: #323C3E;
        text-align: center;
        margin-bottom: 20px
    }

    section.error-404 .page-content .right {
        padding-right: 0
    }

    section.error-404 .page-content .right img {
        height: auto
    }

    section.error-404 .back-button {
        margin-top: 56px;
        text-align: center
    }

    section.error-404 .back-button a {
        padding: 15px 25px
    }

    section.error-404 .right img {
        height: auto
    }

    .wrapper.no-sidebar .leftBlock {
        padding-right: 3.34vw;
        padding-left: 3.34vw
    }

    .marquee-text-parent .marquee-text {
        animation-duration: 13s
    }

    @keyframes marquee-animation {
        from {
            transform: translateX(100%)
        }

        to {
            transform: translateX(-160%)
        }
    }

    #our-heritage {
        padding: 50px 3.34vw
    }

    .global-impact-sect-home .container {
        margin: 0px !important
    }

    .global-impact-sect-home .statistics-block {
        margin-top: 0 !important
    }

    .global-impact-sect-home .statistics-block .number-block .line-item {
        padding: 24px 12px 12px !important
    }

    .pd-r-0.leftBlock {
        padding-right: 3.34vw !important
    }

    .MUJ .courseOverview .banner-section {
        background-image: url(../../../../../../../themes/flamingo/images/course-overview-banner-mobile.jpg);
        aspect-ratio: 820/500;
        padding: 3px 0 4vw 5.12%
    }

    .MUJ .courseOverview .banner-section .banner-content .left {
        padding-top: 18px;
        width: 80%
    }

    .MUJ .courseOverview .banner-section .banner-content .left h3 {
        font-size: 24px;
        line-height: 27px;
        padding-bottom: 10px
    }

    .MUJ .courseOverview .banner-section .banner-content .left h3 span {
        font-size: 27px;
        line-height: 27px
    }

    .MUJ .courseOverview .banner-section .banner-content .left .course-fee-label {
        font-size: 14px;
        line-height: 18px
    }

    .MUJ .courseOverview .banner-section .banner-content .left .acc-logos {
        display: flex;
        margin-top: 18px;
        gap: 15px
    }

    .MUJ .courseOverview .banner-section .banner-content .left .acc-logos .logo-item {
        display: flex;
        align-items: center
    }

    .MUJ .courseOverview .banner-section .banner-content .left .acc-logos .logo-item img {
        margin: 0;
        width: 24px
    }

    .MUJ .courseOverview .banner-section .banner-content .left .acc-logos .logo-item span {
        color: #1C1C1C;
        font-weight: 700;
        font-size: 8px;
        line-height: 9px;
        width: 40px
    }

    .MUJ .courseOverview .banner-section .banner-content .left .download-brochure-btn {
        padding: 8px 11px 9px 12px;
        font-size: 11px;
        line-height: 17px;
        margin-top: 16px
    }

    .MUJ .courseOverview .banner-section .banner-content .right h4 {
        padding: 5px 18px 5px 20px;
        width: -moz-max-content;
        width: max-content;
        margin-top: 7px;
        font-size: 10px;
        line-height: 18px
    }

    .application-deadline .time-wrap {
        flex: 0 0 50%;
        padding: 5px 16px 0 0
    }

    .application-deadline .time-wrap .layout {
        flex-direction: row !important;
        padding: 0 !important
    }

    .otp-verification-block input {
        font-size: 16px !important
    }
}

@media only screen and (min-width:481px) and (max-width:768px) {
    .container {
        margin: 0 3.34vw
    }

    header {
        padding: 0 35px
    }

    header .submenu-list>li {
        width: 100%;
        max-width: 100% !important
    }

    header .enrollDiv a {
        padding: 15px
    }

    .course-section .course-filter-bar .search-container {
        width: 91% !important
    }

    .course-section .course-filter-bar .search-container input {
        width: 100% !important;
        border-radius: 5px !important
    }

    .course-section .course-filter-bar .search-container form {
        border-radius: 5px !important
    }

    nav#tile-2::-webkit-scrollbar {
        display: none
    }

    nav#tile-2 {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .course-card-container::-webkit-scrollbar {
        display: none
    }

    .course-card-container {
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .course-card-container .course-card {
        min-width: 340px !important
    }

    .thumbnail-div img {
        width: 100% !important
    }

    .course-card-container .course-card .text-div .heading {
        justify-content: center
    }

    .course-card-container .course-card .text-div .title {
        max-width: initial !important;
        text-align: center
    }

    .course-card-container .course-card .text-div .institute {
        max-width: initial !important;
        text-align: center
    }

    .course-card-container .course-card .text-div .duration-pricing {
        justify-content: space-around !important
    }

    nav#tile-1 {
        overflow-x: auto
    }

    nav#tile-11 {
        overflow-x: auto
    }

    .course-section .course-nav-pane-container #tile-1 .nav-tabs {
        width: 172%
    }

    nav#tile-1::-webkit-scrollbar {
        display: none
    }

    nav#tile-1 {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    nav#tile-11::-webkit-scrollbar {
        display: none
    }

    nav#tile-11 {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .course-section .course-nav-pane-container .nav {
        flex-wrap: inherit !important
    }

    .course-section .course-nav-pane-container .nav-justified .nav-item {
        flex-grow: 1 !important;
        flex-shrink: 0
    }

    .course-section .course-filter-bar {
        padding: 0 0 20px !important
    }

    .course-section .course-filter-bar .search-container {
        padding: 0 !important
    }

    .onscroll-popup .scroll-text h5 {
        font-size: 22px !important;
        line-height: 22px !important
    }

    .onscroll-popup .popup-text {
        padding: 22px 28px 0 28px !important
    }

    .onscroll-popup .popup-image img {
        width: 100px !important
    }

    .page-template-home-page .overlay-content,
    .page-template-home-page-split .overlay-content {
        max-height: unset !important;
        height: -moz-fit-content !important;
        height: fit-content !important;
        width: 87%
    }

    .onScrollFormPopup.popupscrollleadForm .websiteForm.Vertical {
        padding: 0 3.5vw 7.5vw 3.5vw !important;
        margin-left: 0px !important
    }
}

@media only screen and (max-width:767px) {
    .headoverscl {
        overflow: hidden !important
    }

    #back-top {
        padding: 10px 15px;
        font-size: 14px
    }

    #back-top.show {
        transform: translate(-50%, 240%)
    }

    header {
        height: unset;
        padding: 12px 35px
    }

    header .logo img {
        max-width: 130px;
        height: auto
    }

    header .header-course-div {
        background-color: #F7F7F7;
        height: calc(100% - 51px);
        width: 0;
        position: fixed;
        z-index: 3;
        top: 0;
        left: 0;
        overflow: hidden;
        padding-bottom: 0;
        display: flex;
        flex-direction: column;
        padding: 20px 0
    }

    header .header-course-div .header-course-div-heading {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 0 34px
    }

    header .header-course-div .header-course-div-heading .header-back-course-button {
        float: left;
        background: #fff;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .1607843137);
        margin: 10px 0;
        font-size: 14px
    }

    header .header-course-div .header-course-div-heading .header-close-button {
        width: 16px;
        z-index: 3
    }

    header .header-course-div .header-course-heading {
        background-color: transparent;
        color: #343634;
        font-size: 20px;
        font-weight: 700;
        line-height: 22px;
        letter-spacing: .2px;
        margin: 5px 34px 15px 34px
    }

    header .header-course-div .header-course-heading img {
        display: inline-block;
        margin-right: 10px
    }

    header .header-course-div .header-couse-type {
        font-size: 12px;
        letter-spacing: 2.64px;
        color: #1c1c1c;
        margin: 0 0 12px 0;
        display: block;
        margin: 0 34px
    }

    header .header-course-div .header-browse-all {
        margin: 0 34px;
        background: #d8d8d8;
        text-decoration: none;
        font-size: 14px;
        font-weight: 700;
        line-height: 16px;
        letter-spacing: .14px;
        padding: 15px 20px;
        display: flex;
        justify-content: space-between
    }

    header .header-course-div .header-browse-all img {
        margin: 0
    }

    header .header-course-div .header-course-nav-container {
        background-color: #fff;
        flex: 1;
        margin: 10px 34px;
        padding: 10px 0;
        border-radius: 5px;
        display: flex;
        flex-direction: column;
        height: 70%
    }

    header .header-course-div .header-course-nav-container .tab-content::-webkit-scrollbar {
        display: none
    }

    header .header-course-div .header-course-nav-container .tab-content {
        -ms-overflow-style: none;
        scrollbar-width: none;
        padding: 0 20px;
        width: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
        height: 100%
    }

    header .header-course-div .header-course-nav-container .tab-content .tab-pane.fade {
        display: none
    }

    header .header-course-div .header-course-nav-container .tab-content .tab-pane.active {
        display: block
    }

    header .header-course-div .header-course-nav-container .tab-content .tab-pane .course-card {
        min-width: 100%;
        flex-basis: 100%;
        text-decoration: none;
        margin: 0 !important;
        display: flex;
        gap: 10px;
        margin: 0 20px
    }

    header .header-course-div .header-course-nav-container .tab-content .tab-pane .course-card .course-know-more {
        display: none
    }

    header .header-course-div .header-course-nav-container .tab-content .tab-pane .course-card .text-div {
        position: relative;
        padding: 0;
        background: transparent;
        margin-bottom: 30px;
        flex: 1
    }

    header .header-course-div .header-course-nav-container .tab-content .tab-pane .course-card .text-div .hlightm {
        position: absolute;
        top: 0;
        right: 0;
        background: #074A76;
        font-size: 10px;
        line-height: 14px;
        letter-spacing: .1px;
        color: #f7f7f7;
        border-radius: 2px;
        padding: 0 5px;
        vertical-align: middle
    }

    header .header-course-div .header-course-nav-container .tab-content .tab-pane .course-card .text-div .title {
        font-weight: 700;
        letter-spacing: .14px;
        line-height: initial;
        font-size: 14px !important;
        line-height: 18px !important;
        border-bottom: 0;
        padding: 0 !important;
        height: auto;
        min-height: unset !important;
        text-transform: none
    }

    header .header-course-div .header-course-nav-container .tab-content .tab-pane .course-card .text-div .institute {
        height: auto;
        padding: 0;
        text-transform: none;
        font-size: 10px;
        letter-spacing: .1px;
        text-align: left
    }

    header .header-course-div .header-course-nav-container .tab-content .tab-pane .course-card .text-div .duration-pricing {
        display: flex;
        justify-content: flex-start !important;
        padding: 0
    }

    header .header-course-div .header-course-nav-container .tab-content .tab-pane .course-card .text-div .duration-pricing .duration {
        display: flex;
        gap: 5px;
        flex: 0 0 auto
    }

    header .header-course-div .header-course-nav-container .tab-content .tab-pane .course-card .text-div .duration-pricing .duration img {
        margin: 0
    }

    header .header-course-div .header-course-nav-container .tab-content .tab-pane .course-card .text-div .duration-pricing .duration span {
        font-size: 10px;
        line-height: 12px;
        letter-spacing: .1px;
        padding-top: 2px;
        color: #000
    }

    header .header-course-div .header-course-nav-container .header-course-title::-webkit-scrollbar {
        display: none
    }

    header .header-course-div .header-course-nav-container .header-course-title#tile-1 {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    header .header-course-div .header-course-nav-container .header-course-title {
        margin-bottom: 15px;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0 20px 10px 20px
    }

    header .header-course-div .header-course-nav-container .header-course-title .nav-tabs {
        border-bottom: 5px solid #EFEFEF !important;
        width: -moz-max-content !important;
        width: max-content !important;
        display: flex;
        flex-wrap: wrap;
        list-style: none;
        justify-content: start;
        padding: 5px 0 10px 0;
        margin-right: 5px;
        position: relative
    }

    header .header-course-div .header-course-nav-container .header-course-title .nav-tabs .slider {
        display: inline-block;
        width: 30px;
        height: 4px;
        background-color: #343634;
        position: absolute;
        z-index: 1200;
        bottom: -4px;
        transition: all 0.2s linear
    }

    header .header-course-div .header-course-nav-container .header-course-title .nav-tabs .nav-item {
        padding-right: 20px;
        margin-right: 0;
        flex-grow: 1 !important;
        flex-shrink: 0
    }

    header .header-course-div .header-course-nav-container .header-course-title .nav-tabs .nav-item a {
        font-size: 14px;
        letter-spacing: .14px;
        line-height: 20px;
        color: #b5b1b1;
        background-color: transparent !important;
        position: relative;
        margin-right: 0px !important;
        border: none !important;
        text-decoration: none;
        font-weight: 500
    }

    header .header-course-div .header-course-nav-container .header-course-title .nav-tabs .nav-item a.active {
        color: #1c1c1c !important
    }

    header .header-course-div .header-course-nav-container .header-course-title .nav-tabs .nav-item:last-child {
        padding-right: 0
    }

    header .menu {
        display: none
    }

    header .menu-icon {
        cursor: pointer
    }

    header .overlaymb::-webkit-scrollbar {
        display: none
    }

    header .overlaymb {
        height: calc(100% - 50px);
        width: 0;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: #F7F7F7;
        overflow-y: scroll
    }

    header .overlaymb .closebtn {
        position: absolute;
        top: 30.24px;
        right: 34px;
        width: 16px;
        z-index: 3
    }

    header .overlaymb .closeCourseNavbtn {
        width: 16px;
        z-index: 3
    }

    header .mobmenu-wrap {
        margin: 44px 43px 97px
    }

    header .mobmenu-wrap .header-mobile-menu {
        background-color: #f7f7f7;
        color: #343634;
        cursor: pointer;
        padding: 32px 0;
        width: 100%;
        border: none;
        text-align: left;
        outline: none;
        transition: 0.4s;
        font-size: 20px;
        font-weight: 700;
        line-height: 22px;
        letter-spacing: .2px
    }

    header .mobmenu-wrap button.header-mobile-menu:first-child img {
        display: inline-block;
        margin-right: 10px;
        width: 14px
    }

    header .mobmenu-wrap .header-mobile-menu:after {
        content: "\f107";
        font: normal normal normal 20px/1 FontAwesome;
        color: #707070;
        font-weight: 700;
        float: right;
        margin-left: 5px
    }

    header .mobmenu-wrap .header-mobile-menu.last:after {
        content: "\f105";
        font: normal normal normal 14px/1 FontAwesome;
        float: right;
        color: #707070;
        font-weight: 700;
        margin-top: 6px
    }

    header .mobmenu-wrap .active:after {
        content: "\f106";
        font: normal normal normal 20px/1 FontAwesome
    }

    header .mobmenu-wrap .panel {
        padding: 0;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
        border-bottom: 1px solid #d8d8d8
    }

    header .mobmenu-wrap .panel p {
        display: block
    }

    header .mobmenu-wrap .panel p span.type {
        font-size: 12px;
        letter-spacing: 2.64px;
        color: #1c1c1c;
        margin-bottom: 10px;
        margin-top: 0;
        display: block
    }

    header .mobmenu-wrap .panel p span.institute {
        margin-top: 30px
    }

    header .mobmenu-wrap .panel p.browse-all {
        margin: 25px 0 50px;
        text-align: center;
        font-weight: 700;
        display: block
    }

    header .mobmenu-wrap .panel p.browse-all a {
        text-decoration: underline
    }

    header .mobmenu-wrap .panel2 {
        padding: 0;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
        border-bottom: 1px solid #d8d8d8
    }

    header .mobmenu-wrap ul.mob-submenu {
        padding: 0
    }

    header .mobmenu-wrap ul.mob-submenu.last {
        padding: 0;
        margin-bottom: 35px
    }

    header .mobmenu-wrap ul.mob-submenu.last span.smutag {
        display: inline-block;
        margin: 0 0 0 2px !important;
        background: #074A76;
        font-size: 10px;
        line-height: 14px;
        letter-spacing: .1px;
        color: #f7f7f7;
        border-radius: 2px;
        padding: 0 5px;
        vertical-align: top
    }

    header .mobmenu-wrap ul.mob-submenu li {
        padding: 18px;
        margin: 0 0 10px
    }

    header .mobmenu-wrap ul.mob-submenu a {
        text-decoration: none
    }

    header .mobmenu-wrap ul.mob-submenu li,
    header .mobmenu-wrap ul.mob-submenu li a {
        background: #fff;
        list-style: none;
        font-size: 14px;
        font-weight: 700;
        line-height: 16px;
        letter-spacing: .14px;
        color: #535353;
        border-radius: 5px;
        text-decoration: none;
        width: 100%;
        height: 100%
    }

    header .mobmenu-wrap ul.mob-submenu li a {
        padding: 0;
        margin: 0
    }

    header .mobmenu-wrap li img {
        width: 12px;
        display: inline-block;
        margin-right: 6px
    }

    header ul.mob-submenu li:after {
        content: "\f105";
        font: normal normal normal 20px/1 FontAwesome;
        float: right;
        color: #707070;
        line-height: 16px
    }

    header .courseDivbg {
        height: calc(100% - 50px);
        width: 0;
        position: fixed;
        z-index: 3;
        top: 0;
        left: 0;
        background-color: #F7F7F7;
        overflow: hidden;
        padding-bottom: 0
    }

    header .courseDivbg .courseDivWrap {
        padding: 20px 34px 0 34px;
        display: flex;
        flex-direction: column;
        height: calc(100% - 60px)
    }

    header .courseDivbg .courseDivWrap .course-nav-header-container {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    header .courseDivbg .courseDivWrap .closebtn {
        float: right;
        width: 16px;
        padding: 9.5px 0;
        z-index: 3
    }

    header .courseDivbg .courseDivWrap .coursebck {
        float: left;
        background: #fff;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .1607843137);
        margin: 10px 0
    }

    header .courseDivbg .courseDivWrap .coursebck i {
        color: #949494
    }

    header .courseDivbg .courseDivWrap .mb-sub-menu-heading {
        background-color: transparent;
        color: #343634;
        border: none;
        text-align: left;
        outline: none;
        transition: 0.4s;
        font-size: 20px;
        font-weight: 700;
        line-height: 22px;
        letter-spacing: .2px;
        margin: 5px 0 15px 0
    }

    header .courseDivbg .courseDivWrap .mb-sub-menu-heading img {
        display: inline-block;
        margin-right: 10px
    }

    header .courseDivbg .courseDivWrap p span.type {
        font-size: 12px;
        letter-spacing: 2.64px;
        color: #1c1c1c;
        margin: 0 0 12px 0;
        display: block
    }

    header .courseDivbg .courseDivWrap section.container.course-section {
        margin: 0;
        background: #fff;
        border-radius: 5px;
        flex: 1;
        display: flex
    }

    header .courseDivbg .browseBtn {
        background: #d8d8d8;
        padding: 15px 20px;
        width: 100%;
        display: block;
        text-align: center;
        text-decoration: none;
        font-size: 14px;
        font-weight: 700;
        line-height: 16px;
        letter-spacing: .14px;
        margin-bottom: 10px;
        display: flex;
        justify-content: space-between;
        position: sticky
    }

    header .courseDivbg .browseBtn img {
        margin: 0
    }

    header .course-card-container {
        display: flex;
        flex-wrap: wrap;
        -moz-column-gap: 10px;
        column-gap: 10px
    }

    header .course-card a {
        text-decoration: none
    }

    header .course-card-container .course-card:hover {
        box-shadow: none;
        margin: 0
    }

    header .course-section .course-nav-pane-container #tile-1 {
        margin-bottom: 15px;
        height: 100%
    }

    header .course-section .course-nav-pane-container #tile-1 .nav-tabs li a {
        font-size: 14px;
        letter-spacing: .14px;
        line-height: 20px;
        color: #1c1c1c
    }

    header .course-section .course-nav-pane-container #tile-11 .nav-tabs li a {
        font-size: 14px;
        letter-spacing: .14px;
        line-height: 20px;
        color: #1c1c1c
    }

    header .course-section .course-nav-pane-container #tile-1 .nav-tabs .active {
        font-weight: 700;
        color: #1c1c1c
    }

    header .course-section .course-nav-pane-container #tile-11 .nav-tabs .active {
        font-weight: 700;
        color: #1c1c1c
    }

    header .course-section .course-nav-pane-container .nav-justified .nav-item:last-child {
        padding-right: 0
    }

    header .course-section .course-nav-pane-container .nav-justified .nav-item {
        padding-right: 20px;
        margin-right: 0
    }

    header .course-section .course-nav-pane-container #tile-1 .nav-tabs a:hover {
        background-color: transparent !important
    }

    header .course-section .course-nav-pane-container #tile-11 .nav-tabs a:hover {
        background-color: transparent !important
    }

    header .course-section.institute-course-section {
        padding: 0
    }

    header .course-section .course-nav-pane-container .tab-content .tab-pane {
        padding: 0;
        margin: 0 35px
    }

    header .thumbnail-div img {
        width: 44px !important;
        height: 44px;
        margin: 0;
        border-radius: 5px
    }

    header .course-card-container .course-card .text-div {
        padding: 0;
        background: transparent;
        margin-bottom: 30px;
        flex: 1
    }

    header .course-card-container .course-card .course-know-more {
        display: none
    }

    header .course-card-container .course-card .text-div .title {
        text-align: left;
        padding: 10px 0;
        font-weight: 700;
        max-width: 240px;
        letter-spacing: .16px;
        font-size: 14px;
        line-height: 18px;
        color: #1C1C1C
    }

    header .course-card-container .course-card .text-div .title {
        font-weight: 700;
        max-width: 240px;
        letter-spacing: .14px;
        line-height: initial;
        font-size: 14px !important;
        line-height: 18px !important;
        border-bottom: 0;
        padding: 0 !important;
        height: auto;
        min-height: unset !important;
        text-transform: none
    }

    header .course-card-container .course-card .text-div .institute {
        height: auto;
        padding: 0;
        text-transform: none;
        font-size: 10px;
        letter-spacing: .1px;
        max-width: 240px;
        text-align: left
    }

    header .course-card-container .course-card .text-div .duration-pricing .duration span {
        font-size: 10px;
        line-height: 12px;
        letter-spacing: .1px;
        padding-top: 2px
    }

    header .course-card-container .course-card .text-div .duration-pricing {
        justify-content: flex-start !important;
        padding: 0
    }

    header .course-card-container .course-card .text-div .duration-pricing .duration img {
        margin: auto 0
    }

    header .course-card-container .course-card {
        margin: 0
    }

    header .course-section .course-nav-pane-container .nav {
        padding: 0 0 10px
    }

    header .course-card-container .course-card {
        min-width: 100%;
        flex-basis: 100%;
        text-decoration: none;
        margin: 0 10px;
        display: flex;
        gap: 10px;
        margin: 0 20px
    }

    .mobileBottomWidget {
        z-index: 1202
    }

    .mobileBottomWidget {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff
    }

    .mobileBottomWidget .downloadBtn {
        display: FLEX;
        justify-content: center;
        background: #343634;
        cursor: pointer;
        color: #fff;
        padding: 18px 24px;
        text-decoration: none;
        margin-bottom: 6px
    }

    .mobileBottomWidget .mobileEnrollBtn {
        cursor: pointer;
        background: linear-gradient(90deg, #E12333 0%, #ff6600 100%);
        border-radius: 2px;
        display: flex;
        justify-content: center;
        font-weight: 600;
        align-items: center;
        font-size: 16px;
        padding: 18px 24px;
        color: #fff;
        text-decoration: none
    }

    body.home footer {
        margin-bottom: 50px
    }

    body.page-template-about-us footer,
    body.page-template-om-plus-page footer,
    body.page-template-blog footer {
        margin-bottom: 50px
    }

    body.page-template-institution-page footer {
        margin-bottom: 110px
    }

    body.page-template-institution-page.page-id-677339 footer {
        margin-bottom: 110px
    }

    footer {
        background: #070E2B
    }

    footer a {
        font-size: 14px
    }

    footer p {
        font-size: 14px
    }

    footer .course-container {
        padding-bottom: 20px
    }

    footer .accordion-sub-desc {
        padding-top: 20px;
        padding-left: 20px;
        gap: 10px
    }

    footer .footer-contact-container {
        padding: 0
    }

    footer .footer-contact-container .contact-us-container {
        gap: 0;
        display: flex;
        flex-direction: column-reverse;
        padding-top: 40px;
        padding-bottom: 40px
    }

    footer .footer-contact-container .contact-us-container .footer-menu-container {
        flex-direction: column-reverse
    }

    footer .footer-contact-container .contact-us-container .footer-menu-container .menu-menu-1-container {
        display: flex
    }

    footer .footer-contact-container .contact-us-container .footer-menu-container .menu-menu-1-container ul {
        gap: 30px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 53px;
        width: 100%
    }

    footer .footer-contact-container .contact-us-container .footer-menu-container .menu-menu-1-container ul a {
        font-weight: 300;
        line-height: 20px;
        letter-spacing: 0
    }

    footer .footer-contact-container .contact-us-container .footer-menu-container .social-media {
        justify-content: center;
        margin-top: 36px;
        padding-bottom: 40px;
        border-bottom: 1px solid #B5B1B1
    }

    footer .footer-contact-container .contact-us-container .footer-menu-container .social-media ul {
        gap: 20px
    }

    footer .footer-contact-container .contact-us-container .info-container {
        display: flex;
        align-items: center;
        flex-direction: column
    }

    footer .footer-contact-container .contact-us-container .info-container a {
        gap: 5px;
        font-size: 14px;
        letter-spacing: .64px;
        color: #fdf8f4
    }

    footer .footer-contact-container .contact-us-container .info-container a img {
        height: 15px;
        max-width: 15px
    }

    footer .footer-course-container {
        flex-direction: column;
        padding: 0
    }

    footer .footer-course-container .footer-course-block {
        display: flex;
        flex-direction: column
    }

    footer .footer-course-container .footer-course-block .footer-course-block {
        display: flex;
        flex-direction: column
    }

    footer .footer-course-container p {
        font-size: 16px;
        font-family: "HelveticaNowDisplay";
        color: #fff;
        line-height: 18px;
        letter-spacing: .16px;
        font-style: normal;
        font-weight: 700;
        padding-bottom: 16.75px
    }

    footer .footer-course-container a {
        text-decoration: none;
        font-size: 16px;
        font-family: "HelveticaNowDisplay";
        color: #fff;
        line-height: 18px;
        letter-spacing: .16px;
        font-style: normal;
        font-weight: 400;
        padding-bottom: 11px
    }

    footer .footer-course-container .fa-angle-up {
        display: none
    }

    footer .footer-course-container .accordion-open .fa-angle-down {
        display: none
    }

    footer .footer-course-container .accordion-open .fa-angle-up {
        display: block
    }

    footer .footer-course-container .accordion-title {
        font-size: 16px;
        font-family: "HelveticaNowDisplay";
        color: #fff;
        line-height: 24px;
        letter-spacing: .16px;
        font-style: normal;
        font-weight: 700;
        display: flex;
        text-transform: uppercase;
        width: 100%;
        justify-content: center;
        gap: 10px;
        align-items: center
    }

    footer .footer-course-container .accordion-sub-title {
        font-size: 14px;
        font-family: "HelveticaNowDisplay";
        color: #fff;
        line-height: 24px;
        letter-spacing: .14px;
        font-style: normal;
        font-weight: 700;
        display: flex;
        text-transform: uppercase;
        width: 100%;
        justify-content: space-between;
        gap: 10px;
        align-items: center
    }

    footer .footer-course-container .course-heading {
        text-align: center;
        padding: 20px 0
    }

    footer .footer-course-container .course-first-section {
        display: flex;
        flex-direction: column;
        flex: .33;
        gap: 0
    }

    footer .footer-course-container .course-second-section {
        display: flex;
        flex-direction: column;
        flex: .66
    }

    footer .footer-course-container .course-second-section .course-degree-container {
        display: flex;
        gap: 2.55%;
        flex-direction: column
    }

    footer .footer-course-container .course-second-section .course-degree-container .course-first-container {
        gap: 20px;
        display: flex;
        flex: 1;
        flex-direction: column
    }

    footer .footer-course-container .course-second-section .course-degree-container .course-second-container,
    footer .footer-course-container .course-second-section .course-degree-container .course-third-container {
        gap: 20px;
        display: flex;
        flex: 1;
        flex-direction: column;
        padding-top: 20px
    }

    footer .copyright-container {
        padding: 30px 0;
        flex-direction: row-reverse
    }

    footer .copyright-container a {
        font-family: "HelveticaNowDisplay";
        font-size: 12px;
        letter-spacing: .12px;
        line-height: 24px;
        font-weight: 400;
        flex: 1;
        text-align: center
    }

    footer .copyright-container .legal-container {
        justify-content: flex-end;
        display: none
    }

    footer .logo-container {
        background-color: #f7f7f7;
        padding: 23px
    }

    footer .logo-container .logo img {
        width: 46%
    }

    @keyframes marquee-animation {
        from {
            transform: translateX(100%)
        }

        to {
            transform: translateX(-160%)
        }
    }
}

.univ-logo {
    display: none
}

.coursePage .banner-top-section .univ-logo {
    display: block;
    background: #f7f7f7 !important
}

.institution-details .courseDetails .courseInfo .left .univ-logo {
    display: block
}

@media only screen and (min-width:0) and (max-width:480px) {

    body,
    main {
        overflow-x: hidden !important
    }

    .courseDetails .courseInfo .right .row:last-child .line-item.free-content.center.muj {
        padding-bottom: 12px
    }

    .smu .courseDetails .courseInfo .left .univ-logo {
        padding: 16px 24px
    }

    .smu .courseDetails .courseInfo .right .row:nth-child(3) {
        border-bottom: 0
    }

    .smu .courseDetails .courseInfo .right .row.smunote {
        margin: 0 -20px -20px -20px;
        padding: 12px 20px
    }

    .smu .courseDetails .courseInfo .right .row.smunote h4 {
        font-size: 14px
    }

    .scholarship-text-center h6 {
        padding-bottom: 6px
    }

    .scholarship-sect .flex-item img {
        margin-bottom: 6px !important
    }

    .courseOverview .courseDetails h1.section-title {
        padding-bottom: 8px;
        font-size: 22px !important;
        letter-spacing: 0.22px !important;
        margin-bottom: 13px
    }

    .courseDetails .courseInfo .right .row .line-item .label,
    .courseDetails .courseInfo .right .row .line-item.free-content.center span {
        align-items: flex-start !important
    }

    .scholarships .scholarship-flex-container .flex-item {
        margin: 0 20px 0 20px !important
    }

    .scholarship-flex-container .left-content {
        padding: 12px 24px !important
    }

    .courseDetails .courseInfo .left .univ-logo {
        padding: 16px 63px !important
    }

    .courseDetails .top-bar .acc-logos .logo-item span {
        line-height: 14px !important
    }

    .rankings .rankingSlider .line-items {
        padding: 8px !important
    }

    .courseShortName {
        font-size: 14px;
        text-align: center;
        padding-bottom: 6px
    }

    .courseDetails .top-bar .social-share {
        padding-bottom: 8px
    }

    .placement .statistics-block .number-block .line-item {
        flex-basis: 50%
    }

    .vwo.floatingWidget {
        display: block
    }

    .popupdemoleadForm .websiteForm.Vertical .formBlock {
        flex-direction: column
    }

    .popupdemoleadForm .websiteForm.Vertical {
        padding: 0 !important;
        margin-left: 0 !important
    }

    .popupdemoleadForm .websiteForm.Vertical h5 {
        text-align: center !important;
        padding-bottom: 50px
    }

    .popupdemoleadForm .websiteForm.Vertical .left p {
        text-align: center;
        font-size: 16px !important;
        padding-bottom: 20px
    }

    .popupdemoleadForm .websiteForm.Vertical .formBlock .right .rfi-form .submitField {
        flex-basis: 100%
    }

    .enrollBand {
        flex-direction: column;
        padding: 12px 24px
    }

    .enrollBand p {
        padding-bottom: 12px;
        text-align: center
    }

    .om-logo {
        margin: 0;
        max-width: 130px;
        height: auto
    }

    .oma-tab {
        height: auto
    }

    .oma-container {
        display: block !important
    }

    .knowMore {
        text-align: center
    }

    .course-card-container {
        padding-bottom: 0px !important
    }

    .contact-us.mobile {
        display: flex;
        justify-content: center
    }

    .contact-us.mobile a {
        font-size: 14px !important
    }

    .statistics-block {
        padding: 12px;
        margin-top: 24px
    }

    .statistics-block .number-block {
        justify-content: center
    }

    .statistics-block .number-block .line-item {
        flex-basis: 30%;
        padding: 12px;
        gap: 12px
    }

    .statistics-block .number-block .line-item .counter-value {
        font-size: 20px;
        line-height: 24px
    }

    .statistics-block .number-block .line-item p {
        font-size: 14px !important;
        line-height: 14px
    }

    .statistics-block .number-block .line-item:nth-child(2),
    .statistics-block .number-block .line-item:nth-child(5) {
        flex-basis: 40%
    }

    .messageBlockSlider .line-items {
        margin-left: -35px !important;
        margin-right: -35px !important
    }

    .messageBlockSlider .slick-list {
        overflow: unset !important
    }

    .messageBlockSlider .slick-track {
        display: flex
    }

    .messageBlock .right {
        padding: 20px
    }

    .messageBlockSlider .messageBlock {
        padding-right: 35px;
        padding-left: 35px;
        height: inherit
    }

    .courseDetails .dateHightlight .left img {
        width: 30px
    }

    #lsq-process-overlay .status-desc {
        font-size: 14px
    }

    #lsq-process-overlay .status-text {
        font-size: 16px
    }

    #icon-container {
        width: 200px
    }

    p,
    .mobilefontsize {
        font-size: 14px !important
    }

    * {
        font-size: 14px
    }

    .mobilefontweight {
        font-weight: bold !important
    }

    .sub-heading {
        font-size: 16px !important
    }

    .electiveCardFontSize {
        font-size: 12px !important
    }

    .capsWithSpacing {
        font-size: 10px !important
    }

    .course-section .course-nav-pane-container #tile-11 .nav-tabs li a {
        font-size: 14px;
        font-weight: 700
    }

    .showreel-sect .showreel-text {
        line-height: 16px;
        padding: 15px;
        min-height: 80px
    }

    .course-card-container .course-card .text-div .heading span {
        font-size: 14px
    }

    .about-us-info {
        padding: 24px
    }

    .our-heritage {
        flex-direction: column;
        gap: 24px
    }

    .our-heritage .left {
        flex-basis: 100%;
        margin-right: 0
    }

    .our-heritage .left img {
        border-radius: 5px
    }

    .our-heritage .left .text {
        padding-bottom: 20px
    }

    .our-heritage .right {
        border-radius: 5px;
        background: #EFEFEF;
        flex-basis: 100%;
        padding: 24px 12px !important
    }

    .our-heritage .right h3 {
        font-size: 22px;
        line-height: 24px;
        text-align: center
    }

    .our-heritage .right p {
        text-align: center
    }

    .about-us-info p {
        text-align: center
    }

    .assesment-sect.container.rankings {
        margin-left: 35px !important;
        margin-right: 35px !important
    }

    .assesment-sect .assesmentSlider {
        margin-left: -35px !important;
        margin-right: -35px !important
    }

    .overlay-content.faculty {
        width: 90% !important;
        padding: 24px
    }

    .overlay-content.faculty .close-icon {
        position: absolute;
        top: 24px;
        right: 24px;
        z-index: 999999
    }

    .overlay-content.faculty .close-icon img {
        float: right
    }

    .overlay-content.faculty .left img {
        width: 100px
    }

    .overlay-content.faculty .top .right span {
        font-size: 12px
    }

    .overlay-content.faculty .top .right .name {
        font-size: 18px !important;
        padding-bottom: 5px;
        line-height: 24px
    }

    .overlay-content.faculty .details {
        padding-top: 12px
    }

    .overlay-content.faculty .top .left img {
        width: 100px
    }

    .leftContainer .institute-course-section .course-card-container {
        overflow-x: auto;
        overflow: auto !important
    }

    .popupContainer .websiteForm h5 {
        padding-bottom: 12px;
        text-align: center;
        font-size: 18px
    }

    .bannerSliderHolder.bottomMargin {
        margin-bottom: 25px
    }

    .courseDetails .courseInfo .right .row .line-item span img {
        margin: 2px 6px 0 0
    }

    .courseDetails .top-bar .acc-logos .logo-item {
        padding-right: 0;
        flex-basis: 50%
    }

    .courseDetails h1.section-title {
        padding-bottom: 15px
    }

    .courseDetails .cuniv-name {
        font-size: 14px;
        text-align: center
    }

    .courseDetails .courseInfo .right .row .line-item .label {
        font-size: 10px;
        letter-spacing: 1.64px
    }

    .courseDetails span.label.dsml {
        position: absolute
    }

    .courseDetails .courseInfo .right {
        padding: 20px
    }

    .institutionOverview .courseDetails .courseInfo .right {
        padding: 0
    }

    .courseDetails .courseInfo .right .row .line-item:first-child {
        margin-right: 8px
    }

    .faculty .line-items .card .item .image {
        margin-right: 0
    }

    .faculty .line-items .card .right {
        text-align: center
    }

    #lsq-process-overlay {
        width: 90%
    }

    #lsq-process-overlay .message {
        padding: 24px;
        position: absolute;
        bottom: 50px
    }

    .secondaryMenu {
        padding: 3.6vw 7.293vw 8.35vw;
        justify-content: space-between
    }

    .secondaryMenu .menuDetails {
        justify-content: space-around;
        align-items: flex-start
    }

    .secondaryMenu .menuDetails .line-items {
        padding: 0 2.5vw;
        flex-basis: 25%;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start
    }

    .secondaryMenu .menuDetails .line-items img {
        margin: auto;
        width: 13.6vw;
        height: 13.6vw
    }

    .secondaryMenu .menuDetails .line-items span {
        text-align: center;
        font-size: 2.918vw;
        line-height: 3.34vw;
        letter-spacing: .14px;
        font-weight: 700;
        padding-top: 8px;
        color: #535353
    }

    .secondaryMenu .menuDetails .line-items:first-child {
        padding-left: 0
    }

    .secondaryMenu .menuDetails .line-items:last-child {
        padding-right: 0
    }

    .institutionOverview .courseDetails .courseInfo {
        flex-direction: column-reverse
    }

    main {
        padding-top: 66px
    }

    body.marquee_there main {
        padding-top: 116px
    }

    .breadcrumb-container {
        display: none
    }

    .wrapper.breadcrumb-stick {
        position: sticky;
        z-index: 3;
        top: 0 !important
    }

    .wrapper.breadcrumb-stick .breadcrumb-container {
        display: block;
        top: 50px
    }

    .wrapper.breadcrumb-stick .breadcrumb-container .institute-bread-drop .breadcrumb-flow {
        display: none
    }

    .wrapper.breadcrumb-stick .breadcrumb-container .institute-bread-drop .course-institution {
        width: 100%
    }

    .enrollNowText {
        display: none !important
    }

    .floatingWidget {
        position: fixed;
        bottom: 40%;
        top: unset;
        right: 10px;
        z-index: 105
    }

    .floatingWidget .whatsapp,
    .floatingWidget .call {
        background: #fff;
        margin: 8px 0;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%
    }

    body.page-template-course-page .floatingWidget.courses,
    .page-template-remarketing .floatingWidget.courses {
        display: flex;
        flex-direction: column;
        align-items: center;
        top: 40%;
        bottom: 0;
        right: 0
    }

    body.page-template-course-page .floatingWidget.courses .call,
    .page-template-remarketing .floatingWidget.courses .call {
        margin: 8px 0 4px;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: rgb(72, 139, 255);
        left: 0px !important;
        top: 0px !important;
        height: 35px !important;
        width: 35px !important;
        position: relative !important;
        display: flex !important
    }

    body.page-template-course-page .floatingWidget.courses .whatsapp,
    .page-template-remarketing .floatingWidget.courses .whatsapp {
        margin: 4px 0 8px;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: rgb(37, 211, 102);
        left: 0px !important;
        top: 0px !important;
        height: 35px !important;
        width: 35px !important;
        position: relative !important;
        display: flex !important
    }

    body.page-template-course-page .floatingWidget.courses .whatsapp svg path.wh-icon,
    .page-template-remarketing .floatingWidget.courses .whatsapp svg path.wh-icon {
        fill: #fff
    }

    .messageBlock {
        flex-direction: column
    }

    .messageBlock .left {
        margin-right: 0;
        flex-basis: 100%
    }

    .messageBlock .left img {
        border-radius: 5px 5px 0 0
    }

    .messageBlock .right {
        flex-basis: 100%;
        border-radius: 0 0 5px 5px
    }

    .messageBlock .right .name {
        font-size: 16px;
        line-height: 22px;
        letter-spacing: .16px;
        padding: 20px 0 0 0
    }

    .messageBlock .right .designation {
        font-size: 14px;
        line-height: 18px;
        letter-spacing: .14px
    }

    header {
        height: unset;
        padding: 12px 3.34vw
    }

    .overlay-content {
        width: 100%;
        height: 100%;
        padding: 0;
        overflow: auto
    }

    .close-icon {
        top: 24px;
        right: 24px;
        z-index: 999999
    }

    .close-icon img {
        float: right
    }

    .faq .faq-details .Faq_title .fontBold,
    .faq .faq-details .item .Faq_accordian_data p {
        font-size: 14px
    }

    .courseDetails .courseInfo .right .row .line-item .topSpace {
        padding-top: 4px
    }

    .rankings .rankingSlider {
        margin-left: -35px !important;
        margin-right: -35px !important
    }

    .rankings .rankingSlider .slick-list {
        padding: 0 7% !important
    }

    .rankings .rankingSlider .line-items .short-text span {
        padding: 4px 0;
        display: block;
        font-size: 14px;
        background: #EFEFEF;
        line-height: 16px;
        text-align: center;
        letter-spacing: .16px;
        font-weight: 700
    }

    .mobileBottomWidget {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9999;
        background: #fff
    }

    .mobileBottomWidget .downloadBtn {
        display: FLEX;
        justify-content: center;
        background: #343634;
        cursor: pointer;
        color: #fff;
        padding: 18px 24px;
        text-decoration: none;
        margin-bottom: 6px
    }

    .mobileBottomWidget .mobileEnrollBtn {
        cursor: pointer;
        background: linear-gradient(90deg, #E12333 0%, #ff6600 100%);
        border-radius: 2px;
        display: flex;
        justify-content: center;
        font-weight: 600;
        align-items: center;
        font-size: 16px;
        padding: 15px 24px;
        color: #fff;
        text-decoration: none
    }

    .mobileOnly {
        display: block
    }

    header .enrollDiv {
        display: none
    }

    .desktopOnly {
        display: none
    }

    .expandArrow {
        display: none
    }

    .expandArrow.close {
        display: none
    }

    .container {
        margin: 0 3.34vw !important
    }

    .topMargin {
        margin-top: 20px
    }

    .bottomMargin {
        margin-bottom: 25px !important
    }

    .wrapper .leftContainer {
        padding: 0 3.34vw
    }

    .wrapper .rightContainer {
        padding: 24px
    }

    .wrapper .leftBlock {
        flex-basis: 100%;
        border-radius: 0
    }

    .wrapper .rightBlock {
        flex-basis: 100%;
        display: none
    }

    .faculty .line-items .card .item {
        flex-direction: column;
        justify-content: flex-start;
        padding-bottom: 0px !important;
        gap: 5px
    }

    .faculty .line-items .card .item .name {
        font-size: 14px;
        line-height: 14px
    }

    .faculty .line-items .card .item .img {
        width: 80px !important
    }

    .courseDetails h1 {
        text-align: center
    }

    .courseDetails .downloadBtn {
        display: none;
        padding: 0;
        margin: 0
    }

    .courseDetails span {
        font-size: 14px
    }

    .courseDetails .top-bar {
        flex-direction: column;
        align-items: center;
        padding: 0 0 12px 0
    }

    .courseDetails .top-bar .social-share {
        padding: 0 0 15px 0
    }

    .courseDetails .courseInfo {
        flex-direction: column;
        padding-bottom: 10px
    }

    .courseDetails .courseInfo .left {
        padding-right: 0
    }

    .courseDetails .courseInfo .left .univ-logo {
        padding: 20px 63px;
        margin-bottom: 0
    }

    .courseDetails .courseInfo .durationText,
    .courseDetails .courseInfo .feeText {
        font-size: 16px !important;
        line-height: 16px !important
    }

    .courseDetails .courseInfo .downloadBtnSection {
        margin-bottom: 10px
    }

    .courseDetails .courseInfo .right .row .line-item:first-child {
        flex-basis: unset;
        margin-right: 10px;
        min-width: 110px
    }

    .courseDetails .courseInfo .right .row .line-item {
        flex-basis: unset
    }

    .courseDetails .dateHightlight {
        align-items: center;
        padding: 12px 16px;
        gap: 10px
    }

    .courseDetails .dateHightlight .left span {
        display: block;
        font-size: 14px;
        line-height: 16px;
        letter-spacing: .14px
    }

    .courseDetails .dateHightlight .left .divider {
        display: none
    }

    .courseDetails .description p {
        text-align: center
    }

    .faculty .line-items .card {
        flex-direction: unset
    }

    .websiteForm {
        padding: 24px 37px
    }

    .websiteForm .fieldGroup {
        flex-basis: 100%
    }

    .websiteForm .rfi-form .submitField input,
    .websiteForm .otp-verification-block .lsq-submit {
        padding: 16px 50px
    }

    .placement-sect {
        padding: 50px 0 20px 0;
        text-align: center
    }

    .placement-sect p {
        padding-bottom: 36px;
        text-align: center;
        line-height: 20px
    }

    .placement-sect .section-title span {
        display: block
    }

    .placement-sect .placement-sect-slider {
        padding: 30px 0 0 0
    }

    .placement-sect .placement-sect-slider .placement-sect-logo-slider {
        padding: 0 17px 0 17px
    }

    .placement-sect .placement-sect-slider .placement-sect-logo-slider .slick-dots {
        bottom: 10px
    }

    .know-more {
        background: #707070 0% 0% no-repeat padding-box;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        width: auto;
        padding: 15px 28px
    }

    .know-more a {
        color: #fff;
        font-weight: 400
    }

    .global-impact-sect .section-title {
        font-size: 28px
    }

    .global-impact-sect .imact-educt-map {
        background: #dae7f0;
        padding: 31px 20px 31px 20px;
        display: grid
    }

    .global-impact-sect .numbers-block-mbl {
        display: flex;
        justify-content: space-around;
        padding: 49px 0 30px 0;
        gap: 15px
    }

    .global-impact-sect .counter-text-two {
        padding: 30px 0 0 0
    }

    .global-impact-sect .number-block-first {
        padding: 0;
        flex-basis: 50%
    }

    .global-impact-sect .number-block-second {
        flex-basis: 50%
    }

    .global-impact-sect .number-block-second .counter-text-four {
        padding: 30px 0
    }

    .global-impact-sect .counter-value {
        font-size: 26px;
        letter-spacing: .26px;
        text-align: center;
        line-height: 30px
    }

    .global-impact-sect .counter-text {
        text-align: center;
        line-height: 18px;
        font-weight: 400;
        min-height: 55px
    }

    .showreel-sect .showreel-sect-heading {
        font-size: 32px;
        text-align: center;
        letter-spacing: .32px;
        line-height: 38px
    }

    .showreel-sect .showreel-sub-head {
        font: italic normal bold 32px/40px Sabon LT Pro;
        letter-spacing: .32px
    }

    .showreel-sect .showreel-text {
        padding: 15px;
        font-size: 16px;
        text-align: center;
        line-height: 18px;
        min-height: 100px !important
    }

    .showreel-sect .videoDiv img {
        border-radius: 5px;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

    .showreel-sect .playVideoBtn img {
        width: auto !important
    }

    .showreel-sect .videoHolder {
        border-radius: 5px;
        opacity: 100%;
        margin: 0 8px 0 0
    }

    .showreel-sect .showreel-slider .slick-list {
        margin-right: 0;
        padding: 0 3.34vw
    }

    .section-title {
        font-size: 28px;
        text-align: center;
        line-height: 30px;
        letter-spacing: .28px
    }

    .section-title span {
        font-size: 28px;
        text-align: center;
        line-height: 30px
    }

    .program-benefits-sect .section-title {
        font-size: 28px
    }

    .program-benefits-sect .head-text {
        font-size: 14px;
        text-align: center;
        letter-spacing: .14px;
        line-height: 18px;
        padding: 0 0 10px 0
    }

    .program-benefits-sect .program-benefits-right {
        margin-left: -35px;
        margin-right: -35px;
        background-color: unset
    }

    .program-benefits-sect .program-benefits-right .right-card-text {
        padding: 30px 22.5px 63px;
        background-color: #f7f7f7;
        border-radius: 0 0 5px 5px
    }

    .program-benefits-sect .program-benefits-right .right-card-text p {
        padding-top: 15px;
        min-height: 105px;
        letter-spacing: .16px;
        line-height: 22px;
        text-align: left;
        -webkit-line-clamp: 4;
        -webkit-box-orient: unset;
        overflow: hidden;
        text-overflow: unset;
        display: -webkit-box
    }

    .program-benefits-sect .program-benefits-right .right-card-text h5 {
        letter-spacing: .2px;
        line-height: 24px;
        text-align: left
    }

    .program-benefits-sect .program-benefits-right .benefits-cards {
        margin: 0 35px
    }

    .program-benefits-sect .program-benefits-right .benefits-cards img {
        border-radius: 5px 5px 0 0;
        opacity: 100%
    }

    .program-benefits-sect .benefits-mbl-tab {
        margin-bottom: 30px;
        margin-right: -35px;
        margin-left: -35px;
        padding-left: 0
    }

    .program-benefits-sect .benefits-mbl-tab button,
    .program-benefits-sect .benefits-mbl-tab li {
        white-space: nowrap;
        background: #fff;
        letter-spacing: .14px;
        line-height: 20px;
        color: #B5B1B1;
        border-bottom: 4px solid #efefef;
        text-align: center;
        justify-content: flex-start;
        display: flex
    }

    .program-benefits-sect .benefits-mbl-tab button span,
    .program-benefits-sect .benefits-mbl-tab li span {
        border-bottom: 4px solid #efefef;
        display: block;
        padding: 12px 0;
        margin-bottom: -4px;
        color: #B5B1B1;
        font-size: 14px;
        font-weight: 700;
        width: -moz-fit-content;
        width: fit-content;
        margin-left: 35px;
        margin-right: 0
    }

    .program-benefits-sect .benefits-mbl-tab button:first-child {
        border-bottom-color: transparent
    }

    .program-benefits-sect .benefits-mbl-tab button:last-child span {
        margin-right: 0
    }

    .program-benefits-sect .benefits-mbl-tab .slick-current span {
        border-bottom: 4px solid #1c1c1c;
        color: #343634
    }

    .program-benefits-sect ::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .program-benefits-sect ::-webkit-scrollbar-track-piece {
        background-color: transparent
    }

    .program-benefits-sect .tabcontent {
        display: none
    }

    .program-benefits-sect .tabcontent.active {
        display: block
    }

    .roles-explore-sect .section-title {
        font-size: 28px
    }

    .roles-explore-sect .head-text {
        text-align: center;
        letter-spacing: .14px;
        padding: 0 0 20px 0
    }

    .roles-explore-sect .roles-rect {
        padding: 16px 0 18px;
        margin: 0 5px;
        min-height: 140px
    }

    .roles-explore-sect .roles-rect p {
        letter-spacing: 0;
        line-height: 14px;
        padding-top: 13px
    }

    .roles-explore-sect .roles-rect .img-bg {
        padding: 0
    }

    .roles-explore-sect .roles-rect .img-bg img {
        height: 80px
    }

    .roles-explore-sect .roles-explore-slider {
        margin-left: -35px;
        margin-right: -35px
    }

    .roles-explore-sect .roles-explore-slider .slick-list {
        padding: 0 10% !important
    }

    .roles-explore-sect .content-wrapper .tabcontent {
        padding: 15px 0 0 !important
    }

    .roles-explore-sect .content-wrapper .tabcontent .roles-list {
        -webkit-column-count: 1 !important
    }

    .roles-explore-sect .content-wrapper .tabcontent .roles-list li {
        width: 50% !important
    }

    .oma-container .oma-text-container a {
        padding: 17px 39px !important
    }

    .oma-container .oma-mbl-tab {
        margin-bottom: 30px;
        margin-left: -3.34vw;
        margin-right: -3.34vw;
        padding-left: 0
    }

    .oma-container .oma-mbl-tab .slick-slide {
        white-space: nowrap;
        background: #fff;
        letter-spacing: .14px;
        line-height: 20px;
        color: #B5B1B1;
        border-bottom: 4px solid #efefef;
        text-align: center;
        justify-content: flex-start;
        display: flex
    }

    .oma-container .oma-mbl-tab .slick-current span {
        border-bottom: 4px solid #1c1c1c !important;
        color: #343634 !important;
        margin-bottom: -4px !important
    }

    .oma-container .oma-mbl-tab div.slick-current:first-child {
        border-bottom-color: transparent
    }

    .oma-container .oma-mbl-tab div span,
    .oma-container .oma-mbl-tab div.slick-slide span {
        display: block;
        padding: 12px 0;
        margin-bottom: 0;
        color: #B5B1B1;
        font-size: 14px;
        width: -moz-fit-content;
        width: fit-content;
        font-weight: 700;
        margin-left: 3.34vw;
        margin-right: 0
    }

    .oma-container .tab-content {
        margin-left: -3.34vw;
        margin-right: -3.34vw;
        background-color: unset
    }

    .tab-content .oma-tabcontent {
        margin: 0 3.34vw;
        padding-left: 0 !important
    }

    .om-advantage-mbl-for .slick-list {
        height: inherit !important
    }

    .om-advantage-mbl-for .slick-list .slick-track {
        display: flex
    }

    .om-advantage-mbl-for .slick-list .slick-track .oma-tabcontent {
        height: inherit
    }

    .oma-text-container {
        padding: 30px 22.5px 40px !important;
        margin: 0 !important
    }

    .oma-container .oma-text-container button {
        margin-top: 10px
    }

    section.omadvantages-section.container .oma-browse-all {
        padding-top: 0px !important;
        padding-left: 0px !important;
        display: block !important;
        text-align: center;
        margin-top: 20px
    }

    nav#tile-2::-webkit-scrollbar {
        display: none
    }

    nav#tile-2 {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    nav#tile-1::-webkit-scrollbar {
        display: none
    }

    nav#tile-1 {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    nav#tile-11 {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    .oma-container .oma-text-container {
        margin: 0 35px
    }

    .course-section .course-filter-bar .search-container {
        width: 91% !important
    }

    .course-section .course-filter-bar .search-container input {
        width: 100% !important;
        border-radius: 5px !important
    }

    .course-type-title {
        padding: 8px 0 22px 0;
        font-size: 18px;
        font-weight: 700;
        color: #343634;
        letter-spacing: .18px;
        text-align: center
    }

    .course-nav-container-mobile {
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        position: sticky;
        top: 66px;
        background: #fff;
        padding-bottom: 15px;
        margin-left: -3.34vw;
        margin-right: -3.34vw;
        padding-left: 3.34vw;
        padding-right: 0;
        scrollbar-width: none;
        z-index: 1
    }

    .course-nav-container-mobile::-webkit-scrollbar {
        display: none
    }

    .course-section .course-filter-bar {
        position: sticky;
        top: 78px;
        background: #fff;
        margin-left: -35px;
        margin-right: -35px
    }

    .course-pane-container-mobile {
        padding-bottom: 10px
    }

    .course-pane-container-mobile #coursedegree3-mobile,
    .course-pane-container-mobile #coursedegree2-mobile,
    .course-pane-container-mobile #coursedegree4-mobile {
        scroll-margin-block-start: 200px
    }

    .course-card-container .course-card .course-know-more {
        display: none !important
    }

    .nav-tabs-mobile {
        position: relative;
        border-bottom: 5px solid #EFEFEF !important;
        display: flex;
        list-style: none;
        justify-content: start;
        padding: 10px 0;
        width: -moz-max-content;
        width: max-content
    }

    .nav-tabs-mobile .slider {
        display: inline-block;
        height: 4px;
        background-color: #343634;
        position: absolute;
        z-index: 1200;
        bottom: -4px;
        transition: all 0.2s linear
    }

    .nav-item-mobile {
        margin-right: 40px;
        flex-shrink: 0;
        list-style: none
    }

    li.nav-item-mobile:last-child {
        margin: 0px !important
    }

    .nav-tabs-mobile .active {
        background-color: transparent !important;
        border: none !important;
        color: #343634 !important
    }

    .nav-tabs-mobile li a {
        position: relative;
        margin-right: 0px !important;
        font-size: 14px;
        border: none !important;
        color: #B5B1B1;
        text-decoration: none;
        font-weight: 700 !important
    }

    .course-section .show-all-link {
        margin-top: 10px !important
    }

    .course-section .show-all-link a {
        color: #1C1C1C;
        letter-spacing: .14px
    }

    .course-section .course-filter-bar .search-container {
        width: 90% !important
    }

    .course-section .course-filter-bar .search-container input {
        width: 100% !important;
        border-radius: 5px !important
    }

    .course-section .course-filter-bar .search-container form {
        border-radius: 5px !important
    }

    .course-card-container::-webkit-scrollbar {
        display: none
    }

    .course-card-container {
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        margin-left: -3.34vw;
        margin-right: -3.34vw;
        padding: 0 3.34vw
    }

    .course-card-container .course-card {
        min-width: 80% !important
    }

    .thumbnail-div img {
        width: 100% !important;
        border-radius: 5px 5px 0 0;
        height: auto
    }

    .course-card-container .course-card .text-div .heading {
        justify-content: center
    }

    .coursePage .thumbnail-div .course-tag-label {
        width: 82% !important
    }

    .allCourses .all-courses.course-card-container .thumbnail-div .course-tag-label {
        width: 65% !important
    }

    .course-card-container .course-card .text-div .title {
        max-width: initial !important;
        text-align: center;
        color: #343634 !important;
        padding-bottom: 8px !important;
        min-height: 64px !important;
        line-height: 15px !important
    }

    .course-card-container .course-card .text-div .institute {
        max-width: initial !important;
        text-align: center;
        font-size: 12px
    }

    .course-card-container .course-card .text-div .duration-pricing {
        justify-content: space-around !important
    }

    nav#tile-1 {
        overflow-x: auto
    }

    nav#tile-11 {
        overflow-x: auto;
        margin: 0 -35px;
        padding: 0 10%
    }

    .course-section .course-nav-pane-container #tile-1 .nav-tabs {
        width: 172%
    }

    .course-section .course-nav-pane-container #tile-11 .nav-tabs {
        width: -moz-max-content;
        width: max-content
    }

    .course-section .course-nav-pane-container #tile-11 .nav-tabs li:last-child {
        margin: 0px !important
    }

    .course-section .course-nav-pane-container .nav {
        flex-wrap: inherit !important
    }

    .course-section .course-nav-pane-container .nav-justified .nav-item {
        flex-grow: 1 !important;
        flex-shrink: 0
    }

    .course-section .course-filter-bar {
        padding: 0 0 20px 0 !important;
        z-index: 1
    }

    .course-section .course-filter-bar .search-container {
        padding: 0 !important
    }

    .institute-course-section {
        padding: 20px 0 !important
    }

    .institute-course-section .section-title {
        font-size: 26px !important
    }

    .messageBlock .left img {
        width: 100%;
        position: unset
    }

    .messageBlock .left img.tapmimg {
        width: 100%;
        position: unset
    }

    section.error-404 .section-title span {
        font-size: 30px !important;
        line-height: 32px
    }

    @keyframes marquee-animation {
        from {
            transform: translateX(100%)
        }

        to {
            transform: translateX(-240%)
        }
    }

    .onscroll-popup .scroll-text h5 {
        font-size: 18px;
        line-height: 18px
    }

    .scroll-text {
        font-size: 12px
    }

    .onscroll-popup .scroll-text {
        flex-basis: 65%
    }

    .onscroll-popup .popup-image {
        flex-basis: 30%
    }

    .onscroll-popup .popup-text {
        padding: 15px 20px 0 20px
    }

    .onscroll-popup .popup-image img {
        width: 100px
    }

    .page-template-home-page .overlay-content,
    .page-template-home-page-split .overlay-content {
        width: 87%;
        max-height: 115vh !important
    }

    .onScrollFormPopup.popupscrollleadForm .websiteForm.Vertical {
        padding: 0 3.5vw 3.5vw 3.5vw !important;
        margin-left: 0px !important
    }

    .course-card-container .course-card .text-div .heading svg {
        margin: 0 10px 0 0 !important
    }
}

@media only screen and (max-width:450px) {
    header .header-course-card-container .text-div .title {
        max-width: 255px !important
    }
}

@media only screen and (max-width:400px) {
    header .header-course-card-container .text-div .title {
        max-width: 194px !important
    }

    @keyframes marquee-animation {
        from {
            transform: translateX(100%)
        }

        to {
            transform: translateX(-270%)
        }
    }
}

@media only screen and (max-width:375px) {
    .thumbnail-div img {
        max-height: 110px
    }

    .statistics-block {
        padding: 12px;
        margin-top: 24px
    }

    .statistics-block .number-block {
        justify-content: center
    }

    .statistics-block .number-block .line-item {
        flex-basis: 30%;
        padding: 6px 0;
        gap: 12px
    }

    .statistics-block .number-block .line-item .counter-value {
        font-size: 20px;
        line-height: 24px
    }

    .statistics-block .number-block .line-item p {
        font-size: 12px !important;
        line-height: 14px
    }

    .statistics-block .number-block .line-item:nth-child(2),
    .statistics-block .number-block .line-item:nth-child(5) {
        flex-basis: 40%
    }

    header .mobmenu-wrap ul.mob-submenu li {
        font-size: 13px
    }

    header .mobmenu-wrap ul.mob-submenu li a {
        font-size: 13px
    }

    header .header-course-card-container .text-div .title {
        max-width: 157px !important
    }

    .rankings .rankingSlider .slick-list {
        padding: 0 6% !important
    }

    section.error-404 .section-title {
        font-size: 25px
    }

    section.error-404 .section-title span {
        font-size: 27px !important;
        line-height: 30px
    }

    section.error-404 .back-button a {
        padding: 15px 25px
    }

    section.error-404 .right img {
        height: auto
    }

    .coursePage .thumbnail-div .course-tag-label {
        width: 90% !important
    }

    .thumbnail-div .course-tag-label {
        width: 90% !important
    }

    .allCourses .all-courses.course-card-container .thumbnail-div .course-tag-label {
        width: 85% !important
    }
}

.verification-box input:focus {
    border: 2px solid #BCBCBC;
    border-radius: 2px
}

.otp-verification-block .courseDetails .courseName {
    text-align: left
}

.otp-verification-block .verification-box.success input {
    background: #F5FFD9;
    border: 2px solid #83A195
}

.otp-verification-block .verification-box.success .fa-sharp {
    color: #83A195
}

.otp-verification-block .verification-box.error input {
    background: #FBDCD8;
    border: 2px solid #DB1800
}

.otp-verification-block .verification-box.error .fa-times {
    color: #DB1800
}

.course-section {
    padding: 10px 0
}

.course-section .course-filter-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0 20px;
    margin-top: 30px
}

.course-section .course-filter-bar .search-container input:focus {
    border: 2px solid #BCBCBC;
    border-radius: 2px
}

.course-section .course-filter-bar .search-container {
    width: 48%;
    padding: 10px 0
}

.course-section .course-filter-bar .search-container form {
    background: #EFEFEF;
    border-radius: 2px;
    position: relative
}

.course-section .course-filter-bar .search-container input {
    padding: 13px 15px;
    background: #EFEFEF;
    width: 100%;
    height: 42px;
    color: #1C1C1C;
    border-radius: 2px
}

.course-section .course-filter-bar .search-container ::-moz-placeholder {
    color: #B5B1B1;
    opacity: 1
}

.course-section .course-filter-bar .search-container ::placeholder {
    color: #B5B1B1;
    opacity: 1
}

.course-section .course-filter-bar .search-container :-ms-input-placeholder {
    color: #B5B1B1
}

.course-section .course-filter-bar .search-container ::-ms-input-placeholder {
    color: #B5B1B1
}

.course-section .course-filter-bar .search-container button {
    cursor: pointer;
    position: absolute;
    background-color: transparent;
    top: 12px;
    right: 12px
}

.course-section .course-filter-bar .course-institution {
    width: 51%;
    display: flex
}

.course-section .course-filter-bar .course-dropdown {
    background: #D8D8D8;
    margin-left: auto;
    border-radius: 2px;
    min-width: 33%
}

.course-section .course-filter-bar .institution-dropdown {
    background: #D8D8D8;
    margin-left: 16px;
    border-radius: 2px;
    min-width: 33%
}

.course-section .course-filter-bar select {
    width: 159px;
    background: #D8D8D8;
    color: #535353;
    font-weight: 700
}

.course-section .course-filter-bar .custom-select {
    position: relative
}

.course-section .course-filter-bar .custom-select select {
    display: none
}

.course-section .course-filter-bar .select-selected {
    background-color: #D8D8D8
}

.course-section .course-filter-bar .select-selected:after {
    position: absolute;
    background: url(../../../../../../../themes/flamingo/images/dropdown-arrow.svg) 0 -13px;
    background-repeat: no-repeat;
    content: "";
    top: 18px;
    right: 10px;
    width: 6px;
    height: 0;
    border: 7px solid transparent
}

.course-section .course-filter-bar .select-selected.select-arrow-active,
.course-section .course-filter-bar .select-bg-change {
    background: #F7F7F7;
    box-shadow: #F7F7F7 0 3px 6px
}

.course-section .course-filter-bar .select-selected.select-arrow-active {
    box-shadow: #D8D8D8 0 3px 6px
}

.course-section .course-filter-bar .select-selected.select-arrow-active:after {
    background: url(../../../../../../../themes/flamingo/images/dropdown-arrow.svg) 0 0;
    background-repeat: no-repeat;
    top: 11px
}

.course-section .course-filter-bar .select-items div,
.course-section .course-filter-bar .select-selected {
    color: #535353;
    padding: 10px 30px 10px 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.course-section .course-filter-bar .select-items div {
    font-size: 15px;
    border-top: 1px solid #D8D8D8;
    padding: 12px 0 12px 0;
    margin: 0 10px 0 10px
}

.course-section .course-filter-bar .select-selected.select-box {
    font-weight: 700;
    padding: 10px 25px 10px 10px;
    border: none;
    border-radius: 2px
}

.course-section .course-filter-bar .select-items {
    position: absolute;
    background-color: #F7F7F7;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    box-shadow: #D8D8D8 0 2px 6px;
    border-radius: 0 0 3px 3px
}

.course-section .course-filter-bar .select-hide {
    display: none
}

.course-section .header-course-nav-pane-container {
    height: 100%
}

.course-section .header-course-nav-pane-container .nav-tabs {
    margin: 0 20px 10px 20px;
    width: -moz-max-content !important;
    width: max-content !important
}

.course-section .header-course-nav-pane-container nav#header-course-tile-1::-webkit-scrollbar {
    display: none
}

.course-section .header-course-nav-pane-container nav#header-course-tile-1 {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-x: scroll
}

.course-section .course-nav-pane-container {
    width: 100%;
    padding: 0
}

.course-section .course-nav-pane-container .nav {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    justify-content: start;
    padding: 10px 0
}

.course-section .course-nav-pane-container .nav-justified .nav-item {
    flex-basis: 1;
    flex-grow: 0;
    margin-right: 40px
}

.course-section .course-nav-pane-container ul li {
    list-style: none
}

.course-section .course-nav-pane-container #tile-1 .nav-tabs {
    position: relative;
    border-bottom: 5px solid #EFEFEF !important
}

.course-section .course-nav-pane-container #tile-1 .nav-tabs li a {
    position: relative;
    margin-right: 0px !important;
    font-size: 16px;
    border: none !important;
    color: #D8D8D8;
    text-decoration: none
}

.course-section .course-nav-pane-container #tile-1 .nav-tabs a:hover {
    background-color: #fff !important;
    border: none
}

.course-section .course-nav-pane-container #tile-1 .slider {
    display: inline-block;
    width: 30px;
    height: 4px;
    background-color: #343634;
    position: absolute;
    z-index: 1200;
    bottom: -4px;
    transition: all 0.2s linear
}

.course-section .course-nav-pane-container #tile-1 .nav-tabs .active {
    background-color: transparent !important;
    border: none !important;
    color: #343634 !important
}

.course-section .course-nav-pane-container #tile-11 .nav-tabs {
    position: relative;
    border-bottom: 5px solid #EFEFEF !important
}

.course-section .course-nav-pane-container #tile-11 .nav-tabs li a {
    position: relative;
    margin-right: 0px !important;
    font-size: 16px;
    border: none !important;
    color: #D8D8D8;
    text-decoration: none
}

.course-section .course-nav-pane-container #tile-11 .nav-tabs a:hover {
    background-color: #fff !important;
    border: none
}

.course-section .course-nav-pane-container #tile-11 .slider {
    display: inline-block;
    width: 30px;
    height: 4px;
    background-color: #343634;
    position: absolute;
    z-index: 1200;
    bottom: -4px;
    transition: all 0.2s linear
}

.course-section .course-nav-pane-container #tile-11 .nav-tabs .active {
    background-color: transparent !important;
    border: none !important;
    color: #343634 !important
}

.course-section .course-nav-pane-container .header-course-tab-content {
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(100vh - 200px)
}

.course-section .course-nav-pane-container .header-course-tab-content .course-card {
    margin: 0px !important;
    flex-basis: 95%
}

.course-section .course-nav-pane-container .header-course-tab-content::-webkit-scrollbar {
    display: none
}

.course-section .course-nav-pane-container .tab-content .tab-pane {
    padding: 12px 0;
    display: none
}

.course-section .course-nav-pane-container .tab-content .active {
    display: block
}

.course-section .show-all-link {
    text-align: center;
    margin-bottom: 40px;
    color: #343634
}

.course-section .show-all-link a:hover {
    color: #F60
}

.course-section .show-all-link span {
    text-decoration: underline;
    cursor: pointer
}

.course-section .course-browse-all {
    display: none
}

.course-card-container {
    display: flex;
    padding-bottom: 20px
}

.course-card-container .course-card:first-child {
    margin-left: 0px !important
}

.course-card-container .course-card:last-child {
    margin-right: 0px !important
}

.course-card-container .course-card:hover .anchor-block {
    box-shadow: 0 4px 6px rgba(0, 0, 0, .2);
    border-radius: 5px 5px 5px 5px;
    transition: 0.2s
}

.course-card-container .course-card:hover .face.face1 {
    transform: translateY(0)
}

.course-card-container .course-card:hover .face .thumbnail-div img {
    transform: scale(1.1)
}

.course-card-container .course-card:hover .face .thumbnail-div {
    border-radius: 5px 5px 0 0
}

.course-card-container .course-card:hover .face.face2 {
    transform: translateY(0)
}

.course-card-container .course-card:hover .face .text-div {
    border-radius: 0 0 0 0px !important
}

.course-card-container .course-card:hover .face .course-know-more {
    border-radius: 0 0 5px 5px
}

.course-card-container .course-card {
    cursor: pointer;
    flex-basis: 25%;
    margin: 8px
}

.course-card-container .course-card .anchor-block {
    display: block;
    text-decoration: none
}

.course-card-container .course-card .face.face1 {
    position: relative;
    z-index: 1;
    transform: translateY(10px)
}

.course-card-container .course-card .face.face2 {
    position: relative;
    transform: translateY(-40px)
}

.course-card-container .course-card .face.face1 .upper-content {
    transition: 0.2s
}

.course-card-container .course-card .face.face2 .content a:hover {
    background: #333;
    color: #fff
}

.course-card-container .course-card .face {
    transition: 0.1s
}

.course-card-container .course-card .face .thumbnail-div {
    border-radius: 5px 5px 0 0;
    overflow: hidden
}

.course-card-container .course-card .face .thumbnail-div img {
    width: 100%;
    display: block;
    transition: transform 0.1s
}

.course-card-container .course-card .text-div {
    padding: 14px 18px 10px;
    background: #F7F7F7;
    border-radius: 0 0 5px 5px
}

.course-card-container .course-card .text-div .heading {
    display: flex;
    background: #FEE8DA;
    height: 37px;
    border-radius: 2px
}

.course-card-container .course-card .text-div .heading img,
.course-card-container .course-card .text-div .heading svg {
    width: 24px;
    margin: 0 10px
}

.course-card-container .course-card .text-div .heading span {
    padding-top: 9px;
    color: #f60;
    font-weight: 700;
    letter-spacing: .5px
}

.course-card-container .course-card .text-div .purple-light-bg svg path {
    fill: #3F2B55
}

.course-card-container .course-card .text-div .blue-light-bg svg path {
    fill: #074A76
}

.course-card-container .course-card .text-div .title {
    padding: 9px 0 1px;
    min-height: 70px;
    font-size: 12px;
    letter-spacing: 2.64px;
    text-transform: uppercase
}

.course-card-container .course-card .text-div .institute {
    height: 50px;
    padding: 8px 0 5px;
    letter-spacing: .16px;
    max-width: 240px;
    font-weight: 700;
    line-height: 18px;
    color: #000
}

.course-card-container .course-card .text-div .duration-pricing {
    border-bottom: 1px solid #D8D8D8;
    padding: 2px 0 12px 0;
    display: flex;
    justify-content: space-between
}

.course-card-container .course-card .text-div .duration-pricing .duration {
    display: flex
}

.course-card-container .course-card .text-div .duration-pricing span {
    font-size: 12px;
    padding-top: 9px;
    padding-left: 5px;
    color: #000
}

.course-card-container .course-card .text-div .duration-pricing .duration {
    display: flex
}

.course-card-container .course-card .text-div .duration-pricing .duration img {
    width: 11px;
    height: 12px
}

.course-card-container .course-card .text-div .duration-pricing .duration span {
    font-size: 12px;
    padding-left: 5px;
    padding-top: 2px;
    color: #000
}

.course-card-container .course-card .text-div .duration-pricing .pricing {
    display: flex
}

.course-card-container .course-card .text-div .duration-pricing .pricing img {
    width: 15px;
    height: 11px
}

.course-card-container .course-card .text-div .duration-pricing .pricing span {
    font-size: 12px;
    padding-left: 5px;
    padding-top: 1px;
    font-weight: 700;
    color: #000
}

.course-card-container .course-card .course-know-more {
    height: 40px;
    text-align: center;
    background: #EFEFEF;
    padding-top: 8px;
    font-weight: 700;
    letter-spacing: .16px;
    border-radius: 0 0 5px 5px
}

.course-card-container .course-card.smu .thumbnail-div .course-tag-label {
    background: #074A76;
    width: -moz-fit-content !important;
    width: fit-content !important;
    padding: 3px 18px !important
}

.course-card-container .course-card.smu .text-div .heading {
    background: #DFECF5
}

.course-card-container .course-card.smu .text-div .heading svg path {
    fill: #074A76
}

.course-card-container .course-card.smu .text-div .heading span {
    color: #074A76
}

.knowMore {
    font-size: 12px;
    text-decoration: underline;
    line-height: 20px;
    letter-spacing: .12px;
    color: #343634
}

.institute-course-section .knowMore {
    padding-top: 24px
}

.course-section .course-filter-bar .search-container form {
    margin-right: 8px
}

.course-card-container.course-card-second-row {
    margin-top: -14px;
    display: none
}

.course-section.institute-course-section {
    padding: 0
}

.course-section.institute-course-section .course-nav-pane-container .tab-content .tab-pane {
    padding: 10px 0 0 0
}

.course-section.institute-course-section .course-card-container {
    overflow-x: auto;
    overflow: hidden
}

.course-section.institute-course-section .course-card-container .course-card {
    flex-basis: 31.7%;
    flex-shrink: 0
}

.no-sidebar .course-section.institute-course-section .course-card-container .course-card {
    flex-basis: 24%;
    flex-shrink: 1
}

.institute-course-section .course-card-container .course-card .text-div .institute {
    display: none
}

.institute-course-section .course-card-container .course-card .text-div .duration-pricing {
    padding: 10px 0 2px !important
}

.course-section.institution .course-filter-bar .search-container input {
    width: 90% !important
}

section.omadvantages-section.container .section-title {
    padding-bottom: 40px
}

section.omadvantages-section.container .oma-browse-all {
    padding-top: 30px;
    padding-left: 34%
}

section.omadvantages-section.container .oma-browse-all a {
    color: #343634
}

section.omadvantages-section.container .oma-browse-all a:hover {
    color: #F60
}

.oma-tab::-webkit-scrollbar {
    width: 7px !important;
    cursor: pointer
}

.oma-tab::-webkit-scrollbar-track {
    cursor: pointer;
    background: #d8d8d8;
    box-shadow: inset 0 0 5px #d8d8d8
}

.oma-tab::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: #b5b1b1
}

.oma-tab::-webkit-scrollbar-thumb:hover {
    cursor: pointer
}

.course-card:hover .knowMore {
    font-weight: 700;
    color: #f60
}

.oma-container {
    width: 100%;
    display: flex;
    align-items: flex-start
}

.oma-container .oma-tab {
    float: left;
    width: 32.4%;
    height: 55vh;
    max-height: 400px;
    overflow-y: scroll !important
}

.oma-container .oma-tab div {
    display: flex;
    text-align: left;
    cursor: pointer;
    padding: 2px;
    margin: 2px
}

.oma-container .oma-tab div.active {
    box-shadow: rgba(0, 0, 0, .1607843137) 0 0 6px;
    border-right: 5px solid #343634
}

.oma-container .oma-tab img {
    margin: 17.7px 7px 17.7px 15px;
    width: 17px
}

.oma-container .oma-tab span {
    font-size: 16px;
    font-weight: 700;
    color: #343634;
    padding-top: 16px
}

.oma-container .oma-tabcontent {
    float: left;
    width: 67.6%;
    padding-left: 16px
}

.oma-container .oma-tabcontent img {
    width: 100%;
    height: auto;
    border-radius: 5px 5px 0 0
}

.oma-container .oma-text-container {
    background: #F7F7F7;
    border-radius: 0 0 5px 5px;
    padding: 12px 24px
}

.oma-container .oma-text-container span {
    font-size: 20px;
    font-weight: 700;
    color: #343634
}

.oma-container .oma-text-container p {
    padding: 12px 0 0 0;
    color: #535353
}

.oma-container .oma-text-container button {
    font-size: 16px;
    color: #535353;
    background: #D8D8D8;
    border-radius: 2px 2px 2px 2px;
    width: 184px;
    height: 46px;
    font-weight: 700;
    letter-spacing: .16px
}

.oma-container .oma-text-container button:hover {
    color: #fff;
    background: #535353
}

.oma-container .oma-text-container p {
    padding: 16px 0;
    min-height: 95px
}

.oma-container .oma-text-container a {
    font-size: 16px;
    color: #535353;
    background: #D8D8D8;
    border-radius: 2px 2px 2px 2px;
    font-weight: 700;
    letter-spacing: .16px;
    text-decoration: none;
    padding: 15px 50px
}

.oma-container .oma-text-container a:hover {
    color: #fff;
    background: #535353
}

.oma-container .mobiletabs {
    overflow-x: auto;
    margin: auto;
    width: 100%
}

.oma-container .nav {
    display: flex;
    justify-content: flex-start;
    padding: 10px 0
}

.oma-container .nav-justified .nav-item {
    flex-shrink: 0;
    margin-right: 40px
}

.oma-container ul li {
    list-style: none
}

.oma-container #tile-2 .nav-tabs {
    position: relative;
    border-bottom: 5px solid #EFEFEF !important;
    width: 234%
}

.oma-container #tile-2 .nav-tabs li a {
    position: relative;
    margin-right: 0px !important;
    font-size: 14px;
    border: none !important;
    color: #B5B1B1;
    text-decoration: none;
    letter-spacing: .14px;
    font-weight: 500 !important
}

.oma-container #tile-2 .nav-tabs a:hover {
    background-color: #fff !important;
    border: none
}

.oma-container #tile-2 .slider {
    display: inline-block;
    width: 30px;
    height: 4px;
    background-color: #343634;
    position: absolute;
    z-index: 1200;
    bottom: -4px;
    transition: all 0.2s linear
}

.oma-container #tile-2 .nav-tabs .active {
    background-color: transparent !important;
    border: none !important;
    color: #343634 !important
}

.oma-container .tab-content .tab-pane {
    padding: 12px 0;
    display: none
}

.oma-container .tab-content .active {
    display: block
}

nav#tile-1::-webkit-scrollbar {
    display: none
}

nav#tile-1 {
    -ms-overflow-style: none;
    scrollbar-width: none
}

nav#tile-11::-webkit-scrollbar {
    display: none
}

nav#tile-11 {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.cf-overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1300;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s
}

.cf-overlay .cf-overlay-content {
    width: 100%;
    padding: 44px 37px 40px 37px;
    overflow-y: auto;
    max-height: 600px
}

.cf-overlay .closebtn {
    position: absolute;
    top: 35.15px;
    right: 35.15px;
    transition: 0.3s
}

.cf-overlay .closebtn img {
    float: right
}

.cf-overlay .filter-title {
    display: flex;
    padding: 10px 0
}

.cf-overlay .filter-title img {
    margin: 0 10px 0 0
}

.cf-overlay .filter-title span {
    font-size: 20px;
    font-weight: 700;
    color: #343634;
    letter-spacing: .2px
}

.cf-overlay .filter-body {
    height: 73%;
    overflow-y: auto;
    margin-bottom: 10px
}

.cf-overlay .filter-applied-text {
    padding: 8px 0;
    font-size: 12px;
    letter-spacing: 2.64px;
    color: #000;
    display: none
}

.cf-overlay .applied-filter-area {
    display: flex;
    padding: 5px 0;
    flex-wrap: wrap;
    align-items: center;
    overflow-y: auto;
    max-height: 20%
}

.cf-overlay .filtered-item {
    margin: 0 10px 10px 0;
    display: flex;
    color: #000;
    border-radius: 2px;
    align-items: center
}

.cf-overlay .filtered-item span {
    font-size: 12px;
    padding-right: 6px
}

.cf-overlay .filter-menus {
    padding: 5px 0;
    overflow-y: auto;
    height: 70%
}

.cf-overlay .filter-accordion {
    color: #000;
    cursor: pointer;
    padding: 12px 6px 12px 0;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 12px;
    transition: 0.4s;
    border-top: 2px solid #EFEFEF !important;
    border: none;
    text-transform: uppercase;
    letter-spacing: 2.64px
}

.cf-overlay .filter-accordion:after {
    content: "+";
    color: #777;
    font-weight: 700;
    float: right;
    margin-left: 5px
}

.cf-overlay .filter-active:after {
    content: "−"
}

.cf-overlay .filter-panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out
}

.cf-overlay .cb-container {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 16px;
    cursor: pointer;
    line-height: 16px;
    font-size: 16px;
    color: #535353;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.cf-overlay .cb-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.cf-overlay .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: #EFEFEF;
    border-radius: 2px
}

.cf-overlay .cb-container:hover input~.checkmark {
    background-color: #EFEFEF
}

.cf-overlay .cb-container input:checked~.checkmark {
    background-color: #EFEFEF;
    border: 1px solid #1C1C1C
}

.cf-overlay .checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.cf-overlay .cb-container input:checked~.checkmark:after {
    display: block
}

.cf-overlay .cb-container .checkmark:after {
    top: 50%;
    left: 50%;
    width: 9px;
    height: 9px;
    background: #1C1C1C;
    border-radius: 2px;
    transform: translate(-50%, -50%)
}

.cf-overlay .filter-buttons {
    left: 38px;
    right: 38px;
    bottom: 40px
}

.cf-overlay button.clear-btn {
    float: left;
    height: 48px;
    width: 49%;
    font-weight: 700;
    letter-spacing: .16px;
    background: #D8D8D8;
    border-radius: 2px;
    color: #535353
}

.cf-overlay button.apply-btn {
    float: right;
    width: 48%;
    height: 48px;
    line-height: .16px;
    font-weight: 700;
    border-radius: 2px;
    color: #fff;
    background: #343634
}

.cf-overlay.homepage-mobile-course-filter {
    z-index: 99999
}

.cf-overlay.homepage-mobile-course-filter .closebtn img {
    float: right
}

.cf-overlay.homepage-mobile-course-filter .cf-overlay-content {
    padding: 44px 37px 90px 37px;
    max-height: 100%;
    height: 100%
}

.cf-overlay.homepage-mobile-course-filter .filter-buttons {
    display: flex;
    gap: 10px;
    bottom: 20px
}

.cf-overlay.homepage-mobile-course-filter .display-none {
    display: none
}

.cf-overlay.homepage-mobile-course-filter .disabled {
    opacity: .5
}

.thumbnail-div .course-tag-label {
    background-color: #343634;
    color: #fff;
    width: 80%;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 3px 3px 3px 18px;
    margin-top: -19px;
    position: sticky;
    border-radius: 0 2px 2px 0
}

.coursePage .thumbnail-div .course-tag-label {
    width: 87%
}

.course-filter-results .filter-applied-area {
    display: flex;
    margin: 0 0 20px 0;
    align-items: center
}

.course-filter-results .filter-applied-area .filter-headtext {
    letter-spacing: 2.64px;
    text-transform: uppercase;
    font-size: 12px;
    margin-right: 15px
}

.course-filter-results .filter-applied-area .filter-keytext {
    margin-right: 10px;
    background: #EFEFEF;
    border-radius: 2px;
    font-size: 12px;
    padding: 0 5px;
    font-weight: 700;
    line-height: 2
}

.course-filter-results .filter-applied-area .filter-keytext span {
    padding-left: 5px;
    font-size: 12px;
    cursor: pointer
}

.course-filter-results .filter-applied-area .filter-keytext.filter_clear_all {
    background: white !important;
    float: right !important;
    margin-left: auto;
    cursor: pointer
}

.homepage-mobile-course-filter .filteredLabels {
    display: flex;
    flex-wrap: wrap
}

.homepage-mobile-course-filter .filteredLabels .selLabel {
    background: #EFEFEF;
    padding: 6px 12px;
    font-size: 10px;
    padding: 6px;
    font-weight: BOLD;
    margin: 4px 4px 4px 0;
    border-radius: 2px
}

.homepage-mobile-course-filter .filteredLabels .selLabel.filter_clear_all_mobile {
    background: none
}

.homepage-mobile-course-filter .filteredLabels .close {
    cursor: pointer;
    font-size: 10px;
    padding-left: 8px
}

.filter-applied-area-mobile .filter-headtext {
    letter-spacing: 2.64px;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 15px 8px 0;
    display: none
}

.filter-applied-area-mobile .filteredLabels {
    display: flex;
    flex-wrap: wrap
}

.filter-applied-area-mobile .filteredLabels .selLabel {
    background: #EFEFEF;
    font-size: 10px;
    padding: 6px;
    font-weight: BOLD;
    margin: 2px 5px 5px 0;
    border-radius: 2px
}

.filter-applied-area-mobile .filteredLabels .close {
    cursor: pointer;
    font-size: 10px;
    padding-left: 8px
}

span.selLabel.filter_clear_all_mobile {
    background: #ffffff !important;
    float: right;
    margin-right: -37px !important;
    position: relative;
    top: -34px;
    z-index: 1
}

.filteredLabels.clear_all_container {
    display: block;
    margin: 2px 5px 5px 0
}

@media only screen and (min-width:0) and (max-width:480px) {
    .courseDetails .courseInfo .right .row:last-child .line-item {
        flex-basis: unset
    }

    .skill-desc {
        text-align: center
    }
}

#form-overlay {
    position: fixed;
    top: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0, 0, 0, .6)
}

#form-overlay .cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

#form-overlay .spinner {
    width: 40px !important;
    height: 40px !important;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear
}

@keyframes sp-anime {
    100% {
        transform: rotate(360deg)
    }
}

.is-hide {
    display: none
}

.MUJ.muj-courseoverview .right .row:last-child {
    border-bottom: unset !important
}

.MUJ.muj-courseoverview .right .row:nth-child(3) {
    padding-top: 12px
}

.salethankyouMsg {
    display: none
}

.salethankyouMsg img {
    padding-bottom: 20px
}

.salethankyouMsg span {
    color: #fff;
    font-size: 12px;
    text-align: center
}

#enrollNow .salethankyouMsg span,
#enrollNow .salethankyouMsg h4 {
    color: #000 !important
}

.offerTitle {
    display: block;
    font-weight: 700;
    color: #fff;
    padding-bottom: 0;
    text-align: center;
    font-size: 15px !important
}

#enrollNow .offerTitle {
    color: #000
}

.salethankyouMsg h4 {
    color: #fff;
    text-align: center;
    padding-bottom: 6px
}

.muj-cv-spinner {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 20px
}

.muj-spinner {
    width: 40px !important;
    height: 40px !important;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear
}

@keyframes sp-anime {
    100% {
        transform: rotate(360deg)
    }
}

.is-hide {
    display: none
}

.existingLeadsMsg {
    display: flex;
    flex-direction: column;
    padding: 12px;
    width: 100%
}

.existingLeadsMsg img {
    margin: 0 0 12px 0;
    width: 50px
}

.existingLeadsMsg h5 {
    padding-bottom: 20px;
    text-align: left !important
}

.existingLeadsMsg p {
    padding-bottom: 8%
}

.existingLeadsMsg label {
    color: #4A5373;
    letter-spacing: 2.64px;
    font-size: 12px;
    line-height: 16px
}

.existingLeadsMsg .details {
    background-color: #DEEDFF;
    border-radius: 5px;
    padding: 24px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

.existingLeadsMsg .details .left,
.existingLeadsMsg .details .right {
    width: 40%;
    padding: 0px !important
}

.existingLeadsMsg .details span {
    font-weight: 700
}

.existingLeadsMsg .loginBtn a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent linear-gradient(180deg, #FF6600 0%, #FF5204 0%, #FF270D 100%) 0% 0% no-repeat padding-box;
    padding: 12px 24px;
    border-radius: 2px;
    color: #F7F7F7;
    letter-spacing: .16px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    text-decoration: unset
}

.institution-details .existingLeadsMsg img {
    height: auto !important
}

.websiteForm .rfi-form .submitField input:disabled,
.websiteForm.Vertical .rfi-form .submitField input:disabled,
.enroll-form-footer .right .websiteForm.Vertical .rfi-form .submitField input:disabled,
.right .websiteForm.Vertical .rfi-form .submitField input:disabled {
    background: url(../../../../../../../themes/flamingo/images/loading.gif) no-repeat right center !important;
    background-color: #FFC29A !important;
    background-size: 32px !important;
    background-position: 50% !important;
    font-size: 0
}

.enroll-form-footer .right .websiteForm .existingLeadsMsg h5 {
    color: #000
}

.smuMujbanner-holder #course-float-form .existingLeadsMsg h5,
.smuMujbanner-holder #course-float-form .existingLeadsMsg p {
    color: #fff !important
}

.smuMujbanner-holder .right .existingLeadsMsg .right {
    background: unset !important
}

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