#main_header {
    border-bottom: 4px solid var(--accentCol)
}

.header_top_menu {
    min-height: 5rem;
    background-color: #162f67;
}

.bgBlinker {
    display: none;
}

.main_header {
    padding: 1rem
}

.logo {
    width: 220px;
}

.logo p,
.akam_logo,
.g20_logo,
.excellence_logo,
.header_contact {
    display: none;
}

#hero {
    margin-bottom: 0.2rem;
}

.slider_container {
    position: relative;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden
}

.slider {
    position: relative;
    width: 400%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    animation: 30s cubic-bezier(1, 0.95, 0.565, 1) sliding infinite
}

.slide {
    position: relative;
    min-width: 100%;
    height: 100%
}

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

.slide .caption {
    position: absolute;
    left: 0;
    bottom: 5%;
    font-size: 5rem;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    background: rgba(0, 0, 0, 0.348);
    backdrop-filter: blur(10px);
    padding: 1rem 5rem;
    border-radius: 0 2rem 2rem 0
}

@keyframes sliding {
    0% {
        transform: translateX(0%)
    }
    20% {
        transform: translateX(0%)
    }
    25% {
        transform: translateX(-100%)
    }
    45% {
        transform: translateX(-100%)
    }
    50% {
        transform: translateX(-200%)
    }
    70% {
        transform: translateX(-200%)
    }
    75% {
        transform: translateX(-300%)
    }
    95% {
        transform: translateX(-300%)
    }
    100% {
        transform: translateX(-400%)
    }
}

.queryBox {
    background: var(--lightbg);
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.3rem;
    height: 59.2rem;
}

.queryBox input[type="radio"],
.queryBox input[type="checkbox"] {
    width: fit-content
}

.online_pay_link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem
}

.querybox_heading,
.online_pay_link a {
    font-weight: 700;
    color: var(--accentCol);
    font-size: 1.8rem;
}

.querybox_heading {
    color: var(--bgPrimary);
    display: flex;
    justify-content: center;
}

.modal-dialog {
    background: white;
    padding: 2rem;
    border-radius: 1rem
}

.modal-content p {
    line-height: 2.2rem
}

.modal-header {
    margin-bottom: 0.5rem;
    font-size: 1.6rem
}

.scrolling_bar {
    background: var(--lightbg);
    padding: 1rem;
}

.scrolling_bar_contacts {
    display: flex;
    flex-direction: column;
    font-size: 1.7rem;
    gap: 1.6rem;
    font-weight: 400;
    padding: 1rem;
    background: white
}

.sbc_col,
.sbc_col2 {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: flex-start;
}

.scrolling_bar_contacts i {
    color: var(--accentCol);
    font-size: 1.6rem;
    width: 2rem;
}

.scrolling_bar_contacts em {
    color: var(--accentCol);
    font-size: 1.6rem;
    font-weight: 500;
    font-style: normal;
    width: 14rem
}

.scrolling_bar_contacts a {
    color: var(--bgPrimary);
}

.scrolling_text {
    padding: 0 1rem;
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
    display: none;
}

.scrolling_text p {
    position: relative;
    overflow: hidden;
    background: linear-gradient(90deg, #083880, #f00, #083880);
    background-repeat: no-repeat;
    background-size: 80%;
    animation: animate 3s linear infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0.5);
}

@keyframes animate {
    0% {
        background-position: -500%;
    }
    100% {
        background-position: 500%;
    }
}

.scrolling_text p a {
    -webkit-text-fill-color: var(--accentCol);
}

#why_mu {
    padding: 2rem;
    background: white;
}

#why_mu h1,
.divider_line,
#why_mu h2 {
    color: var(--bgSecondary);
    font-weight: 500;
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 2rem;
}

#why_mu h2 {
    font-size: 2rem;
}

.divider_line {
    background-color: var(--accentCol);
    margin: 0 auto 2rem;
    width: 30%;
    height: 0.5rem
}

.why_mu_txt {
    line-height: 2.6rem;
    font-size: 1.5rem;
}

.why_mu_txt a {
    color: inherit;
    font-weight: 500;
    border: none;
    transition: all 0.5 ease;
}

