:root {
  --h1-fontsize: 48px;
    --h2-fontsize: 42px;
    --h3-fontsize: 34px;
    --h4-fontsize: 28px;
    --h5-fontsize: 24px;
    --secondar-heading-main: 22px;
    --heading-large-fontsize: 28px;
    --h6-fontsize: 18px;
    --p1-fontsize: 18px;
    --p2-fontsize: 16px;
    --p3-fontsize: 14px;
    --p4-fontsize: 12px;
  --color-black: #1C1C1C;
  --color-primary: #10375C;
  --color-accent: #FFC72C;
  --color-gray: #545454;
  --color-blue: #3C5EAA;
  --color-light-blue: #E3E8F04D;
  --color-secondary-blue: #3A5DAE;
}
body {
    font-family: Montserrat, sans-serif !important;
}
h1.heading, h1{
    font-size:var(--h1-fontsize)!important;
    color:var(--color-black)!important;
    margin-bottom:35px!important;
}
h2.heading, h2{
    font-size:var(--h2-fontsize)!important;
    color:var(--color-black)!important;
}
h3.heading, h3{
    font-size:var(--h3-fontsize)!important;
}
h4.heading, h4{
    font-size:var(--h4-fontsize)!important;
}
h5.heading, h5{
    font-size:var(--h5-fontsize)!important;
}
h6.heading, h6{
    font-size:var(--h5-fontsize)!important;
}
a.btn {
    min-width: 150px !important;
    height: 51px !important;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto !important;
    box-shadow: none !important;
    line-height: normal;
}
/*filter section design starts*/
.main-filter-strip {
    background: var(--color-primary);
}



.main-filter-strip .filter-section .filter-box .filter-buttons button {
    padding: 10px 20px;
    font-size: var(--p2-fontsize);
    border: none;
    margin: 0!important;
    outline: none!important;
    background: var(--color-primary);
    color: white;
}

.main-filter-strip .filter-section .filter-box .filter-buttons {
    display: flex;
    flex-flow: row wrap;
}

