.grid {
    display: grid;
    grid: auto / auto auto auto auto;
    gap: 20px;
}

#mobileMegaMenu .card .card-header .btn:not(.not-collapse)::after {
    content: "";
    display: block;
    background: url("../assets/mobile-hamburger-minus.svg");
    height: 17px;
    width: 17px;
}

#mobileMegaMenu .card .card-header .btn.collapsed::after {
    background: url("../assets/mobile-hamburger-plus.svg");
}

.button {
    font-family: 'Open Sans', sans-serif;
    border: 1px solid #017a7b;
    border-radius: 0px;
    color: #000000;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.33;
    letter-spacing: 0px;
    background: transparent;
    padding: 15px 29px;
}

.button:hover {
    background: transparent;
    background-color: transparent;
    color: #000000;
    border-color: #017a7b !important;
}

.button:active {
    background-color: transparent !important;
    border-color: #017a7b;
    color: #000000;
}

.button:focus {
    background-color: transparent !important;
    color: #000000;
    border-color: #017a7b;
    box-shadow: none;
}

.faq-main-content .cards-container-main {
    background-color: #207878;
}

.faq-main-content .cards-container-main .f_view {
    max-width: 1640px;
    margin: auto;
}

.faq-main-content .cards-container-main .f_view #faq_head .Heading_text {
    background-image: url("../assets/faq-text-bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%;
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -o-background-clip: text;
    transition: background-size 1.5s;
    color: transparent;
}

.faq-main-content .cards-container-main .f_view #faq_head .Heading_text .FAQ_text {
    font-weight: 800;
    line-height: 1.05;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
    color: transparent;
}

.faq-main-content .cards-container-main .f_view #faq_head .Heading_text:hover {
    background-size: 200%;
}

.faq-main-content .cards-container-main .f_view #faq_head .text-description {
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.79;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.faq-main-content .cards-container-main .f_view #card_view .card_row1 .card,
.faq-main-content .cards-container-main .f_view #card_view .card_row2 .card {
    background-color: #ffffff;
    margin-left: 42px;
    border-radius: 0;
    border: 0;
}

.faq-main-content .cards-container-main .f_view #card_view .card_row1 .card .card-body .title,
.faq-main-content .cards-container-main .f_view #card_view .card_row2 .card .card-body .title {
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.41px;
    text-align: left;
    color: #017a7b;
}

.faq-main-content .cards-container-main .f_view #card_view .card_row1 .card .card-body .cText,
.faq-main-content .cards-container-main .f_view #card_view .card_row2 .card .card-body .cText {
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.13px;
    text-align: left;
    color: #000000;
}

.faq-main-content .cards-container-main .f_view #card_view .card_row2 .card-wrapper {
    margin-top: 50px;
    margin-bottom: -300px;
}

.faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices {
    background-color: #ffffff;
    border-radius: 0;
    border: none;
}

.faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices .card-body .card_img {
    margin-bottom: 10%;
}

.faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices .card-body .title {
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.41px;
    text-align: left;
    color: #017a7b;
}

.faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices .card-body .cText {
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.13px;
    text-align: left;
    color: #000000;
}

.faq-main-content #sec-accordian {
    background-color: #e2f7f7;
}

.faq-main-content #sec-accordian .section-main .categories-header {
    -webkit-text-stroke: 1px #207878;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: transparent;
}

.faq-main-content #sec-accordian .section-main .accordion-content .active {
    font-weight: bold !important;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.55px;
    text-align: left;
    color: #207878;
}

.faq-main-content #sec-accordian .section-main .accordion-content .active::before {
    content: "";
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 9px solid #207878;
    display: block;
    max-height: 12px;
    margin-left: -15px;
    margin-right: 16px;
}

.faq-main-content #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points li {
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.55px;
    text-align: left;
    color: #207878;
    opacity: 0.3;
}

.faq-main-content #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points li.active {
    opacity: 1;
    font-weight: bold;
}

.faq-main-content #sec-accordian .section-main .accordion-content .accordion {
    background-color: transparent;
    border: 0;
}

.faq-main-content #sec-accordian .section-main .accordion-content .accordion .card {
    background-color: transparent;
    border: 0;
}

.faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-header {
    background-color: transparent;
    border: 0;
    font-size: 1.25rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-header button {
    border: 0;
    background-color: transparent;
    box-shadow: transparent;
}

.faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-header button:focus {
    border: 0;
    background-color: transparent;
    outline: transparent;
}

.faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-header .accordion-icon {
    background: url("../assets/collapse-cross.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-header .accordion-icon.collapsed {
    background: url("../assets/collapse-plus.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-header span {
    max-width: 80%;
    line-height: 1.5;
}

.faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-header span.activeAccordian {
    background-color: transparent;
    border: 0;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-body {
    scrollbar-width: thin;
    scrollbar-color: #027878 rgba(2, 120, 120, 0.3);
    line-height: 1.5;
}

.faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-body::-webkit-scrollbar {
    width: 4px;
}

.faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #027878;
    border-radius: 0px;
    opacity: 0.3;
}

.faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-body::-webkit-scrollbar-thumb {
    background: #027878;
    border-radius: 0px;
}

.faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-body p {
    max-width: 95%;
}

.faq-main-content #sec-accordian .section-main .accordion-content .accordion hr {
    border-bottom: 2px solid #e2f7f7 !important;
    opacity: 0.5;
}

.event-btnsdaw {
    text-align: center;
}

@media only screen and (min-width: 320px) {
    .faq-main-content .cards-container-main {
        padding: 20rem 0;
    }

    .faq-main-content .cards-container-main .f_view {
        flex-direction: column;
        padding-bottom: 8rem;
    }

    .faq-main-content .cards-container-main .f_view #faq_head {
        max-width: 90%;
        padding: 0 8rem;
    }

    .faq-main-content .cards-container-main .f_view #faq_head .Heading_text {
        margin-bottom: 4.26667rem;
    }

    .faq-main-content .cards-container-main .f_view #faq_head .Heading_text .FAQ_text {
        font-size: 12.53333rem;
    }

    .faq-main-content .cards-container-main .f_view #faq_head .text-description {
        font-size: 3.73333rem;
    }

    .faq-main-content .cards-container-main .f_view .scrollable_card {
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0 5.33333rem;
    }

    .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices {
        width: 69.06667rem;
        margin: 0 10px;
    }

    .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices .card-body {
        padding: 10.66667rem 8rem;
    }

    .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices .card-body .card_img {
        width: 11.2rem;
        height: 9.33333rem;
        margin-bottom: 10%;
    }

    .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices .card-body .title {
        font-size: 3.73333rem;
    }

    .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices .card-body .cText {
        font-size: 4.8rem;
    }

    .faq-main-content #sec-accordian .section-main {
        padding: 8rem 0 4.8rem;
    }

    .faq-main-content #sec-accordian .section-main .categories-header {
        font-size: 11.2rem;
        padding: 0 8rem;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content {
        margin-top: 3.73333rem;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .categories-sidemenu {
        padding-left: 8rem;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        display: flex;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points li {
        padding: 4.26667rem 2.66667rem 4.26667rem 4.53333rem;
        font-size: 5.33333rem;
        display: inline-flex;
        align-items: center;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .accordion {
        margin-top: 9.33333rem;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card {
        padding: 0 8rem;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-body {
        max-height: 358px;
        overflow-x: auto;
        font-size: 4.26667rem;
        margin-top: 4.26667rem;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-header {
        font-size: 4.8rem;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .accordion-icon {
        height: 4rem;
        width: 4rem;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .accordion-icon.collapsed {
        height: 4.8rem;
        width: 4.8rem;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .accordion hr {
        margin: 8rem 0;
    }
}

@media only screen and (min-width: 768px) {
    .faq-main-content .cards-container-main {
        padding-top: 21.22396rem;
    }

    .faq-main-content .cards-container-main .f_view {
        padding-bottom: 6.51042rem;
    }

    .faq-main-content .cards-container-main .f_view #faq_head {
        max-width: 87%;
        padding: 0 4.03226rem;
    }

    .faq-main-content .cards-container-main .f_view #faq_head .Heading_text {
        margin-bottom: 3.90625rem;
    }

    .faq-main-content .cards-container-main .f_view #faq_head .Heading_text .FAQ_text {
        font-size: 13.54167rem;
    }

    .faq-main-content .cards-container-main .f_view #faq_head .text-description {
        font-size: 1.82292rem;
    }

    .faq-main-content .cards-container-main .f_view .scrollable_card {
        padding: 0 3.02419rem;
    }

    .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices {
        width: 29.42708rem;
        margin: 0 10px;
    }

    .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices .card-body {
        padding: 3.90625rem;
    }

    .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices .card-body .card_img {
        width: 6.64062rem;
        height: 5.46875rem;
    }

    .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices .card-body .title {
        font-size: 1.82292rem;
    }

    .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices .card-body .cText {
        font-size: 2.08333rem;
    }

    .faq-main-content #sec-accordian .section-main {
        padding: 5.20833rem;
    }

    .faq-main-content #sec-accordian .section-main .categories-header {
        font-size: 6.51042rem;
        padding: 0;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content {
        margin-top: 3.125rem;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .categories-sidemenu {
        padding-left: 0;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points li {
        font-size: 2.34375rem;
        padding: 2.08333rem 2.21354rem 2.08333rem 3.51562rem;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points li.active::before {
        margin-left: -25px;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .accordion {
        margin-top: 1.69271rem;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card {
        padding: 0;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-header {
        font-size: 2.34375rem;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-body {
        margin-top: 0.91146rem;
        font-size: 1.82292rem;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .accordion-icon {
        height: 1.95312rem;
        width: 1.95312rem;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .accordion-icon.collapsed {
        height: 2.34375rem;
        width: 2.34375rem;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .accordion hr {
        margin: 3.90625rem 0;
    }
}

@media only screen and (min-width: 992px) {
    .faq-main-content .cards-container-main {
        padding-top: 17.64113rem;
    }

    .faq-main-content .cards-container-main .f_view {
        margin-top: 10px;
        padding-bottom: 6.55242rem;
    }

    .faq-main-content .cards-container-main .f_view #faq_head {
        max-width: 70%;
        padding: 0 5.04032rem;
    }

    .faq-main-content .cards-container-main .f_view #faq_head .Heading_text {
        margin-bottom: 3.02419rem;
    }

    .faq-main-content .cards-container-main .f_view #faq_head .Heading_text .FAQ_text {
        font-size: 10.48387rem;
    }

    .faq-main-content .cards-container-main .f_view #faq_head .text-description {
        font-size: 1.6129rem;
    }

    .faq-main-content .cards-container-main .f_view .scrollable_card {
        padding: 0 4.03226rem;
    }

    .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices {
        width: 27.31855rem;
    }

    .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices .card-body {
        padding: 3.02419rem 4.03226rem;
    }

    .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices .card-body .card_img {
        width: 6.14919rem;
        height: 5.04032rem;
    }

    .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices .card-body .title {
        font-size: 1.6129rem;
    }

    .faq-main-content .cards-container-main .f_view .scrollable_card .card_row2 .card_for_small_devices .card-body .cText {
        font-size: 1.81452rem;
    }

    .faq-main-content #sec-accordian .section-main {
        padding: 6.04839rem 3.02419rem 2.82258rem 5.04032rem;
    }

    .faq-main-content #sec-accordian .section-main .categories-header {
        font-size: 7.05645rem;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content {
        margin-top: 24px;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points {
        overflow-x: hidden;
        white-space: normal;
        display: block;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points li {
        padding: 1.6129rem 2.52016rem;
        font-size: 1.81452rem;
        display: flex;
        align-items: center;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .accordion {
        margin-top: 0;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-body {
        margin-top: 1.27016rem;
        font-size: 1.6129rem;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-header {
        font-size: 2.01613rem;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .accordion-icon {
        height: 1.71371rem;
        width: 1.71371rem;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .accordion-icon.collapsed {
        height: 2.21774rem;
        width: 2.21774rem;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .accordion hr {
        margin: 4.03226rem 0;
    }
}

@media only screen and (min-width: 1200px) {
    .faq-main-content .cards-container-main {
        padding: 7rem 0;
    }

    .faq-main-content .cards-container-main .f_view {
        flex-direction: row;
        margin-top: 0;
        padding-bottom: 0;
    }

    .faq-main-content .cards-container-main .f_view #faq_head {
        padding-left: 0;
    }

    .faq-main-content .cards-container-main .f_view #faq_head .Heading_text {
        margin-bottom: 1.82292rem;
    }

    .faq-main-content .cards-container-main .f_view #faq_head .Heading_text .FAQ_text {
        font-size: 5.41667rem;
    }

    .faq-main-content .cards-container-main .f_view #faq_head .text-description {
        font-size: 0.9375rem;
    }

    .faq-main-content .cards-container-main .f_view #card_view {
        padding-right: 2.08333rem;
    }

    .faq-main-content .cards-container-main .f_view #card_view .card_row1 .card,
    .faq-main-content .cards-container-main .f_view #card_view .card_row2 .card {
        width: 18.22917rem;
        min-height: 19.27083rem;
    }

    .faq-main-content .cards-container-main .f_view #card_view .card_row1 .card .card-body,
    .faq-main-content .cards-container-main .f_view #card_view .card_row2 .card .card-body {
        padding: 2.60417rem;
    }

    .faq-main-content .cards-container-main .f_view #card_view .card_row1 .card .card-body .card_img,
    .faq-main-content .cards-container-main .f_view #card_view .card_row2 .card .card-body .card_img {
        margin-bottom: 10%;
        height: 3.07292rem;
        width: 3.69792rem;
    }

    .faq-main-content .cards-container-main .f_view #card_view .card_row1 .card .card-body .title,
    .faq-main-content .cards-container-main .f_view #card_view .card_row2 .card .card-body .title {
        font-size: 0.9375rem;
    }

    .faq-main-content .cards-container-main .f_view #card_view .card_row1 .card .card-body .cText,
    .faq-main-content .cards-container-main .f_view #card_view .card_row2 .card .card-body .cText {
        font-size: 1.25rem;
    }

    .faq-main-content .cards-container-main .f_view #card_view .card_row1 .card:last-child,
    .faq-main-content .cards-container-main .f_view #card_view .card_row2 .card:last-child {
        margin-top: 42px;
    }

    .faq-main-content .cards-container-main .f_view #card_view .card_row2 .card-wrapper {
        margin-top: 50px;
        margin-bottom: -300px;
    }

    .faq-main-content #sec-accordian .section-main {
        padding: 12.5rem 1.04167rem 4.01042rem 2.08333rem;
        max-width: 1640px;
        margin: auto;
    }

    .faq-main-content #sec-accordian .section-main .categories-header {
        font-size: 4.89583rem;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content {
        margin-top: 4.94792rem;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points li {
        padding: 0.83333rem 25px;
        font-size: 1.25rem;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-body {
        margin-top: 1.35417rem;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 1.14583rem;
        max-width: 90%;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .card-header {
        font-size: 1.25rem;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .accordion-icon {
        height: 1.04167rem;
        width: 1.04167rem;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .accordion .card .accordion-icon.collapsed {
        height: 1.35417rem;
        width: 1.35417rem;
    }

    .faq-main-content #sec-accordian .section-main .accordion-content .accordion hr {
        margin: 2.86458rem 0;
    }
}

.TeamDetailsGrid {
    padding-top: 260px;
    background-color: #f0fafa;
}

.TeamDetailsGrid .TD_MainWrap {
    max-width: 1640px;
    padding: 0px 40px;
    margin: 0px auto;
}

.TeamDetailsGrid .TD_Profile img {
    width: 100%;
    height: 100%;
}

.TeamDetailsGrid .TD_Profile h2,
.mwhitrbg h1 {
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #207878;
    margin-bottom: 45px;
}

.TeamDetailsGrid .TD_Profile h2 span {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.24;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    display: block;
}

.TeamDetailsGrid .TD_Profile .InfoRow {
    margin-bottom: 20px;
    color: #000000;
    width: 560px;
}

.TeamDetailsGrid .TD_Profile .InfoRow h4 {
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
}

.TeamDetailsGrid .TD_Profile .InfoRow p {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: left;
    opacity: 0.6;
    margin-bottom: 20px;
}

.TeamDetailsGrid .TD_Profile .InfoRow h6 {
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.11;
    letter-spacing: normal;
    text-align: left;
}

.TeamDetailsGrid .TD_Profile .InfoRow dd {
    font-weight: 600;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: left;
    color: #207878;
}

.TeamDetailsGrid .TD_Profile .TD_Social {
    width: 115px;
    height: auto;
    background: #ffffff;
    position: absolute;
    top: 265px;
    right: 0;
    border-radius: 5px;
}

.TeamDetailsGrid .TD_Profile .TD_Social ul {
    margin: 0rem;
    padding: 3rem 0rem 3rem 0rem;
    list-style: none;
}

.TeamDetailsGrid .TD_Profile .TD_Social ul li {
    width: 45px;
    height: 45px;
    margin: 0px auto;
    transform: rotate(90deg);
    text-align: center;
    margin-bottom: 37px;
}

.TeamDetailsGrid .TD_Profile .TD_Social ul li:nth-child(4) {
    width: 58px;
    height: 48px;
    margin-bottom: 0rem;
}

.TeamDetailsGrid .TD_AllProfile {
    background-color: #333;
    display: flex;
}

.TeamDetailsGrid .TD_AllProfile .ProfileArea {
    background-color: #207878;
    width: 33.5rem;
    position: relative;
    float: left;
    padding-left: 1.875rem;
}

.TeamDetailsGrid .TD_AllProfile .ProfileArea .Info {
    background: #015959;
    background: linear-gradient(0deg, #015959 0%, rgba(1, 89, 89, 0) 100%);
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    padding-left: 4.125rem;
    padding-bottom: 1.563rem;
}

.TeamDetailsGrid .TD_AllProfile .ProfileArea .Info h2 {
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #ffffff;
    margin: 0rem;
}

.TeamDetailsGrid .TD_AllProfile .ProfileArea .Info p {
    font-weight: 300;
    font-stretch: normal;
    font-style: italic;
    letter-spacing: normal;
    color: #ffffff;
    margin: 0rem;
}

.TeamDetailsGrid .TD_AllProfile .PA_bg {
    background-color: #047171;
}

.TeamDetailsGrid .Bio_Grid {
    background-color: #f0fafa;
}

.TeamDetailsGrid .Bio_Grid .Bio_MainWrap {
    max-width: 1640px;
    padding: 8.125rem 2.5rem;
    margin: 0px auto;
}

.TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo {
    padding-left: 50px;
}

.TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo h2 {
    -webkit-text-stroke: 1px #00555a;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.93;
    letter-spacing: normal;
    text-align: left;
    color: transparent;
    margin-bottom: 3.125rem;
}

.TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo p {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    opacity: 0.6;
}

.TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo h4 {
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin-top: 8.125rem;
}

.TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks h2 {
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.31;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin-bottom: 3.75rem;
}

.TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks img {
    width: 12.5rem;
    height: 18.98rem;
    margin-bottom: 1.875rem;
}

.TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks .Title {
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.65;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks .Author {
    font-family: OpenSans;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.65;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin-bottom: 3rem;
    opacity: 0.6;
    font-style: italic;
}

@media only screen and (min-width: 320px) {
    .TeamDetailsGrid {
        padding-top: 170px;
    }

    .TeamDetailsGrid .TD_MainWrap {
        padding: 0px 0px;
    }

    .TeamDetailsGrid .TD_MainWrap .mwhitrbg {
        background-color: #fff;
        padding: 40px;
    }

    .TeamDetailsGrid .TD_Profile img {
        width: auto;
        height: 100%;
        margin: 0px auto;
        display: block;
        max-height: 79.46667rem;
        object-fit: contain;
        object-position: bottom;
    }

    .TeamDetailsGrid .TD_Profile h2 {
        font-size: 6.13333rem;
        margin-bottom: 35px;
    }

    .TeamDetailsGrid .TD_Profile h2 span {
        font-size: 4.26667rem;
        margin-top: 10px;
        opacity: 0.6;
    }

    .TeamDetailsGrid .TD_Profile .InfoRow {
        margin-bottom: 20px;
        color: #000000;
        width: 100%;
    }

    .TeamDetailsGrid .TD_Profile .InfoRow h4 {
        font-size: 5.56667rem;
    }

    .TeamDetailsGrid .TD_Profile .InfoRow p {
        font-size: 3.73333rem;
        margin-bottom: 20px;
    }

    .TeamDetailsGrid .TD_Profile .InfoRow h6 {
        font-size: 3.73333rem;
    }

    .TeamDetailsGrid .TD_Profile .InfoRow dd {
        font-size: 4.26667rem;
    }

    .TeamDetailsGrid .TD_Profile .TD_Social {
        width: 13.6rem;
        height: auto;
        background: #ffffff;
        position: absolute;
        top: 140px;
        right: 0;
        border-radius: 5px;
        display: block;
    }

    .TeamDetailsGrid .TD_Profile .TD_Social ul {
        margin: 0rem;
        padding: 3.73333rem 0rem 3.73333rem 0rem;
        list-style: none;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        height: 100%;
    }

    .TeamDetailsGrid .TD_Profile .TD_Social ul li {
        width: 6.02667rem;
        height: 6.02667rem;
        margin: 0px;
        transform: rotate(90deg);
        text-align: center;
    }

    .TeamDetailsGrid .TD_Profile .TD_Social ul li img {
        max-width: 100%;
        max-height: 100%;
    }

    .TeamDetailsGrid .TD_Profile .TD_Social ul li:nth-child(4) {
        width: 7.92rem;
        height: 6.02667rem;
    }

    .TeamDetailsGrid .TD_AllProfile {
        background-color: #333;
        display: flex;
    }

    .TeamDetailsGrid .TD_AllProfile .ProfileArea {
        width: 33.5rem;
    }

    .TeamDetailsGrid .TD_AllProfile .ProfileArea img {
        width: 150px;
        max-width: 100%;
    }

    .TeamDetailsGrid .TD_AllProfile .PA_bg {
        background-color: #047171;
    }

    .TeamDetailsGrid .KnowMore {
        display: block;
        font-size: 3.73333rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: italic;
        line-height: 4.36;
        letter-spacing: normal;
        text-align: center;
        color: #017373;
    }

    .TeamDetailsGrid .KnowMore span {
        font-weight: bold;
        font-style: normal;
    }

    .TeamDetailsGrid .Bio_Grid {
        padding: 0rem 2.5rem;
        background-color: #f0fafa;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap {
        padding: 8.125rem 20px;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo {
        padding-left: 0px;
        width: 100%;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo h2 {
        font-size: 12.8rem;
        margin-bottom: 3.125rem;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo p {
        font-size: 3.73333rem;
        opacity: 9;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo h4 {
        font-size: 4.8rem;
        margin-top: 36px;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks h2 {
        font-size: 4.8rem;
        margin-bottom: 3.75rem;
        margin-top: 36px;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks img {
        width: 38.66667rem;
        height: 58.66667rem;
        margin-bottom: 1.875rem;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks .Title {
        font-size: 4.26667rem;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks .Author {
        font-size: 4rem;
    }

    .TeamDetailsGrid .blog-tiles {
        background: #ffffff;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container {
        padding: 11.2rem 0;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .heading {
        padding: 0 8rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .heading .title {
        -webkit-text-stroke: 1.3px #00555a;
        font-size: 12.8rem;
        font-weight: 800;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.93;
        letter-spacing: normal;
        color: transparent;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper {
        margin: 0;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .sm-full-width {
        padding: 0;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item,
    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-title,
    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-title {
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.26;
        letter-spacing: normal;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-sub-title,
    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-sub-title {
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.44;
        letter-spacing: normal;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper,
    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper {
        position: relative;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button,
    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button {
        opacity: 0.9;
        border: solid 1px #017a7b;
        border-radius: 5px;
        background-color: #ffffff;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 0px;
        color: #000000;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button::after,
    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 0.4rem;
        height: 0.8rem;
        margin-left: 1rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item {
        background-image: linear-gradient(to left, rgba(2, 120, 120, 0.6) 102%, #013c3c 25%), url("../assets/blog-tiles-1.png");
        padding: 8rem 8rem 18.7rem 8rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-title {
        font-size: 4.3rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-sub-title {
        font-size: 3.2rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button {
        font-size: 3.2rem;
        padding: 2.9rem 3.2rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button::after {
        width: 1.6rem;
        height: 3.2rem;
        margin-left: 3.7rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles {
        margin-top: 1.1rem;
        flex-direction: column;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item {
        padding: 8rem 8rem 18.7rem 8rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(1) {
        background-image: linear-gradient(to left, #013c3c 0%, rgba(1, 60, 60, 0.57) 0%), url("../assets/blog-tiles-2.png");
        margin: 0;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(2) {
        background-image: linear-gradient(to left, #013c3c 0%, rgba(1, 60, 60, 0.52) 0%), url("../assets/blog-tiles-3.png");
        border: solid 1px #707070;
        margin: 0;
        margin-top: 1.1rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-title {
        font-size: 4.3rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-sub-title {
        font-size: 3.2rem;
        margin: 2.7rem 0 8.5rem 0;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button {
        font-size: 3.2rem;
        padding: 2.9rem 3.2rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button::after {
        width: 1.6rem;
        height: 3.2rem;
        margin-left: 3.7rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper {
        margin: 0;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .sm-full-width {
        padding: 0;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-icon,
    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-icon {
        object-position: center;
        object-fit: cover;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-title,
    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title {
        font-size: 4.2rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: #434343;
        margin-left: 4rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title,
    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-sub-title {
        font-size: 3.7rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #767676;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link,
    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link {
        font-size: 3.2rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: 0px;
        color: #015959;
        position: relative;
        display: flex;
        align-items: center;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link::after,
    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link::after {
        content: "";
        background-image: url("../assets/rightArrowGreen.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 1.6rem;
        height: 3rem;
        margin-left: 3.7rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-icon {
        height: 41.3rem;
        width: 41.3rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content {
        padding: 8rem;
        border-bottom: solid 1px #adadad;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title {
        margin: 2.7rem 0 5.3rem 0;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container {
        margin-top: 2.7rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item {
        margin-top: 5.3rem;
        padding: 0 8rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-icon {
        height: 32rem;
        width: 32rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content {
        margin-left: 4rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title {
        margin-left: 0;
    }

    .TeamDetailsGrid .projects-tiles {
        background-color: #002938;
        padding: 11.2rem 0 12.66667rem 0;
        margin-bottom: -1px;
    }

    .TeamDetailsGrid .projects-tiles .title-container {
        padding: 0 5.33333rem;
        margin: auto;
        flex-direction: column;
    }

    .TeamDetailsGrid .projects-tiles .title-container .heading {
        font-size: 10.66667rem;
        font-weight: 800;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.93;
        letter-spacing: normal;
        -webkit-text-stroke: 1px #ffffff;
        color: transparent;
    }

    .TeamDetailsGrid .projects-tiles .title-container #projects-tab {
        margin-top: 9.33333rem;
    }

    .TeamDetailsGrid .projects-tiles .title-container #projects-tab .nav-item .nav-link {
        font-size: 4.26667rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: -0.56px;
        color: #ffffff;
        opacity: 0.4;
        display: flex;
        align-items: center;
        padding: 0 4.8rem;
    }

    .TeamDetailsGrid .projects-tiles .title-container #projects-tab .nav-item .nav-link.active {
        opacity: 1;
    }

    .TeamDetailsGrid .projects-tiles .title-container #projects-tab .nav-item .nav-link.active::before {
        content: "";
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 9px solid #ffffff;
        display: block;
        max-height: 12px;
        margin-left: -15px;
        margin-right: 8px;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent {
        margin-top: 8rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item {
        min-height: 110.93333rem;
        flex-direction: column;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .background-container .image {
        object-position: center;
        object-fit: cover;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content {
        margin-top: 4.8rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-title {
        font-size: 6.66667rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.28;
        letter-spacing: normal;
        color: #ffffff;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-sub-title {
        font-size: 3.73333rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: -0.37px;
        color: #ffffff;
        margin: 3.2rem 0 0 0;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper {
        position: relative;
        margin-top: 7.46667rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button {
        opacity: 0.9;
        border: solid 1px #017a7b;
        border-radius: 5px;
        background-color: #ffffff;
        font-size: 3.2rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 0px;
        color: #000000;
        padding: 2.93333rem 3.2rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 1.6rem;
        height: 3.01333rem;
        margin-left: 1.86667rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots {
        float: left;
        margin: 8rem 0 0 8rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot {
        margin: 0 1.2rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot span {
        height: 2.13333rem;
        width: 1.86667rem;
        opacity: 0.2;
        background-color: #ffffff;
        margin: 0;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot.active span {
        opacity: 1;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot:focus {
        outline: none;
    }

    .TeamDetailsGrid .projects-tiles .interests-container {
        padding: 0 5.33333rem;
        margin: 13.6rem auto 0;
    }

    .TeamDetailsGrid .projects-tiles .interests-container .title {
        font-size: 5.33333rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.31;
        letter-spacing: normal;
        color: #ffffff;
    }

    .TeamDetailsGrid .projects-tiles .interests-container .interests-list {
        column-count: 1;
        margin-top: 7.2rem;
    }

    .TeamDetailsGrid .projects-tiles .interests-container .interests-list .list-item {
        padding: 2.66667rem 0 2.66667rem 8.8rem;
        display: flex;
        align-items: center;
        position: relative;
    }

    .TeamDetailsGrid .projects-tiles .interests-container .interests-list .list-item .item-content {
        font-size: 4.26667rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.9;
        letter-spacing: normal;
        opacity: 0.6;
        color: #ffffff;
    }

    .TeamDetailsGrid .projects-tiles .interests-container .interests-list .list-item::before {
        content: "";
        height: 1.06667rem;
        width: 3.46667rem;
        background-color: #ffffff;
        display: block;
        position: absolute;
        left: 0;
        top: 6.13333rem;
    }
}

@media only screen and (min-width: 768px) {
    .TeamDetailsGrid {
        padding-top: 158px;
    }

    .TeamDetailsGrid .TD_MainWrap .mwhitrbg {
        background-color: transparent;
        padding: 0 40px 40px;
    }

    .TeamDetailsGrid .TD_MainWrap .mwhitrbg h2,
    .mwhitrbg h1 {
        margin-bottom: 1.60417rem;
    }

    .TeamDetailsGrid .TD_MainWrap .mwhitrbg h2 span {
        margin-top: 1.30208rem;
    }

    .TeamDetailsGrid .TD_Profile img {
        width: auto;
        height: 100%;
        max-height: 56.64062rem;
    }

    .TeamDetailsGrid .TD_Profile h2 {
        font-size: 3.90625rem;
        margin-bottom: 45px;
    }

    .TeamDetailsGrid .TD_Profile h2 span {
        font-size: 1.82292rem;
        margin-top: 20px;
    }

    .TeamDetailsGrid .TD_Profile .InfoRow {
        margin-bottom: 0;
        color: #000000;
        width: 100%;
    }

    .TeamDetailsGrid .TD_Profile .InfoRow h4 {
        font-size: 3.34375rem;
    }

    .TeamDetailsGrid .TD_Profile .InfoRow p {
        font-size: 1.82292rem;
        margin-bottom: 20px;
    }

    .TeamDetailsGrid .TD_Profile .InfoRow h6 {
        font-size: 2.08333rem;
    }

    .TeamDetailsGrid .TD_Profile .InfoRow dd {
        font-size: 1.82292rem;
    }

    .TeamDetailsGrid .TD_Profile .TD_Social {
        display: none;
    }

    .TeamDetailsGrid .TD_AllProfile {
        background-color: #333;
        display: flex;
    }

    .TeamDetailsGrid .TD_AllProfile .ProfileArea {
        width: 33.5rem;
    }

    .TeamDetailsGrid .TD_AllProfile .ProfileArea img {
        width: 150px;
    }

    .TeamDetailsGrid .TD_AllProfile .PA_bg {
        background-color: #047171;
    }

    .TeamDetailsGrid .KnowMore {
        display: none;
    }

    .TeamDetailsGrid .Bio_Grid {
        padding: 0rem 2.5rem;
        background-color: #f0fafa;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo {
        padding-left: 0px;
        width: 100%;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo h2 {
        font-size: 6.51042rem;
        margin-bottom: 3.125rem;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo p {
        font-size: 1.82292rem;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo h4 {
        font-size: 2.60417rem;
        margin-top: 2.75rem;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks h2 {
        font-size: 2.60417rem;
        margin-bottom: 3.75rem;
        margin-top: 3.75rem;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks img {
        width: 23.69792rem;
        height: 35.80729rem;
        margin-bottom: 1.875rem;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks .Title {
        font-size: 2.60417rem;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks .Author {
        font-size: 2.08333rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container {
        padding: 7.8rem 5.2rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .heading {
        padding: 0;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .heading .title {
        font-size: 5.6rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper {
        margin: 0 -15px;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .sm-full-width {
        padding: 0 15px;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item {
        padding: 6.5rem 7.2rem 13.9rem 7.2rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-title {
        font-size: 2.6rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-sub-title {
        font-size: 1.8rem;
        margin: 2rem 0 3rem 0;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button {
        font-size: 1.6rem;
        padding: 2rem 2.6rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button::after {
        width: 1rem;
        height: 2rem;
        margin-left: 3.3rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles {
        margin-top: 5.3rem;
        flex-direction: row;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item {
        padding: 3.9rem 2.6rem 5.3rem 3.9rem;
        max-width: calc(50% - 2.6rem);
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(1) {
        margin-right: 2.6rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(2) {
        margin-left: 2.6rem;
        margin-top: 0;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-title {
        font-size: 2.1rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-sub-title {
        font-size: 1.6rem;
        margin: 2rem 0 3rem 0;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button {
        font-size: 1.4rem;
        padding: 1.4rem 2rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button::after {
        width: 0.8rem;
        height: 1.6rem;
        margin-left: 1.6rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper {
        margin: 0 -15px;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .sm-full-width {
        padding: 0 15px;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-title,
    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title {
        font-size: 2.3rem;
        margin-left: 0;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title,
    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-sub-title {
        font-size: 1.8rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link,
    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link {
        font-size: 2rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link::after,
    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link::after {
        width: 1rem;
        height: 2rem;
        margin-left: 1.8rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item {
        margin-top: 5.2rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-icon {
        height: 27.3rem;
        width: 27.3rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content {
        margin-left: 3.9rem;
        padding: 0 4.8rem 0 0;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title {
        margin: 1.4rem 0 2rem 0;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container {
        margin-top: 2.6rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item {
        margin-top: 2.6rem;
        padding: 0;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-icon {
        height: 18.5rem;
        width: 18.5rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content {
        margin-left: 2.6rem;
        width: 100%;
        border-bottom: solid 1px #adadad;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title {
        margin-bottom: 5rem;
    }

    .TeamDetailsGrid .projects-tiles {
        padding: 5.20833rem 0;
    }

    .TeamDetailsGrid .projects-tiles .title-container {
        padding: 0 5.20833rem;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .TeamDetailsGrid .projects-tiles .title-container .heading {
        font-size: 6.51042rem;
    }

    .TeamDetailsGrid .projects-tiles .title-container #projects-tab {
        margin-top: 0;
    }

    .TeamDetailsGrid .projects-tiles .title-container #projects-tab .nav-item .nav-link {
        font-size: 2.08333rem;
        padding: 0 2.60417rem;
    }

    .TeamDetailsGrid .projects-tiles .title-container #projects-tab .nav-item .nav-link.active::before {
        margin-left: -15px;
        margin-right: 15px;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent {
        margin-top: 5.85938rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item {
        min-height: 45.05208rem;
        padding: 0 0 3.90625rem 3.90625rem;
        align-items: flex-end;
        flex-direction: row;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .background-container {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content {
        max-width: 60%;
        margin-top: 0;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-title {
        font-size: 3.90625rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-sub-title {
        font-size: 1.82292rem;
        margin: 1.30208rem 0 0 0;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper {
        margin-top: 2.60417rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button {
        font-size: 0.91146rem;
        padding: 0.91146rem 1.30208rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button::after {
        width: 0.50781rem;
        height: 0.9375rem;
        margin-left: 1.77083rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots {
        margin: 2.86458rem 0 0 5.20833rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot {
        margin: 0 0.78125rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot span {
        height: 0.78125rem;
        width: 0.78125rem;
    }

    .TeamDetailsGrid .projects-tiles .interests-container {
        padding: 0 6.51042rem;
        margin-top: 5.20833rem;
    }

    .TeamDetailsGrid .projects-tiles .interests-container .title {
        font-size: 5.20833rem;
    }

    .TeamDetailsGrid .projects-tiles .interests-container .interests-list {
        margin-top: 2.34375rem;
    }

    .TeamDetailsGrid .projects-tiles .interests-container .interests-list .list-item {
        padding: 1.82292rem 0 1.82292rem 4.94792rem;
    }

    .TeamDetailsGrid .projects-tiles .interests-container .interests-list .list-item .item-content {
        font-size: 2.08333rem;
    }

    .TeamDetailsGrid .projects-tiles .interests-container .interests-list .list-item::before {
        height: 0.52083rem;
        width: 2.60417rem;
        top: 3.51562rem;
    }
}

@media only screen and (min-width: 992px) {
    .TeamDetailsGrid {
        padding-top: 260px;
        background-color: #f0fafa;
    }

    .TeamDetailsGrid .TD_MainWrap {
        max-width: 1640px;
        padding: 0px 40px;
        margin: 0px auto;
    }

    .TeamDetailsGrid .TD_MainWrap .mwhitrbg {
        padding-bottom: 0;
    }

    .TeamDetailsGrid .TD_MainWrap .mwhitrbg h2,
    .mwhitrbg h1 {
        margin-bottom: 1.01613rem;
    }

    .TeamDetailsGrid .TD_Profile img {
        max-height: 54.7379rem;
    }

    .TeamDetailsGrid .TD_Profile h2 {
        font-size: 4.43548rem;
        margin-bottom: 45px;
    }

    .TeamDetailsGrid .TD_Profile h2 span {
        font-size: 1.6129rem;
        line-height: 1.06;
    }

    .TeamDetailsGrid .TD_Profile .InfoRow {
        margin-bottom: 15px;
        color: #000000;
        width: 100%;
    }

    .TeamDetailsGrid .TD_Profile .InfoRow h4 {
        font-size: 1.81452rem;
    }

    .TeamDetailsGrid .TD_Profile .InfoRow p {
        font-size: 1.6129rem;
        margin-bottom: 20px;
    }

    .TeamDetailsGrid .TD_Profile .InfoRow h6 {
        font-size: 1.6129rem;
    }

    .TeamDetailsGrid .TD_Profile .InfoRow dd {
        font-size: 1.6129rem;
    }

    .TeamDetailsGrid .TD_Profile .TD_Social {
        display: none;
    }

    .TeamDetailsGrid .TD_AllProfile {
        background-color: #333;
        display: flex;
    }

    .TeamDetailsGrid .TD_AllProfile .ProfileArea {
        background-color: #207878;
        width: 33.5rem;
        position: relative;
        float: left;
        padding-left: 1.875rem;
    }

    .TeamDetailsGrid .TD_AllProfile .ProfileArea .Info {
        background: #015959;
        background: linear-gradient(0deg, #015959 0%, rgba(1, 89, 89, 0) 100%);
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        padding-left: 4.125rem;
        padding-bottom: 1.563rem;
    }

    .TeamDetailsGrid .TD_AllProfile .ProfileArea .Info h2 {
        font-size: 1.875rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        color: #ffffff;
        margin: 0rem;
    }

    .TeamDetailsGrid .TD_AllProfile .ProfileArea .Info p {
        font-size: 1.125rem;
        font-weight: 300;
        font-stretch: normal;
        font-style: italic;
        letter-spacing: normal;
        color: #ffffff;
        margin: 0rem;
    }

    .TeamDetailsGrid .TD_AllProfile .PA_bg {
        background-color: #047171;
    }

    .TeamDetailsGrid .Bio_Grid {
        background-color: #f0fafa;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap {
        max-width: 1640px;
        padding: 8.125rem 40px;
        margin: 0px auto;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo {
        padding-left: 0px;
        width: 100%;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo h2 {
        font-size: 7.05645rem;
        margin-bottom: 3.125rem;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo p {
        font-size: 1.6129rem;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo h4 {
        font-size: 2.41935rem;
        margin-top: 2.75rem;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks h2 {
        font-size: 2.41935rem;
        margin-bottom: 3.75rem;
        margin-top: 3.75rem;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks img {
        width: 20.16129rem;
        height: 30.24194rem;
        margin-bottom: 1.875rem;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks .Title {
        font-size: 2.01613rem;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks .Author {
        font-size: 1.6129rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container {
        padding: 6rem 8.1rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .heading .title {
        font-size: 7.1rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item {
        padding: 6rem 18.2rem 4.5rem 6rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-title {
        font-size: 2.4rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-sub-title {
        font-size: 1.4rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button {
        font-size: 1.5rem;
        padding: 1.5rem 2rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button::after {
        width: 0.8rem;
        height: 1.5rem;
        margin-left: 1.4rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles {
        margin-top: 4rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item {
        padding: 2rem 3rem 4.4rem 3rem;
        max-width: calc(50% - 2.4rem);
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(1) {
        margin-right: 2.4rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(2) {
        margin-left: 2.4rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-title {
        font-size: 1.6rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-sub-title {
        font-size: 1.2rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button {
        font-size: 1.1rem;
        padding: 1.1rem 1.5rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button::after {
        width: 0.6rem;
        height: 1.1rem;
        margin-left: 1.2rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-title,
    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title {
        font-size: 2rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title,
    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-sub-title {
        font-size: 1.6rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link,
    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link {
        font-size: 1.5rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link::after,
    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link::after {
        width: 0.8rem;
        height: 1.5rem;
        margin-left: 2rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item {
        margin-top: 4rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-icon {
        height: 21.2rem;
        width: 21.2rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content {
        margin-left: 3rem;
        padding-right: 4rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title {
        margin: 2rem 0 3rem 0;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container {
        margin-top: 2rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item {
        margin-top: 2rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-icon {
        height: 14.3rem;
        width: 14.3rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content {
        margin-left: 2rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title {
        margin-bottom: 3.5rem;
    }

    .TeamDetailsGrid .projects-tiles {
        padding: 6.04839rem 0;
    }

    .TeamDetailsGrid .projects-tiles .title-container {
        padding: 0 8.06452rem;
    }

    .TeamDetailsGrid .projects-tiles .title-container .heading {
        font-size: 7.05645rem;
    }

    .TeamDetailsGrid .projects-tiles .title-container #projects-tab .nav-item .nav-link {
        font-size: 2.01613rem;
        padding: 0 1.5121rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent {
        margin-top: 4.23387rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item {
        min-height: 47.07661rem;
        padding: 0 0 3.02419rem 5.04032rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content {
        max-width: 50%;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-title {
        font-size: 4.03226rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-sub-title {
        font-size: 1.6129rem;
        margin: 1.41129rem 0 0 0;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper {
        margin-top: 3.52823rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button {
        font-size: 1.10887rem;
        padding: 1.10887rem 1.5121rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button::after {
        width: 0.59476rem;
        height: 1.10887rem;
        margin-left: 1.45161rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots {
        margin: 4.53629rem 0 0 8.06452rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot {
        margin: 0 0.75605rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot span {
        height: 0.80645rem;
        width: 0.80645rem;
    }

    .TeamDetailsGrid .projects-tiles .interests-container {
        padding: 0 8.06452rem;
        margin-top: 6.04839rem;
    }

    .TeamDetailsGrid .projects-tiles .interests-container .title {
        font-size: 4.03226rem;
    }

    .TeamDetailsGrid .projects-tiles .interests-container .interests-list {
        margin-top: 0.90726rem;
        column-count: 2;
    }

    .TeamDetailsGrid .projects-tiles .interests-container .interests-list .list-item {
        padding: 1.31048rem 0 1.31048rem 3.72984rem;
    }

    .TeamDetailsGrid .projects-tiles .interests-container .interests-list .list-item .item-content {
        font-size: 1.81452rem;
    }

    .TeamDetailsGrid .projects-tiles .interests-container .interests-list .list-item::before {
        height: 0.40323rem;
        width: 2.01613rem;
        top: 2.82258rem;
    }
}

@media only screen and (min-width: 1200px) {
    .TeamDetailsGrid {
        padding-top: 260px;
        background-color: #f0fafa;
    }

    .TeamDetailsGrid .TD_MainWrap {
        max-width: 1720px;
        padding: 0px 40px;
        margin: 0px auto;
    }

    .TeamDetailsGrid .TD_Profile img {
        width: auto;
        height: 100%;
        max-height: 42.70833rem;
    }

    .TeamDetailsGrid .TD_Profile h2,
    .mwhitrbg h1 {
        font-size: 3.85417rem;
        margin-bottom: 45px;
    }

    .TeamDetailsGrid .TD_Profile h2 span {
        font-size: 1.30208rem;
    }

    .TeamDetailsGrid .TD_Profile .InfoRow {
        margin-bottom: 20px;
        color: #000000;
        width: 560px;
    }

    .TeamDetailsGrid .TD_Profile .InfoRow h4 {
        font-size: 1.99792rem;
    }

    .TeamDetailsGrid .TD_Profile .InfoRow p {
        font-size: 1.04167rem;
        margin-bottom: 20px;
    }

    .TeamDetailsGrid .TD_Profile .InfoRow h6 {
        font-size: 0.9375rem;
    }

    .TeamDetailsGrid .TD_Profile .InfoRow dd {
        font-size: 1.30208rem;
    }

    .TeamDetailsGrid .TD_Profile .TD_Social {
        width: 5.98958rem;
        height: auto;
        background: #ffffff;
        position: absolute;
        top: 265px;
        right: 0;
        border-radius: 5px;
        display: block;
    }

    .TeamDetailsGrid .TD_Profile .TD_Social ul {
        margin: 0rem;
        padding: 1.71875rem 0rem 1.71875rem 0rem;
        list-style: none;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        height: 100%;
    }

    .TeamDetailsGrid .TD_Profile .TD_Social ul li {
        width: 2.34375rem;
        height: 2.34375rem;
        margin: 0px;
        transform: rotate(90deg);
        text-align: center;
    }

    .TeamDetailsGrid .TD_Profile .TD_Social ul li:nth-child(4) {
        width: 3.02083rem;
        height: 2.5rem;
    }

    .TeamDetailsGrid .TD_AllProfile {
        background-color: #333;
        display: flex;
    }

    .TeamDetailsGrid .TD_AllProfile .ProfileArea {
        background-color: #207878;
        width: 33.5rem;
        position: relative;
        float: left;
        padding-left: 1.875rem;
    }

    .TeamDetailsGrid .TD_AllProfile .ProfileArea .Info {
        background: #015959;
        background: linear-gradient(0deg, #015959 0%, rgba(1, 89, 89, 0) 100%);
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        padding-left: 4.125rem;
        padding-bottom: 1.563rem;
    }

    .TeamDetailsGrid .TD_AllProfile .ProfileArea .Info h2 {
        font-size: 1.875rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        color: #ffffff;
        margin: 0rem;
    }

    .TeamDetailsGrid .TD_AllProfile .ProfileArea .Info p {
        font-size: 1.125rem;
        font-weight: 300;
        font-stretch: normal;
        font-style: italic;
        letter-spacing: normal;
        color: #ffffff;
        margin: 0rem;
    }

    .TeamDetailsGrid .TD_AllProfile .PA_bg {
        background-color: #047171;
    }

    .TeamDetailsGrid .Bio_Grid {
        background-color: #f0fafa;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap {
        max-width: 1640px;
        padding: 8.125rem 2.5rem;
        margin: 0px auto;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo {
        padding-right: 50px;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo h2 {
        font-size: 5.875rem;
        margin-bottom: 3.125rem;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo p,
    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo ul {
        font-size: 1.25rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.9;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
        opacity: 0.6;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .BioInfo h4 {
        font-size: 1.5rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
        margin-top: 8.125rem;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks h2 {
        font-size: 2.813rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.31;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
        margin-bottom: 3.75rem;
        margin-top: 0;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks img {
        width: 12.5rem;
        height: 18.98rem;
        margin-bottom: 1.875rem;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks .Title {
        font-size: 1.25rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.65;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
    }

    .TeamDetailsGrid .Bio_Grid .Bio_MainWrap .FavoriteBooks .Author {
        font-family: OpenSans;
        font-size: 1.25rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.65;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
        margin-bottom: 3rem;
        opacity: 0.6;
        font-style: italic;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container {
        max-width: 1720px;
        margin: auto;
        padding: 6.25rem 40px;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .heading {
        margin-bottom: 2.1875rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .heading .title {
        font-size: 4.9rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item {
        padding: 4.2rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-title {
        font-size: 2rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-sub-title {
        font-size: 0.8rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button {
        font-size: 0.8rem;
        padding: 0.9rem 1.6rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button::after {
        width: 0.4rem;
        height: 0.8rem;
        margin-left: 1rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles {
        flex-wrap: wrap;
        margin-top: 0;
        flex-direction: column;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item {
        padding: 2rem;
        min-height: 17.2rem;
        max-width: unset;
        width: 100%;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(1) {
        margin-bottom: 15px;
        margin-right: 0;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(2) {
        margin-top: 15px;
        margin-left: 0;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-title {
        font-size: 1rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-sub-title {
        font-size: 0.7rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button {
        font-size: 0.8rem;
        padding: 0.9rem 1.6rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button::after {
        width: 0.4rem;
        height: 0.8rem;
        margin-left: 1rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper {
        margin-top: 1.6rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-title,
    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title {
        font-size: 1rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title,
    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-sub-title {
        font-size: 0.8rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link,
    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link {
        font-size: 0.8rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link::after,
    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link::after {
        width: 0.4rem;
        height: 0.8rem;
        margin-left: 1rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item {
        margin-top: 0;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-icon {
        height: 10rem;
        width: 10rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content {
        margin-left: 1.6rem;
        padding-right: 2rem;
        max-height: 10rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title {
        margin: 0 0 1rem 0;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item:nth-child(1) {
        margin-bottom: 0.8rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item:nth-child(2) {
        margin-top: 0.8rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container {
        margin-top: 0;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item {
        margin-top: 0;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-icon {
        height: 7.4rem;
        width: 7.4rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content {
        margin-left: 1rem;
        max-height: 7.4rem;
        width: auto;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title {
        margin-bottom: 1rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item:nth-child(1) {
        margin-bottom: 0.4rem;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item:nth-child(2) {
        margin: 0.4rem 0;
    }

    .TeamDetailsGrid .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item:nth-child(2) {
        margin-top: 0.4rem;
    }

    .TeamDetailsGrid .projects-tiles {
        padding: 5.98958rem 0 5.05208rem 0;
    }

    .TeamDetailsGrid .projects-tiles .title-container {
        padding: 0 2.08333rem;
        max-width: 1720px;
    }

    .TeamDetailsGrid .projects-tiles .title-container .heading {
        font-size: 4.89583rem;
    }

    .TeamDetailsGrid .projects-tiles .title-container #projects-tab .nav-item .nav-link {
        font-size: 1.25rem;
        padding: 0 1.95312rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent {
        margin-top: 2.86458rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item {
        min-height: 36.45833rem;
        padding: 0 0 3.48958rem 2.1875rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-title {
        font-size: 3.54167rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-sub-title {
        font-size: 0.83333rem;
        margin: 0.83333rem 0 0 0;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper {
        margin-top: 1.45833rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button {
        font-size: 0.78125rem;
        padding: 0.9375rem 1.5625rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button::after {
        width: 0.41667rem;
        height: 0.78125rem;
        margin-left: 1.04167rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots {
        margin: 2.70833rem 0 0 7.29167rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot {
        margin: 0 0.625rem;
    }

    .TeamDetailsGrid .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot span {
        height: 0.72917rem;
        width: 0.72917rem;
    }

    .TeamDetailsGrid .projects-tiles .interests-container {
        max-width: 1720px;
        padding: 0 2.08333rem;
        margin-top: 7.03125rem;
    }

    .TeamDetailsGrid .projects-tiles .interests-container .title {
        font-size: 2.34375rem;
    }

    .TeamDetailsGrid .projects-tiles .interests-container .interests-list {
        margin-top: 1.77083rem;
    }

    .TeamDetailsGrid .projects-tiles .interests-container .interests-list .list-item {
        padding: 0.625rem 0 0.625rem 1.97917rem;
    }

    .TeamDetailsGrid .projects-tiles .interests-container .interests-list .list-item .item-content {
        font-size: 1.04167rem;
    }

    .TeamDetailsGrid .projects-tiles .interests-container .interests-list .list-item::before {
        height: 0.20833rem;
        width: 1.04167rem;
        top: 1.5625rem;
    }
}

@media only screen and (min-width: 320px) {
    .homepage-main-container .ticker-wrap * {
        box-sizing: border-box;
    }

    @-webkit-keyframes ticker {
        0% {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            visibility: visible;
        }

        100% {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }
    }

    @keyframes ticker {
        0% {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            visibility: visible;
        }

        100% {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
        }
    }

    .homepage-main-container .ticker-wrap {
        position: fixed;
        top: 0;
        width: 100%;
        overflow: hidden;
        background-color: #00555a;
        padding-left: 60%;
        box-sizing: content-box;
        z-index: 9999999;
    }

    .homepage-main-container .ticker-wrap .ticker {
        display: inline-block;
        white-space: nowrap;
        padding-right: 60%;
        box-sizing: content-box;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-name: ticker;
        animation-name: ticker;
        -webkit-animation-duration: 30s;
        animation-duration: 50s;
    }

    .homepage-main-container .ticker-wrap .ticker__item {
        display: inline-block;
        padding: 17px 0;
        cursor: pointer;
        opacity: 0.8;
        font-size: 12px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: left;
        color: #ffffff;
        white-space: nowrap;
    }

    .homepage-main-container .top-banner {
        background-image: linear-gradient(122deg, #00797b 8%, #005077 88%);
        background-image: url("../assets/blue_lines_full.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        padding: 142px 0 38px 0;
    }

    .homepage-main-container .top-banner .carousel {
        position: unset;
    }

    .homepage-main-container .top-banner .carousel-inner {
        position: unset;
    }

    .homepage-main-container .top-banner .carousel-inner .carousel-item .background-container {
        position: absolute;
        top: 0;
        right: 0;
        /* bottom: 0;*/
        left: 0;
    }

    .homepage-main-container .top-banner .carousel-inner .carousel-item .background-container::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
    }

    .homepage-main-container .top-banner .carousel-inner .carousel-item .background-container video {
        object-fit: cover;
    }

    .homepage-main-container .top-banner .carousel-inner .carousel-item .image-container {
        width: 100%;
        height: 70.3rem;
    }

    .homepage-main-container .top-banner .text-wrapper {
        padding: 0 9.4rem;
        margin-top: 30px;
    }

    .homepage-main-container .top-banner .text-wrapper .title {
        font-size: 11.6rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.24;
        letter-spacing: normal;
    }

    .homepage-main-container .top-banner .text-wrapper .desc {
        font-size: 4.4rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.9;
        letter-spacing: normal;
    }

    .homepage-main-container .top-banner .text-wrapper .view-button-wrapper {
        position: relative;
    }

    .homepage-main-container .top-banner .text-wrapper .view-button-wrapper .view-button {
        border: solid 1px #017a7b;
        border-radius: 5px;
        background-color: #ffffff;
        font-size: 3.8rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 0px;
        color: #000000;
        min-width: 177px;
        padding: 13px 25px;
    }

    .homepage-main-container .top-banner .text-wrapper .view-button-wrapper .view-button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 6px;
        height: 11px;
        margin-left: 15px;
    }

    .homepage-main-container .tile-scroll-component .fixed-content {
        background-image: linear-gradient(to bottom, #add484, #00a0b4);
        padding: 8.8rem 8rem 10.7rem 8rem;
    }

    .homepage-main-container .tile-scroll-component .fixed-content .fixed-title {
        font-size: 9.9rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
    }

    .homepage-main-container .tile-scroll-component .fixed-content .fixed-desc {
        font-size: 3.7rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.6;
        letter-spacing: normal;
    }

    .homepage-main-container .tile-scroll-component .scrollable-container::-webkit-scrollbar {
        width: 0;
        height: 0;
    }

    .homepage-main-container .tile-scroll-component .scrollable-container::-moz-scrollbar {
        width: 0;
        height: 0;
    }

    .homepage-main-container .tile-scroll-component .scrollable-container .tile-item {
        padding: 11.7rem 8rem 9.3rem 8rem;
        text-align: center;
        border-bottom: 1px solid rgba(52, 146, 146, 0.3);
    }

    .homepage-main-container .tile-scroll-component .scrollable-container .tile-item .tile-details .count {
        font-size: 4.8rem;
        font-weight: 200;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        padding-bottom: 0.5rem;
        border-bottom: 3px solid #000000;
    }

    .homepage-main-container .tile-scroll-component .scrollable-container .tile-item .tile-details .tile-title {
        font-size: 6.4rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.31;
        letter-spacing: normal;
    }

    .homepage-main-container .tile-scroll-component .scrollable-container .tile-item .tile-image {
        margin-top: 5.3rem;
    }

    .homepage-main-container .tile-scroll-component .scrollable-container .tile-item .tile-image img {
        width: 40rem;
        height: 40rem;
        object-fit: contain;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item {
        background: url("../assets/program-carousel.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding: 12rem 9.6rem 67.9rem 9.6rem;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .item-index {
        font-size: 8.5rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 0.28px;
        padding: 10px 0;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .item-title {
        font-size: 8.5rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.28;
        letter-spacing: 0.35px;
        margin-top: 1.6rem;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .item-sub-title {
        opacity: 0.96;
        font-size: 3.7rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.6;
        letter-spacing: normal;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .pointers {
        list-style: none;
        padding-left: 0;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .pointers .pointer-detail {
        opacity: 0.96;
        font-size: 3.7rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 2;
        letter-spacing: normal;
        display: flex;
        align-items: flex-start;
        padding-left: 6.66667rem;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .pointers .pointer-detail::before {
        content: "";
        height: 1.1rem;
        width: 3.5rem;
        background-color: #ffffff;
        display: block;
        margin-top: 3.2rem;
        margin-left: -6.66667rem;
        position: absolute;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .apply-button-wrapper {
        position: relative;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .apply-button-wrapper .apply-button {
        opacity: 0.9;
        border: solid 1px #017a7b;
        border-radius: 5px;
        background-color: #ffffff;
        font-size: 2.7rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 0px;
        color: #000000;
        padding: 2.9rem 3.2rem;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .apply-button-wrapper .apply-button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 1.6rem;
        height: 3rem;
        margin-left: 3.7rem;
    }

    .homepage-main-container .interactive-carousel .carousel .mobile-indicator {
        position: absolute;
        left: 10.66667rem;
        bottom: 15.73333rem;
        z-index: 5;
        color: #ffffff;
        font-size: 3.2rem;
        font-weight: 800;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.67;
        letter-spacing: normal;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-indicators {
        margin: 0 9.6rem 7.5rem 9.6rem;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-indicators .indicator {
        font-size: 3.2rem;
        font-weight: 800;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.83;
        letter-spacing: normal;
        text-indent: unset;
        opacity: 1;
        position: relative;
        visibility: hidden;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-indicators .indicator::after {
        content: "";
        display: block;
        border-radius: 25px;
        border: 1px solid #ffffff;
        height: 20px;
        width: 20px;
        margin-top: 12px;
        visibility: visible;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-indicators .indicator.active::after {
        background-image: linear-gradient(to bottom, #add484, #00a0b4);
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-indicators .indicator::before {
        content: "";
        height: 1px;
        position: absolute;
        background: #ffffff;
        bottom: 10px;
        left: 20px;
        right: -1.5rem;
        visibility: visible;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-indicators .indicator:last-child::before {
        right: 0;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container {
        padding: 16rem 40px;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .cta-content {
        padding: 0 8.3rem;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .cta-content .title {
        font-size: 6.4rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.3;
        letter-spacing: normal;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .cta-content .desc {
        opacity: 0.6;
        font-size: 3.7rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.9;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .logo-container {
        margin-top: 8.3rem;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .logo-container .logo-list {
        justify-content: space-between;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .logo-container .logo-list .list-item .logo-wrapper {
        background-color: #f0fbfb;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .logo-container .logo-list .owl-dots .owl-dot span {
        background: #017a7b;
        opacity: 0.2;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .logo-container .logo-list .owl-dots .owl-dot.active span {
        opacity: 1;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper {
        padding: 6rem 8.3rem;
        position: relative;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button {
        opacity: 0.9;
        border: solid 1px #017a7b;
        border-radius: 5px;
        background-color: #ffffff;
        font-size: 2.7rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 0px;
        color: #000000;
        padding: 2.9rem 3.2rem;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 1.6rem;
        height: 3rem;
        margin-left: 3.7rem;
    }

    .homepage-main-container .canvas-text-action {
        min-height: 176rem;
        padding-top: 12rem;
        position: relative;
    }

    .homepage-main-container .canvas-text-action .carousel {
        position: unset;
    }

    .homepage-main-container .canvas-text-action .carousel-inner {
        position: unset;
    }

    .homepage-main-container .canvas-text-action .carousel-inner .carousel-item {
        position: unset;
    }

    .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .background-container {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
    }

    .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .background-container::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 80, 119, 0.2);
    }

    .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .background-container video {
        object-fit: cover;
    }

    .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .background-container img {
        object-fit: cover;
        object-position: center;
    }

    .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container {
        max-width: 74.7rem;
        margin: auto;
    }

    .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .title {
        font-size: 6.4rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.3;
        letter-spacing: normal;
    }

    .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .desc {
        font-size: 3.7rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.9;
        letter-spacing: normal;
    }

    .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper {
        position: relative;
    }

    .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button {
        border: solid 1px #017a7b;
        border-radius: 5px;
        background-color: #ffffff;
        font-size: 3.2rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 0px;
        color: #000000;
        padding: 3.2rem;
        margin-bottom: 50px;
    }

    .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 1.6rem;
        height: 3.2rem;
        margin-left: 12px;
    }

    .homepage-main-container .cta-video .cta-video-container {
        flex-direction: column-reverse;
        padding: 11.2rem 4rem;
    }

    .homepage-main-container .cta-video .cta-video-container .cta-wrapper {
        flex-direction: column;
        justify-content: center;
        margin-top: 8.5rem;
        padding: 0 4rem;
    }

    .homepage-main-container .cta-video .cta-video-container .cta-wrapper .title {
        font-size: 6.4rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.3;
        letter-spacing: normal;
    }

    .homepage-main-container .cta-video .cta-video-container .cta-wrapper .sub-title {
        opacity: 0.6;
        font-size: 3.7rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.9;
        letter-spacing: normal;
    }

    .homepage-main-container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper {
        position: relative;
    }

    .homepage-main-container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button {
        opacity: 0.9;
        border: solid 1px #017a7b;
        border-radius: 5px;
        background-color: #ffffff;
        font-size: 3.2rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 0px;
        color: #000000;
        padding: 3.2rem;
    }

    .homepage-main-container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 1.6rem;
        height: 3.2rem;
        margin-left: 3.7rem;
    }

    .homepage-main-container .cta-video .cta-video-container .video-container {
        padding: 2.1rem 2.1rem 0 0;
        position: relative;
    }

    .homepage-main-container .cta-video .cta-video-container .video-container::after {
        content: "";
        background-image: linear-gradient(to bottom, #add484, #00a0b4);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 2.1rem;
        left: 2.1rem;
        z-index: 0;
    }

    .homepage-main-container .cta-video .cta-video-container .video-container .video-play {
        background-image: url("../assets/video-play-btn.svg");
        background-repeat: no-repeat;
        width: 12rem;
        height: 12rem;
        position: absolute;
        left: 0%;
        right: 0%;
        top: 0%;
        bottom: 0%;
        margin: auto;
        background-size: contain;
        background-position: center;
        cursor: pointer;
    }

    .homepage-main-container .head_second_grid {
        background-color: #e2f7f7;
    }

    .homepage-main-container .head_second_grid .Campus_Visit {
        padding: 8rem 8rem 11.2rem 8rem;
    }

    .homepage-main-container .head_second_grid .Campus_Visit .Campus_Title {
        font-weight: 800;
        line-height: 1.05;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #00555a;
        color: transparent;
        font-size: 12.8rem;
    }

    .homepage-main-container .head_second_grid .Campus_Visit .Campus_Text {
        font-size: 4.3rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.9;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
        opacity: 0.6;
    }

    .homepage-main-container .head_second_grid .Campus_Visit .Campus_Button {
        border-radius: 5px;
        border: solid 1px rgba(1, 122, 123, 0.5);
        text-transform: uppercase;
        background: #ffffff;
        font-size: 3.2rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: 0px;
        color: #000000;
        padding: 2.9rem 3.2rem;
    }

    .homepage-main-container .head_second_grid .Campus_Visit .Campus_Button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 1.6rem;
        height: 3.2rem;
        margin-left: 3.7rem;
    }

    .homepage-main-container .campus-carousel .carousel-item {
        height: 181.33333rem;
    }

    .homepage-main-container .campus-carousel .carousel-item video,
    .homepage-main-container .campus-carousel .carousel-item img {
        object-fit: cover;
        object-position: center;
    }

    .homepage-main-container .campus-carousel-prev,
    .homepage-main-container .campus-carousel-next {
        position: absolute;
        top: calc(50% - 22.5px);
    }

    .homepage-main-container .campus-carousel-prev img,
    .homepage-main-container .campus-carousel-next img {
        height: 45px;
        width: 21px;
    }

    .homepage-main-container .campus-carousel-prev {
        left: 30px;
    }

    .homepage-main-container .campus-carousel-next {
        right: 30px;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container {
        padding: 11.2rem 0;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .heading {
        padding: 0 8rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .heading .title {
        -webkit-text-stroke: 1.3px #00555a;
        font-size: 12.8rem;
        font-weight: 800;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.93;
        letter-spacing: normal;
        color: transparent;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .heading .sub-title {
        opacity: 0.6;
        font-size: 4.3rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.9;
        letter-spacing: normal;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper {
        margin: 0;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .sm-full-width {
        padding: 0;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item,
    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-title,
    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-title {
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.26;
        letter-spacing: normal;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-sub-title,
    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-sub-title {
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.44;
        letter-spacing: normal;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper,
    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper {
        position: relative;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button,
    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button {
        opacity: 0.9;
        border: solid 1px #017a7b;
        border-radius: 5px;
        background-color: #ffffff;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 0px;
        color: #000000;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button::after,
    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 0.4rem;
        height: 0.8rem;
        margin-left: 1rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item {
        background-image: linear-gradient(to left, rgba(2, 120, 120, 0.6) 102%, #013c3c 25%), url("../assets/blog-tiles-1.png");
        padding: 8rem 8rem 18.7rem 8rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-title {
        font-size: 4.3rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-sub-title {
        font-size: 3.2rem;
        margin: 2.66667rem 0 4rem 0;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button {
        font-size: 3.2rem;
        padding: 2.9rem 3.2rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button::after {
        width: 1.6rem;
        height: 3.2rem;
        margin-left: 3.7rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles {
        margin-top: 1.1rem;
        flex-direction: column;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item {
        padding: 8rem 8rem 18.7rem 8rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(1) {
        background-image: linear-gradient(to left, #013c3c 0%, rgba(1, 60, 60, 0.57) 0%), url("../assets/blog-tiles-2.png");
        margin: 0;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(2) {
        background-image: linear-gradient(to left, #013c3c 0%, rgba(1, 60, 60, 0.52) 0%), url("../assets/blog-tiles-3.png");
        border: solid 1px #707070;
        margin: 0;
        margin-top: 1.1rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-title {
        font-size: 4.3rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-sub-title {
        font-size: 3.2rem;
        margin: 2.66667rem 0 4rem 0;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button {
        font-size: 3.2rem;
        padding: 2.9rem 3.2rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button::after {
        width: 1.6rem;
        height: 3.2rem;
        margin-left: 3.7rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper {
        margin: 0;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .sm-full-width {
        padding: 0;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-icon,
    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-icon {
        object-position: center;
        object-fit: cover;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-title,
    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title {
        font-size: 4.2rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: #434343;
        margin-left: 4rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title,
    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-sub-title {
        font-size: 3.7rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #767676;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link,
    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link {
        font-size: 3.2rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: 0px;
        color: #015959;
        position: relative;
        display: flex;
        align-items: center;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link::after,
    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link::after {
        content: "";
        background-image: url("../assets/rightArrowGreen.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 1.6rem;
        height: 3rem;
        margin-left: 3.7rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-icon {
        height: 41.3rem;
        width: 41.3rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content {
        padding: 8rem;
        border-bottom: solid 1px #adadad;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title {
        margin: 2.7rem 0 5.3rem 0;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container {
        margin-top: 2.7rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item {
        margin-top: 5.3rem;
        padding: 0 8rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-icon {
        height: 32rem;
        width: 32rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content {
        margin-left: 4rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title {
        margin-left: 0;
    }

    .homepage-main-container .get-social {
        background-image: linear-gradient(118deg, #00797b 8%, #005077 88%);
    }

    .homepage-main-container .get-social .get-social-container {
        margin: auto;
        padding: 11.2rem 8rem;
    }

    .homepage-main-container .get-social .get-social-container .heading-wrapper .title {
        font-size: 12.8rem;
        font-weight: 800;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        -webkit-text-stroke: 1.3px #ffffff;
        color: transparent;
    }

    .homepage-main-container .get-social .get-social-container .heading-wrapper .desc {
        font-size: 4.3rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.89;
        letter-spacing: normal;
        color: #ffffff;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper {
        margin-top: 7.5rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper {
        margin: 0 -1.3rem;
        flex-direction: row;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item {
        height: 26rem;
        width: 26rem;
        border: solid 0.3px #ffffff;
        margin: 1.3rem;
        padding: 3.2rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .icon-container {
        height: 100%;
        justify-content: center;
        align-items: center;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .icon-container img {
        height: 8rem;
        width: 8rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .icon-container .icon-name {
        font-size: 2.7rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.9;
        letter-spacing: normal;
        color: #ffffff;
        display: none;
        align-items: center;
        position: relative;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .icon-container .icon-name::after {
        content: "";
        background: url("../assets/social-right-arrow-green.svg");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
        width: 4rem;
        min-height: 3.7rem;
        margin-left: 3.9rem;
        position: absolute;
        right: 0;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .item-details {
        display: none;
        position: relative;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .item-details .count {
        font-size: 1.5rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.21;
        letter-spacing: normal;
        color: #005778;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .item-details .sub-title {
        font-size: 0.6rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: normal;
        color: #005778;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .item-details .posts-wrapper .count::after {
        content: "";
        background: url("../assets/social-right-arrow-green.svg");
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        display: block;
        position: absolute;
        right: 0;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item:hover {
        background: #ffffff;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item:hover .icon-container {
        justify-content: space-between;
        align-items: unset;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item:hover .icon-container .icon-name {
        color: #000000;
        display: flex;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .right-col {
        margin-top: 4rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .right-col .tiles-container {
        margin: -2.6rem 0 0 -2rem;
        justify-content: space-between;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .right-col .tiles-container .tile-wrapper {
        margin: 2.6rem 0 0 2rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .right-col .tiles-container .tile-wrapper .tile-image {
        height: 40rem;
        width: 40rem;
    }
}

@media only screen and (min-width: 768px) {
    .homepage-main-container .top-banner {
        padding: 154px 0 68px 0;
    }

    .homepage-main-container .top-banner .carousel-inner .carousel-item .image-container {
        height: 56.25rem;
    }

    .homepage-main-container .top-banner .text-wrapper {
        padding: 0 5.2rem;
        margin-top: 30px;
    }

    .homepage-main-container .top-banner .text-wrapper .title {
        font-size: 3.9rem;
    }

    .homepage-main-container .top-banner .text-wrapper .desc {
        font-size: 1.8rem;
    }

    .homepage-main-container .top-banner .text-wrapper .view-button-wrapper .view-button {
        font-size: 2rem;
        padding: 18px 30px;
    }

    .homepage-main-container .top-banner .text-wrapper .view-button-wrapper .view-button::after {
        width: 8px;
        height: 15px;
        margin-left: 20px;
    }

    .homepage-main-container .tile-scroll-component .fixed-content {
        padding: 7.8rem 5.2rem 19.5rem 5.2rem;
    }

    .homepage-main-container .tile-scroll-component .fixed-content .fixed-title {
        font-size: 3.9rem;
    }

    .homepage-main-container .tile-scroll-component .fixed-content .fixed-desc {
        font-size: 1.8rem;
    }

    .homepage-main-container .tile-scroll-component .scrollable-container .tile-item {
        padding: 7.8rem 6.5rem;
        text-align: left;
        border-right: 1px solid rgba(52, 146, 146, 0.3);
        border-bottom: 0;
    }

    .homepage-main-container .tile-scroll-component .scrollable-container .tile-item .tile-details .count {
        font-size: 2.1rem;
        padding-bottom: 0.5rem;
        border-bottom: 1px solid #000000;
    }

    .homepage-main-container .tile-scroll-component .scrollable-container .tile-item .tile-details .tile-title {
        font-size: 2.1rem;
    }

    .homepage-main-container .tile-scroll-component .scrollable-container .tile-item .tile-image {
        margin-top: 17rem;
    }

    .homepage-main-container .tile-scroll-component .scrollable-container .tile-item .tile-image img {
        width: 22rem;
        height: 24.7rem;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item {
        padding: 4rem 5.2rem 17.2rem 5.2rem;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .item-index {
        font-size: 3.9rem;
        padding: 5px 0;
        border-bottom: 5px solid #ffffff;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .item-title {
        font-size: 3.9rem;
        margin-top: 2.7rem;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .item-sub-title {
        font-size: 1.8rem;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .pointers .pointer-detail {
        font-size: 1.8rem;
        padding-left: 4.94792rem;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .pointers .pointer-detail::before {
        height: 0.5rem;
        width: 2.6rem;
        margin-top: 1.5625rem;
        margin-left: -4.94792rem;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-indicators {
        margin: 0 5.2rem 5rem 5.2rem;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-indicators .indicator {
        font-size: 1.8rem;
        visibility: visible;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-indicators .indicator::before {
        right: -11.8rem;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container {
        padding: 5.2rem 40px;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .cta-content {
        padding: 0 5.2rem;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .cta-content .title {
        font-size: 3.9rem;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .cta-content .desc {
        font-size: 1.8rem;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .logo-container {
        margin-top: 3.9rem;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper {
        padding: 4rem 5.2rem;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button {
        font-size: 2rem;
        padding: 2.3rem 3.9rem;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button::after {
        width: 1rem;
        height: 2rem;
        margin-left: 1.8rem;
    }

    .homepage-main-container .canvas-text-action {
        min-height: 60.5rem;
        padding-top: 6.5rem;
    }

    .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container {
        max-width: 44.4rem;
    }

    .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .title {
        font-size: 3.9rem;
    }

    .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .desc {
        font-size: 1.8rem;
    }

    .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button {
        font-size: 2rem;
        padding: 2.3rem 3.9rem;
    }

    .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button::after {
        width: 1rem;
        height: 2rem;
        margin-left: 15px;
    }

    .homepage-main-container .cta-video .cta-video-container {
        padding: 7.68rem 5.20833rem 9.4rem 5.20833rem;
    }

    .homepage-main-container .cta-video .cta-video-container .cta-wrapper {
        margin-top: 3.9rem;
        padding: 0 5.2rem;
    }

    .homepage-main-container .cta-video .cta-video-container .cta-wrapper .title {
        font-size: 3.9rem;
    }

    .homepage-main-container .cta-video .cta-video-container .cta-wrapper .sub-title {
        font-size: 1.8rem;
    }

    .homepage-main-container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button {
        font-size: 2rem;
        padding: 2.3rem 3.9rem;
    }

    .homepage-main-container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button::after {
        width: 1rem;
        height: 3rem;
        margin-left: 2.6rem;
    }

    .homepage-main-container .cta-video .cta-video-container .video-container {
        padding: 1.3rem 1.5rem 0 0;
    }

    .homepage-main-container .cta-video .cta-video-container .video-container::after {
        bottom: 1.3rem;
        left: 2.2rem;
    }

    .homepage-main-container .cta-video .cta-video-container .video-container .video-play {
        width: 7.68229rem;
        height: 7.68229rem;
    }

    .homepage-main-container .head_second_grid .Campus_Visit {
        padding: 7.8rem 5.2rem 5.2rem 5.2rem;
    }

    .homepage-main-container .head_second_grid .Campus_Visit .Campus_Title {
        font-size: 6.5rem;
    }

    .homepage-main-container .head_second_grid .Campus_Visit .Campus_Text {
        font-size: 1.8rem;
        max-width: 50%;
    }

    .homepage-main-container .head_second_grid .Campus_Visit .Campus_Button {
        font-size: 2rem;
        padding: 2.3rem 3.9rem;
    }

    .homepage-main-container .head_second_grid .Campus_Visit .Campus_Button::after {
        width: 1rem;
        height: 2rem;
        margin-left: 1.8rem;
    }

    .homepage-main-container .campus-carousel .carousel-item {
        height: 52.47396rem;
    }

    .homepage-main-container .campus-carousel-prev,
    .homepage-main-container .campus-carousel-next {
        top: calc(50% - 34.5px);
    }

    .homepage-main-container .campus-carousel-prev img,
    .homepage-main-container .campus-carousel-next img {
        height: 69px;
        width: 33px;
    }

    .homepage-main-container .campus-carousel-prev {
        left: 30px;
    }

    .homepage-main-container .campus-carousel-next {
        right: 30px;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container {
        padding: 7.8rem 5.2rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .heading {
        padding: 0;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .heading .title {
        font-size: 5.6rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .heading .sub-title {
        font-size: 2.1rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper {
        margin: 0 -15px;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .sm-full-width {
        padding: 0 15px;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item {
        padding: 6.5rem 7.2rem 13.9rem 7.2rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-title {
        font-size: 2.6rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-sub-title {
        font-size: 1.8rem;
        margin: 1.30208rem 0 3.90625rem 0;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button {
        font-size: 1.6rem;
        padding: 2rem 2.6rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button::after {
        width: 1rem;
        height: 2rem;
        margin-left: 3.3rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles {
        margin-top: 5.3rem;
        flex-direction: row;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item {
        padding: 3.9rem 2.6rem 5.3rem 3.9rem;
        max-width: calc(50% - 2.6rem);
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(1) {
        margin-right: 2.6rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(2) {
        margin-left: 2.6rem;
        margin-top: 0;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-title {
        font-size: 2.1rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-sub-title {
        font-size: 1.6rem;
        margin: 1.30208rem 0 3.90625rem 0;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button {
        font-size: 1.4rem;
        padding: 1.4rem 2rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button::after {
        width: 0.8rem;
        height: 1.6rem;
        margin-left: 1.6rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper {
        margin: 0 -15px;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .sm-full-width {
        padding: 0 15px;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-title,
    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title {
        font-size: 2.3rem;
        margin-left: 0;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title,
    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-sub-title {
        font-size: 1.8rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link,
    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link {
        font-size: 2rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link::after,
    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link::after {
        width: 1rem;
        height: 2rem;
        margin-left: 1.8rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item {
        margin-top: 5.2rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-icon {
        height: 27.3rem;
        width: 27.3rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content {
        margin-left: 3.9rem;
        padding: 0 4.8rem 0 0;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title {
        margin: 1.4rem 0 2rem 0;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container {
        margin-top: 2.6rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item {
        margin-top: 2.6rem;
        padding: 0;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-icon {
        height: 18.5rem;
        width: 18.5rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content {
        margin-left: 2.6rem;
        width: 100%;
        border-bottom: solid 1px #adadad;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title {
        margin-bottom: 5rem;
    }

    .homepage-main-container .get-social .get-social-container {
        padding: 7.8rem 5.2rem;
    }

    .homepage-main-container .get-social .get-social-container .heading-wrapper .title {
        font-size: 6.5rem;
    }

    .homepage-main-container .get-social .get-social-container .heading-wrapper .desc {
        font-size: 2rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper {
        margin-top: 5.2rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper {
        margin: 0 -3.25rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item {
        height: 25.5rem;
        width: 25.5rem;
        margin: 3.25rem;
        padding: 3.3rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .icon-container {
        justify-content: space-between;
        align-items: unset;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .icon-container img {
        height: 5.5rem;
        width: 5.5rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .icon-container .icon-name {
        font-size: 1.8rem;
        display: flex;
        position: unset;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .icon-container .icon-name::after {
        display: none;
        position: unset;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .item-details .count {
        font-size: 3rem;
        height: 2.60417rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .item-details .sub-title {
        font-size: 1.6rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .item-details .posts-wrapper .count::after {
        width: 2.7rem;
        min-height: 2.6rem;
        margin-left: 2.2rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item:hover .icon-container {
        height: auto;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item:hover .item-details {
        display: flex;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .right-col {
        margin-top: 0;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .right-col .tiles-container {
        margin: -1.9rem 0 0 -1.9rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .right-col .tiles-container .tile-wrapper {
        margin: 1.9rem 0 0 1.9rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .right-col .tiles-container .tile-wrapper .tile-image {
        height: 42.6rem;
        width: 42.6rem;
    }
}

@media only screen and (min-width: 992px) {
    .homepage-main-container .top-banner {
        padding: 17.64113rem 0 66px 0;
    }

    .homepage-main-container .top-banner .text-wrapper {
        padding: 0 8.1rem;
        margin-top: 40px;
    }

    .homepage-main-container .top-banner .text-wrapper .title {
        font-size: 4rem;
    }

    .homepage-main-container .top-banner .text-wrapper .desc {
        font-size: 1.6rem;
    }

    .homepage-main-container .top-banner .text-wrapper .view-button-wrapper .view-button {
        font-size: 1.5rem;
    }

    .homepage-main-container .tile-scroll-component .fixed-content {
        padding: 6.1rem 3.5rem 4rem 4.3rem;
    }

    .homepage-main-container .tile-scroll-component .fixed-content .fixed-title {
        font-size: 4rem;
    }

    .homepage-main-container .tile-scroll-component .fixed-content .fixed-desc {
        font-size: 1.6rem;
    }

    .homepage-main-container .tile-scroll-component .scrollable-container .tile-item {
        padding: 6.1rem 5rem;
    }

    .homepage-main-container .tile-scroll-component .scrollable-container .tile-item .tile-details .count {
        font-size: 1.6rem;
        padding-bottom: 0.5rem;
    }

    .homepage-main-container .tile-scroll-component .scrollable-container .tile-item .tile-details .tile-title {
        font-size: 1.8rem;
    }

    .homepage-main-container .tile-scroll-component .scrollable-container .tile-item .tile-image {
        margin-top: 12.6rem;
    }

    .homepage-main-container .tile-scroll-component .scrollable-container .tile-item .tile-image img {
        height: 19.7rem;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item {
        padding: 4.1rem 0 12.9rem 8.1rem;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content {
        max-width: 60%;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .item-index {
        font-size: 4rem;
        padding: 10px 0;
        border-bottom: 5px solid #ffffff;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .item-title {
        font-size: 4rem;
        margin-top: 3.6rem;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .item-sub-title {
        font-size: 1.6rem;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .pointers .pointer-detail {
        font-size: 1.6rem;
        padding-left: 3.83065rem;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .pointers .pointer-detail::before {
        height: 0.4rem;
        width: 2rem;
        margin-top: 1.20968rem;
        margin-left: -3.83065rem;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-indicators {
        margin: 0 8.1rem 3rem 8.1rem;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-indicators .indicator {
        font-size: 1.6rem;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-indicators .indicator::after {
        height: 20px;
        width: 20px;
        margin-top: 14px;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-indicators .indicator::before {
        right: -12.7rem;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container {
        padding: 6.1rem 40px;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .cta-content {
        padding: 0 8.1rem;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .cta-content .title {
        font-size: 4rem;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .cta-content .desc {
        font-size: 1.6rem;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .logo-container {
        margin-top: 3rem;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper {
        padding: 6rem 8.1rem;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button {
        font-size: 1.5rem;
        padding: 1.8rem 3rem;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button::after {
        width: 0.8rem;
        height: 1.5rem;
        margin-left: 2rem;
    }

    .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container {
        max-width: 45.8rem;
    }

    .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .title {
        font-size: 4rem;
    }

    .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .desc {
        font-size: 1.6rem;
    }

    .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button {
        font-size: 1.5rem;
        padding: 1.8rem 3rem;
    }

    .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button::after {
        width: 0.8rem;
        height: 1.5rem;
        margin-left: 15px;
    }

    .homepage-main-container .cta-video .cta-video-container {
        padding: 6rem 8rem 7.3rem 8rem;
    }

    .homepage-main-container .cta-video .cta-video-container .cta-wrapper {
        margin-top: 3rem;
        padding: 0;
    }

    .homepage-main-container .cta-video .cta-video-container .cta-wrapper .title {
        font-size: 4rem;
    }

    .homepage-main-container .cta-video .cta-video-container .cta-wrapper .sub-title {
        font-size: 1.6rem;
    }

    .homepage-main-container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button {
        font-size: 1.5rem;
        padding: 1.8rem 3rem;
    }

    .homepage-main-container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button::after {
        width: 0.8rem;
        height: 1.5rem;
        margin-left: 1.4rem;
    }

    .homepage-main-container .cta-video .cta-video-container .video-container {
        padding: 1.1rem 1.9rem 0 0;
    }

    .homepage-main-container .cta-video .cta-video-container .video-container::after {
        bottom: 1.1rem;
        left: 1.9rem;
    }

    .homepage-main-container .cta-video .cta-video-container .video-container .video-play {
        width: 7.25806rem;
        height: 7.25806rem;
    }

    .homepage-main-container .head_second_grid .Campus_Visit {
        padding: 4rem 8.1rem;
    }

    .homepage-main-container .head_second_grid .Campus_Visit .Campus_Title {
        font-size: 7.1rem;
    }

    .homepage-main-container .head_second_grid .Campus_Visit .Campus_Text {
        font-size: 1.6rem;
    }

    .homepage-main-container .head_second_grid .Campus_Visit .Campus_Button {
        font-size: 1.5rem;
        padding: 1.8rem 3rem;
    }

    .homepage-main-container .head_second_grid .Campus_Visit .Campus_Button::after {
        width: 0.8rem;
        height: 1.5rem;
        margin-left: 1.4rem;
    }

    .homepage-main-container .campus-carousel .carousel-item {
        height: 55.64516rem;
    }

    .homepage-main-container .campus-carousel-prev,
    .homepage-main-container .campus-carousel-next {
        top: calc(50% - 45.5px);
    }

    .homepage-main-container .campus-carousel-prev img,
    .homepage-main-container .campus-carousel-next img {
        height: 91px;
        width: 43px;
    }

    .homepage-main-container .campus-carousel-prev {
        left: 40px;
    }

    .homepage-main-container .campus-carousel-next {
        right: 40px;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container {
        padding: 6rem 8.1rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .heading .title {
        font-size: 7.1rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .heading .sub-title {
        font-size: 1.6rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item {
        padding: 6rem 18.2rem 4.5rem 6rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-title {
        font-size: 2.4rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-sub-title {
        margin: 1.5121rem 0 1.41129rem 0;
        font-size: 1.4rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button {
        font-size: 1.5rem;
        padding: 1.5rem 2rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button::after {
        width: 0.8rem;
        height: 1.5rem;
        margin-left: 1.4rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles {
        margin-top: 4rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item {
        padding: 2rem 3rem 4.4rem 3rem;
        max-width: calc(50% - 2.4rem);
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(1) {
        margin-right: 2.4rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(2) {
        margin-left: 2.4rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-title {
        font-size: 1.6rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-sub-title {
        margin: 1.00806rem 0 1.41129rem 0;
        font-size: 1.2rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button {
        font-size: 1.1rem;
        padding: 1.1rem 1.5rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button::after {
        width: 0.6rem;
        height: 1.1rem;
        margin-left: 1.2rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-title,
    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title {
        font-size: 2rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title,
    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-sub-title {
        font-size: 1.6rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link,
    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link {
        font-size: 1.5rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link::after,
    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link::after {
        width: 0.8rem;
        height: 1.5rem;
        margin-left: 2rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item {
        margin-top: 4rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-icon {
        height: 21.2rem;
        width: 21.2rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content {
        margin-left: 3rem;
        padding-right: 4rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title {
        margin: 2rem 0 3rem 0;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container {
        margin-top: 2rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item {
        margin-top: 2rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-icon {
        height: 14.3rem;
        width: 14.3rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content {
        margin-left: 2rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title {
        margin-bottom: 3.5rem;
    }

    .homepage-main-container .get-social .get-social-container {
        padding: 4rem 8rem;
    }

    .homepage-main-container .get-social .get-social-container .heading-wrapper .title {
        font-size: 7.1rem;
    }

    .homepage-main-container .get-social .get-social-container .heading-wrapper .desc {
        font-size: 1.6rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper {
        margin-top: 6rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper {
        margin: 0 -1.2rem;
        flex-direction: column;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item {
        height: 16.2rem;
        width: 16.2rem;
        margin: 1.2rem;
        padding: 2rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .icon-container img {
        height: 3.5rem;
        width: 3.5rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .icon-container .icon-name {
        font-size: 1.2rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .item-details .count {
        font-size: 1.9rem;
        height: 2.01613rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .item-details .sub-title {
        font-size: 0.9rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .item-details .posts-wrapper .count::after {
        width: 1.7rem;
        min-height: 1.6rem;
        margin-left: 1.5rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .right-col .tiles-container {
        margin: 0;
        justify-content: flex-end;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .right-col .tiles-container .tile-wrapper {
        margin: 1.2rem 0 0 1.2rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .right-col .tiles-container .tile-wrapper .tile-image {
        height: 26.5rem;
        width: 26.5rem;
    }
}

@media only screen and (min-width: 1200px) {
    .homepage-main-container .top-banner {
        padding: 0;
    }

    .homepage-main-container .top-banner .carousel-inner .carousel-item {
        padding: 189px 17.86rem 156px 17.86rem;
    }

    .homepage-main-container .top-banner .carousel-inner .carousel-item .background-container {
        top: 189px;
        right: 17.86rem;
        bottom: 156px;
        left: 17.86rem;
    }

    .homepage-main-container .top-banner .carousel-inner .carousel-item .image-container {
        padding: 30px 0 40px 0;
        max-width: 1525px;
        margin-left: auto;
        height: auto;
    }

    .homepage-main-container .top-banner .carousel-inner .carousel-item .image-container .text-wrapper {
        max-width: 32.1rem;
        margin-left: -115px;
    }

    .homepage-main-container .top-banner .text-wrapper {
        padding: 0;
        margin-top: 0;
    }

    .homepage-main-container .top-banner .text-wrapper .title {
        font-size: 5rem;
    }

    .homepage-main-container .top-banner .text-wrapper .desc {
        font-size: 1.2rem;
    }

    .homepage-main-container .top-banner .text-wrapper .view-button-wrapper .view-button {
        font-size: 0.9rem;
    }

    .homepage-main-container .tile-scroll-component .fixed-content {
        padding: 8.3rem 5.2rem;
    }

    .homepage-main-container .tile-scroll-component .fixed-content .fixed-title {
        font-size: 3.3rem;
    }

    .homepage-main-container .tile-scroll-component .fixed-content .fixed-desc {
        font-size: 1.3rem;
    }

    .homepage-main-container .tile-scroll-component .scrollable-container .tile-item {
        padding: 8.3rem 5.2rem;
    }

    .homepage-main-container .tile-scroll-component .scrollable-container .tile-item .tile-details .count {
        font-size: 1.3rem;
    }

    .homepage-main-container .tile-scroll-component .scrollable-container .tile-item .tile-image {
        margin-top: 7.8rem;
    }

    .homepage-main-container .tile-scroll-component .scrollable-container .tile-item .tile-image img {
        width: 21rem;
        height: 23rem;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item {
        padding: 6.5rem 0 16.4rem 7.3rem;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content {
        max-width: 45%;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .item-index {
        font-size: 2.7rem;
        padding: 10px 0;
        border-bottom: 7px solid #ffffff;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .item-title {
        font-size: 3.3rem;
        margin-top: 1.6rem;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .item-sub-title {
        font-size: 1.3rem;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .pointers .pointer-detail {
        font-size: 1.3rem;
        padding-left: 1.97917rem;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .pointers .pointer-detail::before {
        height: 0.21rem;
        width: 1rem;
        margin-top: 1.14583rem;
        margin-left: -1.97917rem;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .apply-button-wrapper .apply-button {
        font-size: 0.8rem;
        padding: 0.9rem 1.6rem;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-inner .carousel-item .item-content .apply-button-wrapper .apply-button::after {
        width: 0.4rem;
        height: 0.8rem;
        margin-left: 1rem;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-indicators {
        margin: 0 7.3rem 5.2rem 7.3rem;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-indicators .indicator {
        font-size: 1.25rem;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-indicators .indicator::after {
        margin-top: 12px;
    }

    .homepage-main-container .interactive-carousel .carousel .carousel-indicators .indicator::before {
        right: -20rem;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container {
        max-width: 1720px;
        margin: auto;
        padding: 11rem 40px;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .cta-content {
        padding: 0;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .cta-content .title {
        font-size: 3.1rem;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .cta-content .desc {
        font-size: 1rem;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .logo-container {
        margin-top: 4.2rem;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper {
        padding: 0;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button {
        font-size: 0.8rem;
        padding: 0.9rem 1.6rem;
    }

    .homepage-main-container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button::after {
        width: 0.4rem;
        height: 0.8rem;
        margin-left: 1rem;
    }

    .homepage-main-container .canvas-text-action {
        min-height: 56.25rem;
        padding-top: 5.7rem;
    }

    .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container {
        max-width: 34.9rem;
    }

    .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .title {
        font-size: 3.1rem;
    }

    .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .desc {
        font-size: 1.1rem;
    }

    .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button {
        font-size: 0.8rem;
        padding: 0.9rem 1.6rem;
    }

    .homepage-main-container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button::after {
        width: 0.4rem;
        height: 0.8rem;
        margin-left: 15px;
    }

    .homepage-main-container .cta-video {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .homepage-main-container .cta-video .cta-video-container {
        max-width: 1720px;
        margin: auto;
        padding: 11.5rem 40px 8.9rem 40px;
        flex-direction: row;
        margin-top: 0;
    }

    .homepage-main-container .cta-video .cta-video-container .cta-wrapper .title {
        font-size: 3.1rem;
        max-width: 27.91667rem;
    }

    .homepage-main-container .cta-video .cta-video-container .cta-wrapper .sub-title {
        font-size: 1rem;
        max-width: 60%;
    }

    .homepage-main-container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button {
        font-size: 0.8rem;
        padding: 0.9rem 1.6rem;
    }

    .homepage-main-container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button::after {
        width: 0.4rem;
        height: 0.8rem;
        margin-left: 1rem;
    }

    .homepage-main-container .cta-video .cta-video-container .video-container {
        max-width: 47.5rem;
        padding: 0.7rem 1.1rem 0 0;
    }

    .homepage-main-container .cta-video .cta-video-container .video-container::after {
        bottom: 0.7rem;
        left: 1.1rem;
    }

    .homepage-main-container .cta-video .cta-video-container .video-container .video-play {
        width: 4.16667rem;
        height: 4.16667rem;
    }

    .homepage-main-container .head_second_grid .Campus_Visit {
        max-width: 1720px;
        margin: auto;
        padding: 4.4rem 40px;
    }

    .homepage-main-container .head_second_grid .Campus_Visit .Campus_Title {
        font-size: 4.9rem;
    }

    .homepage-main-container .head_second_grid .Campus_Visit .Campus_Text {
        font-size: 1rem;
        max-width: unset;
    }

    .homepage-main-container .head_second_grid .Campus_Visit .Campus_Button {
        font-size: 0.8rem;
        padding: 0.9rem 1.6rem;
        margin-top: 2.2rem;
    }

    .homepage-main-container .head_second_grid .Campus_Visit .Campus_Button::after {
        width: 0.4rem;
        height: 0.8rem;
        margin-left: 1rem;
    }

    .homepage-main-container .campus-carousel .carousel-item {
        height: 51.35417rem;
    }

    .homepage-main-container .campus-carousel-prev {
        left: 51px;
    }

    .homepage-main-container .campus-carousel-next {
        right: 51px;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container {
        max-width: 1720px;
        margin: auto;
        padding: 6.25rem 40px;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .heading .title {
        font-size: 4.9rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .heading .sub-title {
        font-size: 1rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item {
        padding: 4.2rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-title {
        font-size: 2rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-sub-title {
        font-size: 0.8rem;
        margin: 1.5625rem 0 0.72917rem 0;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button {
        font-size: 0.8rem;
        padding: 0.9rem 1.6rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button::after {
        width: 0.4rem;
        height: 0.8rem;
        margin-left: 1rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles {
        flex-wrap: wrap;
        margin-top: 0;
        flex-direction: column;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item {
        padding: 2rem;
        min-height: 17.2rem;
        max-width: unset;
        width: 100%;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(1) {
        margin-bottom: 15px;
        margin-right: 0;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(2) {
        margin-top: 15px;
        margin-left: 0;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-title {
        font-size: 1rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-sub-title {
        font-size: 0.7rem;
        margin: 0.52083rem 0 0.72917rem 0;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button {
        font-size: 0.8rem;
        padding: 0.9rem 1.6rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button::after {
        width: 0.4rem;
        height: 0.8rem;
        margin-left: 1rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper {
        margin-top: 1.6rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-title,
    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title {
        font-size: 1rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title,
    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-sub-title {
        font-size: 0.8rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link,
    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link {
        font-size: 0.8rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link::after,
    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link::after {
        width: 0.4rem;
        height: 0.8rem;
        margin-left: 1rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item {
        margin-top: 0;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-icon {
        height: 10rem;
        width: 10rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content {
        margin-left: 1.6rem;
        padding-right: 2rem;
        max-height: 10rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title {
        margin: 0 0 1rem 0;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item:nth-child(1) {
        margin-bottom: 0.8rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item:nth-child(2) {
        margin-top: 0.8rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container {
        margin-top: 0;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item {
        margin-top: 0;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-icon {
        height: 7.4rem;
        width: 7.4rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content {
        margin-left: 1rem;
        max-height: 7.4rem;
        width: auto;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title {
        margin-bottom: 1rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item:nth-child(1) {
        margin-bottom: 0.4rem;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item:nth-child(2) {
        margin: 0.4rem 0;
    }

    .homepage-main-container .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item:nth-child(2) {
        margin-top: 0.4rem;
    }

    .homepage-main-container .get-social .get-social-container {
        max-width: 1720px;
        padding: 7.3rem 40px;
    }

    .homepage-main-container .get-social .get-social-container .heading-wrapper .title {
        font-size: 4.9rem;
    }

    .homepage-main-container .get-social .get-social-container .heading-wrapper .desc {
        font-size: 0.9rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper {
        margin-top: 0;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper {
        margin: 8rem -0.9rem 0 -0.9rem;
        flex-direction: row;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item {
        height: 12.3rem;
        width: 12.3rem;
        margin: 0.9rem;
        padding: 1.6rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .icon-container img {
        height: 2.7rem;
        width: 2.7rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .icon-container .icon-name {
        font-size: 1rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .item-details .count {
        font-size: 1.5rem;
        height: 1.5625rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .item-details .sub-title {
        font-size: 0.6rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .left-col .socials-wrapper .item .item-details .posts-wrapper .count::after {
        width: 1.25rem;
        min-height: 1.2rem;
        margin-left: 0.9rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .right-col .tiles-container .tile-wrapper {
        margin: 0.7rem 0 0 0.7rem;
    }

    .homepage-main-container .get-social .get-social-container .content-wrapper .right-col .tiles-container .tile-wrapper .tile-image {
        height: 16.4rem;
        width: 16.4rem;
    }
}

.reachus_main_wrap .head_top_grid {
    background-color: #207878;
    padding-top: 187px;
}

.reachus_main_wrap .head_top_grid .main_top_wrap {
    max-width: 1640px;
    margin: auto;
    padding: 50px 40px 0px 40px;
}

.reachus_main_wrap .head_top_grid .main_top_wrap .got_title {
    background-image: url("../assets/Ellipse22.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%;
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -o-background-clip: text;
    transition: background-size 1.5s;
    width: 750px;
}

.reachus_main_wrap .head_top_grid .main_top_wrap .got_title .got_Text {
    font-weight: 800;
    line-height: 1.05;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
    color: transparent;
}

.reachus_main_wrap .head_top_grid .main_top_wrap .got_title:hover {
    background-size: 200%;
}

.reachus_main_wrap .head_top_grid .main_top_wrap .in_anything {
    margin-top: 95px;
    margin-bottom: 120px;
}

.reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .any_input {
    background: transparent;
    box-shadow: none;
    border: none;
    width: 100%;
    color: #ffffff;
    padding-bottom: 25px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.37;
    border-bottom: 1px solid #81bcbc;
}

.reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .any_input:focus {
    outline: none;
}

.reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .any_input::-webkit-input-placeholder {
    color: #81bcbc;
}

.reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .any_input::-moz-placeholder {
    color: #81bcbc;
}

.reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .any_input:-ms-input-placeholder {
    color: #81bcbc;
}

.reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .any_input:-moz-placeholder {
    color: #81bcbc;
}

.reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .Send_QButton {
    width: auto;
    height: 60px;
    border-radius: 5px;
    border: solid 1px rgba(1, 122, 123, 0.5);
    background: #ffffff;
    float: right;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: 0px;
    color: #000000;
    padding: 10px 12px;
    margin-top: 25px;
    text-transform: uppercase;
    cursor: pointer;
}

.reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .Send_QButton::after {
    content: "";
    background-image: url("../assets/rightArrowBlack.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 8px;
    height: 15px;
    margin-left: 20px;
}

.reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything {
    padding: 30px 40px 40px 40px;
}

.reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .InfoText {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.46;
    letter-spacing: normal;
    text-align: left;
    color: #15263b;
    width: 725px;
}

.reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything h2 {
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.92;
    letter-spacing: normal;
    text-align: left;
    color: #015959;
    border-bottom: 3px solid #015959;
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating {
    position: relative;
    margin-top: 90px;
    margin-bottom: 90px;
}

.reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    padding: 10px 0px;
    display: block;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(112, 112, 112, 0.5);
    width: 100%;
}

.reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input:focus {
    outline: none;
    border-bottom: 2px solid #000000;
}

.reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating label {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: rgba(0, 0, 0, 0.5);
    position: absolute;
    pointer-events: none;
    left: 0px;
    top: 5px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input:focus~label,
.reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input:not(:placeholder-shown)~label {
    top: -20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: rgba(0, 0, 0, 0.5);
}

.reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Submit_QButton {
    width: 146px;
    height: 60px;
    border-radius: 5px;
    border: solid 1px rgba(1, 122, 123, 0.5);
    background: #ffffff;
    float: right;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: 0px;
    color: #000000;
    padding: 19px 30px;
    text-transform: uppercase;
    cursor: pointer;
    margin-bottom: 40px;
}

.reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Submit_QButton::after {
    content: "";
    background-image: url("../assets/rightArrowBlack.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 8px;
    height: 15px;
    margin-left: 20px;
}

.reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .close {
    opacity: 0.9;
    margin: 10px 10px 0px 0px;
}

.reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .close .closeimg {
    width: 20px;
    height: 20px;
}

.reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .close:focus {
    outline: none;
}

.reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info {
    width: 100%;
    background: #ffffff;
    padding: 65px 100px;
}

.reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box {
    padding: 0px;
}

.reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box .Cont_im {
    width: 71px;
    height: 59px;
    margin-bottom: 25px;
}

.reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box .Ad_Title {
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.41px;
    text-align: left;
    color: #017a7b;
    margin-bottom: 25px;
}

.reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box .Ad_Text {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: 0.11px;
    text-align: left;
    color: #000000;
    margin: 0px;
}

.reachus_main_wrap .head_second_grid {
    background-color: #e2f7f7;
    min-height: 200px;
}

.reachus_main_wrap .head_second_grid .main_mid_wrap {
    max-width: 1640px;
    margin: auto;
    padding: 0px 40px 50px 40px;
}

.reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back {
    width: 100%;
    background: #ffffff;
    padding: 65px 100px;
    -webkit-box-shadow: 0px -2px 3px -1px #e0e0e0;
    -moz-box-shadow: 0px -2px 3px -1px #e0e0e0;
    box-shadow: 0px -2px 3px -1px #e0e0e0;
}

.reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Title {
    font-weight: 600;
    color: #015959;
    border-bottom: 3px solid #015959;
    width: fit-content;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
}

.reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Text {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.73;
    letter-spacing: normal;
    text-align: left;
    color: #15263b;
    margin-top: 1.5rem;
}

.reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Button {
    width: auto;
    height: 60px;
    border-radius: 5px;
    border: solid 1px rgba(1, 122, 123, 0.5);
    background: #ffffff;
    float: right;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: 0px;
    color: #000000;
    padding: 18px 30px;
    margin-top: 50px;
}

.reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Button::after {
    content: "";
    background-image: url("../assets/rightArrowBlack.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 8px;
    height: 15px;
    margin-left: 20px;
}

.reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back #Fill_Back_Form {
    display: none;
}

.reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid {
    margin-top: 60px;
}

.reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label {
    position: relative;
    margin-bottom: 100px;
}

.reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input,
.reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    padding: 10px 0px;
    display: block;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(112, 112, 112, 0.5);
    width: 100%;
}

.reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input:focus,
.reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select:focus {
    outline: none;
    border-bottom: 2px solid #000000;
}

.reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label label {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: rgba(0, 0, 0, 0.5);
    position: absolute;
    pointer-events: none;
    left: 0px;
    top: 5px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

.reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input:focus~label,
.reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input:not(:placeholder-shown)~label {
    top: -18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: rgba(0, 0, 0, 0.5);
}

.reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select:focus~label,
.reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select:not([value=""]):valid~label {
    top: -18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: rgba(0, 0, 0, 0.5);
}

.reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-textarea {
    resize: none;
    overflow: hidden;
    overflow-x: hidden;
}

.reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit {
    padding: 160px 0px 80px 0px;
}

.reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .Campus_Title {
    font-weight: 800;
    line-height: 1.05;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #00555a;
    color: transparent;
}

.reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container {
    display: flex;
}

.reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container .Campus_Text {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    opacity: 0.6;
}

.reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container .Campus_Button {
    width: auto;
    height: 60px;
    border-radius: 5px;
    border: solid 1px rgba(1, 122, 123, 0.5);
    text-transform: uppercase;
    background: #ffffff;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: 0px;
    color: #000000;
    padding: 19px 27px;
    margin-top: 50px;
}

.reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container .Campus_Button::after {
    content: "";
    background-image: url("../assets/rightArrowBlack.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 8px;
    height: 15px;
    margin-left: 20px;
}

.reachus_main_wrap .Reach_Last_Area .image-element {
    padding-left: 0;
}

.reachus_main_wrap .Reach_Last_Area .image-element .img-wrap {
    width: 100% !important;
    height: 100% !important;
}

.reachus_main_wrap .Reach_Last_Area .image-element .way_img_title {
    position: absolute;
    left: 80px;
    top: 90px;
    font-weight: 800;
    line-height: 1.18;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
    color: transparent;
    width: 510px;
}

.reachus_main_wrap .Reach_Last_Area .Support_Text {
    padding: 6rem;
}

.reachus_main_wrap .Reach_Last_Area .Support_Text .S_Title {
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin-bottom: 40px;
}

.reachus_main_wrap .Reach_Last_Area .Support_Text .S_Text {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    opacity: 0.6;
}

.reachus_main_wrap .Reach_Last_Area .Support_Text ul {
    padding: 0px 0px 0px 0px;
    margin: 40px 0px 0px 0px;
    list-style: none;
}

.reachus_main_wrap .Reach_Last_Area .Support_Text ul li p {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    opacity: 0.6;
    margin-bottom: 20px;
    margin-left: 40px;
}

.reachus_main_wrap .Reach_Last_Area .Support_Text ul li span {
    width: 19.1px;
    float: left;
    height: 4px;
    background: #000000;
    margin-top: 9px;
}

.reachus_main_wrap .Reach_Last_Area .Support_Text .Giving_Button {
    width: auto;
    height: 60px;
    border-radius: 5px;
    border: solid 1px rgba(1, 122, 123, 0.5);
    text-transform: uppercase;
    background: #ffffff;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: 0px;
    color: #000000;
    padding: 18px 27px;
    margin-top: 50px;
}

.reachus_main_wrap .Reach_Last_Area .Support_Text .Giving_Button::after {
    content: "";
    background-image: url("../assets/rightArrowBlack.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 8px;
    height: 15px;
    margin-left: 20px;
}

.reachus_main_wrap button.cta-button {
    opacity: 0.9;
}


/*  ========================================= Responsive Area ========================= */

@media only screen and (min-width: 320px) {
    .reachus_main_wrap .head_top_grid {
        padding-top: 60px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap {
        padding: 90px 30px 0px 30px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .got_title {
        width: 100%;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .got_title .got_Text {
        font-size: 44px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .got_title:hover {
        background-size: 200%;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything {
        margin-top: 0px;
        margin-bottom: 40px;
        padding-bottom: 10px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .any_input {
        padding-bottom: 0;
        padding-top: 15px;
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.67;
        letter-spacing: normal;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .Send_QButton {
        width: auto;
        height: 40px;
        font-size: 12px;
        float: left;
        line-height: 1.42;
        padding: 6px 12px;
        margin-top: 10px;
        cursor: pointer;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .Send_QButton::after {
        content: "";
        width: 6px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything {
        padding: 30px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .InfoText {
        font-size: 20px;
        color: #15263b;
        width: 100%;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything h2 {
        font-size: 18px;
        line-height: 2.67;
        padding-bottom: 0px;
        margin-bottom: 20px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input {
        font-size: 20px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating label {
        font-size: 20px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Submit_QButton {
        width: 127px;
        height: 40px;
        font-size: 12px;
        font-weight: 600;
        padding: 18px 30px;
        margin-bottom: 40px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Submit_QButton::after {
        content: "";
        width: 6px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .close {
        width: 30px;
        height: 30px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .close .closeimg {
        width: 25px;
        height: 25px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .close:focus {
        outline: none;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info {
        width: 100%;
        padding: 30px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box {
        padding: 0px;
        display: grid;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box .Cont_im {
        width: 36px;
        height: 30px;
        margin-bottom: 15px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box .Ad_Title {
        font-size: 14px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.36;
        letter-spacing: -0.32px;
        margin-bottom: 15px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box .Ad_Text {
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: 0.09px;
        margin: 0px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box_controls {
        display: flex;
        cursor: pointer;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box_controls .cb_prev {
        position: absolute;
        top: 20px;
        left: 2%;
        display: none;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box_controls .cb_next {
        position: absolute;
        top: 20px;
        right: 2%;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box_controls img {
        width: 21px;
        height: 45px;
    }

    .reachus_main_wrap .head_second_grid {
        min-height: 50px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap {
        padding: 0px 30px 0px 30px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back {
        padding: 30px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Title {
        font-size: 18px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.67;
        letter-spacing: normal;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Text {
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: normal;
        margin-top: 15px;
        margin-bottom: 0px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Button {
        width: auto;
        height: 40px;
        float: left;
        font-size: 12px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: 0px;
        padding: 18px 30px;
        margin-top: 30px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Button::after {
        content: "";
        width: 6px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back #Fill_Back_Form {
        display: none;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid {
        margin-top: 40px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label {
        position: relative;
        margin-bottom: 40px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input,
    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select {
        font-size: 18px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.67;
        letter-spacing: normal;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input:focus,
    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select:focus {
        outline: none;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label label {
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.1;
        top: 10px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input:focus~label,
    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input:not(:placeholder-shown)~label {
        font-size: 12px;
        line-height: 1.4;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select:focus~label,
    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select:not([value=""]):valid~label {
        font-size: 12px;
        line-height: 1.4;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-textarea {
        resize: none;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit {
        padding: 50px 0px 25px 0px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .Campus_Title {
        font-size: 40px;
        font-weight: 800;
        line-height: 1.33;
        margin-bottom: 30px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container {
        flex-direction: column;
        align-items: flex-start;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container .Campus_Text {
        font-size: 16px;
        line-height: 1.5;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container .Campus_Button {
        width: auto;
        height: 40px;
        font-size: 12px;
        font-weight: 600;
        line-height: 1.42;
        padding: 18px 30px;
        margin-top: 30px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container .Campus_Button::after {
        content: "";
        width: 6px;
    }

    .reachus_main_wrap .campus-carousel .carousel-item {
        height: 181.33333rem;
    }

    .reachus_main_wrap .campus-carousel .carousel-item video,
    .reachus_main_wrap .campus-carousel .carousel-item img {
        object-fit: cover;
        object-position: center;
    }

    .reachus_main_wrap .campus-carousel-prev,
    .reachus_main_wrap .campus-carousel-next {
        position: absolute;
        top: calc(50% - 22.5px);
    }

    .reachus_main_wrap .campus-carousel-prev img,
    .reachus_main_wrap .campus-carousel-next img {
        height: 45px;
        width: 21px;
    }

    .reachus_main_wrap .campus-carousel-prev {
        left: 30px;
    }

    .reachus_main_wrap .campus-carousel-next {
        right: 30px;
    }

    .reachus_main_wrap .Reach_Last_Area {
        padding: 0px;
    }

    .reachus_main_wrap .Reach_Last_Area .Support_Text {
        padding: 0rem;
    }

    .reachus_main_wrap .Reach_Last_Area .Support_Text .S_Title {
        font-size: 20px;
        line-height: 1.25;
        margin-bottom: 30px;
        margin-top: 40px;
    }

    .reachus_main_wrap .Reach_Last_Area .Support_Text .S_Text {
        font-size: 16px;
        line-height: 1.5;
    }

    .reachus_main_wrap .Reach_Last_Area .Support_Text ul li p {
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: normal;
        margin-left: 25px;
    }

    .reachus_main_wrap .Reach_Last_Area .Support_Text ul li span {
        width: 13px;
        height: 4px;
        margin-top: 9px;
    }

    .reachus_main_wrap .Reach_Last_Area .Support_Text .Giving_Button {
        width: auto;
        height: 40px;
        font-size: 12px;
        line-height: 1.42;
        padding: 18px 30px;
        margin-top: 30px;
        margin-left: 25px;
        margin-bottom: 30px;
    }

    .reachus_main_wrap .Reach_Last_Area .Support_Text .Giving_Button::after {
        content: "";
        width: 6px;
    }
}

@media only screen and (min-width: 768px) {
    .reachus_main_wrap .head_top_grid {
        padding-top: 140px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap {
        max-width: 1640px;
        margin: auto;
        padding: 0px 40px 0px 40px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .got_title {
        width: 400px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .got_title .got_Text {
        font-size: 57px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .got_title:hover {
        background-size: 200%;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything {
        margin-top: 40px;
        margin-bottom: 40px;
        border-bottom: 1px solid #81bcbc;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .any_input {
        padding-bottom: 15px;
        font-size: 20px;
        padding-right: 35px;
        border-bottom: none;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .Send_QButton {
        width: auto;
        height: 60px;
        border-radius: 5px;
        border: solid 1px rgba(1, 122, 123, 0.5);
        background: #ffffff;
        float: right;
        font-size: 15px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: 0px;
        color: #000000;
        padding: 12px 16px;
        margin-top: 10px;
        text-transform: uppercase;
        cursor: pointer;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .Send_QButton::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 8px;
        height: 15px;
        margin-left: 20px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything {
        padding: 30px 40px 40px 40px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .InfoText {
        font-size: 28px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.46;
        letter-spacing: normal;
        text-align: left;
        color: #15263b;
        max-width: 725px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything h2 {
        font-size: 24px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.92;
        letter-spacing: normal;
        text-align: left;
        color: #015959;
        border-bottom: 3px solid #015959;
        display: inline-block;
        padding-bottom: 10px;
        margin-bottom: 30px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating {
        position: relative;
        margin-top: 90px;
        margin-bottom: 90px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input {
        font-size: 28px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
        padding: 10px 0px;
        display: block;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid rgba(112, 112, 112, 0.5);
        width: 100%;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input:focus {
        outline: none;
        border-bottom: 2px solid #000000;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating label {
        font-size: 28px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: normal;
        text-align: left;
        color: rgba(0, 0, 0, 0.5);
        position: absolute;
        pointer-events: none;
        left: 0px;
        top: 5px;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input:focus~label,
    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input:not(:placeholder-shown)~label {
        top: -20px;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.71;
        letter-spacing: normal;
        text-align: left;
        color: rgba(0, 0, 0, 0.5);
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Submit_QButton {
        width: 146px;
        height: 60px;
        border-radius: 5px;
        border: solid 1px rgba(1, 122, 123, 0.5);
        background: #ffffff;
        float: right;
        font-size: 15px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: 0px;
        color: #000000;
        padding: 19px 30px;
        text-transform: uppercase;
        cursor: pointer;
        margin-bottom: 40px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Submit_QButton::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 8px;
        height: 15px;
        margin-left: 20px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .close {
        opacity: 0.9;
        margin: 10px 10px 0px 0px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .close .closeimg {
        width: 20px;
        height: 20px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .close:focus {
        outline: none;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info {
        padding: 50px 50px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box {
        padding: 0px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box .Cont_im {
        width: 71px;
        height: 59px;
        margin-bottom: 25px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box .Ad_Title {
        font-size: 16px;
        line-height: 1.38;
        margin-bottom: 25px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box .Ad_Text {
        font-size: 18px;
        line-height: 1.33;
        margin: 0px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box_controls {
        display: flex;
        cursor: pointer;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box_controls .cb_prev {
        position: absolute;
        top: 60px;
        left: 2%;
        display: none;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box_controls .cb_next {
        position: absolute;
        top: 60px;
        right: 2%;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box_controls img {
        width: 25px;
        height: 64px;
    }

    .reachus_main_wrap .head_second_grid {
        background-color: #e2f7f7;
        min-height: 200px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap {
        padding: 0px 40px 0px 40px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back {
        padding: 50px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Title {
        font-size: 22px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Text {
        font-size: 14px;
        line-height: 1.5;
        margin-top: 1.5rem;
        width: 100%;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Button {
        width: auto;
        height: 60px;
        border-radius: 5px;
        border: solid 1px rgba(1, 122, 123, 0.5);
        background: #ffffff;
        float: right;
        font-size: 15px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: 0px;
        color: #000000;
        padding: 18px 30px;
        margin-top: 50px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 8px;
        height: 15px;
        margin-left: 20px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back #Fill_Back_Form {
        display: none;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid {
        margin-top: 60px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label {
        position: relative;
        margin-bottom: 100px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input,
    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select {
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
        padding: 10px 0px;
        display: block;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid rgba(112, 112, 112, 0.5);
        width: 100%;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input:focus,
    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select:focus {
        outline: none;
        border-bottom: 2px solid #000000;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label label {
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: normal;
        text-align: left;
        color: rgba(0, 0, 0, 0.5);
        position: absolute;
        pointer-events: none;
        left: 0px;
        top: 5px;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input:focus~label,
    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input:not(:placeholder-shown)~label {
        top: -18px;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.71;
        letter-spacing: normal;
        text-align: left;
        color: rgba(0, 0, 0, 0.5);
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select:focus~label,
    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select:not([value=""]):valid~label {
        top: -18px;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.71;
        letter-spacing: normal;
        text-align: left;
        color: rgba(0, 0, 0, 0.5);
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-textarea {
        resize: none;
        overflow: hidden;
        overflow-x: hidden;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit {
        padding: 40px 00px 0px 0px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .Campus_Title {
        font-size: 50px;
        text-align: left;
        margin-bottom: 30px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container {
        flex-direction: row;
        align-items: center;
        margin-bottom: 30px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container .Campus_Text {
        font-size: 14px;
        opacity: 9;
        width: 336px;
        margin-right: 50px;
        display: inline-block;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container .Campus_Button {
        margin-top: 0;
        float: right;
    }

    .reachus_main_wrap .campus-carousel .carousel-item {
        height: 52.47396rem;
    }

    .reachus_main_wrap .campus-carousel-prev,
    .reachus_main_wrap .campus-carousel-next {
        top: calc(50% - 34.5px);
    }

    .reachus_main_wrap .campus-carousel-prev img,
    .reachus_main_wrap .campus-carousel-next img {
        height: 69px;
        width: 33px;
    }

    .reachus_main_wrap .campus-carousel-prev {
        left: 30px;
    }

    .reachus_main_wrap .campus-carousel-next {
        right: 30px;
    }

    .reachus_main_wrap .Reach_Last_Area .image-element {
        padding-left: 0;
    }

    .reachus_main_wrap .Reach_Last_Area .image-element .img-wrap {
        width: 100% !important;
        height: 100% !important;
    }

    .reachus_main_wrap .Reach_Last_Area .image-element .img-wrap img {
        width: 100%;
        height: 100%;
    }

    .reachus_main_wrap .Reach_Last_Area .image-element .way_img_title {
        left: 45px;
        top: 45px;
        line-height: 1.29;
        font-size: 50px;
        width: 225px;
    }

    .reachus_main_wrap .Reach_Last_Area .Support_Text {
        padding: 2.5rem 1rem;
    }

    .reachus_main_wrap .Reach_Last_Area .Support_Text .S_Title {
        font-size: 30px;
        line-height: 1.13;
        margin-bottom: 20px;
    }

    .reachus_main_wrap .Reach_Last_Area .Support_Text .S_Text {
        font-size: 14px;
        line-height: 1.5;
    }

    .reachus_main_wrap .Reach_Last_Area .Support_Text ul li p {
        font-size: 14px;
        margin-bottom: 20px;
        margin-left: 40px;
    }

    .reachus_main_wrap .Reach_Last_Area .Support_Text ul li span {
        width: 19.1px;
        float: left;
        height: 4px;
        background: #000000;
        margin-top: 9px;
    }

    .reachus_main_wrap .Reach_Last_Area .Support_Text .Giving_Button {
        margin-top: 40px;
    }
}

@media only screen and (min-width: 992px) {
    .reachus_main_wrap .head_top_grid {
        background-color: #207878;
        padding-top: 187px;
        font-size: 50px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap {
        max-width: 1640px;
        margin: auto;
        padding: 0px 40px 0px 40px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .got_title {
        width: 460px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .got_title .got_Text {
        font-size: 66px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .got_title:hover {
        background-size: 200%;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything {
        margin-top: 60px;
        margin-bottom: 45px;
        border-bottom: 1px solid #81bcbc;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .any_input {
        padding-bottom: 15px;
        font-size: 26px;
        line-height: 1.62;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .Send_QButton {
        width: auto;
        height: 56px;
        border-radius: 5px;
        border: solid 1px rgba(1, 122, 123, 0.5);
        background: #ffffff;
        float: right;
        font-size: 15px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: 0px;
        color: #000000;
        padding: 15px 18px;
        text-transform: uppercase;
        cursor: pointer;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .Send_QButton::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 8px;
        height: 15px;
        margin-left: 20px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything {
        padding: 30px 40px 40px 40px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .InfoText {
        font-size: 2.82258rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.46;
        letter-spacing: normal;
        text-align: left;
        color: #15263b;
        max-width: 725px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything h2 {
        font-size: 2.41935rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.92;
        letter-spacing: normal;
        text-align: left;
        color: #015959;
        border-bottom: 3px solid #015959;
        display: inline-block;
        padding-bottom: 10px;
        margin-bottom: 30px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating {
        position: relative;
        margin-top: 90px;
        margin-bottom: 90px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input {
        font-size: 2.82258rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
        padding: 10px 0px;
        display: block;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid rgba(112, 112, 112, 0.5);
        width: 100%;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input:focus {
        outline: none;
        border-bottom: 2px solid #000000;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating label {
        font-size: 2.82258rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: normal;
        text-align: left;
        color: rgba(0, 0, 0, 0.5);
        position: absolute;
        pointer-events: none;
        left: 0px;
        top: 5px;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input:focus~label,
    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input:not(:placeholder-shown)~label {
        top: -20px;
        font-size: 1.6129rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.71;
        letter-spacing: normal;
        text-align: left;
        color: rgba(0, 0, 0, 0.5);
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Submit_QButton {
        width: 146px;
        height: 60px;
        border-radius: 5px;
        border: solid 1px rgba(1, 122, 123, 0.5);
        background: #ffffff;
        float: right;
        font-size: 1.5121rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: 0px;
        color: #000000;
        padding: 19px 30px;
        text-transform: uppercase;
        cursor: pointer;
        margin-bottom: 40px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Submit_QButton::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 8px;
        height: 15px;
        margin-left: 20px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .close {
        opacity: 0.9;
        margin: 10px 10px 0px 0px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .close .closeimg {
        width: 20px;
        height: 20px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .close:focus {
        outline: none;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info {
        padding: 50px 50px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box {
        padding: 0px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box .Cont_im {
        width: 71px;
        height: 59px;
        margin-bottom: 25px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box .Ad_Title {
        font-size: 1.6129rem;
        line-height: 1.38;
        margin-bottom: 25px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box .Ad_Text {
        font-size: 1.81452rem;
        line-height: 1.33;
        margin: 0px;
    }

    .reachus_main_wrap .head_second_grid {
        background-color: #e2f7f7;
        min-height: 200px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back {
        padding: 50px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Title {
        font-size: 2.21774rem;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Text {
        font-size: 1.6129rem;
        line-height: 1.5;
        margin-top: 1.5rem;
        width: 85%;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Button {
        width: auto;
        height: 60px;
        border-radius: 5px;
        border: solid 1px rgba(1, 122, 123, 0.5);
        background: #ffffff;
        float: right;
        font-size: 1.5121rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: 0px;
        color: #000000;
        padding: 18px 30px;
        margin-top: 50px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 8px;
        height: 15px;
        margin-left: 20px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back #Fill_Back_Form {
        display: none;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid {
        margin-top: 60px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label {
        position: relative;
        margin-bottom: 100px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input,
    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select {
        font-size: 2.01613rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
        padding: 10px 0px;
        display: block;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid rgba(112, 112, 112, 0.5);
        width: 100%;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input:focus,
    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select:focus {
        outline: none;
        border-bottom: 2px solid #000000;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label label {
        font-size: 2.01613rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: normal;
        text-align: left;
        color: rgba(0, 0, 0, 0.5);
        position: absolute;
        pointer-events: none;
        left: 0px;
        top: 5px;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input:focus~label,
    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input:not(:placeholder-shown)~label {
        top: -18px;
        font-size: 1.41129rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.71;
        letter-spacing: normal;
        text-align: left;
        color: rgba(0, 0, 0, 0.5);
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select:focus~label,
    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select:not([value=""]):valid~label {
        top: -18px;
        font-size: 1.41129rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.71;
        letter-spacing: normal;
        text-align: left;
        color: rgba(0, 0, 0, 0.5);
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-textarea {
        resize: none;
        overflow: hidden;
        overflow-x: hidden;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit {
        padding: 80px 50px 0px 50px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .Campus_Title {
        font-size: 7.05645rem;
        text-align: left;
        margin-bottom: 20px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container .Campus_Text {
        font-size: 1.6129rem;
        line-height: 1.5;
        opacity: 9;
        width: auto;
        float: left;
        margin-right: 50px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container .Campus_Button {
        margin-top: 0px;
        float: right;
    }

    .reachus_main_wrap .campus-carousel .carousel-item {
        height: 55.64516rem;
    }

    .reachus_main_wrap .campus-carousel-prev,
    .reachus_main_wrap .campus-carousel-next {
        top: calc(50% - 45.5px);
    }

    .reachus_main_wrap .campus-carousel-prev img,
    .reachus_main_wrap .campus-carousel-next img {
        height: 91px;
        width: 43px;
    }

    .reachus_main_wrap .campus-carousel-prev {
        left: 40px;
    }

    .reachus_main_wrap .campus-carousel-next {
        right: 40px;
    }

    .reachus_main_wrap .Reach_Last_Area .image-element {
        padding-left: 0;
    }

    .reachus_main_wrap .Reach_Last_Area .image-element .img-wrap {
        width: 100% !important;
        height: 100% !important;
    }

    .reachus_main_wrap .Reach_Last_Area .image-element .img-wrap img {
        width: 100%;
        height: 100%;
    }

    .reachus_main_wrap .Reach_Last_Area .image-element .way_img_title {
        left: 60px;
        top: 80px;
        line-height: 1.29;
        font-size: 7.05645rem;
        width: 300px;
    }

    .reachus_main_wrap .Reach_Last_Area .Support_Text {
        padding: 2.5rem 1.875rem;
    }

    .reachus_main_wrap .Reach_Last_Area .Support_Text .S_Title {
        font-size: 1.6129rem;
        line-height: 1.15;
        margin-bottom: 35px;
    }

    .reachus_main_wrap .Reach_Last_Area .Support_Text .S_Text {
        font-size: 1.6129rem;
        line-height: 1.5;
    }

    .reachus_main_wrap .Reach_Last_Area .Support_Text ul li p {
        font-size: 1.6129rem;
        margin-bottom: 20px;
        margin-left: 40px;
    }

    .reachus_main_wrap .Reach_Last_Area .Support_Text ul li span {
        width: 19.1px;
        float: left;
        height: 4px;
        background: #000000;
        margin-top: 9px;
    }

    .reachus_main_wrap .Reach_Last_Area .Support_Text .Giving_Button {
        margin-top: 40px;
    }
}

@media only screen and (min-width: 1200px) {
    .reachus_main_wrap .head_top_grid {
        background-color: #207878;
        padding-top: 187px;
        font-size: 50px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap {
        max-width: 1640px;
        margin: auto;
        padding: 50px 40px 0px 40px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .got_title {
        background-image: url("../assets/Ellipse22.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: 70%;
        background-clip: text;
        -webkit-background-clip: text;
        -moz-background-clip: text;
        -o-background-clip: text;
        transition: background-size 1.5s;
        width: 750px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .got_title .got_Text {
        font-weight: 800;
        line-height: 1.05;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: white;
        color: transparent;
        font-size: 104px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .got_title:hover {
        background-size: 200%;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything {
        margin-top: 95px;
        margin-bottom: 120px;
        border-bottom: 1px solid #81bcbc;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .any_input {
        background: transparent;
        box-shadow: none;
        border: none;
        width: 100%;
        color: #ffffff;
        padding-bottom: 25px;
        font-size: 35px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.37;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .any_input:focus {
        outline: none;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .any_input::-webkit-input-placeholder {
        color: #81bcbc;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .any_input::-moz-placeholder {
        color: #81bcbc;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .any_input:-ms-input-placeholder {
        color: #81bcbc;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .any_input:-moz-placeholder {
        color: #81bcbc;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .Send_QButton {
        width: auto;
        height: 56px;
        border-radius: 5px;
        border: solid 1px rgba(1, 122, 123, 0.5);
        background: #ffffff;
        float: right;
        font-size: 15px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: 0px;
        color: #000000;
        padding: 18px 30px;
        margin-top: 10px;
        text-transform: uppercase;
        cursor: pointer;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .Send_QButton::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 8px;
        height: 15px;
        margin-left: 20px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything {
        padding: 30px 40px 40px 40px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .InfoText {
        font-size: 28px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.46;
        letter-spacing: normal;
        text-align: left;
        color: #15263b;
        max-width: 725px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything h2 {
        font-size: 24px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.92;
        letter-spacing: normal;
        text-align: left;
        color: #015959;
        border-bottom: 3px solid #015959;
        display: inline-block;
        padding-bottom: 10px;
        margin-bottom: 30px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating {
        position: relative;
        margin-top: 90px;
        margin-bottom: 90px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input {
        font-size: 28px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
        padding: 10px 0px;
        display: block;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid rgba(112, 112, 112, 0.5);
        width: 100%;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input:focus {
        outline: none;
        border-bottom: 2px solid #000000;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating label {
        font-size: 28px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: normal;
        text-align: left;
        color: rgba(0, 0, 0, 0.5);
        position: absolute;
        pointer-events: none;
        left: 0px;
        top: 5px;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input:focus~label,
    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Askfloating .Askfloating-input:not(:placeholder-shown)~label {
        top: -20px;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.71;
        letter-spacing: normal;
        text-align: left;
        color: rgba(0, 0, 0, 0.5);
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Submit_QButton {
        width: 146px;
        height: 60px;
        border-radius: 5px;
        border: solid 1px rgba(1, 122, 123, 0.5);
        background: #ffffff;
        float: right;
        font-size: 15px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: 0px;
        color: #000000;
        padding: 19px 30px;
        text-transform: uppercase;
        cursor: pointer;
        margin-bottom: 40px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .ModalAnything .Submit_QButton::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 8px;
        height: 15px;
        margin-left: 20px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .close {
        opacity: 0.9;
        margin: 10px 10px 0px 0px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .close .closeimg {
        width: 20px;
        height: 20px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .in_anything .close:focus {
        outline: none;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info {
        width: 100%;
        background: #ffffff;
        padding: 65px 100px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box {
        padding: 0px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box .Cont_im {
        width: 71px;
        height: 59px;
        margin-bottom: 25px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box .Ad_Title {
        font-size: 18px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: -0.41px;
        text-align: left;
        color: #017a7b;
        margin-bottom: 25px;
    }

    .reachus_main_wrap .head_top_grid .main_top_wrap .Cont_Info .Cont_Box .Ad_Text {
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.35;
        letter-spacing: 0.11px;
        text-align: left;
        color: #000000;
        margin: 0px;
    }

    .reachus_main_wrap .head_second_grid {
        background-color: #e2f7f7;
        min-height: 200px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap {
        max-width: 1640px;
        margin: auto;
        padding: 0px 40px 50px 40px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back {
        width: 100%;
        background: #ffffff;
        padding: 65px 100px;
        -webkit-box-shadow: 0px -2px 3px -1px #e0e0e0;
        -moz-box-shadow: 0px -2px 3px -1px #e0e0e0;
        box-shadow: 0px -2px 3px -1px #e0e0e0;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Title {
        font-weight: 600;
        color: #015959;
        border-bottom: 3px solid #015959;
        width: fit-content;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        text-align: left;
        font-size: 23px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Text {
        font-size: 22px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.73;
        letter-spacing: normal;
        text-align: left;
        color: #15263b;
        margin-top: 1.5rem;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Button {
        width: auto;
        height: 56px;
        border-radius: 5px;
        border: solid 1px rgba(1, 122, 123, 0.5);
        background: #ffffff;
        float: right;
        font-size: 15px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: 0px;
        color: #000000;
        padding: 18px 30px;
        margin-top: 50px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .CallBack_Button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 8px;
        height: 15px;
        margin-left: 20px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back #Fill_Back_Form {
        display: none;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid {
        margin-top: 60px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label {
        position: relative;
        margin-bottom: 100px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input,
    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select {
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
        padding: 10px 0px;
        display: block;
        background-color: transparent;
        border: none;
        border-bottom: 1px solid rgba(112, 112, 112, 0.5);
        width: 100%;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input:focus,
    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select:focus {
        outline: none;
        border-bottom: 2px solid #000000;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label label {
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.2;
        letter-spacing: normal;
        text-align: left;
        color: rgba(0, 0, 0, 0.5);
        position: absolute;
        pointer-events: none;
        left: 0px;
        top: 5px;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input:focus~label,
    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-input:not(:placeholder-shown)~label {
        top: -18px;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.71;
        letter-spacing: normal;
        text-align: left;
        color: rgba(0, 0, 0, 0.5);
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select:focus~label,
    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-select:not([value=""]):valid~label {
        top: -18px;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.71;
        letter-spacing: normal;
        text-align: left;
        color: rgba(0, 0, 0, 0.5);
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Call_back .FBF_Grid .floating-label .floating-textarea {
        resize: none;
        overflow: hidden;
        overflow-x: hidden;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit {
        padding: 160px 0px 80px 0px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .Campus_Title {
        font-weight: 800;
        line-height: 1.05;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #00555a;
        color: transparent;
        font-size: 120px;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container {
        flex-direction: column;
        align-items: flex-start;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container .Campus_Text {
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.9;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
        opacity: 0.6;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container .Campus_Button {
        width: auto;
        height: 56px;
        border-radius: 5px;
        border: solid 1px rgba(1, 122, 123, 0.5);
        text-transform: uppercase;
        background: #ffffff;
        font-size: 15px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: 0px;
        color: #000000;
        padding: 19px 27px;
        margin-top: 42px;
        float: left;
    }

    .reachus_main_wrap .head_second_grid .main_mid_wrap .Campus_Visit .desc-container .Campus_Button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 8px;
        height: 15px;
        margin-left: 20px;
    }

    .reachus_main_wrap .campus-carousel .carousel-item {
        height: 51.35417rem;
    }

    .reachus_main_wrap .campus-carousel-prev {
        left: 51px;
    }

    .reachus_main_wrap .campus-carousel-next {
        right: 51px;
    }

    .reachus_main_wrap .Reach_Last_Area .image-element {
        padding-left: 0;
    }

    .reachus_main_wrap .Reach_Last_Area .image-element .img-wrap {
        width: 100% !important;
        height: 100% !important;
    }

    .reachus_main_wrap .Reach_Last_Area .image-element .img-wrap img {
        width: 100%;
        height: 100%;
    }

    .reachus_main_wrap .Reach_Last_Area .image-element .way_img_title {
        position: absolute;
        left: 60px;
        top: 80px;
        font-weight: 800;
        line-height: 1.18;
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: white;
        color: transparent;
        font-size: 100px;
        width: 510px;
    }

    .reachus_main_wrap .Reach_Last_Area .Support_Text {
        padding: 4rem 0rem 4rem 4rem;
    }

    .reachus_main_wrap .Reach_Last_Area .Support_Text .S_Title {
        font-size: 60px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
        margin-bottom: 40px;
    }

    .reachus_main_wrap .Reach_Last_Area .Support_Text .S_Text {
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.9;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
        opacity: 0.6;
    }

    .reachus_main_wrap .Reach_Last_Area .Support_Text ul {
        padding: 0px 0px 0px 0px;
        margin: 40px 0px 0px 0px;
        list-style: none;
    }

    .reachus_main_wrap .Reach_Last_Area .Support_Text ul li p {
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.6;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
        opacity: 0.6;
        margin-bottom: 20px;
        margin-left: 40px;
    }

    .reachus_main_wrap .Reach_Last_Area .Support_Text ul li span {
        width: 19.1px;
        float: left;
        height: 4px;
        background: #000000;
        margin-top: 9px;
    }

    .reachus_main_wrap .Reach_Last_Area .Support_Text .Giving_Button {
        width: auto;
        height: 56px;
        border-radius: 5px;
        border: solid 1px rgba(1, 122, 123, 0.5);
        text-transform: uppercase;
        background: #ffffff;
        font-size: 15px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: 0px;
        color: #000000;
        padding: 18px 27px;
        margin-top: 50px;
    }

    .reachus_main_wrap .Reach_Last_Area .Support_Text .Giving_Button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 8px;
        height: 15px;
        margin-left: 20px;
    }
}

.reachus_main_wrap button {
    white-space: nowrap;
    height: auto !important;
}

.TeamWrapper .TW_HeadGrid {
    background-image: url("../assets/team_head_img.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 80vh;
    display: flex;
    align-items: end;
    justify-content: center;
}

.TeamWrapper .TW_HeadGrid .PlakshaTeam {
    max-width: 38.28125rem;
    padding-bottom: 4rem;
}

.TeamWrapper .TW_HeadGrid .PlakshaTeam h1 {
    font-size: 5.20833rem;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    margin: 0px 0px 0px 0px;
}

.TeamWrapper .TW_HeadGrid .PlakshaTeam p {
    font-size: 1.04167rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    margin: auto;
}

.TeamWrapper .TW_HeadGrid .PlakshaTeam .JoinTeam {
    margin: 0px auto;
    border-radius: 5px;
    border: solid 1px rgba(1, 122, 123, 0.5);
    background: #ffffff;
    font-size: 0.78125rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: 0px;
    color: #000000;
    padding: 0.9375rem 1.5625rem;
    margin-top: 32px;
    text-transform: uppercase;
    white-space: nowrap;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.TeamWrapper .TW_HeadGrid .PlakshaTeam .JoinTeam::after {
    content: "";
    background-image: url("../assets/rightArrowBlack.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 0.41667rem;
    height: 0.78125rem;
    margin-left: 1.04167rem;
    margin-top: -1px;
}

.TeamWrapper .OurTeamGrid {
    max-width: 1640px;
    margin: auto;
    padding: 135px 40px 0px 40px;
}

.TeamWrapper .OurTeamGrid h2 {
    font-size: 4.89583rem;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.93;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    -webkit-text-stroke: 1px #00555a;
}

.TeamWrapper .OurTeamGrid .AlphaSearch {
    float: right;
    border-bottom: 2px solid #cecece;
    padding-bottom: 10px;
    margin-top: 20px;
    width: 355px;
}

.TeamWrapper .OurTeamGrid .AlphaSearch input {
    font-size: 1.25rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.56px;
    text-align: left;
    color: #027878;
    border: none;
}

.TeamWrapper .OurTeamGrid .AlphaSearch input:focus {
    outline: none;
}

.TeamWrapper .OurTeamGrid .AlphaSearch input::-webkit-input-placeholder {
    color: #207878;
    opacity: 0.3;
}

.TeamWrapper .OurTeamGrid .AlphaSearch input::-moz-placeholder {
    color: #207878;
    opacity: 0.3;
}

.TeamWrapper .OurTeamGrid .AlphaSearch input:-ms-input-placeholder {
    color: #207878;
    opacity: 0.3;
}

.TeamWrapper .OurTeamGrid .AlphaSearch input:-moz-placeholder {
    color: #207878;
    opacity: 0.3;
}

.TeamWrapper .OurTeamGrid .AlphaSearch .SearchIcon {
    width: 30px;
    float: left;
    margin: 6px 0px 0px 0px;
}

.TeamWrapper .OurTeamGrid .Shorting_Button {
    display: none;
}

.TeamWrapper .OurTeamGrid .FG_Wrap {
    width: 100%;
    margin-top: 94px;
    display: flex;
}

.TeamWrapper .OurTeamGrid .FG_Wrap .LeftGrid {
    width: 25%;
}

.TeamWrapper .OurTeamGrid .FG_Wrap .RightGrid {
    width: 75%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.TeamWrapper .OurTeamGrid .FG_Wrap .RightGrid .TD_Button {
    display: none;
}

.TeamWrapper .OurTeamGrid .FG_Wrap .RightGrid .TD_Button:hover {
    display: block !important;
}

.TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul {
    padding: 0px;
    margin: 0px 0px 0px 17px;
    list-style-type: none;
}

.TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul li {
    position: relative;
    margin-bottom: 2.1875rem;
}

.TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul li a {
    font-size: 1.25rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.55px;
    text-align: left;
    color: #207878;
    opacity: 0.45;
    text-decoration: none;
}

.TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul li a:hover {
    color: #207878;
    opacity: 9;
}

.TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul li a.active {
    font-size: 1.25rem;
    font-weight: bold;
    color: #207878;
    opacity: 9;
    display: flex;
    align-items: center;
}

.TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul li a.active::before {
    content: "";
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 9px solid #207878;
    height: 8px;
    margin-right: 16px;
    margin-left: -26px;
}

.TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul ul {
    padding: 0px 0px 0px 0px;
    margin: 30px 0px 0px 20px;
}

.TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul ul li {
    margin-bottom: 30px;
}

.TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul ul li a {
    font-size: 1.04167rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: italic;
    color: #207878;
    opacity: 0.5;
}

.TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul ul li a:hover {
    color: #207878;
    opacity: 9;
}

.TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul ul li a.select {
    color: #207878;
    opacity: 9;
}

.TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox {
    width: 31.4%;
    position: relative;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 16px;
}

.TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamPic {
    background-color: #207878;
    padding: 70px 25px 0px 25px;
}

.TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamPic img {
    width: 100%;
}

.TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamDetails {
    text-align: center;
    position: absolute;
    background: #333;
    width: 100%;
    z-index: 100;
    bottom: 0px;
    background: #015959;
    background: linear-gradient(0deg, #015959 0%, #015959d4 33%, rgba(1, 89, 89, 0.55) 61%, rgba(1, 89, 89, 0) 100%);
    padding: 0 2.60417rem;
}

.TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamDetails h3 {
    font-size: 1.25rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.46;
    letter-spacing: normal;
    color: #ffffff;
    margin: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamDetails p {
    font-size: 0.83333rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.94;
    letter-spacing: normal;
    color: #ffffff;
    margin: 0px;
    margin-bottom: 35px;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
}

.TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox:hover .TeamDetails p {
    margin-bottom: 15px;
}

.TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox:hover .TD_Button {
    opacity: 1;
    display: block !important;
}

.TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TD_Button {
    margin: 0px auto;
    border-radius: 5px;
    border: solid 1px rgba(1, 122, 123, 0.5);
    background: #ffffff;
    font-size: 0.78125rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: 0px;
    color: #000000;
    padding: 0.9375rem 1.5625rem;
    margin-top: 15px;
    margin-bottom: 25px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TD_Button::after {
    content: "";
    background-image: url("../assets/rightArrowBlack.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 0.41667rem;
    height: 0.78125rem;
    margin-left: 1.04167rem;
    margin-top: -1px;
}

.TeamWrapper .OurTeamGrid .shortModal .modal-dialog {
    margin: 0rem;
    bottom: 0;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
    display: flex;
}

.TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content {
    border: none;
    border-radius: 0rem;
}

.TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .modal-header {
    padding: 13.06667rem 8rem 0rem 8rem;
    border-bottom: none;
}

.TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .modal-header .navico {
    background: #ffffff;
    border: 0;
}

.TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .modal-header .navico:focus {
    outline: none;
}

.TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .modal-body {
    background: #ffffff;
    margin-bottom: 9.33333rem;
}

.TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .modal-footer {
    background: #ffffff;
    padding: 0rem;
    border-top: solid 1px rgba(150, 150, 150, 0.36);
    border-radius: 0;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .modal-footer ul {
    padding: 0rem;
    margin: 0rem;
    list-style: none;
    width: 100%;
}

.TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .modal-footer ul li {
    width: 50%;
    display: inline-block;
    text-align: center;
    float: left;
    border-right: solid 1px rgba(150, 150, 150, 0.36);
}

.TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .modal-footer ul li a {
    line-height: 3;
    font-size: 4.26667rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0px;
    text-align: center;
    display: block;
    color: #000000;
    opacity: 0.5;
    text-decoration: none;
}

.TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .modal-footer ul li .active {
    color: #207878;
    opacity: 9;
}

.TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .ourteam_Listin ul {
    padding: 0px;
    margin: 10.66667rem 0rem 0rem 8rem;
    list-style-type: none;
}

.TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .ourteam_Listin ul li {
    position: relative;
    margin-bottom: 8rem;
}

.TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .ourteam_Listin ul li a {
    font-size: 5.33333rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.35px;
    text-align: left;
    color: #207878;
    opacity: 0.46;
    text-decoration: none;
}

.TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .ourteam_Listin ul li a:hover {
    color: #207878;
    opacity: 9;
}

.TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .ourteam_Listin ul li a.active {
    font-size: 5.33333rem;
    font-weight: bold;
    color: #207878;
    opacity: 9;
}

.TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .ourteam_Listin ul li a.active::before {
    content: "";
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 9px solid #207878;
    position: absolute;
    left: -17px;
    top: 8px;
}

.TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .ourteam_Listin ul ul {
    padding: 0rem;
    margin: 8rem 0rem 0rem 5.33333rem;
}

.TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .ourteam_Listin ul ul li {
    margin-bottom: 8rem;
}

.TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .ourteam_Listin ul ul li a {
    font-size: 5.33333rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: italic;
    color: #207878;
    opacity: 0.5;
}

.TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .ourteam_Listin ul ul li a:hover {
    color: #207878;
    opacity: 9;
}

.TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .ourteam_Listin ul ul li.checked {
    display: flex;
    justify-content: space-between;
    padding-right: 8rem;
}

.TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .ourteam_Listin ul ul li.checked a {
    color: #207878;
    opacity: 9;
}

.TeamWrapper .OurTeamGrid .shortModal .modal-dialog .modal-content .ourteam_Listin ul ul li.checked::after {
    content: url("../assets/checkbox-green.svg");
    height: 18px;
    width: 18px;
    object-position: center;
    object-fit: contain;
}

.banner-desdaw {
    width: 100%;
}

.four-box-wrap {
    position: relative;
}

.four-box-holder-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.dsw-four-box {
    background: #036a79;
    margin-top: -50px
}

.dsw-four-box .four-box-holder {
    height: 100%;
    height: 500px;
}

.dsw-four-box .four-box-holder ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    overflow: visible;
    height: 100%;
}

.dsw-four-box .four-box-holder ul li {
    width: 25%;
    padding: 60px 40px 50px;
    text-align: center;
    list-style-type: none;
    transform: skewY(4deg);
    transition: 1.2s transform ease-out;
    position: relative;
    height: 100%;
}

.dsw-four-box .four-box-holder ul li:nth-child(1) {
    background: url(../assets/images/four-box-3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    transform-origin: 300% 0;
}

.dsw-four-box .four-box-holder ul:after {
    display: block;
    content: "";
    background: #212121;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5.1vw;
    z-index: 95;
}

.dsw-four-box .four-box-holder ul:after {
    background: white;
    /*border-top: 2px solid hsl(0, 0%, 17%);*/
}

.dsw-four-box .four-box-holder ul li:nth-child(2) {
    background: url(../assets/images/four-box-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    transform-origin: 200% 0;
}

.dsw-four-box .four-box-holder ul li:nth-child(3) {
    background: url(../assets/images/four-box-1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    transform-origin: 100% 0;
}

.dsw-four-box .four-box-holder ul li:nth-child(4) {
    background: url(../assets/images/admissions.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    transform-origin: 0 0;
    transform: skewY(-12deg);
}

.content-dsw {
    top: 0;
    left: 0;
}

.four-box-holder-content {
    display: flex;
    flex-wrap: wrap;
}

.content-dsw {
    float: left;
    width: 25%;
    ;
    padding: 30px 40px 50px;
    text-align: center;
    box-sizing: border-box;
    height: 100%;
    padding: 1em 1em;
}

.content-dsw img.icon {
    padding-bottom: 25px;
}

.dsw-four-box .four-box-holder-content .content-dsw h2 {
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 15px;
    text-transform: uppercase;
    font-weight: 700;
}

.dsw-four-box .four-box-holder-content .content-dsw p {
    height: 110px;
    padding-bottom: 50px;
    color: #fff;
    font-size: 14px;
    font-weight: 100;
    padding-top: 5px;
    text-align: left;
}

.btn-dsw a {
    color: #000;
    background: #ffffff;
    padding: 0.9rem 1.6rem;
    border-radius: 5px;
    font-size: 12px;
    text-decoration: none;
    text-transform: uppercase;
    border: 1px solid #036a79;
}

.btn-dsw img {
    max-width: 6px;
    margin: -2px 0px 0px 5px;
}

.whi-bag {
    width: 100%;
    background: #fff;
    margin-top: -100px;
    padding: 100px 0px;
}

p.card-text {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #777777;
}

.dsw-upcoming-eventdaw {
    padding: 0px 0px 40px;
    margin-top: -5px
}

h2.com-titledaw {
    font-size: 32px;
    color: #036a79;
    font-weight: 700;
    margin-bottom: 30px
}

.events-dsw ul {
    margin: 0;
    padding: 0;
}

.events-dsw ul li {
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
    list-style-type: none;
}

.events-dsw ul li img {
    width: 100%;
}

.events-dsw ul li h4 {
    color: #000000;
    font-size: 18px;
    text-align: center;
    padding-bottom: 4px;
    font-weight: 600;
    line-height: 30.6px;
    letter-spacing: 0.5px;
}



.events-dsw ul li p {
    height: 110px;
    /* padding-bottom: 20px; */
    font-size: 14px;
    font-weight: 400;
    color: #777777;
    text-align: left;
}

.events-dsw ul li .event-btnsdaw a {
    color: #000;
    background: #ffffff;
    padding: 0.9rem 1.6rem;
    border-radius: 5px;
    font-size: 12px;
    text-decoration: none;
    border: 1px solid #036a79;
    display: inline-block;
    text-transform: uppercase;
}

.events-dsw ul li .event-btnsdaw a:hover {
    box-shadow: 0 15px 50px 0 rgb(52 227 109 / 30%), 0 10px 15px -5px rgb(38 230 196 / 30%);
}

.btn-dsw a:hover {
    box-shadow: 0 15px 50px 0 rgb(52 227 109 / 30%), 0 10px 15px -5px rgb(38 230 196 / 30%);
}

.events-dsw ul li .event-btnsdaw {}

.events-dsw ul li:nth-child(3n) {
    margin-right: 0;
}

.events-dsw ul li .event-btnsdaw img {
    max-width: 6px;
    margin: -2px 0px 0px 3px;
    vertical-align: middle;
}

.ev-contentdaw {
    background: #f9f9f9;
    padding: 20px 20px;
    border-radius: 0 0 5px 5px;
}

.events-dsw ul li img {
    border-radius: 5px 5px 0 0px;
}


/*student life*/

.carousel {
    position: relative;
}

.carousel-item img {
    object-fit: cover;
}

#carousel-thumbs {
    background: #f0f0f0;
    padding: 0 50px;
}

#carousel-thumbs-one {
    background: #e3f8f8;
}

#carousel-thumbs-two {
    background: #e3f8f8;
}

#carousel-thumbs {
    background: #e3f8f8;
}

#carousel-thumbs-three {
    background: #e3f8f8;
}

#carousel-thumbs-four {
    background: #e3f8f8;
}

#carousel-thumbs-five {
    background: #e3f8f8;
}

#carousel-thumbs-six {
    background: #e3f8f8;
}

#carousel-thumbs img:hover,
#carousel-thumbs-one img:hover,
#carousel-thumbs-two img:hover,
#carousel-thumbs-three img:hover,
#carousel-thumbs-four img:hover,
#carousel-thumbs-five img:hover,
#carousel-thumbs-six img:hover {
    opacity: 100%;
}

#carousel-thumbs img:hover,
#carousel-thumbs-one img,
#carousel-thumbs-two img,
#carousel-thumbs-three img,
#carousel-thumbs-four img,
#carousel-thumbs-five img,
#carousel-thumbs-six img {
    opacity: 80%;
    border: 3px solid transparent;
    cursor: pointer;
    height: 130px;
    object-fit: cover;
}

#carousel-thumbs .selected img,
#carousel-thumbs-one .selected img,
#carousel-thumbs-two .selected img,
#carousel-thumbs-three .selected img,
#carousel-thumbs-four .selected img,
#carousel-thumbs-five .selected img,
#carousel-thumbs-six .selected img {
    opacity: 100%;
}

.carousel-control-prev,
.carousel-control-next {
    width: 50px;
}

#carousel-thumbs .carousel-control-prev-icon,
#carousel-thumbs-one .carousel-control-prev-icon,
#carousel-thumbs-two .carousel-control-prev-icon,
#carousel-thumbs-three .carousel-control-prev-icon,
#carousel-thumbs-four .carousel-control-prev-icon,
#carousel-thumbs-five .carousel-control-prev-icon,
#carousel-thumbs-six .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgba(0,0,0,.60)' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

#carousel-thumbs .carousel-control-next-icon,
#carousel-thumbs-one .carousel-control-next-icon,
#carousel-thumbs-two .carousel-control-next-icon,
#carousel-thumbs-three .carousel-control-next-icon,
#carousel-thumbs-four .carousel-control-next-icon,
#carousel-thumbs-five .carousel-control-next-icon,
#carousel-thumbs-six .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%60000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}


.modal-header .close{
    order:2;
    font-size: 16px;
}
#lightbox-container-image img {
    width: auto;
    max-height: 520px;
}


/*student life End*/


/*tab-sec*/

.tablinks {
    color: #036a79;
    position: relative;
    align-items: center;
    display: flex;
    justify-content: center;
    border: none;
}

.tab-sec .tablinks.active {
    color: #036a79 !important;
    background: none;
    border-bottom: 2px solid #a0abac !important;
    ;
    opacity: 1;
}

.tabcontent {
    display: none;
    padding: 6px 0px;
    border-top: none;
    margin-top: 20px;
}

.tablinks img.mr-2 {
    margin-right: 10px !important;
}

.tablinks img {
    max-width: 15px;
}

.tablinks span {
    font-size: 17px;
}

.tab-sec {
    padding: 60px 0px;
    background: #e3f8f8;
}

.text-contain .learn {
    align-items: flex-end !important
}

.text-contain .learn a {
    font-size: 17px;
}

.box-see {
    text-align: center;
}

p.see {
    color: #fff;
    font-size: 30px;
}

.tab-sec .tablinks img.black {
    display: none;
}

.tab-sec .tablinks.active img.black {
    display: block;
}

.tab-sec .tablinks.active img.white {
    display: none;
}

.tab-sec .tablinks {
    width: auto;
    float: left;
    color: #036a79;
    text-transform: uppercase;
    padding-left: 0 !important;
    padding-right: 0 !important;
    outline: none;
    background: none;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 10px;
    height: 50px;
    margin: 0px 50px 0px 0px;
    opacity: 0.3;
}

.tab-sec .nav-pills .nav-link {
    border-radius: 0px !important;
}


/*news setion*/

.news-sec-dsw {
    background: #fff !important;
    padding: 60px 0px 60px 0px !important;
}

.news-boxes {}

.news-boxes ul {
    margin: 0;
    padding: 0;
}

.news-boxes ul li {
    width: 23%;
    float: left;
    border: 2px solid #6d6b6b;
    list-style-type: none;
    box-shadow: 4px 0px 0px 0px #fff1b5;
    margin-right: 2%;
}

.news-boxes ul li .date-se {
    border-top: 2px solid #6d6b6b;
    padding: 15px 10px;
    text-align: left;
    font-size: 14px
}

.news-boxes ul li img {
    width: 100%;
}

.news-boxes ul li:last-child {
    margin-right: 0;
}

.bm_0 {
    margin-bottom: 0 !important
}

.ful {
    margin-bottom: 30px;
}


/*news-section-end*/


/*



.load-slider-dsw { background: #f9f9f9; padding: 60px 0px 60px;;}



.load-slider-dsw .slider-wrap{

position: relative;

}

.load-slider-dsw .image-slider{

height: 100vh;

overflow: hidden;

}

.load-slider-dsw .img-wrap{

height: 100vh;

position: relative;

overflow: hidden;

}

.load-slider-dsw .img-wrap:before{

content: '';

position: absolute;

left: 0;

top: 0;

width: 100%;

height: 100%;

background-color: #000;

opacity: 0.3;

z-index: 1;

}

.load-slider-dsw .img-wrap img{

position: absolute;

display: block;

top: 50%;

left: 50%;

width: auto;

height: 100%;

min-width: 100%;

max-width: none;

-webkit-transform: translate(-50%,-50%);

-ms-transform: translate(-50%,-50%);

transform: translate(-50%,-50%);

object-fit: cover;

}

.load-slider-dsw h1{

font-size: 50px;

line-height: 1.2;

display: block;

color: #fff;

font-weight: 400;

text-align: center;

text-transform: uppercase;

letter-spacing: 0.05em;

position: relative;

z-index: 1;

opacity: 0;

text-shadow: 1px 1px 2px rgba(0,0,0,0.5);

padding: 75px 15px;

-webkit-transition: all 0.4s ease-in-out;

-moz-transition: all 0.4s ease-in-out;

-o-transition: all 0.4s ease-in-out;

transition: all 0.4s ease-in-out;

}

.load-slider-dsw h1.show{

letter-spacing: 0.15em;

opacity: 1;

}

.load-slider-dsw .slick-arrow{

font-size: 0;

line-height: 0;

position: absolute;

top: 0;

bottom: 0;

width: 60px;

height: 60px;

margin: auto;

background-color: transparent;

border-radius: 60px;

border: 0px solid #fff;

cursor: pointer;

outline: none;

z-index: 2;

}

.load-slider-dsw .slick-arrow.slick-prev{

left: 20px;

}

.load-slider-dsw .slick-arrow.slick-next{

right: 20px;

}

.load-slider-dsw .slick-arrow:before{

content: '';

width: 10px;

height: 10px;

position: absolute;

left: 0;

top: 0;

bottom: 0;

right: 0;

margin: auto;

border-top: 2px solid #fff;

border-left: 2px solid #fff;

}

.load-slider-dsw .slick-arrow.slick-prev:before{

transform: rotate(-45deg) translate(2px, 2px);

}

.load-slider-dsw .slick-arrow.slick-next:before{

transform: rotate(135deg) translate(2px, 2px);

}

.load-slider-dsw .slider-progress{

position: absolute;

left: 0;

bottom: -40px;

width: 100%;

height: 5px;background: #999;

}

.load-slider-dsw .slider-progress span{

position: absolute;

left: 0;

bottom: 0;

display: block;

width: 0px;

height: 100%;

background-color: rgba(0,0,0,4.00);

transition: all 0s linear;

}

.load-slider-dsw .slider-progress span.active{

width: 100%;

}



.load-slider-dsw .slick-arrow:before{ padding: 15px !important; font-weight: bold}*/


/*hero-slider*/

.mainbannerwrap {
    background: #f9f9f9;
    padding: 60px 0px 60px;
}

.sliderwrapdaw,
.heroslider {
    max-width: 100%;
}

.heroslider .slick-slide img {
    width: 100%;
}

.slider-progress {
    width: 100%;
    height: 5px;
    background: #555;
    max-width: 100%;
    position: relative;
    overflow: hidden;
}

.slider-progress .progress {
    width: 0%;
    height: 5px;
    background: #000;
    position: absolute;
}


/*hero-slider*/


/*banner-sliderdaw*/

.banner-desdaw {}

.mainbannerwrap {
    background: #f9f9f9;
    padding: 60px 0px 60px;
}

.sliderwrapdaw,
.banner-sliderdaw {
    max-width: 100%;
}

.banner-sliderdaw .slick-slide img {
    width: 100%;
    height: 800px;
    object-fit: cover;
    object-position: center;
}

.banner-desdaw .slider-progress {
    width: 100%;
    height: 5px;
    background: #dfd5d5;
    max-width: 100%;
    position: relative;
    overflow: hidden;
    top: -150px;
    margin: auto;
    max-width: 1140px;
}

.banner-desdaw .slick-counter {
    max-width: 100%;
    margin: auto;
}

.banner-desdaw .slider-progress .progress {
    width: 0%;
    height: 5px;
    background: #fff;
    position: absolute;
}

.banner-desdaw .slick-counter {
    position: relative;
    top: -170px;
    color: #fff;
}

.banner-desdaw .item {
    position: relative
}

.banner-desdaw .item .container {
    position: absolute;
    z-index: 9999999999;
    top: 360px;
    transform: translate(-50%, -50%);
    left: 50%;
}

.banner-desdaw .item .ov-con h2 {
    color: #ffffff;
}

.banner-desdaw .item .ov-con p {
    color: #ffffff;
}

.ov-con h2 {
    font-weight: 700;
    font-size: 32px;
}

.ov-con p {
    line-height: 32px;
}

.ov-con {
    max-width: 600px;
}

.btn-b {
    margin-top: 10px;
    background: #fff;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 5px;
}

.btn-b a {
    font-size: 16px;
    color: #000;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
}

.btn-b img {
    max-width: 8px;
    height: auto !important;
    margin: -3px 0px 0px 5px;
}

.btn-b span {
    display: inline;
}

.btn-b img {
    display: inherit !important;
}

.heroslider .slick-next {
    right: -46px;
}

.hero .slider-progress {
    top: 10px;
}

.hero .slick-counter {
    margin-top: 15px;
}

.dsw-upcoming-eventdaw h2 {
    z-index: 99;
    position: relative;
    margin: -40px 0px 30px 0px;
}

.news-sec-dsw a {
    color: #007bff;
    text-decoration: underline;
    text-decoration-color: #ddb05d;
}

.tab {
    width: 1110px;
}

.tab-new {
    width: 100%;
    overflow-y: auto;
}

.slider-new-section {
    width: 100%;
    background: #f9f9f9;
    padding: 50px 0px 50px 0px;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}

.slider-new h4 {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    color: #036a79;
    font-weight: 700;
    line-height: 25px;
    text-align: left;
}

.slider-new {
    padding: 20px 15px;
}

.button-new {
    position: absolute;
    left: -30px;
    top: 210px;
}

.button-new1 {
    position: absolute;
    right: -30px;
    top: 210px;
}

.button-new .fa {
    font-size: 22px;
    color: #000;
}

.button-new1 .fa {
    font-size: 22px;
    color: #000;
}

.slider-new-section h2 {
    margin: 0px 0px 30px 0px !important;
}

.slider-new-section .carousel-indicators {
    display: none;
}

.news-sec-dsw h2 {
    margin: 0px 0px 30px 0px !important;
}

.news-sec-dsw .card {
    border: 1px solid #a0a6a7;
    box-shadow: 4px 0px 0px 0px #fff1b5 !important;
    margin: 0px 4px 0px 0px !important;
}

.news-sec-dsw .card img {
    border-bottom: 1px solid #a0a6a7;
}

.slider-new .date-se {
    font-size: 14px;
    text-align: left;
    color: #777777;
}

.news-button {
    top: 40% !important;
}

.news-button1 {
    top: 40% !important;
}

.slider-new-section .card {
    box-shadow: -4px 4px 0px 0px #b9d3d6;
    margin: 0px 0px 0px 3px;
}

p {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
}


/*hero-slider*/


/*common-and-top new banner slider*/

.c-sli-daw h3 {
    margin: 5px 0;
    font-size: 14px;
    opacity: 0.4;
}

.c-sli-daw .sliderContainer {
    position: relative;
}

.c-sli-daw .slider {
    width: 100%;
    margin: 30px 50px 50px;
}

.c-sli-daw .slick-slide {
    background: #3a8999;
    color: white;
    padding: 0;
    font-size: 30px;
    font-family: "Arial", "Helvetica";
    text-align: center;
}

.c-sli-daw .slick-prev:before,
.c-sli-daw .slick-next:before {
    color: black;
}

.c-sli-daw .slick-dots {
    bottom: -30px;
}

.c-sli-daw .slick-slide:nth-child(odd) {
    background: #e84a69;
}

.c-sli-daw .yellow-text h3 {
    color: #fff;
    opacity: 1 !important;
}

.c-sli-daw .progressBarContainer {
    position: absolute;
    bottom: 140px;
    width: 88%;
    left: 6%;
}

.c-sli-daw .progressBarContainer img {
    width: 100% !important;
}

.c-sli-daw .progressBarContainer div {
    display: block;
    width: 19.5%;
    padding: 0;
    cursor: pointer;
    margin-right: 0;
    float: left;
    color: white;
}

.c-sli-daw .progressBarContainer div:last-child {
    margin-right: 0;
}

.c-sli-daw .progressBarContainer div span.progressBar {
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.4);
    display: block;
}

.c-sli-daw .progressBarContainer div span.progressBar .inProgress {
    background-color: rgba(255, 255, 255, 1);
    width: 0%;
    height: 1px;
}

.c-sli-daw .sliderContainer .slider {
    margin: 0 !important
}

.c-sli-daw b.nume {
    display: none;
    font-weight: 400;
}

.c-sli-daw .slick-next {
    right: 3% !important;
    font-size: 12px;
    color: #fff;
    top: inherit;
    bottom: 132px;
    width: 40px !important
}

.c-sli-daw .slick-next:hover {
    color: #fff !important
}

.sliderwrapdaw .c-sli-daw .slick-next:before {
    display: none;
}

.sliderwrapdaw .c-sli-daw .slick-prev {
    display: none;
}

.descr {
    width: 100% !important;
    font-size: 14px;
    padding-top: 8px !important;
    opacity: 1 !important;
}

.news-sec-dsw .card-body a {
    font-size: 12px;
    color: #015959;
    font-weight: 600;
    text-decoration: none;
    display: block;
    padding-top: 10px;
}

.news-sec-dsw .card-body a img {
    max-width: 6px;
    margin: 0px 0px 0px 3px;
    border-bottom: none;
    display: inline;
}


/*acadmic-slider-css-start*/

span.progressBarz {
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.4);
    display: block;
}

span.progressBarz .inProgressz {
    background-color: #393939;
    width: 0%;
    height: 1px;
}

.news-slider-wr .c-sli-daw .slick-slide {
    background: none !important;
}

.news-slider-wr .slick-prev::before {
    content: "\f053" !important;
    font-family: 'FontAwesome' !important;
}

.news-slider-wr .slick-next::before {
    content: "\f054" !important;
    font-family: 'FontAwesome' !important;
    color: #000;
}

.news-slider-wr .slick-prev,
.news-slider-wr .slick-next {
    display: block !important;
}

.news-sec-dsw .slick-prev::before {
    content: "\f053" !important;
    font-family: 'FontAwesome' !important;
    color: #000;
}

.news-sec-dsw .slick-next::before {
    content: "\f054" !important;
    font-family: 'FontAwesome' !important;
    color: #000 !important;
}

.news-sec-dsw .slick-prev,
.news-sec-dsw .slick-next {
    display: block !important;
}

.news-slider-wr .c-sli-daw .progressBarContainer div span.progressBarz {
    width: 100%;
    height: 2px;
    background-color: #dbdbdb !important;
    display: block;
}

.news-slider-wr .c-sli-daw .progressBarContainer div span.progressBarz .inProgressz {
    width: 0%;
    height: 2px;
}

.news-slider-wr .c-sli-daw .progressBarContainer div.yellow-textz {
    color: #393939 !important;
    font-weight: 600;
}

.news-slider-wr .c-sli-daw .yellow-textz h3 {
    color: #393939 !important;
    opacity: 1 !important;
}

.news-slider-wr .c-sli-daw .progressBarContainer {
    display: none !important;
}

.news-slider-wr .c-sli-daw .slick-next {
    top: 50% !important;
    right: -30px !important;
    font-size: 0;
}

.slider-new h4 {
    height: 45px;
}

p.card-text {
    height: 160px;
}

.slider-new1 h4 {
    height: 105px;
}

.slider-new1 .date-se {
    height: 40px;
}

.ticker__item p a {
    font-size: 12px;
}

.ticker__item p {
    font-size: 12px;
}


/*acadmic-slider-css-END*/

@media (min-width: 768px) {
    .navbar-expand-md .navbar-collapse {
        justify-content: flex-end !important;
    }
}

@media only screen and (max-width:1700px) {
    .dsw-upcoming-eventdaw h2 {
        margin: -30px 0px 30px 0px;
    }
}

@media only screen and (max-width:1500px) {
    .dsw-upcoming-eventdaw h2 {
        margin: -20px 0px 30px 0px;
    }
}

@media only screen and (max-width:1300px) {
    .dsw-upcoming-eventdaw h2 {
        margin: 0px 0px 30px 0px;
    }
}

@media only screen and (max-width:1199px) {
    .navbar .nav-item {
        margin-right: 15px !important;
    }

    .tab-sec .tablinks.active {
        border-bottom: 0px !important;
    }

    .banner-desdaw .item .container {
        top: 300px;
    }

    .banner-sliderdaw .slick-slide img {
        height: 650px;
    }

    .btn-b img {
        margin: -7px 0px 0px 5px;
    }

    .events-dsw ul li p {
        height: 140px;
    }

    .tab-sec .tablinks {
        margin: 0px 20px 0px 0px;
    }

    p.card-text {
        height: 200px;
    }

    .slider-new1 h4 {
        height: 135px !important;
    }
}

@media only screen and (max-width:1042px) {
    .logo-header .container {
        width: 100% !important;
        max-width: 100% !important
    }
}

@media only screen and (max-width: 1199px) {
    .navbar .nav-item {
        margin-right: 0px !important;
    }
}

@media only screen and (max-width:1050px) {
    .btn-dsw img {
        max-width: 7px;
    }

    .btn-dsw a {
        padding: 12px 10px;
    }
}

@media only screen and (max-width:1020px) {
    .mainbannerwrap .sliderwrapdawperdaw {
        width: 87%;
        margin: 0 auto;
    }
}

@media only screen and (max-width:1010px) {
    .top-nav .navbar-dark .navbar-nav .nav-link {
        font-size: 16px;
    }
}

@media only screen and (max-width:991px) {
    .logo-header .container {
        width: 100% !important;
        max-width: 100% !important
    }

    .m-b-0-r {
        margin-bottom: 0 !important;
    }

    .mb-2-per {
        margin-bottom: 0 !important;
    }

    .tab-sec .tablinks {
        margin-bottom: 15px;
        max-width: 28%;
    }

    .tabcontent {
        margin-top: 0;
    }

    .events-dsw ul li p {
        height: 190px;
    }

    .slider-new h4 {
        height: 80px;
    }

    p.card-text {
        height: 330px;
    }

    .events-dsw ul li h4 {
        height: 50px;
    }
}

@media only screen and (max-width:940px) {
    .top-nav .navbar-dark .navbar-nav .nav-link {
        font-size: 15px;
    }
}

@media only screen and (max-width:919px) {
    .dsw-four-box .four-box-holder-content .content-dsw h2 {
        height: 60px;
    }

    .dsw-four-box .four-box-holder-content .content-dsw p {
        height: 160px;
    }
}

@media only screen and (max-width:875px) {
    .dsw-four-box .four-box-holder-content .content-dsw p {
        padding-bottom: 30px;
    }

    .content-dsw {
        padding: 16px 20px;
    }
}

@media only screen and (max-width:866px) {
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0.3rem !important;
        padding-left: 0.3rem !important;
    }

    .navbar-brand img {
        width: 150px
    }
}

@media only screen and (max-width:767px) {
    .content-dsw {
        padding: 16px 32px;
    }

    .dsw-four-box .four-box-holder ul li {
        width: 100%;
    }

    .content-dsw {
        width: 100%;
        height: 470px
    }

    .dsw-four-box .four-box-holder {
        height: auto;
    }

    .dsw-four-box .four-box-holder ul li {
        height: 500px
    }

    .dsw-four-box {
        background: none;
    }

    .ct-1 {
        transform-origin: 80% 0 !important;
    }

    .ct-2 {
        transform-origin: -100% 0 !important;
    }

    .ct-3 {
        transform-origin: 300% 0 !important;
    }

    .ct-4 {
        transform-origin: -300% 0 !important;
    }

    .ct-1 img.icon {
        margin-top: 6% !important;
    }

    .ct-3 img.icon {
        margin-top: -6% !important;
    }

    .ct-2 img.icon {
        margin-top: 0% !important;
    }

    .ct-4 img.icon {
        margin-top: -6% !important;
    }

    .content-dsw {
        transition: 1.2s transform ease-out
    }

    .four-box-holder .ct-1 {
        transform: skewY(5deg) !important;
    }

    .four-box-holder .ct-2 {
        transform: skewY(-5deg) !important;
    }

    .four-box-holder .ct-3 {
        transform: skewY(5deg) !important;
    }

    .four-box-holder .ct-4 {
        transform: skewY(-5deg) !important;
    }

    .banner-desdaw img {
        height: 500px;
        object-fit: cover;
    }

    .content-dsw img.icon {
        margin-top: -6%;
    }

    .dsw-four-box .four-box-holder ul:after {
        display: none;
    }

    .dsw-upcoming-eventdaw {
        margin-top: -132px;
    }

    .news-boxes ul li {
        width: 49%;
        box-shadow: 2px 0px 0px 0px #fff1b5;
        margin-bottom: 2%;
    }

    .news-boxes ul li:nth-child(2n) {
        margin-right: 0;
    }

    h2.com-titledaw {
        font-size: 30px;
    }

    .button-new {
        top: 230px;
    }

    .button-new1 {
        top: 230px;
    }

    .btn-b img {
        margin: -10px 0px 0px 5px;
    }

    .banner-sliderdaw .slick-slide img {
        height: 570px;
        width: 100%;
    }

    .slider-new1 h4 {
        height: 215px !important;
    }

    .slider-new1 .date-se {
        height: 60px;
    }

    .dsw-four-box .four-box-holder-content .content-dsw h2 {
        height: initial;
    }

    .dsw-four-box .four-box-holder-content .content-dsw p {
        height: initial;
    }
}

@media only screen and (max-width:820px) {
    .top-nav .navbar-dark .navbar-nav .nav-link {
        font-size: 14px;
    }
}

@media only screen and (max-width:813px) {
    .progrme h2 {
        font-size: 22px;
    }
}

@media only screen and (max-width:767px) {
    .team-section img {
        margin-bottom: 30px;
        max-width: 200px;
    }

    .navbar-collapse {
        padding-top: 15px;
    }

    .navbar-dark .navbar-toggler {
        outline: none;
    }

    .logo-header .container {
        width: 100% !important;
        max-width: 100% !important
    }

    .navbar .nav-item:not(:last-child) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1)
    }

    .top-nav .navbar-dark .navbar-nav .nav-link {
        font-size: 18px;
    }

    .banner-desdaw .slick-counter {
        top: -109px;
    }

    .banner-desdaw .slider-progress {
        top: -100px;
    }

    .events-dsw ul li {
        width: 49%;
    }

    .events-dsw ul li:nth-child(2n) {
        margin-right: 0 !important;
    }

    .events-dsw ul li:nth-child(3n) {
        margin-right: 2%;
    }

    .c-sli-daw .yellow-text h3 {
        display: block !important;
    }

    .c-sli-daw .progressBarContainer div {
        display: none;
    }

    .c-sli-daw .progressBarContainer div.yellow-text {
        display: block !important;
    }

    .c-sli-daw .progressBarContainer div.yellow-text span.progressBar .inProgress {
        display: block !important;
    }

    .c-sli-daw .progressBarContainer div.yellow-text .descr {
        display: block !important;
        width: 100%;
    }

    .c-sli-daw .progressBarContainer div {
        width: 100%;
    }

    .c-sli-daw .progressBarContainer .progressBar {
        display: none !important;
    }

    .c-sli-daw .progressBarContainer .yellow-text .progressBar {
        display: block !important;
    }

    .c-sli-daw .progressBarContainer {
        left: 7%;
        width: 78%;
    }

    .c-sli-daw b.nume {
        display: inline;
    }

    .c-sli-daw .slick-next {
        display: block !important;
        bottom: 148px;
        right: 5% !important;
    }

    /*acadmic-slider-css-START*/
    .news-slider-wr .c-sli-daw .yellow-text h3 {
        display: block !important;
    }

    .news-slider-wr .c-sli-daw .progressBarContainer div {
        display: none;
    }

    .news-slider-wr .c-sli-daw .progressBarContainer div.yellow-textz {
        display: block !important;
    }

    .news-slider-wr .c-sli-daw .progressBarContainer div.yellow-textz span.progressBarz .inProgressz {
        display: block !important;
    }

    .news-slider-wr .c-sli-daw .progressBarContainer div.yellow-textz .descr {
        display: block !important;
        width: 100%;
    }

    .news-slider-wr .c-sli-daw .progressBarContainer div {
        width: 100%;
    }

    .news-slider-wr .c-sli-daw .progressBarContainer .progressBarz {
        display: none !important;
    }

    .news-slider-wr .c-sli-daw .progressBarContainer .yellow-textz .progressBarz {
        display: block !important;
    }

    .news-slider-wr .c-sli-daw .progressBarContainer {
        left: 7%;
        width: 80%;
    }

    .news-slider-wr .c-sli-daw b.nume {
        display: inline;
    }

    .news-slider-wr .c-sli-daw .slick-next {
        display: block !important;
        top: inherit !important;
        bottom: -73px;
        right: 5% !important;
    }

    .news-slider-wr .c-sli-daw .progressBarContainer {
        display: block !important;
    }

    .news-slider-wr .c-sli-daw .progressBarContainer {
        bottom: -90px !important;
    }

    .slider-new-section {
        padding-bottom: 130px;
    }

    .news-slider-wr .slick-prev {
        display: none !important;
    }

    .news-slider-wr .slick-next::before {
        content: "" !important;
    }

    .news-slider-wr .c-sli-daw .slick-next {
        color: #393939 !important;
        font-size: 14px !important;
        font-weight: 600;
    }

    .slider-new h4 {
        height: 130px;
    }

    p.card-text {
        height: 540px;
    }

    /*acadmic-slider-css-END*/
}

@media only screen and (max-width:766px) {
    .slider-new h4 {
        height: inherit;
    }

    p.card-text {
        height: inherit;
    }

    .slider-new1 h4 {
        height: 115px !important;
    }

    .slider-new1 .date-se {
        height: 40px;
    }
}

@media only screen and (max-width:600px) {
    .content-dsw img.icon {
        margin-top: 2%;
    }

    .dsw-upcoming-eventdaw {
        margin-top: -120px;
    }
}

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

    .sliderwrapdaw,
    .heroslider {
        max-width: 90%;
        margin: 0 auto;
    }

    .heroslider .slick-prev {
        top: 38%;
        left: -48px;
    }

    .heroslider .slick-next {
        top: 38%;
    }

    .sliderwrapdaw,
    .banner-sliderdaw {
        max-width: 100% !important;
    }

    .banner-desdaw .slick-counter {
        top: -130px;
    }

    .banner-desdaw .slider-progress {
        top: -118px;
    }
}

@media only screen and (max-width:575px) {
    .logo-sec .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .ct-1 img.icon {}

    .content-dsw img.icon {
        margin-top: 8% !important;
    }

    .slider-new-section .carousel-inner {
        width: 80%;
        margin: 0 auto;
    }

    .button-new {
        left: 20px;
    }

    .button-new1 {
        right: 20px;
    }
}

@media only screen and (max-width:550px) {
    .dsw-upcoming-eventdaw {
        margin-top: -96px;
    }
}

@media only screen and (max-width:502px) {
    .slider-new1 h4 {
        height: 145px !important;
    }
}

@media only screen and (max-width:496px) {
    .tab-sec .tablinks {
        margin-bottom: 15px;
    }

    .c-sli-daw .slick-next {
        right: 3% !important;
    }
}

@media only screen and (max-width:480px) {
    .news-plaskha .slick-list {
        padding: 0 20% 0 0 !important;
    }

    .slider-new1 h4 {
        height: 165px !important;
    }

    .slider-new1 .date-se {
        height: 60px;
    }
}

@media only screen and (max-width:479px) {
    .slider-new1 h4 {
        height: 85px !important;
    }

    .slider-new1 .date-se {
        height: 40px;
    }
}

@media only screen and (max-width:450px) {
    .events-dsw ul li p {
        height: 230px;
    }
}

@media only screen and (max-width:400px) {
    .content-dsw img.icon {
        margin-top: 20% !important;
    }

    .events-dsw ul li {
        width: 100%;
        margin-right: 0 !important;
    }

    .dsw-upcoming-eventdaw {
        margin-top: -56px;
    }

    .news-boxes ul li {
        width: 100%;
        margin-bottom: 10px;
    }

    .button-new {
        left: 0px;
        top: 200px;
    }

    .button-new1 {
        right: 0px;
        top: 200px;
    }
}

@media only screen and (max-width:390px) {
    .banner-sliderdaw .slick-slide img {
        height: 600px;
    }
}

@media only screen and (max-width:357px) {
    .slider-new1 h4 {
        height: 115px !important;
    }
}

@media only screen and (max-width:339px) {
    .banner-sliderdaw .slick-slide img {
        height: 660px;
    }

    .banner-desdaw .item .container {
        top: 330px;
    }
}

@media only screen and (max-width: 1199px) {
    .TeamWrapper .TW_HeadGrid {
        padding-top: 200px;
        padding-bottom: 100px;
    }

    .TeamWrapper .TW_HeadGrid .PlakshaTeam {
        max-width: 54.43548rem;
    }

    .TeamWrapper .TW_HeadGrid .PlakshaTeam h2 {
        font-size: 6.04839rem;
        line-height: 2.4;
    }

    .TeamWrapper .TW_HeadGrid .PlakshaTeam p {
        font-size: 1.6129rem;
    }

    .TeamWrapper .TW_HeadGrid .PlakshaTeam .JoinTeam {
        font-size: 1.5121rem;
        padding: 1.5121rem 2.01613rem;
    }

    .TeamWrapper .TW_HeadGrid .PlakshaTeam .JoinTeam::after {
        width: 0.80645rem;
        height: 1.5121rem;
        margin-left: 1.6129rem;
    }

    .TeamWrapper .OurTeamGrid {
        padding: 75px 75px 0px 75px;
    }

    .TeamWrapper .OurTeamGrid h2 {
        font-size: 7.05645rem;
        line-height: 1.24;
    }

    .TeamWrapper .OurTeamGrid .AlphaSearch {
        width: 260px;
        margin-top: 28px;
    }

    .TeamWrapper .OurTeamGrid .AlphaSearch input {
        font-size: 1.6129rem;
    }

    .TeamWrapper .OurTeamGrid .AlphaSearch .SearchIcon {
        width: 30px;
        float: left;
        margin: 0px 0px 0px 0px;
    }

    .TeamWrapper .OurTeamGrid .AlphaSearch .SearchIcon img {
        width: 17px;
        height: 17px;
    }

    .TeamWrapper .OurTeamGrid .Shorting_Button {
        display: none;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap {
        width: 100%;
        margin-top: 94px;
        display: flex;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .LeftGrid {
        width: 35%;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .RightGrid {
        width: 65%;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul {
        padding: 0px;
        margin: 0px 0px 0px 17px;
        list-style-type: none;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul li {
        margin-bottom: 30px;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul li a {
        font-size: 1.6129rem;
        letter-spacing: -0.37px;
        line-height: 1.38;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul li a.active {
        font-size: 1.6129rem;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul li a.active::before {
        top: 6px;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul ul {
        margin: 20px 0px 0px 0px;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul ul li {
        margin-bottom: 20px;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul ul li a {
        font-size: 1.41129rem;
        font-weight: 600;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox {
        width: 47%;
        margin-bottom: 16px;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamPic {
        padding: 70px 25px 0px 25px;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamDetails {
        padding: 0 4.03226rem;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamDetails h3 {
        font-size: 2.01613rem;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamDetails p {
        font-size: 1.20968rem;
        line-height: 1.5;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TD_Button {
        font-size: 1.5121rem;
        font-weight: 600;
        padding: 1.5121rem 2.01613rem;
        margin-top: 15px;
        margin-bottom: 25px;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TD_Button::after {
        content: "";
        width: 8px;
    }
}

@media only screen and (max-width: 991px) {
    .TeamWrapper .TW_HeadGrid {
        padding-top: 200px;
        padding-bottom: 100px;
    }

    .TeamWrapper .TW_HeadGrid .PlakshaTeam {
        max-width: 61.19792rem;
    }

    .TeamWrapper .TW_HeadGrid .PlakshaTeam h2 {
        font-size: 6.77083rem;
        line-height: 2.4;
    }

    .TeamWrapper .TW_HeadGrid .PlakshaTeam p {
        font-size: 1.82292rem;
    }

    .TeamWrapper .TW_HeadGrid .PlakshaTeam .JoinTeam {
        font-size: 1.95312rem;
        padding: 1.95312rem 2.60417rem;
    }

    .TeamWrapper .TW_HeadGrid .PlakshaTeam .JoinTeam::after {
        width: 1.04167rem;
        height: 1.95312rem;
        margin-left: 2.08333rem;
    }

    .TeamWrapper .OurTeamGrid {
        padding: 70px 40px 0px 40px;
    }

    .TeamWrapper .OurTeamGrid h2 {
        font-size: 6.51042rem;
        line-height: 1.74;
    }

    .TeamWrapper .OurTeamGrid .AlphaSearch {
        width: 260px;
        margin-top: 25px;
    }

    .TeamWrapper .OurTeamGrid .AlphaSearch input {
        font-size: 2.08333rem;
    }

    .TeamWrapper .OurTeamGrid .AlphaSearch .SearchIcon {
        width: 30px;
        float: left;
        margin: 0px 0px 0px 0px;
    }

    .TeamWrapper .OurTeamGrid .AlphaSearch .SearchIcon img {
        width: 17px;
        height: 17px;
    }

    .TeamWrapper .OurTeamGrid .Shorting_Button {
        display: none;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap {
        width: 100%;
        margin-top: 40px;
        display: flex;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .LeftGrid {
        width: 400px;
        margin-right: 0px;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .RightGrid {
        width: 100%;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul {
        padding: 0px;
        margin: 0px 0px 0px 17px;
        list-style-type: none;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul li {
        margin-bottom: 30px;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul li a {
        font-size: 2.08333rem;
        letter-spacing: -0.37px;
        line-height: 1.38;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul li a.active {
        font-size: 2.08333rem;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul li a.active::before {
        top: 6px;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul ul {
        margin: 20px 0px 0px 0px;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul ul li {
        margin-bottom: 20px;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .FG_Listin ul ul li a {
        font-size: 1.82292rem;
        font-weight: 600;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox {
        width: 200px;
        margin-bottom: 16px;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamPic {
        padding: 30px 25px 0px 25px;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamDetails {
        padding: 0 3.90625rem;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamDetails h3 {
        font-size: 2.08333rem;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamDetails p {
        font-size: 1.5625rem;
        line-height: 1.5;
        margin-bottom: 15px;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TD_Button {
        display: none !important;
    }

    #carousel-thumbs img:hover,
    #carousel-thumbs-one img,
    #carousel-thumbs-two img,
    #carousel-thumbs-three img,
    #carousel-thumbs-four img,
    #carousel-thumbs-five img,
    #carousel-thumbs-six img {
        height: 80px;
    }
}

@media only screen and (max-width: 767px) {
    .TeamWrapper .TW_HeadGrid {
        padding-top: 320px;
    }

    .TeamWrapper .TW_HeadGrid .PlakshaTeam {
        max-width: unset;
        padding: 0 2.66667rem;
    }

    .TeamWrapper .TW_HeadGrid .PlakshaTeam h2 {
        font-size: 12.8rem;
        line-height: 1.08;
    }

    .TeamWrapper .TW_HeadGrid .PlakshaTeam p {
        font-size: 3.73333rem;
    }

    .TeamWrapper .TW_HeadGrid .PlakshaTeam .JoinTeam {
        font-size: 3.2rem;
        line-height: 1.42;
        padding: 2.93333rem 3.2rem;
    }

    .TeamWrapper .TW_HeadGrid .PlakshaTeam .JoinTeam::after {
        width: 1.6rem;
        height: 3.01333rem;
        margin-left: 3.73333rem;
    }

    .TeamWrapper .OurTeamGrid {
        padding: 2.5rem 5.86667rem 0rem 5.86667rem;
    }

    .TeamWrapper .OurTeamGrid h2 {
        font-size: 10.66667rem;
        line-height: 1.33;
    }

    .TeamWrapper .OurTeamGrid .AlphaSearch {
        max-width: 42.66667rem;
        margin-top: 5.33333rem;
        float: left;
        padding-bottom: 0rem;
        border-bottom: 1px solid #017a7b;
        display: flex;
        margin-left: 8px;
    }

    .TeamWrapper .OurTeamGrid .AlphaSearch input {
        font-size: 3.73333rem;
        width: 42.66667rem;
    }

    .TeamWrapper .OurTeamGrid .AlphaSearch .SearchIcon {
        width: 3.2rem;
        float: left;
        margin: 0rem;
        display: flex;
        align-items: center;
    }

    .TeamWrapper .OurTeamGrid .AlphaSearch .SearchIcon img {
        width: 3.2rem;
        height: 3.2rem;
    }

    .TeamWrapper .OurTeamGrid .Shorting_Button {
        background: #fff;
        border: none;
        float: right;
        font-size: 3.73333rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.7;
        letter-spacing: normal;
        color: #027878;
        margin-top: 8px;
        display: flex;
    }

    .TeamWrapper .OurTeamGrid .Shorting_Button:focus {
        outline: none;
    }

    .TeamWrapper .OurTeamGrid .Shorting_Button img {
        margin-right: 5px;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap {
        width: 100%;
        margin-top: 40px;
        display: flex;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .LeftGrid {
        display: none;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .RightGrid {
        width: 100%;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox {
        width: 44%;
        margin-bottom: 20px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamPic {
        padding: 20px 5px 0px 5px;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamPic img {
        height: 40.26667rem;
        object-fit: cover;
        object-position: top;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamDetails {
        text-align: center;
        position: relative;
        background: #fff;
        width: 100%;
        z-index: 100;
        bottom: 0px;
        padding: 0;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamDetails h3 {
        font-size: 4.26667rem;
        text-align: left;
        color: #000000;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TeamDetails p {
        font-size: 3.2rem;
        line-height: 1.5;
        text-align: left;
        margin-bottom: 0rem;
        color: #000000;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox .TD_Button {
        display: none !important;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox:hover .TeamDetails p {
        margin-bottom: 0;
    }

    .TeamWrapper .OurTeamGrid .FG_Wrap .TeamBox:hover .TD_Button {
        opacity: 0;
        display: none !important;
    }
}

@media only screen and (min-width: 320px) {
    #header {
        position: absolute;
        top: 50px;
        left: 0;
        right: 0;
        z-index: 2;
        text-transform: uppercase;
    }

    #header .navbar {
        padding: 13.33333rem 0;
        margin: auto;
        background-color: transparent;
    }

    #header .navbar .navbar-brand {
        background-image: url("../assets/logo-white.png?v=1");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 27.73333rem;
        height: 16.16rem;
    }

    #header .navbar .navbar-toggler {
        background-image: url("../assets/cross-black.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 18px;
        height: 18px;
    }

    #header .navbar .navbar-toggler:focus {
        outline: none;
    }

    #header .navbar .navbar-toggler.collapsed {
        background-image: url("../assets/hamburger-white.svg");
        width: 26px;
    }

    #header .navbar .navbar-nav .nav-item .nav-link {
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.35;
        letter-spacing: normal;
        text-align: left;
        color: #ffffff;
        outline: none;
    }

    #header .navbar .navbar-nav .nav-item.active .nav-link:not(.hamburger-icon) {
        position: relative;
        font-weight: bold;
    }

    #header .navbar .navbar-nav .nav-item.active .nav-link:not(.hamburger-icon)::after {
        content: "";
        position: absolute;
        height: 5px;
        left: 0.5rem;
        right: 0.5rem;
        bottom: -6px;
        background: linear-gradient(94deg, #86d694 0%, #2db0a6 96%);
    }

    #header .navbar.invert-color {
        background-color: transparent;
    }

    #header .navbar.invert-color .navbar-brand {
        background-image: url("../assets/logo-green.png?v=3");
    }

    #header .navbar.invert-color .navbar-toggler {
        background-image: url("../assets/hamburger-black.svg");
    }

    #header .navbar.open {
        background-color: #ffffff;
    }

    #header .navbar.open .navbar-brand {
        background-image: url("../assets/logo-green.png?v=3");
    }

    #header .navbar.open .header-wrapper .buttons-container .apply-button {
        display: none !important;
    }

    #header .navbar .header-wrapper {
        padding: 0 8rem;
    }

    #header .navbar #navbarSupportedContent {
        position: absolute;
        left: 0;
        right: 0;
        top: 99%;
        background-color: rgba(0, 0, 0, 0.4);
        height: 100vh;
        z-index: 99;
    }

    #header .navbar #navbarSupportedContent.collapsing {
        -webkit-transition: none;
        transition: none;
        display: none;
    }

    #header .navbar #navbarSupportedContent .hamburger-menu {
        padding: 0 3.2rem 9.86667rem 3.2rem;
        position: relative;
        top: -1px;
    }

    #mobileMegaMenu .card {
        padding: 0 4.8rem;
    }

    #mobileMegaMenu .card .card-header .btn {
        font-size: 5.33333rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: -0.46px;
        color: #000000;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    #mobileMegaMenu .card .card-header .btn:focus {
        outline: none;
        box-shadow: none;
    }

    #mobileMegaMenu .card.open,
    #mobileMegaMenu .card.invert-color {
        background: #f7f7f7;
        padding-bottom: 15px;
    }

    #mobileMegaMenu .card .show::after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 6px;
        background: linear-gradient(92deg, #86d694 0%, #2db0a6 95%);
    }

    #mobileMegaMenu .card .card-body .link-list .link-item {
        font-size: 3.73333rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        opacity: 0.6;
        margin: 0 !important;
        text-transform: none;
    }

    #mobileMegaMenu .card .card-body .link-list .link-item a {
        color: #000000;
        padding: 15px 0;
        display: block;
    }

    #mobileMegaMenu .card .card-body .link-list .link-item.active {
        font-weight: 600;
        opacity: 1;
    }

    #header .navbar .apply-button {
        border: solid 1px #017a7b;
        background-color: #ffffff;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 0px;
        color: #000000;
        white-space: nowrap;
        border-radius: 5px;
        opacity: 0.9;
        font-size: 3.2rem;
        padding: 2.66667rem 3.2rem;
    }

    #header .navbar .apply-button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 5px;
        height: 11px;
        margin-left: 14px;
    }
}

@media only screen and (min-width: 768px) {
    #header .navbar {
        padding: 6.51042rem 0;
    }

    #header .navbar .navbar-brand {
        width: 23.51562rem;
        height: 6.91406rem;
    }

    #header .navbar .navbar-toggler {
        width: 20px;
        height: 20px;
    }

    #header .navbar .navbar-toggler.collapsed {
        width: 28px;
    }

    #header .navbar .header-wrapper {
        padding: 0 5.20833rem;
    }

    #header .navbar #navbarSupportedContent .hamburger-menu {
        padding: 0 3.90625rem 4.81771rem 3.90625rem;
    }

    #mobileMegaMenu .card {
        padding: 0 1.30208rem;
    }

    #mobileMegaMenu .card .card-header .btn {
        font-size: 2.60417rem;
    }

    #mobileMegaMenu .card .card-body .link-list .link-item {
        font-size: 2.60417rem;
    }

    #mobileMegaMenu .card .card-body .link-list .link-item a {
        padding: 15px 0;
    }

    #header .navbar .apply-button {
        font-size: 1.95312rem;
        padding: 1.95312rem 2.60417rem;
    }

    #header .navbar .apply-button::after {
        width: 8px;
        height: 15px;
        margin-left: 20px;
    }
}

@media only screen and (min-width: 992px) {
    #header .navbar {
        padding: 5.04032rem 0;
    }

    #header .navbar .navbar-brand {
        width: 22.24798rem;
        height: 6.54234rem;
    }

    #header .navbar .navbar-toggler {
        width: 24px;
        height: 24px;
    }

    #header .navbar .navbar-toggler.collapsed {
        width: 32px;
    }

    #header .navbar .header-wrapper {
        padding: 0 8.06452rem;
    }

    #header .navbar .header-wrapper .navbar-nav .nav-item .hamburger-icon {
        background-image: url("../assets/hamburger-white.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 36px;
        height: 24px;
    }

    #header .navbar .header-wrapper .navbar-nav .nav-item .dropdown-menu {
        background-color: rgba(0, 0, 0, 0.4);
        height: 100vh;
        right: 0;
        top: 99%;
        padding: 0;
    }

    #header .navbar .header-wrapper .navbar-nav .nav-item .dropdown-menu .dropdown-content:not(.hamburger-menu-container) {
        padding: 4.33468rem 0 8.26613rem 0;
    }

    #header .navbar .header-wrapper .navbar-nav .nav-item .dropdown-menu .dropdown-content.hamburger-menu-container {
        text-transform: none;
    }

    #header .navbar .header-wrapper .navbar-nav .nav-item .dropdown-menu .dropdown-content .dropdown-item-wrapper {
        padding: 0 2.87298rem;
    }

    #header .navbar .header-wrapper .navbar-nav .nav-item .dropdown-menu .dropdown-content .dropdown-item-wrapper .item-image {
        width: 34.27419rem;
        height: 19.35484rem;
        object-fit: cover;
        object-position: center;
    }

    #header .navbar .header-wrapper .navbar-nav .nav-item .dropdown-menu .dropdown-content .dropdown-item-wrapper .item-name {
        font-size: 2.01613rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.35;
        letter-spacing: normal;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu {
        margin: auto;
        padding: 0;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container {
        padding: 4.33468rem 0 8.06452rem 55px;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container .links-wrapper div[class*="links-row-"] .link-title {
        font-size: 2.21774rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: -0.65px;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container .links-wrapper div[class*="links-row-"] .link-list .link-item {
        font-size: 1.81452rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container .links-wrapper div[class*="links-row-"] .link-list .link-item a {
        color: rgba(0, 0, 0, 0.6);
        position: relative;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container .links-wrapper div[class*="links-row-"] .link-list .link-item a:hover {
        text-decoration: none;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container .links-wrapper div[class*="links-row-"] .link-list .link-item a:hover::after {
        content: "";
        position: absolute;
        height: 5px;
        left: 0;
        right: 0;
        bottom: -8px;
        background: linear-gradient(94deg, #86d694 0%, #2db0a6 96%);
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container .links-wrapper .links-row-two,
    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container .links-wrapper .links-row-three {
        margin-top: 9.07258rem;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container {
        padding: 4.33468rem 40px 8.26613rem 0;
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        background-image: linear-gradient(151deg, #00797b 10%, #005077 94%);
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper {
        margin-left: 4.03226rem;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .overview-title {
        font-size: 2.21774rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.65px;
        color: #ffffff;
        margin-bottom: 1.00806rem;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .link-list {
        margin-left: 2.72177rem;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .link-list .link-item {
        padding-bottom: 3.52823rem;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .link-list .link-item a {
        opacity: 0.9;
        font-size: 1.81452rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff;
        position: relative;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .link-list .link-item a:hover::after {
        content: "";
        position: absolute;
        height: 5px;
        left: 0;
        right: 0;
        bottom: -8px;
        background: #ffffff;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .link-list .link-item.active {
        padding-top: 3.02419rem;
        margin-left: -2.72177rem;
        display: flex;
        align-items: center;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .link-list .link-item.active a {
        font-weight: bold;
        opacity: 1;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .link-list .link-item.active::before {
        content: url("../assets/white-triangle-right.svg");
        margin-right: 1.81452rem;
        width: 0.90726rem;
    }

    #header .navbar.open .navbar-nav .nav-item.show .hamburger-icon,
    #header .navbar.invert-color .navbar-nav .nav-item.show .hamburger-icon {
        background-image: url("../assets/cross-black.svg");
        width: 24px;
    }

    #header .navbar .apply-button {
        padding: 1.81452rem 3.02419rem;
        font-size: 1.5121rem;
    }
}

@media only screen and (min-width: 1200px) {
    #header .navbar {
        padding: 2.60417rem 2.08333rem;
    }

    #header .navbar .header-wrapper {
        max-width: 1720px;
        padding: 0;
    }

    #header .navbar .header-wrapper .navbar-nav .nav-item .nav-link {
        font-size: 1.04167rem;
    }

    #header .navbar .header-wrapper .navbar-nav .nav-item .hamburger-icon {
        background-image: url("../assets/hamburger-white.svg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        width: 36px;
        height: 24px;
    }

    #header .navbar .header-wrapper .navbar-nav .nav-item .dropdown-menu {
        background-color: rgba(0, 0, 0, 0.4);
        height: 100vh;
        right: 0;
        top: 99%;
        padding: 0;
    }

    #header .navbar .header-wrapper .navbar-nav .nav-item .dropdown-menu .dropdown-content:not(.hamburger-menu-container) {
        padding: 2.23958rem 0 4.27083rem 0;
    }

    #header .navbar .header-wrapper .navbar-nav .nav-item .dropdown-menu .dropdown-content.hamburger-menu-container {
        text-transform: none;
    }

    #header .navbar .header-wrapper .navbar-nav .nav-item .dropdown-menu .dropdown-content .dropdown-item-wrapper {
        padding: 0 1.48438rem;
    }

    #header .navbar .header-wrapper .navbar-nav .nav-item .dropdown-menu .dropdown-content .dropdown-item-wrapper .item-image {
        width: 17.70833rem;
        height: 10rem;
        object-fit: cover;
        object-position: center;
    }

    #header .navbar .header-wrapper .navbar-nav .nav-item .dropdown-menu .dropdown-content .dropdown-item-wrapper .item-name {
        font-size: 1.04167rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.35;
        letter-spacing: normal;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu {
        margin: auto;
        padding: 0;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container {
        padding: 2.23958rem 0 4.27083rem 55px;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container .links-wrapper div[class*="links-row-"] .link-title {
        font-size: 1.45833rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: -0.65px;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container .links-wrapper div[class*="links-row-"] .link-list .link-item {
        font-size: 1.04167rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container .links-wrapper div[class*="links-row-"] .link-list .link-item a {
        color: rgba(0, 0, 0, 0.6);
        position: relative;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container .links-wrapper div[class*="links-row-"] .link-list .link-item a:hover {
        text-decoration: none;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container .links-wrapper div[class*="links-row-"] .link-list .link-item a:hover::after {
        content: "";
        position: absolute;
        height: 5px;
        left: 0;
        right: 0;
        bottom: -8px;
        background: linear-gradient(94deg, #86d694 0%, #2db0a6 96%);
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container .links-wrapper .links-row-two,
    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .links-container .links-wrapper .links-row-three {
        margin-top: 4.6875rem;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container {
        padding: 2.23958rem 40px 4.27083rem 0;
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        background-image: linear-gradient(151deg, #00797b 10%, #005077 94%);
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper {
        margin-left: 4.42708rem;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .overview-title {
        font-size: 1.45833rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.65px;
        color: #ffffff;
        margin-bottom: 0.52083rem;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .link-list {
        margin-left: 1.40625rem;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .link-list .link-item {
        padding-bottom: 1.82292rem;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .link-list .link-item a {
        opacity: 0.9;
        font-size: 1.14583rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff;
        position: relative;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .link-list .link-item a:hover::after {
        content: "";
        position: absolute;
        height: 5px;
        left: 0;
        right: 0;
        bottom: -8px;
        background: #ffffff;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .link-list .link-item.active {
        padding-top: 1.5625rem;
        margin-left: -1.40625rem;
        display: flex;
        align-items: center;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .link-list .link-item.active a {
        font-weight: bold;
        opacity: 1;
    }

    #header .navbar .header-wrapper .navbar-nav .hamburger-menu .overview-container .overview-wrapper .link-list .link-item.active::before {
        content: url("https://plaksha.edu.in/assets/white-triangle-right.svg");
        margin-right: 0.9375rem;
        width: 0.46875rem;
    }

    #header .navbar .header-wrapper .navbar-brand {
        width: 13.54167rem;
        height: 4.01042rem;
    }

    #header .navbar.open .navbar-nav .nav-item .nav-link,
    #header .navbar.invert-color .navbar-nav .nav-item .nav-link {
        color: #000000;
    }

    #header .navbar.open .navbar-nav .nav-item .hamburger-icon,
    #header .navbar.invert-color .navbar-nav .nav-item .hamburger-icon {
        background-image: url("https://plaksha.edu.in/assets/hamburger-black.svg");
    }

    #header .navbar.open .navbar-nav .nav-item.show .hamburger-icon,
    #header .navbar.invert-color .navbar-nav .nav-item.show .hamburger-icon {
        background-image: url("https://plaksha.edu.in/assets/cross-black.svgg");
        width: 24px;
    }

    #header .navbar.open .navbar-nav .nav-item:not(.show) .nav-link,
    #header .navbar.invert-color .navbar-nav .nav-item:not(.show) .nav-link {
        font-weight: 400;
    }

    #header .navbar.invert-color .navbar-nav .nav-item:not(.show) .nav-link {
        font-weight: 600;
    }

    #header .navbar .apply-button {
        padding: 0.9375rem 1.5625rem;
        font-size: 0.78125rem;
    }
}

footer {
    background: #002938;
}

footer .footer-container {
    margin: auto;
}

footer .footer-container .card-component {
    background: #ffffff;
}

footer .footer-container .card-component .card-title {
    font-weight: 600;
    color: #015959 !important;
    border-bottom: 3px solid #015959;
    width: fit-content;
    width: -moz-fit-content;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
}

footer .footer-container .card-component .card-content .card-desc {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    color: #000 !important;
    letter-spacing: normal;
}

footer .footer-container .card-component .card-content .card-button-wrapper {
    position: relative;
}

footer .footer-container .card-component .card-content .card-button-wrapper .card-button {
    border: solid 1px #017a7b;
    background-color: #ffffff;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0px;
    color: #000000;
    white-space: nowrap;
    border-radius: 5px;
    opacity: 0.9;
}

footer .footer-container .card-component .card-content .card-button-wrapper .card-button::after {
    content: "";
    background-image: url("https://plaksha.edu.in/assets/rightArrowBlack.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

footer .footer-container .footer-content #accordion .card .card-header .btn {
    opacity: 0.96;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.74px;
}

footer .footer-container .footer-content #accordion .card .card-header .btn:focus,
footer .footer-container .footer-content #accordion .card .card-header .btn:hover {
    box-shadow: none;
    text-decoration: none;
}

footer .footer-container .footer-content #accordion .card .card-body .list-group .list-group-item a {
    opacity: 0.5;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #ffffff;
}

footer .footer-container .footer-content #accordion .card .card-body .list-group .list-group-item a:focus,
footer .footer-container .footer-content #accordion .card .card-body .list-group .list-group-item a:hover {
    text-decoration: none;
}

footer .footer-container .footer-content .connect-card {
    height: fit-content;
    border: solid 0.3px rgba(173, 212, 132, 0.2);
}

footer .footer-container .footer-content .connect-card .title {
    opacity: 0.96;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.79px;
}

footer .footer-container .footer-content .connect-card span {
    opacity: 0.5;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
}

footer .footer-container .footer-content .connect-card .social-links-list .social-link-item img {
    cursor: pointer;
}

footer .footer-container .copyright-text {
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.42px;
    text-align: left;
    color: #c9c9c9;
    opacity: 0.4;
}

@media only screen and (min-width: 320px) {
    footer .footer-container {
        padding: 9.06667rem 8rem;
    }

    footer .footer-container .card-component {
        padding: 6.4rem 8rem;
    }

    footer .footer-container .card-component .card-title {
        font-size: 5.33333rem !important;
        padding-bottom: 2.13333rem;
        margin-bottom: 4.26667rem;
    }

    footer .footer-container .card-component .card-content .card-desc {
        font-size: 4.26667rem !important;
    }

    footer .footer-container .card-component .card-content .card-button-wrapper {
        padding-top: 6.4rem;
    }

    footer .footer-container .card-component .card-content .card-button-wrapper .card-button {
        font-size: 3.2rem;
        padding: 2.66667rem 3.2rem;
    }

    footer .footer-container .card-component .card-content .card-button-wrapper .card-button::after {
        width: 5px;
        height: 11px;
        margin-left: 14px;
    }

    footer .footer-container .footer-content {
        margin-top: 30px;
    }

    footer .footer-container .footer-content #accordion .card .card-header {
        padding: 12px 0;
    }

    footer .footer-container .footer-content #accordion .card .card-header .btn {
        font-size: 5.33333rem;
    }

    footer .footer-container .footer-content #accordion .card .card-body .list-group .list-group-item {
        padding: 8px 0;
    }

    footer .footer-container .footer-content #accordion .card .card-body .list-group .list-group-item a {
        font-size: 4.8rem;
    }

    footer .footer-container .footer-content .connect-card {
        padding: 8rem;
        margin-top: 12.8rem;
    }

    footer .footer-container .footer-content .connect-card .title {
        font-size: 5.33333rem;
        margin-bottom: 3.2rem;
    }

    footer .footer-container .footer-content .connect-card span {
        font-size: 4.8rem;
    }

    footer .footer-container .footer-content .connect-card span:first-of-type {
        margin-bottom: 1.06667rem;
    }

    footer .footer-container .footer-content .connect-card span:last-of-type {
        margin-top: 6.93333rem;
    }

    footer .footer-container .footer-content .connect-card .social-links-list {
        padding: 0;
        margin: 8rem 0 0 0;
    }

    footer .footer-container .footer-content .connect-card .social-links-list .social-link-item img {
        height: 10.66667rem;
        width: 10.66667rem;
    }

    footer .footer-container .copyright-text {
        font-size: 3.2rem;
        margin-top: 5.33333rem;
    }
}

@media only screen and (min-width: 768px) {
    footer .footer-container {
        padding: 5.20833rem;
    }

    footer .footer-container .card-component {
        padding: 6.51042rem 11.97917rem 7.55208rem 6.51042rem;
    }

    footer .footer-container .card-component .card-title {
        padding-bottom: 1.04167rem !important;
        margin-bottom: 2.08333rem;
        font-size: 3.125rem;
    }

    footer .footer-container .card-component .card-content .card-desc {
        font-size: 2.08333rem !important;
        max-width: 60%;
    }

    footer .footer-container .card-component .card-content .card-button-wrapper {
        padding-top: 0;
    }

    footer .footer-container .card-component .card-content .card-button-wrapper .card-button {
        font-size: 1.95312rem;
        padding: 1.95312rem 2.60417rem;
    }

    footer .footer-container .card-component .card-content .card-button-wrapper .card-button::after {
        width: 8px;
        height: 15px;
        margin-left: 20px;
    }

    footer .footer-container .footer-content {
        margin-top: 60px;
    }

    footer .footer-container .footer-content #accordion .card .card-header .btn {
        font-size: 2.60417rem;
    }

    footer .footer-container .footer-content #accordion .card .card-body .list-group .list-group-item a {
        font-size: 2.34375rem;
    }

    footer .footer-container .footer-content .connect-card {
        width: 48.4375rem;
        padding: 3.90625rem 4.6875rem 5.20833rem 3.90625rem;
        margin-top: 0;
    }

    footer .footer-container .footer-content .connect-card .title {
        font-size: 2.86458rem;
        margin-bottom: 3.90625rem;
    }

    footer .footer-container .footer-content .connect-card span {
        font-size: 2.34375rem;
    }

    footer .footer-container .footer-content .connect-card span:first-of-type {
        margin-bottom: 0.52083rem;
    }

    footer .footer-container .footer-content .connect-card span:last-of-type {
        margin-top: 3.90625rem;
    }

    footer .footer-container .footer-content .connect-card .social-links-list {
        margin: 5.85938rem 0 0 0;
    }

    footer .footer-container .footer-content .connect-card .social-links-list .social-link-item img {
        height: 5.98958rem;
        width: 5.98958rem;
    }

    footer .footer-container .copyright-text {
        font-size: 2.08333rem;
        margin-top: 12.10938rem;
    }
}

@media only screen and (min-width: 992px) {
    footer .footer-container {
        padding: 6.04839rem 8.06452rem 10.58468rem 8.06452rem;
    }

    footer .footer-container .card-component {
        padding: 4.03226rem 5.04032rem 4.43548rem 5.04032rem;
    }

    footer .footer-container .card-component .card-title {
        font-size: 2.41935rem !important;
        padding-bottom: 0.80645rem;
        margin-bottom: 1.6129rem;
    }

    footer .footer-container .card-component .card-content .card-desc {
        font-size: 2.21774rem !important;
        max-width: unset;
    }

    footer .footer-container .card-component .card-content .card-button-wrapper {
        padding-top: 2.41935rem;
    }

    footer .footer-container .card-component .card-content .card-button-wrapper .card-button {
        padding: 1.81452rem 3.02419rem;
        font-size: 1.5121rem;
    }

    footer .footer-container .footer-content {
        margin-top: 45px;
    }

    footer .footer-container .footer-content #accordion .card .card-header .btn {
        font-size: 3.02419rem;
    }

    footer .footer-container .footer-content #accordion .card .card-body .list-group .list-group-item a {
        font-size: 2.21774rem;
    }

    footer .footer-container .footer-content .connect-card {
        width: 44.85887rem;
        padding: 3.02419rem 2.92339rem 5.44355rem 2.92339rem;
    }

    footer .footer-container .footer-content .connect-card .title {
        font-size: 3.22581rem;
        margin-bottom: 3.02419rem;
    }

    footer .footer-container .footer-content .connect-card span {
        font-size: 2.21774rem;
    }

    footer .footer-container .footer-content .connect-card span:first-of-type {
        margin-bottom: 0.40323rem;
    }

    footer .footer-container .footer-content .connect-card span:last-of-type {
        margin-top: 3.02419rem;
    }

    footer .footer-container .footer-content .connect-card .social-links-list {
        margin: 5.04032rem 0 0 0;
    }

    footer .footer-container .footer-content .connect-card .social-links-list .social-link-item img {
        height: 5.54435rem;
        width: 5.54435rem;
    }

    footer .footer-container .copyright-text {
        font-size: 1.81452rem;
        margin-top: 4.43548rem;
    }
}

@media only screen and (min-width: 1200px) {
    footer .footer-container {
        max-width: 1720px;
        padding: 4.16667rem 2.08333rem 2.5rem 2.08333rem;
    }

    footer .footer-container .card-component {
        padding: 2.60417rem 3.125rem 2.8125rem 3.125rem;
    }

    footer .footer-container .card-component .card-title {
        font-size: 1.19792rem !important;
        padding-bottom: 0.41667rem;
        margin-bottom: 0.83333rem;
    }

    footer .footer-container .card-component .card-content .card-desc {
        font-size: 1.5625rem !important;
    }

    footer .footer-container .card-component .card-content .card-button-wrapper {
        padding-top: 0;
    }

    footer .footer-container .card-component .card-content .card-button-wrapper .card-button {
        padding: 0.9375rem 1.5625rem;
        font-size: 0.78125rem;
    }

    footer .footer-container .footer-content {
        margin-top: 120px;
    }

    footer .footer-container .footer-content #accordion .card .card-header .btn {
        font-size: 1.66667rem;
    }

    footer .footer-container .footer-content #accordion .card .card-body .list-group .list-group-item a {
        font-size: 1.25rem;
    }

    footer .footer-container .footer-content .connect-card {
        width: 31.25rem;
        padding: 2.34375rem 5.20833rem 2.08333rem 3.02083rem;
    }

    footer .footer-container .footer-content .connect-card .title {
        font-size: 1.77083rem;
        margin-bottom: 1.875rem;
    }

    footer .footer-container .footer-content .connect-card span {
        font-size: 1.25rem;
    }

    footer .footer-container .footer-content .connect-card span:first-of-type {
        margin-bottom: 0.20833rem;
    }

    footer .footer-container .footer-content .connect-card span:last-of-type {
        margin-top: 1.61458rem;
    }

    footer .footer-container .footer-content .connect-card .social-links-list {
        margin: 4.0625rem 0 0 0;
    }

    footer .footer-container .footer-content .connect-card .social-links-list .social-link-item img {
        height: 3.33333rem;
        width: 3.33333rem;
    }

    footer .footer-container .copyright-text {
        margin-top: 4.375rem;
        font-size: 0.9375rem;
    }
}


/*

*  Owl Carousel - Core

*/

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}


/* No Js */

.no-js .owl-carousel {
    display: block;
}


/*

*  Owl Carousel - Animate Plugin

*/

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


/*

*  Owl Carousel - Auto Height Plugin

*/

.owl-height {
    transition: height 500ms ease-in-out;
}


/*

*  Owl Carousel - Lazy Load Plugin

*/

.owl-carousel .owl-item {
    /**

	This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong

	calculation of the height of the owl-item that breaks page layouts

   */
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}


/*

*  Owl Carousel - Video Plugin

*/

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
    transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}


/*

*  Default theme - Owl Carousel CSS File

*/

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background: #869791;
    color: #FFF;
    text-decoration: none;
}

.owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default;
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px;
}

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
}

.Work-container-main .landing_page {
    background-image: url("../assets/work-at-plaksha.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}

.Work-container-main .landing_page .content-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.Work-container-main .landing_page .content-container .headline .headline_Text {
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: 0.26px;
    color: #ffffff;
}

.Work-container-main .landing_page .content-container .main-description .main-description-text {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #ffffff;
}

.Work-container-main .Detail_page {
    display: flex;
    justify-content: center;
}

.Work-container-main .Detail_page .side_sticky_nav {
    background-color: #e2f7f7;
}

.Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_title .side_sticky_nav_title_text {
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.46;
    letter-spacing: normal;
    text-align: left;
    color: transparent;
    -webkit-text-stroke: 1px #00555a;
}

.Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header {
    list-style: none;
}

.Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers {
    display: flex;
    align-items: center;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.56px;
    text-align: left;
    color: #027878;
    opacity: 0.45;
}

.Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers.active {
    font-weight: bold;
    opacity: 1;
}

.Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers.active::before {
    content: "";
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 9px solid #207878;
    display: block;
    max-height: 12px;
    margin-left: 1px;
    margin-right: 10px;
}

.Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_heading .content_prelude_heading_text {
    font-weight: 600;
    font-stretch: normal;
    color: #000000;
}

.Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_summary .content_prelude_summary_text {
    font-weight: normal;
    /* opacity: 0.6; */
}

.Work-container-main .Detail_page .main_content_section .content_pointers {
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #027878 rgba(2, 120, 120, 0.3);
}

.Work-container-main .Detail_page .main_content_section .content_pointers::-webkit-scrollbar {
    width: 4px;
}

.Work-container-main .Detail_page .main_content_section .content_pointers::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #027878;
    border-radius: 0px;
    opacity: 0.3;
}

.Work-container-main .Detail_page .main_content_section .content_pointers::-webkit-scrollbar-thumb {
    background: #027878;
    border-radius: 0px;
}

.Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_title .content_pointers_title_text {
    font-weight: bold;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_list .content_pointers_list_header {
    list-style: none;
}

.Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_list .content_pointers_list_header .content_pointers_list_item {
    display: flex;
    align-items: top;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    opacity: 0.6;
}

.Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_list .content_pointers_list_header .content_pointers_list_item::before {
    content: "";
    height: 3px;
    background-color: #000000;
    opacity: 0.45;
    display: block;
}

.Work-container-main .Detail_page .main_content_section .content_contact_details {
    border-top: 1px solid rgba(2, 120, 120, 0.2);
}

.Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_details_heading .content_contact_details_text {
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.42px;
    text-align: left;
    color: #027878;
}

.Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_text {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: 0.11px;
    text-align: left;
    color: #000000;
}

.Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact_KnowMore_Button {
    position: relative;
}

.Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact_KnowMore_Button .KnowMoreButton {
    border: solid 1px #017a7b;
    border-radius: 5px;
    text-transform: uppercase;
    background-color: #ffffff;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0px;
    color: #000000;
    white-space: nowrap;
}

.Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact_KnowMore_Button .KnowMoreButton::after {
    content: "";
    background-image: url("../assets/rightArrowBlack.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.Work-container-main .Opportunities_page {
    display: flex;
    align-items: flex-end;
    position: relative;
}

.Work-container-main .Opportunities_page .carousel {
    position: unset;
}

.Work-container-main .Opportunities_page .carousel-inner {
    position: unset;
}

.Work-container-main .Opportunities_page .carousel-inner .carousel-item {
    position: unset;
}

.Work-container-main .Opportunities_page .carousel-inner .carousel-item .background-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.Work-container-main .Opportunities_page .carousel-inner .carousel-item .background-container::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 80, 119, 0.2);
}

.Work-container-main .Opportunities_page .carousel-inner .carousel-item .background-container video,
.Work-container-main .Opportunities_page .carousel-inner .carousel-item .background-container img {
    object-fit: cover;
}

.Work-container-main .Opportunities_page .carousel-inner .carousel-item .Opportunities_Banner {
    background-color: #ffffff;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.42px;
    text-align: left;
    color: #000000;
}

.Work-container-main .Opportunities_page .carousel-inner .carousel-item .Opportunities_Banner .Coming_soon .Coming_soon_Text {
    font-weight: bold;
}

.Work-container-main .Opportunities_page .carousel-inner .carousel-item .Opportunities_Banner .Headline_Opportunities .Headline_Opportunities_Text {
    font-weight: bold;
}

@media only screen and (min-width: 320px) {
    .Work-container-main .landing_page {
        height: 178.66667rem;
    }

    .Work-container-main .landing_page .content-container {
        max-width: 78.66667rem;
    }

    .Work-container-main .landing_page .content-container .headline {
        height: 59.73333rem;
    }

    .Work-container-main .landing_page .content-container .headline .headline_Text {
        font-size: 12.8rem;
    }

    .Work-container-main .landing_page .content-container .main-description {
        height: 25.86667rem;
        padding-top: 12rem;
    }

    .Work-container-main .landing_page .content-container .main-description .main-description-text {
        font-size: 3.73333rem;
    }

    .Work-container-main .Detail_page {
        display: flex;
        flex-direction: column;
    }

    .Work-container-main .Detail_page .side_sticky_nav {
        padding: 7.46667rem 7.46667rem 0 7.46667rem;
    }

    .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_title .side_sticky_nav_title_text {
        -webkit-text-stroke: 1px #00555a;
        font-size: 10.66667rem;
    }

    .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers {
        font-size: 4.26667rem;
        margin: 5.33333rem 10.66667rem 5.33333rem 0;
        white-space: nowrap;
        padding-bottom: 1.30208rem;
    }

    .Work-container-main .Detail_page .main_content_section {
        display: flex;
        flex-direction: column;
        padding: 8rem 0 0 0;
    }

    .Work-container-main .Detail_page .main_content_section .content_prelude {
        padding: 0 7.46667rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_heading {
        padding-bottom: 4.8rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_heading .content_prelude_heading_text {
        font-size: 5.33333rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_summary {
        margin-bottom: 7.46667rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_summary .content_prelude_summary_text {
        font-size: 4.26667rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_pointers {
        padding: 0 8rem 0 8rem;
        margin: 0 5.33333rem 14.66667rem 0;
        height: 106.66667rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_title .content_pointers_title_text {
        font-size: 4.26667rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_list .content_pointers_list_header .content_pointers_list_item {
        font-size: 4.26667rem;
        margin-top: 4rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_list .content_pointers_list_header .content_pointers_list_item::before {
        margin: 2.93333rem 4rem 0 0;
        min-width: 2.13333rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details {
        padding: 10.66667rem 8.53333rem 0 8.53333rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_details_heading .content_contact_details_text {
        font-size: 3.73333rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 0rem 0 8rem 0;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact {
        padding: 8.8rem 0 6.4rem 0;
        display: flex;
        align-items: center;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_text {
        font-size: 4.26667rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_logo {
        height: 8rem;
        object-fit: contain;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact_KnowMore_Button {
        width: 100%;
        margin-top: 2.93333rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact_KnowMore_Button .KnowMoreButton {
        font-size: 3.2rem;
        padding: 2.66667rem 3.2rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact_KnowMore_Button .KnowMoreButton::after {
        width: 5px;
        height: 11px;
        margin-left: 14px;
    }

    .Work-container-main .Opportunities_page {
        height: 105.49333rem;
    }

    .Work-container-main .Opportunities_page .Opportunities_Banner {
        max-width: 100rem;
        max-height: 57.76rem;
        padding: 6.13333rem 8rem;
    }

    .Work-container-main .Opportunities_page .Opportunities_Banner .Coming_soon {
        height: 5.06667rem;
    }

    .Work-container-main .Opportunities_page .Opportunities_Banner .Coming_soon .Coming_soon_Text {
        font-size: 3.73333rem;
    }

    .Work-container-main .Opportunities_page .Opportunities_Banner .Headline_Opportunities {
        height: 14.66667rem;
        margin-top: 2.66667rem;
    }

    .Work-container-main .Opportunities_page .Opportunities_Banner .Headline_Opportunities .Headline_Opportunities_Text {
        font-size: 5.33333rem;
    }

    .Work-container-main .Opportunities_page .Opportunities_Banner .Description_Opportunities {
        height: 20.53333rem;
        margin-top: 2.66667rem;
    }

    .Work-container-main .Opportunities_page .Opportunities_Banner .Description_Opportunities .Description_Opportunities_Text {
        font-size: 4.26667rem;
    }
}

@media only screen and (min-width: 768px) {
    .Work-container-main .landing_page {
        height: 66.40625rem;
    }

    .Work-container-main .landing_page .content-container {
        max-width: 66.01562rem;
    }

    .Work-container-main .landing_page .content-container .headline {
        height: 19.40104rem;
    }

    .Work-container-main .landing_page .content-container .headline .headline_Text {
        font-size: 6.77083rem;
    }

    .Work-container-main .landing_page .content-container .main-description {
        height: 12.76042rem;
        padding: 0;
    }

    .Work-container-main .landing_page .content-container .main-description .main-description-text {
        padding-top: 0;
        font-size: 1.82292rem;
    }

    .Work-container-main .Detail_page {
        display: flex;
        flex-direction: column;
    }

    .Work-container-main .Detail_page .side_sticky_nav {
        padding: 5.20833rem 5.20833rem 0 5.20833rem;
    }

    .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_title {
        padding-bottom: 5.20833rem;
    }

    .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_title .side_sticky_nav_title_text {
        -webkit-text-stroke: 1px #00555a;
        font-size: 6.51042rem;
    }

    .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers {
        font-size: 2.34375rem;
        margin: 0 6.25rem 0 0;
        padding-bottom: 1.30208rem;
    }

    .Work-container-main .Detail_page .main_content_section {
        display: flex;
        flex-direction: column;
        padding: 5.20833rem 0 0 0;
    }

    .Work-container-main .Detail_page .main_content_section .content_prelude {
        padding: 0 5.20833rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_heading {
        padding-bottom: 2.34375rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_heading .content_prelude_heading_text {
        font-size: 3.90625rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_summary {
        margin-bottom: 2.60417rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_summary .content_prelude_summary_text {
        font-size: 1.82292rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_pointers {
        padding: 0 5.20833rem 0 5.20833rem;
        margin: 0 7.8125rem 7.16146rem 0;
        height: 45.57292rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_title .content_pointers_title_text {
        font-size: 2.08333rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_list .content_pointers_list_header .content_pointers_list_item {
        font-size: 1.82292rem;
        margin-top: 2.60417rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_list .content_pointers_list_header .content_pointers_list_item::before {
        margin: 1.17188rem 3.32031rem 0 0;
        min-width: 1.5625rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details {
        padding: 3.90625rem 5.20833rem 0 5.20833rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_details_heading .content_contact_details_text {
        font-size: 1.82292rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container {
        display: flex;
        justify-content: space-between;
        margin: 4.42708rem 0 4.42708rem 0;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact {
        padding: 0;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_text {
        font-size: 2.08333rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_logo {
        height: 4.6875rem;
        object-fit: contain;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact_KnowMore_Button {
        width: auto;
        margin-top: 0;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact_KnowMore_Button .KnowMoreButton {
        font-size: 1.95312rem;
        padding: 1.95312rem 2.60417rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact_KnowMore_Button .KnowMoreButton::after {
        width: 8px;
        height: 15px;
        margin-left: 20px;
    }

    .Work-container-main .Opportunities_page {
        height: 47.91667rem;
    }

    .Work-container-main .Opportunities_page .Opportunities_Banner {
        max-width: 63.84115rem;
        max-height: 28.82813rem;
        padding: 5.46875rem;
    }

    .Work-container-main .Opportunities_page .Opportunities_Banner .Coming_soon {
        height: 2.47396rem;
    }

    .Work-container-main .Opportunities_page .Opportunities_Banner .Coming_soon .Coming_soon_Text {
        font-size: 1.82292rem;
    }

    .Work-container-main .Opportunities_page .Opportunities_Banner .Headline_Opportunities {
        height: 11.06771rem;
        margin-top: 0.65104rem;
    }

    .Work-container-main .Opportunities_page .Opportunities_Banner .Headline_Opportunities .Headline_Opportunities_Text {
        font-size: 3.90625rem;
    }

    .Work-container-main .Opportunities_page .Opportunities_Banner .Description_Opportunities {
        height: 6.38021rem;
        margin-top: 0.65104rem;
    }

    .Work-container-main .Opportunities_page .Opportunities_Banner .Description_Opportunities .Description_Opportunities_Text {
        font-size: 1.82292rem;
    }
}

@media only screen and (min-width: 992px) {
    .Work-container-main .landing_page {
        height: 66.02823rem;
    }

    .Work-container-main .landing_page .content-container {
        max-width: 58.97177rem;
    }

    .Work-container-main .landing_page .content-container .headline {
        height: 15.52419rem;
    }

    .Work-container-main .landing_page .content-container .headline .headline_Text {
        font-size: 6.04839rem;
    }

    .Work-container-main .landing_page .content-container .main-description {
        height: 10.78629rem;
        padding-top: 2.21774rem;
    }

    .Work-container-main .landing_page .content-container .main-description .main-description-text {
        font-size: 1.6129rem;
    }

    .Work-container-main .Detail_page {
        display: flex;
        flex-direction: row;
    }

    .Work-container-main .Detail_page .side_sticky_nav {
        padding: 5.04032rem 5.04032rem 0 5.04032rem;
    }

    .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_title {
        padding-bottom: 2.52016rem;
    }

    .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_title .side_sticky_nav_title_text {
        -webkit-text-stroke: 1px #00555a;
        font-size: 7.05645rem;
    }

    .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_list {
        padding: 0;
    }

    .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header {
        display: flex;
        flex-direction: column;
    }

    .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers {
        font-size: 1.81452rem;
        margin: 1.5121rem 0;
        padding: 0 0 0 2.52016rem;
    }

    .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers.active::before {
        margin-left: -2.52016rem;
        margin-right: 14px;
    }

    .Work-container-main .Detail_page .main_content_section {
        padding: 3.02419rem 0 0 0;
        width: 100%;
    }

    .Work-container-main .Detail_page .main_content_section .content_prelude {
        padding: 4.03226rem 4.03226rem;
        padding-bottom: 0rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_heading {
        padding-bottom: 3.02419rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_heading .content_prelude_heading_text {
        font-size: 4.03226rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_summary {
        max-width: 54.7379rem;
        margin-bottom: 4.23387rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_summary .content_prelude_summary_text {
        font-size: 1.6129rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_pointers {
        padding: 0 4.03226rem 0 4.03226rem;
        margin: 0 3.02419rem 5.54435rem 0;
        height: 50.40323rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_title .content_pointers_title_text {
        font-size: 1.81452rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_list .content_pointers_list_header .content_pointers_list_item {
        font-size: 1.6129rem;
        margin-top: 4.6371rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_list .content_pointers_list_header .content_pointers_list_item::before {
        margin: 1.10887rem 2.57056rem 0 0;
        min-width: 1.20968rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details {
        padding: 4.03226rem 14.1129rem 0 4.03226rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_details_heading .content_contact_details_text {
        font-size: 1.41129rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container {
        display: flex;
        flex-wrap: wrap;
        margin: 3.42742rem 0 3.42742rem 0;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact {
        padding: 0;
        width: auto;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_text {
        font-size: 1.6129rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_logo {
        width: 4.33468rem;
        height: 3.62903rem;
        object-fit: contain;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact_KnowMore_Button {
        width: 100%;
        margin-top: 3.52823rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact_KnowMore_Button .KnowMoreButton {
        padding: 1.5121rem 2.01613rem;
        font-size: 1.5121rem;
    }

    .Work-container-main .Opportunities_page {
        height: 47.91331rem;
    }

    .Work-container-main .Opportunities_page .Opportunities_Banner {
        max-width: 67.2379rem;
        max-height: 28.83065rem;
        padding: 5.04032rem 7.05645rem;
    }

    .Work-container-main .Opportunities_page .Opportunities_Banner .Coming_soon {
        height: 2.41935rem;
    }

    .Work-container-main .Opportunities_page .Opportunities_Banner .Coming_soon .Coming_soon_Text {
        font-size: 1.81452rem;
    }

    .Work-container-main .Opportunities_page .Opportunities_Banner .Headline_Opportunities {
        height: 11.08871rem;
        margin-top: 1.00806rem;
    }

    .Work-container-main .Opportunities_page .Opportunities_Banner .Headline_Opportunities .Headline_Opportunities_Text {
        font-size: 4.03226rem;
    }

    .Work-container-main .Opportunities_page .Opportunities_Banner .Description_Opportunities {
        height: 5.04032rem;
        margin-top: 1.00806rem;
    }

    .Work-container-main .Opportunities_page .Opportunities_Banner .Description_Opportunities .Description_Opportunities_Text {
        font-size: 1.6129rem;
    }
}

@media only screen and (min-width: 1200px) {
    .Work-container-main .landing_page {
        height: 56.25rem;
    }

    .Work-container-main .landing_page .content-container {
        max-width: 49.79167rem;
    }

    .Work-container-main .landing_page .content-container .headline {
        height: 13.59375rem;
    }

    .Work-container-main .landing_page .content-container .headline .headline_Text {
        font-size: 5.20833rem;
    }

    .Work-container-main .landing_page .content-container .main-description {
        height: 5.88542rem;
        padding-top: 1.66667rem;
    }

    .Work-container-main .landing_page .content-container .main-description .main-description-text {
        font-size: 1.04167rem;
    }

    .Work-container-main .Detail_page .side_sticky_nav {
        padding: 4.45312rem 7.03125rem 0 7.03125rem;
    }

    .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_title .side_sticky_nav_title_text {
        -webkit-text-stroke: 1px #00555a;
        font-size: 5.72917rem;
    }

    .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header {
        display: flex;
        flex-wrap: wrap;
        margin-left: -1.30208rem;
    }

    .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers {
        font-size: 1.25rem;
        margin: 0.83333rem 0;
        padding-left: 1.30208rem;
    }

    .Work-container-main .Detail_page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers.active::before {
        margin-left: -1.04167rem;
        margin-right: 10px;
    }

    .Work-container-main .Detail_page .main_content_section {
        display: flex;
        flex-direction: column;
        padding: 4.45312rem 0 0 0;
    }

    .Work-container-main .Detail_page .main_content_section .content_prelude {
        padding: 0 7.29167rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_heading {
        padding-bottom: 0.9375rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_heading .content_prelude_heading_text {
        font-size: 3.125rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_summary {
        max-width: 44.47917rem;
        margin-bottom: 2.36979rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_prelude .content_prelude_summary .content_prelude_summary_text {
        font-size: 1.04167rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_pointers {
        padding: 0 7.29167rem 0 7.29167rem;
        margin: 0 3.125rem 2.86458rem 0;
        height: 27.34375rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_title .content_pointers_title_text {
        font-size: 1.25rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_list .content_pointers_list_header .content_pointers_list_item {
        font-size: 1.04167rem;
        margin-top: 2.39583rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_pointers .content_pointers_list .content_pointers_list_header .content_pointers_list_item::before {
        margin: 0.78125rem 0.88542rem 0 0;
        min-width: 0.625rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details {
        padding: 2.08333rem 7.29167rem 0 7.29167rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_details_heading .content_contact_details_text {
        font-size: 0.9375rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        max-width: 49.73958rem;
        margin: 1.77083rem 0 1.77083rem 0;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_text {
        font-size: 1.04167rem;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_logo {
        height: 2.44792rem;
        object-fit: contain;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact_KnowMore_Button {
        width: auto;
        margin-top: 0;
    }

    .Work-container-main .Detail_page .main_content_section .content_contact_details .content_contact_container .content_contact_KnowMore_Button .KnowMoreButton {
        padding: 0.9375rem 1.5625rem;
        font-size: 0.78125rem;
    }

    .Work-container-main .Opportunities_page {
        height: 47.86458rem;
    }

    .Work-container-main .Opportunities_page .Opportunities_Banner {
        max-height: 20.83333rem;
        max-width: 50.39062rem;
        padding: 4.42708rem 8.22917rem;
    }

    .Work-container-main .Opportunities_page .Opportunities_Banner .Coming_soon {
        height: 1.25rem;
    }

    .Work-container-main .Opportunities_page .Opportunities_Banner .Coming_soon .Coming_soon_Text {
        font-size: 0.9375rem;
    }

    .Work-container-main .Opportunities_page .Opportunities_Banner .Headline_Opportunities {
        height: 6.77083rem;
        margin: 0.83333rem 0;
    }

    .Work-container-main .Opportunities_page .Opportunities_Banner .Headline_Opportunities .Headline_Opportunities_Text {
        font-size: 2.5rem;
    }

    .Work-container-main .Opportunities_page .Opportunities_Banner .Description_Opportunities {
        height: 2.5rem;
        margin-top: 0.72917rem;
        max-width: 60%;
    }

    .Work-container-main .Opportunities_page .Opportunities_Banner .Description_Opportunities .Description_Opportunities_Text {
        font-size: 0.83333rem;
    }
}

@media only screen and (min-width: 320px) {
    .about_us_container .about_us_section {
        padding: 40rem 8rem 0 8rem;
    }

    .about_us_container .about_us_section .carousel-items {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .about_us_container .about_us_section .carousel-items .carousel-inner {
        width: unset;
    }

    .about_us_container .about_us_section .carousel-items .carousel-inner .video-play {
        background-image: url("../assets/video-play-btn.svg");
        background-repeat: no-repeat;
        width: 12rem;
        height: 12rem;
        position: absolute;
        left: 0%;
        right: 0%;
        top: 0%;
        bottom: 0%;
        margin: auto;
        background-size: contain;
        background-position: center;
        cursor: pointer;
    }

    .about_us_container .about_us_section .carousel-items .carousel-inner video,
    .about_us_container .about_us_section .carousel-items .carousel-inner img {
        height: 41.06667rem;
    }

    .about_us_container .about_us_section .begining {
        margin-top: 8.64rem;
    }

    .about_us_container .about_us_section .begining .title {
        -webkit-text-stroke: 1px #207878;
        font-weight: 800;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        color: transparent;
        font-size: 11.46667rem;
    }

    .about_us_container .about_us_section .begining .desc {
        margin-top: 3.73333rem;
        font-size: 3.73333rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.79;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
    }

    .about_us_container .about_us_section .begining .apply-button-wrapper {
        margin-top: 8.53333rem;
        margin-bottom: 9.33333rem;
        position: relative;
    }

    .about_us_container .about_us_section .begining .apply-button-wrapper .apply-button {
        opacity: 0.9;
        border: solid 1px #017a7b;
        border-radius: 5px;
        background-color: #ffffff;
        font-size: 2.7rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 0px;
        color: #000000;
        padding: 2.93333rem 3.2rem;
    }

    .about_us_container .about_us_section .begining .apply-button-wrapper .apply-button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 1.6rem;
        height: 2.93333rem;
        margin-left: 3.73333rem;
    }

    .about_us_container .pillar-section .pillar-title {
        padding: 10.66667rem 8rem 10.66667rem 8rem;
        background-image: linear-gradient(143deg, #00797b 9%, #005077 92%);
    }

    .about_us_container .pillar-section .pillar-title .pillar-count {
        -webkit-text-stroke: 0.8px #ffffff;
        font-weight: 800;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        color: transparent;
        font-size: 32rem;
        margin-right: 4rem;
        line-height: 1;
    }

    .about_us_container .pillar-section .pillar-title .pillar-header {
        -webkit-text-stroke: 0.8px #ffffff;
        font-weight: 800;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        color: transparent;
        font-size: 10.93333rem;
    }

    .about_us_container .pillar-section .pillar-title .pillar-desc .content {
        font-size: 3.73333rem;
        opacity: 0.6;
        margin-top: 6.66667rem;
        line-height: 1.79;
        color: #ffffff;
    }

    .about_us_container .pillar-section .scrollable-container .tile-item {
        padding: 10.66667rem 5.33333rem;
        text-align: center;
        border-bottom: 1px solid rgba(52, 146, 146, 0.3);
    }

    .about_us_container .pillar-section .scrollable-container .tile-item .tile-details .count {
        font-size: 4.8rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        padding-bottom: 0.5rem;
        border-bottom: 3px solid #000000;
    }

    .about_us_container .pillar-section .scrollable-container .tile-item .tile-details .tile-title {
        font-size: 6.4rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.31;
        letter-spacing: normal;
        margin-top: 5.33333rem;
    }

    .about_us_container .pillar-section .scrollable-container .tile-item .tile-details .content {
        font-size: 3.73333rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.79;
        letter-spacing: normal;
        text-align: center;
        opacity: 0.6;
        margin: 4rem 2.4rem 0;
    }

    .about_us_container .pillar-section .scrollable-container .tile-item .tile-image {
        margin-top: 5.3rem;
    }

    .about_us_container .pillar-section .scrollable-container .tile-item .tile-image img {
        width: 57.33333rem;
        height: 44.8rem;
        object-fit: contain;
    }

    .about_us_container .timeline-section {
        padding: 12rem 8rem 0 8rem;
        background-image: url("../assets/about-us-timeline.png");
        transition: background 1s ease-in-out;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .about_us_container .timeline-section .timeline-heading {
        font-size: 6.4rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        color: #ffffff;
        margin-bottom: 11.2rem;
    }

    .about_us_container .timeline-section .timeline {
        position: relative;
        overflow: auto;
        max-height: 500px;
    }

    .about_us_container .timeline-section .timeline .timeline-container {
        margin-bottom: 11.2rem;
        padding-left: 4.53333rem;
        margin-left: 4px;
        position: relative;
    }

    .about_us_container .timeline-section .timeline .timeline-container:before {
        content: "";
        position: absolute;
        width: 2px;
        border: 1px solid #707070;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.02) -34%, #000000 90%);
        top: 2.66667rem;
        left: -1px;
        bottom: -11.2rem;
    }

    .about_us_container .timeline-section .timeline .timeline-container .marker {
        position: absolute;
        width: 2.4rem;
        height: 2.4rem;
        border: 1px solid #ffffff;
        top: 0;
        border-radius: 50%;
        z-index: 1;
        left: -1.06667rem;
    }

    .about_us_container .timeline-section .timeline .timeline-container .content {
        position: relative;
        border-radius: 6px;
    }

    .about_us_container .timeline-section .timeline .timeline-container .content h5 {
        font-size: 3.2rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.17;
        letter-spacing: normal;
        text-align: left;
        color: #ffffff;
    }

    .about_us_container .timeline-section .timeline .timeline-container .content p {
        font-size: 3.2rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.67;
        letter-spacing: normal;
        text-align: left;
        color: #ffffff;
    }

    .about_us_container .timeline-section .timeline .timeline-container.active .content p {
        font-weight: 800;
    }

    .about_us_container .timeline-section .timeline .timeline-container.active .marker {
        background-image: linear-gradient(to top, #add484, #00a0b4);
    }

    .about_us_container .timeline-section .timeline .left {
        left: 0;
    }

    .about_us_container .timeline-section .timeline .right {
        left: 0%;
    }

    .about_us_container .timeline-section .timeline::-webkit-scrollbar {
        width: 0;
    }

    .about_us_container .timeline-section .timeline::-moz-scrollbar {
        width: 0;
    }

    .about_us_container .cta-video .cta-video-container {
        flex-direction: column-reverse;
        padding: 10.66667rem 4rem 0rem 4rem;
    }

    .about_us_container .cta-video .cta-video-container .cta-wrapper {
        flex-direction: column;
        justify-content: center;
        margin-top: 8.5rem;
        padding: 0 4rem;
    }

    .about_us_container .cta-video .cta-video-container .cta-wrapper .title {
        font-size: 6.4rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.3;
        letter-spacing: normal;
    }

    .about_us_container .cta-video .cta-video-container .cta-wrapper .sub-title {
        opacity: 0.6;
        font-size: 3.7rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.9;
        letter-spacing: normal;
        margin-top: 3.73333rem;
    }

    .about_us_container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper {
        position: relative;
        margin-top: 8.53333rem;
    }

    .about_us_container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button {
        border: solid 1px #017a7b;
        border-radius: 5px;
        background-color: #ffffff;
        font-size: 3.2rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 0px;
        color: #000000;
        padding: 3.2rem;
    }

    .about_us_container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 1.6rem;
        height: 3.01333rem;
        margin-left: 3.73333rem;
    }

    .about_us_container .cta-video .cta-video-container .video-container {
        padding: 2.1rem 2.1rem 0 0;
        position: relative;
    }

    .about_us_container .cta-video .cta-video-container .video-container .background-container {
        height: 57.33333rem;
    }

    .about_us_container .cta-video .cta-video-container .video-container .background-container video,
    .about_us_container .cta-video .cta-video-container .video-container .background-container img {
        object-fit: cover;
    }

    .about_us_container .cta-video .cta-video-container .video-container .background-container .video-play {
        background-image: url("../assets/video-play-btn.svg");
        background-repeat: no-repeat;
        width: 12rem;
        height: 12rem;
        position: absolute;
        left: 0%;
        right: 0%;
        top: 0%;
        bottom: 0%;
        margin: auto;
        background-size: contain;
        background-position: center;
        cursor: pointer;
    }

    .about_us_container .cta-video .cta-video-container .video-container::after {
        content: "";
        background-image: linear-gradient(to bottom, #add484, #00a0b4);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 2.1rem;
        left: 2.1rem;
        z-index: -1;
    }

    .about_us_container .canvas-text-action {
        min-height: 176rem;
        margin-top: 11.2rem;
        position: relative;
    }

    .about_us_container .canvas-text-action .carousel {
        position: unset;
    }

    .about_us_container .canvas-text-action .carousel-inner {
        position: unset;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item {
        position: unset;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .background-container {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .background-container::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 80, 119, 0.2);
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .background-container video,
    .about_us_container .canvas-text-action .carousel-inner .carousel-item .background-container img {
        object-fit: cover;
        object-position: top;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container {
        max-width: 65.6rem;
        margin: auto;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .title {
        font-size: 6.4rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.3;
        letter-spacing: normal;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .desc {
        font-size: 3.73333rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.9;
        letter-spacing: normal;
        margin: 4.53333rem 0 9.06667rem 0;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper {
        position: relative;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button {
        border: solid 1px #017a7b;
        border-radius: 5px;
        background-color: #ffffff;
        font-size: 3.2rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 0px;
        color: #000000;
        padding: 3.2rem;
        margin-bottom: 50px;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 1.6rem;
        height: 3.01333rem;
        margin-left: 3.73333rem;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container {
        padding: 11.2rem 0 10.4rem 0;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .cta-content {
        padding: 0 8.3rem;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .cta-content .title {
        font-size: 6.4rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.3;
        letter-spacing: normal;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .cta-content .desc {
        opacity: 0.6;
        font-size: 3.7rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.9;
        margin-top: 3.73333rem;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .logo-container {
        margin-top: 8.3rem;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .logo-container .logo-list {
        justify-content: space-between;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .logo-container .logo-list .list-item .logo-wrapper {
        background-color: #f8f8f8;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .logo-container .logo-list .owl-dots .owl-dot span {
        background: #017a7b;
        opacity: 0.2;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .logo-container .logo-list .owl-dots .owl-dot.active span {
        opacity: 1;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper {
        padding: 8.8rem 0 0 8rem;
        position: relative;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button {
        opacity: 0.9;
        border: solid 1px #017a7b;
        border-radius: 5px;
        background-color: #ffffff;
        font-size: 2.7rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 0px;
        color: #000000;
        padding: 2.9rem 3.2rem;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 1.6rem;
        height: 3rem;
        margin-left: 3.7rem;
    }

    .about_us_container .plan {
        background-image: linear-gradient(141deg, #00797b 9%, #005077 92%);
    }

    .about_us_container .plan .header-div {
        padding: 9.33333rem;
    }

    .about_us_container .plan .header-div .plan-title {
        -webkit-text-stroke: 0.8px #ffffff;
        font-size: 10.66667rem;
        font-weight: 800;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        text-align: left;
        color: transparent;
    }

    .about_us_container .plan .inner-section {
        background-color: white;
        overflow-x: auto;
        flex-wrap: nowrap;
    }

    .about_us_container .plan .inner-section .card-wrapper {
        padding: 8rem;
        min-width: 66.66667rem;
    }

    .about_us_container .plan .inner-section .card-wrapper img {
        max-height: 8.53333rem;
        width: 9.33333rem;
    }

    .about_us_container .plan .inner-section .card-wrapper .count {
        font-size: 7.46667rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.36;
        letter-spacing: -0.64px;
        display: block;
        color: #017a7b;
        margin: 4.26667rem 0;
    }

    .about_us_container .plan .inner-section .card-wrapper .desc {
        font-size: 3.73333rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.79;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
        margin: 0;
        opacity: 0.6;
    }
}

@media only screen and (min-width: 768px) {
    .about_us_container .about_us_section {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row-reverse;
        padding: 20.96354rem 3.38542rem 0 5.20833rem;
        margin-top: 0;
    }

    .about_us_container .about_us_section .carousel-items {
        align-items: flex-start;
    }

    .about_us_container .about_us_section .carousel-items .video-play {
        width: 7.68229rem;
        height: 7.68229rem;
    }

    .about_us_container .about_us_section .carousel-items video,
    .about_us_container .about_us_section .carousel-items img {
        height: 39.71354rem;
        width: 45.18229rem;
    }

    .about_us_container .about_us_section .begining {
        margin: 0 5.46875rem 0 0;
    }

    .about_us_container .about_us_section .begining .title {
        font-size: 5.59896rem;
    }

    .about_us_container .about_us_section .begining .desc {
        margin-top: 2.34375rem;
        font-size: 1.82292rem;
    }

    .about_us_container .about_us_section .begining .apply-button-wrapper {
        margin-top: 3.1901rem;
        margin-bottom: 6.77083rem;
        position: relative;
    }

    .about_us_container .about_us_section .begining .apply-button-wrapper .apply-button {
        background-color: #ffffff;
        font-size: 1.95312rem;
        padding: 2.34375rem 3.90625rem;
    }

    .about_us_container .about_us_section .begining .apply-button-wrapper .apply-button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 1.04167rem;
        height: 1.95312rem;
        margin-left: 2.60417rem;
    }

    .about_us_container .pillar-section .pillar-title {
        padding: 5.20833rem 5.85938rem 5.98958rem 5.27344rem;
        background-image: linear-gradient(143deg, #00797b 9%, #005077 92%);
        display: inline-flex;
        justify-content: left;
    }

    .about_us_container .pillar-section .pillar-title .pillar-count {
        font-size: 13.67188rem;
        margin-right: 1.5625rem;
        line-height: 0.9;
    }

    .about_us_container .pillar-section .pillar-title .pillar-header {
        -webkit-text-stroke: 0.8px #ffffff;
        font-size: 4.6875rem;
        min-width: 21.48438rem;
    }

    .about_us_container .pillar-section .pillar-title .pillar-desc .content {
        font-size: 1.82292rem;
        opacity: 0.6;
        line-height: 1.79;
        color: #ffffff;
        margin: 0 0 0 8rem;
    }

    .about_us_container .pillar-section .scrollable-container .tile-item {
        padding: 5.33854rem 0 5.20833rem 3.125rem;
        text-align: left;
        border-right: 1px solid rgba(52, 146, 146, 0.3);
        border-bottom: 0;
    }

    .about_us_container .pillar-section .scrollable-container .tile-item .tile-details .count {
        font-weight: 600;
        font-size: 1.5625rem;
        padding-bottom: 0.5rem;
        border-bottom: 1px solid #000000;
    }

    .about_us_container .pillar-section .scrollable-container .tile-item .tile-details .tile-title {
        font-size: 2.08333rem;
        margin: 3.125rem 2.08333rem 0 0;
    }

    .about_us_container .pillar-section .scrollable-container .tile-item .tile-details .content {
        text-align: left;
        font-size: 1.82292rem;
        margin: 1.17188rem 6.38021rem 0 0;
    }

    .about_us_container .pillar-section .scrollable-container .tile-item .tile-image {
        margin-top: 4.03646rem;
    }

    .about_us_container .pillar-section .scrollable-container .tile-item .tile-image img {
        width: 26.43229rem;
        height: 20.57292rem;
    }

    .about_us_container .timeline-section {
        padding: 4.42708rem 0 0 3.90625rem;
    }

    .about_us_container .timeline-section .timeline-heading {
        font-size: 3.90625rem;
        margin-bottom: 25.52083rem;
        text-align: center;
    }

    .about_us_container .timeline-section .timeline {
        position: relative;
        overflow-x: auto;
        overflow-y: hidden;
        max-height: unset;
        display: flex;
        padding-bottom: 9.11458rem;
    }

    .about_us_container .timeline-section .timeline .timeline-container {
        padding-left: 0;
        margin-bottom: 0;
        max-width: 19.53125rem;
        margin-left: 5px;
        position: relative;
    }

    .about_us_container .timeline-section .timeline .timeline-container:before {
        content: "";
        position: absolute;
        width: 2px;
        border: 1px solid #707070;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.02) -34%, #000000 90%);
        top: 1.30208rem;
        left: 0.78125rem;
        right: -0.52083rem;
        bottom: -5.46875rem;
    }

    .about_us_container .timeline-section .timeline .timeline-container .marker {
        position: absolute;
        width: 1.04167rem;
        height: 1.04167rem;
        border: 1px solid #ffffff;
        top: 0;
        border-radius: 50%;
        z-index: 1;
        left: 0rem;
    }

    .about_us_container .timeline-section .timeline .timeline-container .content {
        position: relative;
        border-radius: 6px;
        white-space: nowrap;
        margin: 1.95312rem 0;
    }

    .about_us_container .timeline-section .timeline .timeline-container .content h5 {
        font-size: 1.5625rem;
    }

    .about_us_container .timeline-section .timeline .timeline-container .content p {
        font-size: 1.82292rem;
        margin: 0;
    }

    .about_us_container .timeline-section .timeline .timeline-container.active .content p {
        font-weight: 800;
    }

    .about_us_container .timeline-section .timeline .timeline-container.active .marker {
        background-image: linear-gradient(to top, #add484, #00a0b4);
    }

    .about_us_container .timeline-section .timeline .above:before {
        bottom: 0;
        top: unset;
        width: unset;
        height: 2px;
    }

    .about_us_container .timeline-section .timeline .above .marker {
        bottom: -0.39062rem;
        top: unset;
    }

    .about_us_container .timeline-section .timeline .below {
        transform: translateY(calc(100% - 2px));
    }

    .about_us_container .timeline-section .timeline .below:before {
        bottom: unset;
        top: 0;
        width: unset;
        height: 2px;
    }

    .about_us_container .timeline-section .timeline .below .marker {
        top: -0.39062rem;
        bottom: unset;
    }

    .about_us_container .timeline-section .timeline::-webkit-scrollbar {
        width: 0;
    }

    .about_us_container .timeline-section .timeline::-moz-scrollbar {
        width: 0;
    }

    .about_us_container .cta-video .cta-video-container {
        flex-direction: column-reverse;
        padding: 6.77083rem 6.64062rem 0 5.20833rem;
    }

    .about_us_container .cta-video .cta-video-container .cta-wrapper {
        flex-direction: column;
        justify-content: center;
        margin-top: 2.60417rem;
        padding: 0;
    }

    .about_us_container .cta-video .cta-video-container .cta-wrapper .title {
        font-size: 3.90625rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.3;
        letter-spacing: normal;
    }

    .about_us_container .cta-video .cta-video-container .cta-wrapper .sub-title {
        font-size: 1.82292rem;
        margin-top: 2.60417rem;
    }

    .about_us_container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper {
        position: relative;
        margin-top: 3.90625rem;
    }

    .about_us_container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button {
        opacity: 0.9;
        font-size: 1.95312rem;
        font-weight: 600;
        padding: 2.34375rem 3.90625rem;
    }

    .about_us_container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 1.17188rem;
        height: 1.95312rem;
        margin-left: 2.60417rem;
    }

    .about_us_container .cta-video .cta-video-container .video-container {
        padding: 2.1rem 2.1rem 0 0;
        position: relative;
    }

    .about_us_container .cta-video .cta-video-container .video-container .background-container {
        height: 55.46875rem;
    }

    .about_us_container .cta-video .cta-video-container .video-container .background-container video,
    .about_us_container .cta-video .cta-video-container .video-container .background-container img {
        object-fit: cover;
    }

    .about_us_container .cta-video .cta-video-container .video-container .background-container .video-play {
        width: 7.68229rem;
        height: 7.68229rem;
    }

    .about_us_container .cta-video .cta-video-container .video-container::after {
        content: "";
        background-image: linear-gradient(to bottom, #add484, #00a0b4);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 2.1rem;
        left: 2.1rem;
        z-index: -1;
    }

    .about_us_container .canvas-text-action {
        min-height: 60.54688rem;
        margin-top: 5.20833rem;
        position: relative;
    }

    .about_us_container .canvas-text-action .carousel {
        position: unset;
    }

    .about_us_container .canvas-text-action .carousel-inner {
        position: unset;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item {
        position: unset;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .background-container {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .background-container::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 80, 119, 0.2);
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container {
        max-width: 58.59375rem;
        margin: auto;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .title {
        font-size: 3.90625rem;
        font-weight: 600;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .desc {
        font-size: 1.82292rem;
        margin: 2.60417rem 0 3.90625rem 0;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper {
        position: relative;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button {
        font-size: 1.95312rem;
        opacity: 0.9;
        color: #000000;
        padding: 1.95312rem 3.90625rem;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 1.04167rem;
        height: 1.95312rem;
        margin-left: 2.60417rem;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container {
        padding: 5.20833rem 0 0 0rem;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .cta-content {
        padding: 5.20833rem 5.20833rem 0;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .cta-content .title {
        font-size: 3.90625rem;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .cta-content .desc {
        font-size: 1.82292rem;
        margin-top: 2.60417rem;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .logo-container {
        margin-top: 3.90625rem;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .logo-container .logo-list {
        justify-content: space-between;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .logo-container .logo-list .list-item .logo-wrapper {
        background-color: #f8f8f8;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper {
        padding: 4.16667rem 0 6.77083rem 5.20833rem;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button {
        opacity: 0.9;
        font-size: 1.95312rem;
        padding: 2.34375rem 3.90625rem;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button::after {
        width: 1.04167rem;
        height: 1.95312rem;
        margin-left: 1.82292rem;
    }

    .about_us_container .plan {
        background-image: linear-gradient(141deg, #00797b 9%, #005077 92%);
    }

    .about_us_container .plan .header-div {
        padding: 7.16146rem 0 3.64583rem 5.20833rem;
    }

    .about_us_container .plan .header-div .plan-title {
        font-size: 6.51042rem;
    }

    .about_us_container .plan .inner-section {
        background-color: #ffffff;
        overflow-x: auto;
        flex-wrap: nowrap;
    }

    .about_us_container .plan .inner-section .card-wrapper {
        padding: 3.90625rem;
        min-width: 27.99479rem;
    }

    .about_us_container .plan .inner-section .card-wrapper img {
        max-height: 5.07812rem;
        width: 6.25rem;
    }

    .about_us_container .plan .inner-section .card-wrapper .count {
        font-size: 2.34375rem;
        color: #017a7b;
        margin: 2.08333rem 0 1.17188rem 0;
    }

    .about_us_container .plan .inner-section .card-wrapper .desc {
        font-size: 2.08333rem;
    }
}

@media only screen and (min-width: 992px) {
    .about_us_container .about_us_section {
        padding: 19.15323rem 6.75403rem 0 8.06452rem;
        margin-top: 0;
    }

    .about_us_container .about_us_section .carousel-items {
        align-items: flex-start;
        margin-bottom: 8.77016rem;
    }

    .about_us_container .about_us_section .carousel-items .video-play {
        width: 7.25806rem;
        height: 7.25806rem;
    }

    .about_us_container .about_us_section .carousel-items img,
    .about_us_container .about_us_section .carousel-items video {
        max-width: 36.59274rem;
        max-height: 32.15726rem;
    }

    .about_us_container .about_us_section .begining {
        margin: 0 6.55242rem 0 0;
    }

    .about_us_container .about_us_section .begining .title {
        font-size: 5.24194rem;
    }

    .about_us_container .about_us_section .begining .desc {
        margin-top: 2.21774rem;
        font-size: 1.6129rem;
    }

    .about_us_container .about_us_section .begining .apply-button-wrapper {
        margin-top: 3.52823rem;
        margin-bottom: 8.77016rem;
        position: relative;
    }

    .about_us_container .about_us_section .begining .apply-button-wrapper .apply-button {
        background-color: #ffffff;
        font-size: 1.5121rem;
        padding: 1.81452rem 3.02419rem;
    }

    .about_us_container .about_us_section .begining .apply-button-wrapper .apply-button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 0.80645rem;
        height: 1.5121rem;
        margin-left: 2.01613rem;
    }

    .about_us_container .pillar-section .pillar-title {
        padding: 6.04839rem 8.06452rem;
        background-image: linear-gradient(143deg, #00797b 9%, #005077 92%);
        display: inline-flex;
        justify-content: left;
    }

    .about_us_container .pillar-section .pillar-title .pillar-count {
        font-size: 14.61694rem;
        margin-right: 1.5121rem;
    }

    .about_us_container .pillar-section .pillar-title .pillar-header {
        -webkit-text-stroke: 0.8px #ffffff;
        font-size: 4.83871rem;
        min-width: 24.19355rem;
    }

    .about_us_container .pillar-section .pillar-title .pillar-desc .content {
        font-size: 1.6129rem;
    }

    .about_us_container .pillar-section .scrollable-container .tile-item {
        padding: 6.04839rem 0 6.04839rem 4.03226rem;
        text-align: left;
        border-right: 1px solid rgba(52, 146, 146, 0.3);
        border-bottom: 0;
    }

    .about_us_container .pillar-section .scrollable-container .tile-item .tile-details .count {
        font-size: 1.41129rem;
        padding-bottom: 0.5rem;
        border-bottom: 1px solid #000000;
    }

    .about_us_container .pillar-section .scrollable-container .tile-item .tile-details .tile-title {
        font-size: 1.81452rem;
        margin: 2.62097rem 3.22581rem 0 0;
    }

    .about_us_container .pillar-section .scrollable-container .tile-item .tile-details .content {
        text-align: left;
        font-size: 1.6129rem;
        margin: 1.20968rem 6.04839rem 0 0;
        opacity: 0.6;
    }

    .about_us_container .pillar-section .scrollable-container .tile-item .tile-image {
        margin-top: 6.85484rem;
    }

    .about_us_container .pillar-section .scrollable-container .tile-item .tile-image img {
        width: 25.60484rem;
        height: 20.06048rem;
    }

    .about_us_container .timeline-section {
        padding: 6.04839rem 0 0 6.65323rem;
    }

    .about_us_container .timeline-section .timeline-heading {
        font-size: 4.03226rem;
        margin-bottom: 25.20161rem;
        text-align: center;
    }

    .about_us_container .timeline-section .timeline {
        position: relative;
        overflow-x: auto;
        overflow-y: hidden;
        max-height: unset;
        display: flex;
        padding-bottom: 9.57661rem;
    }

    .about_us_container .timeline-section .timeline .timeline-container {
        padding-left: 0;
        margin-bottom: 0;
        max-width: 18.14516rem;
        margin-left: 5px;
        position: relative;
    }

    .about_us_container .timeline-section .timeline .timeline-container:before {
        content: "";
        position: absolute;
        width: 2px;
        border: 1px solid #707070;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.02) -34%, #000000 90%);
        top: 1.00806rem;
        left: 1.00806rem;
        right: -0.40323rem;
        bottom: -4.23387rem;
    }

    .about_us_container .timeline-section .timeline .timeline-container .marker {
        position: absolute;
        width: 1.00806rem;
        height: 1.10887rem;
        border: 1px solid #ffffff;
        top: 0;
        border-radius: 50%;
        z-index: 1;
        left: 0rem;
    }

    .about_us_container .timeline-section .timeline .timeline-container .content {
        position: relative;
        border-radius: 6px;
        white-space: nowrap;
        margin: 2.52016rem 0;
    }

    .about_us_container .timeline-section .timeline .timeline-container .content h5 {
        font-size: 1.41129rem;
    }

    .about_us_container .timeline-section .timeline .timeline-container .content p {
        font-size: 1.6129rem;
    }

    .about_us_container .timeline-section .timeline .timeline-container.active .content p {
        font-weight: 800;
    }

    .about_us_container .timeline-section .timeline .timeline-container.active .marker {
        background-image: linear-gradient(to top, #add484, #00a0b4);
    }

    .about_us_container .timeline-section .timeline .above:before {
        bottom: 0;
        top: unset;
        width: unset;
        height: 2px;
    }

    .about_us_container .timeline-section .timeline .above .marker {
        bottom: -0.40323rem;
        top: unset;
    }

    .about_us_container .timeline-section .timeline .below {
        transform: translateY(calc(100% - 2px));
    }

    .about_us_container .timeline-section .timeline .below:before {
        bottom: unset;
        top: 0;
        width: unset;
        height: 2px;
    }

    .about_us_container .timeline-section .timeline .below .marker {
        top: -0.40323rem;
        bottom: unset;
    }

    .about_us_container .timeline-section .timeline::-webkit-scrollbar {
        width: 0;
    }

    .about_us_container .timeline-section .timeline::-moz-scrollbar {
        width: 0;
    }

    .about_us_container .cta-video .cta-video-container {
        flex-direction: column-reverse;
        padding: 6.95565rem 9.375rem 0 8.06452rem;
    }

    .about_us_container .cta-video .cta-video-container .cta-wrapper {
        flex-direction: column;
        justify-content: center;
        margin-top: 3.02419rem;
        padding: 0;
    }

    .about_us_container .cta-video .cta-video-container .cta-wrapper .title {
        font-size: 4.03226rem;
    }

    .about_us_container .cta-video .cta-video-container .cta-wrapper .sub-title {
        font-size: 1.6129rem;
        margin-top: 2.01613rem;
    }

    .about_us_container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper {
        margin-top: 3.02419rem;
    }

    .about_us_container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button {
        font-size: 1.5121rem;
        padding: 1.81452rem 3.02419rem;
    }

    .about_us_container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button::after {
        content: "";
        width: 0.80645rem;
        height: 1.5121rem;
        margin-left: 2.01613rem;
    }

    .about_us_container .cta-video .cta-video-container .video-container {
        padding: 1.31048rem 1.31048rem 0 0;
        position: relative;
    }

    .about_us_container .cta-video .cta-video-container .video-container .background-container {
        height: 55.14113rem;
    }

    .about_us_container .cta-video .cta-video-container .video-container .background-container video,
    .about_us_container .cta-video .cta-video-container .video-container .background-container img {
        object-fit: cover;
    }

    .about_us_container .cta-video .cta-video-container .video-container .background-container .video-play {
        width: 7.25806rem;
        height: 7.25806rem;
    }

    .about_us_container .cta-video .cta-video-container .video-container::after {
        content: "";
        background-image: linear-gradient(to bottom, #add484, #00a0b4);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 2.1rem;
        left: 2.1rem;
        z-index: -1;
    }

    .about_us_container .canvas-text-action {
        min-height: 80.64516rem;
        margin-top: 6.04839rem;
        position: relative;
    }

    .about_us_container .canvas-text-action .carousel {
        position: unset;
    }

    .about_us_container .canvas-text-action .carousel-inner {
        position: unset;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item {
        position: unset;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .background-container {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .background-container::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 80, 119, 0.2);
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container {
        max-width: 58.46774rem;
        margin: auto;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .title {
        font-size: 4.03226rem;
        font-weight: 600;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .desc {
        margin: 2.01613rem 0 3.02419rem 0;
        font-size: 1.6129rem;
        line-height: 1.7;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper {
        position: relative;
        margin-top: 0;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button {
        font-size: 1.5121rem;
        opacity: 0.9;
        color: #000000;
        padding: 1.81452rem 3.02419rem;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button::after {
        width: 0.80645rem;
        height: 1.5121rem;
        margin-left: 2.01613rem;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container {
        padding: 6.04839rem 0 0 0;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .cta-content {
        padding: 0 0 0 8.06452rem;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .cta-content .title {
        font-size: 4.03226rem;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .cta-content .desc {
        font-size: 1.6129rem;
        margin-top: 2.01613rem;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .logo-container {
        margin-top: 3.02419rem;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .logo-container .logo-list {
        justify-content: space-between;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .logo-container .logo-list .list-item .logo-wrapper {
        background-color: #f8f8f8;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper {
        padding: 4.13306rem 0 7.25806rem 8.06452rem;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button {
        font-size: 1.5121rem;
        padding: 1.81452rem 3.02419rem;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button::after {
        width: 0.80645rem;
        height: 1.5121rem;
        margin-left: 1.41129rem;
    }

    .about_us_container .plan {
        background-image: linear-gradient(141deg, #00797b 9%, #005077 92%);
    }

    .about_us_container .plan .header-div {
        padding: 4.93952rem 0 3.32661rem 8.06452rem;
    }

    .about_us_container .plan .header-div .plan-title {
        font-size: 6.25rem;
    }

    .about_us_container .plan .inner-section {
        background-color: #ffffff;
        overflow-x: auto;
        flex-wrap: nowrap;
    }

    .about_us_container .plan .inner-section .card-wrapper {
        padding: 4.03226rem;
        min-width: 29.23387rem;
    }

    .about_us_container .plan .inner-section .card-wrapper img {
        max-height: 4.33468rem;
        width: 5.34274rem;
    }

    .about_us_container .plan .inner-section .card-wrapper .count {
        font-size: 2.01613rem;
        margin: 1.6129rem 0 0.90726rem 0;
    }

    .about_us_container .plan .inner-section .card-wrapper .desc {
        font-size: 1.81452rem;
    }
}

@media only screen and (min-width: 1200px) {
    .about_us_container .about_us_section {
        padding: 16.97917rem 13.33333rem 0 7.29167rem;
        margin-top: 0;
    }

    .about_us_container .about_us_section .carousel-items {
        align-items: flex-start;
        margin-bottom: 12.08333rem;
    }

    .about_us_container .about_us_section .carousel-items .video-play {
        width: 4.16667rem;
        height: 4.16667rem;
    }

    .about_us_container .about_us_section .carousel-items img,
    .about_us_container .about_us_section .carousel-items video {
        max-height: 27.44792rem;
        max-width: 31.35417rem;
    }

    .about_us_container .about_us_section .begining {
        margin: 0 9.79167rem 0 0;
    }

    .about_us_container .about_us_section .begining .title {
        font-size: 5rem;
    }

    .about_us_container .about_us_section .begining .desc {
        margin: 0.98958rem 0 0 0;
        font-size: 1.04167rem;
    }

    .about_us_container .about_us_section .begining .apply-button-wrapper {
        margin-top: 2.1875rem;
        margin-bottom: 13.07292rem;
        position: relative;
    }

    .about_us_container .about_us_section .begining .apply-button-wrapper .apply-button {
        background-color: #ffffff;
        font-size: 0.78125rem;
        padding: 0.9375rem 1.5625rem;
    }

    .about_us_container .about_us_section .begining .apply-button-wrapper .apply-button::after {
        width: 0.41667rem;
        height: 0.78125rem;
        margin-left: 1.04167rem;
    }

    .about_us_container .pillar-section .pillar-title {
        padding: 6.30208rem 8.80208rem 7.08333rem 7.8125rem;
        background-image: linear-gradient(143deg, #00797b 9%, #005077 92%);
        display: inline-flex;
        justify-content: left;
    }

    .about_us_container .pillar-section .pillar-title .pillar-count {
        font-size: 13.54167rem;
        margin-right: 1.66667rem;
    }

    .about_us_container .pillar-section .pillar-title .pillar-header {
        -webkit-text-stroke: 0.8px #ffffff;
        font-size: 4.89583rem;
        min-width: 22.65625rem;
    }

    .about_us_container .pillar-section .pillar-title .pillar-desc .content {
        font-size: 1.04167rem;
    }

    .about_us_container .pillar-section .scrollable-container .tile-item {
        padding: 5.3125rem 0 5.20833rem 3.59375rem;
        text-align: left;
        border-right: 1px solid rgba(52, 146, 146, 0.3);
        border-bottom: 0;
    }

    .about_us_container .pillar-section .scrollable-container .tile-item .tile-details .count {
        font-size: 1.25rem;
        padding-bottom: 0.5rem;
        border-bottom: 1px solid #000000;
    }

    .about_us_container .pillar-section .scrollable-container .tile-item .tile-details .tile-title {
        font-size: 1.82292rem;
        margin: 1.04167rem 3.64583rem 0 0;
    }

    .about_us_container .pillar-section .scrollable-container .tile-item .tile-details .content {
        text-align: left;
        font-size: 1.04167rem;
        margin: 1.45833rem 8.75rem 0 0;
        opacity: 0.6;
    }

    .about_us_container .pillar-section .scrollable-container .tile-item .tile-image {
        margin-top: 6.5625rem;
    }

    .about_us_container .pillar-section .scrollable-container .tile-item .tile-image img {
        width: 25.41667rem;
        height: 19.84375rem;
    }

    .about_us_container .timeline-section {
        padding: 5.72917rem 0 0 7.29167rem;
    }

    .about_us_container .timeline-section .timeline-heading {
        font-size: 3.125rem;
        margin-bottom: 27.34375rem;
        text-align: center;
    }

    .about_us_container .timeline-section .timeline {
        position: relative;
        overflow-x: auto;
        overflow-y: hidden;
        max-height: unset;
        display: flex;
        padding-bottom: 10.41667rem;
    }

    .about_us_container .timeline-section .timeline .timeline-container {
        padding-left: 0;
        margin-bottom: 0;
        max-width: 17.03125rem;
        margin-left: 5px;
        position: relative;
    }

    .about_us_container .timeline-section .timeline .timeline-container:before {
        content: "";
        position: absolute;
        width: 2px;
        border: 1px solid #707070;
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.02) -34%, #000000 90%);
        top: 0.52083rem;
        left: 1.04167rem;
        right: -0.20833rem;
        bottom: -2.1875rem;
    }

    .about_us_container .timeline-section .timeline .timeline-container .marker {
        position: absolute;
        width: 1.04167rem;
        height: 1.04167rem;
        border: 1px solid #ffffff;
        top: 0;
        border-radius: 50%;
        z-index: 1;
        left: 0rem;
    }

    .about_us_container .timeline-section .timeline .timeline-container .content {
        position: relative;
        border-radius: 6px;
        white-space: nowrap;
        margin: 1.30208rem 0;
    }

    .about_us_container .timeline-section .timeline .timeline-container .content h5 {
        font-size: 1.25rem;
    }

    .about_us_container .timeline-section .timeline .timeline-container .content p {
        font-size: 1.25rem;
    }

    .about_us_container .timeline-section .timeline .timeline-container.active .content p {
        font-weight: 800;
    }

    .about_us_container .timeline-section .timeline .timeline-container.active .marker {
        background-image: linear-gradient(to top, #add484, #00a0b4);
    }

    .about_us_container .timeline-section .timeline .above:before {
        bottom: 0;
        top: unset;
        width: unset;
        height: 2px;
    }

    .about_us_container .timeline-section .timeline .above .marker {
        bottom: -0.46875rem;
        top: unset;
    }

    .about_us_container .timeline-section .timeline .below {
        transform: translateY(calc(100% - 2px));
    }

    .about_us_container .timeline-section .timeline .below:before {
        bottom: unset;
        top: 0;
        width: unset;
        height: 2px;
    }

    .about_us_container .timeline-section .timeline .below .marker {
        top: -0.46875rem;
        bottom: unset;
    }

    .about_us_container .timeline-section .timeline::-webkit-scrollbar {
        width: 0;
    }

    .about_us_container .timeline-section .timeline::-moz-scrollbar {
        width: 0;
    }

    .about_us_container .cta-video .cta-video-container {
        flex-direction: row;
        padding: 13.38542rem 7.96875rem 0 7.29167rem;
    }

    .about_us_container .cta-video .cta-video-container .cta-wrapper {
        flex-direction: column;
        justify-content: center;
        margin-top: 1.5625rem;
        margin-right: 7.03125rem;
        max-width: 30.72917rem;
        padding: 0;
    }

    .about_us_container .cta-video .cta-video-container .cta-wrapper .title {
        font-size: 3.125rem;
    }

    .about_us_container .cta-video .cta-video-container .cta-wrapper .sub-title {
        opacity: 1;
        font-size: 1.04167rem;
        margin-top: 1.04167rem;
    }

    .about_us_container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button {
        opacity: 0.9;
        font-size: 0.78125rem;
        padding: 0.9375rem 1.5625rem;
    }

    .about_us_container .cta-video .cta-video-container .cta-wrapper .choice-button-wrapper .choice-button::after {
        content: "";
        width: 0.46875rem;
        height: 0.78125rem;
        margin-left: 1.04167rem;
    }

    .about_us_container .cta-video .cta-video-container .video-container {
        padding: 0.78125rem 1.04167rem 0 0;
        position: relative;
    }

    .about_us_container .cta-video .cta-video-container .video-container .background-container {
        height: 28.48958rem;
    }

    .about_us_container .cta-video .cta-video-container .video-container .background-container video,
    .about_us_container .cta-video .cta-video-container .video-container .background-container img {
        object-fit: cover;
    }

    .about_us_container .cta-video .cta-video-container .video-container .background-container .video-play {
        width: 4.16667rem;
        height: 4.16667rem;
    }

    .about_us_container .cta-video .cta-video-container .video-container::after {
        content: "";
        background-image: linear-gradient(to bottom, #add484, #00a0b4);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 2.1rem;
        left: 2.1rem;
        z-index: -1;
    }

    .about_us_container .canvas-text-action {
        min-height: 56.30208rem;
        margin-top: 12.8125rem;
        position: relative;
    }

    .about_us_container .canvas-text-action .carousel {
        position: unset;
    }

    .about_us_container .canvas-text-action .carousel-inner {
        position: unset;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item {
        position: unset;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .background-container {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .background-container::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 80, 119, 0.2);
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container {
        max-width: 45.05208rem;
        margin: auto;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .title {
        font-size: 3.125rem;
        font-weight: 600;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .desc {
        margin: 0.9375rem 0 2.1875rem 0 !important;
        font-size: 1.04167rem;
        line-height: 1.7;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper {
        margin: 0;
        position: relative;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button {
        font-size: 0.78125rem;
        opacity: 0.9;
        color: #000000;
        padding: 0.9375rem 1.5625rem;
    }

    .about_us_container .canvas-text-action .carousel-inner .carousel-item .text-container .meet-button-wrapper .meet-button::after {
        width: 0.41667rem;
        height: 0.78125rem;
        margin-left: 1.04167rem;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container {
        padding: 9.79167rem 0 0 0;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .cta-content {
        padding-left: 4.16667rem;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .cta-content .title {
        font-size: 3.125rem;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .cta-content .desc {
        font-size: 1.04167rem;
        margin-top: 0;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .logo-container {
        margin-top: 5.3125rem;
        margin-bottom: 12.29167rem;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .logo-container .logo-list {
        justify-content: space-between;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .logo-container .logo-list .list-item .logo-wrapper {
        background-color: #f8f8f8;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper {
        padding: 2.1875rem 0 0 0;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button {
        font-size: 0.78125rem;
        padding: 0.9375rem 1.5625rem;
    }

    .about_us_container .cta-scroll-logos .cta-scroll-logos-container .learn-button-wrapper .learn-button::after {
        width: 0.41667rem;
        height: 0.78125rem;
        margin-left: 0.72917rem;
    }

    .about_us_container .plan {
        background-image: linear-gradient(141deg, #00797b 9%, #005077 92%);
    }

    .about_us_container .plan .header-div {
        padding: 5.10417rem 0 3.22917rem 7.29167rem;
    }

    .about_us_container .plan .header-div .plan-title {
        font-size: 4.89583rem;
    }

    .about_us_container .plan .inner-section {
        background-color: #ffffff;
        overflow-x: auto;
        flex-wrap: nowrap;
        margin: 0 7.29167rem;
    }

    .about_us_container .plan .inner-section .card-wrapper {
        padding: 3.02083rem 3.64583rem;
        min-width: unset;
    }

    .about_us_container .plan .inner-section .card-wrapper img {
        max-height: 3.07292rem;
        width: 3.69792rem;
    }

    .about_us_container .plan .inner-section .card-wrapper .count {
        font-size: 1.66667rem;
        margin: 1.19792rem 0 0.83333rem 0;
    }

    .about_us_container .plan .inner-section .card-wrapper .desc {
        font-size: 1.04167rem;
    }
}

.placements-main-container .placements-landing-page {
    position: relative;
}

.placements-main-container .placements-landing-page .carousel {
    position: unset;
}

.placements-main-container .placements-landing-page .carousel-inner {
    position: unset;
}

.placements-main-container .placements-landing-page .carousel-inner .carousel-item {
    position: unset;
    display: flex;
    align-items: center;
    justify-content: center;
}

.placements-main-container .placements-landing-page .carousel-inner .carousel-item .background-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.placements-main-container .placements-landing-page .carousel-inner .carousel-item .background-container::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 80, 119, 0.2);
}

.placements-main-container .placements-landing-page .carousel-inner .carousel-item .background-container video,
.placements-main-container .placements-landing-page .carousel-inner .carousel-item .background-container img {
    object-fit: cover;
}

.placements-main-container .placements-landing-page .carousel-inner .carousel-item .placements-center-text {
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.42px;
    text-align: center;
    color: #ffffff;
}

.placements-main-container .placements-landing-page .carousel-inner .carousel-item .placements-center-text .Headline_Placements .Headline_Placements_Text {
    font-weight: bold;
}

.placements-main-container .alumni-panel .alumni-panel-heading .alumni-panel-heading-text {
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.placements-main-container .alumni-panel .alumni-panel-summary .alumni-panel-summary-text {
    opacity: 0.6;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.placements-main-container .alumni-panel .alumni-panel-cards {
    display: flex;
    width: 87.5rem;
    margin-bottom: 10.625rem;
    overflow-x: auto;
}

.placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential {
    padding-bottom: 0;
}

.placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-profile-picture .alumni-panel-card-sequential-profile-picture-image {
    max-width: 100%;
    object-fit: cover;
    object-position: center;
}

.placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-letters {
    background-image: linear-gradient(to bottom, rgba(0, 41, 56, 0), #002938);
}

.placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-letters .alumni-panel-card-sequential-heading .alumni-panel-card-sequential-heading-text {
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-letters .alumni-panel-card-sequential-description .alumni-panel-card-sequential-description-text {
    font-weight: 300;
    font-stretch: normal;
    font-style: italic;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.placements-main-container .opportunities-main {
    display: flex;
}

.placements-main-container .opportunities-main .opportunities-left-panel {
    display: flex;
    flex-direction: column;
    background-color: #e2f7f7;
}

.placements-main-container .opportunities-main .opportunities-left-panel .opportunities-text {
    display: flex;
    flex-direction: column;
}

.placements-main-container .opportunities-main .opportunities-left-panel .opportunities-text .opportunities-heading {
    -webkit-text-stroke: 1px #00555a;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.93;
    letter-spacing: normal;
    text-align: left;
    color: transparent;
}

.placements-main-container .opportunities-main .opportunities-left-panel .opportunities-text .opportunities-summary {
    opacity: 0.6;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav .opportunities-side-nav-head-tag {
    list-style: none;
}

.placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav .opportunities-side-nav-head-tag .opportunities-list-item {
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: -0.55px;
    text-align: left;
    color: #017a7b;
    opacity: 0.3;
}

.placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav .opportunities-side-nav-head-tag .opportunities-list-item.active {
    font-weight: bold;
    opacity: 1;
    display: flex;
    align-items: center;
}

.placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav .opportunities-side-nav-head-tag .opportunities-list-item.active::before {
    content: "";
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 9px solid #207878;
    display: block;
    max-height: 12px;
    margin-left: 1px;
    margin-right: 10px;
}

.placements-main-container .opportunities-main .opportunities-left-panel .opportunities-carousel .item {
    display: flex;
    justify-content: flex-end;
}

.placements-main-container .opportunities-main .opportunities-right-panel {
    width: 100%;
    display: flex;
}

.placements-main-container .opportunities-main .opportunities-right-panel .person-image-holder {
    display: flex;
    align-items: flex-end;
}

.placements-main-container .opportunities-main .opportunities-right-panel .person-image-holder .person-image {
    object-fit: cover;
    object-position: bottom;
}

.placements-main-container .opportunities-main .opportunities-right-panel .person-comment-holder {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.placements-main-container .opportunities-main .opportunities-right-panel .person-comment-holder .person-comment {
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.1;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.placements-main-container .opportunities-main .opportunities-right-panel .person-name {
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.placements-main-container .opportunities-main .opportunities-right-panel .person-designation {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.39;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.placements-main-container .fei-joa {
    background-color: #add484;
}

.placements-main-container .bondi-blue {
    background-color: #00a0b4;
}

.placements-main-container .somegreen {
    background-color: #77c58c;
}

.placements-main-container .hiring-companies {
    background-color: #f8f8f8;
    display: flex;
    flex-direction: column;
}

.placements-main-container .hiring-companies .hiring-companies-heading {
    -webkit-text-stroke: 1px #00555a;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.93;
    letter-spacing: normal;
    text-align: left;
    color: transparent;
}

.placements-main-container .hiring-companies .owl-carousel .owl-dots .owl-dot span {
    background-color: #017a7b;
    opacity: 0.3;
}

.placements-main-container .hiring-companies .owl-carousel .owl-dots .owl-dot.active span {
    opacity: 1;
}

.placements-main-container .hiring-companies .owl-carousel .item .logo-img {
    background-color: #ffffff;
}

.placements-main-container .ask-us-here {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-image: linear-gradient(95deg, #00797b 7%, #005077 85%);
}

.placements-main-container .ask-us-here .ask-us-here-phrase {
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.placements-main-container .ask-us-here .extended-question {
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.placements-main-container .ask-us-here .ask-us-here-button {
    opacity: 0.9;
    border-radius: 5px;
    border: 1px solid #017a7b;
    background-color: #ffffff;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.placements-main-container .ask-us-here .ask-us-here-button::after {
    content: "";
    background-image: url("../assets/rightArrowBlack.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.placements-main-container .roles-div {
    display: flex;
}

.placements-main-container .roles-div .side-panel-roles {
    background-image: url("../assets/Roles-sp-bg.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.placements-main-container .roles-div .side-panel-roles .side-panel-roles-heading {
    color: transparent;
    font-weight: 800;
    -webkit-text-stroke: 1px #ffffff;
}

.placements-main-container .roles-div .description-list-panel .description-list-panel-heading .description-list-panel-heading-text {
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.placements-main-container .roles-div .description-list-panel .description-list-panel-summary .description-list-panel-summary-text {
    opacity: 0.6;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.placements-main-container .roles-div .description-list-panel .description-list-panel-pointers .description-list-panel-pointers-head {
    list-style: none;
    padding: 0;
}

.placements-main-container .roles-div .description-list-panel .description-list-panel-pointers .description-list-panel-pointers-head .description-list-panel-pointers-item {
    opacity: 0.6;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    display: flex;
    align-items: center;
}

.placements-main-container .roles-div .description-list-panel .description-list-panel-pointers .description-list-panel-pointers-head .description-list-panel-pointers-item::before {
    content: "";
    height: 3px;
    background-color: #000000;
    opacity: 0.45;
    display: block;
}

.placements-main-container .recruiters-feedback {
    background-image: linear-gradient(122deg, #00797b 8%, #005077 88%);
}

.placements-main-container .recruiters-feedback .heading-text {
    display: flex;
    flex-direction: column;
}

.placements-main-container .recruiters-feedback .heading-text .recruiters-feedback-heading {
    -webkit-text-stroke: 1px #ffffff;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.93;
    letter-spacing: normal;
    text-align: left;
    color: transparent;
}

.placements-main-container .recruiters-feedback .heading-text .recruiters-feedback-summary {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.placements-main-container .recruiters-feedback #carousel-recruiters {
    display: flex;
}

.placements-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators {
    position: absolute;
}

.placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item {
    background-color: #ffffff;
}

.placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv {
    display: flex;
    align-items: center;
    text-align: center;
}

.placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment {
    background-color: #f8f8f8;
}

.placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-comment-text {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    color: #000000;
}

.placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-name {
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    color: #017a7b;
}

.placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .comment-timeframe {
    font-weight: 300;
    font-stretch: normal;
    font-style: italic;
    line-height: 2.39;
    letter-spacing: normal;
    color: #000000;
}

.placements-main-container .navy {
    background-color: #002938;
}

.placements-main-container .non-navy {
    background-color: #0d4153;
}

@media only screen and (min-width: 320px) {
    .placements-main-container .placements-landing-page {
        height: 177.86667rem;
    }

    .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Headline_Placements {
        padding-bottom: 1.86667rem;
    }

    .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Headline_Placements .Headline_Placements_Text {
        font-size: 12.8rem;
        color: #ffffff;
    }

    .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Description_Placements {
        max-width: 79.46667rem;
    }

    .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Description_Placements .Description_Placements_Text {
        font-size: 3.73333rem;
        color: #ffffff;
    }

    .placements-main-container .alumni-panel {
        padding: 10.66667rem 0 0 0;
    }

    .placements-main-container .alumni-panel .alumni-panel-heading {
        padding: 0 0 5.33333rem 8.8rem;
    }

    .placements-main-container .alumni-panel .alumni-panel-heading .alumni-panel-heading-text {
        font-size: 6.4rem;
    }

    .placements-main-container .alumni-panel .alumni-panel-summary {
        width: 73.33333rem;
        padding: 0 0 3.73333rem 8.8rem;
    }

    .placements-main-container .alumni-panel .alumni-panel-summary .alumni-panel-summary-text {
        font-size: 3.73333rem;
    }

    .placements-main-container .alumni-panel .alumni-panel-cards {
        width: 100rem;
        margin-bottom: 0;
        padding-left: 0;
    }

    .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential {
        height: 55.2rem;
        position: relative;
        display: flex;
        flex-direction: column-reverse;
    }

    .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-profile-picture {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
    }

    .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-profile-picture .alumni-panel-card-sequential-profile-picture-image {
        height: 50.93333rem;
    }

    .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-letters {
        display: flex;
        flex-direction: column;
        min-height: 24.8rem;
        align-items: center;
        justify-content: flex-end;
        padding-bottom: 6.32rem;
        z-index: 2;
    }

    .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-letters .alumni-panel-card-sequential-heading .alumni-panel-card-sequential-heading-text {
        font-size: 3.3rem;
    }

    .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-letters .alumni-panel-card-sequential-description .alumni-panel-card-sequential-description-text {
        font-size: 3.3rem;
    }

    .placements-main-container .opportunities-main {
        display: flex;
        flex-direction: column;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel {
        max-width: auto;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-text .opportunities-heading {
        font-size: 10.66667rem;
        margin: 10.13333rem 0 0 8rem;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-text .opportunities-summary {
        font-size: 3.73333rem;
        margin: 5.33333rem 5.33333rem 8.26667rem 8rem;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav {
        margin: 0 0 8rem 8rem;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav .opportunities-side-nav-head-tag {
        display: flex;
        flex-wrap: nowrap;
        padding: 0;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav .opportunities-side-nav-head-tag .opportunities-list-item {
        margin-bottom: 0;
        margin-right: 11.2rem;
        font-size: 4.26667rem;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-carousel .item {
        max-width: 67.73333rem;
        display: none;
        min-height: 96rem;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-carousel .item img {
        width: 100%;
        object-fit: contain;
        object-position: bottom;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .person-image-holder .person-image {
        width: 42.13333rem;
        height: 58.13333rem;
        margin: 0;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .person-comment-holder {
        margin: 10.66667rem 6.4rem 8rem 0;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .person-comment-holder .person-apostrophe {
        width: 0;
        height: 0;
        margin-bottom: 0;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .person-comment-holder .person-comment {
        font-size: 3.73333rem;
        padding-bottom: 5.6rem;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .person-name {
        font-size: 4.26667rem;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .person-designation {
        font-size: 3.73333rem;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .comment-nav-buttons {
        margin-top: 5.6rem;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .comment-nav-buttons .opportunities-comment-left {
        margin-right: 5.6rem;
        height: 10.4rem;
        width: 5.33333rem;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .comment-nav-buttons .opportunities-comment-right {
        height: 10.4rem;
        width: 5.33333rem;
    }

    .placements-main-container .hiring-companies {
        padding: 10.66667rem 8rem;
    }

    .placements-main-container .hiring-companies .hiring-companies-heading {
        margin: 0 0 8rem 0;
        font-size: 10.66667rem;
    }

    .placements-main-container .hiring-companies .owl-carousel .owl-dots {
        padding-top: 5.86667rem;
    }

    .placements-main-container .hiring-companies .owl-carousel .item .logo-img {
        width: 100%;
        margin-top: 5.33333rem;
    }

    .placements-main-container .ask-us-here {
        padding: 7.46667rem 8.8rem 5.86667rem 8.8rem;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .placements-main-container .ask-us-here .ask-us-here-phrase {
        font-size: 4.26667rem;
        display: flex;
        flex-direction: row;
        margin-bottom: 5.86667rem;
    }

    .placements-main-container .ask-us-here .ask-us-here-button {
        font-size: 3.2rem;
        padding: 3.2rem 3.2rem 3.2rem 3.2rem;
    }

    .placements-main-container .ask-us-here .ask-us-here-button::after {
        height: 3.2rem;
        width: 1.6rem;
        margin-left: 5.33333rem;
    }

    .placements-main-container .roles-div {
        display: flex;
        flex-direction: column;
    }

    .placements-main-container .roles-div .side-panel-roles {
        height: 113.33333rem;
        width: auto;
        padding: 9.6rem 0 0 9.06667rem;
    }

    .placements-main-container .roles-div .side-panel-roles .side-panel-roles-heading {
        font-size: 16rem;
    }

    .placements-main-container .roles-div .description-list-panel {
        padding: 12.8rem 0 0 8rem;
    }

    .placements-main-container .roles-div .description-list-panel .description-list-panel-heading {
        padding-bottom: 5.33333rem;
    }

    .placements-main-container .roles-div .description-list-panel .description-list-panel-heading .description-list-panel-heading-text {
        font-size: 5.33333rem;
    }

    .placements-main-container .roles-div .description-list-panel .description-list-panel-summary {
        padding-bottom: 6.4rem;
    }

    .placements-main-container .roles-div .description-list-panel .description-list-panel-summary .description-list-panel-summary-text {
        font-size: 4.26667rem;
    }

    .placements-main-container .roles-div .description-list-panel .description-list-panel-pointers {
        padding-bottom: 10.66667rem;
    }

    .placements-main-container .roles-div .description-list-panel .description-list-panel-pointers .description-list-panel-pointers-head .description-list-panel-pointers-item {
        padding-bottom: 6.93333rem;
        font-size: 4.26667rem;
    }

    .placements-main-container .roles-div .description-list-panel .description-list-panel-pointers .description-list-panel-pointers-head .description-list-panel-pointers-item::before {
        min-width: 2.13333rem;
        margin-right: 4.8rem;
    }

    .placements-main-container .recruiters-feedback {
        height: 226.66667rem;
    }

    .placements-main-container .recruiters-feedback .heading-text .recruiters-feedback-heading {
        font-size: 10.66667rem;
        padding: 8.8rem 0 3.2rem 7.73333rem;
    }

    .placements-main-container .recruiters-feedback .heading-text .recruiters-feedback-summary {
        font-size: 3.73333rem;
        padding: 0 0 6.66667rem 8rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters {
        width: 84.26667rem;
        margin-left: 7.73333rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators {
        bottom: -16rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators li {
        border-radius: 100%;
        width: 1.86667rem;
        height: 1.86667rem;
        margin-right: 2.4rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv {
        display: flex;
        flex-direction: column-reverse;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment {
        width: 84.26667rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper {
        width: 66.93333rem;
        margin: 7.73333rem 0 0 8.8rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .apostrophe {
        width: 0;
        height: 0;
        margin-bottom: 0;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-comment-text {
        font-size: 3.73333rem;
        margin-bottom: 5.6rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-name {
        font-size: 4.26667rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .comment-timeframe {
        font-size: 3.73333rem;
        padding-bottom: 8.8rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-logo {
        width: 84.26667rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-logo .recruiters-logo-img {
        width: 39.2rem;
        height: 24rem;
        margin: 9.86667rem 0 9.86667rem 0;
    }
}

@media only screen and (min-width: 768px) {
    .placements-main-container .placements-landing-page {
        height: 65.625rem;
    }

    .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Headline_Placements {
        padding-bottom: 2.60417rem;
    }

    .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Headline_Placements .Headline_Placements_Text {
        font-size: 6.77083rem;
        color: #ffffff;
    }

    .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Description_Placements {
        max-width: 43.09896rem;
    }

    .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Description_Placements .Description_Placements_Text {
        font-size: 1.82292rem;
        color: #ffffff;
    }

    .placements-main-container .alumni-panel {
        padding: 5.20833rem 0 5.20833rem 0;
    }

    .placements-main-container .alumni-panel .alumni-panel-heading {
        padding: 0 0 2.60417rem 5.20833rem;
    }

    .placements-main-container .alumni-panel .alumni-panel-heading .alumni-panel-heading-text {
        font-size: 3.90625rem;
    }

    .placements-main-container .alumni-panel .alumni-panel-summary {
        width: 89.71354rem;
        padding: 0 0 5.20833rem 5.20833rem;
    }

    .placements-main-container .alumni-panel .alumni-panel-summary .alumni-panel-summary-text {
        font-size: 1.82292rem;
    }

    .placements-main-container .alumni-panel .alumni-panel-cards {
        width: 100rem;
        padding-left: 0;
        margin-bottom: 7.8125rem;
    }

    .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential {
        width: 35.41667rem;
        height: 41.40625rem;
        position: relative;
        display: flex;
        flex-direction: column-reverse;
    }

    .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-profile-picture {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
    }

    .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-profile-picture .alumni-panel-card-sequential-profile-picture-image {
        height: 35.41667rem;
    }

    .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-letters {
        display: flex;
        flex-direction: column;
        width: 35.41667rem;
        min-height: 32.55208rem;
        align-items: center;
        justify-content: flex-end;
        padding-bottom: 4.11458rem;
        z-index: 2;
    }

    .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-letters .alumni-panel-card-sequential-heading .alumni-panel-card-sequential-heading-text {
        font-size: 1.82292rem;
    }

    .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-letters .alumni-panel-card-sequential-description .alumni-panel-card-sequential-description-text {
        font-size: 1.82292rem;
    }

    .placements-main-container .opportunities-main {
        display: flex;
        flex-direction: row;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel {
        max-width: 51.17188rem;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-text .opportunities-heading {
        font-size: 6.51042rem;
        margin: 3.25521rem 2.73438rem 0 5.20833rem;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-text .opportunities-summary {
        font-size: 1.82292rem;
        margin: 2.73438rem 7.8125rem 2.73438rem 5.07812rem;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav {
        margin: 0 0 8.46354rem 5.20833rem;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav .opportunities-side-nav-head-tag {
        display: block;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav .opportunities-side-nav-head-tag .opportunities-list-item {
        margin-bottom: 1.43229rem;
        font-size: 1.82292rem;
        padding-left: 2.47396rem;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav .opportunities-side-nav-head-tag .opportunities-list-item.active {
        margin-left: -2.73438rem;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-carousel .item {
        max-width: 13.54167rem;
        display: flex;
        min-height: 19.14062rem;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-carousel .item img {
        width: 100%;
        object-fit: contain;
        object-position: bottom;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .person-image-holder .person-image {
        width: 17.57812rem;
        height: 24.34896rem;
        margin: 0;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .person-comment-holder {
        margin: 3.90625rem 3.125rem 5.72917rem 0;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .person-comment-holder .person-apostrophe {
        width: 3.64583rem;
        height: 2.73438rem;
        margin-bottom: 1.43229rem;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .person-comment-holder .person-comment {
        font-size: 1.82292rem;
        padding-bottom: 1.5625rem;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .person-name {
        font-size: 1.82292rem;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .person-designation {
        font-size: 1.5625rem;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .comment-nav-buttons {
        margin-top: 3.125rem;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .comment-nav-buttons .opportunities-comment-left {
        margin-right: 2.60417rem;
        width: 2.34375rem;
        height: 5.07812rem;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .comment-nav-buttons .opportunities-comment-right {
        width: 2.34375rem;
        height: 5.07812rem;
    }

    .placements-main-container .hiring-companies {
        padding: 5.59896rem 5.33854rem 2.73438rem 5.33854rem;
    }

    .placements-main-container .hiring-companies .hiring-companies-heading {
        margin: 0 0 2.34375rem 0;
        font-size: 6.51042rem;
    }

    .placements-main-container .hiring-companies .owl-carousel .owl-dots {
        padding-top: 2.47396rem;
    }

    .placements-main-container .hiring-companies .owl-carousel .item .logo-img {
        width: 100%;
        margin-top: 2.08333rem;
    }

    .placements-main-container .ask-us-here {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 4.03646rem 5.20833rem 4.03646rem 5.20833rem;
    }

    .placements-main-container .ask-us-here .ask-us-here-phrase {
        font-size: 1.82292rem;
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
    }

    .placements-main-container .ask-us-here .ask-us-here-button {
        padding: 1.95312rem 2.60417rem;
        font-size: 12px;
    }

    .placements-main-container .ask-us-here .ask-us-here-button::after {
        height: 1.95312rem;
        width: 1.04167rem;
        margin-left: 2.60417rem;
    }

    .placements-main-container .roles-div {
        display: flex;
        flex-direction: row;
        height: 69.79167rem;
    }

    .placements-main-container .roles-div .side-panel-roles {
        height: auto;
        width: 44.40104rem;
        padding: 4.29688rem 0 0 10.41667rem;
    }

    .placements-main-container .roles-div .side-panel-roles .side-panel-roles-heading {
        font-size: 7.8125rem;
    }

    .placements-main-container .roles-div .description-list-panel {
        padding: 5.20833rem 0 0 9.50521rem;
    }

    .placements-main-container .roles-div .description-list-panel .description-list-panel-heading {
        padding-bottom: 3.64583rem;
    }

    .placements-main-container .roles-div .description-list-panel .description-list-panel-heading .description-list-panel-heading-text {
        font-size: 1.82292rem;
    }

    .placements-main-container .roles-div .description-list-panel .description-list-panel-summary {
        padding-bottom: 2.60417rem;
    }

    .placements-main-container .roles-div .description-list-panel .description-list-panel-summary .description-list-panel-summary-text {
        font-size: 1.82292rem;
    }

    .placements-main-container .roles-div .description-list-panel .description-list-panel-pointers .description-list-panel-pointers-head .description-list-panel-pointers-item {
        padding-bottom: 2.86458rem;
        font-size: 14px;
    }

    .placements-main-container .roles-div .description-list-panel .description-list-panel-pointers .description-list-panel-pointers-head .description-list-panel-pointers-item::before {
        min-width: 0.78125rem;
        margin-right: 2.79948rem;
    }

    .placements-main-container .recruiters-feedback {
        height: 68.35938rem;
        padding-bottom: 7.8125rem;
    }

    .placements-main-container .recruiters-feedback .heading-text .recruiters-feedback-heading {
        font-size: 6.51042rem;
        padding: 5.72917rem 0 1.69271rem 7.29167rem;
    }

    .placements-main-container .recruiters-feedback .heading-text .recruiters-feedback-summary {
        font-size: 1.82292rem;
        padding: 0 0 2.47396rem 7.29167rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters {
        width: 85.54688rem;
        margin-left: 7.16146rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators {
        bottom: -5.20833rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators li {
        border-radius: 100%;
        width: 0.91146rem;
        height: 0.91146rem;
        margin-right: 1.04167rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv {
        display: flex;
        flex-direction: row;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment {
        width: 52.99479rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper {
        width: 47.26562rem;
        margin: 2.60417rem 2.86458rem 0 2.86458rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .apostrophe {
        width: 4.55729rem;
        height: 3.38542rem;
        margin-bottom: 2.73438rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-comment-text {
        font-size: 1.82292rem;
        margin-bottom: 1.5625rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-name {
        font-size: 1.82292rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .comment-timeframe {
        font-size: 1.82292rem;
        padding-bottom: 1.95312rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-logo {
        width: 32.55208rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-logo .recruiters-logo-img {
        width: 18.35938rem;
        height: 11.32812rem;
    }
}

@media only screen and (min-width: 992px) {
    .placements-main-container .placements-landing-page {
        height: 66.73387rem;
    }

    .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Headline_Placements {
        padding-bottom: 1.20968rem;
    }

    .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Headline_Placements .Headline_Placements_Text {
        font-size: 6.04839rem;
        color: #ffffff;
    }

    .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Description_Placements {
        max-width: 39.81855rem;
    }

    .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Description_Placements .Description_Placements_Text {
        font-size: 1.6129rem;
        color: #ffffff;
    }

    .placements-main-container .alumni-panel {
        padding: 6.04839rem 0 0 0;
    }

    .placements-main-container .alumni-panel .alumni-panel-heading {
        padding-bottom: 0 0 2.01613rem 8.06452rem;
    }

    .placements-main-container .alumni-panel .alumni-panel-heading .alumni-panel-heading-text {
        font-size: 4.03226rem;
    }

    .placements-main-container .alumni-panel .alumni-panel-summary {
        width: 64.81855rem;
        padding-bottom: 5.04032rem;
    }

    .placements-main-container .alumni-panel .alumni-panel-summary .alumni-panel-summary-text {
        font-size: 1.6129rem;
    }

    .placements-main-container .alumni-panel .alumni-panel-cards {
        margin-bottom: 11.08871rem;
    }

    .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential {
        width: 100%;
        height: 36.49194rem;
        position: relative;
        display: flex;
        flex-direction: column-reverse;
    }

    .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-profile-picture {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
    }

    .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-profile-picture .alumni-panel-card-sequential-profile-picture-image {
        height: 33.56855rem;
    }

    .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-letters {
        display: flex;
        flex-direction: column;
        width: 27.52016rem;
        min-height: 25.20161rem;
        align-items: center;
        justify-content: flex-end;
        padding-bottom: 3.60887rem;
        z-index: 2;
    }

    .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-letters .alumni-panel-card-sequential-heading .alumni-panel-card-sequential-heading-text {
        font-size: 2.21774rem;
    }

    .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-letters .alumni-panel-card-sequential-description .alumni-panel-card-sequential-description-text {
        font-size: 1.6129rem;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel {
        max-width: 51.31048rem;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-text .opportunities-heading {
        font-size: 5.04032rem;
        margin: 5.44355rem 9.67742rem 0 8.26613rem;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-text .opportunities-summary {
        font-size: 1.6129rem;
        margin: 1.5121rem 6.65323rem 3.125rem 8.16532rem;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav {
        margin: 0 0 10.48387rem 8.26613rem;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav .opportunities-side-nav-head-tag .opportunities-list-item {
        margin-bottom: 1.6129rem;
        font-size: 1.41129rem;
        padding-left: 1.91532rem;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav .opportunities-side-nav-head-tag .opportunities-list-item.active {
        margin-left: -2.11694rem;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-carousel .item {
        max-width: 13.70968rem;
        display: flex;
        min-height: 19.55645rem;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-carousel .item img {
        width: 100%;
        object-fit: contain;
        object-position: bottom;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .person-image-holder .person-image {
        width: 17.43952rem;
        height: 26.20968rem;
        margin: 0;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .person-comment-holder {
        margin: 5.14113rem 2.52016rem 0 0;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .person-comment-holder .person-apostrophe {
        width: 3.72984rem;
        height: 2.82258rem;
        margin-bottom: 2.11694rem;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .person-comment-holder .person-comment {
        font-size: 1.6129rem;
        padding-bottom: 1.20968rem;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .person-name {
        font-size: 2.21774rem;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .person-designation {
        font-size: 1.6129rem;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .comment-nav-buttons {
        margin-top: 2.01613rem;
        margin-bottom: 6.14919rem;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .comment-nav-buttons .opportunities-comment-left {
        margin-right: 2.01613rem;
        width: 2.41935rem;
        height: 5.04032rem;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .comment-nav-buttons .opportunities-comment-right {
        width: 2.41935rem;
        height: 5.04032rem;
    }

    .placements-main-container .hiring-companies {
        padding: 8.26613rem 8.06452rem 3.125rem 8.06452rem;
    }

    .placements-main-container .hiring-companies .hiring-companies-heading {
        margin: 0 0 3.62903rem 0;
        font-size: 5.04032rem;
    }

    .placements-main-container .hiring-companies .owl-carousel .owl-dots {
        padding-top: 4.23387rem;
    }

    .placements-main-container .hiring-companies .owl-carousel .item .logo-img {
        width: 100%;
        margin-top: 1.5121rem;
    }

    .placements-main-container .ask-us-here {
        display: flex;
        flex-direction: row;
        padding: 4.33468rem 8.46774rem 4.33468rem 8.46774rem;
    }

    .placements-main-container .ask-us-here .ask-us-here-phrase {
        font-size: 1.41129rem;
        display: flex;
        flex-direction: row;
        margin-bottom: 0;
    }

    .placements-main-container .ask-us-here .ask-us-here-button {
        padding: 1.81452rem 3.02419rem;
        font-size: 1.5121rem;
    }

    .placements-main-container .ask-us-here .ask-us-here-button::after {
        height: 1.5121rem;
        width: 0.80645rem;
        margin-left: 2.01613rem;
    }

    .placements-main-container .roles-div {
        display: flex;
        flex-direction: row;
        height: 67.2379rem;
    }

    .placements-main-container .roles-div .side-panel-roles {
        height: auto;
        width: 42.33871rem;
        padding: 8.16532rem 0 0 8.06452rem;
    }

    .placements-main-container .roles-div .side-panel-roles .side-panel-roles-heading {
        font-size: 7.05645rem;
    }

    .placements-main-container .roles-div .description-list-panel {
        padding: 8.87097rem 0 0 8.06452rem;
    }

    .placements-main-container .roles-div .description-list-panel .description-list-panel-heading {
        padding-bottom: 1.5121rem;
    }

    .placements-main-container .roles-div .description-list-panel .description-list-panel-heading .description-list-panel-heading-text {
        font-size: 4.03226rem;
    }

    .placements-main-container .roles-div .description-list-panel .description-list-panel-summary {
        padding-bottom: 1.71371rem;
    }

    .placements-main-container .roles-div .description-list-panel .description-list-panel-summary .description-list-panel-summary-text {
        font-size: 1.6129rem;
    }

    .placements-main-container .roles-div .description-list-panel .description-list-panel-pointers .description-list-panel-pointers-head .description-list-panel-pointers-item {
        padding-bottom: 2.52016rem;
        font-size: 1.6129rem;
    }

    .placements-main-container .roles-div .description-list-panel .description-list-panel-pointers .description-list-panel-pointers-head .description-list-panel-pointers-item::before {
        min-width: 0.74597rem;
        margin-right: 1.62298rem;
    }

    .placements-main-container .recruiters-feedback {
        height: 59.47581rem;
    }

    .placements-main-container .recruiters-feedback .heading-text .recruiters-feedback-heading {
        font-size: 5.04032rem;
        padding: 5.24194rem 0 1.6129rem 8.16532rem;
    }

    .placements-main-container .recruiters-feedback .heading-text .recruiters-feedback-summary {
        font-size: 1.6129rem;
        padding: 0 0 3.02419rem 8.16532rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters {
        width: 85.48387rem;
        margin-left: 7.15726rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators {
        bottom: -4.13306rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators li {
        border-radius: 100%;
        width: 1.00806rem;
        height: 1.00806rem;
        margin-right: 1.00806rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv {
        display: flex;
        flex-direction: row;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment {
        width: 53.02419rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper {
        width: 46.97581rem;
        margin: 3.125rem 3.02419rem 0 3.02419rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .apostrophe {
        width: 4.6371rem;
        height: 3.42742rem;
        margin-bottom: 2.11694rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-comment-text {
        font-size: 1.6129rem;
        margin-bottom: 2.01613rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-name {
        font-size: 1.6129rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .comment-timeframe {
        font-size: 1.6129rem;
        padding-bottom: 1.6129rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-logo {
        width: 32.45968rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-logo .recruiters-logo-img {
        width: 16.12903rem;
        height: 9.87903rem;
    }
}

@media only screen and (min-width: 1200px) {
    .placements-main-container .placements-landing-page {
        height: 56.25rem;
    }

    .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Headline_Placements {
        padding-bottom: 2.60417rem;
    }

    .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Headline_Placements .Headline_Placements_Text {
        font-size: 5.20833rem;
        color: #ffffff;
    }

    .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Description_Placements {
        max-width: 31.61458rem;
    }

    .placements-main-container .placements-landing-page .carousel .carousel-item .placements-center-text .Description_Placements .Description_Placements_Text {
        font-size: 1.04167rem;
        color: #ffffff;
    }

    .placements-main-container .alumni-panel {
        padding: 5.20833rem 0 0 0;
    }

    .placements-main-container .alumni-panel .alumni-panel-heading {
        padding: 0 0 0.9375rem 7.29167rem;
    }

    .placements-main-container .alumni-panel .alumni-panel-heading .alumni-panel-heading-text {
        font-size: 3.125rem;
        padding: 0;
    }

    .placements-main-container .alumni-panel .alumni-panel-summary {
        width: 44.27083rem;
        padding: 0 0 2.1875rem 7.29167rem;
    }

    .placements-main-container .alumni-panel .alumni-panel-summary .alumni-panel-summary-text {
        font-size: 1.04167rem;
    }

    .placements-main-container .alumni-panel .alumni-panel-cards {
        width: 98.95833rem;
        margin-bottom: 10.63542rem;
    }

    .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential {
        width: 100%;
        height: 29.63542rem;
        position: relative;
        display: flex;
        flex-direction: column-reverse;
    }

    .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-profile-picture {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 1;
    }

    .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-profile-picture .alumni-panel-card-sequential-profile-picture-image {
        overflow: visible;
        width: 400px;
        height: auto;
        margin: auto;
    }

    .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-letters {
        display: flex;
        flex-direction: column;
        width: 25.41667rem;
        min-height: 13.02083rem;
        align-items: center;
        justify-content: flex-end;
        padding-bottom: 3.90625rem;
        z-index: 2;
    }

    .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-letters .alumni-panel-card-sequential-heading .alumni-panel-card-sequential-heading-text {
        font-size: 1.5625rem;
    }

    .placements-main-container .alumni-panel .alumni-panel-cards .alumni-panel-card-sequential .alumni-panel-card-sequential-letters .alumni-panel-card-sequential-description .alumni-panel-card-sequential-description-text {
        font-size: 0.9375rem;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel {
        max-width: 46.09375rem;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-text .opportunities-heading {
        font-size: 4.89583rem;
        margin: 5.20833rem 6.19792rem 0 7.29167rem;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-text .opportunities-summary {
        font-size: 1.04167rem;
        margin: 0.78125rem 3.64583rem 4.0625rem 7.29167rem;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav {
        margin: 0 0 13.02083rem 7.29167rem;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav .opportunities-side-nav-head-tag .opportunities-list-item {
        margin-bottom: 1.66667rem;
        padding-left: 0.98958rem;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-side-nav .opportunities-side-nav-head-tag .opportunities-list-item.active {
        margin-left: -1.04167rem;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-carousel .item {
        max-width: 13.22917rem;
        display: flex;
        min-height: 18.75rem;
    }

    .placements-main-container .opportunities-main .opportunities-left-panel .opportunities-carousel .item img {
        width: 100%;
        object-fit: contain;
        object-position: bottom;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .person-image-holder .person-image {
        width: 21.35417rem;
        height: 25.15625rem;
        margin: 0;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .person-comment-holder {
        margin-right: 5.52083rem;
        margin-top: 6.5625rem;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .person-comment-holder .person-apostrophe {
        width: 4.63542rem;
        height: 3.4375rem;
        margin-bottom: 3.54167rem;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .person-comment-holder .person-comment {
        font-size: 1.04167rem;
        padding-bottom: 2.60417rem;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .person-name {
        font-size: 1.5625rem;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .person-designation {
        font-size: 0.9375rem;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .comment-nav-buttons {
        margin-top: 3.69792rem;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .comment-nav-buttons .opportunities-comment-left {
        margin-right: 1.04167rem;
        width: 1.71875rem;
        height: 3.48958rem;
    }

    .placements-main-container .opportunities-main .opportunities-right-panel .comment-nav-buttons .opportunities-comment-right {
        width: 1.71875rem;
        height: 3.48958rem;
    }

    .placements-main-container .hiring-companies {
        padding: 4.16667rem 7.29167rem 2.70833rem 7.29167rem;
    }

    .placements-main-container .hiring-companies .hiring-companies-heading {
        margin: 0 0 1.97917rem 0;
        font-size: 4.89583rem;
    }

    .placements-main-container .hiring-companies .owl-carousel .owl-dots {
        padding-top: 2.1875rem;
    }

    .placements-main-container .hiring-companies .owl-carousel .item .logo-img {
        width: 100%;
        margin-top: 1.61458rem;
    }

    .placements-main-container .ask-us-here {
        display: flex;
        flex-direction: row;
        padding: 3.17708rem 6.66667rem 3.17708rem 6.66667rem;
    }

    .placements-main-container .ask-us-here .ask-us-here-phrase {
        font-size: 1.25rem;
        display: flex;
        flex-direction: row;
        margin-bottom: 0;
    }

    .placements-main-container .ask-us-here .ask-us-here-button {
        padding: 0.9375rem 1.5625rem;
        font-size: 0.78125rem;
    }

    .placements-main-container .ask-us-here .ask-us-here-button::after {
        height: 0.78125rem;
        width: 0.41667rem;
        margin-left: 1.04167rem;
    }

    .placements-main-container .roles-div {
        display: flex;
        flex-direction: row;
        height: 56.25rem;
    }

    .placements-main-container .roles-div .side-panel-roles {
        height: auto;
        width: 32.86458rem;
        padding: 7.39583rem 0 0 5.3125rem;
    }

    .placements-main-container .roles-div .side-panel-roles .side-panel-roles-heading {
        font-size: 6.25rem;
    }

    .placements-main-container .roles-div .description-list-panel {
        padding: 8.22917rem 0 0 18.17708rem;
    }

    .placements-main-container .roles-div .description-list-panel .description-list-panel-heading {
        padding-bottom: 1.45833rem;
    }

    .placements-main-container .roles-div .description-list-panel .description-list-panel-heading .description-list-panel-heading-text {
        font-size: 3.125rem;
    }

    .placements-main-container .roles-div .description-list-panel .description-list-panel-summary {
        padding-bottom: 2.1875rem;
    }

    .placements-main-container .roles-div .description-list-panel .description-list-panel-summary .description-list-panel-summary-text {
        font-size: 1.04167rem;
    }

    .placements-main-container .roles-div .description-list-panel .description-list-panel-pointers .description-list-panel-pointers-head .description-list-panel-pointers-item {
        padding-bottom: 2.39583rem;
        font-size: 0.9375rem;
    }

    .placements-main-container .roles-div .description-list-panel .description-list-panel-pointers .description-list-panel-pointers-head .description-list-panel-pointers-item::before {
        min-width: 0.625rem;
        margin-right: 1.32812rem;
    }

    .placements-main-container .recruiters-feedback {
        height: 56.25rem;
    }

    .placements-main-container .recruiters-feedback .heading-text .recruiters-feedback-heading {
        font-size: 4.89583rem;
        padding: 4.63542rem 0 0.9375rem 7.39583rem;
    }

    .placements-main-container .recruiters-feedback .heading-text .recruiters-feedback-summary {
        font-size: 1.04167rem;
        padding: 0 0 2.34375rem 7.39583rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters {
        width: 85.41667rem;
        margin-left: 7.39583rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators {
        bottom: -6.25rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators li {
        border-radius: 100%;
        width: 0.78125rem;
        height: 0.78125rem;
        margin-right: 1.25rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv {
        display: flex;
        flex-direction: row;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment {
        width: 53.02083rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper {
        width: 33.75rem;
        margin: 4.53125rem 0 0 9.63542rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .apostrophe {
        width: 4.63542rem;
        height: 3.4375rem;
        margin-bottom: 3.02083rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-comment-text {
        font-size: 1.04167rem;
        margin-bottom: 5.05208rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-name {
        font-size: 1.5625rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .comment-timeframe {
        font-size: 0.9375rem;
        padding-bottom: 3.90625rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-logo {
        width: 32.39583rem;
    }

    .placements-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-logo .recruiters-logo-img {
        width: 16.09375rem;
        height: 9.89583rem;
    }
}

@media only screen and (min-width: 320px) {
    .admission-container {
        position: relative;
    }

    .admission-container .undergraduate-admission {
        background: url("../assets/undergraduate.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .admission-container .undergraduate-admission .undergraduate-header {
        padding: 122.93333rem 8.53333rem 5.33333rem;
    }

    .admission-container .undergraduate-admission .undergraduate-header .header {
        font-size: 10.66667rem;
        font-weight: 800;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.45;
        letter-spacing: normal;
        text-align: left;
        color: #ffffff;
    }

    .admission-container .undergraduate-admission .undergraduate-header .apply-button-wrapper {
        position: relative;
    }

    .admission-container .undergraduate-admission .undergraduate-header .apply-button-wrapper .apply-button {
        margin-top: 8rem;
        opacity: 0.9;
        border: solid 1px #017a7b;
        border-radius: 5px;
        background-color: #ffffff;
        font-size: 3.2rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 0px;
        color: #000000;
        padding: 2.93333rem 3.2rem;
    }

    .admission-container .undergraduate-admission .undergraduate-header .apply-button-wrapper .apply-button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 1.6rem;
        height: 2.93333rem;
        margin-left: 3.73333rem;
    }

    .admission-container .undergraduate-admission .undergraduate-crousel {
        background: #ffffff;
    }

    .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .card-wrapper {
        display: flex;
        align-items: center;
        padding: 10.13333rem 0 10.13333rem 8rem;
    }

    .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .card-wrapper .num {
        font-size: 11.2rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.36;
        letter-spacing: -0.97px;
        text-align: left;
        color: #017a7b;
        margin-right: 4rem;
    }

    .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .card-wrapper .desc {
        font-size: 3.73333rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.71;
        letter-spacing: 0.08px;
        text-align: left;
        color: #000000;
    }

    .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .owl-dots {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .owl-dots .owl-dot {
        outline: none;
    }

    .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .owl-dots .owl-dot span {
        background-color: #017a7b;
        opacity: 0.2;
    }

    .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .owl-dots .owl-dot span :focus {
        outline: none;
    }

    .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .owl-dots .owl-dot.active span {
        opacity: 1;
    }

    .admission-container .faq {
        z-index: 1000;
        position: fixed;
        top: 50%;
        right: 0;
        background: #ffffff;
        transform: rotate(-90deg) translate(50%, 50%);
        transform-origin: 70% 50%;
        padding: 1.33333rem 2.66667rem;
        border-radius: 5px 5px 0 0;
        border: solid 1px #017a7b;
    }

    .admission-container .faq1 {
        z-index: 1000;
        position: fixed;
        top: 75%;
        right: 0;
        background: #ffffff;
        transform: rotate(-90deg) translate(50%, 50%);
        transform-origin: 70% 50%;
        padding: 1.33333rem 2.66667rem;
        border-radius: 5px 5px 0 0;
        border: solid 1px #017a7b;
    }

    .admission-container .faq span {
        font-size: 3.73333rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.36;
        letter-spacing: -0.32px;
        text-align: center;
        color: #017a7b;
    }

    .admission-container .faq1 span {
        font-size: 3.73333rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.36;
        letter-spacing: -0.32px;
        text-align: center;
        color: #017a7b;
    }

    .admission-container .admission-info {
        background-color: #f0fbfb;
    }

    .admission-container .admission-info .eligibility {
        padding: 12rem 7.73333rem 0;
    }

    .admission-container .admission-info .eligibility img {
        height: 10.66667rem;
        width: 13.06667rem;
    }

    .admission-container .admission-info .eligibility .header {
        margin-top: 7.2rem;
        font-size: 5.33333rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
    }

    .admission-container .admission-info .eligibility .list {
        margin: 5.6rem 0 0 0;
    }

    .admission-container .admission-info .eligibility .list li {
        font-size: 4.26667rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        position: relative;
        color: #000000;
        margin-bottom: 7.73333rem;
        padding: 0 13.86667rem 0 6.4rem;
    }

    .admission-container .admission-info .eligibility .list li:before {
        content: "";
        height: 2px;
        width: 8px;
        background-color: #000000;
        position: absolute;
        left: 0;
        top: 10px;
        opacity: 0.2;
    }

    .admission-container .admission-info .eligibility .list li:last-child {
        margin-bottom: 0;
    }

    .admission-container .admission-info .prerequisite {
        padding: 17.6rem 7.73333rem 8.8rem;
    }

    .admission-container .admission-info .prerequisite img {
        height: 10.66667rem;
        width: 13.06667rem;
    }

    .admission-container .admission-info .prerequisite .header {
        margin-top: 7.2rem;
        font-size: 5.33333rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
    }

    .admission-container .admission-info .prerequisite .list {
        margin-top: 5.6rem;
    }

    .admission-container .admission-info .prerequisite .list li {
        font-size: 4.26667rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        position: relative;
        color: #000000;
        margin-bottom: 7.73333rem;
        padding: 0 13.86667rem 0 6.4rem;
    }

    .admission-container .admission-info .prerequisite .list li:before {
        content: "";
        height: 2px;
        width: 8px;
        background-color: #000000;
        position: absolute;
        left: 0;
        top: 10px;
        opacity: 0.2;
    }

    .admission-container .admission-info .prerequisite .list li:last-child {
        margin-bottom: 0;
    }

    .admission-container .admission-info .download-button-wrapper {
        padding: 0 0 11.46667rem 14.4rem;
        position: relative;
    }

    .admission-container .admission-info .download-button-wrapper .download-button {
        opacity: 0.9;
        border: solid 1px #017a7b;
        border-radius: 5px;
        background-color: #ffffff;
        font-size: 3.2rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 0px;
        color: #000000;
        padding: 2.93333rem 3.2rem;
    }

    .admission-container .admission-info .download-button-wrapper .download-button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 1.6rem;
        height: 2.93333rem;
        margin-left: 3.73333rem;
    }

    .admission-container .fees {
        background-color: #017a7b;
        padding-bottom: 10.66667rem;
    }

    .admission-container .fees .content {
        padding: 10.66667rem 8rem;
    }

    .admission-container .fees .content h3 {
        font-size: 6.4rem;
        font-weight: bold;
        line-height: 1.33;
        text-align: left;
        color: #ffffff;
        margin-bottom: 3.73333rem;
    }

    .admission-container .fees .content span {
        font-size: 3.73333rem;
        opacity: 0.8;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.79;
        letter-spacing: normal;
        text-align: left;
        color: #ffffff;
        margin-bottom: 5.33333rem;
    }

    .admission-container .fees .fees-card-wrapper {
        position: relative;
        margin: 16px 14.66667rem 0 8rem;
        box-shadow: 5px 3px 50px 0 rgba(0, 0, 0, 0.15);
    }

    .admission-container .fees .fees-card-wrapper .fees-card {
        padding: 6.93333rem 8.53333rem 6.4rem 6.93333rem;
        background-color: #ffffff;
        position: relative;
        z-index: 2;
    }

    .admission-container .fees .fees-card-wrapper .fees-card img {
        height: 10.66667rem;
        width: 13.06667rem;
    }

    .admission-container .fees .fees-card-wrapper .fees-card .fees-title {
        margin-top: 3.73333rem;
        border-bottom: 2px solid rgba(3, 161, 178, 0.11);
        padding: 5.33333rem 0;
    }

    .admission-container .fees .fees-card-wrapper .fees-card .fees-title h4 {
        font-size: 4.26667rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
        opacity: 0.6;
    }

    .admission-container .fees .fees-card-wrapper .fees-card .fees-title strong {
        font-size: 3.73333rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.14;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
    }

    .admission-container .fees .fees-card-wrapper .fees-card .fees-title:first {
        padding-top: 0;
    }

    .admission-container .fees .fees-card-wrapper .fees-card .other-info {
        font-size: 3.2rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.42;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
        opacity: 0.6;
        margin-top: 5.33333rem;
    }

    .admission-container .fees .fees-card-wrapper::after {
        content: "";
        background-image: linear-gradient(to bottom, #add484, #00a0b4);
        position: absolute;
        top: -7px;
        right: -6px;
        bottom: 2.1rem;
        left: 2.1rem;
        z-index: 0;
    }

    .admission-container .timeline {
        padding: 11.2rem 8.53333rem;
    }

    .admission-container .timeline .timeline-title {
        margin-bottom: 10.93333rem;
    }

    .admission-container .timeline .timeline-title .header {
        -webkit-text-stroke: 0.8px #00555a;
        font-size: 10.66667rem;
        font-weight: 800;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        color: #ffffff;
        margin-bottom: 3.2rem;
    }

    .admission-container .timeline .timeline-title .desc {
        opacity: 0.6;
        font-size: 3.73333rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.79;
        letter-spacing: normal;
        color: #000000;
    }

    .admission-container .timeline .timeline-wrapper {
        position: relative;
        max-height: 112rem;
        overflow-x: auto;
        padding-left: 5px;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block {
        border-left: 1px solid #c1dede;
        width: auto;
        display: flex;
        clear: both;
        position: relative;
        cursor: pointer;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .marker {
        width: 2.4rem;
        height: 2.4rem;
        border-radius: 50%;
        border: 1px solid #c1dede;
        background: #ffffff;
        position: absolute;
        left: -5px;
        z-index: 9;
        margin-top: 4px;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content {
        padding: 0 15px;
        color: #666;
        margin-bottom: 10.66667rem;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content h3 {
        font-size: 3.2rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.67;
        letter-spacing: normal;
        color: #000000;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content span {
        font-size: 3.2rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.17;
        letter-spacing: normal;
        color: #000000;
        display: block;
        margin-bottom: 3.46667rem;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content {
        display: none;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content p {
        font-size: 3.73333rem;
        line-height: 1.5em;
        word-spacing: 1px;
        color: #888;
        margin: 0;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper {
        position: relative;
        padding-top: 4.8rem;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button {
        opacity: 0.9;
        border: solid 1px #017a7b;
        border-radius: 5px;
        background-color: #ffffff;
        font-size: 3.2rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 0px;
        color: #000000;
        padding: 2.93333rem 3.2rem;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 1.6rem;
        height: 2.93333rem;
        margin-left: 3.73333rem;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block.active .marker {
        background-image: linear-gradient(to bottom, #add484, #00a0b4);
        border: 1px solid #ffffff;
        margin-top: 0;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block.active .timeline-content {
        background-image: linear-gradient(to bottom, #add484, #00a0b4);
        margin-left: 4rem;
        padding: 4.26667rem;
        margin-bottom: 9.6rem;
        border-radius: 5px;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block.active .timeline-content h3,
    .admission-container .timeline .timeline-wrapper .timeline-block.active .timeline-content span {
        color: #ffffff;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block.active .timeline-content .inner-content {
        display: block;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block.active .timeline-content .inner-content p {
        color: #ffffff;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block:last-child .timeline-content {
        margin-bottom: 0;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block:first-child {
        margin-top: -4px;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block:first-child.active {
        margin-top: 0;
    }

    .admission-container .timeline .timeline-wrapper::-webkit-scrollbar {
        width: 0;
    }

    .admission-container .timeline .timeline-wrapper::-moz-scrollbar {
        width: 0;
    }

    .admission-container .financial-aid {
        margin: 12rem 8rem;
    }

    .admission-container .financial-aid .img-wrapper {
        position: relative;
    }

    .admission-container .financial-aid .img-wrapper img {
        object-position: center;
        object-fit: cover;
        width: 100%;
        position: relative;
    }

    .admission-container .financial-aid .img-wrapper::after {
        content: "";
        background-image: linear-gradient(to bottom, #add484, #00a0b4);
        position: absolute;
        top: -5px;
        right: -4px;
        bottom: 1.86667rem;
        left: 1.86667rem;
        z-index: -1;
    }

    .admission-container .financial-aid .content h3 {
        margin: 5.33333rem 0 3.73333rem 0;
        font-size: 6.4rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
    }

    .admission-container .financial-aid .content .desc {
        opacity: 0.6;
        font-size: 3.73333rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.79;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
    }

    .admission-container .financial-aid .content .content-footer {
        margin-top: 3.73333rem;
        font-size: 3.2rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.67;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
    }

    .admission-container .contact .contact-info {
        background: linear-gradient(to bottom, #add484, #00a0b4);
        padding: 8.53333rem 8rem 10.66667rem 8rem;
    }

    .admission-container .contact .contact-info h3 {
        font-size: 6.4rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        text-align: left;
        color: #ffffff;
    }

    .admission-container .contact .contact-info .basic {
        margin-top: 3.73333rem;
        font-size: 3.73333rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.79;
        letter-spacing: normal;
        text-align: left;
        color: #ffffff;
        opacity: 1;
        margin-bottom: 6.4rem;
    }

    .admission-container .contact .contact-info .info {
        margin-bottom: 9.6rem;
    }

    .admission-container .contact .contact-info .info strong {
        display: block;
        font-size: 3.2rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.67;
        letter-spacing: normal;
        text-align: left;
        color: #ffffff;
    }

    .admission-container .contact .contact-info .info span {
        font-size: 3.73333rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.79;
        letter-spacing: normal;
        text-align: left;
        color: #ffffff;
    }

    .admission-container .contact .contact-info .info:last-child {
        margin-bottom: 8.53333rem;
    }

    .admission-container .contact .contact-info .gmap-button-wrapper {
        position: relative;
    }

    .admission-container .contact .contact-info .gmap-button-wrapper .gmap-button {
        opacity: 0.9;
        border: solid 1px #017a7b;
        border-radius: 5px;
        background-color: #ffffff;
        font-size: 3.2rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 0px;
        color: #000000;
        padding: 2.93333rem 3.2rem;
    }

    .admission-container .contact .contact-info .gmap-button-wrapper .gmap-button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 1.6rem;
        height: 2.93333rem;
        margin-left: 3.73333rem;
    }

    .admission-container .contact .gmap-img img {
        object-fit: cover;
        object-position: center;
        width: 100%;
    }

    .admission-container .events {
        padding: 11.2rem 0 0 0;
    }

    .admission-container .events .event-title {
        font-size: 6.4rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
        margin: 0 0 3.2rem 8rem;
    }

    .admission-container .events .event-crousel .owl-carousel .item {
        padding-bottom: 11.2rem;
    }

    .admission-container .events .event-crousel .owl-carousel .item .card-wrapper {
        box-shadow: 5px 3px 50px 0 rgba(0, 0, 0, 0.05);
    }

    .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content {
        padding: 6.66667rem 5.33333rem;
    }

    .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .date {
        font-size: 3.2rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.67;
        letter-spacing: normal;
        text-align: left;
        opacity: 0.5;
        color: #000000;
    }

    .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .content-header {
        font-size: 4.8rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.39;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
    }

    .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .content-desc {
        font-size: 3.2rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 2.08;
        letter-spacing: normal;
        text-align: left;
        color: #000000;
        opacity: 0.8;
        display: block;
    }

    .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .event-arrow {
        margin-left: auto;
        height: 1.6rem;
        width: 3.2rem;
        object-fit: contain;
        object-position: center;
    }

    .admission-container .events .event-crousel .owl-carousel .owl-prev,
    .admission-container .events .event-crousel .owl-carousel .owl-next {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 25px;
        opacity: 0;
    }

    .admission-container .events .event-crousel .owl-carousel .owl-prev {
        left: 0;
    }

    .admission-container .events .event-crousel .owl-carousel .owl-next {
        right: 0;
    }
}

@media only screen and (min-width: 768px) {
    .admission-container {
        position: relative;
    }

    .admission-container .undergraduate-admission {
        background: url("../assets/undergraduate.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 0 5.20833rem;
    }

    .admission-container .undergraduate-admission .undergraduate-header {
        padding: 27.99479rem 0 1.95312rem 0;
        display: flex;
        align-items: flex-end;
    }

    .admission-container .undergraduate-admission .undergraduate-header .header {
        font-size: 6.77083rem;
    }

    .admission-container .undergraduate-admission .undergraduate-header .apply-button-wrapper {
        position: relative;
    }

    .admission-container .undergraduate-admission .undergraduate-header .apply-button-wrapper .apply-button {
        margin-top: 0;
        font-size: 1.5625rem;
        white-space: nowrap;
        padding: 1.69271rem 2.21354rem;
    }

    .admission-container .undergraduate-admission .undergraduate-header .apply-button-wrapper .apply-button::after {
        width: 0.8724rem;
        height: 1.6276rem;
        margin-left: 2.55208rem;
    }

    .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel {
        padding: 0 2.60417rem;
    }

    .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .card-wrapper {
        padding: 5.59896rem 3.90625rem 6.90104rem 3.90625rem;
    }

    .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .card-wrapper .num {
        font-size: 3.90625rem;
        margin-right: 2.86458rem;
    }

    .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .card-wrapper .desc {
        font-size: 1.82292rem;
    }

    .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .owl-dots {
        bottom: 2.08333rem;
    }

    .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .owl-dots .owl-dot span {
        height: 0.78125rem;
        width: 0.78125rem;
        margin: 0 0.78125rem;
    }

    .admission-container .faq {
        padding: 0.65104rem 1.30208rem;
        border-radius: 5px 5px 0 0;
    }

    .admission-container .faq1 {
        padding: 0.65104rem 1.30208rem;
        border-radius: 5px 5px 0 0;
    }

    .admission-container .faq span {
        font-size: 1.82292rem;
    }

    .admission-container .faq1 span {
        font-size: 1.82292rem;
    }

    .admission-container .admission-info {
        background-color: #f0fbfb;
    }

    .admission-container .admission-info .info {
        display: flex;
        justify-content: center;
    }

    .admission-container .admission-info .info .list-wrapper {
        padding: 4.03646rem 5.20833rem 2.60417rem;
        min-width: 50%;
    }

    .admission-container .admission-info .info .list-wrapper img {
        height: 4.16667rem;
        width: 5.07812rem;
    }

    .admission-container .admission-info .info .list-wrapper .header {
        margin-top: 2.34375rem;
        font-size: 2.08333rem;
    }

    .admission-container .admission-info .info .list-wrapper .list {
        margin: 2.34375rem 0 0 0;
    }

    .admission-container .admission-info .info .list-wrapper .list li {
        font-size: 1.82292rem;
        margin-bottom: 3.77604rem;
        padding: 0 0 0 3.125rem;
    }

    .admission-container .admission-info .info .list-wrapper .list li:before {
        content: "";
        height: 2px;
        width: 8px;
        background-color: #000000;
        position: absolute;
        left: 0;
        top: 10px;
        opacity: 0.2;
    }

    .admission-container .admission-info .info .list-wrapper .list li:last-child {
        margin-bottom: 0;
    }

    .admission-container .admission-info .info .list-wrapper:first-child {
        border-right: 2px solid rgba(3, 161, 178, 0.11);
    }

    .admission-container .admission-info .download-button-wrapper {
        padding: 5.20833rem 0 0 0;
        position: relative;
    }

    .admission-container .admission-info .download-button-wrapper .download-button {
        font-size: 1.95312rem;
        padding: 1.5625rem 1.95312rem;
    }

    .admission-container .admission-info .download-button-wrapper .download-button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 1.04167rem;
        height: 1.95312rem;
        margin-left: 2.60417rem;
    }

    .admission-container .fees {
        background-color: #017a7b;
        padding-bottom: 5.20833rem;
        display: flex;
        justify-content: center;
    }

    .admission-container .fees .content {
        padding: 8.72396rem 10.41667rem 0rem 7.8125rem;
    }

    .admission-container .fees .content h3 {
        font-size: 3.90625rem;
        margin-bottom: 2.60417rem;
    }

    .admission-container .fees .content span {
        font-size: 1.82292rem;
        margin-bottom: 5.59896rem;
    }

    .admission-container .fees .fees-card-wrapper {
        position: relative;
        margin: 7.42188rem 9.63542rem -23.4375rem 0;
        max-width: 31.64062rem;
        width: 100%;
    }

    .admission-container .fees .fees-card-wrapper .fees-card {
        padding: 3.90625rem;
    }

    .admission-container .fees .fees-card-wrapper .fees-card img {
        height: 3.64583rem;
        width: 4.42708rem;
        margin-bottom: 1.82292rem;
    }

    .admission-container .fees .fees-card-wrapper .fees-card .fees-title {
        margin-top: 0;
        border-bottom: 2px solid rgba(3, 161, 178, 0.11);
        padding: 1.95312rem 0;
    }

    .admission-container .fees .fees-card-wrapper .fees-card .fees-title h4 {
        font-size: 1.82292rem;
        margin: 0;
    }

    .admission-container .fees .fees-card-wrapper .fees-card .fees-title strong {
        font-size: 1.82292rem;
    }

    .admission-container .fees .fees-card-wrapper .fees-card .other-info {
        font-size: 1.5625rem;
        margin-top: 2.60417rem;
        line-height: 1.5;
    }

    .admission-container .fees .fees-card-wrapper::after {
        content: "";
        background-image: linear-gradient(to bottom, #add484, #00a0b4);
        position: absolute;
        top: -7px;
        right: -6px;
        bottom: 2.1rem;
        left: 2.1rem;
        z-index: 0;
    }

    .admission-container .timeline {
        padding: 7.8125rem 0 7.29167rem 5.20833rem;
    }

    .admission-container .timeline .timeline-title {
        margin-bottom: 9.11458rem;
    }

    .admission-container .timeline .timeline-title .header {
        -webkit-text-stroke: 1px #00555a;
        font-size: 6.51042rem;
        margin-bottom: 2.60417rem;
    }

    .admission-container .timeline .timeline-title .desc {
        font-size: 1.82292rem;
    }

    .admission-container .timeline .timeline-wrapper {
        position: relative;
        max-width: 100rem;
        display: flex;
        overflow-y: auto;
        padding-left: 5px;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block {
        border-left: 0;
        border-bottom: 1px solid #c1dede;
        width: auto;
        display: flex;
        clear: both;
        position: relative;
        margin-bottom: 1.30208rem;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .marker {
        width: 1.69271rem;
        height: 1.69271rem;
        position: absolute;
        bottom: -7px;
        left: 50%;
        z-index: 9;
        margin-top: 0;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content {
        padding: 0 5.20833rem;
        color: #666;
        margin-bottom: 2.34375rem;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        text-align: center;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content h3 {
        font-size: 1.82292rem;
        margin-bottom: 1.17188rem;
        white-space: nowrap;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content span {
        font-size: 1.69271rem;
        margin-bottom: 1.17188rem;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content {
        display: none;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content p {
        font-size: 1.82292rem;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper {
        padding-top: 1.82292rem;
        position: relative;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button {
        font-size: 1.5625rem;
        white-space: nowrap;
        color: #000000;
        padding: 1.95312rem 2.60417rem;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button::after {
        width: 0.91146rem;
        height: 1.17188rem;
        margin-left: 2.60417rem;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block.active .marker {
        border: 1px solid #ffffff;
        margin-top: 0;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block.active .timeline-content {
        margin-left: 0rem;
        padding: 1.95312rem 3.90625rem;
        margin-bottom: 2.34375rem;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block.active .timeline-content h3,
    .admission-container .timeline .timeline-wrapper .timeline-block.active .timeline-content span {
        color: #ffffff;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block.active .timeline-content .inner-content {
        display: block;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block.active .timeline-content .inner-content p {
        color: #ffffff;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block:last-child .timeline-content {
        margin-bottom: 2.34375rem;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block:first-child {
        margin-top: 0;
    }

    .admission-container .financial-aid {
        margin: 23.95833rem 5.20833rem 7.8125rem;
    }

    .admission-container .financial-aid .img-wrapper {
        position: relative;
    }

    .admission-container .financial-aid .img-wrapper img {
        object-position: center;
        object-fit: cover;
        width: 100%;
        position: relative;
    }

    .admission-container .financial-aid .img-wrapper::after {
        content: "";
        background-image: linear-gradient(to bottom, #add484, #00a0b4);
        position: absolute;
        top: -5px;
        right: -4px;
        bottom: 1.86667rem;
        left: 1.86667rem;
        z-index: -1;
    }

    .admission-container .financial-aid .content h3 {
        margin: 5.20833rem 0 2.60417rem 0;
        font-size: 3.90625rem;
    }

    .admission-container .financial-aid .content .desc {
        font-size: 1.82292rem;
        max-width: 67.44792rem;
    }

    .admission-container .financial-aid .content .content-footer {
        margin-top: 2.60417rem;
        font-size: 1.82292rem;
    }

    .admission-container .contact {
        display: flex;
        justify-content: center;
    }

    .admission-container .contact .contact-info {
        background: linear-gradient(to bottom, #add484, #00a0b4);
        padding: 3.38542rem 3.90625rem 4.42708rem 5.20833rem;
    }

    .admission-container .contact .contact-info h3 {
        font-size: 3.90625rem;
    }

    .admission-container .contact .contact-info .basic {
        margin-top: 2.08333rem;
        font-size: 1.82292rem;
        margin-bottom: 2.60417rem;
    }

    .admission-container .contact .contact-info .info {
        margin-bottom: 2.60417rem;
    }

    .admission-container .contact .contact-info .info strong {
        font-size: 1.82292rem;
        line-height: 1.5;
    }

    .admission-container .contact .contact-info .info span {
        font-size: 1.82292rem;
        line-height: 1.5;
    }

    .admission-container .contact .contact-info .info:last-child {
        margin-bottom: 3.90625rem;
    }

    .admission-container .contact .contact-info .gmap-button-wrapper {
        position: relative;
    }

    .admission-container .contact .contact-info .gmap-button-wrapper .gmap-button {
        font-size: 1.95312rem;
        white-space: nowrap;
        padding: 1.95312rem 2.60417rem;
    }

    .admission-container .contact .contact-info .gmap-button-wrapper .gmap-button::after {
        width: 1.04167rem;
        height: 1.95312rem;
        margin-left: 2.60417rem;
    }

    .admission-container .contact .gmap-img img {
        object-fit: cover;
        object-position: center;
        width: 100%;
        height: 100%;
    }

    .admission-container .events {
        padding: 7.8125rem 0 0 0;
    }

    .admission-container .events .event-title {
        font-size: 3.90625rem;
        margin: 0 0 5.20833rem 5.20833rem;
    }

    .admission-container .events .event-crousel .owl-carousel .item {
        padding-bottom: 7.8125rem;
    }

    .admission-container .events .event-crousel .owl-carousel .item .card-wrapper {
        box-shadow: 5px 3px 50px 0 rgba(0, 0, 0, 0.05);
    }

    .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content {
        padding: 4.16667rem 2.60417rem 2.47396rem 3.51562rem;
    }

    .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .date {
        font-size: 1.82292rem;
        font-weight: 600;
        line-height: 1.71;
    }

    .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .content-header {
        font-size: 2.60417rem;
        line-height: 1.5;
        margin: 1.30208rem 0 1.95312rem 0;
    }

    .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .content-desc {
        font-size: 1.82292rem;
        line-height: 1.5;
    }

    .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .event-arrow {
        height: 2.86458rem;
        width: 3.125rem;
        margin-top: 1.30208rem;
    }
}

@media only screen and (min-width: 992px) {
    .admission-container {
        position: relative;
    }

    .admission-container .undergraduate-admission {
        padding: 0 8.06452rem;
    }

    .admission-container .undergraduate-admission .undergraduate-header {
        padding: 31.75403rem 0 1.71371rem 0;
        display: flex;
        align-items: flex-end;
    }

    .admission-container .undergraduate-admission .undergraduate-header .header {
        font-size: 6.04839rem;
    }

    .admission-container .undergraduate-admission .undergraduate-header .apply-button-wrapper {
        position: relative;
    }

    .admission-container .undergraduate-admission .undergraduate-header .apply-button-wrapper .apply-button {
        margin-top: 0;
        font-size: 1.5121rem;
        white-space: nowrap;
        padding: 1.5121rem 2.01613rem;
    }

    .admission-container .undergraduate-admission .undergraduate-header .apply-button-wrapper .apply-button::after {
        width: 0.80645rem;
        height: 1.5121rem;
        margin-left: 2.01613rem;
    }

    .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel {
        padding: 0 1.6129rem;
    }

    .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .card-wrapper {
        padding: 6.25rem 1.6129rem 6.25rem 1.6129rem;
    }

    .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .card-wrapper .num {
        font-size: 3.02419rem;
        margin-right: 1.00806rem;
    }

    .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .card-wrapper .desc {
        font-size: 1.41129rem;
    }

    .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .owl-dots {
        bottom: 2.01613rem;
    }

    .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .owl-dots .owl-dot span {
        height: 0.80645rem;
        width: 0.80645rem;
        margin: 0 0.75605rem;
    }

    .admission-container .faq {
        padding: 1.20968rem 2.21774rem;
        border-radius: 5px 5px 0 0;
    }

    .admission-container .faq span {
        font-size: 1.6129rem;
    }

    .admission-container .faq1 {
        padding: 1.20968rem 2.21774rem;
        border-radius: 5px 5px 0 0;
    }

    .admission-container .faq1 span {
        font-size: 1.6129rem;
    }

    .admission-container .admission-info {
        background-color: #f0fbfb;
    }

    .admission-container .admission-info .info {
        display: flex;
        justify-content: center;
    }

    .admission-container .admission-info .info .list-wrapper {
        padding: 4.03226rem 5.24194rem 2.01613rem;
        min-width: 50%;
    }

    .admission-container .admission-info .info .list-wrapper img {
        height: 4.23387rem;
        width: 5.14113rem;
    }

    .admission-container .admission-info .info .list-wrapper .header {
        margin-top: 2.01613rem;
        font-size: 2.41935rem;
    }

    .admission-container .admission-info .info .list-wrapper .list {
        margin: 1.81452rem 0 0 0;
    }

    .admission-container .admission-info .info .list-wrapper .list li {
        font-size: 1.6129rem;
        margin-bottom: 2.01613rem;
        padding: 0 0 0 2.41935rem;
    }

    .admission-container .admission-info .info .list-wrapper .list li:before {
        content: "";
        height: 2px;
        width: 8px;
        background-color: #000000;
        position: absolute;
        left: 0;
        top: 12px;
        opacity: 0.2;
    }

    .admission-container .admission-info .info .list-wrapper .list li:last-child {
        margin-bottom: 0;
    }

    .admission-container .admission-info .info .list-wrapper:first-child {
        border-right: 2px solid rgba(3, 161, 178, 0.11);
    }

    .admission-container .admission-info .download-button-wrapper {
        padding: 4.03226rem 0 0 0;
        position: relative;
    }

    .admission-container .admission-info .download-button-wrapper .download-button {
        font-size: 1.5121rem;
        padding: 1.5121rem 2.01613rem;
    }

    .admission-container .admission-info .download-button-wrapper .download-button::after {
        width: 0.80645rem;
        height: 1.5121rem;
        margin-left: 2.01613rem;
    }

    .admission-container .fees {
        background-color: #017a7b;
        padding-bottom: 16.33065rem;
        display: flex;
        justify-content: center;
    }

    .admission-container .fees .content {
        padding: 8.87097rem 11.99597rem 0rem 8.87097rem;
    }

    .admission-container .fees .content h3 {
        font-size: 4.03226rem;
        margin-bottom: 1.10887rem;
    }

    .admission-container .fees .content span {
        font-size: 1.6129rem;
        margin-bottom: 0;
    }

    .admission-container .fees .fees-card-wrapper {
        position: relative;
        margin: 8.77016rem 12.19758rem -20.16129rem 0;
        max-width: 31.64062rem;
        width: 100%;
    }

    .admission-container .fees .fees-card-wrapper .fees-card {
        padding: 3.02419rem;
    }

    .admission-container .fees .fees-card-wrapper .fees-card img {
        height: 4.03226rem;
        width: 4.93952rem;
        margin-bottom: 1.41129rem;
    }

    .admission-container .fees .fees-card-wrapper .fees-card .fees-title {
        margin-top: 0;
        border-bottom: 2px solid rgba(3, 161, 178, 0.11);
        padding: 2.01613rem 0;
    }

    .admission-container .fees .fees-card-wrapper .fees-card .fees-title h4 {
        font-size: 1.71371rem;
        margin: 0;
    }

    .admission-container .fees .fees-card-wrapper .fees-card .fees-title strong {
        font-size: 1.71371rem;
    }

    .admission-container .fees .fees-card-wrapper .fees-card .other-info {
        font-size: 1.31048rem;
        margin-top: 2.01613rem;
        line-height: 1.5;
    }

    .admission-container .fees .fees-card-wrapper::after {
        content: "";
        background-image: linear-gradient(to bottom, #add484, #00a0b4);
        position: absolute;
        top: -7px;
        right: -6px;
        bottom: 2.1rem;
        left: 2.1rem;
        z-index: 0;
    }

    .admission-container .timeline {
        padding: 6.04839rem 0 6.04839rem 8.06452rem;
    }

    .admission-container .timeline .timeline-title {
        margin-bottom: 6.04839rem;
    }

    .admission-container .timeline .timeline-title .header {
        font-size: 7.05645rem;
        margin-bottom: 2.01613rem;
    }

    .admission-container .timeline .timeline-title .desc {
        font-size: 1.6129rem;
    }

    .admission-container .timeline .timeline-wrapper {
        position: relative;
        max-width: 100rem;
        display: flex;
        overflow-y: auto;
        padding-left: 5px;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block {
        border-left: 0;
        border-bottom: 1px solid #c1dede;
        width: auto;
        display: flex;
        clear: both;
        position: relative;
        margin-bottom: 1.00806rem;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .marker {
        width: 1.00806rem;
        height: 1.00806rem;
        position: absolute;
        bottom: -5px;
        left: 50%;
        z-index: 9;
        margin-top: 0;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content {
        padding: 0 4.43548rem;
        margin-bottom: 1.71371rem;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content h3 {
        font-size: 1.6129rem;
        margin-bottom: 1.00806rem;
        white-space: nowrap;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content span {
        font-size: 1.5121rem;
        margin-bottom: 1.00806rem;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content {
        display: none;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content p {
        font-size: 1.41129rem;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper {
        padding-top: 1.10887rem;
        position: relative;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button {
        font-size: 1.00806rem;
        white-space: nowrap;
        color: #000000;
        padding: 1.00806rem 1.20968rem;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button::after {
        width: 0.48387rem;
        height: 0.91734rem;
        margin-left: 2.01613rem;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block.active .timeline-content {
        padding: 1.5121rem 3.02419rem;
        margin-bottom: 1.81452rem;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block:last-child .timeline-content {
        margin-bottom: 1.71371rem;
    }

    .admission-container .financial-aid {
        margin: 14.1129rem 8.06452rem 6.04839rem;
    }

    .admission-container .financial-aid .img-wrapper {
        position: relative;
    }

    .admission-container .financial-aid .img-wrapper img {
        object-position: center;
        object-fit: cover;
        width: 100%;
        position: relative;
    }

    .admission-container .financial-aid .img-wrapper::after {
        content: "";
        background-image: linear-gradient(to bottom, #add484, #00a0b4);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 1.5121rem;
        left: 1.5121rem;
        z-index: -1;
    }

    .admission-container .financial-aid .content h3 {
        margin: 3.02419rem 0 2.01613rem 0;
        font-size: 4.03226rem;
    }

    .admission-container .financial-aid .content .desc {
        font-size: 1.6129rem;
        max-width: 69.05242rem;
    }

    .admission-container .financial-aid .content .content-footer {
        margin-top: 2.01613rem;
        font-size: 1.6129rem;
    }

    .admission-container .contact {
        display: flex;
        justify-content: center;
    }

    .admission-container .contact .contact-info {
        background: linear-gradient(to bottom, #add484, #00a0b4);
        padding: 6.04839rem 8.56855rem 6.04839rem 5.54435rem;
    }

    .admission-container .contact .contact-info h3 {
        font-size: 4.03226rem;
    }

    .admission-container .contact .contact-info .basic {
        margin-top: 3.02419rem;
        font-size: 1.6129rem;
        margin-bottom: 4.83871rem;
    }

    .admission-container .contact .contact-info .info {
        margin-bottom: 3.02419rem;
    }

    .admission-container .contact .contact-info .info strong {
        font-size: 1.6129rem;
        line-height: 1.5;
    }

    .admission-container .contact .contact-info .info span {
        font-size: 1.6129rem;
        line-height: 1.5;
    }

    .admission-container .contact .contact-info .info:last-child {
        margin-bottom: 3.62903rem;
    }

    .admission-container .contact .contact-info .gmap-button-wrapper {
        position: relative;
    }

    .admission-container .contact .contact-info .gmap-button-wrapper .gmap-button {
        font-size: 1.5121rem;
        white-space: nowrap;
        padding: 1.5121rem 2.01613rem;
    }

    .admission-container .contact .contact-info .gmap-button-wrapper .gmap-button::after {
        width: 0.80645rem;
        height: 1.5121rem;
        margin-left: 2.01613rem;
    }

    .admission-container .contact .gmap-img img {
        object-fit: cover;
        object-position: center;
        width: 100%;
        height: 100%;
    }

    .admission-container .events {
        padding: 6.04839rem 0 0 0;
    }

    .admission-container .events .event-title {
        font-size: 4.03226rem;
        margin: 0 0 4.03226rem 8.06452rem;
    }

    .admission-container .events .event-crousel .owl-carousel .item {
        padding-bottom: 6.04839rem;
    }

    .admission-container .events .event-crousel .owl-carousel .item .card-wrapper {
        box-shadow: 5px 3px 50px 0 rgba(0, 0, 0, 0.05);
    }

    .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content {
        padding: 3.62903rem 3.32661rem 4.33468rem 3.125rem;
    }

    .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .date {
        font-size: 1.71371rem;
        font-weight: 600;
        line-height: 1.71;
    }

    .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .content-header {
        font-size: 2.41935rem;
        line-height: 1.5;
        margin: 1.00806rem 0 2.01613rem 0;
    }

    .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .content-desc {
        font-size: 1.6129rem;
        line-height: 1.5;
    }

    .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .event-arrow {
        height: 2.52016rem;
        width: 2.72177rem;
        margin-top: 1.00806rem;
    }
}

@media only screen and (min-width: 1200px) {
    .admission-container {
        position: relative;
    }

    .admission-container .undergraduate-admission {
        padding: 0 7.1875rem;
    }

    .admission-container .undergraduate-admission .undergraduate-header {
        padding: 26.66667rem 0 1.77083rem 0;
        justify-content: space-between;
    }

    .admission-container .undergraduate-admission .undergraduate-header .header {
        font-size: 5.20833rem;
        max-width: 50%;
    }

    .admission-container .undergraduate-admission .undergraduate-header .apply-button-wrapper .apply-button {
        font-size: 0.78125rem;
        white-space: nowrap;
        padding: 0.9375rem 1.5625rem;
    }

    .admission-container .undergraduate-admission .undergraduate-header .apply-button-wrapper .apply-button::after {
        width: 0.41667rem;
        height: 0.78125rem;
        margin-left: 1.04167rem;
    }

    .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel {
        padding: 0 4.6875rem;
    }

    .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .card-wrapper {
        padding: 4.21875rem 2.08333rem 5.83333rem 2.08333rem;
    }

    .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .card-wrapper .num {
        font-size: 3.33333rem;
        margin-right: 0.9375rem;
    }

    .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .card-wrapper .desc {
        font-size: 1.04167rem;
    }

    .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .owl-dots {
        bottom: 2.29167rem;
    }

    .admission-container .undergraduate-admission .undergraduate-crousel .owl-carousel .owl-dots .owl-dot span {
        height: 0.72917rem;
        width: 0.72917rem;
        margin: 0 0.625rem;
    }

    .admission-container .faq {
        padding: 0.78125rem 1.40625rem;
        border-radius: 5px 5px 0 0;
    }

    .admission-container .faq span {
        font-size: 1.04167rem;
    }

    .admission-container .faq1 {
        padding: 0.78125rem 1.40625rem;
        border-radius: 5px 5px 0 0;
    }

    .admission-container .faq1 span {
        font-size: 1.04167rem;
    }

    .admission-container .admission-info {
        background-color: #f0fbfb;
    }

    .admission-container .admission-info .info {
        display: flex;
        justify-content: center;
    }

    .admission-container .admission-info .info .list-wrapper {
        padding: 5.20833rem 6.875rem 4.79167rem;
        min-width: 50%;
    }

    .admission-container .admission-info .info .list-wrapper img {
        height: 4.21875rem;
        width: 5.10417rem;
    }

    .admission-container .admission-info .info .list-wrapper .header {
        margin-top: 1.40625rem;
        font-size: 2.1875rem;
    }

    .admission-container .admission-info .info .list-wrapper .list {
        margin: 2.23958rem 0 0 0;
    }

    .admission-container .admission-info .info .list-wrapper .list li {
        font-size: 1.04167rem;
        margin-bottom: 1.77083rem;
        padding: 0 0 0 1.25rem;
    }

    .admission-container .admission-info .info .list-wrapper .list li:before {
        content: "";
        height: 2px;
        width: 8px;
        background-color: #000000;
        position: absolute;
        left: 0;
        top: 14px;
        opacity: 0.2;
    }

    .admission-container .admission-info .info .list-wrapper .list li:last-child {
        margin-bottom: 0;
    }

    .admission-container .admission-info .info .list-wrapper:first-child {
        border-right: 2px solid rgba(3, 161, 178, 0.11);
    }

    .admission-container .admission-info .download-button-wrapper {
        padding: 3.38542rem 0 0 0;
        position: relative;
    }

    .admission-container .admission-info .download-button-wrapper .download-button {
        font-size: 0.78125rem;
        padding: 0.9375rem 1.5625rem;
    }

    .admission-container .admission-info .download-button-wrapper .download-button::after {
        width: 0.41667rem;
        height: 0.78125rem;
        margin-left: 1.04167rem;
    }

    .admission-container .fees {
        padding-bottom: 9.32292rem;
    }

    .admission-container .fees .content {
        padding: 9.32292rem 21.875rem 0 7.34375rem;
    }

    .admission-container .fees .content h3 {
        font-size: 3.125rem;
        margin-bottom: 1.40625rem;
    }

    .admission-container .fees .content span {
        font-size: 1.04167rem;
        margin-bottom: 0;
    }

    .admission-container .fees .fees-card-wrapper {
        position: relative;
        margin: auto 14.6875rem -9.75rem 0;
        max-width: 28.125rem;
        width: 100%;
    }

    .admission-container .fees .fees-card-wrapper .fees-card {
        padding: 2.60417rem 2.60417rem 2.08333rem;
    }

    .admission-container .fees .fees-card-wrapper .fees-card img {
        height: 3.69792rem;
        width: 4.47917rem;
        margin-bottom: 1.45833rem;
    }

    .admission-container .fees .fees-card-wrapper .fees-card .fees-title {
        margin-top: 0;
        border-bottom: 2px solid rgba(3, 161, 178, 0.11);
        padding: 2.23958rem 0;
    }

    .admission-container .fees .fees-card-wrapper .fees-card .fees-title h4 {
        font-size: 1.04167rem;
        margin: 0;
    }

    .admission-container .fees .fees-card-wrapper .fees-card .fees-title strong {
        font-size: 1.25rem;
    }

    .admission-container .fees .fees-card-wrapper .fees-card .other-info {
        font-size: 0.83333rem;
        margin-top: 1.97917rem;
        line-height: 1.5;
    }

    .admission-container .fees .fees-card-wrapper::after {
        content: "";
        background-image: linear-gradient(to bottom, #add484, #00a0b4);
        position: absolute;
        top: -12px;
        right: -12px;
        bottom: 2.1rem;
        left: 2.1rem;
        z-index: 0;
    }

    .admission-container .timeline {
        padding: 5.78125rem 0 6.92708rem 7.29167rem;
    }

    .admission-container .timeline .timeline-title {
        margin-bottom: 3.54167rem;
    }

    .admission-container .timeline .timeline-title .header {
        font-size: 4.89583rem;
        margin-bottom: 1.25rem;
    }

    .admission-container .timeline .timeline-title .desc {
        font-size: 1.04167rem;
    }

    .admission-container .timeline .timeline-wrapper {
        position: relative;
        max-width: 100rem;
        display: flex;
        overflow-y: auto;
        padding-left: 5px;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block {
        margin-bottom: 0.52083rem;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .marker {
        width: 1.04167rem;
        height: 1.04167rem;
        bottom: -0.52083rem;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content {
        padding: 0 4.16667rem;
        margin-bottom: 1.09375rem;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content h3 {
        font-size: 1.25rem;
        margin-bottom: 0.52083rem;
        white-space: nowrap;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content span {
        font-size: 1.25rem;
        margin-bottom: 1.51042rem;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content {
        display: none;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content p {
        font-size: 1.04167rem;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper {
        padding-top: 1.97917rem;
        position: relative;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button {
        font-size: 0.78125rem;
        white-space: nowrap;
        color: #000000;
        padding: 0.9375rem 1.5625rem;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button::after {
        width: 0.25rem;
        height: 0.47396rem;
        margin-left: 1.04167rem;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block.active .timeline-content {
        padding: 2.03125rem 1.97917rem;
        margin-bottom: 1.09375rem;
    }

    .admission-container .timeline .timeline-wrapper .timeline-block:last-child .timeline-content {
        margin-bottom: 1.09375rem;
    }

    .admission-container .financial-aid {
        margin: 17.03125rem 8.80208rem 11.25rem 7.29167rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .admission-container .financial-aid .img-wrapper {
        position: relative;
    }

    .admission-container .financial-aid .img-wrapper img {
        object-position: center;
        object-fit: cover;
        width: 100%;
        position: relative;
    }

    .admission-container .financial-aid .img-wrapper::after {
        content: "";
        background-image: linear-gradient(to bottom, #add484, #00a0b4);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0.78125rem;
        left: 0.78125rem;
        z-index: -1;
    }

    .admission-container .financial-aid .content {
        margin-left: 8.80208rem;
    }

    .admission-container .financial-aid .content h3 {
        margin: 0 0 1.40625rem 0;
        font-size: 3.125rem;
    }

    .admission-container .financial-aid .content .desc {
        font-size: 1.04167rem;
        max-width: unset;
    }

    .admission-container .financial-aid .content .content-footer {
        margin-top: 2.23958rem;
        font-size: 1.04167rem;
    }

    .admission-container .contact {
        display: flex;
        justify-content: center;
    }

    .admission-container .contact .contact-info {
        background: linear-gradient(to bottom, #add484, #00a0b4);
        padding: 5.98958rem 5.46875rem 6.61458rem 4.32292rem;
        min-width: 33.59375rem;
    }

    .admission-container .contact .contact-info h3 {
        font-size: 3.125rem;
    }

    .admission-container .contact .contact-info .basic {
        margin-top: 1.45833rem;
        font-size: 1.30208rem;
        margin-bottom: 3.38542rem;
    }

    .admission-container .contact .contact-info .info {
        margin-bottom: 2.96875rem;
    }

    .admission-container .contact .contact-info .info strong {
        font-size: 1.04167rem;
        line-height: 1.5;
    }

    .admission-container .contact .contact-info .info span {
        font-size: 1.30208rem;
        line-height: 1.5;
    }

    .admission-container .contact .contact-info .info:last-child {
        margin-bottom: 2.60417rem;
    }

    .admission-container .contact .contact-info .gmap-button-wrapper {
        position: relative;
    }

    .admission-container .contact .contact-info .gmap-button-wrapper .gmap-button {
        font-size: 0.78125rem;
        white-space: nowrap;
        padding: 0.9375rem 1.5625rem;
    }

    .admission-container .contact .contact-info .gmap-button-wrapper .gmap-button::after {
        width: 0.41667rem;
        height: 0.78125rem;
        margin-left: 1.04167rem;
    }

    .admission-container .contact .gmap-img img {
        object-fit: cover;
        object-position: center;
        width: 100%;
        height: 100%;
    }

    .admission-container .events {
        padding: 6.09375rem 0 0 0;
    }

    .admission-container .events .event-title {
        font-size: 3.125rem;
        margin: 0 0 1.66667rem 7.8125rem;
    }

    .admission-container .events .event-crousel .owl-carousel .item {
        padding-bottom: 4.47917rem;
    }

    .admission-container .events .event-crousel .owl-carousel .item .card-wrapper {
        box-shadow: 5px 3px 50px 0 rgba(0, 0, 0, 0.05);
    }

    .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content {
        padding: 1.97917rem 3.48958rem 1.5625rem 2.23958rem;
    }

    .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .date {
        font-size: 1.04167rem;
        font-weight: 600;
        line-height: 1.71;
    }

    .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .content-header {
        font-size: 1.66667rem;
        line-height: 1.5;
        margin: 0.625rem 0 1.04167rem 0;
    }

    .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .content-desc {
        font-size: 0.9375rem;
        line-height: 1.5;
    }

    .admission-container .events .event-crousel .owl-carousel .item .card-wrapper .content .event-arrow {
        height: 1.51042rem;
        width: 1.61458rem;
        margin-top: 0.9375rem;
    }
}

@media only screen and (min-width: 320px) {
    .research-main .research-landing-page {
        height: 177.86667rem;
        position: relative;
    }

    .research-main .research-landing-page .carousel {
        position: unset;
    }

    .research-main .research-landing-page .carousel-inner {
        position: unset;
    }

    .research-main .research-landing-page .carousel-inner .carousel-item {
        position: unset;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .research-main .research-landing-page .carousel-inner .carousel-item .background-container {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
    }

    .research-main .research-landing-page .carousel-inner .carousel-item .background-container::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 80, 119, 0.2);
    }

    .research-main .research-landing-page .carousel-inner .carousel-item .background-container video,
    .research-main .research-landing-page .carousel-inner .carousel-item .background-container img {
        object-fit: cover;
    }

    .research-main .research-landing-page .carousel-inner .carousel-item .research-center-text {
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: -0.42px;
        text-align: center;
        color: #ffffff;
    }

    .research-main .research-landing-page .carousel-inner .carousel-item .research-center-text .Headline_research {
        padding-bottom: 1.86667rem;
    }

    .research-main .research-landing-page .carousel-inner .carousel-item .research-center-text .Headline_research .Headline_research_Text {
        font-size: 12.8rem;
        font-weight: bold;
        color: #ffffff;
    }

    .research-main .research-landing-page .carousel-inner .carousel-item .research-center-text .Description_research {
        max-width: 79.46667rem;
        margin: 0 auto;
    }

    .research-main .research-landing-page .carousel-inner .carousel-item .research-center-text .Description_research .Description_research_Text {
        font-size: 3.73333rem;
        color: #ffffff;
    }

    .research-main .research-innovation .header {
        padding: 8rem 8rem 6.66667rem;
    }

    .research-main .research-innovation .header h3 {
        font-size: 10.66667rem;
        font-weight: 800;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        -webkit-text-stroke: 0.8px #00555a;
        text-align: left;
        color: transparent;
    }

    .research-main .research-innovation .content-section {
        position: relative;
        height: 35%;
        transition: height 1s;
    }

    .research-main .research-innovation .content-section .bg-img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        opacity: 0;
        transition: opacity 1s ease;
    }

    .research-main .research-innovation .content-section .bg-img img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: right;
    }

    .research-main .research-innovation .content-section .content {
        border-top: 1px solid rgba(52, 146, 146, 0.3);
        padding: 5.86667rem 0 0 8rem;
    }

    .research-main .research-innovation .content-section .content .num {
        font-size: 5.33333rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.9;
        letter-spacing: normal;
        text-align: left;
        color: #027878;
        padding-bottom: 1.6rem;
        border-bottom: 2px solid #027878;
    }

    .research-main .research-innovation .content-section .content-wrapper {
        padding: 7.5rem 8rem;
    }

    .research-main .research-innovation .content-section .content-wrapper .content-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .research-main .research-innovation .content-section .content-wrapper .content-title h4 {
        font-size: 6.4rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.46;
        letter-spacing: normal;
        color: #027878;
        max-width: 46.66667rem;
    }

    .research-main .research-innovation .content-section .content-wrapper .content-title:after {
        content: "";
        background: url("../assets/collapse-plus.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 5.33333rem;
        height: 5.33333rem;
    }

    .research-main .research-innovation .content-section .content-wrapper .content-body {
        position: absolute;
        margin-top: 5.33333rem;
        font-size: 3.73333rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.86;
        letter-spacing: normal;
        color: #ffffff;
        opacity: 0;
        visibility: hidden;
        transition: opacity 1s ease-in-out, visibility 1s;
        max-width: calc(100% - 16rem);
    }

    .research-main .research-innovation .content-section:hover {
        height: 100%;
    }

    .research-main .research-innovation .content-section:hover .bg-img {
        opacity: 1;
    }

    .research-main .research-innovation .content-section:hover .num {
        color: #ffffff;
        border-color: #ffffff;
    }

    .research-main .research-innovation .content-section:hover .content-wrapper .content-body {
        visibility: visible;
        opacity: 1;
    }

    .research-main .research-innovation .content-section:hover .content-wrapper .content-title h4 {
        color: #ffffff;
    }

    .research-main .research-innovation .content-section:hover .content-wrapper .content-title:after {
        display: none;
    }

    .research-main .projects-tiles {
        background-color: #002938;
        padding: 11.2rem 0 18.66667rem 0;
        margin-bottom: -1px;
    }

    .research-main .projects-tiles .title-container {
        padding: 0 5.33333rem;
        margin: auto;
        flex-direction: column;
    }

    .research-main .projects-tiles .title-container .heading {
        font-size: 10.66667rem;
        font-weight: 800;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.93;
        letter-spacing: normal;
        -webkit-text-stroke: 1px #ffffff;
        color: transparent;
    }

    .research-main .projects-tiles .title-container #projects-tab {
        margin-top: 9.33333rem;
    }

    .research-main .projects-tiles .title-container #projects-tab .nav-item .nav-link {
        font-size: 4.26667rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: -0.56px;
        color: #ffffff;
        opacity: 0.4;
        display: flex;
        align-items: center;
        padding: 0 4.8rem;
    }

    .research-main .projects-tiles .title-container #projects-tab .nav-item .nav-link.active {
        opacity: 1;
    }

    .research-main .projects-tiles .title-container #projects-tab .nav-item .nav-link.active::before {
        content: "";
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 9px solid #ffffff;
        display: block;
        max-height: 12px;
        margin-left: -15px;
        margin-right: 8px;
    }

    .research-main .projects-tiles #projects-tabContent {
        margin-top: 8rem;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item {
        min-height: 110.93333rem;
        flex-direction: column;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .background-container .image {
        object-position: center;
        object-fit: cover;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content {
        margin-top: 4.8rem;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-title {
        font-size: 6.66667rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.28;
        letter-spacing: normal;
        color: #ffffff;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-sub-title {
        font-size: 3.73333rem;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.75;
        letter-spacing: -0.37px;
        color: #ffffff;
        margin: 3.2rem 0 0 0;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper {
        position: relative;
        margin-top: 7.46667rem;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button {
        opacity: 0.9;
        border: solid 1px #017a7b;
        border-radius: 5px;
        background-color: #ffffff;
        font-size: 3.2rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 0px;
        color: #000000;
        padding: 2.93333rem 3.2rem;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 1.6rem;
        height: 3.01333rem;
        margin-left: 1.86667rem;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots {
        float: left;
        margin: 8rem 0 0 8rem;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot {
        margin: 0 1.2rem;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot span {
        height: 2.13333rem;
        width: 1.86667rem;
        opacity: 0.2;
        background-color: #ffffff;
        margin: 0;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot.active span {
        opacity: 1;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot:focus {
        outline: none;
    }
}

@media only screen and (min-width: 768px) {
    .research-main .research-landing-page {
        height: 65.625rem;
    }

    .research-main .research-landing-page .carousel .carousel-item .research-center-text .Headline_research {
        padding-bottom: 2.60417rem;
    }

    .research-main .research-landing-page .carousel .carousel-item .research-center-text .Headline_research .Headline_research_Text {
        font-size: 6.77083rem;
        color: #ffffff;
    }

    .research-main .research-landing-page .carousel .carousel-item .research-center-text .Description_research {
        max-width: 43.09896rem;
    }

    .research-main .research-landing-page .carousel .carousel-item .research-center-text .Description_research .Description_research_Text {
        font-size: 1.82292rem;
        color: #ffffff;
    }

    .research-main .research-innovation .header {
        padding: 5.20833rem 0 5.20833rem 5.20833rem;
    }

    .research-main .research-innovation .header h3 {
        font-size: 5.20833rem;
    }

    .research-main .research-innovation .content-section {
        position: relative;
        height: 25%;
        transition: height 1s;
    }

    .research-main .research-innovation .content-section .bg-img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        opacity: 0;
        transition: opacity 1s ease;
    }

    .research-main .research-innovation .content-section .bg-img img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: right;
    }

    .research-main .research-innovation .content-section .content {
        padding: 7.8125rem 0 5.20833rem 5.20833rem;
    }

    .research-main .research-innovation .content-section .content .num {
        font-size: 3.25521rem;
        padding-bottom: 1.30208rem;
    }

    .research-main .research-innovation .content-section .content-wrapper {
        padding: 0rem 5.20833rem;
    }

    .research-main .research-innovation .content-section .content-wrapper .content-title h4 {
        font-size: 3.90625rem;
        max-width: unset;
    }

    .research-main .research-innovation .content-section .content-wrapper .content-title:after {
        content: "";
        width: 3.51562rem;
        height: 3.51562rem;
    }

    .research-main .research-innovation .content-section .content-wrapper .content-body {
        margin-top: 2.60417rem;
        font-size: 2.34375rem;
        max-width: 59.89583rem;
        opacity: 0;
        transition: opacity 1s ease-in-out;
    }

    .research-main .research-innovation .content-section:hover {
        height: 100%;
    }

    .research-main .research-innovation .content-section:hover .bg-img {
        opacity: 1;
    }

    .research-main .research-innovation .content-section:hover .num {
        color: #ffffff;
        border-color: #ffffff;
    }

    .research-main .research-innovation .content-section:hover .content-wrapper .content-title h4 {
        color: #ffffff;
    }

    .research-main .research-innovation .content-section:hover .content-wrapper .content-title:after {
        display: none;
    }

    .research-main .research-innovation .content-section:hover .content-wrapper .content-body {
        display: block;
        opacity: 1;
    }

    .research-main .projects-tiles {
        padding: 5.20833rem 0 12.63021rem 0;
    }

    .research-main .projects-tiles .title-container {
        padding: 0 5.20833rem;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .research-main .projects-tiles .title-container .heading {
        font-size: 6.51042rem;
    }

    .research-main .projects-tiles .title-container #projects-tab {
        margin-top: 0;
    }

    .research-main .projects-tiles .title-container #projects-tab .nav-item .nav-link {
        font-size: 2.08333rem;
        padding: 0 2.60417rem;
    }

    .research-main .projects-tiles .title-container #projects-tab .nav-item .nav-link.active::before {
        margin-left: -15px;
        margin-right: 15px;
    }

    .research-main .projects-tiles #projects-tabContent {
        margin-top: 5.85938rem;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item {
        min-height: 45.05208rem;
        padding: 0 0 3.90625rem 3.90625rem;
        align-items: flex-end;
        flex-direction: row;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .background-container {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content {
        max-width: 60%;
        margin-top: 0;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-title {
        font-size: 3.90625rem;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-sub-title {
        font-size: 1.82292rem;
        margin: 1.30208rem 0 0 0;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper {
        margin-top: 2.60417rem;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button {
        font-size: 0.91146rem;
        padding: 0.91146rem 1.30208rem;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button::after {
        width: 0.50781rem;
        height: 0.9375rem;
        margin-left: 1.77083rem;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots {
        margin: 2.86458rem 0 0 5.20833rem;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot {
        margin: 0 0.78125rem;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot span {
        height: 0.78125rem;
        width: 0.78125rem;
    }
}

@media only screen and (min-width: 992px) {
    .research-main .research-landing-page {
        height: 66.73387rem;
    }

    .research-main .research-landing-page .carousel .carousel-item .research-center-text .Headline_research {
        padding-bottom: 1.20968rem;
    }

    .research-main .research-landing-page .carousel .carousel-item .research-center-text .Headline_research .Headline_research_Text {
        font-size: 6.04839rem;
        color: #ffffff;
    }

    .research-main .research-landing-page .carousel .carousel-item .research-center-text .Description_research {
        max-width: 39.81855rem;
    }

    .research-main .research-landing-page .carousel .carousel-item .research-center-text .Description_research .Description_research_Text {
        font-size: 1.6129rem;
        color: #ffffff;
    }

    .research-main .research-innovation .header {
        padding: 5.24194rem 0 5.84677rem 8.06452rem;
    }

    .research-main .research-innovation .header h3 {
        font-size: 7.05645rem;
    }

    .research-main .research-innovation .content-section {
        position: relative;
        transition: height 1s;
    }

    .research-main .research-innovation .content-section .content {
        padding: 6.04839rem 0 4.03226rem 4.03226rem;
    }

    .research-main .research-innovation .content-section .content .num {
        font-size: 2.52016rem;
        padding-bottom: 2.01613rem;
    }

    .research-main .research-innovation .content-section .content-wrapper {
        padding: 0rem 4.03226rem;
    }

    .research-main .research-innovation .content-section .content-wrapper .content-title h4 {
        font-size: 4.03226rem;
        max-width: unset;
    }

    .research-main .research-innovation .content-section .content-wrapper .content-title:after {
        content: "";
        width: 2.72177rem;
        height: 2.72177rem;
    }

    .research-main .research-innovation .content-section .content-wrapper .content-body {
        margin-top: 3.02419rem;
        font-size: 1.81452rem;
        max-width: 55.44355rem;
        opacity: 0;
        transition: opacity 1s ease-in-out;
    }

    .research-main .research-innovation .content-section:hover {
        height: 100%;
    }

    .research-main .research-innovation .content-section:hover .bg-img {
        opacity: 1;
    }

    .research-main .research-innovation .content-section:hover .num {
        color: #ffffff;
        border-color: #ffffff;
    }

    .research-main .research-innovation .content-section:hover .content-wrapper .content-title h4 {
        color: #ffffff;
    }

    .research-main .research-innovation .content-section:hover .content-wrapper .content-title:after {
        display: none;
    }

    .research-main .research-innovation .content-section:hover .content-wrapper .content-body {
        display: block;
        opacity: 1;
    }

    .research-main .projects-tiles {
        padding: 6.04839rem 0 13.91129rem;
    }

    .research-main .projects-tiles .title-container {
        padding: 0 8.06452rem;
    }

    .research-main .projects-tiles .title-container .heading {
        font-size: 7.05645rem;
    }

    .research-main .projects-tiles .title-container #projects-tab .nav-item .nav-link {
        font-size: 2.01613rem;
        padding: 0 1.5121rem;
    }

    .research-main .projects-tiles #projects-tabContent {
        margin-top: 4.23387rem;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item {
        min-height: 47.07661rem;
        padding: 0 0 3.02419rem 5.04032rem;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content {
        max-width: 50%;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-title {
        font-size: 4.03226rem;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-sub-title {
        font-size: 1.6129rem;
        margin: 1.41129rem 0 0 0;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper {
        margin-top: 3.52823rem;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button {
        font-size: 1.10887rem;
        padding: 1.10887rem 1.5121rem;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button::after {
        width: 0.59476rem;
        height: 1.10887rem;
        margin-left: 1.45161rem;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots {
        margin: 4.53629rem 0 0 8.06452rem;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot {
        margin: 0 0.75605rem;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot span {
        height: 0.80645rem;
        width: 0.80645rem;
    }
}

@media only screen and (min-width: 1200px) {
    .research-main .research-landing-page {
        height: 56.25rem;
    }

    .research-main .research-landing-page .carousel .carousel-item .research-center-text .Headline_research {
        padding-bottom: 2.60417rem;
    }

    .research-main .research-landing-page .carousel .carousel-item .research-center-text .Headline_research .Headline_research_Text {
        font-size: 5.20833rem;
        color: #ffffff;
    }

    .research-main .research-landing-page .carousel .carousel-item .research-center-text .Description_research {
        max-width: 31.61458rem;
    }

    .research-main .research-landing-page .carousel .carousel-item .research-center-text .Description_research .Description_research_Text {
        font-size: 1.04167rem;
        color: #ffffff;
    }

    .research-main .research-innovation .header {
        position: absolute;
        padding: 5.72917rem 0 3.02083rem 4.6875rem;
        z-index: 4;
    }

    .research-main .research-innovation .header h3 {
        font-size: 4.89583rem;
        text-align: left;
    }

    .research-main .research-innovation .content-cotainer {
        height: 56.25rem;
    }

    .research-main .research-innovation .content-cotainer:hover .owl-stage-outer .owl-stage .owl-item {
        width: 26.17188rem !important;
    }

    .research-main .research-innovation .content-cotainer .owl-stage-outer {
        height: 100%;
    }

    .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage {
        height: 100%;
        width: max-content !important;
    }

    .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item {
        transition: all 1s;
        width: 33.02083rem !important;
        height: 100%;
    }

    .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item .content-section {
        border-right: 1px solid rgba(52, 146, 146, 0.3);
        position: relative;
        padding-top: 31.25rem;
        height: 100%;
    }

    .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item .content-section .bg-img img {
        object-position: right;
    }

    .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item .content-section .content {
        border-top: none;
        margin-top: 0;
        padding: 3.125rem 0 2.08333rem 2.08333rem;
    }

    .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item .content-section .content .num {
        font-size: 1.30208rem;
        padding-bottom: 1.04167rem;
        top: 0;
        transition: all 1s;
        position: relative;
    }

    .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item .content-section .content-wrapper {
        padding: 0rem 2.08333rem;
        top: 0;
        transition: all 1s;
        position: relative;
    }

    .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item .content-section .content-wrapper .content-title {
        display: block;
    }

    .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item .content-section .content-wrapper .content-title h4 {
        font-size: 2.08333rem;
        max-width: unset;
    }

    .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item .content-section .content-wrapper .content-title:after {
        content: "";
        width: 1.77083rem;
        height: 1.77083rem;
        float: right;
        margin-top: 90px;
    }

    .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item .content-section .content-wrapper .content-body {
        margin-top: 1.5625rem;
        font-size: 1.04167rem;
        max-width: 23.22917rem;
        position: relative;
        display: none;
    }

    .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item .content-section:hover {
        height: 56.25rem;
    }

    .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item .content-section:hover .content-wrapper .content-title h4 {
        max-width: 14.89583rem;
    }

    .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item:hover {
        width: 47.65625rem !important;
    }

    .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item:hover .content-section .bg-img {
        opacity: 1;
    }

    .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item:hover .content-section .num {
        color: #ffffff;
        border-color: #ffffff;
        top: -10.05208rem;
    }

    .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item:hover .content-section .content-wrapper {
        top: -10.05208rem;
    }

    .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item:hover .content-section .content-wrapper .content-title h4 {
        color: #ffffff;
    }

    .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item:hover .content-section .content-wrapper .content-title:after {
        display: none;
    }

    .research-main .research-innovation .content-cotainer .owl-stage-outer .owl-stage .owl-item:hover .content-section .content-wrapper .content-body {
        display: block;
    }

    .research-main .projects-tiles {
        padding: 5.98958rem 0 7.08333rem 0;
    }

    .research-main .projects-tiles .title-container {
        padding: 0 2.08333rem;
        max-width: 1720px;
    }

    .research-main .projects-tiles .title-container .heading {
        font-size: 4.89583rem;
    }

    .research-main .projects-tiles .title-container #projects-tab .nav-item .nav-link {
        font-size: 1.25rem;
        padding: 0 1.95312rem;
    }

    .research-main .projects-tiles #projects-tabContent {
        margin-top: 2.86458rem;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item {
        min-height: 36.45833rem;
        padding: 0 0 3.48958rem 2.1875rem;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-title {
        font-size: 3.54167rem;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .item-sub-title {
        font-size: 0.83333rem;
        margin: 0.83333rem 0 0 0;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper {
        margin-top: 1.45833rem;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button {
        font-size: 0.78125rem;
        padding: 0.9375rem 1.5625rem;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .item .item-content .apply-button-wrapper .apply-button::after {
        width: 0.41667rem;
        height: 0.78125rem;
        margin-left: 1.04167rem;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots {
        margin: 2.70833rem 0 0 7.29167rem;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot {
        margin: 0 0.625rem;
    }

    .research-main .projects-tiles #projects-tabContent .tab-pane .owl-carousel .owl-dots .owl-dot span {
        height: 0.72917rem;
        width: 0.72917rem;
    }
}

@media only screen and (min-width: 320px) {
    .partners-main-container .partners-landing-page {
        height: 177.86667rem;
        position: relative;
    }

    .partners-main-container .partners-landing-page .carousel {
        position: unset;
    }

    .partners-main-container .partners-landing-page .carousel-inner {
        position: unset;
    }

    .partners-main-container .partners-landing-page .carousel-inner .carousel-item {
        position: unset;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .partners-main-container .partners-landing-page .carousel-inner .carousel-item .background-container {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
    }

    .partners-main-container .partners-landing-page .carousel-inner .carousel-item .background-container::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(0, 80, 119, 0.2);
    }

    .partners-main-container .partners-landing-page .carousel-inner .carousel-item .background-container video,
    .partners-main-container .partners-landing-page .carousel-inner .carousel-item .background-container img {
        object-fit: cover;
    }

    .partners-main-container .partners-landing-page .carousel-inner .carousel-item .partners-center-text {
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: -0.42px;
        text-align: center;
        color: #ffffff;
    }

    .partners-main-container .partners-landing-page .carousel-inner .carousel-item .partners-center-text .Headline_partners {
        padding-bottom: 1.86667rem;
    }

    .partners-main-container .partners-landing-page .carousel-inner .carousel-item .partners-center-text .Headline_partners .Headline_partners_Text {
        font-size: 12.8rem;
        color: #ffffff;
        font-weight: bold;
    }

    .partners-main-container .partners-landing-page .carousel-inner .carousel-item .partners-center-text .Description_partners {
        max-width: 79.46667rem;
    }

    .partners-main-container .partners-landing-page .carousel-inner .carousel-item .partners-center-text .Description_partners .Description_partners_Text {
        font-size: 3.73333rem;
        color: #ffffff;
    }

    .partners-main-container .nested-carousel {
        background: #f8f8f8;
        padding: 0 0 13.33333rem 0;
    }

    .partners-main-container .nested-carousel .parent-carousel .owl-carousel .item {
        padding-top: 8rem;
        text-align: center;
    }

    .partners-main-container .nested-carousel .parent-carousel .owl-carousel .item .item-image {
        max-width: 77.86667rem;
        object-fit: contain;
        object-position: center;
    }

    .partners-main-container .nested-carousel .parent-carousel .owl-carousel .owl-nav .owl-prev,
    .partners-main-container .nested-carousel .parent-carousel .owl-carousel .owl-nav .owl-next {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 18.66667rem;
        opacity: 0;
    }

    .partners-main-container .nested-carousel .parent-carousel .owl-carousel .owl-nav .owl-next {
        right: 0;
        left: unset;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel {
        width: 84.26667rem;
        margin: auto;
        display: flex;
        text-align: left;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-indicators {
        bottom: -13.33333rem;
        position: absolute;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-indicators li {
        border-radius: 100%;
        width: 1.86667rem;
        height: 1.86667rem;
        margin: 0 1.2rem;
        background-color: #017a7b;
        opacity: 0.2;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-indicators li.active {
        opacity: 1;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item {
        background-color: #ffffff;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv {
        display: flex;
        flex-direction: column-reverse;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment {
        width: 84.26667rem;
        background-image: linear-gradient(112deg, #00797b 8%, #005077 87%);
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper {
        max-width: 66.93333rem;
        margin: 8rem auto;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .title {
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.53;
        letter-spacing: normal;
        color: #ffffff;
        font-size: 4.8rem;
        margin-bottom: 4.26667rem;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .child-carousel-text {
        font-size: 3.73333rem;
        margin-bottom: 5.6rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.9;
        letter-spacing: normal;
        color: #ffffff;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-logo {
        width: 84.26667rem;
        min-height: 16.53226rem;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-logo .child-carousel-logo-img {
        margin: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .partners-main-container .cta-video .cta-video-container {
        flex-direction: column-reverse;
        padding: 11.2rem 4rem;
    }

    .partners-main-container .cta-video .cta-video-container .cta-wrapper {
        flex-direction: column;
        justify-content: center;
        margin-top: 8.5rem;
        padding: 0 4rem;
    }

    .partners-main-container .cta-video .cta-video-container .cta-wrapper .title {
        font-size: 6.4rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.3;
        letter-spacing: normal;
    }

    .partners-main-container .cta-video .cta-video-container .cta-wrapper .sub-title {
        opacity: 0.6;
        font-size: 3.7rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.9;
        letter-spacing: normal;
    }

    .partners-main-container .cta-video .cta-video-container .video-container {
        padding: 2.1rem 2.1rem 0 0;
        position: relative;
    }

    .partners-main-container .cta-video .cta-video-container .video-container::after {
        content: "";
        background-image: linear-gradient(to bottom, #add484, #00a0b4);
        position: absolute;
        top: 0;
        right: 0;
        bottom: 2.1rem;
        left: 2.1rem;
        z-index: -1;
    }

    .partners-main-container .cta-video .cta-video-container .video-container .video-play {
        background-image: url("../assets/video-play-btn.svg");
        background-repeat: no-repeat;
        width: 12rem;
        height: 12rem;
        position: absolute;
        left: 0%;
        right: 0%;
        top: 0%;
        bottom: 0%;
        margin: auto;
        background-size: contain;
        background-position: center;
        cursor: pointer;
    }
}

@media only screen and (min-width: 768px) {
    .partners-main-container .partners-landing-page {
        height: 65.625rem;
    }

    .partners-main-container .partners-landing-page .carousel .carousel-item .partners-center-text .Headline_partners {
        padding-bottom: 2.60417rem;
    }

    .partners-main-container .partners-landing-page .carousel .carousel-item .partners-center-text .Headline_partners .Headline_partners_Text {
        font-size: 6.77083rem;
        color: #ffffff;
    }

    .partners-main-container .partners-landing-page .carousel .carousel-item .partners-center-text .Description_partners {
        max-width: 43.09896rem;
    }

    .partners-main-container .partners-landing-page .carousel .carousel-item .partners-center-text .Description_partners .Description_partners_Text {
        font-size: 1.82292rem;
        color: #ffffff;
    }

    .partners-main-container .nested-carousel {
        padding: 5.20833rem 0 7.8125rem 0;
    }

    .partners-main-container .nested-carousel .parent-carousel .owl-carousel .item {
        padding-top: 0;
        text-align: left;
    }

    .partners-main-container .nested-carousel .parent-carousel .owl-carousel .item .item-image {
        max-width: unset;
        object-fit: unset;
        object-position: unset;
    }

    .partners-main-container .nested-carousel .parent-carousel .owl-carousel .item.selected {
        border: 1px solid #017a7b;
        display: flex;
        align-items: center;
    }

    .partners-main-container .nested-carousel .parent-carousel .owl-carousel .item.selected::before {
        content: "";
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 9px solid #207878;
        max-height: 12px;
        margin-left: -25px;
        margin-right: 16px;
        margin-left: -25px;
        margin-right: 16px;
    }

    .partners-main-container .nested-carousel .parent-carousel .owl-carousel .owl-nav .owl-prev,
    .partners-main-container .nested-carousel .parent-carousel .owl-carousel .owl-nav .owl-next {
        width: 5.20833rem;
    }

    .partners-main-container .nested-carousel .child-carousel {
        margin-top: 3.90625rem;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel {
        width: 89.0625rem;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-indicators {
        bottom: -7.16146rem;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-indicators li {
        width: 0.78125rem;
        height: 0.78125rem;
        margin: 0 0.78125rem;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv {
        flex-direction: row-reverse;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment {
        width: 43.22917rem;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper {
        max-width: 32.55208rem;
        margin: 3.90625rem auto;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .title {
        font-size: 2.60417rem;
        margin-bottom: 1.82292rem;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .child-carousel-text {
        font-size: 1.82292rem;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-logo {
        width: 45.83333rem;
        min-height: 28.62903rem;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-logo .child-carousel-logo-img {
        margin: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .partners-main-container .cta-video .cta-video-container {
        padding: 7.68rem 5.20833rem 9.4rem 5.20833rem;
    }

    .partners-main-container .cta-video .cta-video-container .cta-wrapper {
        margin-top: 3.9rem;
        padding: 0;
    }

    .partners-main-container .cta-video .cta-video-container .cta-wrapper .title {
        font-size: 3.9rem;
    }

    .partners-main-container .cta-video .cta-video-container .cta-wrapper .sub-title {
        font-size: 1.8rem;
    }

    .partners-main-container .cta-video .cta-video-container .video-container {
        padding: 1.3rem 1.5rem 0 0;
    }

    .partners-main-container .cta-video .cta-video-container .video-container::after {
        bottom: 1.3rem;
        left: 2.2rem;
    }

    .partners-main-container .cta-video .cta-video-container .video-container .video-play {
        width: 7.68229rem;
        height: 7.68229rem;
    }
}

@media only screen and (min-width: 992px) {
    .partners-main-container .partners-landing-page {
        height: 66.73387rem;
    }

    .partners-main-container .partners-landing-page .carousel .carousel-item .partners-center-text .Headline_partners {
        padding-bottom: 1.20968rem;
    }

    .partners-main-container .partners-landing-page .carousel .carousel-item .partners-center-text .Headline_partners .Headline_partners_Text {
        font-size: 6.04839rem;
        color: #ffffff;
    }

    .partners-main-container .partners-landing-page .carousel .carousel-item .partners-center-text .Description_partners {
        max-width: 39.81855rem;
    }

    .partners-main-container .partners-landing-page .carousel .carousel-item .partners-center-text .Description_partners .Description_partners_Text {
        font-size: 1.6129rem;
        color: #ffffff;
    }

    .partners-main-container .nested-carousel {
        padding: 7.56048rem 0 10.58468rem 0;
    }

    .partners-main-container .nested-carousel .parent-carousel .owl-carousel .owl-nav .owl-prev,
    .partners-main-container .nested-carousel .parent-carousel .owl-carousel .owl-nav .owl-next {
        width: 6.04839rem;
    }

    .partners-main-container .nested-carousel .child-carousel {
        margin-top: 4.03226rem;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel {
        width: 89.1129rem;
        margin: auto;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-indicators {
        bottom: -6.55242rem;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-indicators li {
        width: 0.80645rem;
        height: 0.80645rem;
        margin: 0 0.75605rem;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment {
        width: 43.75rem;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper {
        max-width: 33.46774rem;
        margin: 4.83871rem auto;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .title {
        font-size: 2.41935rem;
        margin-bottom: 1.6129rem;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .child-carousel-text {
        font-size: 1.6129rem;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-logo {
        width: 45.3629rem;
        min-height: 37.29839rem;
    }

    .partners-main-container .cta-video .cta-video-container {
        padding: 6rem 8rem 7.3rem 8rem;
    }

    .partners-main-container .cta-video .cta-video-container .cta-wrapper {
        margin-top: 3rem;
        padding: 0;
    }

    .partners-main-container .cta-video .cta-video-container .cta-wrapper .title {
        font-size: 4rem;
    }

    .partners-main-container .cta-video .cta-video-container .cta-wrapper .sub-title {
        font-size: 1.6rem;
    }

    .partners-main-container .cta-video .cta-video-container .video-container {
        padding: 1.1rem 1.9rem 0 0;
    }

    .partners-main-container .cta-video .cta-video-container .video-container::after {
        bottom: 1.1rem;
        left: 1.9rem;
    }

    .partners-main-container .cta-video .cta-video-container .video-container .video-play {
        width: 7.25806rem;
        height: 7.25806rem;
    }
}

@media only screen and (min-width: 1200px) {
    .partners-main-container .partners-landing-page {
        height: 56.25rem;
    }

    .partners-main-container .partners-landing-page .carousel .carousel-item .partners-center-text .Headline_partners {
        padding-bottom: 2.60417rem;
    }

    .partners-main-container .partners-landing-page .carousel .carousel-item .partners-center-text .Headline_partners .Headline_partners_Text {
        font-size: 5.20833rem;
        color: #ffffff;
    }

    .partners-main-container .partners-landing-page .carousel .carousel-item .partners-center-text .Description_partners {
        max-width: 31.61458rem;
    }

    .partners-main-container .partners-landing-page .carousel .carousel-item .partners-center-text .Description_partners .Description_partners_Text {
        font-size: 1.04167rem;
        color: #ffffff;
    }

    .partners-main-container .nested-carousel {
        padding: 5.20833rem 0 7.8125rem 0;
    }

    .partners-main-container .nested-carousel .parent-carousel .owl-carousel .owl-nav .owl-prev,
    .partners-main-container .nested-carousel .parent-carousel .owl-carousel .owl-nav .owl-next {
        width: 3.64583rem;
    }

    .partners-main-container .nested-carousel .child-carousel {
        margin-top: 3.125rem;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel {
        max-width: 85.26042rem;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-indicators {
        bottom: -4.42708rem;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-indicators li {
        width: 0.72917rem;
        height: 0.72917rem;
        margin: 0 0.625rem;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment {
        width: 42.34375rem;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper {
        max-width: 30.88542rem;
        margin: 4.16667rem auto;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .title {
        font-size: 1.5625rem;
        margin-bottom: 1.5625rem;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .child-carousel-text {
        font-size: 1.04167rem;
    }

    .partners-main-container .nested-carousel .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-logo {
        width: 42.91667rem;
        min-height: 31.30208rem;
    }

    .partners-main-container .cta-video .cta-video-container {
        max-width: 89.42708rem;
        margin: auto;
        padding: 11.5rem 2.08333rem 8.9rem 2.08333rem;
        flex-direction: row;
        margin-top: 0;
    }

    .partners-main-container .cta-video .cta-video-container .cta-wrapper .title {
        font-size: 3.1rem;
        max-width: 27.91667rem;
    }

    .partners-main-container .cta-video .cta-video-container .cta-wrapper .sub-title {
        font-size: 1rem;
        max-width: 60%;
    }

    .partners-main-container .cta-video .cta-video-container .video-container {
        max-width: 47.5rem;
        padding: 0.7rem 1.1rem 0 0;
    }

    .partners-main-container .cta-video .cta-video-container .video-container::after {
        bottom: 0.7rem;
        left: 1.1rem;
    }

    .partners-main-container .cta-video .cta-video-container .video-container .video-play {
        width: 4.16667rem;
        height: 4.16667rem;
    }
}

.wog-main .wog-landing-page {
    background-color: #207878;
}

.wog-main .wog-landing-page .wog-heading {
    background-image: url("../assets/faq-text-bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%;
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -o-background-clip: text;
    transition: background-size 1.5s;
    color: transparent;
}

.wog-main .wog-landing-page .wog-heading .wog-heading-text {
    font-weight: 800;
    line-height: 1.05;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
    color: transparent;
}

.wog-main .wog-landing-page .wog-heading:hover {
    background-size: 200%;
}

.wog-main .wog-landing-page .wog-summary {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.78;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.wog-main .wog-landing-page .wog-carousel {
    background-color: #ffffff;
}

.wog-main .wog-landing-page .wog-carousel .item {
    display: flex;
    flex-direction: column;
}

.wog-main .wog-landing-page .wog-carousel .item .item-number {
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    text-align: left;
    color: #017a7b;
}

.wog-main .wog-landing-page .wog-carousel .item .item-details {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: 0.11px;
    text-align: left;
    color: #000000;
}

.wog-main .wog-roles-div {
    display: flex;
    background-color: #f8f8f8;
}

.wog-main .wog-roles-div .side-panel-roles {
    background-image: url("../assets/WOG_sidenav.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.wog-main .wog-roles-div .side-panel-roles .side-panel-roles-heading {
    color: transparent;
    font-weight: 800;
    -webkit-text-stroke: 1px #ffffff;
}

.wog-main .wog-roles-div .description-list-panel .description-list-panel-heading .description-list-panel-heading-text {
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.wog-main .wog-roles-div .description-list-panel .description-list-panel-summary .description-list-panel-summary-text {
    opacity: 0.6;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.wog-main .wog-roles-div .description-list-panel .KnowMoreButton {
    border: solid 1px #017a7b;
    border-radius: 5px;
    text-transform: uppercase;
    background-color: #ffffff;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0px;
    color: #000000;
    white-space: nowrap;
}

.wog-main .wog-roles-div .description-list-panel .KnowMoreButton::after {
    content: "";
    background-image: url("../assets/rightArrowBlack.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.wog-main .wog-detail-page {
    display: flex;
    justify-content: center;
}

.wog-main .wog-detail-page .side_sticky_nav {
    background-color: #e2f7f7;
}

.wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_title .side_sticky_nav_title_text {
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.46;
    letter-spacing: normal;
    text-align: left;
    color: transparent;
    -webkit-text-stroke: 1px #00555a;
}

.wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header {
    list-style: none;
}

.wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers {
    display: flex;
    align-items: center;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.56px;
    text-align: left;
    color: #027878;
    opacity: 0.45;
}

.wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers.active {
    font-weight: bold;
    opacity: 1;
}

.wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers.active::before {
    content: "";
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 9px solid #207878;
    display: block;
    max-height: 12px;
    margin-left: 1px;
    margin-right: 10px;
}

.wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_heading .content_prelude_heading_text {
    font-weight: 600;
    font-stretch: normal;
    color: #000000;
    line-height: 1.3;
}

.wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_summary .content_prelude_summary_text {
    font-weight: normal;
    opacity: 0.6;
    line-height: 1.9;
}

.wog-main .wog-detail-page .main_content_section .content_contact_details {
    border-top: 1px solid rgba(2, 120, 120, 0.2);
}

.wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_details_heading .content_contact_details_text {
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: -0.42px;
    text-align: left;
    color: #027878;
}

.wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_text {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: 0.11px;
    text-align: left;
    color: #000000;
}

@media only screen and (min-width: 320px) {
    .wog-main .wog-landing-page {
        padding: 0;
    }

    .wog-main .wog-landing-page .wog-heading {
        width: auto;
        margin: 0 8.53333rem 6.93333rem 8.53333rem;
        padding-bottom: 2.66667rem;
        padding-top: 43.2rem;
    }

    .wog-main .wog-landing-page .wog-heading .wog-heading-text {
        font-size: 9.73333rem;
    }

    .wog-main .wog-landing-page .wog-summary {
        width: auto;
        font-size: 3.73333rem;
        margin: 0 11.46667rem 14.66667rem 8.53333rem;
    }

    .wog-main .wog-landing-page .wog-carousel .owl-stage {
        left: -45px;
    }

    .wog-main .wog-landing-page .wog-carousel .owl-stage .item {
        padding: 12.26667rem 8rem 12rem 8rem;
    }

    .wog-main .wog-landing-page .wog-carousel .owl-stage .item .item-number {
        font-size: 8.53333rem;
        margin-bottom: 2.13333rem;
    }

    .wog-main .wog-landing-page .wog-carousel .owl-stage .item .item-details {
        font-size: 3.73333rem;
    }

    .wog-main .wog-roles-div {
        display: flex;
        flex-direction: column;
        padding-bottom: 10.66667rem;
    }

    .wog-main .wog-roles-div .side-panel-roles {
        padding: 11.46667rem 0 84rem 8rem;
    }

    .wog-main .wog-roles-div .side-panel-roles .side-panel-roles-heading {
        font-size: 14.4rem;
    }

    .wog-main .wog-roles-div .description-list-panel {
        padding: 10.66667rem 8rem 0 8rem;
    }

    .wog-main .wog-roles-div .description-list-panel .description-list-panel-heading {
        padding-bottom: 3.73333rem;
    }

    .wog-main .wog-roles-div .description-list-panel .description-list-panel-heading .description-list-panel-heading-text {
        font-size: 5.33333rem;
    }

    .wog-main .wog-roles-div .description-list-panel .description-list-panel-summary {
        padding-bottom: 8.53333rem;
    }

    .wog-main .wog-roles-div .description-list-panel .description-list-panel-summary .description-list-panel-summary-text {
        font-size: 4.26667rem;
    }

    .wog-main .wog-roles-div .description-list-panel .content_contact_KnowMore_Button .KnowMoreButton {
        padding: 2.93333rem 3.2rem;
        font-size: 3.2rem;
    }

    .wog-main .wog-roles-div .description-list-panel .content_contact_KnowMore_Button .KnowMoreButton::after {
        width: 6px;
        height: 12px;
        margin-left: 14px;
    }

    .wog-main .wog-detail-page {
        display: flex;
        flex-direction: column;
    }

    .wog-main .wog-detail-page .side_sticky_nav {
        padding: 7.46667rem 7.46667rem 0 7.46667rem;
    }

    .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_title .side_sticky_nav_title_text {
        -webkit-text-stroke: 1px #00555a;
        font-size: 10.66667rem;
    }

    .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers {
        font-size: 4.26667rem;
        margin: 5.33333rem 10.66667rem 5.33333rem 0;
        white-space: nowrap;
        padding-bottom: 1.30208rem;
    }

    .wog-main .wog-detail-page .main_content_section {
        display: flex;
        flex-direction: column;
        padding: 8rem 0 0 0;
    }

    .wog-main .wog-detail-page .main_content_section .content_prelude {
        padding: 0 7.46667rem;
    }

    .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_heading {
        padding-bottom: 4.8rem;
    }

    .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_heading .content_prelude_heading_text {
        font-size: 5.33333rem;
    }

    .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_summary {
        margin-bottom: 7.46667rem;
    }

    .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_summary .content_prelude_summary_text {
        font-size: 4.26667rem;
    }

    .wog-main .wog-detail-page .main_content_section .content_contact_details {
        padding: 10.66667rem 8.53333rem 0 8.53333rem;
    }

    .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_details_heading .content_contact_details_text {
        font-size: 3.73333rem;
    }

    .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin: 9.06667rem 0 9.06667rem 0;
    }

    .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container .content_contact {
        padding: 0;
        display: flex;
        align-items: center;
    }

    .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_text {
        font-size: 4.26667rem;
    }

    .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_logo {
        height: 12.53333rem;
        object-fit: contain;
    }
}

@media only screen and (min-width: 768px) {
    .wog-main .wog-landing-page {
        padding: 5.20833rem 5.20833rem 0 5.20833rem;
    }

    .wog-main .wog-landing-page .wog-heading {
        width: 77.99479rem;
        margin: 21.875rem 0 4.55729rem 0;
        padding-bottom: 1.30208rem;
        padding-top: 0;
    }

    .wog-main .wog-landing-page .wog-heading .wog-heading-text {
        font-size: 5.8125rem;
    }

    .wog-main .wog-landing-page .wog-summary {
        width: 74.08854rem;
        font-size: 2.08333rem;
        margin: 0 0 12.5rem 0;
    }

    .wog-main .wog-landing-page .wog-carousel .owl-stage {
        left: unset;
    }

    .wog-main .wog-landing-page .wog-carousel .owl-stage .item {
        padding: 5.20833rem 6.51042rem 5.20833rem 6.51042rem;
    }

    .wog-main .wog-landing-page .wog-carousel .owl-stage .item .item-number {
        font-size: 3.90625rem;
        margin-bottom: 0.78125rem;
    }

    .wog-main .wog-landing-page .wog-carousel .owl-stage .item .item-details {
        font-size: 1.82292rem;
    }

    .wog-main .wog-landing-page .wog-carousel .owl-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 1.95312rem;
    }

    .wog-main .wog-landing-page .wog-carousel .owl-nav .owl-next img {
        max-width: 3.25521rem;
        max-height: 6.51042rem;
        object-fit: contain;
        object-position: center;
    }

    .wog-main .wog-roles-div {
        display: flex;
        flex-direction: row;
        padding-bottom: 0;
    }

    .wog-main .wog-roles-div .side-panel-roles {
        height: auto;
        min-width: 50rem;
        max-width: 50rem;
        padding: 10.54688rem 7.03125rem 0 5.98958rem;
    }

    .wog-main .wog-roles-div .side-panel-roles .side-panel-roles-heading {
        font-size: 8.98438rem;
    }

    .wog-main .wog-roles-div .description-list-panel {
        padding: 17.57812rem 5.07812rem 19.14062rem 6.51042rem;
    }

    .wog-main .wog-roles-div .description-list-panel .description-list-panel-heading {
        padding-bottom: 2.60417rem;
    }

    .wog-main .wog-roles-div .description-list-panel .description-list-panel-heading .description-list-panel-heading-text {
        font-size: 3.125rem;
    }

    .wog-main .wog-roles-div .description-list-panel .description-list-panel-summary {
        padding-bottom: 3.90625rem;
    }

    .wog-main .wog-roles-div .description-list-panel .description-list-panel-summary .description-list-panel-summary-text {
        font-size: 1.82292rem;
    }

    .wog-main .wog-roles-div .description-list-panel .content_contact_KnowMore_Button .KnowMoreButton {
        padding: 2.34375rem 3.90625rem;
        font-size: 1.95312rem;
    }

    .wog-main .wog-roles-div .description-list-panel .content_contact_KnowMore_Button .KnowMoreButton::after {
        width: 8px;
        height: 15px;
        margin-left: 20px;
    }

    .wog-main .wog-detail-page {
        display: flex;
        flex-direction: column;
    }

    .wog-main .wog-detail-page .side_sticky_nav {
        padding: 5.20833rem 5.20833rem 0 5.20833rem;
    }

    .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_title {
        padding-bottom: 5.20833rem;
    }

    .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_title .side_sticky_nav_title_text {
        -webkit-text-stroke: 1px #00555a;
        font-size: 6.51042rem;
    }

    .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers {
        font-size: 2.34375rem;
        margin: 0 6.51042rem 0 0;
        padding-bottom: 1.30208rem;
    }

    .wog-main .wog-detail-page .main_content_section {
        display: flex;
        flex-direction: column;
        padding: 5.20833rem 0 0 0;
    }

    .wog-main .wog-detail-page .main_content_section .content_prelude {
        padding: 0 5.20833rem;
    }

    .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_heading {
        padding-bottom: 2.34375rem;
    }

    .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_heading .content_prelude_heading_text {
        font-size: 3.90625rem;
    }

    .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_summary {
        margin-bottom: 2.60417rem;
    }

    .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_summary .content_prelude_summary_text {
        font-size: 1.82292rem;
    }

    .wog-main .wog-detail-page .main_content_section .content_contact_details {
        padding: 3.90625rem 5.20833rem 0 5.20833rem;
    }

    .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_details_heading .content_contact_details_text {
        font-size: 1.82292rem;
    }

    .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container {
        display: flex;
        justify-content: space-between;
        margin: 4.42708rem 0 4.42708rem 0;
    }

    .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container .content_contact {
        padding: 0;
    }

    .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_text {
        font-size: 2.08333rem;
    }

    .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_logo {
        height: 4.6875rem;
        object-fit: contain;
    }
}

@media only screen and (min-width: 992px) {
    .wog-main .wog-landing-page {
        padding: 2.01613rem 2.01613rem 0 2.01613rem;
    }

    .wog-main .wog-landing-page .wog-heading {
        width: 65.42339rem;
        margin: 15.32258rem 0 3.02419rem 8.16532rem;
        padding-bottom: 1.00806rem;
        padding-top: 0;
    }

    .wog-main .wog-landing-page .wog-heading .wog-heading-text {
        font-size: 8.06452rem;
    }

    .wog-main .wog-landing-page .wog-summary {
        width: 56.14919rem;
        font-size: 1.6129rem;
        margin: 0 0 4.83871rem 8.16532rem;
    }

    .wog-main .wog-landing-page .wog-carousel .owl-stage .item {
        padding: 4.53629rem 2.01613rem 4.53629rem 2.01613rem;
    }

    .wog-main .wog-landing-page .wog-carousel .owl-stage .item .item-number {
        font-size: 3.02419rem;
        margin-bottom: 0.60484rem;
    }

    .wog-main .wog-landing-page .wog-carousel .owl-stage .item .item-details {
        font-size: 1.41129rem;
    }

    .wog-main .wog-roles-div .side-panel-roles {
        height: auto;
        padding: 6.04839rem 8.06452rem 0 8.06452rem;
        min-width: 46.27016rem;
        max-width: 46.27016rem;
    }

    .wog-main .wog-roles-div .side-panel-roles .side-panel-roles-heading {
        font-size: 7.05645rem;
    }

    .wog-main .wog-roles-div .description-list-panel {
        padding: 14.31452rem 7.35887rem 17.64113rem 4.33468rem;
    }

    .wog-main .wog-roles-div .description-list-panel .description-list-panel-heading {
        padding-bottom: 2.01613rem;
    }

    .wog-main .wog-roles-div .description-list-panel .description-list-panel-heading .description-list-panel-heading-text {
        font-size: 2.82258rem;
    }

    .wog-main .wog-roles-div .description-list-panel .description-list-panel-summary {
        padding-bottom: 3.02419rem;
    }

    .wog-main .wog-roles-div .description-list-panel .description-list-panel-summary .description-list-panel-summary-text {
        font-size: 1.6129rem;
    }

    .wog-main .wog-roles-div .description-list-panel .content_contact_KnowMore_Button .KnowMoreButton {
        padding: 1.81452rem 3.02419rem;
        font-size: 1.5121rem;
    }

    .wog-main .wog-detail-page {
        display: flex;
        flex-direction: row;
    }

    .wog-main .wog-detail-page .side_sticky_nav {
        padding: 5.04032rem 5.04032rem 0 5.04032rem;
    }

    .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_title {
        padding-bottom: 3.52823rem;
    }

    .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_title .side_sticky_nav_title_text {
        -webkit-text-stroke: 1px #00555a;
        font-size: 7.05645rem;
    }

    .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_list {
        padding: 0;
    }

    .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header {
        display: flex;
        flex-direction: column;
    }

    .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers {
        font-size: 1.81452rem;
        margin: 1.5121rem 0;
        padding: 0 0 0 2.52016rem;
    }

    .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers.active::before {
        margin-left: -2.52016rem;
        margin-right: 14px;
    }

    .wog-main .wog-detail-page .main_content_section {
        padding: 3.02419rem 0 0 0;
    }

    .wog-main .wog-detail-page .main_content_section .content_prelude {
        padding: 4.03226rem 4.03226rem;
        padding-bottom: 0rem;
    }

    .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_heading {
        padding-bottom: 3.02419rem;
    }

    .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_heading .content_prelude_heading_text {
        font-size: 4.03226rem;
    }

    .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_summary {
        max-width: 54.7379rem;
        margin-bottom: 4.23387rem;
        padding-right: 7.05645rem;
    }

    .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_summary .content_prelude_summary_text {
        font-size: 1.6129rem;
    }

    .wog-main .wog-detail-page .main_content_section .content_contact_details {
        padding: 4.03226rem 14.1129rem 0 4.03226rem;
    }

    .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_details_heading .content_contact_details_text {
        font-size: 1.41129rem;
    }

    .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container {
        display: flex;
        flex-wrap: wrap;
        margin: 3.42742rem 0 3.42742rem 0;
    }

    .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container .content_contact {
        padding: 0;
        width: auto;
    }

    .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_text {
        font-size: 1.6129rem;
    }

    .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_logo {
        width: 4.33468rem;
        height: 3.62903rem;
        object-fit: contain;
    }
}

@media only screen and (min-width: 1200px) {
    .wog-main .wog-landing-page {
        padding: 7.13542rem 7.13542rem 0 7.13542rem;
    }

    .wog-main .wog-landing-page .wog-heading {
        width: 59.42708rem;
        margin: 7.29167rem 0 2.60417rem 0;
        padding-bottom: 0.52083rem;
        padding-top: 0;
    }

    .wog-main .wog-landing-page .wog-heading .wog-heading-text {
        font-size: 3.20833rem;
    }

    .wog-main .wog-landing-page .wog-summary {
        width: 49.58333rem;
        font-size: 0.9375rem;
        margin: 0 0 4.63542rem 0;
    }

    .wog-main .wog-landing-page .wog-carousel .owl-stage .item {
        padding: 3.33333rem 1.82292rem 3.33333rem 1.82292rem;
    }

    .wog-main .wog-landing-page .wog-carousel .owl-stage .item .item-number {
        font-size: 3.33333rem;
        margin-bottom: 1.14583rem;
    }

    .wog-main .wog-landing-page .wog-carousel .owl-stage .item .item-details {
        font-size: 1.04167rem;
    }

    .wog-main .wog-roles-div {
        display: flex;
        flex-direction: row;
    }

    .wog-main .wog-roles-div .side-panel-roles {
        height: auto;
        padding: 7.39583rem 4.16667rem 0 4.16667rem;
        min-width: 41.77083rem;
        max-width: 41.77083rem;
    }

    .wog-main .wog-roles-div .side-panel-roles .side-panel-roles-heading {
        font-size: 6.25rem;
    }

    .wog-main .wog-roles-div .description-list-panel {
        padding: 7.39583rem 0 0 8.22917rem;
    }

    .wog-main .wog-roles-div .description-list-panel .description-list-panel-heading {
        padding-bottom: 1.25rem;
        width: 30rem;
    }

    .wog-main .wog-roles-div .description-list-panel .description-list-panel-heading .description-list-panel-heading-text {
        font-size: 1.97917rem;
    }

    .wog-main .wog-roles-div .description-list-panel .description-list-panel-summary {
        padding-bottom: 2.60417rem;
        width: 30rem;
    }

    .wog-main .wog-roles-div .description-list-panel .description-list-panel-summary .description-list-panel-summary-text {
        font-size: 1.04167rem;
    }

    .wog-main .wog-roles-div .description-list-panel .content_contact_KnowMore_Button {
        margin-bottom: 15.36458rem;
    }

    .wog-main .wog-roles-div .description-list-panel .content_contact_KnowMore_Button .KnowMoreButton {
        padding: 0.9375rem 1.5625rem;
        font-size: 0.78125rem;
    }

    .wog-main .wog-detail-page .side_sticky_nav {
        padding: 4.6875rem 4.6875rem 0 4.6875rem;
    }

    .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_title .side_sticky_nav_title_text {
        -webkit-text-stroke: 1px #00555a;
        font-size: 4.89583rem;
    }

    .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header {
        display: flex;
        flex-wrap: wrap;
        margin-left: -1.30208rem;
    }

    .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers {
        font-size: 1.25rem;
        margin: 0.83333rem 0;
        padding-left: 1.30208rem;
    }

    .wog-main .wog-detail-page .side_sticky_nav .side_sticky_nav_list .side_sticky_nav_list_header .side_sticky_nav_list_pointers.active::before {
        margin-left: -1.04167rem;
        margin-right: 10px;
    }

    .wog-main .wog-detail-page .main_content_section {
        display: flex;
        flex-direction: column;
        padding: 6.71875rem 0 0 0;
        width: 100%;
    }

    .wog-main .wog-detail-page .main_content_section .content_prelude {
        padding: 0 18.22917rem 0 7.29167rem;
    }

    .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_heading {
        padding-bottom: 0.9375rem;
    }

    .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_heading .content_prelude_heading_text {
        font-size: 3.125rem;
    }

    .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_summary {
        padding-bottom: 7.8125rem;
        padding-right: 0;
        max-width: 38.64583rem;
    }

    .wog-main .wog-detail-page .main_content_section .content_prelude .content_prelude_summary .content_prelude_summary_text {
        font-size: 1.04167rem;
    }

    .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        max-width: 49.73958rem;
        margin: 1.77083rem 0 1.77083rem 0;
    }

    .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_text {
        font-size: 1.04167rem;
    }

    .wog-main .wog-detail-page .main_content_section .content_contact_details .content_contact_container .content_contact .contact_logo {
        height: 2.44792rem;
        object-fit: contain;
    }
}

.ug-programs-main {
    position: relative;
}

.ug-programs-main .ug-programs-landing-page {
    background-image: url("../assets/UG_programs_bg.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ug-programs-main .ug-programs-landing-page .ug-intro-heading {
    display: block;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.ug-programs-main .ug-programs-landing-page .second-line-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.ug-programs-main .ug-programs-landing-page .second-line-content .ug-programs-summary {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.7;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.ug-programs-main .ug-programs-landing-page .second-line-content .btn-learn-more {
    opacity: 0.9;
    border-radius: 5px;
    border: 1px solid #017a7b;
    background-color: #ffffff;
    font-weight: 600;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: 0px;
    text-align: left;
    color: #000000;
}

.ug-programs-main .ug-programs-landing-page .second-line-content .btn-learn-more::after {
    content: "";
    background-image: url("../assets/rightArrowBlack.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div {
    background-color: #ffffff;
}

.ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .carousel-heading {
    border-bottom: 3px solid #017a7b;
    display: inline-block;
}

.ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .carousel-heading .carousel-heading-text {
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.92;
    letter-spacing: normal;
    text-align: left;
    color: #017a7b;
}

.ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .item {
    display: flex;
    flex-direction: column;
}

.ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .item .item-heading {
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: 0.11px;
    text-align: left;
    color: #017a7b;
}

.ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .item .item-context {
    opacity: 0.6;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: 0.11px;
    text-align: left;
}

.ug-programs-main .ug-degrees-info {
    background-color: #e2f7f7;
    display: flex;
    flex-direction: column;
}

.ug-programs-main .ug-degrees-info .ug-degrees-heading {
    -webkit-text-stroke: 1px #017a7b;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.93;
    letter-spacing: normal;
    text-align: left;
    color: transparent;
}

.ug-programs-main .ug-degrees-info .ug-degrees-summary {
    opacity: 0.6;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
}

.ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item {
    height: 100%;
}

.ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-letters .ug-info-heading-text {
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-card-dp .ug-info-card-dp-image {
    max-width: 100%;
    object-fit: contain;
    object-position: bottom;
}

.ug-programs-main .tabs-carousel-cta {
    display: flex;
    background-color: #002938;
}

.ug-programs-main .tabs-carousel-cta .side-list {
    display: flex;
    flex-direction: column;
}

.ug-programs-main .tabs-carousel-cta .side-list .side-list-heading {
    -webkit-text-stroke: 1px #ffffff;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.06;
    letter-spacing: normal;
    text-align: left;
    color: transparent;
}

.ug-programs-main .tabs-carousel-cta .side-list .side-list-summary {
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: left;
    color: rgba(255, 255, 255, 0.6);
}

.ug-programs-main .tabs-carousel-cta .side-list .side-list-points {
    list-style: none;
    padding: 0;
}

.ug-programs-main .tabs-carousel-cta .side-list .side-list-points li {
    opacity: 0.3;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.56px;
    text-align: left;
    color: #ffffff;
    display: flex;
    align-items: center;
}

.ug-programs-main .tabs-carousel-cta .side-list .side-list-points li.active {
    font-weight: bold;
    opacity: 1;
}

.ug-programs-main .tabs-carousel-cta .side-list .side-list-points li.active::before {
    content: "";
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 9px solid #ffffff;
    display: block;
    max-height: 12px;
    margin-left: 1px;
    margin-right: 10px;
}

.ug-programs-main .tabs-carousel-cta .carousel-description .video-carousel {
    padding: 2.1rem 2.1rem 0 0;
    position: relative;
}

.ug-programs-main .tabs-carousel-cta .carousel-description .video-carousel::after {
    content: "";
    background-image: linear-gradient(to bottom, #add484, #00a0b4);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 9px;
    left: 11px;
    z-index: 0;
}

.ug-programs-main .tabs-carousel-cta .carousel-description .video-carousel .video-play {
    background-image: url("../assets/video-play-btn.svg");
    background-repeat: no-repeat;
    width: 12rem;
    height: 12rem;
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    margin: auto;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}

.ug-programs-main .tabs-carousel-cta .carousel-description .carousel-description-text {
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    display: block;
}

.ug-programs-main .tabs-carousel-cta .carousel-description .btn-learn-more {
    opacity: 0.9;
    border-radius: 5px;
    border: 1px solid #017a7b;
    background-color: #ffffff;
    font-weight: 600;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: 0px;
    text-align: left;
    color: #000000;
}

.ug-programs-main .tabs-carousel-cta .carousel-description .btn-learn-more::after {
    content: "";
    background-image: url("../assets/rightArrowBlack.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.ug-programs-main .apply-programs-button .btn-apply {
    z-index: 1000;
    position: fixed;
    top: 50%;
    right: 0;
    background: #ffffff;
    transform: rotate(-90deg) translate(50%, 50%);
    transform-origin: 70% 50%;
    padding: 1.33333rem 2.66667rem;
    border-radius: 5px 5px 0 0;
    border: solid 1px #017a7b;
    transition: all 0.3s ease;
    font-size: 3.73333rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: -0.32px;
    text-align: center;
    color: #017a7b;
}

.ug-programs-main .apply-programs-button .btn-apply:hover {
    box-shadow: 0 -15px 50px 0 rgba(52, 227, 109, 0.3), 0 -10px 10px -5px rgba(38, 230, 196, 0.3);
}

.non-navy {
    background-color: #047171;
}

@media only screen and (min-width: 320px) {
    .ug-programs-main {
        /*





.apply-programs-button {

  .btn-apply {

	padding: size-sm(15) size-sm(27);

	border-radius: 5px 5px 0 0;

	font-size: size-sm(20);



  }

  */
    }

    .ug-programs-main .ug-programs-landing-page {
        padding: 0 0 0 0;
    }

    .ug-programs-main .ug-programs-landing-page .ug-intro-heading {
        width: 83.73333rem;
        font-size: 10.66667rem;
        padding: 65.06667rem 0 1.86667rem 8rem;
    }

    .ug-programs-main .ug-programs-landing-page .second-line-content {
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        padding: 0 0 10.66667rem 10.66667rem;
    }

    .ug-programs-main .ug-programs-landing-page .second-line-content .ug-programs-summary {
        width: 78.66667rem;
        font-size: 3.73333rem;
        padding-bottom: 4.26667rem;
    }

    .ug-programs-main .ug-programs-landing-page .second-line-content .btn-learn-more {
        margin-top: 0.83333rem;
        padding: 2.93333rem 3.2rem;
        font-size: 3.2rem;
    }

    .ug-programs-main .ug-programs-landing-page .second-line-content .btn-learn-more::after {
        height: 11px;
        width: 6px;
        padding-left: 20px;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div {
        padding: 5.33333rem 8rem;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .carousel-heading {
        padding: 0 0 1.86667rem 0;
        margin-left: 0;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .carousel-heading .carousel-heading-text {
        font-size: 4.26667rem;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel {
        padding-top: 5.6rem;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .item {
        padding: 0;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .item .item-heading {
        padding-bottom: 3.73333rem;
        font-size: 3.73333rem;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .item .item-context {
        font-size: 3.73333rem;
    }

    .ug-programs-main .ug-degrees-info {
        padding: 6.66667rem 0 0 0;
    }

    .ug-programs-main .ug-degrees-info .ug-degrees-heading {
        font-size: 9.86667rem;
        padding: 0 8rem 0 9.33333rem;
        padding-bottom: 3.2rem;
    }

    .ug-programs-main .ug-degrees-info .ug-degrees-summary {
        text-align: left;
        font-size: 4.26667rem;
        padding: 0 8rem 0 9.33333rem;
        padding-bottom: 10.66667rem;
    }

    .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item {
        height: 48.53333rem;
        flex-direction: row;
    }

    .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-letters {
        padding: 12.53333rem 4.8rem 0 4.26667rem;
        text-align: left;
    }

    .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-letters .ug-info-heading-text {
        font-size: 4.26667rem;
    }

    .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-card-dp {
        bottom: 0;
        max-width: 50%;
    }

    .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-card-dp .ug-info-card-dp-image {
        height: 100%;
        margin-top: 0;
    }

    .ug-programs-main .tile-scroll-component .fixed-content {
        background-image: linear-gradient(to bottom, #add484, #00a0b4);
        padding: 8.8rem 8rem 10.7rem 8rem;
    }

    .ug-programs-main .tile-scroll-component .fixed-content .fixed-title {
        font-size: 9.9rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
    }

    .ug-programs-main .tile-scroll-component .fixed-content .fixed-desc {
        font-size: 3.7rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.6;
        letter-spacing: normal;
    }

    .ug-programs-main .tile-scroll-component .scrollable-container .tile-item {
        padding: 11.7rem 8rem 9.3rem 8rem;
        text-align: center;
        border-bottom: 1px solid rgba(52, 146, 146, 0.3);
    }

    .ug-programs-main .tile-scroll-component .scrollable-container .tile-item .tile-details .count {
        font-size: 4.8rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        padding-bottom: 0.5rem;
        border-bottom: 3px solid #000000;
    }

    .ug-programs-main .tile-scroll-component .scrollable-container .tile-item .tile-details .tile-title {
        font-size: 6.4rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.31;
        letter-spacing: normal;
    }

    .ug-programs-main .tile-scroll-component .scrollable-container .tile-item .tile-image {
        margin-top: 5.3rem;
    }

    .ug-programs-main .tile-scroll-component .scrollable-container .tile-item .tile-image img {
        width: 40rem;
        height: 40rem;
        object-fit: contain;
    }

    .ug-programs-main .timeline {
        padding: 11.2rem 8.53333rem;
        background: #e2f7f7;
    }

    .ug-programs-main .timeline .timeline-title {
        margin-bottom: 10.93333rem;
    }

    .ug-programs-main .timeline .timeline-title .header {
        -webkit-text-stroke: 0.8px #00555a;
        font-size: 10.66667rem;
        font-weight: 800;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        color: transparent;
        margin-bottom: 3.2rem;
    }

    .ug-programs-main .timeline .timeline-title .desc {
        opacity: 0.6;
        font-size: 3.73333rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.79;
        letter-spacing: normal;
        color: #000000;
    }

    .ug-programs-main .timeline .timeline-title .btn-know-more {
        opacity: 0.9;
        border-radius: 5px;
        border: 1px solid #017a7b;
        background-color: #ffffff;
        font-weight: 600;
        display: flex;
        align-items: center;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: 0px;
        text-align: left;
        color: #000000;
        padding: 4rem 5.33333rem;
        font-size: 4rem;
        margin-top: 20px;
    }

    .ug-programs-main .timeline .timeline-title .btn-know-more::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        height: 15px;
        width: 8px;
        margin-left: 20px;
    }

    .ug-programs-main .timeline .timeline-wrapper {
        position: relative;
        overflow-x: auto;
        padding-left: 5px;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block {
        border-left: 1px solid #c1dede;
        width: auto;
        display: flex;
        clear: both;
        position: relative;
        cursor: pointer;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .marker {
        width: 2.4rem;
        height: 2.4rem;
        border-radius: 50%;
        border: 1px solid #c1dede;
        background: #e2f7f7;
        position: absolute;
        left: -5px;
        z-index: 9;
        margin-top: 4px;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content {
        padding: 0 15px;
        color: #666;
        margin-bottom: 10.66667rem;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content h3 {
        font-size: 3.2rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.67;
        letter-spacing: normal;
        color: #000000;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content span {
        font-size: 3.2rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.17;
        letter-spacing: normal;
        color: #000000;
        display: block;
        margin-bottom: 3.46667rem;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content {
        display: none;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content p {
        font-size: 3.73333rem;
        line-height: 1.5em;
        word-spacing: 1px;
        color: #888;
        margin: 0;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper {
        position: relative;
        padding-top: 4.8rem;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button {
        opacity: 0.9;
        border: solid 1px #017a7b;
        border-radius: 5px;
        background-color: #ffffff;
        font-size: 3.2rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 0px;
        color: #000000;
        padding: 2.93333rem 3.2rem;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 1.6rem;
        height: 2.93333rem;
        margin-left: 3.73333rem;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block.active .marker {
        background-image: linear-gradient(to bottom, #add484, #00a0b4);
        border: none;
        margin-top: 0;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block.active .timeline-content {
        background-image: linear-gradient(to bottom, #add484, #00a0b4);
        margin-left: 4rem;
        padding: 4.26667rem;
        margin-bottom: 9.6rem;
        border-radius: 5px;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block.active .timeline-content h3,
    .ug-programs-main .timeline .timeline-wrapper .timeline-block.active .timeline-content span {
        color: #ffffff;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block.active .timeline-content .inner-content {
        display: block;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block.active .timeline-content .inner-content p {
        color: #ffffff;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block:last-child .timeline-content {
        margin-bottom: 0;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block:first-child {
        margin-top: -4px;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block:first-child.active {
        margin-top: 0;
    }

    .ug-programs-main .timeline .timeline-wrapper::-webkit-scrollbar {
        width: 0;
    }

    .ug-programs-main .timeline .timeline-wrapper::-moz-scrollbar {
        width: 0;
    }

    .ug-programs-main .tabs-carousel-cta {
        padding: 0 0 0 0;
        flex-direction: column;
    }

    .ug-programs-main .tabs-carousel-cta .side-list {
        padding: 0 0 0 10.66667rem;
    }

    .ug-programs-main .tabs-carousel-cta .side-list .side-list-heading {
        font-size: 13.33333rem;
        padding: 10.66667rem 8rem 5.33333rem 0;
    }

    .ug-programs-main .tabs-carousel-cta .side-list .side-list-summary {
        font-size: 4.26667rem;
        padding: 0 8rem 6.93333rem 0;
    }

    .ug-programs-main .tabs-carousel-cta .side-list .side-list-points {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .ug-programs-main .tabs-carousel-cta .side-list .side-list-points li {
        font-size: 4.8rem;
        padding: 0 11.46667rem 7.2rem 4.26667rem;
        white-space: nowrap;
    }

    .ug-programs-main .tabs-carousel-cta .side-list .side-list-points li.active {
        margin: 0 0 0 -4.26667rem;
    }

    .ug-programs-main .tabs-carousel-cta .carousel-description {
        padding: 0 0 0 0;
    }

    .ug-programs-main .tabs-carousel-cta .carousel-description .video-carousel {
        padding: 1.06667rem 1.33333rem 0 0;
        width: 98.66667rem;
    }

    .ug-programs-main .tabs-carousel-cta .carousel-description .carousel-description-text {
        font-size: 3.73333rem;
        padding: 5.33333rem 8rem 5.86667rem 8rem;
    }

    .ug-programs-main .tabs-carousel-cta .carousel-description .btn-learn-more {
        padding: 4.8rem 8rem;
        font-size: 4rem;
        margin: 10.66667rem 0 10.66667rem 8rem;
    }

    .ug-programs-main .tabs-carousel-cta .carousel-description .btn-learn-more::after {
        height: 15px;
        width: 8px;
        margin-left: 20px;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container {
        padding: 11.2rem 0;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .heading {
        padding: 0 8rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .heading .title {
        -webkit-text-stroke: 1.3px #00555a;
        font-size: 12.8rem;
        font-weight: 800;
        font-stretch: normal;
        font-style: normal;
        line-height: 0.93;
        letter-spacing: normal;
        color: transparent;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .heading .sub-title {
        opacity: 0.6;
        font-size: 4.3rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.9;
        letter-spacing: normal;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper {
        margin: 0;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .sm-full-width {
        padding: 0;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item,
    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-title,
    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-title {
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.26;
        letter-spacing: normal;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-sub-title,
    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-sub-title {
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.44;
        letter-spacing: normal;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper,
    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper {
        position: relative;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button,
    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button {
        opacity: 0.9;
        border: solid 1px #017a7b;
        border-radius: 5px;
        background-color: #ffffff;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: 0px;
        color: #000000;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button::after,
    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button::after {
        content: "";
        background-image: url("../assets/rightArrowBlack.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 0.4rem;
        height: 0.8rem;
        margin-left: 1rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item {
        background-image: linear-gradient(to left, rgba(2, 120, 120, 0.6) 102%, #013c3c 25%), url("../assets/blog-tiles-1.png");
        padding: 8rem 8rem 18.7rem 8rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-title {
        font-size: 4.3rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-sub-title {
        font-size: 3.2rem;
        margin: 2.66667rem 0 4rem 0;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button {
        font-size: 3.2rem;
        padding: 2.9rem 3.2rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button::after {
        width: 1.6rem;
        height: 3.2rem;
        margin-left: 3.7rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles {
        margin-top: 1.1rem;
        flex-direction: column;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item {
        padding: 8rem 8rem 18.7rem 8rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(1) {
        background-image: linear-gradient(to left, #013c3c 0%, rgba(1, 60, 60, 0.57) 0%), url("../assets/blog-tiles-2.png");
        margin: 0;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(2) {
        background-image: linear-gradient(to left, #013c3c 0%, rgba(1, 60, 60, 0.52) 0%), url("../assets/blog-tiles-3.png");
        border: solid 1px #707070;
        margin: 0;
        margin-top: 1.1rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-title {
        font-size: 4.3rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-sub-title {
        font-size: 3.2rem;
        margin: 2.66667rem 0 4rem 0;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button {
        font-size: 3.2rem;
        padding: 2.9rem 3.2rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button::after {
        width: 1.6rem;
        height: 3.2rem;
        margin-left: 3.7rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper {
        margin: 0;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .sm-full-width {
        padding: 0;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-icon,
    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-icon {
        object-position: center;
        object-fit: cover;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-title,
    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title {
        font-size: 4.2rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: #434343;
        margin-left: 4rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title,
    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-sub-title {
        font-size: 3.7rem;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        color: #767676;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link,
    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link {
        font-size: 3.2rem;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: 0px;
        color: #015959;
        position: relative;
        display: flex;
        align-items: center;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link::after,
    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link::after {
        content: "";
        background-image: url("../assets/rightArrowGreen.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 1.6rem;
        height: 3rem;
        margin-left: 3.7rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-icon {
        height: 41.3rem;
        width: 41.3rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content {
        padding: 8rem;
        border-bottom: solid 1px #adadad;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title {
        margin: 2.7rem 0 5.3rem 0;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container {
        margin-top: 2.7rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item {
        margin-top: 5.3rem;
        padding: 0 8rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-icon {
        height: 32rem;
        width: 32rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content {
        margin-left: 4rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title {
        margin-left: 0;
    }
}

@media only screen and (min-width: 768px) {
    .ug-programs-main .ug-programs-landing-page {
        padding: 0 5.20833rem 0 5.20833rem;
    }

    .ug-programs-main .ug-programs-landing-page .ug-intro-heading {
        width: 53.125rem;
        font-size: 6.77083rem;
        padding: 16.79688rem 0 2.34375rem 0;
    }

    .ug-programs-main .ug-programs-landing-page .second-line-content {
        padding: 0 0 5.20833rem 0;
        flex-direction: row;
        align-items: flex-end;
    }

    .ug-programs-main .ug-programs-landing-page .second-line-content .ug-programs-summary {
        width: 49.21875rem;
        font-size: 1.82292rem;
        padding-bottom: 0;
    }

    .ug-programs-main .ug-programs-landing-page .second-line-content .btn-learn-more {
        padding: 1.95312rem 2.60417rem;
        font-size: 1.95312rem;
    }

    .ug-programs-main .ug-programs-landing-page .second-line-content .btn-learn-more::after {
        height: 15px;
        width: 8px;
        margin-left: 20px;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div {
        padding: 2.60417rem 6.51042rem;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .carousel-heading {
        padding: 0 0 0.78125rem 0;
        margin-left: 0;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .carousel-heading .carousel-heading-text {
        font-size: 2.34375rem;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel {
        padding-top: 1.95312rem;
        max-width: 80%;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .item {
        padding: 0 0 0 0rem;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .item .item-heading {
        padding-bottom: 1.30208rem;
        font-size: 1.82292rem;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .item .item-context {
        font-size: 2.08333rem;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .owl-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: -138px;
        margin: 0;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .owl-nav .owl-prev {
        display: none;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .owl-nav .owl-next {
        margin: 0;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .owl-nav .owl-next img {
        height: 50px;
        width: 25px;
        object-fit: contain;
        object-position: center;
    }

    .ug-programs-main .ug-degrees-info {
        padding: 5.20833rem 5.20833rem 9.89583rem 5.20833rem;
    }

    .ug-programs-main .ug-degrees-info .ug-degrees-heading {
        font-size: 6.51042rem;
        padding: 0 0 0 0;
        padding-bottom: 2.60417rem;
    }

    .ug-programs-main .ug-degrees-info .ug-degrees-summary {
        text-align: left;
        font-size: 1.82292rem;
        padding: 0 0 0 0;
        padding-bottom: 3.125rem;
    }

    .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item {
        height: 33.20312rem;
    }

    .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-letters {
        padding: 2.21354rem 2.34375rem 0 2.34375rem;
        text-align: center;
    }

    .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-letters .ug-info-heading-text {
        font-size: 1.30208rem;
    }

    .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-card-dp {
        bottom: 0;
        position: relative;
        max-width: unset;
    }

    .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-card-dp::after {
        content: "";
        position: absolute;
        top: 11.71875rem;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        background-image: linear-gradient(to bottom, rgba(1, 89, 89, 0) 7%, rgba(1, 89, 89, 0.76) 61%, #015959);
    }

    .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-card-dp .ug-info-card-dp-image {
        height: 23.4375rem;
        margin-top: 0;
    }

    .ug-programs-main .tile-scroll-component .fixed-content {
        max-width: 41.66%;
        padding: 7.8rem 5.2rem 19.5rem 5.2rem;
        min-height: 67.57812rem;
    }

    .ug-programs-main .tile-scroll-component .fixed-content .fixed-title {
        font-size: 3.9rem;
    }

    .ug-programs-main .tile-scroll-component .fixed-content .fixed-desc {
        font-size: 1.8rem;
    }

    .ug-programs-main .tile-scroll-component .scrollable-container {
        max-width: 58.33%;
    }

    .ug-programs-main .tile-scroll-component .scrollable-container .owl-stage-outer {
        height: 100%;
    }

    .ug-programs-main .tile-scroll-component .scrollable-container .owl-stage-outer .owl-stage {
        height: 100%;
    }

    .ug-programs-main .tile-scroll-component .scrollable-container .owl-stage-outer .owl-stage .owl-item {
        height: 100%;
    }

    .ug-programs-main .tile-scroll-component .scrollable-container .owl-stage-outer .owl-stage .owl-item .tile-item {
        height: 100%;
        padding: 7.8rem 6.5rem;
        text-align: left;
        border-right: 1px solid rgba(52, 146, 146, 0.3);
        border-bottom: 0;
    }

    .ug-programs-main .tile-scroll-component .scrollable-container .owl-stage-outer .owl-stage .owl-item .tile-item .tile-details .count {
        font-weight: 800;
        font-size: 2.1rem;
        padding-bottom: 0.5rem;
        border-bottom: 1px solid #000000;
    }

    .ug-programs-main .tile-scroll-component .scrollable-container .owl-stage-outer .owl-stage .owl-item .tile-item .tile-details .tile-title {
        font-size: 2.1rem;
    }

    .ug-programs-main .tile-scroll-component .scrollable-container .owl-stage-outer .owl-stage .owl-item .tile-item .tile-image {
        margin-top: unset;
    }

    .ug-programs-main .tile-scroll-component .scrollable-container .owl-stage-outer .owl-stage .owl-item .tile-item .tile-image img {
        width: 22rem;
        height: 24.7rem;
    }

    .ug-programs-main .tile-scroll-component .scrollable-container .owl-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background: #ffffff;
        right: 3.90625rem;
        height: 9.11458rem;
        width: 4.55729rem;
    }

    .ug-programs-main .tile-scroll-component .scrollable-container .owl-nav .owl-prev {
        display: none;
    }

    .ug-programs-main .tile-scroll-component .scrollable-container .owl-nav .owl-next {
        opacity: 0.3;
        height: 100%;
        width: 100%;
        margin: 0;
    }

    .ug-programs-main .tile-scroll-component .scrollable-container .owl-nav .owl-next img {
        object-position: center;
        object-fit: contain;
        height: 100%;
        width: 100%;
    }

    .ug-programs-main .timeline {
        padding: 7.8125rem 0 7.29167rem 5.20833rem;
    }

    .ug-programs-main .timeline .timeline-title {
        margin-bottom: 9.11458rem;
    }

    .ug-programs-main .timeline .timeline-title .header {
        -webkit-text-stroke: 1px #00555a;
        font-size: 6.51042rem;
        margin-bottom: 2.60417rem;
    }

    .ug-programs-main .timeline .timeline-title .desc {
        font-size: 1.82292rem;
    }

    .ug-programs-main .timeline .timeline-title .btn-know-more {
        padding: 1.5121rem 2.01613rem;
        font-size: 1.5121rem;
        margin-top: 20px;
    }

    .ug-programs-main .timeline .timeline-title .btn-know-more::after {
        height: 15px;
        width: 8px;
        margin-left: 20px;
    }

    .ug-programs-main .timeline .timeline-wrapper {
        position: relative;
        max-width: 100rem;
        display: flex;
        overflow-y: auto;
        padding-left: 5px;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block {
        border-left: 0;
        border-bottom: 1px solid #c1dede;
        width: auto;
        display: flex;
        clear: both;
        position: relative;
        margin-bottom: 1.30208rem;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .marker {
        width: 1.69271rem;
        height: 1.69271rem;
        position: absolute;
        bottom: -7px;
        left: 50%;
        z-index: 9;
        margin-top: 0;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content {
        padding: 0 5.20833rem;
        color: #666;
        margin-bottom: 2.34375rem;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        text-align: center;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content h3 {
        font-size: 1.82292rem;
        margin-bottom: 1.17188rem;
        white-space: nowrap;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content span {
        font-size: 1.69271rem;
        margin-bottom: 1.17188rem;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content {
        display: none;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content p {
        font-size: 1.82292rem;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper {
        padding-top: 1.82292rem;
        position: relative;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button {
        font-size: 1.5625rem;
        white-space: nowrap;
        color: #000000;
        padding: 1.95312rem 2.60417rem;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button::after {
        width: 0.91146rem;
        height: 1.17188rem;
        margin-left: 2.60417rem;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block.active .marker {
        border: none;
        margin-top: 0;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block.active .timeline-content {
        margin-left: 0rem;
        padding: 1.95312rem 3.90625rem;
        margin-bottom: 2.34375rem;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block.active .timeline-content h3,
    .ug-programs-main .timeline .timeline-wrapper .timeline-block.active .timeline-content span {
        color: #ffffff;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block.active .timeline-content .inner-content {
        display: block;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block.active .timeline-content .inner-content p {
        color: #ffffff;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block:last-child .timeline-content {
        margin-bottom: 2.34375rem;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block:first-child {
        margin-top: 0;
    }

    .ug-programs-main .tabs-carousel-cta {
        padding: 0 0 5.20833rem 0;
    }

    .ug-programs-main .tabs-carousel-cta .side-list {
        padding: 0 0 0 5.20833rem;
    }

    .ug-programs-main .tabs-carousel-cta .side-list .side-list-heading {
        font-size: 6.51042rem;
        padding: 5.20833rem 22.00521rem 2.60417rem 0;
    }

    .ug-programs-main .tabs-carousel-cta .side-list .side-list-summary {
        font-size: 2.08333rem;
        padding: 0 11.84896rem 3.38542rem 0;
    }

    .ug-programs-main .tabs-carousel-cta .side-list .side-list-points {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    .ug-programs-main .tabs-carousel-cta .side-list .side-list-points li {
        font-size: 2.34375rem;
        padding: 0 5.59896rem 3.51562rem 2.08333rem;
        white-space: nowrap;
    }

    .ug-programs-main .tabs-carousel-cta .side-list .side-list-points li.active {
        margin: 0 0 0 -2.08333rem;
    }

    .ug-programs-main .tabs-carousel-cta .carousel-description {
        padding: 0 0 0 5.20833rem;
    }

    .ug-programs-main .tabs-carousel-cta .carousel-description .video-carousel {
        padding: 1.17188rem 0.78125rem 0 0;
        width: 43.22917rem;
    }

    .ug-programs-main .tabs-carousel-cta .carousel-description .carousel-description-text {
        font-size: 2.08333rem;
        padding: 2.34375rem 7.29167rem 2.86458rem 0;
    }

    .ug-programs-main .tabs-carousel-cta .carousel-description .btn-learn-more {
        padding: 2.34375rem 3.90625rem;
        font-size: 1.95312rem;
        margin: 0;
        margin-top: 40px;
    }

    .ug-programs-main .tabs-carousel-cta .carousel-description .btn-learn-more::after {
        height: 15px;
        width: 8px;
        margin-left: 20px;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container {
        padding: 7.8rem 5.2rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .heading {
        padding: 0;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .heading .title {
        font-size: 5.6rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .heading .sub-title {
        font-size: 2.1rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper {
        margin: 0 -15px;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .sm-full-width {
        padding: 0 15px;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item {
        padding: 6.5rem 7.2rem 13.9rem 7.2rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-title {
        font-size: 2.6rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-sub-title {
        font-size: 1.8rem;
        margin: 1.30208rem 0 3.90625rem 0;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button {
        font-size: 1.6rem;
        padding: 2rem 2.6rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button::after {
        width: 1rem;
        height: 2rem;
        margin-left: 3.3rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles {
        margin-top: 5.3rem;
        flex-direction: row;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item {
        padding: 3.9rem 2.6rem 5.3rem 3.9rem;
        max-width: calc(50% - 2.6rem);
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(1) {
        margin-right: 2.6rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(2) {
        margin-left: 2.6rem;
        margin-top: 0;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-title {
        font-size: 2.1rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-sub-title {
        font-size: 1.6rem;
        margin: 1.30208rem 0 3.90625rem 0;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button {
        font-size: 1.4rem;
        padding: 1.4rem 2rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button::after {
        width: 0.8rem;
        height: 1.6rem;
        margin-left: 1.6rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper {
        margin: 0 -15px;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .sm-full-width {
        padding: 0 15px;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-title,
    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title {
        font-size: 2.3rem;
        margin-left: 0;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title,
    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-sub-title {
        font-size: 1.8rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link,
    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link {
        font-size: 2rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link::after,
    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link::after {
        width: 1rem;
        height: 2rem;
        margin-left: 1.8rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item {
        margin-top: 5.2rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-icon {
        height: 27.3rem;
        width: 27.3rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content {
        margin-left: 3.9rem;
        padding: 0 4.8rem 0 0;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title {
        margin: 1.4rem 0 2rem 0;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container {
        margin-top: 2.6rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item {
        margin-top: 2.6rem;
        padding: 0;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-icon {
        height: 18.5rem;
        width: 18.5rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content {
        margin-left: 2.6rem;
        width: 100%;
        border-bottom: solid 1px #adadad;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title {
        margin-bottom: 5rem;
    }

    .ug-programs-main .apply-programs-button .btn-apply {
        padding: 1.95312rem 3.51562rem;
        border-radius: 5px 5px 0 0;
        font-size: 2.60417rem;
    }
}

@media only screen and (min-width: 992px) {
    .ug-programs-main .ug-programs-landing-page {
        padding: 0 2.01613rem 0 2.01613rem;
    }

    .ug-programs-main .ug-programs-landing-page .ug-intro-heading {
        width: 47.37903rem;
        font-size: 6.04839rem;
        padding: 33.26613rem 0 3.22581rem 4.03226rem;
    }

    .ug-programs-main .ug-programs-landing-page .second-line-content {
        padding: 0 0 6.04839rem 4.03226rem;
    }

    .ug-programs-main .ug-programs-landing-page .second-line-content .ug-programs-summary {
        width: 54.23387rem;
        font-size: 1.6129rem;
    }

    .ug-programs-main .ug-programs-landing-page .second-line-content .btn-learn-more {
        padding: 1.5121rem 2.01613rem;
        font-size: 1.5121rem;
    }

    .ug-programs-main .ug-programs-landing-page .second-line-content .btn-learn-more::after {
        height: 15px;
        width: 8px;
        margin-left: 20px;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div {
        padding: 4.03226rem 4.03226rem;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .carousel-heading {
        padding: 0 0 1.00806rem 0;
        margin-left: 0;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .carousel-heading .carousel-heading-text {
        font-size: 2.21774rem;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel {
        padding-top: 2.82258rem;
        max-width: unset;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .item {
        padding: 0 1.10887rem 0 1.10887rem;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .item .item-heading {
        padding-bottom: 1.00806rem;
        font-size: 1.81452rem;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .item .item-context {
        font-size: 1.41129rem;
    }

    .ug-programs-main .ug-degrees-info {
        padding: 6.65323rem 5.44355rem 8.06452rem 8.06452rem;
    }

    .ug-programs-main .ug-degrees-info .ug-degrees-heading {
        font-size: 7.05645rem;
        padding-bottom: 2.01613rem;
    }

    .ug-programs-main .ug-degrees-info .ug-degrees-summary {
        font-size: 1.6129rem;
        padding-bottom: 1.20968rem;
        text-align: left;
    }

    .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item {
        height: 31.14919rem;
    }

    .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-letters {
        padding: 3.02419rem 2.21774rem 0 2.21774rem;
    }

    .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-letters .ug-info-heading-text {
        font-size: 1.20968rem;
    }

    .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-card-dp {
        bottom: 0;
    }

    .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-card-dp .ug-info-card-dp-image {
        height: 22.07661rem;
        margin-top: 0;
    }

    .ug-programs-main .tile-scroll-component .fixed-content {
        max-width: 33.33%;
        padding: 6.1rem 3.5rem 4rem 4.3rem;
        min-height: 54.7379rem;
    }

    .ug-programs-main .tile-scroll-component .fixed-content .fixed-title {
        font-size: 4rem;
    }

    .ug-programs-main .tile-scroll-component .fixed-content .fixed-desc {
        font-size: 1.6rem;
    }

    .ug-programs-main .tile-scroll-component .scrollable-container {
        max-width: 66.66%;
    }

    .ug-programs-main .tile-scroll-component .scrollable-container .owl-stage-outer .owl-stage .owl-item .tile-item {
        padding: 6.1rem 5rem;
    }

    .ug-programs-main .tile-scroll-component .scrollable-container .owl-stage-outer .owl-stage .owl-item .tile-item .tile-details .count {
        font-size: 1.6rem;
        padding-bottom: 0.5rem;
    }

    .ug-programs-main .tile-scroll-component .scrollable-container .owl-stage-outer .owl-stage .owl-item .tile-item .tile-details .tile-title {
        font-size: 1.8rem;
    }

    .ug-programs-main .tile-scroll-component .scrollable-container .owl-stage-outer .owl-stage .owl-item .tile-item .tile-image img {
        height: 19.7rem;
    }

    .ug-programs-main .tile-scroll-component .scrollable-container .owl-nav {
        right: 3.02419rem;
        height: 7.05645rem;
        width: 3.52823rem;
    }

    .ug-programs-main .timeline {
        padding: 6.04839rem 0 6.04839rem 8.06452rem;
    }

    .ug-programs-main .timeline .timeline-title {
        margin-bottom: 6.04839rem;
    }

    .ug-programs-main .timeline .timeline-title .header {
        font-size: 7.05645rem;
        margin-bottom: 2.01613rem;
    }

    .ug-programs-main .timeline .timeline-title .desc {
        font-size: 1.6129rem;
    }

    .ug-programs-main .timeline .timeline-title .btn-know-more {
        padding: 1.5121rem 2.01613rem;
        font-size: 1.5121rem;
        margin-top: 20px;
    }

    .ug-programs-main .timeline .timeline-title .btn-know-more::after {
        height: 15px;
        width: 8px;
        margin-left: 20px;
    }

    .ug-programs-main .timeline .timeline-wrapper {
        position: relative;
        max-width: 100rem;
        display: flex;
        overflow-y: auto;
        padding-left: 5px;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block {
        border-left: 0;
        border-bottom: 1px solid #c1dede;
        width: auto;
        display: flex;
        clear: both;
        position: relative;
        max-width: 32.66129rem;
        margin-bottom: 1.00806rem;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .marker {
        width: 1.00806rem;
        height: 1.00806rem;
        position: absolute;
        bottom: -5px;
        left: 50%;
        z-index: 9;
        margin-top: 0;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content {
        padding: 0 4.43548rem;
        margin-bottom: 1.71371rem;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content h3 {
        font-size: 1.6129rem;
        margin-bottom: 1.00806rem;
        white-space: nowrap;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content span {
        font-size: 1.5121rem;
        margin-bottom: 1.00806rem;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content {
        display: none;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content p {
        font-size: 1.41129rem;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper {
        padding-top: 1.10887rem;
        position: relative;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button {
        font-size: 1.00806rem;
        white-space: nowrap;
        color: #000000;
        padding: 1.00806rem 1.20968rem;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button::after {
        width: 0.48387rem;
        height: 0.91734rem;
        margin-left: 2.01613rem;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block.active .timeline-content {
        padding: 1.5121rem 3.02419rem;
        margin-bottom: 1.81452rem;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block:last-child .timeline-content {
        margin-bottom: 1.71371rem;
    }

    .ug-programs-main .tabs-carousel-cta {
        padding: 0 0 2.92339rem 0;
        flex-direction: row;
    }

    .ug-programs-main .tabs-carousel-cta .side-list {
        padding: 0 0 0 8.06452rem;
    }

    .ug-programs-main .tabs-carousel-cta .side-list .side-list-heading {
        font-size: 7.05645rem;
        padding: 6.04839rem 3.02419rem 3.02419rem 0;
    }

    .ug-programs-main .tabs-carousel-cta .side-list .side-list-summary {
        font-size: 1.6129rem;
        padding: 0 8.36694rem 5.04032rem 0;
    }

    .ug-programs-main .tabs-carousel-cta .side-list .side-list-points {
        display: block;
    }

    .ug-programs-main .tabs-carousel-cta .side-list .side-list-points li {
        font-size: 1.81452rem;
        padding: 0 0 3.02419rem 1.81452rem;
    }

    .ug-programs-main .tabs-carousel-cta .side-list .side-list-points li.active {
        margin: 0 0 0 -1.81452rem;
    }

    .ug-programs-main .tabs-carousel-cta .carousel-description {
        padding: 8.46774rem 0 0 0;
    }

    .ug-programs-main .tabs-carousel-cta .carousel-description .video-carousel {
        padding: 0.50403rem 0.60484rem 0 0;
        width: 36.59274rem;
    }

    .ug-programs-main .tabs-carousel-cta .carousel-description .carousel-description-text {
        font-size: 1.6129rem;
        padding: 2.01613rem 4.03226rem 2.01613rem 0;
    }

    .ug-programs-main .tabs-carousel-cta .carousel-description .btn-learn-more {
        padding: 1.81452rem 3.02419rem;
        font-size: 1.5121rem;
        margin-top: 40px;
    }

    .ug-programs-main .tabs-carousel-cta .carousel-description .btn-learn-more::after {
        height: 15px;
        width: 8px;
        margin-left: 20px;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container {
        padding: 6rem 8.1rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .heading .title {
        font-size: 7.1rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .heading .sub-title {
        font-size: 1.6rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item {
        padding: 6rem 18.2rem 4.5rem 6rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-title {
        font-size: 2.4rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-sub-title {
        margin: 1.5121rem 0 1.41129rem 0;
        font-size: 1.4rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button {
        font-size: 1.5rem;
        padding: 1.5rem 2rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button::after {
        width: 0.8rem;
        height: 1.5rem;
        margin-left: 1.4rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles {
        margin-top: 4rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item {
        padding: 2rem 3rem 4.4rem 3rem;
        max-width: calc(50% - 2.4rem);
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(1) {
        margin-right: 2.4rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(2) {
        margin-left: 2.4rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-title {
        font-size: 1.6rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-sub-title {
        margin: 1.00806rem 0 1.41129rem 0;
        font-size: 1.2rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button {
        font-size: 1.1rem;
        padding: 1.1rem 1.5rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button::after {
        width: 0.6rem;
        height: 1.1rem;
        margin-left: 1.2rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-title,
    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title {
        font-size: 2rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title,
    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-sub-title {
        font-size: 1.6rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link,
    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link {
        font-size: 1.5rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link::after,
    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link::after {
        width: 0.8rem;
        height: 1.5rem;
        margin-left: 2rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item {
        margin-top: 4rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-icon {
        height: 21.2rem;
        width: 21.2rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content {
        margin-left: 3rem;
        padding-right: 4rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title {
        margin: 2rem 0 3rem 0;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container {
        margin-top: 2rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item {
        margin-top: 2rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-icon {
        height: 14.3rem;
        width: 14.3rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content {
        margin-left: 2rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title {
        margin-bottom: 3.5rem;
    }

    .ug-programs-main .apply-programs-button .btn-apply {
        padding: 1.5121rem 2.72177rem;
        border-radius: 5px 5px 0 0;
        font-size: 2.01613rem;
    }
}

@media only screen and (min-width: 1200px) {
    .ug-programs-main .ug-programs-landing-page {
        padding: 0 7.29167rem 0 7.29167rem;
    }

    .ug-programs-main .ug-programs-landing-page .ug-intro-heading {
        width: 40.83333rem;
        font-size: 5.20833rem;
        padding: 14.47917rem 0 1.14583rem 0;
    }

    .ug-programs-main .ug-programs-landing-page .second-line-content {
        padding: 0 0 3.02083rem 0;
    }

    .ug-programs-main .ug-programs-landing-page .second-line-content .ug-programs-summary {
        width: 37.23958rem;
        font-size: 1.04167rem;
    }

    .ug-programs-main .ug-programs-landing-page .second-line-content .btn-learn-more {
        padding: 0.9375rem 1.5625rem;
        font-size: 0.78125rem;
    }

    .ug-programs-main .ug-programs-landing-page .second-line-content .btn-learn-more::after {
        height: 15px;
        width: 8px;
        margin-left: 20px;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div {
        padding: 3.125rem 4.53125rem 3.125rem 1.40625rem;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .carousel-heading {
        padding: 0 0 0.72917rem 0;
        margin-left: 3.125rem;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .carousel-heading .carousel-heading-text {
        font-size: 1.25rem;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel {
        padding-top: 2.03125rem;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .item {
        padding: 0 0 0 3.02083rem;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .item .item-heading {
        padding-bottom: 0.83333rem;
        font-size: 1.04167rem;
    }

    .ug-programs-main .ug-programs-landing-page .ug-landing-carousel-div .ug-landing-carousel .item .item-context {
        font-size: 1.04167rem;
    }

    .ug-programs-main .ug-degrees-info {
        padding: 5.72917rem 7.29167rem 8.125rem 7.29167rem;
    }

    .ug-programs-main .ug-degrees-info .ug-degrees-heading {
        font-size: 4.89583rem;
        padding-bottom: 1.04167rem;
    }

    .ug-programs-main .ug-degrees-info .ug-degrees-summary {
        font-size: 1.04167rem;
        padding-bottom: 2.13542rem;
    }

    .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item {
        height: 31.61458rem;
    }

    .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-letters {
        padding: 3.69792rem 2.08333rem 0 2.08333rem;
    }

    .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-letters .ug-info-heading-text {
        font-size: 1.25rem;
    }

    .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-card-dp {
        bottom: 0;
    }

    .ug-programs-main .ug-degrees-info .ug-degrees-info-carousel .item .ug-info-card-dp .ug-info-card-dp-image {
        height: 18.22917rem;
        margin-top: 5.20833rem;
    }

    .ug-programs-main .tile-scroll-component .fixed-content {
        padding: 8.3rem 5.2rem;
        min-height: 56.40625rem;
    }

    .ug-programs-main .tile-scroll-component .fixed-content .fixed-title {
        font-size: 3.3rem;
    }

    .ug-programs-main .tile-scroll-component .fixed-content .fixed-desc {
        font-size: 1.3rem;
    }

    .ug-programs-main .tile-scroll-component .scrollable-container .owl-stage-outer .owl-stage .owl-item .tile-item {
        padding: 8.3rem 5.2rem;
    }

    .ug-programs-main .tile-scroll-component .scrollable-container .owl-stage-outer .owl-stage .owl-item .tile-item .tile-details .count {
        font-size: 1.3rem;
    }

    .ug-programs-main .tile-scroll-component .scrollable-container .owl-stage-outer .owl-stage .owl-item .tile-item .tile-image img {
        width: 21rem;
        height: 23rem;
    }

    .ug-programs-main .tile-scroll-component .scrollable-container .owl-nav {
        right: 3.59375rem;
        height: 4.73958rem;
        width: 2.23958rem;
    }

    .ug-programs-main .timeline {
        padding: 5.78125rem 0 6.92708rem 7.29167rem;
    }

    .ug-programs-main .timeline .timeline-title {
        margin-bottom: 3.54167rem;
        max-width: 45%;
    }

    .ug-programs-main .timeline .timeline-title .header {
        font-size: 4.89583rem;
        margin-bottom: 1.25rem;
    }

    .ug-programs-main .timeline .timeline-title .desc {
        font-size: 1.04167rem;
    }

    .ug-programs-main .timeline .timeline-title .btn-know-more {
        padding: 0.9375rem 1.5625rem;
        font-size: 0.78125rem;
        margin-top: 40px;
    }

    .ug-programs-main .timeline .timeline-title .btn-know-more::after {
        height: 15px;
        width: 8px;
        margin-left: 20px;
    }

    .ug-programs-main .timeline .timeline-wrapper {
        position: relative;
        max-width: 100rem;
        display: flex;
        overflow-y: auto;
        padding-left: 5px;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block {
        margin-bottom: 0.52083rem;
        max-width: 27.5rem;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .marker {
        width: 1.04167rem;
        height: 1.04167rem;
        bottom: -0.52083rem;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content {
        padding: 0 4.16667rem;
        margin-bottom: 1.09375rem;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content h3 {
        font-size: 1.25rem;
        margin-bottom: 0.52083rem;
        white-space: nowrap;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content span {
        font-size: 1.25rem;
        margin-bottom: 1.51042rem;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content {
        display: none;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content p {
        font-size: 1.04167rem;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper {
        padding-top: 1.97917rem;
        position: relative;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button {
        font-size: 0.78125rem;
        white-space: nowrap;
        color: #000000;
        padding: 0.9375rem 1.5625rem;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block .timeline-content .inner-content .timeline-button-wrapper .timeline-button::after {
        width: 0.25rem;
        height: 0.47396rem;
        margin-left: 1.04167rem;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block.active .timeline-content {
        padding: 2.03125rem 1.97917rem;
        margin-bottom: 1.09375rem;
    }

    .ug-programs-main .timeline .timeline-wrapper .timeline-block:last-child .timeline-content {
        margin-bottom: 1.09375rem;
    }

    .ug-programs-main .tabs-carousel-cta {
        padding: 0 0 4.375rem 0;
    }

    .ug-programs-main .tabs-carousel-cta .side-list {
        padding: 0 0 0 6.66667rem;
    }

    .ug-programs-main .tabs-carousel-cta .side-list .side-list-heading {
        font-size: 4.89583rem;
        padding: 6.14583rem 6.25rem 1.19792rem 0;
    }

    .ug-programs-main .tabs-carousel-cta .side-list .side-list-summary {
        font-size: 1.04167rem;
        padding: 0 8.59375rem 2.76042rem 0;
    }

    .ug-programs-main .tabs-carousel-cta .side-list .side-list-points li {
        font-size: 1.25rem;
        padding: 0 0 2.5rem 1.30208rem;
    }

    .ug-programs-main .tabs-carousel-cta .side-list .side-list-points li.active {
        margin: 0 0 0 -1.30208rem;
    }

    .ug-programs-main .tabs-carousel-cta .carousel-description {
        padding: 7.08333rem 0 0 0;
    }

    .ug-programs-main .tabs-carousel-cta .carousel-description .video-carousel {
        padding: 0.46875rem 0.57292rem 0 0;
        width: 34.58333rem;
    }

    .ug-programs-main .tabs-carousel-cta .carousel-description .carousel-description-text {
        font-size: 1.04167rem;
        padding: 0.98958rem 13.4375rem 1.71875rem 0;
    }

    .ug-programs-main .tabs-carousel-cta .carousel-description .btn-learn-more {
        padding: 0.9375rem 1.5625rem;
        font-size: 0.78125rem;
        margin-top: 40px;
    }

    .ug-programs-main .tabs-carousel-cta .carousel-description .btn-learn-more::after {
        height: 15px;
        width: 8px;
        margin-left: 20px;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container {
        max-width: 1720px;
        margin: auto;
        padding: 6.25rem 40px;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .heading .title {
        font-size: 4.9rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .heading .sub-title {
        font-size: 1rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item {
        padding: 4.2rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-title {
        font-size: 2rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .tile-sub-title {
        font-size: 0.8rem;
        margin: 1.5625rem 0 0.72917rem 0;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button {
        font-size: 0.8rem;
        padding: 0.9rem 1.6rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .single-tile .tile-item .apply-button-wrapper .apply-button::after {
        width: 0.4rem;
        height: 0.8rem;
        margin-left: 1rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles {
        flex-wrap: wrap;
        margin-top: 0;
        flex-direction: column;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item {
        padding: 2rem;
        min-height: 17.2rem;
        max-width: unset;
        width: 100%;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(1) {
        margin-bottom: 15px;
        margin-right: 0;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item:nth-child(2) {
        margin-top: 15px;
        margin-left: 0;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-title {
        font-size: 1rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .tile-sub-title {
        font-size: 0.7rem;
        margin: 0.52083rem 0 0.72917rem 0;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button {
        font-size: 0.8rem;
        padding: 0.9rem 1.6rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .tiles-wrapper .double-tiles .tile-item .apply-button-wrapper .apply-button::after {
        width: 0.4rem;
        height: 0.8rem;
        margin-left: 1rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper {
        margin-top: 1.6rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-title,
    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title {
        font-size: 1rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title,
    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-sub-title {
        font-size: 0.8rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link,
    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link {
        font-size: 0.8rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-link::after,
    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-link::after {
        width: 0.4rem;
        height: 0.8rem;
        margin-left: 1rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item {
        margin-top: 0;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-icon {
        height: 10rem;
        width: 10rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content {
        margin-left: 1.6rem;
        padding-right: 2rem;
        max-height: 10rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item .blog-content .blog-sub-title {
        margin: 0 0 1rem 0;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item:nth-child(1) {
        margin-bottom: 0.8rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .two-blogs-container .blog-item:nth-child(2) {
        margin-top: 0.8rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container {
        margin-top: 0;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item {
        margin-top: 0;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-icon {
        height: 7.4rem;
        width: 7.4rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content {
        margin-left: 1rem;
        max-height: 7.4rem;
        width: auto;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item .blog-content .blog-title {
        margin-bottom: 1rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item:nth-child(1) {
        margin-bottom: 0.4rem;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item:nth-child(2) {
        margin: 0.4rem 0;
    }

    .ug-programs-main .blog-tiles .blog-tiles-container .blogs-wrapper .three-blogs-container .blog-item:nth-child(2) {
        margin-top: 0.4rem;
    }

    .ug-programs-main .apply-programs-button .btn-apply {
        padding: 0.78125rem 1.40625rem;
        border-radius: 5px 5px 0 0;
        font-size: 1.04167rem;
    }
}

.course-main-container {
    position: relative;
}

.course-main-container .ug-landing {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: column-reverse;
    background-color: #e2f7f7;
}

.course-main-container .ug-landing .content-wrapper {
    background-color: #ffffff;
    max-width: 100%;
    padding: 8.53333rem 8rem 22.93333rem;
}

.course-main-container .ug-landing .content-wrapper .sub-title {
    font-size: 4.26667rem;
    margin-bottom: 3.2rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.92;
    letter-spacing: normal;
    color: #015959;
}

.course-main-container .ug-landing .content-wrapper .title {
    font-size: 6.13333rem;
    margin-bottom: 3.73333rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.26;
    letter-spacing: normal;
    color: #027878;
}

.course-main-container .ug-landing .content-wrapper .desc {
    font-size: 3.73333rem;
    margin-bottom: 4.26667rem;
    opacity: 0.6;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    color: #000000;
}

.course-main-container .ug-landing .content-wrapper .sub-desc {
    font-size: 4.26667rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.96;
    letter-spacing: normal;
}

.course-main-container .ug-landing .img-wrapper {
    max-width: 100%;
    padding: 45rem 8rem 0;
}

.course-main-container .ug-landing .img-wrapper .landing-banner {
    object-fit: contain;
    width: 100%;
    margin-left: 1rem;
}

.course-main-container .ug-landing.yts {
    background-color: #1cd6b7;
}

.course-main-container .child-carousel {
    background-image: linear-gradient(112deg, #00797b 8%, #005077 87%);
    padding: 6.13333rem 8rem 13.33333rem;
}

.course-main-container .child-carousel .section-heading {
    padding-bottom: 3.46667rem;
    -webkit-text-stroke: 1px #ffffff;
    font-size: 10.66667rem;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: transparent;
}

.course-main-container .child-carousel .carousel {
    display: flex;
    text-align: left;
}

.course-main-container .child-carousel .carousel .carousel-indicators {
    bottom: -13.33333rem;
    position: absolute;
}

.course-main-container .child-carousel .carousel .carousel-indicators li {
    border-radius: 100%;
    width: 1.86667rem;
    height: 1.86667rem;
    margin: 0 1.2rem;
    background-color: #ffffff;
    opacity: 0.2;
}

.course-main-container .child-carousel .carousel .carousel-indicators li.active {
    opacity: 1;
}

.course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv {
    display: flex;
    flex-direction: column-reverse;
}

.course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment {
    width: 84.26667rem;
    background-color: #ffffff;
}

.course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper {
    max-width: 66.93333rem;
    margin: 8rem auto;
}

.course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .title {
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    color: #027878;
    font-size: 4.8rem;
    margin-bottom: 4.26667rem;
}

.course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .child-carousel-text {
    font-size: 3.73333rem;
    margin-bottom: 5.6rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    color: #000000;
}

.course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-logo {
    width: 84.26667rem;
    min-height: 16.53226rem;
}

.course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-logo .child-carousel-logo-img {
    margin: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.course-main-container .child-carousel.yts {
    background-image: linear-gradient(112deg, #e2f7f7 8%, #e2f7f7 87%);
}

.course-main-container .child-carousel.yts .section-heading {
    -webkit-text-stroke: 1px #017a7b;
}

.course-main-container .child-carousel.yts .carousel .carousel-indicators li {
    background-color: #017a7b;
}

.course-main-container .child-carousel.yts .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment {
    background-color: #d2323c;
}

.course-main-container .child-carousel.yts .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .title,
.course-main-container .child-carousel.yts .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .child-carousel-text {
    color: #ffffff;
}

.course-main-container .pillar-section {
    position: relative;
}

.course-main-container .pillar-section .main-heading {
    -webkit-text-stroke: 1px #017a7b;
    font-size: 10.66667rem;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.93;
    letter-spacing: normal;
    color: transparent;
    margin: 10.66667rem 8rem 2.66667rem;
}

.course-main-container .pillar-section .scrollable-container .item {
    padding: 5.6rem 8rem 5.6rem;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-image {
    height: 53.6rem;
    width: 84rem;
    position: relative;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-image img {
    object-fit: cover;
    object-position: center;
    position: relative;
    height: 100%;
    width: 100%;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-details {
    margin-top: 5.33333rem;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-details .tile-title {
    font-size: 5.33333rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-details .content {
    font-size: 3.73333rem;
    margin-top: 3.2rem;
    font-weight: normal;
    opacity: 0.6;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #000000;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper.orange-card,
.course-main-container .pillar-section .scrollable-container .item .content-wrapper.red-card,
.course-main-container .pillar-section .scrollable-container .item .content-wrapper.green-card {
    padding: 0 4rem 6.66667rem 4rem;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper.orange-card .tile-image img,
.course-main-container .pillar-section .scrollable-container .item .content-wrapper.red-card .tile-image img,
.course-main-container .pillar-section .scrollable-container .item .content-wrapper.green-card .tile-image img {
    bottom: -6.5px;
    left: -5.6rem;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper.orange-card .tile-details .tile-title,
.course-main-container .pillar-section .scrollable-container .item .content-wrapper.orange-card .tile-details .content,
.course-main-container .pillar-section .scrollable-container .item .content-wrapper.red-card .tile-details .tile-title,
.course-main-container .pillar-section .scrollable-container .item .content-wrapper.red-card .tile-details .content,
.course-main-container .pillar-section .scrollable-container .item .content-wrapper.green-card .tile-details .tile-title,
.course-main-container .pillar-section .scrollable-container .item .content-wrapper.green-card .tile-details .content {
    color: #ffffff;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper.orange-card {
    background-color: #ff8b00;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper.red-card {
    background-color: #d2323c;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper.green-card {
    background-color: #1cd6b7;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-circle .tile-image img,
.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-square .tile-image img,
.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-triangle .tile-image img,
.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-image img,
.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-image img,
.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-image img {
    bottom: -6.5px;
    left: -6.5px;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-circle .tile-details .icon-wrapper,
.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-square .tile-details .icon-wrapper,
.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-triangle .tile-details .icon-wrapper,
.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper,
.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-details .icon-wrapper,
.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper {
    margin-bottom: 3.2rem;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-circle .tile-details .icon-wrapper .icon,
.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-square .tile-details .icon-wrapper .icon,
.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-triangle .tile-details .icon-wrapper .icon,
.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper .icon,
.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-details .icon-wrapper .icon,
.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper .icon {
    display: block;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-circle .tile-image {
    background-color: #ffc35a;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-circle .tile-details .icon-wrapper .icon {
    width: 25px;
    height: 25px;
    background: #ffc35a;
    border-radius: 50%;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-square .tile-image {
    background-color: #009cb1;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-square .tile-details .icon-wrapper .icon {
    width: 25px;
    height: 25px;
    background: #009cb1;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-triangle .tile-image {
    background-color: #a9d382;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-triangle .tile-details .icon-wrapper .icon {
    width: 25px;
    height: 25px;
    border-bottom: 25px solid #a9d382;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-image {
    background-color: #027878;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper {
    margin-bottom: 6.66667rem;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper .icon {
    border-style: solid;
    border-color: transparent transparent #027878 transparent;
    border-width: 0 6px 10px 6px;
    height: 0;
    width: 13px;
    box-sizing: content-box;
    position: relative;
    margin: 16px 0 20px 0;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper .icon:after {
    content: "";
    position: absolute;
    top: 10px;
    left: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: #027878 transparent transparent transparent;
    border-width: 12px 12.5px 0 12.5px;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-image {
    background-color: #005077;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-details .icon-wrapper .icon {
    width: 0;
    height: 0;
    border: 12.5px solid transparent;
    border-bottom-color: #005077;
    position: relative;
    top: -12.5px;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-details .icon-wrapper .icon:after {
    content: "";
    position: absolute;
    left: -12.5px;
    top: 12.5px;
    width: 0;
    height: 0;
    border: 12.5px solid transparent;
    border-top-color: #005077;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-image {
    background-color: #d2323c;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper {
    margin-top: 8rem;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper .icon {
    display: block;
    position: relative;
    width: 12.5px;
    box-sizing: content-box;
    border-width: 12px 6.25px 0;
    border-style: solid;
    border-color: #d2323c transparent;
}

.course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper .icon::before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    top: -24px;
    left: -6px;
    border-width: 0 12.5px 12.5px;
    border-style: solid;
    border-color: transparent transparent #d2323c;
}

.course-main-container .pillar-section .scrollable-container .owl-nav {
    position: absolute;
    right: 26.66667rem;
    top: 50%;
    transform: translateY(-50%);
}

.course-main-container .pillar-section .scrollable-container .owl-nav .owl-prev {
    display: none;
}

.course-main-container .pillar-section .scrollable-container .owl-nav .owl-next {
    margin: 0;
}

.course-main-container .pillar-section .scrollable-container .owl-nav .owl-next img {
    width: 43px;
    height: 91px;
    object-fit: contain;
    object-position: center;
}

.course-main-container .pillar-section .scrollable-container .owl-nav .owl-next:focus {
    outline: none;
    border: none;
}

.course-main-container .pillar-section .scrollable-container .owl-stage {
    padding-left: 0 !important;
}

.course-main-container .pillar-section .scrollable-container .owl-stage .owl-item {
    height: 100%;
}

.course-main-container .bar-component .title-container {
    padding: 8rem;
}

.course-main-container .bar-component .title-container .title {
    font-size: 10.66667rem;
    margin-bottom: 4.26667rem;
    -webkit-text-stroke: 0.8px #00555a;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: transparent;
}

.course-main-container .bar-component .title-container .sub-title {
    font-size: 3.73333rem;
    opacity: 0.8;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.79;
    letter-spacing: normal;
}

.course-main-container .bar-component .bar-container .bar-item {
    border-top: solid 1px rgba(2, 120, 120, 0.2);
    padding: 8rem;
    position: relative;
    transition: all 0.5s;
    height: 100%;
}

.course-main-container .bar-component .bar-container .bar-item .bar-title {
    font-size: 5.33333rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #027878;
    display: inline-flex;
    flex-direction: column;
    transition: all 0.5s;
}

.course-main-container .bar-component .bar-container .bar-item .bar-title::after {
    content: "";
    background-color: #027878;
    margin-top: 6px;
    height: 3px;
    width: 100%;
    transition: all 0.5s;
}

.course-main-container .bar-component .bar-container .bar-item .bar-sub-title {
    margin-top: 9.6rem;
    font-size: 6.4rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.46;
    letter-spacing: normal;
    text-align: left;
    color: #027878;
    transition: all 0.5s;
}

.course-main-container .bar-component .bar-container .bar-item .bar-desc {
    font-size: 3.73333rem;
    margin-top: 4.8rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.86;
    letter-spacing: normal;
    text-align: left;
    color: #f0fbfb;
    display: none;
    overflow: hidden;
    transition: all 0.5s;
}

.course-main-container .bar-component .bar-container .bar-item::after {
    content: "";
    background-image: url("../assets/bottom-arrow-green.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 13px;
    width: 23px;
    position: absolute;
    top: 115px;
    right: 29px;
    transition: all 0.5s;
}

.course-main-container .bar-component .bar-container .bar-item:hover.feijoa {
    background-color: #add484;
}

.course-main-container .bar-component .bar-container .bar-item:hover.somegreen {
    background-color: #77c58c;
}

.course-main-container .bar-component .bar-container .bar-item:hover.tradewind {
    background-color: #4cb69e;
}

.course-main-container .bar-component .bar-container .bar-item:hover.somewhatCyan {
    background-color: #047171;
}

.course-main-container .bar-component .bar-container .bar-item:hover .bar-title {
    color: #ffffff;
}

.course-main-container .bar-component .bar-container .bar-item:hover .bar-title::after {
    background-color: #ffffff;
}

.course-main-container .bar-component .bar-container .bar-item:hover .bar-sub-title {
    color: #ffffff;
}

.course-main-container .bar-component .bar-container .bar-item:hover .bar-desc {
    display: block;
}

.course-main-container .bar-component .bar-container .bar-item:hover::after {
    background-image: url("../assets/top-arrow-white.svg");
    top: 38px;
}

.course-main-container .tabs-video {
    background-color: #002938;
    padding: 6.66667rem 0 13.33333rem;
}

.course-main-container .tabs-video .root-container {
    flex-wrap: wrap;
}

.course-main-container .tabs-video .root-container .controller-wrapper {
    width: 100%;
}

.course-main-container .tabs-video .root-container .controller-wrapper .title {
    -webkit-text-stroke: 1px #ffffff;
    font-size: 12.8rem;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.93;
    letter-spacing: normal;
    color: transparent;
    margin: 0 8rem;
}

.course-main-container .tabs-video .root-container .controller-wrapper .sub-title {
    opacity: 0.6;
    font-size: 4.26667rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    margin: 4rem 8rem;
    color: #ffffff;
}

.course-main-container .tabs-video .root-container .controller-wrapper .links-container {
    overflow-x: auto;
    display: flex;
    padding: 0 0.78125rem;
}

.course-main-container .tabs-video .root-container .controller-wrapper .links-container .links {
    font-size: 5.33333rem;
    padding: 2.66667rem 4rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: -0.55px;
    text-align: left;
    opacity: 0.3;
    color: #ffffff;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.course-main-container .tabs-video .root-container .controller-wrapper .links-container .links::before {
    content: "";
    border-left: 9px solid #ffffff;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    margin-right: 4.26667rem;
    opacity: 0;
}

.course-main-container .tabs-video .root-container .controller-wrapper .links-container .links.active {
    opacity: 1;
    font-weight: bold;
}

.course-main-container .tabs-video .root-container .controller-wrapper .links-container .links.active::before {
    opacity: 1;
}

.course-main-container .tabs-video .root-container .content-wrapper {
    width: 100%;
}

.course-main-container .tabs-video .root-container .content-wrapper .image-wrapper {
    width: 100rem;
    height: 63.46667rem;
    background-image: linear-gradient(to bottom, #add484, #00a0b4);
    position: relative;
}

.course-main-container .tabs-video .root-container .content-wrapper .image-wrapper .content-image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    position: relative;
    bottom: -5px;
    left: -4px;
}

.course-main-container .tabs-video .root-container .content-wrapper .content-data {
    font-size: 4.26667rem;
    margin-top: 7.46667rem;
    padding: 0 8rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    color: #ffffff;
}

.course-main-container .wog-carousel {
    background-color: #ffffff;
}

.course-main-container .wog-carousel .owl-stage {
    padding-left: 0 !important;
}

.course-main-container .wog-carousel .owl-stage .item {
    display: flex;
    flex-direction: column;
    padding: 6.66667rem 8rem;
}

.course-main-container .wog-carousel .owl-stage .item .item-number {
    font-size: 5.33333rem;
    margin-bottom: 2.13333rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    text-align: left;
    color: #017a7b;
}

.course-main-container .wog-carousel .owl-stage .item .item-details {
    font-size: 2.66667rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: 0.11px;
    text-align: left;
    color: #000000;
    opacity: 0.6;
}

.course-main-container .video-carouel {
    padding: 9.33333rem 0;
}

.course-main-container .video-carouel .main-data {
    padding: 0 9.33333rem;
}

.course-main-container .video-carouel .main-data .video-container {
    background-image: linear-gradient(to bottom, #add484, #00a0b4);
    position: relative;
    margin-bottom: 6.66667rem;
}

.course-main-container .video-carouel .main-data .video-container video {
    position: relative;
    top: 1.33333rem;
    right: 1.33333rem;
    width: 100%;
}

.course-main-container .video-carouel .main-data .video-container .video-play {
    background-image: url("../assets/video-play-btn.svg");
    background-repeat: no-repeat;
    width: 8.26667rem;
    height: 8.26667rem;
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    margin: auto;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}

.course-main-container .video-carouel .main-data .content-wrapper .title {
    font-size: 6.4rem;
    margin-bottom: 3.73333rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
}

.course-main-container .video-carouel .main-data .content-wrapper .sub-title {
    font-size: 3.73333rem;
    margin-bottom: 10.66667rem;
    opacity: 0.6;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.79;
    letter-spacing: normal;
}

.course-main-container .video-carouel .navigation-carousel .item .video-wrapper video {
    width: 100%;
}

.course-main-container .video-carouel .navigation-carousel .item .video-wrapper .video-play {
    background-image: url("../assets/video-play-btn.svg");
    background-repeat: no-repeat;
    width: 5.06667rem;
    height: 5.06667rem;
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    margin: auto;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}

.course-main-container .video-carouel .navigation-carousel .owl-stage {
    padding-left: 0 !important;
}

.course-main-container .recruiters-feedback {
    background-image: linear-gradient(122deg, #00797b 8%, #005077 88%);
    padding-bottom: 21.86667rem;
}

.course-main-container .recruiters-feedback .heading-text {
    display: flex;
    flex-direction: column;
}

.course-main-container .recruiters-feedback .heading-text .recruiters-feedback-heading {
    font-size: 10.66667rem;
    padding: 8.8rem 8rem 3.2rem 8rem;
    -webkit-text-stroke: 1px #ffffff;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.93;
    letter-spacing: normal;
    text-align: left;
    color: transparent;
}

.course-main-container .recruiters-feedback .heading-text>div {
    padding: 0 8rem 6.66667rem 8rem;
    flex-direction: column;
}

.course-main-container .recruiters-feedback .heading-text>div .recruiters-feedback-summary {
    margin-bottom: 4.26667rem;
    font-size: 3.73333rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    opacity: 0.6;
}

.course-main-container .recruiters-feedback #carousel-recruiters {
    display: flex;
    width: 84.26667rem;
    margin-left: 7.73333rem;
}

.course-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators {
    position: absolute;
    bottom: -16rem;
}

.course-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators li {
    border-radius: 100%;
    width: 1.86667rem;
    height: 1.86667rem;
    margin-right: 2.4rem;
}

.course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item {
    background-color: #ffffff;
}

.course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv {
    background-color: #047171;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
}

.course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment {
    background-color: #f8f8f8;
    width: 84.26667rem;
}

.course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper {
    width: 66.93333rem;
    margin: 7.73333rem 0 0 8.8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .apostrophe {
    width: 0;
    height: 0;
    margin-bottom: 0;
}

.course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-comment-text {
    font-size: 3.73333rem;
    margin-bottom: 5.6rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    color: #000000;
}

.course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-name {
    font-size: 4.26667rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    color: #017a7b;
}

.course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .comment-timeframe {
    font-size: 3.73333rem;
    padding-bottom: 8.8rem;
    font-weight: 300;
    font-stretch: normal;
    font-style: italic;
    line-height: 2.39;
    letter-spacing: normal;
    color: #000000;
}

.course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-logo {
    width: 84.26667rem;
    display: flex;
    align-items: flex-end;
}

.course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-logo .recruiters-logo-img {
    width: 100%;
}

.course-main-container .recruiters-feedback .view-button {
    border: solid 1px #017a7b;
    background-color: #ffffff;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0px;
    color: #000000;
    white-space: nowrap;
    border-radius: 5px;
    opacity: 0.9;
    font-size: 3.2rem;
    padding: 2.66667rem 3.2rem;
    outline: none;
}

.course-main-container .recruiters-feedback .view-button::after {
    content: "";
    background-image: url("../assets/rightArrowBlack.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 5px;
    height: 11px;
    margin-left: 14px;
}

.course-main-container #sec-accordian {
    background-color: #e2f7f7;
}

.course-main-container #sec-accordian .section-main {
    padding: 8rem 0 4.8rem;
}

.course-main-container #sec-accordian .section-main .categories-header {
    font-size: 11.2rem;
    padding: 0 8rem;
    -webkit-text-stroke: 1px #207878;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: transparent;
    display: block;
}

.course-main-container #sec-accordian .section-main .accordion-content {
    margin-top: 3.73333rem;
}

.course-main-container #sec-accordian .section-main .accordion-content .active {
    font-weight: bold !important;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.55px;
    text-align: left;
    color: #207878;
}

.course-main-container #sec-accordian .section-main .accordion-content .active::before {
    content: "";
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 9px solid #207878;
    display: block;
    max-height: 12px;
    margin-left: -15px;
    margin-right: 16px;
}

.course-main-container #sec-accordian .section-main .accordion-content .categories-sidemenu {
    padding-left: 8rem;
}

.course-main-container #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    display: flex;
}

.course-main-container #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points li {
    padding: 4.26667rem 2.66667rem 4.26667rem 4.53333rem;
    font-size: 5.33333rem;
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.55px;
    text-align: left;
    color: #207878;
    opacity: 0.3;
}

.course-main-container #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points li.active {
    opacity: 1;
    font-weight: bold;
}

.course-main-container #sec-accordian .section-main .accordion-content .accordion {
    max-height: 99.46667rem;
    padding-right: 0rem;
    margin-top: 9.33333rem;
    background-color: transparent;
    border: 0;
    overflow-x: auto;
}

.course-main-container #sec-accordian .section-main .accordion-content .accordion::-webkit-scrollbar {
    width: 4px;
}

.course-main-container #sec-accordian .section-main .accordion-content .accordion::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #027878;
    border-radius: 0px;
    opacity: 0.3;
}

.course-main-container #sec-accordian .section-main .accordion-content .accordion::-webkit-scrollbar-thumb {
    background: #027878;
    border-radius: 0px;
}

.course-main-container #sec-accordian .section-main .accordion-content .accordion .card {
    background-color: transparent;
    border: 0;
    padding: 0 8rem;
}

.course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body {
    font-size: 4.26667rem;
    margin-top: 4.26667rem;
}

.course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container {
    margin-bottom: 5.33333rem;
}

.course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper {
    height: 6.93333rem;
    width: 6.93333rem;
    border-radius: 25px;
    margin-right: 2.66667rem;
    transition: width 0.5s;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    overflow: hidden;
}

.course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper .icon {
    background-color: #ffffff;
    opacity: 0;
    transition: opacity 0.5s;
    height: 3.2rem;
    width: 3.2rem;
}

.course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper .text {
    font-size: 3.2rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.5s;
}

.course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper.circle {
    background-color: #ffc35a;
}

.course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper.square {
    background-color: #009cb1;
}

.course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper.triangle {
    background-color: #a9d382;
}

.course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper:hover {
    width: 58.66667rem;
}

.course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper:hover .text,
.course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper:hover .icon {
    opacity: 1;
}

.course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body p {
    max-width: 95%;
}

.course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header {
    font-size: 4.8rem;
    background-color: transparent;
    border: 0;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header button {
    border: 0;
    background-color: transparent;
    box-shadow: transparent;
}

.course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header button:focus {
    border: 0;
    background-color: transparent;
    outline: transparent;
}

.course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header .accordion-icon {
    background: url("../assets/collapse-cross.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 4rem;
    width: 4rem;
}

.course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header .accordion-icon.collapsed {
    height: 4.8rem;
    width: 4.8rem;
    background: url("../assets/collapse-plus.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header span {
    max-width: 80%;
    line-height: 1.5;
}

.course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header span:not(.collapsed) {
    background-color: transparent;
    border: 0;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.course-main-container #sec-accordian .section-main .accordion-content .accordion hr {
    margin: 8rem 0;
    border-bottom: 2px solid #e2f7f7 !important;
    opacity: 0.5;
}

.course-main-container #sec-accordian .section-main .accordion-content .tnc {
    opacity: 0.6;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.81;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    font-size: 2.66667rem;
    padding: 0 8rem;
}

.course-main-container .wog-roles-div {
    display: flex;
    flex-direction: column;
    padding-bottom: 10.66667rem;
    position: relative;
}

.course-main-container .wog-roles-div .side-panel-roles {
    padding: 11.46667rem 0 84rem 8rem;
    background-image: url("../assets/man-on-call.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 110.66667rem;
}

.course-main-container .wog-roles-div .description-list-panel {
    padding: 8rem 21.33333rem 0 8rem;
}

.course-main-container .wog-roles-div .description-list-panel .description-list-panel-heading {
    padding-bottom: 6.93333rem;
}

.course-main-container .wog-roles-div .description-list-panel .description-list-panel-heading .description-list-panel-heading-text {
    font-size: 5.33333rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.course-main-container .wog-roles-div .description-list-panel .description-list-panel-summary {
    padding-bottom: 2.66667rem;
}

.course-main-container .wog-roles-div .description-list-panel .description-list-panel-summary .description-list-panel-summary-text {
    font-size: 4.26667rem;
    opacity: 0.6;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}

.course-main-container .wog-roles-div .social-links-container {
    position: absolute;
    right: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: solid 1px rgba(1, 123, 123, 0.9);
    border-right: 0;
    top: 118.66667rem;
}

.course-main-container .wog-roles-div .social-links-container ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.course-main-container .wog-roles-div .social-links-container ul li {
    margin: 3.73333rem;
}

.course-main-container .wog-roles-div .social-links-container ul li img {
    width: 5.86667rem;
    height: 5.86667rem;
    transform: rotate(90deg);
    object-fit: contain;
    object-position: center;
}

.course-main-container .ask-us-here {
    padding: 7.46667rem 8.8rem 5.86667rem 8.8rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    background-image: linear-gradient(95deg, #00797b 7%, #005077 85%);
}

.course-main-container .ask-us-here .ask-us-here-phrase {
    font-size: 4.26667rem;
    display: flex;
    flex-direction: row;
    margin-bottom: 5.86667rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}

.course-main-container .ask-us-here .ask-us-here-button {
    opacity: 0.9;
    border-radius: 5px;
    border: 1px solid #017a7b;
    background-color: #ffffff;
    font-weight: 600;
    display: flex;
    align-items: center;
    font-size: 3.2rem;
    padding: 3.2rem 3.2rem 3.2rem 3.2rem;
}

.course-main-container .ask-us-here .ask-us-here-button::after {
    content: "";
    background-image: url("../assets/rightArrowBlack.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    height: 3.2rem;
    width: 1.6rem;
    margin-left: 5.33333rem;
}

.course-main-container .dates-to-remember {
    padding: 10.66667rem 8rem 2.66667rem 8rem;
    background-color: #f0fbfb;
}

.course-main-container .dates-to-remember .title-container .calendar-icon {
    height: 8rem;
    width: 8rem;
    margin-bottom: 4.26667rem;
    object-fit: contain;
    object-position: center;
}

.course-main-container .dates-to-remember .title-container .main-title {
    font-size: 5.33333rem;
    margin-bottom: 10.66667rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
}

.course-main-container .dates-to-remember .content-container .item-wrapper {
    padding: 0 0 10.66667rem 4.26667rem;
    position: relative;
}

.course-main-container .dates-to-remember .content-container .item-wrapper .date {
    font-size: 3.2rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
}

.course-main-container .dates-to-remember .content-container .item-wrapper .item-title {
    font-size: 3.2rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
}

.course-main-container .dates-to-remember .content-container .item-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, 0);
    height: 2.4rem;
    width: 2.4rem;
    border-radius: 100%;
    border: solid 1px #c0dedd;
    background-color: #f0fbfb;
}

.course-main-container .dates-to-remember .content-container .item-wrapper:not(:last-child) {
    border-left: solid 1px #c0dedd;
}

.course-main-container .other-programs {
    background-color: #027878;
}

.course-main-container .other-programs .heading {
    padding: 8rem;
}

.course-main-container .other-programs .heading .main-title {
    font-size: 10.66667rem;
    margin-bottom: 10.66667rem;
    -webkit-text-stroke: 0.8px #ffffff;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: transparent;
}

.course-main-container .other-programs .heading .cta-button {
    margin-bottom: 2.66667rem;
}

.course-main-container .other-programs .ug-degrees-info-carousel .item {
    height: 100%;
    height: 70.66667rem;
}

.course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-letters {
    padding: 7.2rem 8.8rem 0;
    text-align: center;
}

.course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-letters .ug-info-heading-text {
    font-size: 3.2rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-card-dp {
    bottom: 0;
    position: relative;
}

.course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-card-dp::after {
    content: "";
    position: absolute;
    top: 11.71875rem;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-image: linear-gradient(to bottom, rgba(1, 89, 89, 0) 7%, rgba(1, 89, 89, 0.76) 61%, #015959);
}

.course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-card-dp .ug-info-card-dp-image {
    max-width: 100%;
    object-fit: contain;
    object-position: bottom;
}

.course-main-container .up-next {
    padding: 8rem 8rem 21.33333rem 8rem;
}

.course-main-container .up-next .content-wrapper .sub-title {
    font-size: 4.26667rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    margin-bottom: 4rem;
    display: block;
}

.course-main-container .up-next .content-wrapper .title-wrapper {
    align-items: flex-start;
    flex-direction: column;
}

.course-main-container .up-next .content-wrapper .title-wrapper .title {
    -webkit-text-stroke: 1px #017a7b;
    font-size: 10.66667rem;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.93;
    letter-spacing: normal;
    text-align: left;
    color: transparent;
}

.course-main-container .up-next .content-wrapper .title-wrapper .cta-button {
    margin-top: 9.33333rem;
}

.course-main-container .up-next.yts,
.course-main-container .up-next.pg {
    background-image: linear-gradient(105deg, #00797b 7%, #005077 86%);
}

.course-main-container .up-next.yts .content-wrapper .sub-title,
.course-main-container .up-next.pg .content-wrapper .sub-title {
    color: #ffffff;
}

.course-main-container .up-next.yts .content-wrapper .title-wrapper .title,
.course-main-container .up-next.pg .content-wrapper .title-wrapper .title {
    -webkit-text-stroke: 1px #ffffff;
}

.course-main-container .overview-band {
    position: fixed;
    z-index: 99;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
}

.course-main-container .overview-band .band-wrapper {
    flex-wrap: nowrap;
    width: 100%;
    overflow: auto;
}

.course-main-container .overview-band .band-wrapper .band-item {
    min-width: 42.66667rem;
}

.course-main-container .overview-band .band-wrapper .band-item:not(:last-child) {
    margin-right: 6px;
}

.course-main-container .overview-band .band-wrapper .band-item .item-title {
    opacity: 0.6;
    font-size: 3.73333rem;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
    padding: 2.66667rem 5.33333rem;
    margin: 0;
}

.course-main-container .overview-band .band-wrapper .band-item .item-title.open-link {
    white-space: nowrap;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.course-main-container .overview-band .band-wrapper .band-item .item-title.open-link::after {
    content: "";
    background: url("../assets/open-link.svg") center/contain no-repeat;
    display: block;
    margin-left: 6.2px;
    height: 7.2px;
    width: 7.2px;
}

.course-main-container .overview-band .band-wrapper .band-item .progress-container {
    width: 100%;
    height: 6px;
    background: #eaeaea;
}

.course-main-container .overview-band .band-wrapper .band-item .progress-container .progress-bar {
    height: 6px;
    background-image: linear-gradient(119deg, #86d694 6%, #2db0a6 115%);
    width: 0%;
}

.course-main-container .overview-band .band-wrapper .band-item.active .item-title {
    font-weight: bold;
    color: #015959;
    opacity: 1;
}

.course-main-container .cta-button {
    outline: none;
    padding: 2.93333rem 3.2rem;
    font-size: 3.2rem;
    border: solid 1px #017a7b;
    border-radius: 5px;
    text-transform: uppercase;
    background-color: #ffffff;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0px;
    color: #000000;
    white-space: nowrap;
}

.course-main-container .cta-button::after {
    content: "";
    background-image: url("../assets/rightArrowBlack.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: 6px;
    height: 12px;
    margin-left: 14px;
}

@media only screen and (min-width: 768px) {
    .course-main-container .ug-landing {
        padding: 23.82812rem 5.20833rem 0;
        flex-direction: row;
    }

    .course-main-container .ug-landing .content-wrapper {
        padding: 0;
        background-color: transparent;
        max-width: 55%;
        padding-bottom: 13.54167rem;
    }

    .course-main-container .ug-landing .content-wrapper .sub-title {
        font-size: 2.08333rem;
        margin-bottom: 1.30208rem;
    }

    .course-main-container .ug-landing .content-wrapper .title {
        font-size: 3.90625rem;
        margin-bottom: 1.82292rem;
    }

    .course-main-container .ug-landing .content-wrapper .desc {
        font-size: 1.82292rem;
        margin-bottom: 2.60417rem;
    }

    .course-main-container .ug-landing .content-wrapper .sub-desc {
        font-size: 2.34375rem;
    }

    .course-main-container .ug-landing .img-wrapper {
        max-width: 45%;
        padding: 0;
    }

    .course-main-container .ug-landing.yts .content-wrapper .sub-title,
    .course-main-container .ug-landing.yts .content-wrapper .title,
    .course-main-container .ug-landing.yts .content-wrapper .desc,
    .course-main-container .ug-landing.yts .content-wrapper .sub-desc {
        color: #ffffff;
        opacity: 1;
    }

    .course-main-container .child-carousel {
        padding: 6.11979rem 5.20833rem 10.28646rem;
    }

    .course-main-container .child-carousel .section-heading {
        padding-bottom: 3.64583rem;
        font-size: 6.51042rem;
    }

    .course-main-container .child-carousel .carousel .carousel-indicators {
        bottom: -7.16146rem;
    }

    .course-main-container .child-carousel .carousel .carousel-indicators li {
        width: 0.78125rem;
        height: 0.78125rem;
        margin: 0 0.78125rem;
    }

    .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv {
        flex-direction: row-reverse;
    }

    .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment {
        width: 43.22917rem;
    }

    .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper {
        max-width: 32.55208rem;
        margin: 3.90625rem;
    }

    .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .title {
        font-size: 2.60417rem;
        margin-bottom: 1.82292rem;
    }

    .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .child-carousel-text {
        font-size: 1.82292rem;
    }

    .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-logo {
        width: 45.83333rem;
        min-height: 36.97917rem;
    }

    .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-logo .child-carousel-logo-img {
        margin: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .course-main-container .pillar-section .main-heading {
        position: absolute;
        font-size: 6.51042rem;
        /* left: 2.60417rem; */
        left: 1.60417rem;
        top: 3.90625rem;
        margin: 0;
    }

    .course-main-container .pillar-section .scrollable-container .item {
        height: 100%;
        padding: 15.625rem 2.60417rem 4.55729rem;
        border-right: solid 1px rgba(52, 146, 146, 0.3);
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-image {
        height: 15.625rem;
        width: 27.39062rem;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-details {
        margin-top: 1.95312rem;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-details .tile-title {
        font-size: 1.82292rem;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-details .content {
        font-size: 1.82292rem;
        margin-top: 1.30208rem;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.orange-card,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.red-card,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.green-card {
        padding: 0 1.30208rem 1.95312rem;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.orange-card .tile-image img,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.red-card .tile-image img,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.green-card .tile-image img {
        bottom: -4px;
        left: -1.95312rem;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-circle .tile-image img,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-square .tile-image img,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-triangle .tile-image img,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-image img,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-image img,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-image img {
        bottom: -4px;
        left: -4px;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-circle .tile-details .icon-wrapper,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-square .tile-details .icon-wrapper,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-triangle .tile-details .icon-wrapper,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-details .icon-wrapper,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper {
        margin-bottom: 1.43229rem;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-circle .tile-details .icon-wrapper .icon {
        width: 17px;
        height: 17px;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-square .tile-details .icon-wrapper .icon {
        width: 17px;
        height: 17px;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-triangle .tile-details .icon-wrapper .icon {
        width: 17px;
        height: 17px;
        border-bottom: 17px solid #a9d382;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper {
        margin-bottom: 2.34375rem;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper .icon {
        border-width: 0 4.5px 7px 4.5px;
        width: 9px;
        margin: 6px 0 7px 0;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper .icon:after {
        top: 7px;
        left: -4px;
        border-width: 9px 9px 0 9px;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-details .icon-wrapper .icon {
        border: 8.5px solid transparent;
        border-bottom-color: #005077;
        top: -8.5px;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-details .icon-wrapper .icon:after {
        left: -8.5px;
        top: 8.5px;
        border: 8.5px solid transparent;
        border-top-color: #005077;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper {
        margin-top: 2.86458rem;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper .icon {
        width: 9px;
        border-width: 8.5px 4px 0;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper .icon::before {
        top: -17px;
        left: -4px;
        border-width: 0 8.5px 8.5px;
    }

    .course-main-container .pillar-section .scrollable-container .owl-nav {
        right: 4.03646rem;
    }

    .course-main-container .pillar-section .scrollable-container .owl-nav .owl-next img {
        width: 17px;
        height: 37px;
    }

    .course-main-container .bar-component {
        position: relative;
        height: 92.1875rem;
        display: flex;
        align-items: flex-end;
        padding: 0 5.20833rem;
    }

    .course-main-container .bar-component .title-container {
        position: absolute;
        top: 7.8125rem;
        left: 5.20833rem;
        padding: 0;
    }

    .course-main-container .bar-component .title-container .title {
        font-size: 6.51042rem;
        margin-bottom: 2.60417rem;
    }

    .course-main-container .bar-component .title-container .sub-title {
        font-size: 1.82292rem;
    }

    .course-main-container .bar-component .bar-container {
        width: 100%;
    }

    .course-main-container .bar-component .bar-container .bar-item {
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-top: 0;
        padding: 5.20833rem 1.69271rem 4.55729rem 1.69271rem;
        width: 25%;
    }

    .course-main-container .bar-component .bar-container .bar-item .bar-title {
        font-size: 1.82292rem;
        color: #ffffff;
    }

    .course-main-container .bar-component .bar-container .bar-item .bar-title::after {
        display: none;
    }

    .course-main-container .bar-component .bar-container .bar-item .bar-sub-title {
        margin-top: 1.04167rem;
        font-size: 1.82292rem;
        color: #ffffff;
    }

    .course-main-container .bar-component .bar-container .bar-item .bar-desc {
        font-size: 1.82292rem;
        margin-top: 2.34375rem;
        color: #ffffff;
    }

    .course-main-container .bar-component .bar-container .bar-item::after {
        background-image: url("../assets/top-arrow-white.svg");
        top: 15px;
        right: 50%;
        transform: translateX(50%);
    }

    .course-main-container .bar-component .bar-container .bar-item.feijoa {
        background-color: #add484;
        height: 16.01562rem;
    }

    .course-main-container .bar-component .bar-container .bar-item.somegreen {
        background-color: #77c58c;
        height: 19.92188rem;
    }

    .course-main-container .bar-component .bar-container .bar-item.tradewind {
        background-color: #4cb69e;
        height: 23.82812rem;
    }

    .course-main-container .bar-component .bar-container .bar-item.somewhatCyan {
        background-color: #047171;
        height: 27.73438rem;
    }

    .course-main-container .bar-component .bar-container .bar-item:hover {
        height: 62.5rem;
    }

    .course-main-container .bar-component .bar-container .bar-item:hover::after {
        top: 15px;
    }

    .course-main-container .tabs-video {
        padding: 5.20833rem;
    }

    .course-main-container .tabs-video .root-container .controller-wrapper {
        width: 100%;
    }

    .course-main-container .tabs-video .root-container .controller-wrapper .title {
        font-size: 6.51042rem;
        margin: 0;
    }

    .course-main-container .tabs-video .root-container .controller-wrapper .sub-title {
        font-size: 2.08333rem;
        margin: 3.25521rem 0;
    }

    .course-main-container .tabs-video .root-container .controller-wrapper .links-container {
        padding: 0;
    }

    .course-main-container .tabs-video .root-container .controller-wrapper .links-container .links {
        font-size: 2.34375rem;
        padding: 0 5.46875rem 1.95312rem 0;
    }

    .course-main-container .tabs-video .root-container .controller-wrapper .links-container .links::before {
        margin-right: 2.08333rem;
    }

    .course-main-container .tabs-video .root-container .content-wrapper {
        width: 100%;
    }

    .course-main-container .tabs-video .root-container .content-wrapper .image-wrapper {
        width: 44.01042rem;
        height: 29.81771rem;
    }

    .course-main-container .tabs-video .root-container .content-wrapper .image-wrapper .content-image {
        bottom: -9px;
        left: -6px;
    }

    .course-main-container .tabs-video .root-container .content-wrapper .content-data {
        font-size: 2.08333rem;
        margin-top: 3.64583rem;
        padding: 0;
    }

    .course-main-container .wog-carousel .owl-stage .item {
        padding: 4.55729rem;
    }

    .course-main-container .wog-carousel .owl-stage .item .item-number {
        font-size: 3.25521rem;
        margin-bottom: 0.78125rem;
    }

    .course-main-container .wog-carousel .owl-stage .item .item-details {
        font-size: 1.82292rem;
    }

    .course-main-container .video-carouel {
        padding: 5.20833rem 0;
    }

    .course-main-container .video-carouel .main-data {
        padding: 0 5.07812rem 0 7.42188rem;
    }

    .course-main-container .video-carouel .main-data .video-container {
        margin-bottom: 4.6875rem;
    }

    .course-main-container .video-carouel .main-data .video-container video {
        top: 1.69271rem;
        right: 2.21354rem;
    }

    .course-main-container .video-carouel .main-data .video-container .video-play {
        width: 8.59375rem;
        height: 8.59375rem;
    }

    .course-main-container .video-carouel .main-data .content-wrapper .title {
        font-size: 3.90625rem;
        margin-bottom: 2.60417rem;
    }

    .course-main-container .video-carouel .main-data .content-wrapper .sub-title {
        font-size: 1.82292rem;
        margin-bottom: 5.33854rem;
    }

    .course-main-container .video-carouel .navigation-carousel {
        position: relative;
    }

    .course-main-container .video-carouel .navigation-carousel .item .video-wrapper .video-play {
        width: 4.55729rem;
        height: 4.55729rem;
    }

    .course-main-container .video-carouel .navigation-carousel .owl-nav {
        position: absolute;
        right: 4.55729rem;
        top: 50%;
        transform: translateY(-50%);
        margin: 0;
    }

    .course-main-container .video-carouel .navigation-carousel .owl-nav .owl-prev {
        display: none;
    }

    .course-main-container .video-carouel .navigation-carousel .owl-nav .owl-next {
        margin: 0;
        width: 4.42708rem;
        height: 9.375rem;
        outline: 0;
    }

    .course-main-container .video-carouel .navigation-carousel .owl-nav .owl-next img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center;
    }

    .course-main-container .recruiters-feedback {
        padding-bottom: 7.8125rem;
    }

    .course-main-container .recruiters-feedback .heading-text .recruiters-feedback-heading {
        font-size: 6.51042rem;
        padding: 5.72917rem 7.29167rem 1.69271rem 7.29167rem;
    }

    .course-main-container .recruiters-feedback .heading-text>div {
        padding: 0 7.29167rem 2.47396rem 7.29167rem;
        flex-direction: row;
    }

    .course-main-container .recruiters-feedback .heading-text>div .recruiters-feedback-summary {
        margin-bottom: 0;
        font-size: 1.82292rem;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters {
        width: 85.54688rem;
        margin-left: 7.16146rem;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators {
        bottom: -5.20833rem;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators li {
        border-radius: 100%;
        width: 0.91146rem;
        height: 0.91146rem;
        margin-right: 1.04167rem;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv {
        display: flex;
        flex-direction: row;
        align-items: unset;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment {
        width: 52.99479rem;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper {
        width: 47.26562rem;
        margin: 2.60417rem 2.86458rem 0 2.86458rem;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .apostrophe {
        width: 4.55729rem;
        height: 3.38542rem;
        margin-bottom: 2.73438rem;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-comment-text {
        font-size: 1.82292rem;
        margin-bottom: 1.5625rem;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-name {
        font-size: 1.82292rem;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .comment-timeframe {
        font-size: 1.82292rem;
        padding-bottom: 1.95312rem;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-logo {
        width: 32.55208rem;
    }

    .course-main-container .recruiters-feedback .view-button {
        font-size: 1.95312rem;
        padding: 1.95312rem 2.60417rem;
    }

    .course-main-container .recruiters-feedback .view-button::after {
        width: 8px;
        height: 15px;
        margin-left: 20px;
    }

    .course-main-container .recruiters-feedback .apply-button {
        font-size: 1.95312rem;
        padding: 1.95312rem 2.60417rem;
    }

    .course-main-container .recruiters-feedback .apply-button::after {
        width: 8px;
        height: 15px;
        margin-left: 20px;
    }

    .course-main-container #sec-accordian .section-main {
        padding: 5.20833rem 1.95312rem 5.20833rem 5.20833rem;
    }

    .course-main-container #sec-accordian .section-main .categories-header {
        font-size: 6.51042rem;
        padding: 0;
    }

    .course-main-container #sec-accordian .section-main .accordion-content {
        margin-top: 3.125rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .categories-sidemenu {
        padding-left: 0;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points li {
        font-size: 2.34375rem;
        padding: 2.08333rem 2.21354rem 2.08333rem 3.51562rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points li.active::before {
        margin-left: -25px;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion {
        margin-top: 1.69271rem;
        max-height: 57.16146rem;
        padding-right: 2.99479rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion .card {
        padding: 0;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header {
        font-size: 2.34375rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header .accordion-icon {
        height: 1.95312rem;
        width: 1.95312rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header .accordion-icon.collapsed {
        height: 2.34375rem;
        width: 2.34375rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body {
        margin-top: 0.91146rem;
        font-size: 1.82292rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container {
        margin-bottom: 1.30208rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper {
        height: 3.90625rem;
        width: 3.90625rem;
        margin-right: 1.69271rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper .icon {
        height: 1.95312rem;
        width: 1.95312rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper .text {
        font-size: 1.5625rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper:hover {
        width: 26.04167rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion hr {
        margin: 3.90625rem 0;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .tnc {
        font-size: 1.5625rem;
        padding: 0;
    }

    .course-main-container .wog-roles-div {
        display: flex;
        flex-direction: row;
        padding-bottom: 0;
    }

    .course-main-container .wog-roles-div .side-panel-roles {
        height: auto;
        min-width: 48.17708rem;
        max-width: 48.17708rem;
        padding: 10.54688rem 7.03125rem 0 5.98958rem;
    }

    .course-main-container .wog-roles-div .side-panel-roles .side-panel-roles-heading {
        font-size: 8.98438rem;
    }

    .course-main-container .wog-roles-div .description-list-panel {
        padding: 9.89583rem 0 8.72396rem 2.60417rem;
    }

    .course-main-container .wog-roles-div .description-list-panel .description-list-panel-heading {
        padding-bottom: 9.11458rem;
        max-width: 36.71875rem;
    }

    .course-main-container .wog-roles-div .description-list-panel .description-list-panel-heading .description-list-panel-heading-text {
        font-size: 3.90625rem;
    }

    .course-main-container .wog-roles-div .description-list-panel .description-list-panel-summary {
        padding-bottom: 2.60417rem;
    }

    .course-main-container .wog-roles-div .description-list-panel .description-list-panel-summary .description-list-panel-summary-text {
        font-size: 1.82292rem;
    }

    .course-main-container .wog-roles-div .social-links-container {
        top: 9.89583rem;
    }

    .course-main-container .wog-roles-div .social-links-container ul li {
        margin: 1.95312rem;
    }

    .course-main-container .wog-roles-div .social-links-container ul li img {
        width: 2.34375rem;
        height: 2.34375rem;
    }

    .course-main-container .ask-us-here {
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 4.03646rem 5.20833rem 4.03646rem 5.20833rem;
    }

    .course-main-container .ask-us-here .ask-us-here-phrase {
        font-size: 1.82292rem;
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
    }

    .course-main-container .ask-us-here .ask-us-here-button {
        padding: 1.95312rem 2.60417rem;
        font-size: 12px;
    }

    .course-main-container .ask-us-here .ask-us-here-button::after {
        height: 1.95312rem;
        width: 1.04167rem;
        margin-left: 2.60417rem;
    }

    .course-main-container .dates-to-remember {
        padding: 5.72917rem 5.20833rem 0 5.20833rem;
    }

    .course-main-container .dates-to-remember .title-container .calendar-icon {
        height: 3.64583rem;
        width: 3.25521rem;
        margin-bottom: 0.78125rem;
    }

    .course-main-container .dates-to-remember .title-container .main-title {
        font-size: 2.99479rem;
        margin-bottom: 3.64583rem;
    }

    .course-main-container .dates-to-remember .content-container {
        padding: 4.55729rem 0 4.55729rem 3.25521rem;
        background-color: #ffffff;
    }

    .course-main-container .dates-to-remember .content-container .item-wrapper {
        padding: 0 0 1.82292rem 0;
    }

    .course-main-container .dates-to-remember .content-container .item-wrapper .date {
        font-size: 1.5625rem;
    }

    .course-main-container .dates-to-remember .content-container .item-wrapper .item-title {
        font-size: 1.5625rem;
        white-space: nowrap;
    }

    .course-main-container .dates-to-remember .content-container .item-wrapper::before {
        top: unset;
        bottom: 0;
        transform: translate(0, 50%);
        height: 1.17188rem;
        width: 1.17188rem;
        border: unset;
        background-color: transparent;
        background-image: linear-gradient(to bottom, #add484, #00a0b4);
    }

    .course-main-container .dates-to-remember .content-container .item-wrapper:not(:last-child) {
        border-left: unset;
        border-bottom: solid 1px #c0dedd;
    }

    .course-main-container .other-programs .heading {
        padding: 3.51562rem 5.85938rem 3.51562rem 3.90625rem;
        max-width: 30%;
    }

    .course-main-container .other-programs .heading .main-title {
        font-size: 3.90625rem;
        margin-bottom: 2.86458rem;
    }

    .course-main-container .other-programs .heading .cta-button {
        margin-bottom: 0;
    }

    .course-main-container .other-programs .ug-degrees-info-carousel {
        max-width: 70%;
    }

    .course-main-container .other-programs .ug-degrees-info-carousel .item {
        height: 33.20312rem;
    }

    .course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-letters {
        padding: 2.21354rem 2.34375rem 0 2.34375rem;
    }

    .course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-letters .ug-info-heading-text {
        font-size: 1.30208rem;
    }

    .course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-card-dp {
        max-width: unset;
    }

    .course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-card-dp .ug-info-card-dp-image {
        height: 23.4375rem;
        margin-top: 0;
    }

    .course-main-container .up-next {
        padding: 4.81771rem 7.29167rem 7.8125rem 7.29167rem;
    }

    .course-main-container .up-next .content-wrapper .sub-title {
        font-size: 1.5625rem;
        margin-bottom: 1.95312rem;
    }

    .course-main-container .up-next .content-wrapper .title-wrapper {
        align-items: center;
        flex-direction: row;
    }

    .course-main-container .up-next .content-wrapper .title-wrapper .title {
        font-size: 6.51042rem;
    }

    .course-main-container .up-next .content-wrapper .title-wrapper .cta-button {
        margin-left: 5.20833rem;
        margin-top: 0;
    }

    .course-main-container .overview-band .band-wrapper .band-item {
        min-width: unset;
    }

    .course-main-container .overview-band .band-wrapper .band-item:not(:last-child) {
        margin-right: 1.2px;
    }

    .course-main-container .overview-band .band-wrapper .band-item .item-title {
        font-size: 1.30208rem;
        padding: 0.65104rem 1.30208rem;
    }

    .course-main-container .overview-band .band-wrapper .band-item .item-title.open-link::after {
        margin-left: 4px;
        height: 8px;
        width: 8px;
    }

    .course-main-container .overview-band .band-wrapper .band-item .progress-container {
        height: 4.8px;
    }

    .course-main-container .overview-band .band-wrapper .band-item .progress-container .progress-bar {
        height: 4.8px;
    }

    .course-main-container .cta-button {
        padding: 1.95312rem 2.60417rem;
        font-size: 1.5625rem;
    }

    .course-main-container .cta-button::after {
        width: 8px;
        height: 15px;
        margin-left: 20px;
    }
}

@media only screen and (min-width: 992px) {
    .course-main-container .ug-landing {
        padding: 18.85081rem 5.04032rem 0;
    }

    .course-main-container .ug-landing .content-wrapper {
        padding-bottom: 9.07258rem;
    }

    .course-main-container .ug-landing .content-wrapper .sub-title {
        font-size: 1.81452rem;
        margin-bottom: 1.71371rem;
    }

    .course-main-container .ug-landing .content-wrapper .title {
        font-size: 4.23387rem;
        margin-bottom: 1.31048rem;
    }

    .course-main-container .ug-landing .content-wrapper .desc {
        font-size: 1.6129rem;
        margin-bottom: 2.01613rem;
    }

    .course-main-container .ug-landing .content-wrapper .sub-desc {
        font-size: 2.01613rem;
    }

    .course-main-container .child-carousel {
        padding: 7.15726rem 5.04032rem 7.7621rem;
    }

    .course-main-container .child-carousel .section-heading {
        padding-bottom: 4.33468rem;
        font-size: 6.04839rem;
    }

    .course-main-container .child-carousel .carousel .carousel-indicators {
        bottom: -6.55242rem;
    }

    .course-main-container .child-carousel .carousel .carousel-indicators li {
        width: 0.80645rem;
        height: 0.80645rem;
        margin: 0 0.75605rem;
    }

    .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment {
        width: 44.55645rem;
    }

    .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper {
        max-width: 33.46774rem;
        margin: 4.23387rem;
    }

    .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .title {
        font-size: 2.21774rem;
        margin-bottom: 1.6129rem;
    }

    .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .child-carousel-text {
        font-size: 1.6129rem;
    }

    .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-logo {
        width: 45.3629rem;
        min-height: 37.29839rem;
    }

    .course-main-container .pillar-section .main-heading {
        font-size: 7.05645rem;
        /* left: 3.02419rem; */
        left: 2.02419rem;
        top: 5.74597rem;
    }

    .course-main-container .pillar-section .scrollable-container .item {
        padding: 19.15323rem 3.02419rem 5.04032rem;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-image {
        height: 15.625rem;
        width: 26.49597rem;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-details {
        margin-top: 2.52016rem;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-details .tile-title {
        font-size: 1.6129rem;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-details .content {
        font-size: 1.6129rem;
        margin-top: 1.20968rem;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.orange-card,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.red-card,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.green-card {
        padding: 0 1.5121rem 1.5121rem;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.orange-card .tile-image img,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.red-card .tile-image img,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.green-card .tile-image img {
        bottom: -5px;
        left: -2.01613rem;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-circle .tile-image img,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-square .tile-image img,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-triangle .tile-image img,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-image img,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-image img,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-image img {
        bottom: -5px;
        left: -5px;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-circle .tile-details .icon-wrapper,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-square .tile-details .icon-wrapper,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-triangle .tile-details .icon-wrapper,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-details .icon-wrapper,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper {
        margin-bottom: 1.6129rem;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-circle .tile-details .icon-wrapper .icon {
        width: 22px;
        height: 22px;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-square .tile-details .icon-wrapper .icon {
        width: 22px;
        height: 22px;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-triangle .tile-details .icon-wrapper .icon {
        width: 22px;
        height: 22px;
        border-bottom: 22px solid #a9d382;
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper {
        margin-bottom: 3.02419rem;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper .icon {
        border-width: 0 6px 7px 5px;
        width: 11px;
        margin: 8px 0 10px 0;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper .icon:after {
        top: 7px;
        left: -5px;
        border-width: 14px 11px 0 11px;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-details .icon-wrapper .icon {
        border: 11px solid transparent;
        border-bottom-color: #005077;
        top: -11px;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-details .icon-wrapper .icon:after {
        left: -11px;
        top: 11px;
        border: 11px solid transparent;
        border-top-color: #005077;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper {
        margin-top: 3.02419rem;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper .icon {
        width: 11px;
        border-width: 10.5px 5px 0;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper .icon::before {
        top: -20px;
        left: -5px;
        border-width: 0 10.5px 10px;
    }

    .course-main-container .pillar-section .scrollable-container .owl-nav {
        right: 5.04032rem;
    }

    .course-main-container .pillar-section .scrollable-container .owl-nav .owl-next img {
        width: 22px;
        /* margin-right: -0.6rem; */
        height: 48px;
    }

    .course-main-container .bar-component {
        height: 71.27016rem;
        padding: 0 8.06452rem;
    }

    .course-main-container .bar-component .title-container {
        top: 6.04839rem;
        left: 8.06452rem;
    }

    .course-main-container .bar-component .title-container .title {
        font-size: 7.05645rem;
        margin-bottom: 2.01613rem;
    }

    .course-main-container .bar-component .title-container .sub-title {
        font-size: 1.6129rem;
    }

    .course-main-container .bar-component .bar-container .bar-item {
        padding: 5.04032rem 2.01613rem 2.31855rem 2.01613rem;
    }

    .course-main-container .bar-component .bar-container .bar-item .bar-title {
        font-size: 1.6129rem;
    }

    .course-main-container .bar-component .bar-container .bar-item .bar-sub-title {
        margin-top: 0.60484rem;
        font-size: 1.41129rem;
    }

    .course-main-container .bar-component .bar-container .bar-item .bar-desc {
        font-size: 1.41129rem;
        margin-top: 1.91532rem;
    }

    .course-main-container .bar-component .bar-container .bar-item::after {
        top: 14px;
    }

    .course-main-container .bar-component .bar-container .bar-item.feijoa {
        height: 12.09677rem;
    }

    .course-main-container .bar-component .bar-container .bar-item.somegreen {
        height: 15.92742rem;
    }

    .course-main-container .bar-component .bar-container .bar-item.tradewind {
        height: 19.75806rem;
    }

    .course-main-container .bar-component .bar-container .bar-item.somewhatCyan {
        height: 23.58871rem;
    }

    .course-main-container .bar-component .bar-container .bar-item:hover {
        height: 45.46371rem;
    }

    .course-main-container .bar-component .bar-container .bar-item:hover::after {
        top: 14px;
    }

    .course-main-container .tabs-video {
        padding: 4.53629rem;
    }

    .course-main-container .tabs-video .root-container .controller-wrapper {
        width: 55%;
    }

    .course-main-container .tabs-video .root-container .controller-wrapper .title {
        font-size: 7.05645rem;
    }

    .course-main-container .tabs-video .root-container .controller-wrapper .sub-title {
        font-size: 1.6129rem;
        margin: 3.02419rem 0 5.04032rem;
        max-width: 80%;
    }

    .course-main-container .tabs-video .root-container .controller-wrapper .links-container {
        display: block;
        max-width: 80%;
    }

    .course-main-container .tabs-video .root-container .controller-wrapper .links-container .links {
        font-size: 1.81452rem;
        padding: 1.5121rem 0;
    }

    .course-main-container .tabs-video .root-container .controller-wrapper .links-container .links::before {
        margin-right: 1.6129rem;
    }

    .course-main-container .tabs-video .root-container .content-wrapper {
        width: 45%;
    }

    .course-main-container .tabs-video .root-container .content-wrapper .image-wrapper {
        width: 37.19758rem;
        height: 24.79839rem;
    }

    .course-main-container .tabs-video .root-container .content-wrapper .image-wrapper .content-image {
        bottom: -5px;
        left: -6px;
    }

    .course-main-container .tabs-video .root-container .content-wrapper .content-data {
        font-size: 1.6129rem;
        margin-top: 2.52016rem;
        max-width: 36.29032rem;
    }

    .course-main-container .wog-carousel .owl-stage .item {
        padding: 3.62903rem 3.02419rem;
    }

    .course-main-container .wog-carousel .owl-stage .item .item-number {
        font-size: 2.72177rem;
        margin-bottom: 0.60484rem;
    }

    .course-main-container .wog-carousel .owl-stage .item .item-details {
        font-size: 1.6129rem;
    }

    .course-main-container .video-carouel {
        padding: 4.53629rem 0;
    }

    .course-main-container .video-carouel .main-data {
        padding: 0 8.26613rem 0 9.77823rem;
    }

    .course-main-container .video-carouel .main-data .video-container {
        margin-bottom: 4.7379rem;
    }

    .course-main-container .video-carouel .main-data .video-container video {
        top: 1.20968rem;
        right: 1.6129rem;
    }

    .course-main-container .video-carouel .main-data .video-container .video-play {
        width: 8.06452rem;
        height: 8.06452rem;
    }

    .course-main-container .video-carouel .main-data .content-wrapper .title {
        font-size: 4.03226rem;
        margin-bottom: 2.01613rem;
    }

    .course-main-container .video-carouel .main-data .content-wrapper .sub-title {
        font-size: 1.6129rem;
        margin-bottom: 2.11694rem;
    }

    .course-main-container .video-carouel .navigation-carousel .item .video-wrapper .video-play {
        width: 4.53629rem;
        height: 4.53629rem;
    }

    .course-main-container .video-carouel .navigation-carousel .owl-nav {
        right: 6.25rem;
    }

    .course-main-container .video-carouel .navigation-carousel .owl-nav .owl-next {
        width: 4.33468rem;
        height: 9.17339rem;
    }

    .course-main-container .recruiters-feedback {
        padding-bottom: 7.56048rem;
    }

    .course-main-container .recruiters-feedback .heading-text .recruiters-feedback-heading {
        font-size: 5.04032rem;
        padding: 5.24194rem 8.16532rem 1.6129rem 8.16532rem;
    }

    .course-main-container .recruiters-feedback .heading-text>div {
        padding: 0 8.16532rem 3.02419rem 8.16532rem;
    }

    .course-main-container .recruiters-feedback .heading-text>div .recruiters-feedback-summary {
        font-size: 1.6129rem;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters {
        width: 85.48387rem;
        margin-left: 7.15726rem;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators {
        bottom: -4.13306rem;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators li {
        border-radius: 100%;
        width: 1.00806rem;
        height: 1.00806rem;
        margin-right: 1.00806rem;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv {
        display: flex;
        flex-direction: row;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment {
        width: 53.02419rem;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper {
        width: 46.97581rem;
        margin: 3.125rem 3.02419rem 0 3.02419rem;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .apostrophe {
        width: 4.6371rem;
        height: 3.42742rem;
        margin-bottom: 2.11694rem;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-comment-text {
        font-size: 1.6129rem;
        margin-bottom: 2.01613rem;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-name {
        font-size: 1.6129rem;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .comment-timeframe {
        font-size: 1.6129rem;
        padding-bottom: 1.6129rem;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-logo {
        width: 32.45968rem;
    }

    .course-main-container .recruiters-feedback .view-button {
        padding: 1.81452rem 3.02419rem;
        font-size: 1.5121rem;
    }

    .course-main-container .recruiters-feedback .apply-button {
        padding: 1.81452rem 3.02419rem;
        font-size: 1.5121rem;
    }

    .course-main-container #sec-accordian .section-main {
        padding: 6.04839rem 2.62097rem 2.82258rem 5.04032rem;
    }

    .course-main-container #sec-accordian .section-main .categories-header {
        font-size: 7.05645rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content {
        margin-top: 24px;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points {
        overflow-x: hidden;
        white-space: normal;
        display: block;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points li {
        padding: 1.6129rem 2.52016rem;
        font-size: 1.81452rem;
        display: flex;
        align-items: center;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion {
        max-height: 44.25403rem;
        padding-right: 3.22581rem;
        margin-top: 0;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body {
        margin-top: 1.27016rem;
        font-size: 1.6129rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container {
        margin-bottom: 2.21774rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper {
        height: 3.02419rem;
        width: 3.02419rem;
        margin-right: 1.31048rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper .icon {
        height: 1.5121rem;
        width: 1.5121rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper .text {
        font-size: 1.20968rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper:hover {
        width: 20.16129rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header {
        font-size: 2.01613rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header .accordion-icon {
        height: 1.71371rem;
        width: 1.71371rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header .accordion-icon.collapsed {
        height: 2.21774rem;
        width: 2.21774rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion hr {
        margin: 4.03226rem 0;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .tnc {
        font-size: 1.41129rem;
    }

    .course-main-container .wog-roles-div .side-panel-roles {
        height: auto;
        padding: 6.04839rem 8.06452rem 0 8.06452rem;
        min-width: 46.27016rem;
        max-width: 46.27016rem;
    }

    .course-main-container .wog-roles-div .side-panel-roles .side-panel-roles-heading {
        font-size: 7.05645rem;
    }

    .course-main-container .wog-roles-div .description-list-panel {
        padding: 9.97984rem 7.35887rem 17.64113rem 4.33468rem;
    }

    .course-main-container .wog-roles-div .description-list-panel .description-list-panel-heading {
        padding-bottom: 3.02419rem;
    }

    .course-main-container .wog-roles-div .description-list-panel .description-list-panel-heading .description-list-panel-heading-text {
        font-size: 2.82258rem;
    }

    .course-main-container .wog-roles-div .description-list-panel .description-list-panel-summary {
        padding-bottom: 2.01613rem;
    }

    .course-main-container .wog-roles-div .description-list-panel .description-list-panel-summary .description-list-panel-summary-text {
        font-size: 1.6129rem;
    }

    .course-main-container .wog-roles-div .social-links-container {
        top: 9.97984rem;
    }

    .course-main-container .wog-roles-div .social-links-container ul li {
        margin: 1.5121rem;
    }

    .course-main-container .wog-roles-div .social-links-container ul li img {
        width: 2.21774rem;
        height: 2.21774rem;
    }

    .course-main-container .ask-us-here {
        display: flex;
        flex-direction: row;
        padding: 4.33468rem 8.46774rem 4.33468rem 8.46774rem;
    }

    .course-main-container .ask-us-here .ask-us-here-phrase {
        font-size: 1.41129rem;
        display: flex;
        flex-direction: row;
        margin-bottom: 0;
    }

    .course-main-container .ask-us-here .ask-us-here-button {
        padding: 1.81452rem 3.02419rem;
        font-size: 1.5121rem;
    }

    .course-main-container .ask-us-here .ask-us-here-button::after {
        height: 1.5121rem;
        width: 0.80645rem;
        margin-left: 2.01613rem;
    }

    .course-main-container .dates-to-remember {
        padding: 5.54435rem 8.06452rem 0 8.06452rem;
    }

    .course-main-container .dates-to-remember .title-container .calendar-icon {
        height: 3.52823rem;
        width: 3.22581rem;
        margin-bottom: 0.70565rem;
    }

    .course-main-container .dates-to-remember .title-container .main-title {
        font-size: 3.125rem;
        margin-bottom: 2.31855rem;
    }

    .course-main-container .dates-to-remember .content-container {
        padding: 4.53629rem 0 4.53629rem 3.52823rem;
    }

    .course-main-container .dates-to-remember .content-container .item-wrapper {
        padding: 0 0 1.6129rem 0;
    }

    .course-main-container .dates-to-remember .content-container .item-wrapper .date {
        font-size: 1.20968rem;
    }

    .course-main-container .dates-to-remember .content-container .item-wrapper .item-title {
        font-size: 1.20968rem;
    }

    .course-main-container .dates-to-remember .content-container .item-wrapper::before {
        height: 1.00806rem;
        width: 1.00806rem;
    }

    .course-main-container .other-programs .heading {
        padding: 4.93952rem 3.02419rem 4.93952rem 2.21774rem;
    }

    .course-main-container .other-programs .heading .main-title {
        font-size: 5.04032rem;
        margin-bottom: 2.21774rem;
    }

    .course-main-container .other-programs .ug-degrees-info-carousel .item {
        height: 31.14919rem;
    }

    .course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-letters {
        padding: 3.02419rem 2.21774rem 0 2.21774rem;
    }

    .course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-letters .ug-info-heading-text {
        font-size: 1.20968rem;
    }

    .course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-card-dp {
        bottom: 0;
    }

    .course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-card-dp .ug-info-card-dp-image {
        height: 22.07661rem;
        margin-top: 0;
    }

    .course-main-container .up-next {
        padding: 7.45968rem 7.15726rem;
    }

    .course-main-container .up-next .content-wrapper .sub-title {
        font-size: 1.6129rem;
        margin-bottom: 1.5121rem;
    }

    .course-main-container .up-next .content-wrapper .title-wrapper .title {
        font-size: 4.83871rem;
    }

    .course-main-container .up-next .content-wrapper .title-wrapper .cta-button {
        margin-left: 5.04032rem;
    }

    .course-main-container .overview-band .band-wrapper .band-item:not(:last-child) {
        margin-right: 1.6px;
    }

    .course-main-container .overview-band .band-wrapper .band-item .item-title {
        font-size: 1.10887rem;
        padding: 0.63508rem 1.26008rem;
    }

    .course-main-container .overview-band .band-wrapper .band-item .item-title.open-link::after {
        margin-left: 4.5px;
        height: 6.4px;
        width: 6.4px;
    }

    .course-main-container .overview-band .band-wrapper .band-item .progress-container {
        height: 6.1px;
    }

    .course-main-container .overview-band .band-wrapper .band-item .progress-container .progress-bar {
        height: 6.1px;
    }

    .course-main-container .cta-button {
        padding: 1.81452rem 3.02419rem;
        font-size: 1.5121rem;
    }
}

@media only screen and (min-width: 1200px) {
    .course-main-container .ug-landing {
        padding: 13.85417rem 9.375rem 0;
    }

    .course-main-container .ug-landing .content-wrapper {
        padding-bottom: 7.8125rem;
    }

    .course-main-container .ug-landing .content-wrapper .sub-title {
        font-size: 1.25rem;
        margin-bottom: 0.625rem;
    }

    .course-main-container .ug-landing .content-wrapper .title {
        font-size: 3.22917rem;
        margin-bottom: 1.30208rem;
    }

    .course-main-container .ug-landing .content-wrapper .desc {
        font-size: 1.04167rem;
        margin-bottom: 1.30208rem;
    }

    .course-main-container .ug-landing .content-wrapper .sub-desc {
        font-size: 1.30208rem;
    }

    .course-main-container .child-carousel {
        padding: 6.71875rem 7.8125rem 10.625rem;
    }

    .course-main-container .child-carousel .section-heading {
        padding-bottom: 2.13542rem;
        font-size: 5.3125rem;
    }

    .course-main-container .child-carousel .carousel .carousel-indicators {
        bottom: -4.42708rem;
    }

    .course-main-container .child-carousel .carousel .carousel-indicators li {
        width: 0.72917rem;
        height: 0.72917rem;
        margin: 0 0.625rem;
    }

    .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment {
        width: 41.95312rem;
    }

    .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper {
        max-width: 30.9375rem;
        margin: 4.76562rem 3.20312rem;
    }

    .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .title {
        font-size: 1.5625rem;
        margin-bottom: 1.5625rem;
    }

    .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-comment .child-carousel-wrapper .child-carousel-text {
        font-size: 1.04167rem;
    }

    .course-main-container .child-carousel .carousel .carousel-inner .carousel-item .child-carousel-mainDiv .child-carousel-logo {
        width: 42.03125rem;
        min-height: 31.30208rem;
    }

    .course-main-container .pillar-section .main-heading {
        font-size: 4.89583rem;
        /* left: 2.86458rem; */
        left: 1.66458rem;
        top: 5.20833rem;
    }

    .course-main-container .pillar-section .scrollable-container .item {
        padding: 15.625rem 2.86458rem 8.85417rem;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-image {
        height: 15.3125rem;
        width: 27.01042rem;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-details {
        margin-top: 2.08333rem;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-details .tile-title {
        font-size: 1.25rem;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper .tile-details .content {
        font-size: 1.04167rem;
        margin-top: 0.9375rem;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.orange-card,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.red-card,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.green-card {
        padding: 0 1.30208rem 4.42708rem 1.82292rem;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.orange-card .tile-image img,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.red-card .tile-image img,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.green-card .tile-image img {
        bottom: -10px;
        left: -2.34375rem;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-circle .tile-image img,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-square .tile-image img,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-triangle .tile-image img,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-image img,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-image img,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-image img {
        bottom: -9px;
        left: -9px;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-circle .tile-details .icon-wrapper,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-square .tile-details .icon-wrapper,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-triangle .tile-details .icon-wrapper,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-details .icon-wrapper,
    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper {
        margin-bottom: 1.04167rem;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-circle .tile-details .icon-wrapper .icon {
        width: 42px;
        height: 42px;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-square .tile-details .icon-wrapper .icon {
        width: 42px;
        height: 42px;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-triangle .tile-details .icon-wrapper .icon {
        width: 42px;
        height: 42px;
        border-bottom: 42px solid #a9d382;
        border-left: 21px solid transparent;
        border-right: 21px solid transparent;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper {
        margin-bottom: 2.34375rem;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper .icon {
        border-width: 0 11.5px 15px 11.5px;
        width: 22px;
        margin: 16px 0 20px 0;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-cut-diamond .tile-details .icon-wrapper .icon:after {
        top: 15px;
        left: -11.5px;
        border-width: 24px 22px 0 23px;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-details .icon-wrapper .icon {
        border: 21px solid transparent;
        border-bottom-color: #005077;
        top: -21px;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-diamond .tile-details .icon-wrapper .icon:after {
        left: -21px;
        top: 21px;
        border: 21px solid transparent;
        border-top-color: #005077;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper {
        margin-top: 3.125rem;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper .icon {
        width: 22px;
        border-width: 21px 10px 0;
    }

    .course-main-container .pillar-section .scrollable-container .item .content-wrapper.icon-pentagon .tile-details .icon-wrapper .icon::before {
        top: -42px;
        left: -10px;
        border-width: 0 21px 21px;
    }

    .course-main-container .pillar-section .scrollable-container .owl-nav {
        right: 5.20833rem;
    }

    .course-main-container .pillar-section .scrollable-container .owl-nav .owl-next img {
        width: 43px;
        /* margin-right: 1.2rem; */
        height: 91px;
    }

    .course-main-container .bar-component {
        height: 56.25rem;
        padding: 0 7.29167rem;
    }

    .course-main-container .bar-component .title-container {
        top: 5.10417rem;
        left: 7.29167rem;
    }

    .course-main-container .bar-component .title-container .title {
        font-size: 4.89583rem;
        margin-bottom: 1.25rem;
    }

    .course-main-container .bar-component .title-container .sub-title {
        font-size: 1.04167rem;
    }

    .course-main-container .bar-component .bar-container .bar-item {
        padding: 2.34375rem 2.03125rem 1.04167rem 2.03125rem;
    }

    .course-main-container .bar-component .bar-container .bar-item .bar-title {
        font-size: 1.25rem;
    }

    .course-main-container .bar-component .bar-container .bar-item .bar-sub-title {
        margin-top: 0.52083rem;
        font-size: 1.25rem;
    }

    .course-main-container .bar-component .bar-container .bar-item .bar-desc {
        font-size: 1.04167rem;
        margin-top: 1.61458rem;
    }

    .course-main-container .bar-component .bar-container .bar-item::after {
        top: 30px;
    }

    .course-main-container .bar-component .bar-container .bar-item.feijoa {
        height: 7.34375rem;
    }

    .course-main-container .bar-component .bar-container .bar-item.somegreen {
        height: 9.94792rem;
    }

    .course-main-container .bar-component .bar-container .bar-item.tradewind {
        height: 12.5rem;
    }

    .course-main-container .bar-component .bar-container .bar-item.somewhatCyan {
        height: 15.78125rem;
    }

    .course-main-container .bar-component .bar-container .bar-item:hover {
        height: 35.41667rem;
    }

    .course-main-container .bar-component .bar-container .bar-item:hover::after {
        top: 30px;
    }

    .course-main-container .tabs-video {
        padding: 5.20833rem 6.77083rem 9.375rem;
    }

    .course-main-container .tabs-video .root-container .controller-wrapper {
        width: 50%;
    }

    .course-main-container .tabs-video .root-container .controller-wrapper .title {
        font-size: 4.89583rem;
    }

    .course-main-container .tabs-video .root-container .controller-wrapper .sub-title {
        font-size: 1.04167rem;
        margin: 2.08333rem 0;
        max-width: 80%;
    }

    .course-main-container .tabs-video .root-container .controller-wrapper .links-container {
        max-width: 80%;
    }

    .course-main-container .tabs-video .root-container .controller-wrapper .links-container .links {
        font-size: 1.25rem;
        padding: 0.98958rem 0;
    }

    .course-main-container .tabs-video .root-container .controller-wrapper .links-container .links::before {
        margin-right: 0.83333rem;
    }

    .course-main-container .tabs-video .root-container .content-wrapper {
        width: 50%;
    }

    .course-main-container .tabs-video .root-container .content-wrapper .image-wrapper {
        width: 35.20833rem;
        height: 22.39583rem;
    }

    .course-main-container .tabs-video .root-container .content-wrapper .image-wrapper .content-image {
        bottom: -9px;
        left: -11px;
    }

    .course-main-container .tabs-video .root-container .content-wrapper .content-data {
        font-size: 1.04167rem;
        margin-top: 1.5625rem;
        max-width: 33.85417rem;
    }

    .course-main-container .wog-carousel .owl-stage .item {
        padding: 4.375rem 4.6875rem;
    }

    .course-main-container .wog-carousel .owl-stage .item .item-number {
        font-size: 2.70833rem;
        margin-bottom: 1.14583rem;
    }

    .course-main-container .wog-carousel .owl-stage .item .item-details {
        font-size: 1.25rem;
    }

    .course-main-container .wog-carousel-container.yts {
        padding: 0 6.77083rem;
        background-color: #002938;
    }

    .course-main-container .video-carouel {
        padding: 7.03125rem 0 3.80208rem 0;
    }

    .course-main-container .video-carouel .main-data {
        padding: 0 10.3125rem 0 7.29167rem;
        margin-bottom: 6.875rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .course-main-container .video-carouel .main-data .video-container {
        width: 55%;
        margin-bottom: 0;
    }

    .course-main-container .video-carouel .main-data .video-container video {
        top: 0.625rem;
        right: 0.88542rem;
    }

    .course-main-container .video-carouel .main-data .video-container .video-play {
        width: 3.64583rem;
        height: 3.64583rem;
    }

    .course-main-container .video-carouel .main-data .content-wrapper {
        width: 35%;
    }

    .course-main-container .video-carouel .main-data .content-wrapper .title {
        font-size: 3.125rem;
        margin-bottom: 0.67708rem;
    }

    .course-main-container .video-carouel .main-data .content-wrapper .sub-title {
        font-size: 1.04167rem;
        margin-bottom: 0;
    }

    .course-main-container .video-carouel .navigation-carousel .item .video-wrapper .video-play {
        width: 2.39583rem;
        height: 2.39583rem;
    }

    .course-main-container .video-carouel .navigation-carousel .owl-nav {
        right: 3.22917rem;
    }

    .course-main-container .video-carouel .navigation-carousel .owl-nav .owl-next {
        width: 2.23958rem;
        height: 4.73958rem;
    }

    .course-main-container .recruiters-feedback .heading-text .recruiters-feedback-heading {
        font-size: 4.89583rem;
        padding: 4.63542rem 7.39583rem 0.9375rem;
    }

    .course-main-container .recruiters-feedback .heading-text>div {
        padding: 0 7.39583rem 2.34375rem 7.39583rem;
    }

    .course-main-container .recruiters-feedback .heading-text>div .recruiters-feedback-summary {
        font-size: 1.04167rem;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters {
        width: 85.41667rem;
        margin-left: 7.39583rem;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators {
        bottom: -6.25rem;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters .carousel-indicators li {
        border-radius: 100%;
        width: 0.78125rem;
        height: 0.78125rem;
        margin-right: 1.25rem;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv {
        display: flex;
        flex-direction: row;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment {
        width: 53.02083rem;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper {
        width: 33.75rem;
        margin: 4.53125rem 0 0 9.63542rem;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .apostrophe {
        width: 4.63542rem;
        height: 3.4375rem;
        margin-bottom: 3.02083rem;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-comment-text {
        font-size: 1.04167rem;
        margin-bottom: 5.05208rem;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .recruiters-name {
        font-size: 1.5625rem;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-comment .recruiters-comment-wrapper .comment-timeframe {
        font-size: 0.9375rem;
        padding-bottom: 3.90625rem;
    }

    .course-main-container .recruiters-feedback #carousel-recruiters .carousel-inner .carousel-item .recruiters-mainDiv .recruiters-logo {
        width: 32.39583rem;
    }

    .course-main-container .recruiters-feedback .view-button {
        padding: 0.9375rem 1.5625rem;
        font-size: 0.78125rem;
    }

    .course-main-container .recruiters-feedback .apply-button {
        padding: 0.9375rem 1.5625rem;
        font-size: 0.78125rem;
    }

    .course-main-container #sec-accordian .section-main {
        padding: 4.375rem 2.76042rem 5.20833rem 7.29167rem;
    }

    .course-main-container #sec-accordian .section-main .categories-header {
        font-size: 4.89583rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content {
        margin-top: 4.94792rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .categories-sidemenu .categories-points li {
        padding: 0.83333rem 25px;
        font-size: 1.25rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion {
        max-height: 31.97917rem;
        padding-right: 4.53125rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body {
        margin-top: 1.35417rem;
        padding-top: 0;
        padding-bottom: 0;
        font-size: 1.14583rem;
        max-width: 90%;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container {
        margin-bottom: 1.82292rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper {
        height: 2.39583rem;
        width: 2.39583rem;
        margin-right: 1.04167rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper .icon {
        height: 1.14583rem;
        width: 1.14583rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper .text {
        font-size: 0.9375rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-body .icon-container .icon-wrapper:hover {
        width: 15.625rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header {
        font-size: 1.25rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header .accordion-icon {
        height: 1.04167rem;
        width: 1.04167rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion .card .card-header .accordion-icon.collapsed {
        height: 1.35417rem;
        width: 1.35417rem;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .accordion hr {
        margin: 2.86458rem 0;
    }

    .course-main-container #sec-accordian .section-main .accordion-content .tnc {
        font-size: 0.83333rem;
    }

    .course-main-container .wog-roles-div {
        display: flex;
        flex-direction: row;
        min-height: 43.69792rem;
    }

    .course-main-container .wog-roles-div .side-panel-roles {
        height: auto;
        padding: 7.39583rem 4.16667rem 0 4.16667rem;
        min-width: 41.77083rem;
        max-width: 41.77083rem;
    }

    .course-main-container .wog-roles-div .side-panel-roles .side-panel-roles-heading {
        font-size: 6.25rem;
    }

    .course-main-container .wog-roles-div .description-list-panel {
        padding: 11.30208rem 0 0 8.22917rem;
    }

    .course-main-container .wog-roles-div .description-list-panel .description-list-panel-heading {
        padding-bottom: 2.60417rem;
        width: 37.5rem;
    }

    .course-main-container .wog-roles-div .description-list-panel .description-list-panel-heading .description-list-panel-heading-text {
        font-size: 3.125rem;
    }

    .course-main-container .wog-roles-div .description-list-panel .description-list-panel-summary {
        padding-bottom: 1.25rem;
        width: 30rem;
    }

    .course-main-container .wog-roles-div .description-list-panel .description-list-panel-summary .description-list-panel-summary-text {
        font-size: 1.04167rem;
    }

    .course-main-container .wog-roles-div .description-list-panel .content_contact_KnowMore_Button {
        margin-bottom: 15.36458rem;
    }

    .course-main-container .wog-roles-div .social-links-container {
        top: 11.30208rem;
    }

    .course-main-container .wog-roles-div .social-links-container ul li {
        margin: 1.5625rem 1.45833rem;
    }

    .course-main-container .wog-roles-div .social-links-container ul li img {
        width: 1.82292rem;
        height: 1.82292rem;
    }

    .course-main-container .ask-us-here {
        display: flex;
        flex-direction: row;
        padding: 3.17708rem 6.66667rem 3.17708rem 6.66667rem;
    }

    .course-main-container .ask-us-here .ask-us-here-phrase {
        font-size: 1.25rem;
        display: flex;
        flex-direction: row;
        margin-bottom: 0;
    }

    .course-main-container .ask-us-here .ask-us-here-button {
        padding: 0.9375rem 1.5625rem;
        font-size: 0.78125rem;
    }

    .course-main-container .ask-us-here .ask-us-here-button::after {
        height: 0.78125rem;
        width: 0.41667rem;
        margin-left: 1.04167rem;
    }

    .course-main-container .dates-to-remember {
        padding: 5.46875rem 7.29167rem 0 7.29167rem;
    }

    .course-main-container .dates-to-remember .title-container .calendar-icon {
        height: 3.54167rem;
        width: 3.22917rem;
        margin-bottom: 0.67708rem;
    }

    .course-main-container .dates-to-remember .title-container .main-title {
        font-size: 3.125rem;
        margin-bottom: 2.34375rem;
    }

    .course-main-container .dates-to-remember .content-container {
        padding: 5.3125rem 0 4.42708rem 5.72917rem;
    }

    .course-main-container .dates-to-remember .content-container .item-wrapper {
        padding: 0 0 1.71875rem 0;
    }

    .course-main-container .dates-to-remember .content-container .item-wrapper .date {
        font-size: 1.14583rem;
        margin-bottom: 0.9375rem;
        display: block;
    }

    .course-main-container .dates-to-remember .content-container .item-wrapper .item-title {
        font-size: 1.04167rem;
    }

    .course-main-container .dates-to-remember .content-container .item-wrapper::before {
        height: 1.04167rem;
        width: 1.04167rem;
    }

    .course-main-container .other-programs .heading {
        max-width: 40%;
        padding: 3.17708rem 5.67708rem 3.17708rem 7.1875rem;
    }

    .course-main-container .other-programs .heading .main-title {
        font-size: 4.89583rem;
        margin-bottom: 2.60417rem;
    }

    .course-main-container .other-programs .ug-degrees-info-carousel {
        max-width: 60%;
    }

    .course-main-container .other-programs .ug-degrees-info-carousel .item {
        height: 31.61458rem;
    }

    .course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-letters {
        padding: 3.69792rem 2.08333rem 0 2.08333rem;
    }

    .course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-letters .ug-info-heading-text {
        font-size: 1.25rem;
    }

    .course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-card-dp {
        bottom: 0;
    }

    .course-main-container .other-programs .ug-degrees-info-carousel .item .ug-info-card-dp .ug-info-card-dp-image {
        height: 18.22917rem;
        margin-top: 5.20833rem;
    }

    .course-main-container .up-next {
        padding: 7.03125rem 7.29167rem 9.375rem 7.29167rem;
    }

    .course-main-container .up-next .content-wrapper .sub-title {
        font-size: 1.04167rem;
        margin-bottom: 0.78125rem;
    }

    .course-main-container .up-next .content-wrapper .title-wrapper .title {
        font-size: 4.89583rem;
    }

    .course-main-container .up-next .content-wrapper .title-wrapper .cta-button {
        margin-left: 2.5rem;
    }

    .course-main-container .overview-band .band-wrapper .band-item:not(:last-child) {
        margin-right: 3px;
    }

    .course-main-container .overview-band .band-wrapper .band-item .item-title {
        font-size: 0.9375rem;
        padding: 0.67708rem 2.29167rem;
    }

    .course-main-container .overview-band .band-wrapper .band-item .item-title.open-link::after {
        margin-left: 10px;
        height: 12.3px;
        width: 12.3px;
    }

    .course-main-container .overview-band .band-wrapper .band-item .progress-container {
        height: 12px;
    }

    .course-main-container .overview-band .band-wrapper .band-item .progress-container .progress-bar {
        height: 12px;
    }

    .course-main-container .cta-button {
        padding: 0.9375rem 1.5625rem;
        font-size: 0.78125rem;
    }
}

html,
body {
    margin: 0;
    padding: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: normal;
}

body,
div,
p,
span,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
a,
strong {
    text-rendering: optimizeLegibility !important;
}

a:hover {
    text-decoration: none !important;
}

button.cta-button {
    transition: all 0.3s ease;
    text-decoration: none !important;
}

button.cta-button:hover {
    box-shadow: 0 15px 50px 0 rgba(52, 227, 109, 0.3), 0 10px 15px -5px rgba(38, 230, 196, 0.3);
}

.ticker__item a {
    color: white;
}

u {
    text-decoration-color: #ffc35A;
}


/* New Css */

.middle-navbar ul,
.header-bottom ul,
.dropdown ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.middle-navbar ul li {
    display: inline-block;
    padding-right: 32px;
}

.middle-navbar ul li:last-child {
    padding-right: 0px;
}

.middle-navbar ul li a {
    font-size: 14px;
    line-height: 22px;
    color: #CCCCCC;
    display: inline-block;
}

.middle-navbar ul li.active a {
    color: #FFFFFF;
}

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

.logo-area img {
    max-width: 200px;
}

.logo-area .logo-green {
    display: none;
}

.header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 80px;
}

.apply-btn {
    padding: 5px 38px 6px 16px;
    background: #FFFFFF;
    border-radius: 5px;
    text-transform: uppercase;
    color: #424242;
    font-weight: 600;
    position: relative;
    font-size: 11px;
}

.apply-btn::after {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    right: 14px;
    background-image: url(../images/chevron-down.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 9px;
    height: 9px;
}

.header-bottom {
    background: rgba(255, 255, 255, 0.3);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 80px;
}

.header-bottom ul li {
    display: inline-block;
    position: relative;
}

.header-bottom ul li a {
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    line-height: 19px;
    color: #fff;
    padding: 10px 16px;
    transition: all 0.3s;
}

.header-bottom ul .item-nav:hover .item-link {
    background-color: #005B78;
    transition: all 0.3s;
}

.dropdown {
    position: absolute;
    top: 110%;
    left: 0;
    margin-top: 10px;
    background-color: #fff;
    border-radius: 6px;
    z-index: 33;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.right-apply-btn .dropdown {
    min-width: 166px;
}

.submenu {
    position: absolute;
    top: 0;
    left: 90%;
    background-color: #fff;
    min-width: 184px;
    border-radius: 6px;
    z-index: 33;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.header-bottom ul li.has-dropdown a {
    padding-right: 30px;
    position: relative;
}

.header-bottom ul li.has-dropdown::before {
    position: absolute;
    content: '';
    top: 50%;
    right: 5px;
    transform: translateY(-50%) rotate(180deg);
    background-image: url(../images/checvron-white-up.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 14px;
    height: 8px;
    z-index: 1;
}

.header-bottom ul li:hover .dropdown {
    top: 100%;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s;
}

.header-bottom ul li .dropdown {
    min-width: 184px;
    left: 50%;
    transform: translateX(-50%);
}

.header-bottom ul li .dropdown ul li a {
    padding: 5px 12px;
    font-weight: 500;
    font-size: 13px;
    text-transform: none;
}

.menu-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 80px;
    padding: 0;
}

.menu-btn img {
    width: 33px;
}

.right-apply-btn {
    position: relative;
}

.btn:focus {
    outline: none;
    box-shadow: none;
}

.right-apply-btn.active .dropdown {
    top: 100%;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s;
}

.dropdown::before {
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    background-image: url(../images/checvron-white-up.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 14px;
    height: 8px;
}

.dropdown ul {
    padding: 15px 0px;
}

.dropdown ul li {
    position: relative;
    width: 100%;
}

.dropdown ul li:hover .submenu {
    left: 100%;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s;
}

.dropdown ul li a {
    font-weight: 500;
    display: inline-block;
    width: 100%;
    font-size: 14px;
    color: #777777;
    line-height: 19px;
    padding: 5px 20px;
    transition: all 0.3s;
}

.dropdown ul li.has-submenu::before {
    position: absolute;
    content: '';
    top: 50%;
    right: 10px;
    transform: translateY(-50%) rotate(90deg);
    background-image: url(../images/checvron-white-up.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 14px;
    height: 8px;
    z-index: 1;
}

.dropdown ul li a:hover {
    background-color: #005B78;
    color: #fff;
    transition: all 0.3s;
}

.trigger-btn-dropdown .hamburger-menu .links-container {
    padding: 2.23958rem 0 4.27083rem 55px;
}

.trigger-btn-dropdown .hamburger-menu .links-container .link-title {
    font-size: 1.45833rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.65px;
}

.trigger-btn-dropdown .hamburger-menu .links-container .link-title .link-item {
    font-size: 1.04167rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
}

.trigger-btn-dropdown .link-item a {
    color: rgba(0, 0, 0, 0.6);
}

.trigger-btn-dropdown .overview-container {
    padding: 2.23958rem 40px 4.27083rem 0;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    background-image: linear-gradient(151deg, #00797b 10%, #005077 94%);
}

.trigger-btn-dropdown .overview-wrapper {
    margin-left: 4.42708rem;
}

.trigger-btn-dropdown .overview-wrapper h3 {
    font-size: 1.45833rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.65px;
    color: #ffffff;
    margin-bottom: 0.52083rem;
}

.trigger-btn-dropdown .overview-wrapper .link-list {
    margin-left: 1.40625rem;
}

.trigger-btn-dropdown .overview-wrapper .link-item {
    padding-bottom: 1.82292rem;
}

.trigger-btn-dropdown .overview-wrapper .link-item.active {
    padding-top: 1.5625rem;
    margin-left: -1.40625rem;
    display: flex;
    align-items: center;
}

.trigger-btn-dropdown .overview-wrapper .link-item.active::before {
    content: url(../assets/white-triangle-right.svg);
    margin-right: 0.9375rem;
    width: 0.46875rem;
}

.trigger-btn-dropdown .overview-wrapper .link-item a {
    opacity: 0.9;
    font-size: 1.14583rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    position: relative;
}

.trigger-btn-dropdown .overview-wrapper .link-item.active a {
    font-weight: bold;
    opacity: 1;
    color: #fff;
}

.trigger-btn-dropdown {
    display: none;
}

.trigger-btn-dropdown.open {
    display: block;
}

.menu-btn.times .humber-menu {
    display: none;
}

.gallery-section {
    padding: 94px 0px;
}

.gallery-section-header h3 {
    font-style: normal;
    font-weight: 600;
    font-size: 60px;
    margin-bottom: 60px;
    color: #026B7B;
}

.gallery-box {
    margin: 20px 35px;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}

.gallery-box img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    object-position: 50% top;
}

.galler-bx-content {
    padding: 12px 24px 30px;
    background: #F9F9F9;
}

.galler-bx-content h4 {
    font-size: 18px;
    color: #00747B;
    font-weight: bold;
    margin-bottom: 10px;
}

.galler-bx-content p {
    font-size: 14px;
    color: #777777;
    font-weight: normal;
    margin-bottom: 30px;
}

.galler-bx-content a {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    color: #00747B;
}

.galler-bx-content a span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: #00747B;
    border-radius: 100%;
    margin-right: 18px;
    color: #fff;
}

@media only screen and (max-width:1440px) {
.middle-navbar ul li {
    padding-right: 28px;
}

}

@media(max-width:1200px) {

    .grid {
        grid: auto / calc(100% / 2) calc(100% / 2);
    }

    .header-bottom {
        position: inherit;
    }

    .middle-navbar {
        text-align: center;
        background: #fff;
    }

    .middle-navbar ul li a {
        padding: 12px 24px;
        color: #005B78;
    }

    .middle-navbar ul li.active a {
        font-weight: 700;
        color: #005B78;
    }

    .menu-btn {
        position: relative;
        top: auto;
        transform: none;
        right: auto;
    }

    .apply-btn {
        margin-right: 30px;
    }

    .middle-navbar ul li {
        padding-right: 0px;
    }
}

@media(max-width:992px) {
    .header-top {
        padding: 5px 40px;
    }

    .apply-btn {
        padding: 10px 45px 10px 15px;
    }

    .menu-btn img {
        width: 25px;
    }

    .logo-area img {
        max-width: 145px;
    }

    .trigger-btn-dropdown .overview-wrapper {
        margin-left: 10px;
    }

    .trigger-btn-dropdown .overview-wrapper h3 {
        font-size: 14px;
    }

    .trigger-btn-dropdown .overview-wrapper .link-item a {
        font-size: 14px;
        font-weight: normal;
    }

    .trigger-btn-dropdown .overview-wrapper .link-item.active {
        padding-bottom: 0px;
    }

    .trigger-btn-dropdown .overview-wrapper .link-item.active::before {
        margin-right: 10px;
        width: 10px;
    }

    .trigger-btn-dropdown .hamburger-menu .links-container {
        padding: 20px;
    }

    .trigger-btn-dropdown .hamburger-menu .links-container .link-title {
        font-size: 14px;
    }

    .trigger-btn-dropdown .link-item a {
        font-size: 13px;
    }
}

@media(max-width:480px) {

    .grid {
        grid: auto / auto;
    }

    .header-top {
        padding: 0px 8px;
    }

    .apply-btn {
        margin-right: 20px;
        padding: 6px 34px 6px 12px;
        font-size: 12px;
    }

    .apply-btn::after {
        right: 10px;
        width: 12px;
    }

    .dropdown ul li a {
        padding: 5px 12px;
    }

    .right-apply-btn .dropdown {
        min-width: 134px;
    }

    .menu-btn img {
        width: 20px;
    }

    .middle-navbar ul li a {
        padding: 10px 16px;
        font-size: 14px;
        line-height: auto;
    }

    .trigger-btn-dropdown .hamburger-menu .links-container {
        padding: 10px;
    }

    .gallery-box {
        margin: 0px;
        margin-bottom: 20px;
    }

    .galler-bx-content {
        padding: 10px 15px 20px;
    }

    .galler-bx-content a span {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }

    .galler-bx-content h4 {
        font-size: 16px;
    }
}

.npfPopup {
    z-index: 9999 !important;
    overflow: auto !important;
    /* position: relative; */
}

.npfTitle img {
    float: right;
    position: relative;
    top: 2px !important;
    cursor: pointer;
    margin-left: 5px !important;
    margin-right: 21px !important;
}

.small-title {
    font-weight: 300 !important;
    font-size: 37px !important;
}

 * {
     scroll-behavior: smooth;
     scroll-padding-top: 100px;
 }

 .lp-banner-heading-text {
     font-family: Merriweather;
     font-size: 24px;
 }

 .profile-company {
     font-weight: 600 !important;
 }

 .eligibility-admissions-desc {
     color: #4D4D4D;
 }

 .eligibility-admissions-desc ul li ul li strong {
     color: #333333;
     font-weight: 600 !important;
 }

.eligibility-admissions-desc ul li > strong{
    font-weight: 600 !important;
    color: #4D4D4D;
}

 .eligibility-admissions-desc small {
     color: #666;
 }

 .section-container {
     padding-left: 8rem;
     padding-right: 8rem;
 }

 .box-wrapper {
     margin-top: 34px;
 }

 .box-wrapper .box {
     font-size: 14px !important;
     color: #666666;
 }

 .stats {
     color: #333333;
 }

 .help_text {
     font-size: 14px !important;
     color: #666666;
 }

 .stats {
     font-weight: 700;
     font-size: 24px;
     font-family: Merriweather;
     line-height: 1.5;
 }

 /* company cards */
 .company {
     background: #F2F2F2;
     box-shadow: none;
     border-radius: 20px;
 }

 .companies-heading {
     text-align: center;
     font-family: Merriweather;
     font-weight: 400;
 }

 .mediaTextImage .embed-responsive {
     border-radius: 20px;
 }

 /* Team card */
 .profile-content {
     display: flex;
     flex-direction: column;
 }



 .status-number {
     font-family: Merriweather;
     font-weight: 900;
     font-size: 36px;
 }

 .profile-img-box {
     border-top-left-radius: 20px;
     border-top-right-radius: 20px;
     overflow: hidden;
 }

 .profile-card {
     border-radius: 20px;
     border-bottom-left-radius: 20px;
     border-bottom-right-radius: 20px;
 }

 .profile-content {
     background-color: #F5F5F7;
 }

 .profile-section-desc {
     color: #333333;
     margin-bottom: 32px;
 }

 /* Creer advance ment */
 .lp-career-advancement {
     background-image: url('https://media.plaksha.edu.in/career-advancements-bg.jpg');
     background-size: cover;
 }

 .status-text {
     font-size: 24px;
 }

 /* Team */


 .lp-banner {
     background: url('https://media.plaksha.edu.in/curriculum-bg.png') center center/cover no-repeat;
     min-height: 80vh;
     color: #fff;
     padding: 130px 0 70px 0;
 }

 .lp-banner-content {
     padding: 0px;
     font-family: Merriweather;
     color: #000000;
     border-radius: 10px;
 }

 .lp-banner h1 {
     font-size: 48px;
 }

 .lp-subheading {
     font-size: 24px;
     line-height: 1.8;
     font-weight: 600;
 }



 .lp-banner p {
     font-size: 24px;
     margin-bottom: 1rem;
 }

 .lp-form-wrapper {
     background-color: #fff;
     border-radius: 8px;
 }

 .lp-form-wrapper h4 {
     font-weight: 600;
 }

 .lp-form-heading {
     padding-top: 24px;
     padding-bottom: 24px;
     border-radius: 8px 8px 0px 0px;
 }

 .lp-form-wrapper form {
     padding: 30px;
 }

 .card-wrapper {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 24px;
 }

 .card-wrapper .program-card {
     padding: 24px;
     border-radius: 8px;
 }

 .lp-banner-subtext {
     font-size: 18px;
     line-height: 1.6;
     color: #333333;
 }

 .lp-section-heading {
     font-family: Merriweather;
     font-weight: 400;
     font-size: 36px;
     line-height: 1.4;
     margin-bottom: 12px;
 }

 .mediaTextWrapper .section-title {
     font-family: Merriweather;
     font-weight: 400;
     font-size: 36px;
     line-height: 1.4%;
     margin-bottom: 40px;
 }

 .mediaTextParagraph {}

 .mediaTextImage img {
     border-radius: 8px;
 }

 .lp-curriculum-wrapper {
     background: url("https://media.plaksha.edu.in/curriculum-bg.png");
     background-color: #F0FBFB;
     background-size: cover;
 }

 .lp-curriculum {}

 .lp-curriculum-subtext {
     width: 50%;
 }

 .eligibility-admissions-desc {
     line-height: 1.4;
     font-size: 18px;
 }

 .eligibility-admissions-desc ul li {
     margin-bottom: 24px;
 }

 .eligibility-admissions-desc ul li ul {
     margin-top: 24px;
 }


 .eligibility-admissions-desc small,  .eligibility-admissions-desc em {
     font-size: 14px;
     line-height: 1.6;
 }


 /* AI CAMPUS SECTION */


 .ai-campus-card {
     border-radius: 22px;
     background: none;
     box-shadow: none;
     overflow: hidden;
     min-height: 370px;
     display: flex;
     flex-direction: column;
     transition: box-shadow 0.18s;
     align-items: start;
 }

 .ai-campus-card:hover {
     box-shadow: none;
 }

 .ai-campus-image {
     height: 328px;
     border-radius: 20px;
     display: block;
 }

 .ai-campus-text {
     padding: 0;
     padding-top: 24px;
     flex: 1;
     display: flex;
     flex-direction: column;
     justify-content: flex-start;
     align-items: center;
     text-align: center;
 }

 .ai-campus-heading {
     font-size: 24px;
     color: #000000;
     font-family: Merriweather;
     line-height: 1.4;
 }

 .ai-campus-desc {
     font-size: 14px;
     color: #333333;
     line-height: 1.5;
 }

 .ai-campus-grid {
     display: grid;
     grid-template-columns: repeat(4, minmax(378px, 1fr));
     /* Forces 4 cards per row */
     gap: 28px;
     margin-top: 32px;
     align-items: stretch;
 }

 .admissions-wrapper {
     padding-left: 200px;
 }

 .eligibility-section {
     padding-right: 200px;
     border-right: 1px solid #D3D3D3;
 }

 @media (max-width: 900px) {
     .ai-campus-grid {
         grid-template-columns: 1fr 1fr !important;
     }

     .card-wrapper {
         grid-template-columns: repeat(2, 1fr);
     }

     .companies-content {
         display: block;
     }

     .ai-campus-image {
         height: 140px;
     }
 }


 /* process steps  */
 .admissions-section {
     max-width: 600px;
     margin: auto;
     text-align: left;
 }

 .admissions-section h2 {
     font-size: 2rem;
     font-weight: 700;
     margin-bottom: 40px;
     text-align: center;
 }

 .process-step {
     position: relative;
     display: flex;
     align-items: flex-start;
     margin-bottom: 40px;
 }

 .process-step::before {
     content: '';
     position: absolute;
     left: 22px;
     top: 40px;
     width: 3px;
     height: 100%;
     background: linear-gradient(90deg, #00797B 0%, #005577 100%);

 }

 .eligibility-admissions-desc>.process-step:nth-last-child(2)::before {
     height: 0;
 }


 .step-number {
     background: linear-gradient(90deg, #005577 0%, #00797B 100%);
     color: #fff;
     font-weight: 700;
     border-radius: 50%;
     width: 46px;
     height: 46px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 20px;
     flex-shrink: 0;
     z-index: 1;
 }

 .step-content {
     margin-left: 20px;
 }

 .step-content h5 {
     font-weight: 600;
     color: #333;
 }

 .step-content p {
     color: #666;
     margin-bottom: 0;
 }

 .apply-now-button {
     background-color: #00796b;
     border: none;
     padding: 12px 40px;
     color: #fff;
     font-weight: 600;
     border-radius: 6px;
     text-transform: uppercase;
     letter-spacing: 0.5px;
 }


 .apply-now-button:hover {
     color: #fff;
 }

 /* Testimonial */
 .our-alum-subtext {
     font-size: 18px;
     margin-bottom: 40px;
     color: #333333;
     font-weight: 400;
 }

 .our-alum-section {
     background-image: url('https://media.plaksha.edu.in/our-alumn-bg.png');
     background-size: cover;
     overflow: hidden;
 }

 .testimonial-card {
     background: #fff;
     border-radius: 28px;
     box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.09);
     padding: 28px 28px 40px 28px;
     display: flex;
     flex-direction: column;
     gap: 16px;
     align-items: flex-start;
     min-height: 480px;
     height: 100%;
     font-family: 'Inter', 'Segoe UI', Arial, sans-serif;
 }

 .testimonial-photo {
     width: 70px;
     height: 70px;
     border-radius: 14px;
     overflow: hidden;
     background: #f6f8fa;
     margin-bottom: 8px;
 }

 .testimonial-photo img {
     width: 100%;
     height: 100%;
     object-fit: contain;
     border-radius: 14px;
 }

 .testimonial-info {
     width: 100%;
 }

 .testimonial-name {
     font-size: 24px;
     font-weight: 600;
     margin-bottom: 16px;
     color: #333333;
 }

 .testimonial-role {
     font-size: 14px;
     color: #666666;
     margin-bottom: 40px;
 }

 .testimonial-quote {
     font-size: 18px;
     color: #333333;
     margin: 0;
     line-height: 1.5;
 }

 .splide__track {
     overflow: visible;
 }


 /* acoordian section */
 .accordion .card {
     border: none;
     border-bottom: 1px solid #e0e0e0;
     border-radius: 0;
     margin-bottom: 0;
     background: transparent;
     box-shadow: none;
 }

 .accordion .card-header {
     background: transparent;
     border: none;
     padding: 0;
 }

 .accordion .btn-link:focus {
     text-decoration: none;
     outline: none;
 }



 .accordion .card-body {
     font-size: 18px;
     color: #666666;
     padding: 0;
     border-bottom-left-radius: 0;
     line-height: 1.8;
     border-bottom-right-radius: 0;
 }

 .accordion .btn-link:hover {
     color: #333333;
     text-decoration: none;
 }

 .lp-nav-link {
     font-size: 18px;
     font-weight: 700;
     line-height: 1.5;
     color: #4D4D4D !important;
     /* white text over image */
 }

 /* FAQ button layout */
 #faqAccordion .card {
     border-bottom: 1px solid #D3D3D3;
     padding-top: 30px;
     padding-bottom: 30px;
 }

 .faq-btn {
     position: relative;
     padding-right: 50px;
     font-size: 24px;
     font-weight: 600;
     line-height: 1.8;
     color: #333;
 }

 .faq-ques-heading {}

 /* Circle icon container */
 .faq-icon {
     position: absolute;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
     width: 24px;
     height: 24px;
     background: #fff;
     border: 2px solid #007878;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
 }


 /* SVG toggle behavior */
 .faq-icon .minus {
     display: none;
 }

 .faq-btn[aria-expanded="true"] .plus {
     display: none;
 }

 .faq-btn[aria-expanded="true"] .minus {
     display: block;
 }

 .plaksha-logo {
     width: 219px;
     height: auto;
 }

 .lps-navbar {
     background: transparent !important;
     top: 0;
     left: 0;
     padding: 0;
     width: 100%;
     z-index: 100;
 }

 .lp-banner-content p {
     font-size: 18px;
     line-height: 1.6;
 }

 .lp-nav-list {
     gap: 50px;
 }

 .mslp-page {
     background: #B2B2B2;
 }

 .mslp-page.is-active {
     background: #007878;
 }

 .mslp-pagination {
     bottom: -2.5rem;
 }

 .profile-grid {
     grid-template-columns: repeat(4, minmax(200px, 1fr)) !important;
 }


 .lp-section-desc {
     margin-bottom: 56px;
 }

 .program-card-content {
     padding: 0;
 }

 .lp-scholra-pera {
     color: #666666;
     font-size: 18px;
 }

 .step-content h5 {
     font-size: 24px;
 }

 .virtual-tour-campus-lps iframe {
     border-radius: 20px;
 }

 .lps-navbar {
     position: fixed !important;
     top: 0;
     left: 0;
 }

 .banner-menu {
     background: #FFFFFFE5;
     backdrop-filter: blur(10px);
 }

 @media only screen and (min-width: 1200px) {

     #mainNavbar {
         display: none !important;
     }
 }

 @media only screen and (max-width: 1199px) {
     .py-70 {
         padding-top: 40px;
         padding-bottom: 40px;
     }

     .nav-link {
         font-size: 18px !important;
         font-weight: 600 !important;
     }

     .profile-grid {
         grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
     }

     .d-none-mob {
         display: none;
     }

     .banner-menu {
         display: flex !important;
         justify-content: space-between !important;
         align-items: center;
         position: fixed;
         top: 0;
         z-index: 3;
     }

     #mainNavbar {
         margin: 0;
         padding: 0;
         height: 100vh;
         padding-top: 50px;
         position: relative;
         background: #FFFFFFE5;
         z-index: 2;
         backdrop-filter: blur(10px);
     }

     .mobile-navbar {
         list-style-type: none;
         padding-left: inherit;
     }

     .mobile-navbar li {
         padding-top: 20px;
         padding-bottom: 20px;
     }

 }

 .lps-subheading p {
     font-size: 24px;
 }

 @media only screen and (max-width: 1919px) {
     .step-content h5 {
         font-size: 18px;
     }

     .program-card-heading {
         font-size: 18px;
     }

     .lp-scholra-pera * {
         font-size: 14px;
     }

     .lp-curriculum-subtext {
         font-size: 14px;
     }

     .profile-name {
         font-size: 18px;
     }

     .step-content p {
         font-size: 14px;
     }

     .lp-nav-link, .profile-section-desc p {
         font-size: 14px;
     }

     .lp-banner h1 {
         font-size: 36px;
     }

     .lp-banner-heading-text {
         font-size: 18px;
     }

     .ai-campus-grid {
         display: grid;
         grid-template-columns: repeat(4, minmax(200px, 1fr));
     }

     .lp-banner-heading-text,
     .ai-campus-heading,
     .lp-subheading,
     .status-text,
     .testimonial-name,
     .accordion .btn-link .lp-form-heading {
         font-size: 18px !important;
     }

     .lp-banner-content .lp-banner-subtext,
     .testimonial-quote *,
     .our-alum-subtext,
     .accordion .card-body * {
         font-size: 14px !important;
     }

     .lp-section-heading,
     .status-number,
     .companies-heading {
         font-size: 28px !important;
     }

     .ai-campus-card {
         height: auto;
         min-width: 200px;
     }

     .ai-campus-image {
         height: 246px;
     }

     .lp-curriculum-subtext {
         width: 60%;
     }

     .eligibility-admissions-desc,
     .step-content,
     .lp-section-desc {
         font-size: 14px;
     }

     .eligibility-admissions-desc small, .eligibility-admissions-desc em {
         font-size: 12px;
     }

     .admissions-wrapper {
         padding-left: 95px !important;
     }

     .eligibility-section {
         padding-right: 95px !important;
     }

     .testimonial-role {
         margin-bottom: 24px;
     }

     .accordion .btn-link {
         font-size: 18px;
     }

     .lps-subheading p {
         font-size: 18px;
     }
 }

 .banner-menu {
     display: flex !important;
     justify-content: space-between !important;
     align-items: center;
 }

 .banner-image-icon {
     height: 57px;
     width: 166px;
     margin-bottom: 32px;
 }

 .d-none-desktop {
     display: none;
 }

 .eligibility-admissions-desc ul li ul {
     list-style-type: disc;
 }

 .d-none-desktop-flex {
     display: none;
 }

 .footer-icon {
     display: block;
     margin: 0 auto 10px auto;
     max-width: 272px;
 }

 .lps-heading {
     margin-bottom: 1rem;
 }

 .lps-subheading {
     margin-bottom: 100px;
 }

 @media (max-width: 600px) {
     .lps-subheading {
         margin-bottom: 60px;
     }

     #applyNowButton {
         padding: 14px 30px;
         font-size: 18px;
         border-radius: 8px;
     }

     .faq-icon {
         height: 16px;
         width: 16px;
     }

     .ai-campus-grid {
         grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
     }

     .footer-icon {
         padding-bottom: 60px;
     }


     .eligibility-admissions-section .row {
         margin: 0 !important;
     }

     .profile-card:hover {
         scale: none;
     }

     .sticky-cta-container {
         display: block;
         display: flex;
         position: fixed;
         bottom: 0;
         left: 0;
         right: 0;
         width: 100%;
         z-index: 50;
         padding: 8px;
         background-color: white;
         box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.15);
     }

     .sticky-cta-button {
         width: calc(100% - 2rem);
         margin: 0 auto;
         border-radius: 5px;
         border: none;
         font-size: 14px;
         font-weight: 400;
         background-color: #007878;
     }

     .accordion .btn-link::after,
     .accordion .btn-link[aria-expanded="true"]::after {
         width: 22px;
         height: 22px;
         padding: 12px;
     }

     .scholarship-dean {
         padding-top: 20px;
     }

     .footer-icon {
         display: block;
         margin: 0 auto 20px auto;
         max-width: 250px;
     }

     .d-none-desktop-flex {
         display: flex;
     }

     .accordion .card-body {
         padding-right: 20px;
     }

     .profile-section-wrapper {
         overflow: hidden;
     }

     .status-number {
         margin-bottom: 32px;
     }

     .profile-section-desc {
         margin-bottom: 30px;
     }

     .lp-scholra-pera {
         font-size: 14px;
     }

     .eligibility-admissions-desc ul {
         padding-inline-start: 30px;
     }

     .eligibility-admissions-desc ul li ul {
         padding-inline-start: 20px;
         list-style-type: disc;

     }



     .lp-form-heading h4 {
         font-size: 18px;
     }

     .d-none-mob {
         display: none;
     }

     .d-none-desktop {
         display: block;
     }

     .menu-bar {
         display: flex;
         flex-direction: column;
         position: relative;
         align-items: flex-end;
         top: 10px;
     }

     .step-content h5 {
         font-size: 18px;
     }

     .navbar-collapse {
         background: #fff;
         padding: 40px;
     }

     .admissions-wrapper {
         padding-top: 30px;
     }

     .banner-menu {
         align-items: self-start;
     }



     .advancement-galance-card {
         padding-top: 30px;
         padding-bottom: 30px;
     }

     .mslp-pagination {
         bottom: -8rem;
     }

     .accordion .btn-link {
         font-size: 14px;
     }



     .ai-campus-grid {
         grid-template-columns: 1fr;
         gap: 16px;
     }

     .admissions-wrapper {
         padding-right: 0px !important;
         padding-left: 0px !important;
     }

     .eligibility-section {
         padding-right: 0px !important;
         padding-left: 0px !important;
         border-right: none;
     }

     .lp-curriculum-subtext {
         width: 100%;
         font-size: 14px !important;
     }

     .ai-campus-image {
         height: 100%;
     }

     .ai-campus-text {
         padding: 16px 12px;
     }

     .card-wrapper {
         grid-template-columns: repeat(1, 1fr);
     }

     .subheading_form {
         font-size: 14px;
     }

 }

 .profile-card {
     background: #F5F5F7;
 }

 .profile-img {
     padding-top: 0;
 }

 .profile-name {
     color: #000000;
     font-weight: 600;
     line-height: 1.6;
     margin-bottom: 15px !important;
 }

 .profile-title {
     font-size: 14px;
     color: #333333;
     font-weight: 600;
     margin-bottom: 15px !important;
 }

 .profile-education {
     color: #666666;
     font-size: 14px;
     font-weight: 400;
     margin-bottom: 15px !important;
 }

 .profile-content {
     text-align: left;
     background: #F5F5F7;
     border-radius: 20px
 }

 .subheading_form {
     font-weight: 400;
     line-height: 1.8;
     letter-spacing: 0px;
 }

 .banner-section {
     align-items: baseline;
 }

/* Menu */
.banner-menu {
    background-color: transparent;
    backdrop-filter: blur(0px);
}

.nav-link  {
    text-transform: uppercase;
}

/* Banner */
.yt-banner-content {
    margin-top: 2px;
    padding-right: 10.625rem;
}

.yts-navbar {
    position: fixed;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    z-index: 100;
}

.yt-banner {
    background: url(https://media.plaksha.edu.in/curriculum-bg.png) center center / cover no-repeat;
    min-height: 80vh;
    color: #fff;
    padding: 130px 0 70px 0;
}

.yts-banner-heading {
    font-size: 64px;
    font-weight: 700;
    color: #d1313b !important;
}

.yts-banner-small-text {
    font-size: 12px;
    color: #333333;
    font-weight: 300;
    margin-bottom: 32px;
}

.yt-banner-subtext {
    font-size: 20px;
    font-weight: 400;
    color: #333333;
}

.yt-banner-subtext strong {
    font-weight: 600;
}



.stats {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    font-family: 'opensans', sans-serif;
}

.help_text {
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #4d4d4d;
    opacity: 85%;
    font-family: 'opensans', sans-serif;
}

.yt-nav-link {
    font-size: 18px !important;
    font-weight: 600;
    color: #666 !important;
}

/* Form */
.subheading_form {
    font-size: 28px;
    font-weight: 600;
}

.yt-form-heading {
    padding: 20px 150px;
    border-radius: 20px 20px 0px 0px;
}


/* Form */
.yt-form-wrapper {
    border-radius: 0 0 20px 20px;
}
.yt-form-wrapper .panel .tab-pane.fade {
    opacity:1;
}
.npf_wgts {
    border-radius: 0 0 20px 20px !important;
    border: 1px solid #C4C4C4 !important;
}


.program-card, .program-card-image>img {
    border-radius: 30px !important;
}


/* Why YTS+ */


/* Section */
.why-yts {
    background: #fff;
}

.why-yts .text-center {
    margin-bottom: 40px;
}

.yts-section-subtitle {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.8;
    color: #4d4d4d;
    margin-bottom: 30px;
}

.yts-three-pillar-subtitle {
    margin: 0 auto;
    margin-bottom: 30px;
}

/* Heading */
.yts-section-title {
    font-weight: 700;
    color: #015077;
    font-size: 40px;
    margin-bottom: 0px;
}

.why-subtitle {
    font-size: 18px;
    font-weight: 700;
    color: #333333;
}

/* Dots */
.dot {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    max-width: 200px;
    margin: 0 auto 16px;
}

/* Dot colors */
.dot-blue {
    background: #015077;
}

.dot-teal {
    background: #00A1B5;
}

.dot-red {
    background: #D2323C;
}

.dot-green-dark {
    background: #007877;
}

.dot-green {
    background: #77C48C;
}

.dot-yellow {
    background: #FFC359;
}

/* Text */
.why-text {
    font-size: 24px;
    line-height: 1.5;
    max-width: 360px;
    margin: 0 auto;
    color: #4d4d4d;
    font-weight: 600;
}

/* Container */
.why-yts-grid {
    gap: 60px 0;
}


/* A day at YTS+ */
.day-yts-grid {
    gap: 0px 0px;
}



/* THREE PILLAR SECTION */
.yts-three-pillar-section .pillar-1 {
    background-color: #D2323C;
}

.yts-three-pillar-section .pillar-2 {
    background-color: #FFC359;
}

.yts-three-pillar-section .pillar-3 {
    background-color: #00A1B5;
}


.yts-three-pillar-section .pillar-1,
.yts-three-pillar-section .pillar-3 {
    color: #fff;
    border-radius: 10px;
    text-align: center;
}

.yts-three-pillar-section .pillar-1 .program-card-content .program-card-subtext,.yts-three-pillar-section .pillar-1 .program-card-content .program-card-subtext .program-card-description ,
.yts-three-pillar-section .pillar-3 .program-card-content .program-card-content .program-card-subtext, .yts-three-pillar-section .pillar-3 .program-card-content .program-card-subtext .program-card-description {
    color: #fff;
}

.yts-three-pillar-section .pillar-2 .program-card-content .program-card-subtext,.yts-three-pillar-section .pillar-2 .mediaTextParagraph {
    color: #000;
}

.yts-three-pillar-section .pillar-1 .program-card-content *,
.yts-three-pillar-section .pillar-3 .program-card-content * {
    color: #fff;
}


.yts-three-pillar-section .pillar-1 img,
.yts-three-pillar-section .pillar-2 img,
.yts-three-pillar-section .pillar-3 img {
    border: 10px solid transparent;
}

.yts-three-pillar-section .program-card-content {
    padding: 0px 20px 30px 20px;
}

.yts-three-pillar-section .program-card-content .program-card-description strong {
    font-weight: 600;
}


/* Admissions Section */
.yts-admissions-container {
    padding-left: 20rem;
    padding-right: 20rem;
}

.yts-text-teal-dark {
    color: #007877 !important;
}

.yts-text-teal-light {
    color: #00A1B5 !important;
}

.yts-text-red {
    color: #D2323C !important;
}

.yts-text-yellow {
    color: #FFC359 !important;
}

/* Admissions process */

.admissions-section {
    padding: 80px 0;
    background: #fff;
    text-align: center;
}

.section-title {
    font-size: 32px;
    font-weight: 700;
    color: #0a3d62;
    margin-bottom: 12px;
}

.section-subtitle {
    max-width: 800px;
    margin: 0 auto 40px;
    color: #666;
    font-size: 15px;
    line-height: 1.6;
}

/* GRID */
.process-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border-radius: 28px;
    overflow: hidden;
}

/* CARD BASE */
.process-card {
    padding: 100px 36px;
    color: #fff;
    text-align: center;
}

.process-card h4 {
    margin: 16px 0 10px;
    font-size: 24px;
    font-weight: 700;
}

.process-card p {
    font-size: 18px;
}

/* STEP CIRCLE */
.step {
    display: inline-flex;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #fff;
    color: #000;
    font-weight: 700;
    align-items: center;
    justify-content: center;
}

/* COLORS */
.teal-dark {
    background: #007877;
}

.teal-light {
    background: #00A1B5;
}

.red {
    background: #D2323C;
}

.yellow {
    background: #FDBE50;
    color: #222;
}

.yellow .step {
    background: #fff;
    color: #222;
}

/* FEE BOX */
.fee-box {
    margin: 40px auto 0;
    background: #ffc55c;
    border-radius: 18px;
    padding: 28px 20px;
    max-width: 100%;
}

.fee-box h3 {
    margin-bottom: 6px;
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    color: #015077;
}

.fee-box p {
    font-size: 20px;
    color: #4D4D4D;
    text-align: center;
}

 .yts-three-pillar-section .pillars .program-card-subtext, .yts-three-pillar-section .pillars .program-card-description {
    opacity: 0.8;
 }

/* RESPONSIVE */
@media (max-width: 768px) {
    .process-grid {
        grid-template-columns: 1fr;
    }

    .yts-three-pillar-section .pillars {
        margin-bottom: 30px;
    }
}


/* Faculty grid  */

.faculty-section {
    background-color: #085378;
    color: #ffffff;
}
.faculty-section .yts-section-subtitle {
    max-width: 66%;
    margin: 0 auto;
}

@media only screen and  (max-width: 600px) {
    .faculty-section .yts-section-subtitle {
        max-width: 100%;
    }
}

/* Text colors  */

.dark-teal-text {
    color: #007877 !important;
}

.green-text {
    color: #00A1B5 !important;
}

.red-text {
    color: #D2323C !important;
}

.yellow-text {
    color: #FFC359 !important;
}

.blue-text {
    color: #015077 !important;
}


.faq-icon-wrapper {
    transform: translate(0);
}

.faq-icon {
    border: 0px solid #007878;
}


.faqs-heading {
    color: #015077;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.4;
}

.faq-question-text {
    font-size: 20px;
}

.faq-answer {
    color: #4D4D4D;
    font-size: 18px;
}

/* Journey  */
/* SECTION */
.journey-section {
    background: #ffffff;
}

/* CONTAINER */
.journey-container {
    margin: auto;
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 50px;
    align-items: start;
}

/* TITLE */

/* ITEM */
.journey-item {
    display: flex;
    align-items: flex-start;
    gap: 35px;
    margin-bottom: 22px;
}
.journey-title {
    margin-bottom: 30px;
}
/* BADGE */
.day-badge {
    font-size: 24px;
    font-weight: 600;
    color: #fff;
    padding: 16px 44px;
    border-radius: 6px;
    min-width: 210px;
    text-align: center;
}

/* BADGE COLORS */
.day-green {
    background: #007877;
}

.day-teal {
    background: #00A1B5;
}

.day-red {
    background: #D2323C;
}

.day-yellow {
    background: #FFC359;
}

.day-blue {
    background: #015077;
}

.program-card-image {
    padding-top: 70%;
}

/* TEXT */
.journey-text h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 6px;
    color: #007877;
}

.journey-description * {
    font-size: 18px;
    color: #444;
    line-height: 1.5;
}

/* IMAGE */
.journey-right img {
    width: 100%;
    border-radius: 14px;
    object-fit: cover;
}

/* RESPONSIVE */
@media (max-width: 900px) {
    .journey-container {
        grid-template-columns: 1fr;
    }

    .journey-right {
        order: -1;
    }
}



@media only screen and (max-width: 1919px) {
    .journey-description ul {
        padding-inline-start: 20px;
    }

    .journey-item {
        margin-bottom: 10px;
    }

    .journey-item {
        gap: 25px;
    }

    .component-grid-card .card-body {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .component-grid-university {
        font-size: 12px;
    }


    .day-badge {
        font-size: 16px;
        padding: 16px;
        min-width: 120px;
    }
    .journey-text h4 {
        font-size: 18px;
    }

    .yt-nav-link {
        font-size: 14px !important;
    }

    .yts-banner-heading {
        font-size: 50px;
    }

    .yts-section-title,
    .fee-box h3 {
        font-size: 32px;
    }

    .yts-section-subtitle,
    .process-card p,
    .fee-box p,
    .journey-description *,
    .faq-answer  {
        font-size: 14px;
    }

    .yt-banner-subtext *,
    .stats {
        font-size: 14px;
    }

    .help_text {
        font-size: 14px !important;
    }

    .yt-form-heading {
        padding: 20px 100px;
    }

    .subheading_form,
    .why-subtitle,
    .process-card h4,
    .day-badge
    .journey-text h4
    .faq-question-text,
    .step  {
        font-size: 18px;
    }

    .why-text {
        font-size: 16px;
        max-width: 300px;
    }

    .yts-three-pillar-subtitle {
        margin-bottom: 30px;
    }

    .journey-title {
        margin-bottom: 25px;
    }
    .jday-badge {
        padding: 16px 25px;
    }

    .process-card {
        padding: 37px 30px 55px;
    }
}



@media only screen and (max-width:600px) {
    .component-grid-card {
        padding: 0;
    }

    .component-grid-card .card-text  {
        font-size: 16px;
    }

    .component-grid-card img {
        border: 5px solid #D2323C;
    }

    .component-grid-card .card-body {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .yts-three-pillar-subtitle {
        max-width: 100%;
    }

    .three-layer-grid {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .yts-admissions-container {
        padding-left: 8rem;
        padding-right: 8rem;
    }

    .journey-item {
        flex-direction: column;
    }

    .yt-banner-content {
        margin-top: 0;
    }

    .yt-banner-content {
        padding-right: 0;
    }
}

 .component-grid-mobile {
    overflow: hidden;
 }


 .scrolled {
    background: #FFFFFFE5 !important;
    backdrop-filter: blur(10px) !important;
 }


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