.why_mu_txt a:hover {
    color: var(--accentCol);
    border-bottom: 1px solid var(--accentCol);
}

#mu_highlights {
    padding: 3rem 2rem;
    background: var(--lightbg);
}

.mu_highlights_wrapper {
    display: grid;
    grid-gap: 1rem;
}

.mu_highlights_box {
    border: 1px solid var(--darkbg);
    border-radius: 3rem 3rem 0 3rem;
    padding: 2rem;
    background: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

.mu_highlights_box i {
    font-size: 7rem;
    color: var(--accentCol);
}

.mu_highlights_box .count_num {
    font-size: 3rem;
    color: var(--bgSecondary);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mu_highlights_box p {
    font-size: 1.6rem;
}

#recog_section {
    background: var(--bgSecondary);
    color: white;
    padding: 4rem 2rem;
}

#recog_section h2 {
    font-weight: 500;
    font-size: 2.4rem;
    text-align: center;
    margin-bottom: 2rem;
}

.recog_container {
    padding: 0 2rem;
}

.recog_box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 2rem;
    font-size: 1.6rem;
    color: var(--lightbg);
    text-align: center
}

.recog_box img {
    width: 15rem !important;
    height: auto;
}

.owl-carousel .owl-nav {
    position: absolute;
    width: 80%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 30%;
    left: 10%
}

.owl-carousel .owl-prev b,
.owl-carousel .owl-next b {
    width: 3rem;
    height: 3rem;
    background: black;
    display: inline-block;
    border-radius: 4px;
    font-size: 2rem;
    color: white;
    position: relative
}

.owl-carousel .owl-prev b img,
.owl-carousel .owl-next b img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.owl-carousel .owl-prev b {
    left: -3rem
}

.owl-carousel .owl-next b {
    right: -3rem
}

.owl-carousel .owl-prev:hover,
.owl-carousel .owl-next:hover {
    background: transparent !important
}

.owl-carousel .owl-prev:hover b,
.owl-carousel .owl-next:hover b {
    background: var(--accentCol);
    color: var(--lightbg)
}

.message_wrapper {
    padding: 5rem 2rem;
    line-height: 3rem;
}

.msg_box {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    padding: 2rem 0;
    margin-bottom: 2rem
}

.author {
    display: flex;
    gap: 2rem;
    align-items: center;
    gap: 2rem
}

.author img {
    width: 10rem;
    border-radius: 50%;
}

.auth_info span {
    font-weight: 500;
    color: var(--accentCol);
}

.auth_info span small {
    font-weight: 400;
    color: black;
    display: block;
    font-size: 1.3rem
}

.sep_line {
    display: none;
}

#blog_section {
    background: var(--bgSecondary);
    color: white;
    padding: 4rem 2rem;
}

#blog_section h2 {
    font-weight: 500;
    font-size: 2.4rem;
    text-align: center;
    margin-bottom: 2rem;
}

.blog_wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 2rem;
    font-size: 1.6rem;
    color: var(--bgPrimary);
    text-align: center;
    margin-bottom: 2rem;
}

.blog_box {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 1.5rem;
    background: white;
    padding: 0.2rem 0.2rem 1rem;
    border-radius: 0.2rem;
    color: black;
    line-height: 3rem
}

.blog_box a {
    color: var(--bgSecondary);
}

.blog_box p {
    padding: 0 2rem
}

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

.view_button a {
    width: max-content;
    padding: 1rem 2rem;
    background: var(--accentCol);
    color: white;
    font-size: 1.6rem;
    font-weight: 500;
    border-radius: 0.5rem;
}

.showcase {
    display: grid;
    grid-template-columns: 1fr;
    line-height: 2.6rem;
    font-size: 1.6rem;
    text-align: center;
}

.sc_col,
.sc_col2,
.sc_col3,
.sc_col4 {
    width: 100%;
    background: var(--accentCol);
    color: white;
    padding: 5rem 2rem
}

.sc_col2 {
    background: var(--lightbg);
    color: black;
}

.sc_col3 {
    background: var(--bgSecondary);
}