.main-filter-strip .filter-section .filter-box .filter-buttons button.active {
    background: var(--color-blue);
}
@media screen and (max-width:991px){
    .main-filter-strip .filter-section .filter-box .filter-buttons button{
        white-space: nowrap;
    }
    .main-filter-strip .filter-section .filter-box .filter-buttons {
        display: flex;
        flex-flow: row nowrap;
        overflow-x: auto;
    }
}
@media screen and (max-width:768px){
    .main-filter-strip .filter-section .filter-box .filter-buttons {
        display: block;
    }
}
/*filter section design ends*/
/*default accordion design starts*/
.default-accordion-type .custom-accordion button {
    width: 100%;
    background: white;
    text-align: left;
    padding: 20px;
    font-size: var(--p1-fontsize);
    border: none;
    font-weight: 500;
}
.default-accordion-type .custom-accordion .accordion-item {
    border: 1px solid #dedede;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 35px;
}
.default-accordion-type .custom-accordion .payment-accordion-body {
    padding: 0px 20px;
}
.default-accordion-type .custom-accordion .payment-accordion-body p:last-child {
    margin-bottom: 20px;
}
.default-accordion-type .custom-accordion .accordion-item.active button {
    background: var(--color-primary);
    color: white;
}
.default-accordion-type .custom-accordion .payment-accordion-body p:first-child {
    margin-top: 20px;
}
.default-accordion-type .custom-accordion .payment-accordion-body p {
    font-size: var(--p2-fontsize);
    line-height: 1.7;
    color: var(--color-primary);
}
.default-accordion-type .custom-accordion .accordion-item:before {
    content: '';
    background: url("/media/iybbmoox/arrow-down-icon.svg") no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 25px;
    top: 27px;
    background-size: contain;
    z-index: 1;
    pointer-events:none!important;
}
.default-accordion-type .custom-accordion .accordion-item {
    position: relative;
}
.default-accordion-type .custom-accordion .accordion-item.active:before {
    filter: brightness(0) grayscale(0) invert(1);
}
@media screen and (max-width:768px){
    .default-accordion-type .custom-accordion .accordion-item {
        margin-bottom: 15px;
    }
}
/*default accordion design ends*/
/*coloured cards starts*/
.coloured-cards {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 20px;
}
.coloured-cards .coloured-card-item img {
    width: 60px;
    height: 60px;
    max-width: 60px;
    min-height: 60px;
}
.coloured-cards .coloured-card-item.blue {
    background: var(--color-secondary-blue);
}
.coloured-cards .coloured-card-item {
}
.coloured-cards .coloured-card-item {
    padding: 25px;
}
.coloured-cards .coloured-card-item h3 {
    font-family: var(--body-typography_font-name);
    font-weight: 500;
}
.coloured-cards .coloured-card-item p {
    font-size: var(--p2-fontsize);
    line-height: 1.5;
}
.coloured-cards .coloured-card-item:nth-child(odd) h3, .coloured-cards .coloured-card-item:nth-child(odd) p, .coloured-cards .coloured-card-item:nth-child(odd) a {
    color: white;
}
.coloured-cards .coloured-card-item:nth-child(odd) a:hover{
    color:white!important;
}
.coloured-cards .coloured-card-item:nth-child(even) h3, .coloured-cards .coloured-card-item:nth-child(even) p,  .coloured-cards .coloured-card-item:nth-child(even) a  {
    color: var(--color-primary);
}
.coloured-cards .coloured-card-item:nth-child(even) a:hover{
    color:var(--color-primary)!important;
}
.coloured-cards .coloured-card-item a{
    text-decoration:underline!important;
}
.coloured-cards .coloured-card-item.grey {
    background: #DBE2E9;
}
.coloured-cards .coloured-card-item.red {
    background: #EE2737;
}
.coloured-cards .coloured-card-item.yellow {
    background: #FFC72C;
}
.coloured-cards .coloured-card-item.navy {
    background: #182855;
}
@media screen and (max-width:1500px){
    .coloured-cards .coloured-card-item {
        padding: 15px;
    }
}
@media screen and (max-width:1200px){
    .coloured-cards {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width:768px){
    .coloured-cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width:575px){
    .coloured-cards {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}
/*coloured cards ends*/



/*browse courses strip starts*/
.browse-courses-strip h2 {
    color: white!important;
}
.browse-courses-strip .container {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}
.browse-courses-strip .container .component-introduction {
    padding-bottom: 0!important;
}
.browse-courses-strip .container .component-introduction p.link a {
    margin: 0!important;
}
.browse-courses-strip .text p {
    font-size: var(--p1-fontsize);
}
@media screen and (max-width:768px){
    .browse-courses-strip .container {
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 20px;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .browse-courses-strip .info:not(.component-introduction .info) {
        max-width: calc(100% - 0px);
    }
}
/*browse courses strip ends*/



/*partner network logo component starts*/
.partner-network-logo-section .listing-pods .image {
    height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D9D9D9;
    border-radius: 0px;
}
.partner-network-logo-section .listing-pods .image img {
    max-height: 100px;
}

.partner-logos-resusable .partner-network-logo-section .usn_cmp_text {
    padding-right: 25px;
}
.partner-logos-resusable .partner-network-logo-section .usn_cmp_pods {
    padding-left: 25px;
}
.partner-logos-resusable .partner-network-logo-section .usn_cmp_text p {
    font-size: var(--p1-fontsize);
    line-height: 1.7;
}
@media screen and (max-width:767px){
    .partner-logos-resusable .partner-network-logo-section .usn_cmp_text {
        padding-right: 0px;
        padding-left: 0;
    }
    .partner-logos-resusable .partner-network-logo-section .usn_cmp_pods {
        padding-left: 0px;
        padding-right: 0;
    }
}
/*partner network logo component ends*/

/*split section modified starts*/
.top-split-component-banner-section .text p {
    font-size: var(--p1-fontsize)!important;
    color: var(--color-primary);
    line-height: 1.6;
    font-weight:500;
}
.top-split-component-banner-section .link a {
    min-width: 180px;
    text-align: center;
    font-size: 18px;
    box-shadow: none !important;
    line-height: normal;
    height: 60px;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.top-split-component-banner-section .usn_cmp_text .info {
    max-width: 735px!important;
    float: right;
    padding-right: 100px!important;
}
.top-split-component-banner-section .component-main .item {
    padding-bottom: 0 !important;
}
/*admission process timeline css starts*/
.admission-process-timeline-main-section {
    background: #E3E8F04D!important;
}
.admission-process-timeline-main-section .component-introduction .info {
    padding-left: 50px;
}
.admission-timeline {
    position: relative;
    padding-left: 37px;
}

.admission-timeline::before {
    content: "";
    position: absolute;
    top: 8px;
    bottom: 0;
    left: 0px;
    width:1px;
    background: #000000;
}

.admission-timeline .timeline-item {
    position: relative;
    padding-bottom: 70px;
}

.admission-timeline .timeline-item:last-child {
    padding-bottom: 0;
}
.admission-timeline .timeline-item:last-child:after {
    content: '';
    width: 10px;
    background:#f7f8fa;
    display: inline-block;
    position: absolute;
    left: -43px;
    height: 90%;
    top: 10%;
}
.admission-timeline .timeline-marker {
    position: absolute;
    left: -50px;
    top: 8px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #3C5EAA;
    z-index: 2;
}

.admission-timeline .timeline-content {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 40px;
}

.admission-timeline .timeline-item:last-child .timeline-content {
    border-bottom: none;
    padding-bottom: 0;
}

.admission-timeline .timeline-content h3 {
    margin: 0 0 20px;
    color: #3C5EAA;
    font-family:var(--h5-typography_font-name);
    font-weight:600!important;
}

.admission-timeline .timeline-row {
    display: flex;
    gap: 60px;
}

.admission-timeline .timeline-row.full-width {
    display: block;
}

.admission-timeline .timeline-card {
    flex: 1;
}

.admission-timeline .timeline-card h5 {
    margin: 0 0 16px;
    color:var(--color-gray);
    text-decoration: underline;
    font-family:var(--h5-typography_font-name);
    font-weight:600!important;
}

.admission-timeline .timeline-card p {
    margin: 0;
    color: var(--color-gray);
    font-size: var(--p2-fontsize);
    line-height: 1.8;
    font-weight:500;
}

.admission-timeline .timeline-card ul {
    margin: 20px 0 0;
    padding-left: 0px;
}
.admission-timeline .timeline-card ul li {
    position: relative;
    list-style: none;
    font-weight:500;
}

.admission-timeline .timeline-card ul li:before {
    content: "\2713";
    padding-right: 10px;
    font-weight: bold;
}
.admission-timeline .timeline-card ul li {
    margin-bottom: 12px;
    color:var(--color-gray);
    font-size: 18px;
    line-height: 1.7;
}

.admission-timeline .timeline-card ul li:last-child {
    margin-bottom: 0;
}
/*admission process timeline css ends*/



/*key dates intakes section starts*/
.key-dates-intakes .component-introduction .info {
    padding-left: 0px;
}

.key-dates-intakes .listing .item .inner {
    padding: 25px 25px 10px 25px;
    background: #E3E8F04D;
    border-radius: 0px;
}

.key-dates-intakes .listing .item .inner .image, .key-dates-intakes .listing .item .inner .image img {
    width: 75px!important;
    height: 75px!important;
    max-width: 75px;
}

.key-dates-intakes .listing .item .inner .info h5 {
    font-size: 24px!important;
    font-weight: 600;
    color: var(--color-secondary-blue);
    margin-bottom: 15px;
}

.key-dates-intakes .listing .item .inner .info p {
    font-size: 18px;
    color: #1c1c1c;
    font-weight: 500;
}
.key-dates-intakes .component-main.row {
    margin-left: -24px;
    margin-right: -24px;
}
/*key intakes dates section ends*/



/*blue cta background section starts*/
.blue-cta-section-container h2.heading {
    color: white !important;
}
.blue-cta-section-container p{
    font-size:var(--p1-fontsize)!important;
    padding-top:20px!important;
}
/*blue cta background section ends*/
.join-community-actions {
    margin-top: 30px!important;
}
/*split section 2 starts*/
.split-section2-industry-partnership .item:first-child {
    padding-right: 25px;
}
.split-section2-industry-partnership .item:nth-child(2) {
    padding-left: 25px;
}
.split-section2-industry-partnership .usn_cmp_gallery .image, .split-section2-industry-partnership .usn_cmp_gallery .image img {
    border-radius: 0px;
}
.split-section2-industry-partnership .usn_cmp_text .info .text ul li {
    font-size: var(--p1-fontsize);
    line-height: 1.7;
    margin-bottom: 10px;
}

.split-section2-industry-partnership .usn_cmp_text .info .text ul li:last-child {
    margin-bottom: 0;
}
@media screen and (max-width:767px){
    .split-section2-industry-partnership .item:first-child {
        padding-right: 12px;
    }
    .split-section2-industry-partnership .item:nth-child(2) {
        padding-left: 12px;
    }
}
/*split section 3 starts*/

@media screen and (min-width:1500px){
.blue-cta-section-container .container{
        padding-left:0!important;
        padding-right:0!important;
}
.split-section2-industry-partnership .usn_cmp_text .info .text p {
    font-size: var(--p1-fontsize);
    line-height: 1.7;
    padding-top: 20px;
}
.split-section2-industry-partnership .container {
    padding-left: 0;
    padding-right: 0;
}
.partner-logos-resusable > .component-inner .container {
    padding-left: 0;
    padding-right: 0;
}
.main-filter-strip .container {
    padding: 0;
}
}
@media screen and (max-width:1600px){
    :root {
        --h1-fontsize: 40px;
        --h2-fontsize: 32px;
        --h3-fontsize: 25px;
        --h4-fontsize: 18px;
        --secondar-heading-main: 18px;
        --heading-large-fontsize: 28px;
        --h5-fontsize: 16px;
        --h6-fontsize: 16px;
        --p1-fontsize: 16px;
        --p2-fontsize: 14px;
        --p3-fontsize: 12px;
        --p4-fontsize: 11px;
    }
    h1.heading, h1{
        font-size:var(--h1-fontsize)!important;
    }
    h2.heading, h2{
        font-size:var(--h2-fontsize)!important;
    }
    /*top split section starts*/
    .top-split-component-banner-section .usn_cmp_text .info {
        max-width: 735px !important;
        padding-right: 50px !important;
    }
    .top-split-component-banner-section .link a {
        min-width: 150px;
        font-size: 16px;
        height: 50px;
    }
    
    /*top split section ends*/
    /*admission process css start*/
    .admission-timeline {
        padding-left: 40px;
    }

    .admission-timeline .timeline-content h3 {
        font-size: 30px;
        margin-bottom: 24px;
    }

    .admission-timeline .timeline-card h5 {
        font-size: 22px;
    }

    .admission-timeline .timeline-card p,
    .admission-timeline .timeline-card ul li {
        font-size: 17px;
    }

    .admission-timeline .timeline-row {
        gap: 40px;
    }

    .admission-timeline .timeline-item {
        padding-bottom: 40px;
    }
    .admission-timeline .timeline-marker {
        left: -50px;
        width: 22px;
        height: 22px;
    }  
    /*admission process css ends*/
    
    /*btn size*/
    a.btn {
        min-width: auto !important;
        height: 50px !important;
        font-size: 16px;
    }
}
@media screen and (max-width:1500px){
    .top-split-component-banner-section .usn_cmp_text .info {
        max-width: 575px !important;
        padding-right: 50px !important;
    }
}
@media screen and (max-width:1440px){
    .top-split-component-banner-section .usn_cmp_text .info {
        max-width: 580px !important;
        padding-right: 50px !important;
    }
    :root {
        --h1-fontsize: 28px;
        --h2-fontsize: 24px;
        --h3-fontsize: 22px;
        --h4-fontsize: 18px;
        --h5-fontsize: 16px;
        --h6-fontsize: 14px;
        --p1-fontsize: 14px;
        --p2-fontsize: 12px;
        --p3-fontsize: 11px;
        --p4-fontsize: 11px;
        --heading-large-fontsize: 20px;
    }
}

@media screen and (max-width:1200px){
    :root {
      --h1-fontsize:38px;
      --h2-fontsize:30px;
      --h3-fontsize:26px;
      --h4-fontsize:18px;
      --h5-fontsize:16px;
      --h6-fontsize:16px;
      --p1-fontsize:16px;
      --p2-fontsize:16px;
      --p3-fontsize:14px;
      --p4-fontsize:12px;
      --heading-large-fontsize:24px;

    }
    /*top split section starts*/
    .top-split-component-banner-section .usn_cmp_text .info {
        padding-right: 20px !important;
        padding-bottom: 40px !important;
        max-width: 590px !important;
    }
    .top-split-component-banner-section .link a{
        margin-top:10px;
    }
    /*top split section ends*/
    
    
    /*admission process timeline starts*/
    .admission-timeline {
        padding-left: 30px;
    }

    .admission-timeline::before {
        left: 16px;
    }

    .admission-timeline .timeline-marker {
        left: -20px;
        width: 14px;
        height: 14px;
    }

    .admission-timeline .timeline-row {
        gap: 30px;
    }

    .admission-timeline .timeline-content h3 {
        font-size: 26px;
    }

    .admission-timeline .timeline-card h5 {
        font-size: 20px;
    }

    .admission-timeline .timeline-card p,
    .admission-timeline .timeline-card ul li {
        font-size: 14px;
        line-height: 1.7;
    }
    .admission-process-timeline-main-section .component-introduction .info {
        padding-left: 12px;
    }
    /*admission process timeline ends*/
    
    /*key dates section starts*/
    .key-dates-intakes .component-introduction .info {
        padding-left: 12px;
    }
    .key-dates-intakes .component-main.row {
        margin-left: -12px;
        margin-right: -12px;
    }
    .key-dates-intakes .listing .item .inner .image, .key-dates-intakes .listing .item .inner .image img {
        width: 50px !important;
        height: 50px !important;
        max-width: 50px;
    }
    .key-dates-intakes .listing .item .inner .info h5 {
        font-size: 20px !important;
    }
    .key-dates-intakes .listing .item .inner .info p{
        font-size:16px;
    }
    /*key dates section ends*/
}
@media screen and (max-width:767px){
     :root {
      --h1-fontsize:36px;
      --h2-fontsize:28px;
      --h3-fontsize:24px;
      --h4-fontsize:16px;
      --h5-fontsize:14px;
      --h6-fontsize:14px;
      --p1-fontsize:16px;
      --p2-fontsize:16px;
      --p3-fontsize:14px;
      --p4-fontsize:12px;
      --heading-large-fontsize:20px;

    }
    h1.heading, h1{
       margin-bottom:15px!important;
    }
    .top-split-component-banner-section .component-main .usn_cmp_text {
        margin-top: 0 !important;
    }
    .top-split-component-banner-section .usn_cmp_text .info{
        max-width:100%!important;
    }
    .join-community-actions a:last-child {
        margin-left: 0 !important;
    }
    /*admission process css starts*/
    .admission-timeline {
        padding-left: 35px;
    }

    .admission-timeline::before {
        left: 5px;
    }

    .admission-timeline .timeline-marker {
        left: -35px;
        width: 12px;
        height: 12px;
        top: 6px;
    }

    .admission-timeline .timeline-item {
        padding-bottom: 40px;
    }

    .admission-timeline .timeline-content {
        padding-bottom: 30px;
    }

    .admission-timeline .timeline-content h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .admission-timeline .timeline-row {
        flex-direction: column;
        gap: 25px;
    }

    .admission-timeline .timeline-card h5 {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .admission-timeline .timeline-card p,
    .admission-timeline .timeline-card ul li {
        font-size: 15px;
        line-height: 1.6;
    }

    .admission-timeline .timeline-card ul {
        margin-top: 15px;
        padding-left: 18px;
    }
    .admission-process-timeline-main-section .component-introduction .info {
        padding-left: 12px;
    }
    .admission-timeline .timeline-item:last-child:after {
        left: -33px;
        height: 100%;
        top: 5%;
    }
    /*admission process css ends*/
    
    /*key dates section starts*/
    .key-dates-intakes .listing .item .inner {
        padding: 25px 25px 25px 25px;
    }
    /*key dates section ends*/
}



/*faculty details page css starts*/
section.content.component.meta-author-comments.base-bg.base-bg-solid.pt-0.mt-0 {
    display: none;
}
.faculty-details-main-section {
    background: #E3E8F04D!important;
}
.faculty-details-main-section .component-main.row.listing .image, .faculty-details-main-section .component-main.row.listing .image img {
    border-radius: 0px;
    width: 400px;
    max-width: 400px;
}

.faculty-details-main-section .component-main.row.listing .image img {
    padding: 30px;
    background: white;
}

.faculty-details-main-section .component-main.row.listing .info {
    padding-left: 50px!important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.faculty-details-main-section .component-main.row.listing .info p.heading {
    font-size: var(--heading-large-fontsize)!important;
    color: var(--color-blue)!important;
    font-family: var(--body-typography_font-name);
    font-weight: 700;
    margin-bottom: 30px!important;
}
.faculty-details-main-section .component-main.row.listing .info  .text ul li img {
    width: 25px;
    max-width: 25px;
    height: 25px;
    margin-right: 10px;
}
.faculty-details-main-section .component-main.row.listing .info .text ul {
    margin: 0;
    list-style: none;
    margin-bottom: 30px;
}
.faculty-details-main-section .component-main.row.listing .info .text ul li:first-child {
    font-size: var(--secondar-heading-main);
    color: var(--color-primary)!important;
    font-weight: 600;
}
.faculty-details-main-section .component-main.row.listing .info .text ul li {
    line-height: normal;
    margin-bottom: 20px;
    font-size: var(--secondar-heading-main);
    color: var(--color-gray)!important;
    font-weight: 600;
}
.faculty-details-main-section .component-main.row.listing .info .text ul li a {
    color: var(--color-gray);
    font-weight: 500;
}
.faculty-details-main-section .component-main.row.listing .info .text p {
    font-size: var(--p1-fontsize);
    line-height: 1.7;
    color: var(--color-gray);
}
@media screen and (max-width:1500px){
    .faculty-details-main-section .component-main.row.listing .image, .faculty-details-main-section .component-main.row.listing .image img {
        width: 350px;
        max-width: 350px;
    }
    .faculty-details-main-section .component-main.row.listing .info {
        padding-left: 30px !important;
    }
    .faculty-details-main-section .component-main.row.listing .info p.heading {
        margin-bottom: 10px !important;
    }
    .faculty-details-main-section .component-main.row.listing .info .text ul li {
        margin-bottom: 10px;
    }
}
@media screen and (max-width:1200px){
    .faculty-details-main-section .component-main.row.listing .image img{
        padding:20px;
    }
}
@media screen and (max-width:991px){
    .faculty-details-main-section .component-main.row.listing .image, .faculty-details-main-section .component-main.row.listing .image img {
        width: 250px;
        max-width: 250px;
    }
}
@media screen and (max-width:768px){
    .faculty-details-main-section .component-main.row.listing .image, .faculty-details-main-section .component-main.row.listing .image img {
        width: 270px;
        max-width: 270px;
        margin-bottom: 20px;
    }
    .faculty-details-main-section .component-main.row.listing .info {
        padding-left: 0px !important;
    }
}
/*faculty details page css ends*/