@media (max-width: 1600px) {
    footer .logoF img {
        width: 200px;
    }
    footer h3 {
        font-size: 23px;
    }
    footer h4 {
        font-size: 20px;
    }
    footer h5 {
        font-size: 43px;
    }
    .banner h1 {
        font-size: 35px;
        padding: 90px 0 20px;
    }
    footer h6 {
        font-size: 30px;
    }
    .social a {
        width: 40px;
        height: 40px;
        padding: 8px;
    }
    .social {
        gap: 15px;
        margin: 20px 0 30px;
    }
    .map {
        gap: 25px 0;
        margin-top: 40px;
    }
    .social figure img {
        width: 20px;
    }
    li,
    p {
        font-size: 20px;
    }
    .form-sec {
        top: 11%;
    }
    .banner p {
        padding: 10px 0 20px;
    }
    .container {
        padding: 0 150px;
    }
    .banner .container .row .col-lg-5 {
        padding: 0 40px 0 150px;
    }
    .logo {
        width: 220px;
    }
    .banner h2 {
        font-size: 45px;
    }
    .banner h3 {
        font-size: 42px;
    }
    .banner .two a {
        font-size: 20px;
    }
    .banner .container .row .col-lg-7 figure:last-child {
        width: 67%;
    }
    .fiibx-stage {
        margin-top: 25px;
    }
    .fiibx-detail p {
        font-size: 14px;
    }
    .fiibx-detail {
        margin: 10px 0 50px;
    }
    h2 {
        font-size: 55px;
    }
    .outcome .buil {
        right: 150px;
        width: 37%;
    }
    .behind .item p {
        font-size: 16px;
        padding-top: 10px;
    }
    .cohort {
        font-size: 28px;
    }
    .metric small {
        font-size: 30px;
        vertical-align: 85%;
    }
    .metric:nth-child(n + 4) {
        padding-top: 15px;
    }
    .metric strong {
        font-size: 65px;
    }
    .metric span {
        font-size: 25px;
    }
    .metric p {
        font-size: 20px;
    }
    .metric {
        padding: 25px;
    }
    .logo-marquee figure {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
        flex: 0 0 120px;
    }
    .logo-row {
        height: auto;
    }
    .behind .item img {
        width: 200px;
    }
    .behind .item {
        padding-right: 20px;
    }
    .behind .row:last-child {
        padding-top: 60px;
    }
    .behind .row {
        --bs-gutter-x: 20px;
    }
    .behind .heading {
        padding-bottom: 50px;
    }
    .logos h2 {
        font-size: 24px;
    }
    .circle-box h3 {
        font-size: 18px;
        padding: 10px;
    }
    .custom-tabs .tab-buttons .nav-link {
        font-size: 39px;
    }
    .choices .item h3 {
        font-size: 50px;
        margin-bottom: 30px;
        padding-bottom: 10px;
    }
    .choices .item h4 {
        font-size: 25px;
        padding-bottom: 10px;
    }
    .choices .item p {
        font-size: 20px;
        padding-bottom: 25px;
    }
    .choices .item a {
        padding: 15px;
        font-size: 20px;
        border-radius: 8px;
    }
    .starts .tab-buttons .nav-item .nav-link {
        font-size: 30px;
    }
    .starts .item ul li {
        font-size: 25px;
    }
    .starts .item figure {
        width: 30%;
    }
    .line {
        margin: 40px 150px 0;
    }
    .career .container {
        padding: 0 110px;
    }
    .fiibx-head h2 {
        font-size: 62px;
    }
    .fiibx-head p {
        font-size: 25px;
    }
    .fiibx-visual img {
        max-width: 92%;
    }
    .careers .item h3 {
        font-size: 25px;
        padding: 10px 0 20px;
    }
    .careers .item figure:last-child img {
        width: 160px;
    }
    .careers .item p {
        font-size: 17px;
        padding: 16px 0;
    }
    .careers .heading {
        padding-bottom: 30px;
    }
    .fiibx-panel::after {
        margin-top: -59px;
    }
    .outcome .heading {
        padding-bottom: 30px;
    }
    .skills-row li {
        font-size: 16px;
    }
    .circle-content figure:nth-child(3) {
        width: 22px;
    }
    .business .line {
        margin-top: 50px;
    }
    .capability figure {
        width: 80%;
        margin-left: auto;
    }
    .custom-tabs .tab-content-wrapper .bottom {
        padding-top: 10px;
    }
    .changes .content-inner .item figure {
        height: 280px;
    }
}