.showcase h3 {
    font-weight: 500;
    font-size: 2.4rem;
    text-align: center;
    margin-bottom: 2rem;
    color: inherit;
}

.bdr-line {
    background-color: white;
    margin: 0 auto 3rem;
    width: 20%;
    height: 0.5rem
}

.showcase p {
    margin-bottom: 3rem;
}

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

.arrow_link a {
    font-size: 2.5rem;
    font-weight: 700;
    color: inherit
}

.sc_col_2>.bdr-line {
    background-color: var(--accentCol);
}

#tp {
    background: url('../images/placement/training-placement.webp') no-repeat center top;
    background-size: cover;
    color: white;
    padding: 4rem 2rem;
    text-align: center;
    line-height: 3rem;
    font-size: 1.6rem;
    font-weight: 500
}

#tp h3 {
    font-weight: 700;
    font-size: 2.5rem;
    text-align: center;
    color: inherit;
}

#tp p {
    padding: 2rem;
}

#tp h3 span {
    color: var(--accentCol);
}

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

.know_butt a {
    width: max-content;
    padding: 1rem 4rem;
    font-size: 1.8rem;
    font-weight: 500;
    color: white;
    background-color: var(--accentCol);
    border-radius: 1rem;
}

#visitor_section {
    background: var(--lightbg);
    padding: 4rem 2rem;
}

#visitor_section h3,
#recruiter h3 {
    font-weight: 500;
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 2rem;
    color: var(--bgSecondary)
}

#visitor_section h3 span {
    color: var(--accentCol)
}

.visitor_container,
.recruiterContainer {
    padding: 0 2rem;
}

.visitor_box img {
    width: 23rem;
    height: auto;
}

#recruiter {
    padding: 4rem 2rem;
    background: #e95301
}

#recruiter h3,
#recruiter h3 span {
    color: #fff;
}

.recruiterContainer img {
    width: 15rem !important;
    height: auto;
    margin: auto;
}

/* Botttom Section */

#bottom {
    background: #060f1e;
    padding: 4rem 2rem;
    border-top: 0.5rem solid var(--accentCol);
    color: var(--lightbg);
    line-height: 3rem;
    font-size: 1.6rem;
}

.bottom_wrapper {
    display: grid;
    gap: 3rem;
}

.bottom_col {
    display: flex;
    flex-direction: column;
    gap: 2rem
}

.bottom_col p {
    font-size: 2rem;
    color: var(--accentCol);
    font-weight: 500;
}

.bottom_col ul a {
    color: inherit;
    line-height: 0
}

.address_section {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    font-size: 1.45rem;
    line-height: 2.4rem
}

.address_section span {
    display: inline-flex;
    padding: 0.2rem 4rem;
    background: #20509f;
    color: #fff;
    font-weight: 500;
    width: max-content;
    border-radius: 0.5rem
}

.bc_row {
    display: flex;
    gap: 1.5rem;
    align-items: start;
}

.bc_row a {
    color: inherit
}

.bc_row_icon {
    width: 2rem;
    height: 2rem;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    background-color: #060f1e;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bc_row_icon i {
    font-size: 1rem;
    color: var(--lightbg)
}

.bc_row_text {
    flex: 1
}

.items_center {
    align-items: center
}

.bc_row_sep_line {
    height: 0.2rem;
    background: var(--lightbg);
    width: 100%;
}

.social_links {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.social_links span {
    font-weight: 500
}

.social_links>ul {
    display: flex;
    gap: 2rem;
    align-items: center;
}

.social_links>ul>li {
    width: max-content;
    padding: 0.5rem;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.5rem;
}

.social_links>ul>li i {
    color: #060f1e;
    font-size: 1.6rem;
}

/* Footer Section */

footer {
    background: #20509f;
    color: white;
    padding: 2rem;
}

.footer_wrapper {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-items: center;
}

.footer_links ul {
    display: flex;
    gap: 2rem;
    justify-content: center;
    flex-wrap: wrap;
}

.footer_links ul li {
    width: max-content;
}

.footer_links ul li a {
    color: inherit;
}

/* Goto Top button */

#button {
    display: inline-block;
    background-color: #FF9800;
    width: 5rem;
    height: 5rem;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 3rem;
    right: 3rem;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000
}

