/* CSS Variables Defines Below */
:root {
    --transition: all 0.3s ease-in-out;
    --mainfont: 'Plus Jakarta Sans';
    --btn-font: 'Google Sans';
    --menu-font: 'Proxima Nova';
    --pinyon-font: 'Pinyon Script';
    --white: #FFFFFF;
    --black: #000000;
    --mehroon-gradient: linear-gradient(180deg, #9F0203 0%, #9F0203 100%);
    --text-color: #2e2e2e;
    --background-grey: #f2f4f8;
    --font14: 1.4rem;
    --font16: 1.6rem;
    --font18: 1.8rem;
    --pl-pr-75: 0 7.5rem;
    --theme-color: #9e0203;
    --bg-secondary-theme: #eeeeee;
    --footer-bg-color: #0b0b0b;
}
@media screen and (max-width: 1920.98px) {
    .st-programs {
        width: 1100px;
        max-height: 560px;
        height: 560px;
        left: -230px;
        overflow-y: auto;
    }
    .st-admissions {
        width: 660px;
        max-height: 415px;
        overflow: hidden !important;
    }
    header .all-menus li .mega-menu ul li {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 1600.98px) {
    .pt-pb-200-120 {
        padding: 18rem 0 0 0;
    }
}
@media screen and (max-width: 1799.98px) {

    .main-container {
        padding: 0 120px;
    }

    html,
    body {
        font-size: 52.5%;
    }

    header .header-logo img {
        max-width: 23rem;
    }

    header .admission-helpline .admission-helpline-number a {
        font-size: 1.6rem;
    }

    header .admission-helpline .cgcuet-logo img {
        width: 9.5rem;
    }

    .voices-of-victory .voices-of-victory-slider .victory-content {
        padding-left: 4rem;
    }

    .centre-of-excellence .centre-of-excellence-slider .centre-of-excellence-slide img {
        width: 100%;
    }

    header .all-menus li .mega-menu ul li {
        margin-bottom: 0.4rem;
        margin-right: 1rem;
    }

    .ncc-top-banner {
        min-height: 990px;
        padding-top: 30rem;
    }

    .pd-90-tb {
        padding: 7rem 0;
    }

    .ncc-achievements h2 {
        font-size: 76px;
    }

    .ncc-career .ncc-career-flags figure img {
        width: 17rem;
    }
    .st-admissions {
        width: 660px;
        max-height: 360px;
        height: 361px;
        overflow: hidden !important;
    }
}
@media screen and (min-width: 1500px) {
    .menuTabs li a {
        padding: 15px 30px !important;
    }
    .menu__block.mehroon-bg .menu_inner_block p a {
        padding-bottom: 4px !important;
    }
    .st-admissions {
        width: 660px;
        height: 380px;
        max-height: 380px;
        overflow: hidden !important;
    }
    .st-about {
        width: 740px;
        height: 365px;
        max-height: 365px;
    }
    .st-academics {
        width: 1000px;
        height: 395px;
        left: 0;
    }
}
@media only screen and (min-width: 1600px) and (max-width: 1799.98px) {
    .st-programs {
        width: 1100px;
        max-height: 574px;
        height: 545px;
        left: -230px;
        overflow-y: auto;
    }
    .st-admissions {
        width: 660px;
        height: 381px;
        overflow: hidden !important;
    }
    .spot-light figure figcaption {
        width: 17%;
        right: 25%;
    }
    .futureistic-spaces .futureistic-spaces-slider figure figcaption {
        bottom: 9rem;
    }
    header .all-menus li .mega-menu ul li a {
        padding-bottom: 0.8rem;
    }
}
@media only screen and (max-width: 1599.98px) {

    .main-container {
        padding: 0 100px;
    }

    .stats-grid {
        gap: 2rem;
    }

    html,
    body {
        font-size: 50%;
    }

    h1 {
        font-size: 6.6rem !important;
    }

    h2 {
        font-size: 4.6rem !important;
    }

    h4 {
        font-size: 3.2rem;
    }

    .life-at-cgc.internal-life-at-cgc {
        padding-top: 120px;
    }

    .excellence-marks .legacy-box {
        padding: 3.3rem;
    }

    header .all-menus li {
        margin-right: 4rem;
    }

    header .all-menus {
        padding: 3rem 3rem 0 2rem;
    }

    .centre-of-excellence .centre-of-excellence-slider .excellence img {
        max-width: 9.5rem;
    }

    .beyond-borders figure:hover figcaption {
        bottom: 25rem;
    }

    button.slick-arrow {
        padding: 2.2rem
    }

    header .admission-helpline {
        padding-left: 1rem;
    }

    .choice-for-education figure img {
        width: 100%;
    }

    header .all-menus li .mega-menu ul li a {
        padding-bottom: 0.8rem;
    }

    .ncc-top-banner h1 {
        font-size: 4.4rem !important;
    }

    .ncc-benefits .ncc-benefits-content {
        padding: 12.2rem;
        padding-bottom: 12.2rem;
    }

    .ncc-top-banner {
        min-height: 890px;
    }

    .join-ncc table td,
    .join-ncc table th {
        padding: 1.8rem 2rem;
    }

    .student-stories .student-box-outside .student-box {
        min-height: 290px;
    }
    .student-stories {
        max-height: 760px;
        overflow: visible;
    }
    .st-programs {
        width: 1100px;
        max-height: 534px;
        height: 534px;
        left: -230px;
        overflow-y: auto;
    }
    .st-admissions {
        width: 660px;
        height: 372px;
        overflow: hidden !important;
    }
    .spot-light figure figcaption {
        width: 17%;
        right: 25%;
    }
}

@media screen and (max-width: 1499.98px) {

    footer h2 {
        font-size: 2.6rem !important;
    }

    .beyond-borders figure:hover figcaption {
        bottom: 20rem;
    }

    .home-banner-section .home-banner-slider button.slick-prev.slick-arrow {
        right: 5.8%;
    }

    .home-banner-section .home-banner-slider .sld {
        background-position: center;
    }

    .ncc-top-banner {
        min-height: 790px;
    }
    .step-second-menu {
      max-height: unset !important;
    }
    .menu__block.mehroon-bg .menu_inner_block p a {
        padding-bottom: 4px !important;
    }
    .st-admissions {
        width: 660px;
        height: 372px;
        overflow: hidden !important;
    }
    .spot-light figure figcaption {
        width: 17%;
        right: 35%;
    }
}
@media only screen and (min-width: 1442px) and (max-width: 1499.98px) {
    .st-programs {
        width: 1100px;
        max-height: 534px;
        height: 481px;
        left: -230px;
        overflow-y: auto;
    }
    .st-admissions {
        width: 660px;
        height: 373px;
        overflow: hidden !important;
    }
    .st-about {
        width: 740px;
        height: 360px;
        max-height: 380px;
    }
    .spot-light figure figcaption {
        width: 17%;
        right: 35%;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1441.98px) {
    .st-about {
        width: 740px;
        height: 360px;
    }
    .st-programs {
        width: 1100px;
        height: 473px;
        max-height: 475px;
        left: -230px;
        overflow-y: auto;
    }
    .header .nav-item {
        margin: 0 15px;
    }
    .menu__block.mehroon-bg .menu_inner_block p a {
       padding-bottom: 0 !important;
    }
     .st-academics {
        width: 730px;
        height: 415px;
        left: 0;
    }
    .st-admissions {
        width: 660px;
        height: 352px;
        overflow: hidden !important;
    }
    .st-campus {
        width: 570px;
        height: 350px;
        left: -20px;
    }
    .step-second-menu li a {
        padding-bottom: 0 !important;
    }
}
@media screen and (max-width: 1439.98px) {

    .home-banner-section .home-banner-slider .bg-theme-color,
    .home-banner-section .home-banner-slider .text-right {
        padding: 3.6rem;
    }

    .excellence-marks .legacy-box .content {
        padding-left: 2rem;
    }

    .excellence-marks .legacy-box {
        padding: 2.6rem;
    }

    .excellence-marks .legacy-box figure img {
        width: 11rem;
    }

    .centre-of-excellence .centre-of-excellence-slider .excellence img {
        max-width: 8.5rem;
    }

    .choice-for-education figure img {
        max-width: 50rem;
    }

    .why-cgc-university .top-row figure {
        padding-left: 2rem;
    }

    footer .footer-logo.mb-5 img {
        width: 20rem;
    }

    footer .ftr-contact a {
        font-size: 1.5rem;
        font-weight: 500;
    }

    .pb-5 {
        padding-bottom: 2rem !important;
    }

    .mb-5 {
        margin-bottom: 2rem !important;
    }

    .futureistic-spaces .futureistic-spaces-slider figure img {
        width: 100%;
    }

    .home-banner-section .home-banner-slider button.slick-prev.slick-arrow {
        right: 6%;
    }

    #global-stats .stat-item span.plus {
        font-size: 3rem;
    }
    .st-admissions {
        width: 660px;
        height: 363px;
        overflow: hidden !important;
    }
    .spot-light figure figcaption {
        width: 17%;
        right: 35%;
    }
}

@media screen and (max-width: 1399.98px) {

    .main-container {
        padding: 0 95px;
    }

    header .container-fluid {
        padding: 0rem 2.5rem;
    }

    h1 {
        font-size: 5.6rem !important;
    }

    h2 {
        font-size: 3.6rem !important;
    }

    header .all-menus {
        padding: 3rem 3rem 0 4rem;
    }

    header .all-menus li {
        margin-right: 2rem;
    }

    header .admission-helpline .admission-helpline-number a {
        font-size: 1.4rem;
        padding: 0 1.6rem;
    }

    .top-tier-placements .top-tier-placement-slide .company-logo img {
        width: 12rem;
    }

    .news-events .news-box p {
        font-size: 1.5rem;
    }

    .pd-left-30 {
        padding-left: 2rem;
    }

    .choice-for-education figure img {
        max-width: 44rem;
        padding: 0 2rem;
    }

    .choice-for-education a {
        font-size: 1.9rem;
    }

    .stats-grid {
        flex-wrap: nowrap;
        gap: 0;
    }

    .life-at-cgc figure::before {
        box-shadow: inset 0 -6.25rem 5rem -2.5rem rgba(0, 0, 0, 0.7);
    }

    .futureistic-spaces .futureistic-spaces-slider figure figcaption {
        width: 75%;
        padding: 0 2rem;
        bottom: 6rem;
    }
    .futureistic-spaces .futureistic-spaces-slider figure figcaption {
        bottom: 7.5 rem;
    }

    .beyond-borders figcaption {
        width: 75%;
        padding: 0 2rem;
    }

    footer .ftr-social-links ul li {
        margin-right: 4rem;
    }

    .fixed-sidebar-nav {
        top: 60%;
    }

    .excellence-marks .legacy-box {
        margin-bottom: 1rem;
    }

    .mb-40 {
        margin-bottom: 2rem;
    }

    .pt-pb-200-120 {
        padding: 16rem 0 0rem 0;
    }

    header .header-logo img {
        max-width: 22rem;
    }

    .m-btm-5 {
        margin-bottom: 2rem;
    }

    h4 {
        font-size: 2.5rem;
    }

    .mb-40 {
        margin-bottom: 2rem;
    }

    .excellence-marks .legacy-box .content {
        padding-left: 1.5rem;
    }

    .centre-of-excellence .centre-of-excellence-slider .centre-of-excellence-slide {
        padding: 1rem 2rem 0 4rem;
    }

    h3 {
        font-size: 3.8rem;
    }

    .join-ncc table td,
    .join-ncc table th {
        padding: 1.4rem 2rem;
    }
    .st-admissions {
        width: 660px;
        height: 363px;
        overflow: hidden !important;
    }
    .spot-light figure figcaption {
        width: 17%;
        right: 35%;
    }
}

@media screen and (max-width: 1299.98px) {

    html,
    body {
        font-size: 48.5%;
    }
    .top-tier-placements .mb-30 {
        margin-bottom: 5px;
    }
    .pt-pb-200-120 {
        padding: 13rem 0 0rem 0;
    }
    .top-tier-placement-slider {
        margin-bottom: 1rem;
    }
    .fixed-sidebar-nav li {
        padding: 0.9rem;
    }

    header .header-logo img {
        max-width: 19rem;
    }

    header .all-menus li {
        margin-right: 2.2rem;
    }

    header .admission-helpline .form-group a img {
        width: 2rem;
    }

    header .admission-helpline .cgcuet-logo img {
        width: 8.5rem;
    }

    header .admission-helpline .admission-helpline-number a {
        padding: 0 1.4rem;
        min-height: 3.4rem;
    }

    header .admission-helpline {
        padding-left: 0.8rem;
    }

    h1 {
        font-size: 4.6rem !important;
    }

    h2 {
        font-size: 3.2rem !important;
    }

    #section3 h2 {
        font-size: 3.6rem !important;
    }

    .excellence-marks .legacy-box figure img {
        width: 10rem;
    }

    .beyond-borders figure:hover figcaption {
        bottom: 15rem;
    }

    .choice-for-education table td,
    .choice-for-education table th {
        padding: 0.8rem 2rem;
    }

    .cgcuet-score-box table td,
    .cgcuet-score-box table th {
        padding: 1.2rem 2rem;
    }

    header .all-menus {
        padding: 1.8rem 3rem 0 0;
    }

    .excellence-marks .legacy-box {
        padding: 1.8rem;
    }

    footer .brdr-bottom ul li a {
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 19.33rem;
        display: block;
    }

    .home-banner-section .home-banner-slider button.slick-prev.slick-arrow {
        right: 6.4%;
    }

    .top-tier-placements .top-tier-placement-slide figcaption {
        padding: 2rem;
    }

    .ncc-achievements.nss-achievements ul.slick-dots {
        bottom: -30px;
    }

    .student-stories .student-boxes {
        padding-top: 14rem;
    }
     .st-admissions {
        width: 660px;
        /* height: 352px; */
        overflow: hidden !important;
    }
    .spot-light figure figcaption {
        width: 17%;
        right: 45%;
    }
}

@media screen and (max-width: 1199.98px) {

    header .mega-menu ul {
        margin-bottom: 12px !important;
    }

    header .all-menus .bottom-menus li.has-menu>a::after {
        content: "\f105";
        /* unicode for angle-right */
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        /* solid weight */
        position: absolute;
        right: 0;
        top: 0;
        transform: rotate(0);
        transition: var(--transition);
    }

    .apply-now-btn a.btn::after {
        display: none;
    }

    header .all-menus .mega-menu li a::after {
        display: none;
    }

    header .all-menus .bottom-menus li.has-menu.open a::after {
        transform: rotate(90deg);
    }

    header .all-menus li .mega-menu ul li a {
        font-size: 1.3rem;
        cursor: pointer;
        padding-bottom: 0 !important;
    }

    header .mega-menu {
        position: relative;
        transform: translate(0, 15px);
        visibility: visible;
        opacity: 1;
        display: none;
        height: 100%;
        margin-bottom: 2rem;
        border-radius: 1rem;
    }

    header .mobile-toggle {
        display: block;
        order: 4;
        z-index: 2;
        position: relative;
        width: 3.87rem;
        height: 2.58rem;
    }
    header.scrolled .mobile-toggle span {
        background-color: var(--text-color);
    }
    header.scrolled .mobile-toggle.toggleme span {
        background-color: var(--white);
    }
    header.scrolled .all-menus li a {
        color: var(--white);
    }
   
    header .mobile-toggle span.center-line {
        top: 1.03rem;
        width: 2.84rem !important;
    }

    header .mobile-toggle span.bottom-line {
        width: 1.93rem;
        top: 2.19rem;
    }

    header .mobile-toggle.toggleme span.center-line {
        right: 0.90rem;
    }

    header .mobile-toggle.toggleme span.bottom-line {
        right: 1.55rem;
    }

    header .all-menus {
        position: fixed;
        left: 0;
        top: 0;
        transform: translateX(-100%);
        opacity: 0;
        transition: transform 0.4s ease, opacity 0.3s ease;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.98);
        display: flex;
        flex-direction: column;
        padding-top: 7.73rem;
        z-index: 1;
    }
    
    header .all-menus.mb-toggle {
        transform: translateX(0);
        opacity: 1;
        overflow-y: scroll;
    }
    header .admission-helpline {
        margin-left: auto;
        justify-content: end;
    }

    header .admission-helpline .cgcuet-logo {
        display: none;
    }

    header .admission-helpline .admission-helpline-number {
        display: none !important;
    }

    header .admission-helpline::before {
        display: none;
    }

    header .d-flex {
        justify-content: flex-start;
        align-items: center;
    }

    header .admission-helpline .form-group {
        top: 0;
        padding-right: 5.15rem;
    }
    .step-second-menu {
        top: 15px;
    }

    header .all-menus .top-menus {
        order: 2;
        flex-direction: column;
    }

    header .all-menus .top-menus ul.header-social-icons {
        flex-direction: row;
        margin-top: 1.29rem;
    }

    header .all-menus .top-menus ul.header-social-icons li {
        margin-right: 3.87rem;
    }

    header .all-menus .top-menus ul {
        flex-direction: column;
        align-items: flex-start !important;
    }

    header .all-menus .bottom-menus ul {
        flex-direction: column;
        align-items: flex-start !important;
    }

    header .all-menus li {
        margin-right: 0;
        margin-bottom: 1.55rem;
        width: 100%;
    }

    header .all-menus li a::before {
        display: none;
    }

    header .all-menus .faded-font li a {
        color: var(--white);
    }

    header .mb-toggle-data {
        display: block;
        margin-top: 1.03rem;
        margin-bottom: 2.58rem;
    }

    .admission-helpline-number.d-flex.flex-direction-column {
        align-items: flex-start;
    }

    .admission-helpline-number p {
        color: var(--white);
    }

    .mb-toggle-data .cgcuet-logo {
        margin-bottom: 1.93rem;
    }

    h6 {
        font-size: 1.9rem;
    }

    .choice-for-education table td,
    .choice-for-education table th {
        padding: 1rem 0.6rem;
    }

    .pt-pb-200-120 {
        padding: 15rem 0 0 0;
    }

    .choice-for-education a {
        font-size: 1.8rem;
    }

    .stats-grid {
        justify-content: flex-start;
    }

    footer .brdr-bottom ul li a {
        width: 14.18rem;
    }

    .centre-of-excellence .centre-of-excellence-slider .brand-logo img {
        width: 16rem !important;
    }

    footer .ftr-social-links ul li {
        margin-right: 3rem;
    }

    .top-tier-placements .recruiters-at-cgc-university img {
        width: 9rem;
    }

    header .all-menus li a {
        padding-bottom: 0.4rem;
        display: inline-block;
        width: 100%;
    }

    .join-ncc table td,
    .join-ncc table th {
        padding: 1rem 2rem;
    }

    .cgc-best-choice .pd-134 {
        padding: 10.4rem 3.4rem 6.4rem 13.4rem;
    }

    .ncc-benefits .ncc-benefits-content {
        padding: 12.2rem 4.2rem 12.2rem 12.2rem;
    }
    .menu__block {
        column-count: 1 !important;
        -webkit-column-count: 1 !important;
        -moz-column-count: 1 !important;
    }
    .spot-light figure figcaption {
        width: 17%;
        right: 50%;
    }
    .nav-item.dd-menu-lg>a::after {
        content: "\f105";
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        position: absolute;
        right: 0;
        top: 0;
        transform: rotate(0);
        transition: var(--transition);
    }
    .nav-item.dd-menu-lg.open a::after {
        transform: rotate(90deg);
    }
    header.scrolled .top-menus .header-social-icons li img {
        filter: invert(0);
    }
    header .header-top-bar p {
        padding: 0.8rem 2rem;
    }
    header .all-menus {
        padding: 17rem 2.5rem 0 2.5rem !important;
    }
    header .header-logo {
        padding: 1rem 0;
        position: relative;
        z-index: 9;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1024.98px) {
    .ncc .carousel-caption .slider-caption {
        font-size: 2.8rem !important;
    }

    .ncc .carousel-caption {
        top: 5%;
    }

    .student-stories button.slick-arrow {
        left: 4%;
    }

    .ncc-career .ncc-career-flags figcaption {
        font-size: 1.5rem;
        font-weight: 600;
    }

    .ncc-achievements h2 {
        font-size: 4.5rem !important;
    }

    .ncc-career .ncc-career-flags figcaption {
        font-size: 1.7rem;
        font-weight: 500;
    }

    .ncc-benefits .ncc-benefits-content {
        padding: 12.2rem 4.2rem 12.2rem 5.2rem;
    }
    .spot-light figure figcaption {
        width: 17%;
        right: 50%;
    }
}

@media screen and (max-width: 991.98px) {

    header .all-menus .mega-menu ul li a span {
        font-size: 1.3rem !important;
    }

    .mega-menu .mega-menu-bottom-bar .text-right {
        text-align: left;
    }

    header .mega-menu .mega-menu-bottom-bar p {
        margin-bottom: 1.2rem;
    }

    header .all-menus li .mega-menu ul li {
        margin-bottom: 0.7rem;
        margin-right: 0;
    }

    .fixed-sidebar-nav {
        display: none;
    }

    .main-container {
        padding: 0 40px;
    }

    section {
        min-height: auto;
    }

    header::after {
        display: none;
    }

    html,
    body {
        font-size: 60%;
    }

    .pt-pb-200-120 {
        padding: 6rem 0 4rem 0;
    }

    .cgc-legacy .right-content {
        padding-left: 0rem;
    }

    .pd-left-134 {
        padding-left: 4.4rem;
    }

    h3 {
        font-size: 3.2rem;
    }

    .centre-of-excellence .centre-of-excellence-slider .excellence img {
        max-width: 7.5rem;
    }

    .centre-of-excellence .pd-right-50 {
        padding-right: 0rem;
        order: 2;
        margin-bottom: 2.08rem;
    }

    .excellence-marks .row.align-items-end {
        justify-content: center;
    }

    .brand-logo.d-flex.justify-content-end {
        justify-content: flex-start !important;
    }

    .centre-of-excellence .find-more-btn {
        margin-bottom: 3.13rem;
    }

    .choice-for-education a {
        text-align: left;
    }

    .choice-for-education .m-btm-5 figure {
        margin-bottom: 2.08rem;
        margin-top: 2.08rem;
    }

    .choice-for-education .cgcuet-score-box {
        margin-bottom: 2.08rem;
    }

    .why-cgc-university .top-row figure {
        padding-left: 0;
        margin-top: 2.08rem;
        margin-bottom: 1.56rem;
    }

    .why-cgc-university .why-cgc.d-flex.flex-direction-column {
        margin-bottom: 3.13rem;
    }

    .news-events figure {
        margin-bottom: 3.13rem;
    }

    .btn {
        padding: 0 2rem;
    }

    footer .brdr-bottom ul li a {
        width: auto;
    }

    footer .pd-left-70 {
        padding-left: 5.21rem;
    }

    footer .footer-link-heading {
        margin-top: 2.08rem;
    }

    .home-banner-section .home-banner-slider button.slick-prev.slick-arrow {
        right: 8.5%;
    }

    .top-tier-placements .top-tier-placement-slider button.slick-prev.slick-arrow {
        left: 2%;
    }

    .top-tier-placements .recruiters-at-cgc-university img {
        width: 8rem;
    }

    .home-banner-section .home-banner-slider button {
        box-shadow: 0 0 1rem #2a2a2a;
    }
    .menuTabs {
        display: none;
    }
    .international-collaborations {
        height: auto;
    }
    .spot-light figure figcaption {
        width: 25%;
        left: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992.98px) {
    .ncc .carousel-caption .slider-caption {
        font-size: 2.8rem !important;
    }

    .ncc .carousel-caption {
        top: 5%;
    }

    .ncc-marching {
        flex-direction: column;
    }

    .ncc-marching figure {
        width: 100%;
    }

    .ncc-marching.align-items-center {
        align-items: unset !important;
    }

    .ncc-marching-content {
        width: 100%;
        padding: 2rem;
    }

    .ncc-criteria .pd-right-50 {
        border-right: 3px dotted transparent;
    }

    .student-stories button.slick-arrow {
        left: 6%;
    }

    .ncc-criteria .pd-left-80 {
        padding-left: 1rem;
    }

    .ncc-career .ncc-career-flags figcaption {
        font-size: 1.5rem;
        font-weight: 600;
    }

    .ncc-achievements h2 {
        font-size: 4.5rem !important;
    }

    .ncc-career .ncc-career-flags figure img {
        width: 8rem;
    }

    .ncc-career .ncc-career-flags figcaption {
        font-size: 1.7rem;
        font-weight: 500;
    }

    .ncc-benefits.d-flex {
        flex-direction: column;
    }

    .ncc-benefits .ncc-benefits-content {
        width: 100%;
        padding: 3.4rem;
        padding-bottom: 3rem;
    }

    .ncc-benefits .ncc-benefits-figure {
        width: 100%;
    }
}

@media screen and (max-width: 819.98px) {
    .home-banner-section .home-banner-slider button.slick-prev.slick-arrow {
        right: 9.5%;
    }
}

@media screen and (max-width: 767.98px) {

    html,
    body {
        font-size: 58%;
    }

    h1 {
        font-size: 3.6rem !important;
    }

    .main-container {
        padding: 0 2.2rem;
    }

    .row.footer-bottom {
        margin-bottom: 3rem;
    }

    .pt-pb-200-120 {
        padding: 5rem 0 3rem 0;
    }

    #section4.pt-pb-200-120 {
        padding: 5rem 0 0 0;
    }

    .futureistic-spaces .futureistic-spaces-slider figure figcaption {
        width: 95%;
    }

    header .container-fluid {
        padding: 0rem 2.1rem;
    }

    .home-banner-section .text-right {
        padding: 0 0.6rem 4.4rem 11rem !important;
    }

    .home-banner-section .home-banner-slider button.slick-prev.slick-arrow {
        left: 3%;
        top: 58%;
    }

    .home-banner-section .home-banner-slider button.slick-arrow {
        left: 16%;
        top: 58%;
        box-shadow: 0 0 1rem #2a2a2a;
    }

    .unwavering-commitment .text-right {
        text-align: left;
        margin: 1rem 0;
    }

    .cgc-legacy .right-content {
        padding-left: 5rem;
        margin-bottom: 8rem;
    }

    .top-tier-placements .text-right {
        text-align: left;
        margin: 1rem 0;
    }

    /* .top-tier-placements .recruiters-at-cgc-university img {
        width: 10rem !important;
    } */

    .cgc-legacy button.slick-prev.slick-arrow {
        top: -8%;
        position: absolute;
        z-index: 2;
        left: 0;
    }

    .cgc-legacy button.slick-next.slick-arrow {
        top: -8%;
        position: absolute;
        z-index: 2;
        right: 3%;
    }

    .excellence-marks .legacy-box {
        flex-direction: column;
    }

    .excellence-marks .legacy-box .content {
        padding-left: 0;
    }

    .excellence-marks .legacy-box figure img {
        width: auto;
    }

    .excellence-marks .legacy-box figure {
        margin-bottom: 1.4rem;
    }

    .excellence-marks .row.align-items-end {
        padding: 0 0.6rem;
    }

    .excellence-marks button.slick-prev.slick-arrow {
        left: 4%;
        top: 52%;
        transform: translate(-50%, -50%);
        box-shadow: 0 0 1rem #2a2a2a;
    }

    .excellence-marks button.slick-next.slick-arrow {
        right: -8%;
        top: 52%;
        transform: translate(-50%, -50%);
        box-shadow: 0 0 1rem #2a2a2a;
    }

    .stats-grid {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .entrepreneurship-hub .entrepreneurship-hub-content {
        max-width: 100%;
    }

    .centre-of-excellence .excellence {
        width: 50%;
        margin-bottom: 2rem;
    }

    .centre-of-excellence .pd-right-50 {
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .centre-of-excellence .centre-of-excellence-slider .centre-of-excellence-slide {
        border-right: none;
        padding: 1rem 2rem 0 3.5rem;
    }

    .choice-for-education table td,
    .choice-for-education table th {
        padding: 1rem 1.6rem;
    }

    .choice-for-education a {
        display: none !important;
    }

    .news-events .news-box {
        margin-bottom: 1.7rem;
    }

    .news-events .pd-left-30 {
        padding-left: 0.9rem;
    }

    .news-events .text-right {
        margin: 1rem 0;
        text-align: left;
    }

    .beyond-borders .text-right {
        text-align: left;
        margin: 2rem 0;
    }

    .beyond-borders div#global-stats {
        margin-top: 1rem;
    }

    .voices-of-victory .d-flex {
        flex-direction: column;
    }

    .voices-of-victory .voices-of-victory-slider .victory-content {
        padding-left: 0;
    }

    .voices-of-victory .voices-of-victory-slide {
        padding-right: 1.1rem;
        padding-left: 1.1rem;
    }

    .voices-of-victory .pd-left-134 {
        padding-left: 3.4rem;
    }

    .voices-of-victory .voices-of-victory-slider .victory-content p {
        margin-bottom: 3rem;
        margin-top: 1rem;
    }

    .voices-of-victory .voices-of-victory-slider figure {
        width: 30rem;
        margin-right: auto;
    }

    .voices-of-victory .voices-of-victory-slider .victory-content {
        width: 34.5rem;
    }

    .voices-of-victory .voices-of-victory-slider .victory-content p {
        font-size: 1.5rem;
        padding-right: 1rem;
    }

    .futureistic-spaces .text-right {
        text-align: left;
        margin: 1rem 0;
    }

    .centre-of-excellence .text-right {
        text-align: left;
        margin: 1rem 0;
    }

    .voices-of-victory .text-right {
        text-align: left;
        margin: 1.5rem 0;
    }

    h2 {
        font-size: 2.8rem !important;
    }

    .international-collaborations .fixed-text {
        padding: 0 4.31rem;
        text-align: center;
    }

    .international-collaborations button.slick-prev.slick-arrow {
        left: 8%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .international-collaborations button.slick-next.slick-arrow {
        right: -2%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .life-at-cgc .text-right {
        text-align: left;
        margin: 1rem 0;
    }

    .life-at-cgc p {
        margin: 1.2rem 0;
    }

    .voices-of-victory button.slick-arrow {
        box-shadow: 0 0 1rem #2a2a2a;
    }

    .btn {
        padding: 0 3rem;
    }

    .pt-150 {
        padding-top: 152px;
    }

    .excellence-marks .text-right {
        text-align: left;
        margin: 1rem 0;
    }

    h6 {
        font-size: 1.7rem;
    }

    footer .pd-left-70 {
        padding-left: 1rem;
    }

    footer .pd-left-20 {
        padding-left: 0.7rem;
    }

    .footer-bottom .justify-content-center {
        justify-content: flex-start !important;
        margin-top: 1.4rem;
    }

    .footer-bottom .text-right {
        text-align: left;
    }

    footer p {
        font-size: 1.5rem;
    }

    footer ul li a,
    footer .ftr-contact a {
        font-size: 1.5rem;
    }

    footer .footer-bottom .footer-link-heading h6 {
        font-size: 1.6rem;
        margin-bottom: 1.2rem;
    }

    .news-events figcaption {
        bottom: 2rem;
        padding: 0 2rem;
        width: 80%;
        max-width: 50.2rem;
    }

    .beyond-borders figure:hover figcaption {
        bottom: 10rem;
        /* display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center; */
    }

    header .header-logo img {
        max-width: 16rem;
    }

    footer .footer-logo.mb-5 img {
        width: 17rem;
    }

    .top-tier-placements .top-tier-placement-slider {
        overflow-x: hidden;
    }

    header .header-logo {
        padding: 1rem 0;
        position: relative;
        z-index: 9;
    }

    header.scrolled {
        top: -7rem;
    }

    .stat-item .plus {
        font-size: 4rem;
    }

    section#section1 {
        padding-bottom: 0;
    }

    header .header-top-bar p {
        padding: 0.8rem 2rem;
    }

    header .all-menus {
        padding: 17rem 2.5rem 0 2.5rem !important;
    }

    .ncc .carousel-caption .slider-caption {
        font-size: 2rem !important;
    }

    .ncc .carousel-caption {
        top: 15%;
    }

    .ncc-marching {
        width: 100%;
        flex-direction: column;
    }

    .ncc-marching figure {
        width: 100%;
    }

    .ncc-marching.align-items-center {
        align-items: unset !important;
    }

    .ncc-marching-content {
        width: 100%;
        padding: 2rem;
    }

    .ncc-criteria .pd-right-50 {
        border-right: 3px dotted transparent;
    }

    .student-stories button.slick-arrow {
        left: 6%;
    }

    .ncc-criteria .pd-left-80 {
        padding-left: 1rem;
    }

    .ncc-career .ncc-career-flags figcaption {
        font-size: 1.5rem;
        font-weight: 600;
    }

    .ncc-achievements h2 {
        font-size: 3.2rem !important;
    }

    .ncc-career .ncc-career-flags figure img {
        width: 8rem;
    }

    .ncc-career .ncc-career-flags figcaption {
        font-size: 1.7rem;
        font-weight: 500;
    }

    .ncc-benefits.d-flex {
        flex-direction: column;
    }

    .ncc-benefits .ncc-benefits-content {
        width: 100%;
        padding: 2rem;
        padding-bottom: 3rem;
    }

    .ncc-benefits .ncc-benefits-figure {
        width: 100%;
    }
    .step-first-menu>li:hover .step-second-menu {
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        opacity: 1;
        visibility: visible;
    }
    .dd-menu-lg.active .step-second-menu, .tns-item a {
        display: block;
    }
    .step-second-menu {
        width: 100% !important;
        position: static;
        display: none;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        opacity: 1;
        visibility: visible;
    }
    .st-programs {
        width: 100% !important;
        height: auto !important;
        left: 0 !important;
    }
    .spot-light figure figcaption {
        width: 15%;
        left: 50px;
    }
    .form-sec-magzine {
        position: relative;
        width: 100%;
        right: 0;
        margin-bottom: 50px;
    }
    .mob-view {
        display: block;
    }
    .sld.without-overlay {
        display: none;
    }
    .home-banner-section .home-banner-slider .sld {
        align-items: center;
        height: 100vh;
    }
    .home-banner-section .home-banner-slider .sld.without-overlay {
        background-position: center;
        height: auto;
    }
}

@media screen and (max-width: 406.98px) {
    .home-banner-section .home-banner-slider button.slick-prev.slick-arrow {
        top: 58%;
    }

    .home-banner-section .home-banner-slider button.slick-arrow {
        left: 18%;
        top: 58%;
    }
}

@media screen and (max-width: 399.98px) {
    .home-banner-section .text-right {
        padding: 0rem 0.54rem 5.39rem 4.31rem !important;
    }

    .home-banner-section .home-banner-slider button.slick-prev.slick-arrow {
        top: 50%;
    }

    .home-banner-section .home-banner-slider button.slick-arrow {
        top: 50%;
    }

    button.slick-arrow {
        padding: 2.2rem !important;
    }

    h1 {
        font-size: 3rem !important;
    }


}

@media screen and (max-width: 379.98px) {

    .home-banner-section .home-banner-slider .bg-theme-color,
    .home-banner-section .home-banner-slider .text-right {
        padding: 2rem;
    }

    .home-banner-section .text-right {
        padding: 0rem 0.54rem 4.31rem 4.31rem !important;
    }

    .home-banner-section .home-banner-slider button.slick-arrow {
        top: 47%;
    }

    .home-banner-section .home-banner-slider button.slick-prev.slick-arrow {
        top: 47%;
    }
}