@media (max-width: 1400px) {
    .map .item a {
        gap: 10px;
    }
    .map .item a p {
        font-size: 20px;
    }
    .career .container {
        padding: 0 80px;
    }
    .fiibx-head {
        gap: 45px;
        padding-bottom: 0;
    }
    .fiibx-head h2 {
        font-size: 52px;
    }
    .fiibx-head p {
        font-size: 20px;
    }
    .fiibx-stage {
        -ms-grid-columns: 25% 12px 50% 12px 25%;
        grid-template-columns: 25% 50% 25%;
        gap: 12px;
        margin-top: 35px;
    }
    .fiibx-trigger strong {
        font-size: 24px;
    }
    .fiibx-detail h6,
    .fiibx-trigger span {
        font-size: 15px;
    }
    .fiibx-detail {
        margin-bottom: 34px;
    }
    .fiibx-detail p {
        font-size: 13px;
    }
    .fiibx-visual {
        margin: -20px -45px 0;
    }
    .line {
        margin: 40px 100px 0;
    }
    .fiibx-panel::after {
        margin-top: -51px;
    }
    .actually-navigation .swiper-button-next,
    .actually-navigation .swiper-button-prev {
        width: 35px;
        height: 35px;
    }
    .circle-box h3 {
        margin: 0 !important;
        font-size: 16px;
    }
    .skills-row ul {
        margin-bottom: 10px;
    }
    .business .row .col-lg-3:first-child {
        margin-top: 210px;
    }
    .business .col-lg-3 .arImg {
        top: -130px;
        right: -10px;
    }
    .business .row .col-lg-3:nth-child(3) {
        margin-top: 270px;
    }
    .business .row .col-lg-3:nth-child(2) .arImg {
        top: 120px;
        right: -90px;
    }
    .business .line {
        margin-top: 20px;
    }
    .business {
        padding-bottom: 0;
    }
    .skills-row li {
        font-size: 14px;
    }
    .business .row .col-lg-3:nth-child(4) .circle-box {
        margin-top: -78px;
    }
    .banner .container .row .col-lg-5 {
        padding: 0 40px 0 100px;
    }
    .container {
        padding: 0 100px;
    }
    .banner h1 {
        font-size: 30px;
    }
    .logo {
        width: 200px;
        top: 20px;
        left: 20px;
    }
    .banner h2 {
        font-size: 40px;
    }
    h2 {
        font-size: 50px;
    }
    .custom-tabs .tab-buttons .nav-link {
        font-size: 32px;
    }
    .custom-tabs .tab-content-wrapper {
        padding: 35px;
    }
    .custom-tabs .tab-content-wrapper h3 {
        font-size: 25px;
        padding-bottom: 30px;
    }
    .business h3 {
        margin-top: -190px;
    }
    section {
        padding: 60px 0;
    }
    .changes .heading {
        margin-right: 10px;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .changes .heading1 h3 {
        font-size: 30px;
    }
    .changes .content-inner .item h3 {
        font-size: 25px;
    }
    .changes .content-inner .item p {
        font-size: 16px;
        padding: 20px 0;
    }
    .changes .content-inner .item h3 {
        padding: 10px 0 15px;
    }
    .changes .heading p {
        font-size: 20px;
    }
    .choices .item p {
        font-size: 16px;
        padding-bottom: 15px;
    }
    .choices .item h3 {
        font-size: 40px;
        margin-bottom: 20px;
        padding-bottom: 5px;
    }
    .choices .item a {
        margin-top: 5px;
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
    }
    .capability .heading h3,
    .capability .heading h5 {
        font-size: 40px;
    }
    .capability .heading h4 {
        font-size: 200px;
    }
    .capability .heading a {
        font-size: 25px;
    }
    .limj {
        right: 5px;
        bottom: -20px;
    }
    .capability figure {
        width: 80%;
        margin-left: auto;
    }
    li,
    p {
        font-size: 20px;
    }
    section {
        padding: 80px 0;
    }
    .banner h3 {
        font-size: 37px;
        padding: 20px 0;
    }
    .banner .two a {
        font-size: 18px;
    }
    .careers .item h3 {
        font-size: 22px;
        padding: 10px 0 20px;
    }
    .careers .heading {
        padding-bottom: 30px;
    }
    .outcome {
        background-position: 20% 80px;
    }
    .actually h3 {
        padding: 40px 0 10px;
        font-size: 28px;
        margin-top: 20px;
    }
    .starts .item figure {
        bottom: -130px;
    }
    .starts .heading h3 {
        font-size: 35px;
        padding: 5px 10px 10px;
    }
}

@media (max-width: 1300px) {
    .outcome .buil {
        right: 100px;
    }
    .careers .item p {
        font-size: 15px;
        width: 70%;
        padding: 20px 0;
    }
    .starts .tab-buttons .nav-item .nav-link {
        font-size: 25px;
        padding: 10px;
    }
    .starts .item figure {
        width: 40%;
        bottom: -100px;
    }
    .fiibx-visual img {
        max-width: 100%;
    }
    .careers .item figure:last-child img {
        width: 130px;
    }
    .outcome {
        padding-top: 0;
    }
    .actually h2 {
        font-size: 40px;
        margin-bottom: 10px;
    }
    .actually h3 {
        padding: 30px 0 10px;
        font-size: 20px;
        margin-top: 14px;
    }
    .actually .ou p {
        font-size: 18px;
    }
    .business .heading {
        padding-bottom: 40px;
    }
    .changes .tab-buttons .nav-item .nav-link {
        font-size: 25px;
    }
    .changes .content-inner .item h3::before {
        height: 5px;
    }
    .changes .content-inner .item p {
        font-size: 14px;
        padding: 10px 0;
    }
    .changes .content-inner .item figure {
        height: 250px;
    }
    .changes .heading1 .ind .item h4 {
        font-size: 70px;
    }
    .choices .col-lg-8 .row .col-lg-6:last-child .item {
        margin-top: 70px;
    }
}

@media (max-width: 1200px) {
    footer .logoF img {
        width: 160px;
    }
    .career .container {
        padding: 0 48px;
    }
    .fiibx-head h2 {
        font-size: 46px;
    }
    footer h3 {
        font-size: 19px;
    }
    footer h4 {
        font-size: 17px;
    }
    footer h5 {
        font-size: 35px;
    }
    footer h6 {
        font-size: 25px;
    }
    .map .item a p {
        font-size: 17px;
    }
    .social a {
        width: 35px;
        height: 35px;
    }
    .fiibx-head p {
        font-size: 18px;
    }
    .fiibx-stage {
        -ms-grid-columns: 26% 48% 26%;
        grid-template-columns: 26% 48% 26%;
        margin-top: 25px;
    }
    .fiibx-trigger strong {
        font-size: 21px;
    }
    .fiibx-detail h6,
    .fiibx-trigger span {
        font-size: 13px;
    }
    .fiibx-detail {
        margin: 8px 0 24px;
    }
    .fiibx-detail p {
        font-size: 12px;
        margin-bottom: 6px;
    }
    .fiibx-visual {
        margin: -12px -32px 0;
    }
    .container {
        padding: 0 55px;
    }
    h2 {
        font-size: 48px;
    }
    li,
    p {
        font-size: 20px;
    }
    .line {
        margin: 50px 55px 0;
    }
    .banner .container .row .col-lg-5 {
        padding: 0 45px 0 80px;
    }
    .banner h1 {
        font-size: 40px;
    }
    .banner h2,
    .banner h3 {
        font-size: 44px;
    }
}

@media (max-width: 991px) {
    .career {
        padding: 55px 0;
    }
    .career .container {
        padding: 0 34px;
    }
    .fiibx-panel::after {
        margin-top: 20px;
    }
    .fiibx-head {
        display: block;
        padding-bottom: 0;
    }
    .fiibx-head h2,
    .fiibx-head p {
        width: 100%;
    }
    .fiibx-head h2 {
        font-size: 46px;
        margin-bottom: 18px;
    }
    .fiibx-head p {
        font-size: 18px;
        max-width: 760px;
    }
    .fiibx-stage {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 28px 1fr;
        grid-template-columns: 1fr 1fr;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        gap: 26px 28px;
        margin-top: 32px;
    }
    .fiibx-visual {
        grid-column: 1/-1;
        -ms-grid-row: 1;
        grid-row: 1;
        margin: 0 auto;
        max-width: 560px;
    }
    .fiibx-copy {
        width: 100%;
        text-align: left;
    }
    .fiibx-copy-left {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row: 2;
        grid-row: 2;
    }
    .fiibx-copy-right {
        -ms-grid-column: 2;
        grid-column: 2;
        -ms-grid-row: 2;
        grid-row: 2;
        text-align: left;
    }
    .fiibx-trigger strong {
        font-size: 25px;
    }
    .fiibx-detail h6,
    .fiibx-trigger span {
        font-size: 15px;
    }
    .fiibx-detail {
        margin-bottom: 24px;
    }
    .fiibx-detail p {
        font-size: 14px;
        line-height: 1.25;
    }
    body,
    html {
        width: 100%;
        overflow-x: hidden;
    }
    section {
        padding: 58px 0;
    }
    .capability .container,
    .career .container,
    .container {
        padding-left: 28px;
        padding-right: 28px;
    }
    h2 {
        font-size: 42px;
    }
    li,
    p {
        font-size: 17px;
    }
    img {
        max-width: 100%;
        height: auto;
    }
    .row {
        --bs-gutter-y: 28px;
    }
    .line {
        margin: 36px 28px 0;
    }
    .line figure {
        width: 74px;
        margin: auto;
    }
    .line::after,
    .line::before {
        width: calc(50% - 48px);
    }
    .logo {
        top: 18px;
        left: 24px;
        width: 118px;
        z-index: 2;
    }
    .banner {
        height: auto;
        min-height: 0;
    }
    .banner .container,
    .banner .container .row {
        height: auto;
    }
    .banner .container .row .col-lg-5 {
        padding: 95px 28px 44px;
        min-height: auto;
        place-content: initial;
    }
    .banner h1 {
        padding: 0 0 22px;
        margin-bottom: 18px;
        font-size: 42px;
        max-width: 520px;
    }
    .banner p {
        padding: 18px 0;
        max-width: 560px;
    }
    .banner h2,
    .banner h3 {
        font-size: 42px;
        padding: 18px 0;
    }
    .banner .two {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .banner .two a {
        font-size: 18px;
        padding: 10px 16px;
    }
    .banner .container .row .col-lg-7 {
        margin: 0;
    }
    body {
        padding-bottom: 48px;
    }
    .form-sec {
        position: static;
        width: min(100%, 420px);
        margin: 28px auto 0;
        padding: 24px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .hides.form-sec,
    .slide-righta.form-sec {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .form-sec .close {
        display: none;
    }
    .adm-txt h3 {
        font-size: 24px;
    }
    .adm-txt h4 {
        font-size: 20px;
    }
    .topenq.desktop {
        display: none;
    }
    .topenq1.mobile {
        display: block;
    }
    .topenq1 {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9999;
    }
    .topenq1.mobile a {
        display: block;
        padding: 14px;
        background: #000;
        color: #fff;
        text-align: center;
        text-decoration: none;
        font-size: 16px;
    }
    .behind .heading,
    .business .heading,
    .changes .heading,
    .learn .heading,
    .starts .heading {
        padding-bottom: 32px;
    }
    .behind .item {
        border-right: 0;
        border-bottom: 1px solid #d8d8d8;
        padding: 0 0 24px;
    }
    .behind .row:last-child {
        padding-top: 30px;
    }
    .behind .row {
        --bs-gutter-x: 0;
    }
    .careers .item p,
    .changes .content-inner .item p {
        width: 100%;
    }
    .careers .item h3 {
        font-size: 26px;
    }
    .outcome {
        background-position: center bottom;
    }
    .outcome .heading {
        display: block;
    }
    .cohort,
    .logo-track,
    .metric-grid,
    .outcome .heading h2,
    .outcome .heading p {
        width: 100%;
    }
    .outcome .heading h2 {
        margin-bottom: 16px;
    }
    .cohort {
        font-size: 24px;
    }
    .metric-grid {
        -ms-grid-columns: (1fr);
        grid-template-columns: repeat(2, 1fr);
    }
    .metric {
        padding: 24px;
    }
    .metric:nth-child(3n) {
        border-right: 1px solid var(--blue);
    }
    .metric:nth-child(2n) {
        border-right: 0;
    }
    .metric:nth-child(n + 3) {
        border-top: 1px solid var(--blue);
    }
    .metric strong {
        font-size: 58px;
    }
    .metric small,
    .metric span {
        font-size: 26px;
    }
    .metric p {
        font-size: 20px;
    }
    .actually .row {
        padding: 30px 22px;
    }
    .actually h2 {
        font-size: 36px;
    }
    .actually h3 {
        font-size: 26px;
        padding-top: 28px;
    }
    .actually .ou {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .actually .ou p {
        font-size: 17px;
    }
    .custom-tabs .tab-wrapper {
        display: block;
    }
    .custom-tabs .tab-buttons {
        display: none;
    }
    .custom-tabs .tab-content-wrapper {
        width: 100%;
        padding: 0;
        background: 0 0;
    }
    .tab-pane-custom {
        display: block;
        border-bottom: 1px solid #d8d8d8;
    }
    .accordion-header {
        display: block;
        width: 100%;
        border: 0;
        background: #fff;
        color: var(--blue);
        padding: 18px 0;
        text-align: left;
        font-size: 24px;
        font-weight: 800;
    }
    .accordion-body {
        max-height: 0;
        overflow: hidden;
    }
    .tab-pane-custom.active .accordion-body {
        margin-bottom: 22px;
    }
    .custom-tabs .tab-content-wrapper h3 {
        display: block;
        background: var(--blue);
        padding: 20px;
        font-size: 20px;
    }
    .custom-tabs .tab-content-wrapper .bottom {
        margin-top: 0;
    }
    .custom-tabs .tab-content-wrapper .bottom,
    .custom-tabs .tab-content-wrapper .top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background: var(--blue);
        gap: 22px;
        padding: 10px;
    }
    .changes .accordion-header {
        display: none !important;
    }
    .changes .accordion-body {
        max-height: none !important;
        overflow: visible !important;
    }
    .changes .tab-pane-custom {
        display: none;
    }
    .changes .tab-pane-custom.active {
        display: block;
    }
    .business .row {
        --bs-gutter-x: 24px;
        --bs-gutter-y: 40px;
    }
    .business .row .col-lg-3,
    .business .row .col-lg-3:first-child,
    .business .row .col-lg-3:first-child,
    .business .row .col-lg-3:nth-child(3),
    .business .row .col-lg-3:nth-child(4) {
        width: 50%;
        margin-top: 0;
    }
    .business .row .col-lg-3 figure:nth-child(2) {
        display: none;
    }
    .changes .tab-buttons .nav-item {
        width: 30.33%;
    }
    .business h3 {
        margin-top: 10px;
        font-size: 17vw;
    }
    .changes .heading {
        margin-right: 0;
        margin-bottom: 30px;
    }
    .changes .heading1 h3 {
        font-size: 32px;
    }
    .changes .heading1 .ind {
        margin-top: 30px;
        gap: 20px 0;
    }
    .changes .heading1 .ind .item h4 {
        font-size: 52px;
    }
    .changes .tab-wrapper {
        padding-left: 0;
    }
    .changes .tab-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-bottom: 0;
        margin-top: 40px;
    }
    .changes .content-inner .item {
        width: 50%;
    }
    .choices .heading {
        height: auto;
        margin-bottom: 28px;
    }
    .choices .col-lg-8 .row .item {
        padding: 28px;
    }
    .choices .item h3 {
        font-size: 42px;
        margin-bottom: 24px;
    }
    .choices .item h4 {
        font-size: 22px;
    }
    .choices .item p {
        font-size: 17px;
    }
    .choices .item a {
        display: inline-block;
        font-size: 18px;
        padding: 14px 18px;
    }
    .choices .col-lg-8 .row .col-lg-6:last-child .item {
        margin-top: 0;
    }
    .lrSlider figure {
        width: 100%;
    }
    .starts .tab-buttons {
        display: none;
    }
    .starts .tab-wrapper {
        border-radius: 20px;
        padding: 0 18px 30px;
    }
    .starts .tab-wrapper .tab-content-wrapper {
        padding: 0;
    }
    .starts .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 20px 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
    }
    .starts .item figure {
        bottom: auto;
        margin-bottom: 22px;
    }
    .starts .item ul {
        padding-left: 0;
    }
    .starts .item ul li {
        font-size: 20px;
    }
    .starts .heading h3 {
        font-size: 26px;
    }
    .capability {
        padding-bottom: 52px;
    }
    .capability .row {
        gap: 24px;
    }
    .capability .heading {
        width: 100%;
    }
    .capability .heading h3,
    .capability .heading h5 {
        font-size: 34px;
    }
    .capability .heading h4 {
        font-size: 120px;
    }
    .capability .heading a {
        position: static;
        right: auto;
        rotate: 0deg;
        margin: 12px 12px 0 0;
        font-size: 18px;
    }
    .limj {
        display: none;
    }
    .starts .tab-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .starts .accordion-header {
        display: none !important;
    }
    .starts .accordion-body {
        max-height: none !important;
        overflow: visible !important;
    }
    .starts .tab-pane-custom {
        display: none;
    }
    .starts .tab-pane-custom.active {
        display: block;
    }
    .starts .tab-buttons .nav-item .nav-link {
        font-size: 18px;
        padding: 10px;
    }
    .starts .tab-buttons .nav-item {
        padding: 0;
    }
}

@media (max-width: 767px) {
    .career {
        padding: 42px 0;
    }
    .career .container {
        padding: 0 22px;
    }
    .fiibx-head h2 {
        font-size: 39px;
    }
    .fiibx-head p {
        font-size: 16px;
    }
    .fiibx-stage {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 18px;
        margin-top: 26px;
    }
    .careers .heading {
        padding-bottom: 10px;
    }
    .fiibx-visual {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        max-width: 470px;
    }
    .fiibx-copy-left {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
    .fiibx-copy-right {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    .fiibx-trigger strong {
        font-size: 24px;
    }
    .fiibx-detail {
        margin: 8px 0 22px;
    }
    .fiibx-detail p {
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .map .item a {
        gap: 5px;
    }
    .liveProjectSwiper {
        display: block;
    }
    .business h3 {
        display: none;
    }
    .map .item a p {
        font-size: 13px;
    }
    .map .item a img {
        width: 20px;
    }
    footer h5 {
        font-size: 25px;
        padding-bottom: 30px;
    }
    footer h6 {
        font-size: 18px;
    }
    .social {
        margin: 10px 0 30px;
    }
    .capability {
        padding-top: 0;
    }
    footer {
        padding: 40px 0;
    }
    footer h4 {
        font-size: 13px;
    }
    footer h3 {
        font-size: 15px;
    }
    .map {
        gap: 15px 0;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .business .row {
        display: none;
    }
    .circle-box {
        width: 73vw;
        height: 73vw;
        margin: -80px auto 0;
    }
    .row.dissu {
        display: none;
    }
    .tabiv {
        display: block;
    }
    .liveProjectSwiper .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        opacity: 1;
        background-color: #254176;
    }
    .liveProjectSwiper .swiper-pagination {
        bottom: 0;
    }
    .liveProjectSwiper .swiper-pagination-bullet-active {
        width: 25px;
        border-radius: 10px;
        background-color: #fbb516;
    }
    .program-tabs {
        width: min(100%, 390px);
        background: var(--gold);
        -webkit-box-shadow: 0 14px 36px var(--shadow);
        box-shadow: 0 14px 36px var(--shadow);
    }
    .tab-buttons {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 8px 1fr;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
        padding: 0;
        background: #f3f5f9;
    }
    .tab-button {
        border: 0;
        min-height: 42px;
        border-radius: 7px;
        background: #d9d9d9;
        color: var(--blue);
        font-size: 15px;
        font-weight: 800;
        cursor: pointer;
        -webkit-box-shadow: inset 0 0 0 2px transparent;
        box-shadow: inset 0 0 0 2px transparent;
        -webkit-transition: background 180ms ease, color 180ms ease, -webkit-transform 180ms ease;
        transition: background 180ms ease, color 180ms ease, -webkit-transform 180ms ease;
        transition: background 180ms ease, color 180ms ease, transform 180ms ease;
        transition: background 180ms ease, color 180ms ease, transform 180ms ease, -webkit-transform 180ms ease;
    }
    .tab-button:hover {
        -webkit-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
        transform: translateY(-1px);
    }
    .tab-button.is-active {
        background: var(--blue);
        color: #fff;
    }
    .program-panel {
        display: none;
        padding: 22px 26px 24px;
        min-height: 419px;
        -webkit-animation: panelIn 180ms ease;
        animation: panelIn 180ms ease;
    }
    .program-panel.is-active {
        display: block;
    }
    .program-panel.gold {
        background: var(--yellow);
        color: #050505;
    }
    .program-panel.blue {
        background: var(--blue);
        color: #fff;
    }
    .program-title {
        margin: 0 0 8px;
        font-size: clamp(34px, 10vw, 42px);
        line-height: 0.95;
        letter-spacing: 0;
        font-weight: 900;
        color: var(--blue);
        text-transform: uppercase;
    }
    .blue .program-title {
        color: var(--yellow);
    }
    .title-rule {
        height: 4px;
        width: 100%;
        margin-bottom: 18px;
        background: currentColor;
        color: var(--blue);
    }
    .blue .title-rule {
        color: var(--yellow);
    }
    .program-heading {
        margin: 0 0 12px;
        max-width: 310px;
        font-size: 20px;
        line-height: 1.2;
        font-weight: 900;
        color: var(--blue);
    }
    .blue .program-heading {
        color: var(--yellow);
    }
    .program-copy {
        margin: 0 0 24px;
        max-width: 318px;
        font-size: 16px;
        line-height: 1.45;
        color: #fff;
    }
    .career-list li {
        color: #fff;
    }
    #pgdm .career-list li,
    #pgdm .program-copy {
        color: #000;
    }
    .career-title {
        margin: 0 0 10px;
        font-size: 21px;
        line-height: 1.15;
        font-weight: 900;
        color: var(--blue);
    }
    .blue .career-title {
        color: var(--yellow);
    }
    .career-list {
        margin: 0 0 30px;
        padding: 0;
        list-style: none;
        font-size: 15px;
        line-height: 1.45;
    }
    .brochure-btn {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 55px;
        padding: 0 18px;
        border-radius: 7px;
        border: 0;
        background: var(--blue);
        color: #fff;
        font-size: 17px;
        font-weight: 900;
        text-decoration: none;
        cursor: pointer;
        -webkit-transition: -webkit-transform 180ms ease, -webkit-filter 180ms ease;
        transition: -webkit-transform 180ms ease, -webkit-filter 180ms ease;
        transition: transform 180ms ease, filter 180ms ease;
        transition: transform 180ms ease, filter 180ms ease, -webkit-transform 180ms ease, -webkit-filter 180ms ease;
    }
    .blue .brochure-btn {
        background: var(--yellow);
        color: var(--blue);
    }
    .brochure-btn:hover {
        -webkit-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
        transform: translateY(-1px);
        -webkit-filter: brightness(0.98);
        filter: brightness(0.98);
    }
    @-webkit-keyframes panelIn {
        from {
            opacity: 0;
            -webkit-transform: translateY(6px);
            transform: translateY(6px);
        }
        to {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }
    @keyframes panelIn {
        from {
            opacity: 0;
            -webkit-transform: translateY(6px);
            transform: translateY(6px);
        }
        to {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }
    @media (max-width: 360px) {
        body {
            padding: 0;
        }
        .program-tabs {
            width: 100%;
        }
        .program-panel {
            padding: 22px;
        }
    }
    .live-project-img {
        position: relative;
        z-index: 3;
        margin: -60px auto 0;
        width: 60%;
    }
    .liveProjectSwiper .live-project-card.diffi .circle-box {
        margin-top: -100px;
    }
    .business h3 {
        text-align: left;
        padding: 0 30px;
        padding-bottom: 10px;
    }
    .arImg {
        display: none;
    }
    .live-project-card {
        pointer-events: none;
    }
    .liveProjectSwiper {
        width: 100%;
        overflow: hidden;
    }
    .liveProjectSwiper .swiper-slide {
        height: auto;
    }
    .liveProjectSwiper .live-project-card {
        height: 100%;
    }
    .liveProjectSwiper .arImg {
        margin-top: 20px;
    }
    .liveProjectSwiper .swiper-button-next,
    .liveProjectSwiper .swiper-button-prev {
        width: 45px;
        height: 45px;
    }
    .liveProjectSwiper .swiper-button-next::after,
    .liveProjectSwiper .swiper-button-prev::after {
        font-size: 18px;
    }
    .liveProjectSwiper .swiper-pagination {
        position: relative;
        margin-top: 25px;
    }
    .circle-content figure:nth-child(3) {
        display: none;
    }
    .skills-row {
        display: block;
        margin: unset;
        padding-left: 10px;
        padding-top: 10px;
    }
    .actually .col-lg-5 figure {
        width: 60%;
        margin: auto;
    }
    .skills-row li {
        font-size: 18px;
        color: #000;
    }
    .live-project-img.hg {
        margin: -100px 0 0;
    }
    section {
        padding: 42px 0;
    }
    body {
        padding-bottom: 0;
    }
    .business h3 br {
        display: none;
    }
    .behind {
        padding-bottom: 0;
    }
    .live-project-content figure {
        text-align: center;
    }
    .capability .container,
    .career .container,
    .container {
        padding-left: 16px;
        padding-right: 16px;
    }
    h2 {
        font-size: 32px;
    }
    li,
    p {
        font-size: 15px;
    }
    .heading h2 {
        padding-bottom: 12px;
        font-weight: 300;
    }
    .row {
        --bs-gutter-y: 0;
    }
    .banner .container .row .col-lg-7,
    .fiibx-panel,
    .heading h2 br {
        display: none;
    }
    .fixi {
        display: block;
    }
    .line {
        margin: 28px 16px 0;
    }
    .fixi .figure {
        width: 60%;
    }
    .fixi .swiper-slide {
        text-align: center;
    }
    .fixi .jhj {
        text-align: left;
        background: #efefef;
        padding: 20px 20px 0;
        margin-top: -17px;
    }
    .logo {
        top: 14px;
        left: 16px;
        width: 104px;
    }
    .banner .container .row .col-lg-5 {
        padding: 82px 16px 34px;
    }
    .banner h1 {
        font-size: 31px;
        line-height: 1.08;
        padding-bottom: 10px;
        margin-bottom: 5px;
    }
    .banner p {
        padding: 14px 0;
        line-height: 1.45;
    }
    .banner h2,
    .banner h3 {
        font-size: 31px;
        padding: 12px 0;
    }
    .banner .two {
        gap: 8px;
    }
    .banner .two a {
        font-size: 15px;
        padding: 9px 12px;
    }
    .form-sec {
        width: 95%;
        max-width: none;
        margin-top: 22px;
        padding: 18px;
    }
    .form-sec .form-group {
        margin-bottom: 14px;
    }
    .adm-txt h3 {
        font-size: 22px;
    }
    .adm-txt h4 {
        font-size: 18px;
    }
    .behind .item img {
        max-width: 90px;
        aspect-ratio: 2/1;
        -o-object-fit: contain;
        object-fit: contain;
    }
    .behind .item figure {
        text-align: center;
    }
    .behind .item p {
        font-size: 12px;
        padding: 10px 10px 0;
        text-align: center;
    }
    .careers .item h3,
    .changes .content-inner .item h3 {
        font-size: 22px;
    }
    .careers .item p,
    .changes .content-inner .item p {
        font-size: 12px;
    }
    .metric,
    .metric:nth-child(2n),
    .metric:nth-child(3n) {
        border-right: 0;
    }
    .outcome {
        background-position: center;
        padding-top: 0;
        z-index: 1;
        overflow: hidden;
    }
    .outcome .buil {
        right: 1%;
        width: 64%;
        z-index: -1;
        bottom: -30px;
    }
    .metric-grid {
        -ms-grid-columns: (1fr);
        grid-template-columns: repeat(3, 1fr);
    }
    .metric {
        padding: 10px 0;
    }
    .metric p br {
        display: none;
    }
    .metric strong {
        font-size: 30px;
    }
    .logo-track {
        -ms-grid-rows: (58px);
        grid-template-rows: repeat(4, 58px);
    }
    .logo-card {
        width: 104px;
        height: 62px;
        font-size: 22px;
    }
    .actually .row {
        padding: 24px 16px 100px;
    }
    .actually h2 {
        font-size: 26px;
        text-align: center;
        margin-top: 15px;
    }
    .actually p {
        color: #fff;
        text-align: center;
    }
    .actually .ou {
        gap: 5px;
        text-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .actually h3 {
        font-size: 20px;
    }
    .actually h3 {
        text-align: center;
    }
    .actually h3::before {
        left: 30%;
    }
    .changes .tab-content-wrapper {
        margin-top: 20px;
    }
    .accordion-header {
        font-size: 20px;
        padding: 10px 10px;
        line-height: 1.2;
    }
    .business .heading {
        padding-bottom: 40px;
    }
    .business .row {
        gap: 20px 0;
    }
    .changes .heading p {
        font-size: 12px;
    }
    .business .row .col-lg-3 {
        width: 50% !important;
    }
    .business .heading br {
        display: none;
    }
    .business .row .col-lg-3,
    .business .row .col-lg-3:first-child,
    .business .row .col-lg-3:first-child,
    .business .row .col-lg-3:nth-child(3),
    .business .row .col-lg-3:nth-child(4) {
        width: 100%;
    }
    .business h3 {
        font-size: 18vw;
        margin-top: 0;
        display: none;
    }
    .circle-box h3 {
        display: block;
    }
    .changes .content-inner .item figure {
        height: 170px;
    }
    .changes .heading1 h3 {
        font-size: 26px;
    }
    .changes .heading1 .ind .item {
        width: 50%;
    }
    .changes .heading1 .ind .item h4 {
        font-size: 48px;
    }
    .changes .content-inner .item {
        width: 47%;
    }
    .changes .content-inner {
        gap: 10px;
    }
    .choices .col-lg-8 .row .item {
        padding: 22px;
    }
    .careers .item h3,
    .changes .content-inner .item h3 {
        font-size: 16px;
    }
    .choices .item h3 {
        font-size: 34px;
        margin-bottom: 18px;
    }
    .choices .item h4 {
        font-size: 20px;
    }
    .choices .item p {
        font-size: 15px;
        padding-bottom: 24px;
    }
    .starts .tab-wrapper {
        padding: 0;
        border-radius: 16px;
    }
    .capability {
        padding-bottom: 0;
    }
    .capability figure {
        width: 50%;
        margin: auto;
    }
    .careers .item figure:last-child img.gjg {
        width: 85px;
    }
    .backToTop {
        bottom: 10px;
        width: 30px;
        height: 30px;
        font-size: 18px;
    }
    .starts .heading h3 {
        font-size: 22px;
        padding: 8px 0 14px;
    }
    .starts .item ul li {
        font-size: 17px;
        font-weight: 900;
    }
    .capability .heading h3,
    .capability .heading h5 {
        font-size: 28px;
    }
    .capability .heading h4 {
        font-size: 82px;
    }
    .capability .heading a {
        font-size: 15px;
        padding: 9px 14px;
    }
    .behind .row .col-lg-3:last-child .item,
    .behind .row .col-lg-4:last-child .item {
        border: revert-rule;
    }
    h2 {
        font-size: 29px;
    }
    .fiibx-head h2 {
        font-size: 30px;
    }
    .fiibx-head p {
        font-size: 14px;
    }
    .fiibx-trigger strong {
        font-size: 25px;
    }
    .fiibx-detail p {
        font-size: 14px;
    }
    .banner h1,
    .banner h2,
    .banner h3 {
        font-size: 28px;
    }
    .banner .two a {
        width: 100%;
        text-align: center;
    }
    .form-sec {
        padding: 15px;
    }
    .capability .heading h4 {
        font-size: 70px;
    }
    .behind .row .col-lg-3,
    .behind .row .col-lg-4 {
        width: 50%;
    }
    .behind .heading {
        text-align: center;
        padding-bottom: 0;
    }
    .behind .row .col-lg-3:last-child .item,
    .behind .row .col-lg-4:last-child .item {
        border-bottom: 1px solid #d8d8d8;
    }
    .behind .row .col-lg-4:last-child {
        width: 100%;
    }
    .behind .row .col-lg-4:last-child .item {
        border: none;
    }
    .behind .item {
        padding: 10px 0 20px;
    }
    .behind .row:last-child {
        padding-top: 0;
    }
    .fiibx-head {
        text-align: center;
    }
    .outcome .heading h2 {
        text-align: center;
    }
    .outcome .heading p {
        text-align: center;
    }
    .outcome .heading {
        padding-bottom: 30px;
    }
    .metric small,
    .metric span {
        font-size: 12px;
    }
    .metric p {
        font-size: 12px;
    }
    .metrics {
        width: 100%;
    }
    .metric,
    .metric:nth-child(3) {
        border-top: 0;
    }
    .logo-marquee,
    .logo-track {
        gap: 5px;
    }
    .logo-marquee figure {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
        flex: 0 0 60px;
    }
    .logos h2 {
        font-size: 14px;
        width: 200px;
        margin: 15px 0;
    }
    .actually .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 20px;
        padding-bottom: 0;
        height: 100%;
    }
    .ou figure {
        width: 50px;
    }
    .whatever .col-lg-4 figure {
        width: 200px;
        margin: 0 auto;
    }
    .whatever .accordion-header {
        text-align: center;
    }
    .careers {
        padding: 50px 0 30px;
    }
    .cohort {
        font-size: 12px;
    }
    .whatever {
        padding: 20px 0;
    }
    .whatever .heading {
        text-align: center;
        padding-bottom: 30px;
    }
    .changes .heading {
        margin-right: 0;
        margin-bottom: 20px;
        padding-bottom: 20px;
        text-align: center;
    }
    .changes .heading1 h3 {
        font-size: 29px;
        text-align: center;
    }
    .changes .heading1 .ind {
        margin-top: 10px;
        gap: 20px 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }
    .choices .heading {
        height: auto;
        margin-bottom: 28px;
        text-align: center;
    }
    .outcome .heading h2 {
        margin-bottom: 0;
    }
    .fiibx-detail {
        color: var(--blue);
    }
    .fiibx-trigger strong {
        color: var(--blue);
    }
    .fiibx-detail h6,
    .fiibx-trigger span {
        color: var(--blue);
    }
    .fiibx-detail {
        border-bottom: 2px solid #254176;
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .changes .content-inner .item p {
        font-size: 11px;
    }
    .changes {
        padding-top: 0;
    }
    .tab-pane-custom.active .accordion-header::after {
        content: "−";
    }
    .accordion-header::after {
        content: "+";
        font-size: 22px;
        -webkit-transition: -webkit-transform 0.35s;
        transition: -webkit-transform 0.35s;
        transition: transform 0.35s;
        transition: transform 0.35s, -webkit-transform 0.35s;
    }
    .accordion-header {
        text-align: left;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .fiibx-detail h4 {
        padding-bottom: 10px;
        font-weight: 400;
    }
    .fiibx-detail h4 {
        padding-bottom: 10px;
        font-weight: 400;
    }
    .fiibx-tabs .nav {
        gap: 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: none;
    }
    .fiibx-tabs .nav button {
        width: 48%;
        border-radius: 30px;
        border: 2px solid var(--blue);
        padding: 5px 20px;
        background-color: transparent;
        border-color: var(--blue);
        color: var(--blue);
    }
    .fiibx-tabs .figure {
        width: 60%;
        margin: auto;
        display: block;
    }
    .fiibx-tabs .nav .nav-link.active {
        border-color: var(--blue);
        background: var(--blue);
        color: #fff;
    }
    .career {
        padding: 5px 0 0;
    }
    .career .container {
        padding: 0 16px;
    }
    .fiibx-panel {
        padding-bottom: 4px;
    }
    .fiibx-panel::after {
        height: 4px;
        margin-top: 14px;
    }
    .fiibx-head h2 {
        font-size: 34px;
        margin-bottom: 14px;
    }
    .fiibx-head p {
        font-size: 15px;
        line-height: 1.35;
    }
    .fiibx-stage {
        margin-top: 22px;
        gap: 14px;
    }
    .fiibx-visual {
        max-width: 360px;
    }
    .fiibx-trigger strong {
        font-size: 22px;
    }
    .fiibx-detail h6,
    .fiibx-trigger span {
        font-size: 14px;
    }
    .fiibx-detail {
        margin: -16px 0 0;
        border: none;
        background: #ebebeb;
        padding: 20px;
    }
    .fiibx-detail p {
        font-size: 13px;
        line-height: 1.3;
    }
    .gh {
        display: block;
        background: var(--yellow);
        padding: 20px 20px 0;
    }
    .dic {
        display: none;
    }
    .logo img:last-child {
        padding-left: 10px;
        margin-left: 10px;
    }
    footer .logoF img:last-child {
        border-left: 1px solid;
        padding-left: 13px;
        margin-left: 13px;
    }
    footer .logoF img {
        width: 140px;
    }
}

@media (max-width: 390px) {
    .fiibx-head h2 {
        font-size: 30px;
    }
    .fiibx-head p {
        font-size: 14px;
    }
    .fiibx-trigger strong {
        font-size: 20px;
    }
    .fiibx-detail p {
        font-size: 12px;
    }
}