#button::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    font-size: 2em;
    line-height: 5rem;
    color: #fff
}

#button:hover {
    cursor: pointer;
    background-color: #333
}

#button:active {
    background-color: #555
}

#button.show {
    opacity: 1;
    visibility: visible
}

/* CTA Bar */

.cta-bar {
    position: relative;
    z-index: 99;
    font-weight: 600;
    padding: 2rem 5rem;
    color: #fff;
    background: #002984;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    line-height: 2.3rem;
}

.cta-bar p {
    margin-bottom: 0 !important
}

.xit {
    position: absolute;
    top: 1rem;
    right: 1rem;
    cursor: pointer;
    font-size: 2rem;
    background: red;
    width: 3rem;
    height: 3rem;
    line-height: 2.5rem;
    display: flex;
    justify-content: center;
    border-radius: 100%;
    color: #fff
}

.mdb {
    min-width: 88px;
    padding: 10px 14px
}

.green,
.dropdown-toggle.green {
    background-color: #259b24
}

a.mdb.purple,
a.mdb.green,
a.mdb.orange,
a.mdb.blue {
    color: #fff !important
}

.mdb {
    outline: 0;
    outline-offset: 0;
    border: 0;
    border-radius: 2px;
    transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -webkit-transition: all .15s ease-in-out
}

.mdb {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: inherit;
    color: #ffffffde
}

.br {
    -webkit-box-shadow: 0 1px 3px 0 #0000001f 0 1px 2px 0 #0000003d;
    -moz-box-shadow: 0 1px 3px 0 #0000001f 1px 2px 0 #0000003d;
    box-shadow: 0 1px 3px 0 #0000001f 0 1px 2px 0 #0000003d
}

.lev {
    transition: .3s all
}

.lev:hover {
    transform: translateY(-5px);
    transition: .3s all
}

.re {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

@media only screen and (min-width:360px) {
    .logo {
        width: 250px;
    }
}

@media only screen and (min-width:420px) {
    .logo {
        width: 300px;
    }
}

@media only screen and (min-width:768px) {
    .queryBox {
        height: 50rem;
    }
    .why_mu_txt {
        text-align: center;
    }
    .mu_highlights_wrapper {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .recog_container {
        padding: 0 5rem;
    }
    .message_wrapper {
        font-size: 1.6rem;
        display: flex;
        justify-content: space-between;
        gap: 1rem;
    }
    .auth_info span {
        font-weight: 700;
    }
    .sep_line {
        display: inline-flex;
        width: 0.7rem;
        background: var(--accentCol);
    }
    .msg_box {
        padding: 0;
        margin-bottom: 0
    }
    .blog_wrapper {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
    }
    .blog_box {
        flex-basis: 48%
    }
    .showcase {
        grid-template-columns: 1fr 1fr;
    }
    .sc_col,
    .sc_col2,
    .sc_col3,
    .sc_col4 {
        background: url('../images/showcase/lifeatmu.webp') no-repeat left top;
        padding: 0;
        background-size: cover;
        display: flex;
    }
    .sc_col2 {
        background: url('../images/showcase/event.webp') no-repeat left top;
        background-size: cover;
    }
    .sc_col3 {
        background: url('../images/showcase/lab.webp') no-repeat left top;
        justify-content: flex-end;
        background-size: cover;
    }
    .sc_col4 {
        background: url('../images/showcase/event2.webp') no-repeat left top;
        justify-content: flex-end;
        background-size: cover;
    }
    .sc_col_1,
    .sc_col_2,
    .sc_col_3,
    .sc_col_4 {
        flex-basis: 50%;
        background-color: var(--accentCol);
        height: 100%;
        padding: 2rem;
        width: 50%;
        overflow: hidden;
    }
    .sc_col_2 {
        background: var(--lightbg);
    }
    .sc_col_3 {
        background: var(--bgSecondary);
    }
    #tp h3 {
        font-size: 3rem;
    }
}

@media only screen and (min-width:1024px) {
    .main_header,
    .logo p,
    .excellence_logo {
        display: flex;
        align-items: center;
    }
    .excellence_logo {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        line-height: 2.5rem;
        color: #136fa3;
        font-weight: 500
    }
    .excellence_logo img {
        width: 6rem;
    }
    .main_header {
        justify-content: space-between;
    }
    .main_header .logo img {
        height: auto;
    }
    .logo p {
        font-size: 1.3rem;
        font-weight: 500;
        color: black;
        line-height: 2.2rem;
        justify-content: end;
    }
    .scrolling_bar_contacts {
        display: none;
    }
    .header_contact {
        display: flex;
        flex-direction: column;
        font-size: 1.7rem;
        gap: 1.2rem;
        font-weight: 400
    }
    .hc_col,
    .hc_col_2 {
        display: flex;
        gap: 1rem;
        align-items: center;
    }
    .hc_col_2 {
        justify-content: flex-end
    }
    .header_contact i {
        color: var(--accentCol);
        font-size: 2rem;
        width: 2rem;
    }
    .header_contact em {
        color: var(--accentCol);
        font-size: 1.4rem;
        width: 11rem;
        font-weight: 500
    }
    i.fa-square-whatsapp {
        color: green;
    }
    #main_navigation {
        background: var(--bgSecondary)
    }
    ;
    #hero {
        position: relative;
        overflow: hidden;
    }
    .hero_wrapper {
        position: relative;
        z-index: 1
    }
    .slider_container {
        height: 50rem;
    }
    .slide img {
        height: 50rem;
    }
    .queryContainer {
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: flex-end;
        min-height: 49rem;
    }
    .queryBox {
        width: 35%;
        height: 100%;
        background: rgba(223, 224, 227, 0.8);
        display: flex;
        flex-direction: column;
    }
    .query_form {
        height: 100%;
        flex-grow: 1;
    }
    .scrolling_bar {
        padding: 2rem 0;
    }
    .scrolling_text {
        padding: 0;
        display: block;
    }
    .mu_highlights_box p {
        text-align: center;
        line-height: 3rem;
        font-weight: 500
    }
    .owl-carousel .owl-nav {
        width: 90%;
        left: 5%
    }
    .blog_box {
        flex-basis: 23%
    }
    .bottom_wrapper {
        grid-template-columns: 1.1fr 0.9fr 1fr 1fr;
        gap: 2rem;
    }
    /* CTA Bar */
    .cta-bar {
        flex-direction: row;
        justify-content: center;
        font-size: 1.6rem;
        font-weight: 400;
        background: #c1e9da;
        color: #000
    }
    .green,
    .dropdown-toggle.green {
        background-color: #111
    }
}

@media only screen and (min-width:1280px) {
    .header_top_menu {
        min-height: 5.7rem;
    }
    #header_top_menu_bar {
        background: var(--darkbg);
    }
    .header_top_menu {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 0
    }
    .bgBlinker {
        display: flex;
        width: max-content;
        white-space: nowrap;
        background: var(--accentCol);
        padding: 0.8rem 1rem;
        border-radius: 1rem;
        animation: BG 1.3s linear infinite;
        text-align: center;
    }
    .no-animate {
        animation: none;
    }
    @keyframes BG {
        0% {
            background: var(--accentCol);
        }
        25% {
            background: #943401;
        }
        50% {
            background: var(--accentCol);
        }
        75% {
            background: #943401;
        }
        100% {
            background: var(--accentCol);
        }
    }
    .bgBlinker a {
        color: white;
        font-weight: 500;
        transition: all 0.5s ease
    }
    .bgBlinker a:hover {
        color: #ffe9dd
    }
    .main_header {
        padding: 0.5rem 0
    }
    .excellence_logo {
        font-size: 1.3rem;
        text-transform: uppercase;
        font-family: 'Bookman Old Style';
    }
    .excellence_logo img {
        width: 8rem;
    }
    .slider_container {
        height: auto;
    }
    .slide img {
        height: auto;
    }
    .querybox_heading,
    .online_pay_link a {
        font-size: 1.8rem;
    }
    .querybox_heading {
        color: var(--bgSecondary);
    }
    .queryContainer {
        width: 1200px;
        left: 50%;
        transform: translateX(-50%);
    }
    .queryBox {
        width: 34%;
        padding: 3rem 2rem 1rem;
    }
    .scrolling_text {
        padding: 0;
    }
    #why_mu {
        padding: 5rem 0;
    }
    #why_mu h1,
    .divider_line,
    #recog_section h2,
    #blog_section h2 {
        font-size: 3.5rem;
        margin-bottom: 3rem;
        font-weight: 700
    }
    #why_mu h1 {
        margin-bottom: 1.5rem;
    }
    #why_mu h2 {
        font-size: 2.5rem;
    }
    .divider_line {
        width: 15%;
    }
    .why_mu_txt {
        line-height: 3rem;
        font-size: 1.8rem;
    }
    #mu_highlights {
        padding: 4rem 0;
    }
    .mu_highlights_box {
        padding: 1rem;
        border-radius: 5rem 5rem 0 5rem;
    }
    .owl-carousel .owl-nav {
        width: 94%;
        left: 3%
    }
    .recog_container {
        padding: 0 3rem;
    }
    .message_wrapper>.msg_box {
        width: 47%
    }
    .auth_info span small {
        font-weight: 700;
        font-size: 1.5rem;
    }
    #blog_section {
        padding: 5rem 0
    }
    .blog_wrapper {
        padding: 0;
        margin-bottom: 3rem
    }
    .blog_box {
        line-height: 2.5rem
    }
    .blog_box a {
        font-weight: 700;
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .blog_box p {
        padding: 0;
        font-size: 1.5rem;
    }
    .view_button a {
        font-size: 2rem;
        padding: 1.2rem 3rem;
        font-weight: 400
    }
    .showcase {
        line-height: 2.6rem;
        font-size: 1.6rem;
    }
    .showcase h3 {
        font-size: 2.6rem;
        margin-bottom: 2.5rem;
    }
    .sc_col,
    .sc_col2,
    .sc_col3,
    .sc_col4 {
        background: url('../images/showcase/lifeatmu.webp') no-repeat right top;
        padding: 0;
        background-size: 50% 100%;
    }
    .sc_col2 {
        background: url('../images/showcase/event.webp') no-repeat right top;
        background-size: 50% 100%;
    }
    .sc_col3 {
        background: url('../images/showcase/lab.webp') no-repeat left top;
        background-size: 50% 100%;
    }
    .sc_col4 {
        background: url('../images/showcase/event2.webp') no-repeat left top;
        background-size: 50% 100%;
    }
    .sc_col_1,
    .sc_col_2,
    .sc_col_3,
    .sc_col_4 {
        padding: 3rem 2rem;
    }
    .arrow_link a {
        font-size: 3rem;
    }
    #tp {
        font-size: 1.8rem
    }
    #tp h3 {
        font-size: 3.5rem;
    }
    #visitor_section,
    #recruiter {
        padding: 5rem 0;
    }
    #visitor_section h3,
    #recruiter h3 {
        font-weight: 700;
        font-size: 3.5rem;
        margin-bottom: 3rem
    }
    .visitor_container,
    .recruiterContainer {
        padding: 0;
    }
    #bottom {
        color: white;
        padding: 2rem 0
    }
    .bottom_col p {
        font-size: 1.8rem;
        font-weight: 700
    }
    .bottom_wrapper {
        gap: 4rem;
    }
    .social_links>ul>li {
        justify-content: space-between;
    }
    .footer_wrapper {
        flex-direction: row;
        gap: 0;
        justify-content: space-between;
    }
    .footer_links ul {
        justify-content: start;
        flex-wrap: nowrap;
        flex: 1;
    }
    /* CTA Bar */
    .cta-bar {
        padding: 1.5rem 2rem;
        text-align: left;
        justify-content: start;
        font-size: 1.8rem;
    }
    .xit {
        position: absolute;
        top: 1rem;
        right: 2rem;
    }
}