/* reset css */

*,
*:before,
*:after {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
    font: inherit;
}

img,
picture,
svg,
video {
    display: block;
    max-width: 100%;
    max-height: fit-content;	
}

input,
select,
textarea {
    background-color: transparent;
    outline: none;
}

button {
    cursor: pointer;
    background-color: transparent;
    outline: none;
    border: none;
}

body {
    min-height: 100vh;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    font-family: "Chivo", sans-serif;
}

a {
    text-decoration: none;
    color: inherit;
    transition: 0.25s all ease-in-out;
}

a:hover {
    opacity: 0.8;
}

li {
    list-style: none;
}

.sp-none {
    display: block;
}

.text-end {
    text-align: end;
}

.content-animate {
    transition: all 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    opacity: 0;
    transform: translateY(3vw);
    will-change: transform, opacity;
}

.content-animate.animated {
    opacity: 1;
    transform: translateY(0);
}

/* end reset css */

/* css header */
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    padding: 19px 4.188vw 19px 2.813vw;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.header__menu {
    display: none;
}


.black-header .header__menu {
    color: #071E3F;
}

.header.scrolled {
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    transition: all 0.3s ease;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.05);
}

.header__logo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 clamp(45px, 4.938vw, 79px);
}

.header__logo svg {
    width: 100%;
}

.black-header .header__logo svg path {
    fill: #071E3F;
    ;
}

.header__nav {
    font-size: clamp(12px, 1.125vw, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    color: #FFF;
    font-family: "Alegreya Sans SC";
    padding-left: 15px;
    display: flex;
}

.black-header .header__nav {
    color: #071E3F;
}

.header__nav-list {
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
    gap: 6.35vw;
}

.header__nav-list .header__nav-item {
    width: max-content;
}

.header__nav-list .header__nav-item.active {
    font-weight: 800;
}

/* end css header */

/* css footer */
.footer {
    position: relative;
    padding: 5.438vw 7.5vw 4.125vw;
    background: #071E3F;
}

.footer__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.footer__bg picture,
.footer__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footer__wrapper {
    position: relative;
}

.back-to-top {
    display: flex;
    justify-content: center;
    align-items: center;
    width: clamp(78px, 7.397vw, 120px);
    height: clamp(78px, 7.397vw, 120px);
    position: fixed;
    right: 3.344vw;
    bottom: 2.438vw;
    cursor: pointer;
    transition: 0.2s all ease-in-out;
    z-index: 10;
}

.back-to-top:hover {
    opacity: 0.8;
}

.footer__content {
    display: flex;
    gap: 9.813vw;
}

.footer__content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.5vw;
}

.footer__content-title {
    color: #FFF;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footer__structure-list {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 200;
    line-height: 150%;
    display: flex;
    flex-direction: column;
}

.footer__contact-method {
    display: flex;
    flex-direction: column;
    gap: 1vw;
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 200;
    line-height: 150%;
}

.footer__contact-location {
    max-width: 400px;
}

.footer__contact-sns {
    display: flex;
    gap: 1.125vw;
}

.footer__contact-sns__item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer__contact-sns__item img {
    width: 40px;
    height: 40px;
}

.footer__copyright {
    margin-top: clamp(0px, 6.375vw, 102px);
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 200;
    line-height: 1.5;
}

/* end css footer */

/* home css */

/* loading css */
.loading-component {
    position: fixed;
    inset: 0;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    overflow: hidden;
    transition: opacity 0.3s ease;
}

.loading-main__logo {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #071E3F;
}

.loading-main__logo-left,
.loading-main__logo-right {
    position: absolute;
    width: 43.375vw;
    height: 49.563vw;
    top: 50%;
    transform: translate(0, -50%);
}

.loading-main__logo-left {
    left: 0;
}

.loading-main__logo-right {
    right: 0;
}

.loading-main__logo-arrow {
    position: absolute;
    bottom: 1.5vw;
    right: 29.938vw;
    width: 3.438vw;
    height: 3.375vw;
    z-index: 2;
}

.loading-company__logo {
    width: clamp(45px, 4.938vw, 79px);
    position: absolute;
    left: 50%;
    top: 4.25vw;
    transform: translate(-50%, 0);
    z-index: 2;
}

.loading-company__logo img {
    width: 100%;
}

.loading-footer__logo {
    position: absolute;
    bottom: 5.188vw;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 2;
}

.loading-company__name {
    width: 27.159vw;
    height: 6.807vw;
    object-fit: cover;
}

.clone-logo-loading {
    position: absolute;
    height: 100%;
    left: -1.875vw;
    top: 0;
    transform: translate(-100%, 0);
}

.loading-animation__logo {
    background-image: url('../images/home/intro-inside.png');
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 13.125vw;
    height: 16.188vw;
    transform-origin: center;
    transition: all 1.5s ease-out;
}

.loading-main__logo-hash {
    position: absolute;
    width: 13.125vw;
    height: 16.188vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    transition: 0.2s opacity ease-in-out;
}

/* end loading css */


/* Sidebar */
.sidebar {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100vh;
    z-index: 9999;
    transition: all 0.3s ease-in-out;
}

.sidebar.active {
    right: 0;
}

.sidebar__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.sidebar.active .sidebar__overlay {
    opacity: 1;
}

.sidebar__content {
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    height: 100%;
    background-color: #1a1a1a;
    padding: 30px;
    overflow-y: auto;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
}

.sidebar.active .sidebar__content {
    transform: translateX(0);
}

.sidebar__header {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 30px;
}

.sidebar__close {
    cursor: pointer;
    color: #fff;
    font-size: 24px;
}

.sidebar__nav {
    margin-bottom: 30px;
}

.sidebar__menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar__menu-item {
    margin-bottom: 15px;
}

.sidebar__menu-item.active .sidebar__menu-link {
    color: #f8c121;
}

.sidebar__menu-link {
    color: #fff;
    font-size: 18px;
    font-family: 'Oswald', sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    transition: color 0.3s ease;
}

.sidebar__menu-link:hover {
    color: #f8c121;
}

.sidebar__footer {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 20px;
}

.sidebar__social {
    display: flex;
    gap: 15px;
}

.sidebar__social-link {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.sidebar__social-link:hover {
    background-color: #f8c121;
}

/* Media Queries */
@media (min-width: 768px) {
    .sidebar {
        display: none;
    }

    .sidebar__content {
        width: 350px;
        max-width: 100%;
    }
}

/* End Sidebar */

/* banner css */
.home__banner {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.home__banner-down {
    position: relative;
}

.home__banner-down-btn {
    position: absolute;
    bottom: 0;
    right: 29.958vw;
    display: flex;
    width: 3.375vw;
    height: 3.375vw;
    justify-content: center;
    align-items: center;
    border-radius: 2.5vw;
    background: #071E3F;
    transform: translate(0, 50%);
    cursor: pointer;
    z-index: 2;
}

.home__banner-down svg {
    width: 17.414px;
}

.home__banner-bg {
    width: 100%;
}

.home-banner-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1600/851;
}

@media (max-width: 767px) {
    .home-banner-video {
        object-position: center;
    }
}

.home__banner-bg picture {
    width: 100%;
}

.home__banner-content {
    position: absolute;
    top: 50%;
    left: clamp(0px, 3.375vw, 54px);
    transform: translate(0, -50%);
    color: #071E3F;
    display: flex;
    flex-direction: column;
    gap: clamp(0px, 0.75vw, 12px);
}

.home__banner-content--md {
    font-family: Oswald;
    font-size: 2vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1.6px;
}

.home__banner-content--xl {
    font-family: Oswald;
    font-size: 6.25vw;
    font-style: normal;
    font-weight: 600;
    line-height: 118%;
    letter-spacing: -0.125vw;
}

.home__banner-blur {
    position: absolute;
    width: 104.125vw;
    height: 8.625vw;
    border-radius: 104.125vw;
    filter: blur(9.375vw);
}

.home__banner-blur--top {
    left: 50%;
    top: 0;
    background: #00329F;
    transform: translate(-50%, -50%);
}

.home__banner-blur--bottom {
    left: 50%;
    bottom: 0;
    background: #000;
    transform: translate(-50%, 50%);
}

.home__banner-blur--above {
    top: -3.75vw;
    left: 50%;
    transform: translate(-50%, 0);
    background: #000;
}

/* end banner css */

/* home about us */

.home__aboutus {
    position: relative;
    padding-top: 3.875vw;
    background: #D1E3E4;
}

.home__aboutus-circle {
    position: absolute;
    right: 19.25vw;
    top: 3.75vw;
    width: 27vw;
    height: 27vw;
    border-radius: 27vw;
    background: #FDDDAA;
    filter: blur(12.5vw);
    z-index: 0;
}

.home__aboutus-faded {
    position: absolute;
    left: -19.938vw;
    top: -10.937vw;
    width: 58.938vw;
    height: 42.438vw;
    border-radius: 58.938vw;
    background: #C8DEE3;
    filter: blur(9.375vw);
    z-index: 0;
}

.section__wrapper {
    display: flex;
}

.section__wrapper-left {
    position: relative;
    flex: 0 0 19.063vw;
    display: flex;
    z-index: 1;
}

.section__wrapper-right {
    flex: 1 1 auto;
    position: relative;
    z-index: 1;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.home__aboutus-main .section__wrapper-left {
    margin-top: 1.688vw;
}

.section__title {
    padding-left: 3.375vw;
    color: #071E3F;
    font-size: clamp(0px, 1.063vw, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.section__title-text {
    position: relative;
}

.section__title-index {
    position: absolute;
    bottom: -5.25vw;
    left: 0.375vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.813vw;
    transform: translateY(100%);
}

.section__title-line {
    width: 0.75px;
    height: 6.25vw;
    background-color: #000;
}

.section__title-num {
    color: #000;
    font-size: clamp(0px, 1.063vw, 18px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.home__about-content {
    display: flex;
    justify-content: space-between;
}

.home__about-intro {
    color: #071E3F;
    font-size: clamp(0px, 2vw, 34px);
    font-style: normal;
    font-weight: 200;
    line-height: 150%;
    margin-top: 0.75vw;
}

.home__about-intro span {
    font-weight: 500;
}

.home__about-more img {
    width: 33.625vw;
}

.home__about-text {
    width: 30.312vw;
    color: #071E3F;
    font-size: clamp(0px, 1.063vw, 18px);
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    margin-top: 3.063vw;
}

.home__about-text span {
    font-weight: 500;
}

.home__aboutus-eco {
    position: relative;
    margin-top: 6.375vw;
    padding-top: 11.625vw;
    padding-bottom: 6.563vw;
}

.home__aboutus-eco::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(202, 223, 226, 0.00) 4.6%, rgba(202, 223, 226, 0.68) 28.55%, #CADFE2 52.37%, #94C0DE 100%);
}

.home__about-eco__bg {
    position: absolute;
    top: -7.875vw;
    left: 0;
    right: 0;
}

.home__about-eco__list {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 10.75vw));
    gap: 2.5vw 10.438vw;
}

.home__about-eco__item {
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    will-change: transform, opacity;
}

.home__about-eco__item img {
    width: 100%;
}

.home__aboutus-eco .section__title {
    margin-top: 1vw;
}

.banner__down {
    position: absolute;
    right: 3.313vw;
    bottom: 7.688vw;
}

.banner__down svg {
    width: 1.531vw;
}

/* end home about us */

/* home industry */

.home__industry {
    position: relative;
    padding-top: 2vw;
    padding-bottom: 4.063vw;
    background: url('../images/home/home-industry-bg.png') no-repeat center center / cover;
}

.home__industry-faded {
    position: absolute;
    left: 0;
    width: 100%;
}

.home__industry-faded--top {
    background: linear-gradient(180deg, rgba(148, 192, 222, 0.00) 0%, #94C0DE 88.84%, rgba(148, 192, 222, 0.00) 100%);
    top: 0;
    height: 26.875vw;
}

.home__industry-faded--bottom {
    background: linear-gradient(180deg, rgba(26, 44, 87, 0.00) 4.6%, rgba(24, 42, 84, 0.68) 19.68%, #172953 31.64%, #0B2144 47.56%, #071E3F 77.42%);
    bottom: 0;
    height: 29.25vw;
}

.home__industry-head .section__title {
    margin-top: 1.75vw;
}

.home__industry-title {
    padding-right: 3.813vw;
    display: flex;
    flex-direction: column;
    background-image: url(../images/home/home-industry-text-mask.png);
    background-size: 142.281vw 79.755vw;
    background-position: 75.063vw 45.563vw;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.home__industry-line {
    color: #FFF;
    font-family: Tektur;
    font-size: 10.25vw;
    font-style: normal;
    font-weight: 400;
    line-height: 104.268%;
    letter-spacing: 0.512vw;
}

.home__industry-intro {
    position: relative;
    margin-top: 21.438vw;
}

.home__industry-intro__bg {
    position: absolute;
    top: -25.875vw;
    left: 0;
    width: 100%;
}

.home__industry-intro__bg img {
    width: 100%;
}

.home__industry-intro__wrapper {
    padding-left: 3.75vw;
    padding-right: 3vw;
}

.home__industry-item {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.home__industry-item:hover .home__industry-item__image img {
    transform: scale(1.05);
    opacity: 0.9;
}

.home__industry-item__image img {
    width: 353.5px;
    height: 395px;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
}

.home__industry-item__text {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 24px 16px;
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 200;
    line-height: 150%;
    z-index: 1;
}

.home__industry-item__overlay {
    position: absolute;
    bottom: 100px;
    left: 50%;
    width: 890px;
    height: 347px;
    border-radius: 890px;
    background: #000;
    filter: blur(125px);
    transform: translate(-50%, 100%);
}

/* end home industry */

/* home project */

.home__project {
    position: relative;
    overflow: hidden;
}

.home__project-faded {
    position: absolute;
    left: 50%;
    bottom: 8.563vw;
    width: 118.25vw;
    height: 13.625vw;
    transform: translate(-50%, 100%);
}

.home__project-head {
    position: absolute;
    top: 4.625vw;
    z-index: 2;
}

.home__project-head .section__title {
    color: #fff;
}

.home__project-head .section__title-line {
    background-color: #fff;
}

.home__project-head .section__title-num {
    color: #fff;
}

.home__project-preview {
    position: absolute;
    bottom: 6.375vw;
    right: 3.375vw;
    width: clamp(476px, 23vw, 536px);
}

.home__project-preview__item {
    height: clamp(100.588px, 7.125vw, 114px);
    position: relative;
    border-radius: 8px;
    overflow: hidden;
}

.home__project-preview__item::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(45deg, #000 6.24%, rgba(63, 63, 63, 0.00) 52.99%);

}

.home__project-preview__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
}

.home__project-preview__item:hover img {
    transform: scale(1.05);
}

.home__project-preview__item-title {
    position: absolute;
    bottom: 0.75vw;
    left: 0.75vw;
    color: #FFF;
    font-size: 0.875vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    z-index: 2;
}

.project-custom-scrollbar {
    width: clamp(339.56px, 22.125vw, 354px) !important;
    height: 0.75px !important;
    margin: 30px auto 0;
    background-color: #ffffff !important;
    bottom: 3.5vw !important;
    right: clamp(157.8px, 10.75vw, 172px) !important;
    left: auto !important;
}

.project-custom-scrollbar .swiper-scrollbar-drag {
    height: 2px !important;
    top: -0.625px;
    background-color: #ffffff;
}

.project-navigation-container {
    position: absolute;
    bottom: 2.938vw;
    right: clamp(0px, 3.688vw, 59px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    gap: 2vw;
}

.project-navigation-container svg {
    width: clamp(15.8px, 1.088vw, 18px);
}

.home__project-thumbnail__item {
    aspect-ratio: 254/135;
}

.home__project-thumbnail__item img {
    width: 100%;
    height: inherit;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
}

.home__project-thumbnail__item:hover img {
    transform: scale(1.05);
}

.home__project-thumbnail__item-title {
    position: absolute;
    left: 3.375vw;
    bottom: 4.188vw;
    color: #FFF;
    font-family: Oswald;
    font-style: normal;
    line-height: normal;
}

.home__project-thumbnail__item-title--lg {
    font-size: clamp(60px, 4.5vw, 72px);
    font-weight: 600;
}

.home__project-thumbnail__item-title--md {
    font-size: clamp(32px, 2.5vw, 40px);
    font-weight: 400;
    line-height: 185%;
    letter-spacing: 2px;
}

body.home .home__aboutus:hover,
.home__project-thumbnail__item:hover {
    cursor: pointer !important;
}

.home__project-preview__item,
.project-navigation-container,
.project-button-prev,
.project-button-next {
    cursor: pointer !important;
}

/* end home project */

/* home awards */

.home__awards {
    position: relative;
    background: #D1E3E4;
    overflow: hidden;
    padding-bottom: 5.375vw;
}

.home__awords-faded--md {
    width: 39.5vw;
    height: 39.5vw;
    position: absolute;
    top: 8.064vw;
    border-radius: 39.5vw;
    background: #0558AD;
    filter: blur(25vw);
}

.home__awords-faded--sm {
    position: absolute;
    top: -15.313vw;
    right: 1.5vw;
    width: 27vw;
    height: 27vw;
    border-radius: 27vw;
    filter: blur(12.5vw);
    background: #4692DF;
}

.home__awords-faded--middle {
    position: absolute;
    top: 30.75vw;
    right: -1.5vw;
    width: 27vw;
    height: 27vw;
    border-radius: 27vw;
    filter: blur(12.5vw);
    background: #FDDDAA;
}

.home__awords-head {
    position: relative;
    padding-top: 3.531vw;
    overflow: hidden;
}

.home__awards-top {
    position: absolute;
    width: 9.938vw;
    height: 12.75vw;
    top: 0;
    left: 0;
}

.home__awards-top img {
    width: 100%;
    height: 100%;
}

.home__awards-content {
    display: flex;
    justify-content: space-between;
}

.home__awards-content--sm {
    margin-top: 5.094vw;
    color: #071E3F;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    width: 14.5vw;
    opacity: 0;
}

.home__awards-content--xl {
    color: #FFF;
    font-family: Tektur;
    font-size: 10.25vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.512vw;
    background-image: url(../images/home/mask-image.png);
    background-size: 61.178vw 34.293vw;
    background-position: top left;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: translate(1vw, 0px);
}

.s-awards-p {
    padding-bottom: 3.125vw;
}

.home__awords-detail {
    padding-top: 1.781vw;
}

.home__awards-detail__wrapper {
    padding-top: 1.875vw;
}

.home__awards-detail-swiper {
    width: 100%;
    position: relative;
}

.home__awards-detail-slide {
    display: flex;
    gap: 6.563vw;
}

.home__awards-detail-slide__image {
    position: relative;
    flex: 0 0 20.375vw;
    padding-bottom: 1.563vw;
}

.home__awards-detail-slide__image img {
    width: 100%;
    height: 24.188vw;
    object-fit: contain;
}

.home__awards-detail-slide__year {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(50%, 0);
    color: #071E3F;
    font-size: 2vw;
    font-style: normal;
    font-weight: 200;
    line-height: 150%;
}

.home__awards-detail-slide__info {
    margin-top: 2.25vw;
    flex: 1 1 auto;
}

.home__awards-detail-slide__name {
    color: #071E3F;
    font-family: Chivo;
    font-size: 2vw;
    font-style: normal;
    font-weight: 200;
    line-height: 150%;
}

.home__awards-detail-slide__description {
    margin-top: 2.438vw;
    word-wrap: break-word;
}

.home__awards-detail-slide--sm {
    color: #071E3F;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    word-wrap: break-word;
    /* word-break: break-all; */
}

.awards-button-prev {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(50%, -50%);
    width: clamp(40px, 3.375vw, 54px);
    height: clamp(40px, 3.375vw, 54px);
    cursor: pointer;
    border-radius: 40px;
    background: #071E3F;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.home__awards .section__wrapper-left {
    z-index: 2;
}

.awards-button-next {
    position: absolute;
    right: 17.188vw;
    top: 50%;
    transform: translate(50%, -50%);
    width: clamp(40px, 3.375vw, 54px);
    height: clamp(40px, 3.375vw, 54px);
    cursor: pointer;
    border-radius: 40px;
    background: #071E3F;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.awards-button-prev svg,
.awards-button-prev svg {
    width: clamp(15.8px, 1.088vw, 18px);
}

.home__awords-detail {
    margin-top: 7.688vw;
}

.home__awords-detail--first {
    margin-top: 0;
}

.home__awards-network {
    display: flex;
    flex-direction: column;
    gap: 4.563vw;
    padding-right: 4.813vw;
}

.home__awards-network__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.home__awards-network-swiper {
    display: flex;
    overflow: hidden;
    width: 100%;
}

.home__awards-network-swiper .swiper-wrapper {
    align-items: center;
}

.home__awards-network__wrapper.not-full {
    justify-content: start;
    gap: 10.5vw;
}

.home__awards-network__item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.home__awards-network__item img {
    width: auto;
    height: auto;
    max-width: clamp(0px, 16.813vw, 269px);
    max-height: clamp(0px, 10.688vw, 171px);
}

/* end home awards */

/* end home css */

/* css introduction */

.introduction__wrapper,
.introduction__aboutus {
    background-color: #A9C8D8;
}

.introduction__banner-content {
    position: absolute;
    left: 3.375vw;
    bottom: 3.5vw;
    color: #FFF;
    font-family: Oswald;
    font-size: 4.5vw;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    z-index: 2;
    text-transform: uppercase;
}

.introduction__about-intro {
    width: 38.188vw;
}

.introduction__about-intro--sm {
    width: 38vw;
    margin-top: 2.375vw;
    color: #071E3F;
    font-family: Chivo;
    font-size: 1.063vw;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
}

.introduction__about-text {
    font-size: 1.063vw;
    width: 30.188vw;
}

.introduction__eco {
    margin-top: 5.75vw;
    position: relative;
}

.introduction__eco-eclipse {
    position: absolute;
    bottom: 0.688vw;
    left: -7.813vw;
    border-radius: 39.563vw;
    opacity: 0.3;
    background: #0C58A6;
    filter: blur(12.653vw);
    width: 633px;
    height: 27vw;
}

.introduction__eco .section__wrapper-left {
    margin-top: 3.813vw;
}

.introduction__eco .section__wrapper-right {
    padding-right: 7.313vw;
}

.introduction__eco-content {
    width: 71.625vw;
    height: 43.563vw;
    position: relative;
}

.introduction__eco-content::after {
    position: absolute;
    content: "";
    inset: 0;
    border-radius: 50%;
    background: linear-gradient(180deg, #A3C3D4 0%, #A1C3D5 100%);
    box-shadow: 0px 4px 4px 0px #FFF inset;
    opacity: 0.3;
    z-index: 1;
}

.introduction__eco-content-oval {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 69.5vw;
    height: 42.188vw;
    border-radius: 50%;
    opacity: 0.3;
    background: linear-gradient(180deg, #A3C3D4 0%, #A1C3D5 100%);
    box-shadow: 0px 4px 4px 0px #FFF inset;
    z-index: 1;
}

.introduction__eco-content-item {
    position: absolute;
    z-index: 2;
}


.introduction__eco-content-list .introduction__eco-content-item:nth-of-type(1) {
    top: 13vw;
    left: 9.125vw;
}

.introduction__eco-content-list .introduction__eco-content-item:nth-of-type(1) img {
    width: 10.153vw;
    height: 9.5vw;
}

.introduction__eco-content-list .introduction__eco-content-item:nth-of-type(2) {
    bottom: 7.534vw;
    left: 13.625vw;
}

.introduction__eco-content-list .introduction__eco-content-item:nth-of-type(2) img {
    width: 10.113vw;
    height: 9.966vw;
}

.introduction__eco-content-list .introduction__eco-content-item:nth-of-type(3) {
    bottom: 3.562vw;
    left: 31.3vw;
}

.introduction__eco-content-list .introduction__eco-content-item:nth-of-type(3) img {
    width: 10.104vw;
    height: 9.625vw;
}

.introduction__eco-content-list .introduction__eco-content-item:nth-of-type(4) {
    top: 3vw;
    left: 39.75vw;
}

.introduction__eco-content-list .introduction__eco-content-item:nth-of-type(4) img {
    width: 10.091vw;
    height: 9.625vw;
}

.introduction__eco-content-list .introduction__eco-content-item:nth-of-type(5) {
    bottom: 9.375vw;
    right: 11.92vw;
}

.introduction__eco-content-list .introduction__eco-content-item:nth-of-type(5) img {
    width: 11.767vw;
    height: 8.75vw;
}

.introduction__eco-content-list .introduction__eco-content-item:nth-of-type(6) {
    top: 15.625vw;
    right: 7.39vw;
}

.introduction__eco-content-list .introduction__eco-content-item:nth-of-type(6) img {
    width: 12.797vw;
    height: 4.25vw;
}

.introduction__eco-content-list .introduction__eco-content-item:nth-of-type(7) {
    top: 16.313vw;
    left: 26.275vw;
}

.introduction__eco-content-list .introduction__eco-content-item:nth-of-type(7) img {
    width: 17.375vw;
    height: 10.875vw;
}

.introduction__eco-content-list .introduction__eco-content-item:nth-of-type(8) {
    top: 5.8vw;
    left: 20vw;
}

.introduction__eco-content-list .introduction__eco-content-item:nth-of-type(8) img {
    width: 11.375vw;
}

.eco-item {
    scale: 0.75;
    opacity: 0;
}

.introduction__vision {
    padding-top: 62px;
    position: relative;
    overflow: hidden;
}

.introduction__vision-abs {
    position: absolute;
}

.introduction__vision-abs--first {
    top: -17.75vw;
    right: -13.938vw;
    width: 23.5vw;
    height: 22.813vw;
    border-radius: 23.5vw;
    background: #0558AD;
    filter: blur(25vw);
}

.introduction__vision-abs--second {
    top: 7.938vw;
    right: -15.687vw;
    width: 27vw;
    height: 27vw;
    border-radius: 27vw;
    background: #4692DF;
    filter: blur(22.5vw);
}

.introduction__vision .section__wrapper-left {
    margin-top: 2.375vw;
}

.introduction__line-guide {
    display: none;
}

.introduction__vision .introduction__vision-pr {
    padding-right: 6.25vw;
}

.introduction__vision-content {
    color: #FFF;
    font-family: Tektur;
    font-size: 10.25vw;
    font-style: normal;
    font-weight: 400;
    line-height: 1.0304;
    letter-spacing: 0.512vw;
    background-image: url(../images/home/mask-image.png);
    background-size: 133.563vw 74.875vw;
    background-position: 66vw 116vw;
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section__wrapper-vision__list {
    position: relative;
    margin-top: 8.063vw;
}

.introduction__vision-bg {
    position: absolute;
    top: -11.5vw;
    left: 0;
    width: 100%;
    height: 43.875vw;
}

.introduction__vision-bg picture {
    width: 100%;
    height: 100%;
}

.introduction__vision-faded {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(26, 44, 87, 0.00) 4.6%, rgba(24, 42, 84, 0.68) 13.27%, #172953 30.84%, #0B2144 82.68%, #071E3F 116.98%);
}

.introduction__vision-ovalr {
    position: absolute;
    left: -21.875vw;
    top: -5.5vw;
    width: 34.125vw;
    height: 31.462vw;
    transform: rotate(34.988deg);
    border-radius: 34.125vw;
    background: #172953;
    filter: blur(4.641vw);
}

.introduction__vision-list {
    padding-top: 9.5vw;
    padding-bottom: 3vw;
    padding-right: 3.375vw;
    display: flex;
    align-items: stretch;
    gap: 2.5vw;
}

.introduction__vistion-item {
    padding: 1.75vw 2vw;
    display: flex;
    flex-direction: column;
    gap: 1vw;
    border-radius: 0.75vw;
    background: #071E3F;
    flex: 1;
}

.introduction__vision-item--title {
    color: #FFF;
    font-family: Oswald;
    font-size: 2.5vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-transform: uppercase;
}

.introduction__vision-item--content {
    color: #FFF;
    font-size: 1.063vw;
    font-style: normal;
    font-weight: 200;
    line-height: 150%;
}

.vision-item {
    opacity: 0;
    border: 1px solid transparent;
    transition: opacity 0.5s ease, border-color 0.5s ease;
}

.vision-item.active {
    opacity: 1;
    border-color: #fff;
}

.vision-header,
.vision-body {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.vision-header.active,
.vision-body.active {
    opacity: 1;
    transform: translateY(0);
}

.introduction__vision-item--title,
.introduction__vision-item--content {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.introduction__vision-item--title.active,
.introduction__vision-item--content.active {
    opacity: 1;
    transform: translateY(0);
}

.introduction__vision-item--content li {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.4s ease-out, transform 0.4s ease-out;
}

.introduction__vision-item--content.active li {
    opacity: 1;
    transform: translateY(0);
}

.introduction__growup-container {
    position: relative;
    /* height: 600vh; */
}

.introduction__growup-sticky {
    /* position: sticky;
    top: 0; */
    position: relative;
}

.introduction__growup {
    padding-top: 5.563vw;
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #092042 0%, #081F40 100%);
}

.introduction__growup-blur--right {
    width: 27vw;
    height: 27vw;
    flex-shrink: 0;
    border-radius: 27vw;
    background: #4692DF;
    filter: blur(12.5vw);
    bottom: -2;
    position: absolute;
    right: -11.563vw;
    bottom: -17.813vw;
    z-index: 2;
}

.introduction__growup-blur--left {
    position: absolute;
    width: 58.938vw;
    height: 42.438vw;
    flex-shrink: 0;
    border-radius: 58.938vw;
    background: #4692DF;
    filter: blur(12.5vw);
    left: -35.938vw;
    top: 19.75vw;
}

.introduction__growup .section__title {
    color: #ffffff;
}

.introduction__growup .section__title-line {
    background-color: #ffffff;
}

.introduction__growup .section__title-num {
    color: #ffffff;
}

.introduction__growup-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.introduction__growup-bg picture {
    width: 100%;
}

.introduction__growup-scroll {
    padding-left: 13.063vw;
    position: relative;
}

.introduction__growup-scroll__container {
    display: flex;
    gap: 3.875vw;
    align-items: end;
}

.introduction__growup-scroll-item {
    display: flex;
    flex-direction: column;
    gap: 1.438vw;
    flex: 0 0 23.563vw;
}

.introduction__growup-scroll__container .introduction__growup-scroll-item:nth-of-type(2) {
    flex: 0 0 24.813vw;
}

.introduction__growup-scroll__container .introduction__growup-scroll-item:nth-of-type(3) {
    flex: 1 1 auto;
}

.introduction__growup-scroll-item__header {
    padding-left: 1.75vw;
    display: flex;
    position: relative;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.introduction__growup-scroll-item__header.active {
    opacity: 1;
    transform: translateY(0);
}

.introduction__growup-scroll-item__title {
    color: #FFF;
    font-family: Oswald;
    font-size: 2.5vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-transform: uppercase;
}

.introduction__growup-scroll-item__icon {
    position: absolute;
    right: 0;
    top: -1.313vw;
}

.introduction__growup-scroll-item__icon img {
    width: 6.257vw;
}

.introduction__growup-scroll-item__body {
    padding: 2.688vw 1.688vw;
    display: flex;
    flex-direction: column;
    gap: 1vw;
    min-height: 25.375vw;
    opacity: 0;
    transform: translateY(50px) scale(0.9);
    transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
   
}

.introduction__growup-scroll-item__body.active {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.introduction__growup-scroll__container .introduction__growup-scroll-item:nth-of-type(2) .introduction__growup-scroll-item__body {
    padding: 2.563vw 2.375vw 2.563vw 1.75vw;
    min-height: 33.156vw;
}

.introduction__growup-scroll__container .introduction__growup-scroll-item:nth-of-type(3) .introduction__growup-scroll-item__body {
    padding: 3.531vw 3.375vw 3.531vw 1.825vw;
    min-height: 42.875vw;
}

.introduction__growup-scroll-item__body-name {
    color: #FFF;
    font-size: 1.5vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-transform: uppercase;
}

.introduction__growup-scroll-item__body-desc {
    color: #FFF;
    font-size: 1.063vw;
    font-style: normal;
    font-weight: 200;
    line-height: 150%;
    text-align: justify;
}

/* end css introduction */

/* css industry */

.industry__main-item {
    position: relative;
    overflow: hidden;
}

.industry__main-item picture {
    width: 100%;
}

.industry__main .section__wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.industry__main-item__info {
    display: flex;
}

.industry__main-item__info-text {
    flex: 0 0 38.188vw;
    display: flex;
    flex-direction: column;
    gap: 1vw;
}

.industry__main-item__info-title {
    color: #071E3F;
    font-size: 2vw;
    font-style: normal;
    font-weight: 200;
    line-height: 150%;
}

.industry__main-item__info-desc {
    color: #071E3F;
    font-size: 1.063vw;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
}

.industry__main-item__info-images {
    flex: 1 1 auto;
    display: flex;
    justify-content: end;
}

.industry__main .industry__main-item:nth-of-type(1) .section__wrapper {
    margin-top: 4.625vw;
}

.industry__main .industry__main-item:nth-of-type(1) .section__title {
    margin-top: 1vw;
}

.industry__main .industry__main-item:nth-of-type(1) .industry__main-item__info-images {
    margin-top: 1vw;
    gap: 3.75vw;
}

.industry__main .industry__main-item:nth-of-type(1) .industry__main-item__info-image img {
    width: 10.125vw;
}

.industry__main .industry__main-item:nth-of-type(2) .section__wrapper {
    margin-top: 4.625vw;
}

.industry__main .industry__main-item:nth-of-type(2) .section__title {
    margin-top: 1vw;
}

.industry__main .industry__main-item:nth-of-type(2) .industry__main-item__info-images {
    gap: 3.75vw;
}

.industry__main .industry__main-item:nth-of-type(2) .industry__main-item__info-image img {
    width: 10.059vw;
}

.industry__main .industry__main-item:nth-of-type(3) .section__wrapper {
    margin-top: 3.375vw;
}

.industry__main .industry__main-item:nth-of-type(3) .section__title {
    margin-top: 0.938vw;
}

.industry__main .industry__main-item:nth-of-type(3) .industry__main-item__info-images {
    margin-top: 1vw;
}

.industry__main .industry__main-item:nth-of-type(3) .industry__main-item__info-image img {
    width: 12.608vw;
}

.industry__main .industry__main-item:nth-of-type(4) .section__wrapper {
    margin-top: 3.5vw;
}

.industry__main .industry__main-item:nth-of-type(4) .section__title {
    margin-top: 0.938vw;
}

.industry__main .industry__main-item:nth-of-type(4) .industry__main-item__info-images {
    margin-top: 0.75vw;
}

.industry__main .industry__main-item:nth-of-type(4) .industry__main-item__info-image img {
    width: 15.996vw;
}

.industry__main .industry__main-item:nth-of-type(1) .industry__main-item__info-images {
    margin-right: 9.375vw;
}

.industry__main .industry__main-item:nth-of-type(2) .industry__main-item__info-images {
    margin-right: 9.313vw;
}

.industry__main .industry__main-item:nth-of-type(3) .industry__main-item__info-images {
    margin-right: 5.875vw;
}

.industry__main .industry__main-item:nth-of-type(4) .industry__main-item__info-images {
    margin-right: 3.313vw;
}

.industry__main-item--white .section__title {
    color: #FFF;
}

.industry__main-item--white .section__title-line {
    background-color: #FFF;
}

.industry__main-item--white .section__title-num {
    color: #FFF;
}

.industry__main-item--white .industry__main-item__info-title {
    color: #FFF;
}

.industry__main-item--white .industry__main-item__info-desc {
    color: #FFF;
}

.industry__main-item__info-image--more {
    position: absolute;
    bottom: 3.875vw;
    right: 3.313vw;
    ;
    width: 31.5vw;
}

/* end css industry */

/* css projects */
.projects__wrapper {
    padding-bottom: 5.063vw;
    background: #D1E3E4;
}

.projects__wrapper .home__banner {
    z-index: 2;
}

.projects__main {
    padding-top: 5.563vw;
}

.projects__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.438vw;
    padding-right: 3.313vw;
}

.projects__item {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.projects__item-image::after {
    content: "";
    position: absolute;
    width: 33.843vw;
    height: 32.072vw;
    top: 0;
    left: -1.125vw;
    transform: rotate(-90deg);
    background: linear-gradient(135deg, #000 6.24%, rgba(63, 63, 63, 0.00) 52.99%);
    border-radius: 0.5vw;
    z-index: 1;
}

.projects__item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.projects__item-link {
    display: block;
    height: 100%;
    text-decoration: none;
}

.projects__item-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 0.5vw;
    position: relative;
}

.projects__item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
    border-radius: 0.5vw;
}

.projects__item:hover .projects__item-image img {
    transform: scale(1.05);
}

.projects__item-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 2.343vw 2vw;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    transition: padding 0.3s ease;
    z-index: 2;
}

.projects__item-title {
    margin: 0;
    color: #FFF;
    font-family: Oswald, sans-serif;
    font-size: 2.5vw;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    text-transform: uppercase;
}

.projects__item-arrow {
    opacity: 0;
    transform: translateX(-0.625vw);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.projects__item:hover .projects__item-arrow {
    opacity: 1;
    transform: translateX(0);
}

.projects__item--full {
    grid-column: span 2;
    width: 100%;
    aspect-ratio: 1243/540;
}

.projects__item--half {
    grid-column: span 1;
    width: 100%;
    aspect-ratio: 610/ 541.5;
}

.projects__empty {
    grid-column: span 2;
    text-align: center;
    padding: 40px;
    background: #f8f8f8;
    border-radius: 8px;
}

.section__title-index--white {
    transform: translateY(calc(100% + 44.438vw));
}

.section__title-index--white .section__title-line {
    background-color: #FFF;
}

.section__title-index--white .section__title-num {
    color: #FFF;
}

/* end css projects */

/* project detail css */
.single-project__wrapper {
    background: #A9C8D8;
}

.single-project__wrapper .section__title {
    margin-top: 1vw;
}

.single-project__wrapper .section__wrapper-right {
    overflow: inherit;
}

.single-project__banner {
    position: relative;
    overflow: hidden;
}

.single-project__banner-bg {
    width: 100%;
    height: 40vw;
}

.single-project__banner-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single-project__banner-content {
    position: absolute;
    left: 3.375vw;
    bottom: 3.5vw;
    color: #FFF;
    font-family: Oswald;
    font-size: 4.5vw;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 0.225vw;
    text-transform: uppercase;
    z-index: 2;
    max-width: 70%;
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
}

.single-project__main {
    padding-top: 4.625vw;
}

.single-project__content {
    padding-right: 3.313vw;
}

.single-project__columns {
    display: flex;
    justify-content: space-between;
    gap: 3.125vw;
    margin-bottom: 3.125vw;
}

.single-project__column-left {
    flex: 0 0 44.3vw;
    display: flex;
    flex-direction: column;
    position: relative;
}

.single-project__column-right {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 1vw;
}

.single-project__short-desc {
    color: #071E3F;
    font-family: 'Chivo', sans-serif;
    font-size: 2vw;
    font-style: normal;
    font-weight: 200;
    line-height: 150%;
    position: relative;
}

.single-project__overview {
    font-size: 1.063vw;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    margin-top: 1vw;
}

.single-project__full-desc {
    color: #071E3F;
    font-family: 'Chivo', sans-serif;
    font-size: 1.063vw;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
    position: absolute;
    bottom: -1vw;
    left: 0;
    right: 0;
    transform: translate(0, 100%);
}

.single-project__full-desc p {
    margin: 0 0 1vw 0;
    font-family: 'Chivo', sans-serif;
}

.single-project__full-desc p strong,
.single-project__full-desc p b {
    margin-bottom: 0;
}

.single-project__full-desc p:has(strong),
.single-project__full-desc p:has(b) {
    margin-bottom: 0;
}

.single-project__full-desc strong,
.single-project__full-desc b {
    font-weight: 600;
    font-family: 'Chivo', sans-serif;
}

.single-project__full-desc ul {
    list-style: none;
    padding-left: 1vw;
    margin-bottom: 1vw;
}

.single-project__full-desc ul li {
    position: relative;
    padding-left: 0.75vw;
    max-width: 30.188vw;
}

.single-project__full-desc ul li::before {
    content: "";
    position: absolute;
    left: -0.25vw;
    top: 0.675vw;
    width: 0.4vw;
    height: 0.4vw;
    border-radius: 50%;
    background-color: #000;
}

.single-project__full-desc li {
    font-family: 'Chivo', sans-serif;
}

.single-project__secondary-image,
.single-project__desc-image {
    width: 100%;
    border-radius: 0.5vw;
    overflow: hidden;
}

.single-project__secondary-image img,
.single-project__desc-image img {
    width: 100%;
    height: auto;
    border-radius: 0.5vw;
}

.single-project__related-images {
    display: flex;
    flex-direction: column;
}

.single-project__related-image-item {
    width: 100%;
    border-radius: 0.5vw;
    position: relative;
}

.single-project__related-images .single-project__related-image-item:nth-of-type(1)::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 37.688vw;
    background: linear-gradient(180deg, #A9C8D8 0%, rgba(169, 200, 216, 0.00) 100%);
}

.single-project__related-image-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.single-project__other-projects {
    padding: 4.625vw 0;
    background: #071E3F;
}

.single-project__other-titles {
    color: #FFF;
    font-size: 2vw;
    font-style: normal;
    font-weight: 200;
    line-height: 150%;
    margin-bottom: 2.438vw;
}

.single-project__other-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.438vw;
    padding-right: 3.313vw;
}

.single-project__other-item {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    aspect-ratio: 609/540;
}

.single-project__other-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.single-project__other-link {
    display: block;
    height: 100%;
    text-decoration: none;
}

.single-project__other-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 8px;
}

.single-project__other-image::after {
    content: "";
    position: absolute;
    width: 33.843vw;
    height: 32.072vw;
    top: 10vw;
    left: -1.125vw;
    transform: rotate(-90deg);
    background: linear-gradient(135deg, #000 6.24%, rgba(63, 63, 63, 0.00) 52.99%);
    border-radius: 0.5vw;
    z-index: 1;
}

.single-project__other-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
    border-radius: 8px;
}

.single-project__other-item:hover .single-project__other-image img {
    transform: scale(1.05);
}

.single-project__other-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 2.343vw 2vw;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: padding 0.3s ease;
    z-index: 2;
}

.single-project__other-title {
    margin: 0;
    color: #FFF;
    font-family: Oswald, sans-serif;
    font-size: 2.5vw;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase;
}

.single-project__other-arrow {
    opacity: 0;
    transform: translateX(-0.625vw);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.single-project__other-item:hover .single-project__other-arrow {
    opacity: 1;
    transform: translateX(0);
}

.single-project__back {
    margin-top: 4vw;
    padding-left: 19.063vw;
}

.single-project__back-link {
    display: flex;
    align-items: center;
    gap: 1vw;
    color: #071E3F;
    font-size: 1.125vw;
    font-weight: 400;
    transition: transform 0.3s ease;
}

.single-project__back-link:hover {
    transform: translateX(-0.5vw);
    opacity: 0.9;
}

.single-project__back-link svg {
    width: 1.5vw;
    height: 1.5vw;
}

/* end project detail css */

.general__faded {
    position: relative;
}

.general__faded-tl {
    position: absolute;
    top: -12vw;
    left: -8.063vw;
    width: 39.5vw;
    height: 39.5vw;
    border-radius: 39.5vw;
    background: #0558AD;
    filter: blur(25vw);
    z-index: 1;
}

.general__faded-tr {
    position: absolute;
    bottom: -11.792vw;
    right: 1.5vw;
    width: 27vw;
    height: 27vw;
    border-radius: 27vw;
    background: #4692DF;
    filter: blur(12.5vw);
    z-index: 1;
}

.general__faded-mr {
    position: absolute;
    top: 431px;
    right: 19.5vw;
    width: 27vw;
    height: 27vw;
    border-radius: 27vw;
    background: #FDDDAA;
    filter: blur(12.5vw);
    z-index: 1;
}

/* css pagination */

.pagination {
    display: flex;
    margin-top: 2vw;
    justify-content: center;
}

.pagination .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 0.5vw;
}

.pagination .page-numbers li {
    display: flex;
}

.pagination .page-numbers li a,
.pagination .page-numbers li span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5vw 1vw;
    min-width: 2vw;
    height: 2vw;
    font-size: 1vw;
    color: #071E3F;
    background-color: #fff;
    border-radius: 50%;
    text-decoration: none;
    transition: all 0.3s ease;
    width: 2vw;
}

.pagination .page-numbers li a:hover {
    background-color: #071E3F;
    color: #fff;
}

.pagination .page-numbers li span.current {
    background-color: #071E3F;
    color: #fff;
    font-weight: 500;
}

.pagination .page-numbers li .prev,
.pagination .page-numbers li .next {
    font-size: 0;
    position: relative;
    padding: 0;
    width: 2vw;
    height: 2vw;
}

.pagination .page-numbers li .prev::before,
.pagination .page-numbers li .next::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.5vw;
    height: 0.5vw;
    border-style: solid;
    border-width: 0.15vw 0.15vw 0 0;
    border-color: #071E3F;
}

.pagination .page-numbers li .prev::before {
    transform: translate(-40%, -50%) rotate(-135deg);
}

.pagination .page-numbers li .next::before {
    transform: translate(-60%, -50%) rotate(45deg);
}

.pagination .page-numbers li .prev:hover::before,
.pagination .page-numbers li .next:hover::before {
    border-color: #fff;
}

@media (max-width: 767px) {
    .pagination {
        margin-top: 6vw;
    }

    .pagination .page-numbers {
        gap: 2vw;
    }

    .pagination .page-numbers li a,
    .pagination .page-numbers li span {
        padding: 2vw;
        min-width: 8vw;
        height: 8vw;
        font-size: 3.5vw;
        border-radius: 1vw;
    }
}

/* end css pagination */

/* Recruitment Page */
.recruitment-wrapper {
    background-color: #f5f8fa;
}

.recruitment-wrapper .home__banner {
    z-index: 2;
}

.recruitment-text-blur {
    position: absolute;
    width: 84.125vw;
    height: 27.938vw;
    border-radius: 84.125vw;
    background: #000;
    filter: blur(15.625vw);
    left: -24vw;
    bottom: -7.813vw;
}

.recruitment__banner-button {
    cursor: pointer;
    color: #071E3F;
    font-size: 1.063vw;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.438vw 0;
    width: 31.688vw;
    margin-top: 1.563vw;
    background: #FFF;
    letter-spacing: 0;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    z-index: 1;
}

.recruitment__banner-button:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #071E3F;
    transition: width 0.5s ease;
    z-index: -1;
}

.recruitment__banner-button:hover {
    color: #FFF;
}

.recruitment__banner-button:hover:before {
    width: 100%;
}

.recruitment__about {
    padding-top: 0;
}

.recruitment__about-main {
    position: absolute;
    top: 4.625vw;
    left: 0;
    width: 100%;
}

.recruitment__about-intro {
    flex: 0 0 38.188vw;
    display: flex;
    flex-direction: column;
    gap: 1.313vw;
}

.recruitment__about-intro__title {
    color: #071E3F;
    font-size: 2vw;
    font-style: normal;
    font-weight: 200;
    line-height: 150%;
}

.recruitment__about-intro__desc {
    color: #071E3F;
    font-size: 1.063vw;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;
}

.recruitment-wrapper .general__faded-mr {
    top: 26.937vw;
}

.recruitment__about-bg {
    position: relative;
    z-index: 1;
}

.recruitment__opportunities-title {
    color: #FFF;
    font-size: 2vw;
    font-style: normal;
    font-weight: 200;
    line-height: 150%;
    margin-bottom: 3.375vw;
}

.recruitment-opportunities .section__title {
    margin-top: 0.875vw;
}

.recruitment-opportunities {
    padding-top: 18.188vw;
    padding-bottom: 6.75vw;
    background: linear-gradient(180deg, rgba(26, 44, 87, 0.00) 4.6%, rgba(24, 42, 84, 0.68) 11.14%, #172953 18.6%, #0B2144 55.19%, #071E3F 77.42%);
    margin-top: -14.688vw;
    position: relative;
    z-index: 1;
}

.recruitment-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.75vw;
    padding-right: 3.375vw;
}

.recruitment-item {
    background-color: #fff;
    border-radius: 0.5vw;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.recruitment-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.recruitment-item-link {
    display: block;
    text-decoration: none;
    color: inherit;
    padding: 1.5vw 1.75vw;
}

.recruitment-item-inner {
    display: flex;
    gap: 0.313vw;
}

.recruitment-item-left {
    flex: 0 0 17.406vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.recruitment-item-more {
    display: flex;
    align-items: center;
}

.recruitment-item-more-text {
    color: #020202;
    font-size: 1.063vw;
    font-style: normal;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0.17px;
}

.recruitment-item-more-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.recruitment-item-more-icon img {
    width: 1vw;
}

.recruitment-item-right {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 1vw;
}

.recruitment-item-title {
    color: #071E3F;
    font-size: 1.5vw;
    font-weight: 400;
    line-height: 150%;
    margin: 0 0 1vw;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
}

.recruitment-meta {
    display: flex;
    gap: 0.75vw;
    align-items: center;
}

.recruitment-meta-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.recruitment-meta-icon img {
    width: 1.431vw;
}

.recruitment-meta-value {
    color: #071E3F;
    text-align: right;
    font-size: 1.063vw;
    font-style: normal;
    font-weight: 300;
    line-height: 150%;

}

/* End Recruitment Page */

/* News Page */

.news__page {
    background: #F0FAFF;
}

.news__container {
    padding-top: 5.408vw;
    padding-right: 3.688vw;
    padding-bottom: 7.054vw;
}

.news__container .section__title {
    margin-top: 1.063vw;
}

.news__content {
    display: flex;
    flex-direction: column;
    gap: 5vw;
}

.news__content-item {
    display: flex;
    flex-direction: column;
    gap: 3vw;
}

.news__header {
    display: flex;
    align-items: center;
    gap: 1vw;
}

.new__header-title {
    flex: 1 1 auto;
    color: #071E3F;
    font-size: 2vw;
    font-style: normal;
    font-weight: 200;
    line-height: 150%;
}

.new__header-tabs {
    display: flex;
    align-items: center;
    gap: 0.75vw;
    flex: 0 0 auto;
}

.new__header-tab {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.75vw 0.938vw;
    align-items: center;
    border-radius: 1.375vw;
    border: 0.047vw solid #071E3F;
    color: #071E3F;
    font-size: 1.063vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    transition: all 0.25s ease-in-out;
}

.new__header-tab:not(.active) {
    cursor: pointer;
}

.new__header-tab:hover {
    background: #071E3F;
    color: #FFF;
}

.new__header-tab.active {
    background: #071E3F;
    color: #FFF;
}

.news__body {
    display: flex;
    flex-direction: column;
    gap: 3vw;
}

.news__post-main {
    display: flex;
    gap: 5.125vw;
    align-items: center;
}

.news__post-main__image {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 41.063vw;
}

.news__post-main__image img {
    width: 100%;
    min-height: 24.856vw;
    border-radius: 0.5vw;
}

.news__post-main__content {
    display: flex;
    flex-direction: column;
    gap: 1.5vw;
    flex: 1 1 auto;
    color: #071E3F;
}

.news__post-main__type {

    font-size: 1.063;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.news__post-main__title {
    font-size: 2vw;
    font-style: normal;
    font-weight: 200;
    line-height: 150%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news__post-main__description {
    font-size: 1.063vw;
    font-style: normal;
    font-weight: 200;
    line-height: 144%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news__post-more {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 0.75vw;
    cursor: pointer;
}

.news__post-more__text {
    color: #020202;
    font-family: Chivo;
    font-size: 1.063vw;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.00163vw;
    text-transform: uppercase;
}

.news__post-more__icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.news__post-more__icon img {
    width: 1vw;
}

.news__post-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2.125vw;
}

.news__post-item {
    display: flex;
    flex-direction: column;
    gap: 1.5vw;
}

.news__post-item__image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.news__post-item__image img {
    width: 100%;
    border-radius: 0.5vw;
    height: 15.625vw;
}

.news__post-item__content {
    display: flex;
    flex-direction: column;
    gap: 0.75vw;
}

.news__post-main__type {
    color: #071E3F;
    font-size: 1.063vw;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.00163vw;
}

.news__post-main__title {
    color: #071E3F;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 200;
    line-height: 150%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news__post-main__description {
    color: #071E3F;
    font-size: 1.063vw;
    font-style: normal;
    font-weight: 200;
    line-height: 144%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news__post-item__end {
    display: flex;
}

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

.news__more {
    display: flex;
    gap: 0.75vw;
    justify-content: center;
    cursor: pointer;
}

.news__more-text {
    color: #020202;
    font-size: 1.063vw;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.00163vw;
    text-transform: uppercase;
}

.news__more-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.news__more-icon img {
    width: 1vw;
}

.news__media-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.143vw 1.348vw;
}

.news__media-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.news__media-item img {
    width: 100%;
    height: 22.777vw;
    border-radius: 0.5vw;
}

.news__media-grid .news__media-item:first-of-type {
    grid-column: span 2;
}

.news__media-grid .news__media-item:first-of-type img {
    height: 29.383vw;
}

/* End News Page */

/* Contact Page */

.contact__page {
    background: #A9C8D8;
}

.contact__container {
    padding-top: 5.846vw;
    overflow: hidden;
}

.contact__container--first,
.contact__container--second {
    position: relative;
    padding-right: 3.375vw;
}

.contact__container--second {
    padding-top: 4.063vw;
}

.contact__container--first {
    padding-bottom: 4.75vw;
}

.contact__container--blur {
    position: absolute;
    top: -4.875vw;
    right: -10.688vw;
    width: 27vw;
    height: 27vw;
    border-radius: 27vw;
    background: #4692DF;
    filter: blur(12.5vw);
}

.contact__container--first .section__title {
    margin-top: 0.625vw;
}

.contact__container--first .section__wrapper-right {
    position: relative;
}

.contact__detail {
    padding: 2vw;
    display: flex;
    align-items: center;
    gap: 7.5vw;
    border-radius: 8px;
    background: #FFF;
}

.contact__info {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 2vw;
}

.contact__map {
    flex: 0 0 42.25vw;
    height: 27.437vw;
    border-radius: 0.5vw;
    overflow: hidden;
}

.contact__map iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.contact__info-item {
    display: flex;
    flex-direction: column;
    gap: 0.813vw;
}

.contact__info-label {
    color: #071E3F;
    font-size: 1.063vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.contact__info-value {
    color: #071E3F;
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 200;
    line-height: 150%;
}

.contact__container--second .section__title {
    margin-top: 0.5vw;
}

.contact__form {
    display: flex;
    flex-direction: column;
    gap: 1.938vw;
    padding-bottom: 14.5vw;
}

.contact__form-title {
    width: 14.5vw;
    color: #071E3F;
    font-size: 2vw;
    font-style: normal;
    font-weight: 200;
    line-height: 150%;
}

.contact__form-content {
    padding: 3vw 2vw 2vw 2vw;
    border-radius: 0.5vw;
    background: #FFF;
}

.contact__form-fields {
    display: flex;
    flex-direction: column;
    gap: 2.5vw;
}

.contact__form-group {
    display: flex;
    align-items: start;
    gap: 7.5vw;
}

.contact__form-item {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 0.625vw;
}

.contact__form-label {
    color: #071E3F;
    font-size: 1.063vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.contact__form-item input {
    height: 2.375vw;
    outline: none;
    border: none;
    border-bottom: 1px solid #071E3F;
    font-size: 1.063vw;
    font-style: normal;
    font-weight: 400;
    width: 100%;
}

.contact__form-submit {
    position: relative;
    display: inline-flex;
    margin-top: 3.188vw;
}

.wpcf7-spinner {
    position: absolute !important;
    top: 50%;
    right: 1.25vw;
    transform: translate(0, -50%);
}

.contact__form-button {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #071E3F;
    width: 31.688vw;
    height: 4.125vw;
    cursor: pointer;
    color: #FFF;
    font-size: 1.063vw;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.contact__form-button-text {
    color: #FFF;
    font-size: 1.063vw;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.contact__form--abs {
    position: absolute;
    top: 0;
    right: -0.688vw;
    color: #FFF;
    font-family: Tektur;
    font-size: 12.943vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.647vw;
}

.contact__form-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

/* End Contact Page */


/* Job Detail */

.single-recruitment__wrapper {
    background-color: #fff;
}

.single-recruitment__opportunities {
    position: relative;
    z-index: 1;
    margin-top: -30.625vw;
    padding-top: 15.188vw;
    padding-bottom: 3.792vw;
    overflow: hidden;
}

.single-recruitment__opportunities::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 76.063vw;
    background: linear-gradient(180deg, rgba(26, 44, 87, 0.00) 4.6%, rgba(24, 42, 84, 0.68) 11.14%, #172953 18.6%, #0B2144 55.19%, #071E3F 77.42%);
    ;
}

.single-recruitment__wrapper .recruitment__about-main {
    position: static;
    padding-top: 4.625vw;
    padding-bottom: 34.229vw;
}

.single-recruitment__wrapper .recruitment__about-bg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.single-recruitment__opportunities .section__title {
    margin-top: 0.875vw;
}

.single-recruitment__related-title {
    color: #FFF;
    font-size: 2vw;
    font-style: normal;
    font-weight: 200;
    line-height: 150%;
    margin-bottom: 3.375vw;
}

.single-recruitment__back {
    padding-top: 1.25vw;
    padding-left: 3.375vw;
}

.single-recruitment__back-link {
    display: flex;
    align-items: center;
    gap: 0.563vw;
}

.single-recruitment__back-link img {
    width: 1vw;
    rotate: 180deg;
}

.single-recruitment__back-link span {
    color: #071E3F;
    font-size: 1.063vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.single-recruitment__header {
    padding-left: 3.375vw;
    margin-top: 2.563vw;
    color: #071E3F;
    font-size: 4vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.single-recruitment__meta {
    margin: 2.25vw 1.875vw;
    margin-bottom: 2.563vw;
    padding: 2.188vw 7.5vw;
    background-color: #74bdfa;
}

.single-recruitment__meta-grid {
    display: flex;
    align-items: center;
    gap: 6.25vw;
}

.single-recruitment__meta-item {
    display: flex;
    align-items: center;
    gap: 0.938vw;
}

.single-recruitment__meta-icon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.single-recruitment__meta-icon img {
    width: 1.5vw;
}

.single-recruitment__meta-value {
    color: #071E3F;
    font-size: 1.063vw;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.single-recruitment__content {
    padding-bottom: 4.688vw;
}

.single-recruitment__content-inner {
    position: static;
    transform: none;
    padding-right: 27.625vw;
}

.single-recruitment__content-inner h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 2vw;
    font-weight: 200;
    color: #071E3F;
    line-height: 150%;
}

.single-recruitment__content-inner h2 {
    font-size: 2vw;
}

.single-recruitment__content-inner h3 {
    font-size: 1.85vw;
}

.single-recruitment__content-inner h4 {
    font-size: 1.65vw;
}

.single-recruitment__content-inner h5 {
    font-size: 1.45vw;
}

.single-recruitment__content-inner h6 {
    font-size: 1.25vw;
}

.single-recruitment__content-inner ul li {
    max-width: 100%;
}

.enroll-now__button {
    position: fixed;
    top: 12.938vw;
    right: 3.625vw;
    display: flex;
    flex-direction: column;
    gap: 3.125vw;
    padding: 1.875vw;
    border-radius: 0.938vw;
    background: #071E3F;
    z-index: 1000;
}

.enroll-now__title {
    color: #FFF;
    font-size: 2vw;
    font-style: normal;
    font-weight: 200;
    line-height: 150%;
}

.enroll-now__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.875vw 0.625vw 0.625vw 1.25vw;
    border-radius: 0.25vw;
    background: #E7EFFC;
}

.enroll-now__button-text {
    color: #071E3F;
    font-size: 1.063vw;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

.enroll-now__button-icon {
    width: 1.875vw;
    height: 1.875vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
}

.enroll-now__button-icon svg {
    width: 0.875vw;
    height: 0.875vw;
}

/* End Job Detail */


.single-new__related {
    padding-top: 3.75vw;
    padding-bottom: 6.75vw;
}

.news-detail__meta {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
}

.single-news__wrapper .single-recruitment__related {
    margin-top: 1.75vw;
}

.news-detail__featured-image {
    width: 100%;
    max-height: 500px;
    overflow: hidden;
    position: relative;
    margin-bottom: 2rem;
}

.news-detail__featured-image::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.1) 100%);
    z-index: 1;
}

.news-detail__featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.news-detail__category {
    background: linear-gradient(135deg, #0066cc, #004c99);
    color: white;
    padding: 0.5rem 1.25rem;
    border-radius: 25px;
    font-size: 0.875rem;
    font-weight: 600;
    display: inline-block;
    box-shadow: 0 2px 8px rgba(0, 102, 204, 0.3);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.news-detail__date {
    color: #6c757d;
    font-size: 0.875rem;
    font-weight: 500;
    background: #f8f9fa;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    border: 1px solid #e9ecef;
}

.single-project__full-desc ol {
    list-style: none;
    padding-left: 1vw;
    margin-bottom: 1vw;
}

.single-project__full-desc ol li::before {
    content: "-";
    color: #071E3F;
    margin-right: 0.34vw;
}

/* responsive */
@media screen and (min-width: 1600px) {
    .home__industry-item__image img {
        width: 22.094vw;
        height: 24.688vw;
    }

    .home__industry-item__text {
        padding: 1.5vw 1vw;
        font-size: 1.5vw;
    }
}

@media screen and (max-width: 1023.95px) {
    .header__nav-list {
        gap: 4.65vw;
    }

    .footer__content-title {
        font-size: clamp(13px, 1.466vw, 15px);
    }

    .footer__structure-list {
        font-size: clamp(14px, 1.76vw, 18px);
    }

    .footer__contact-location {
        width: clamp(288px, 34.213vw, 350px);
    }

    .footer__contact-method {
        font-size: clamp(14px, 1.76vw, 18px);
    }

    .footer__contact-sns__item img {
        width: clamp(26px, 3.421vw, 40px);
        height: clamp(26px, 3.421vw, 40px);
    }

    .single-project__columns {
        flex-direction: column;
    }

    .single-project__column-left {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .single-project__short-desc {
        font-size: 24px;
    }

    .single-project__other-grid {
        grid-template-columns: 1fr;
    }

}

@media screen and (max-width: 767.95px) {
    .sp-none {
        display: none !important;
    }

    .home__banner-bg {
        max-height: 90vh;
    }

    .home__industry-item__image img {
        width: 310px;
        height: 346px;
    }

    .projects__grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .projects__item--full,
    .projects__item--half {
        grid-column: span 1;
        aspect-ratio: 16/9;
    }

    .projects__item--full .projects__item-title,
    .projects__item--half .projects__item-title {
        font-size: 6vw;
    }

    .projects__item-overlay {
        padding: 5vw 3.75vw;
    }

    .single-project__banner-bg {
        height: 60vw;
    }

    .single-project__banner-content {
        font-size: 8vw;
    }

    .single-project__short-desc {
        font-size: 20px;
    }

    .single-project__full-desc {
        font-size: 16px;
    }

    .single-project__main {
        padding-top: 40px;
    }

    .single-project__back-link {
        font-size: 4vw;
    }

    .single-project__back-link svg {
        width: 5vw;
        height: 5vw;
    }

    .header {
        padding: 3.2vw 5.333vw;
    }

    .header__logo {
        flex: 0 0 13.6vw;
    }

    .header__nav-list {
        display: none;
    }

    .header__menu {
        display: block;
        color: #FFF;
        font-family: "Alegreya Sans SC";
        font-size: 4.8vw;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .footer__content {
        flex-direction: column;
        gap: 16vw;
    }

    .footer {
        padding: 12.8vw 4.267vw;
    }

    .footer::after {
        position: absolute;
        content: "";
        top: 20.8vw;
        right: 11.733vw;
        width: 218.933vw;
        height: 115.2vw;
        border-radius: 218.933vw;
        background: #0C58A6;
        filter: blur(53.987vw);
        transform: translate(0, -100%);
    }

    .footer__bg {
        left: 0;
        right: 0;
        bottom: 0;
        top: auto;
    }

    .footer__content-wrapper {
        gap: 5.333vw;
        position: relative;
        z-index: 1;
    }

    .footer__content-title {
        font-size: 4.533vw;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .footer__structure-list {
        font-style: normal;
        font-weight: 200;
        line-height: 150%;
        font-size: 5.333vw;
    }

    .footer__contact-location {
        font-size: 5.333vw;
        font-style: normal;
        font-weight: 200;
        line-height: 150%;
        width: 87.833vw;
    }

    .footer__contact-method {
        gap: 4vw;
        font-size: 20px;
        font-style: normal;
        font-weight: 200;
        line-height: 150%;
    }

    .footer__contact-sns {
        gap: 4.8vw;
    }

    .footer__contact-sns__item img {
        width: 10.667vw;
        height: 10.67vw;
    }

    .footer__copyright {
        font-size: 5.333vw;
        font-style: normal;
        font-weight: 200;
        line-height: 150%;
        margin-top: 16vw;
    }

    .back-to-top {
        width: 20.854vw;
        height: 20.8vw;
        bottom: 8.5vw;
    }

    .home-banner-video {
        aspect-ratio: 375 / 812;
    }

    .home__banner-content {
        top: 32.267vw;
        left: 5.333vw;
        gap: 1.963vw;
        transform: none;
    }

    .home__banner-content--md {
        font-size: 5.236vw;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 0.262vw;
        color: #FFF;
    }

    .home__banner-content--xl {
        font-size: 16.362vw;
        font-weight: 600;
        line-height: 118%;
        color: #FFF;
    }

    .home__banner-down-btn {
        width: 14.4vw;
        height: 14.4vw;
        right: 4.267vw;
        border-radius: 10.667vw;
    }

    .home__banner-down svg {
        width: 4.644vw;
    }

    .section__title-index {
        display: none;
    }

    .section__wrapper {
        flex-direction: column;
    }

    .section__wrapper-left {
        flex: auto;
    }

    .home__aboutus {
        padding-top: 10.667vw;
    }

    .section__title {
        padding-left: 4.267vw;
        font-size: 4.267vw;
        font-weight: 400;
        line-height: normal;
    }

    .home__about-content {
        flex-direction: column;
        gap: 4.8vw;
        padding-left: 13.333vw;
        padding-right: 4.267vw;
    }

    .home-wrapper .home__about-content {
        padding-left: 4.267vw;
        padding-right: 13.333vw;
        text-align: justify;
    }

    .home__about-intro {
        font-size: 6.4vw;
        font-style: normal;
        font-weight: 200;
        line-height: 150%;
        margin-top: 4.8vw;
    }

    .home-wrapper .home__about-intro {
        font-size: 4.9vw;
    }

    .home__about-intro br {
        display: none;
    }

    .home__about-text {
        font-size: 6.4vw;
        font-style: normal;
        font-weight: 200;
        line-height: 150%;
        margin-top: 0;
        width: 100%;
        text-align: justify;
    }

    .home-wrapper .home__about-text {
        font-size: 4.9vw;
    }

    .home__about-more img {
        display: none;
    }

    .home__aboutus-eco {
        margin-top: 3.467vw;
        padding-top: 0;
        padding-bottom: 14.667vw;
    }

    .home__aboutus-eco::after {
        background: linear-gradient(180deg, rgba(202, 223, 226, 0.00) 4.6%, rgba(202, 223, 226, 0.68) 19.17%, #CADFE2 29.86%, #94C0DE 100%);
    }

    .home__about-eco__bg {
        position: static;
    }

    .home__aboutus-eco .section__title {
        margin-top: 1.333vw;
    }

    .home__about-eco__list {
        margin-top: 9.333vw;
        padding: 4.267vw;
        grid-template-columns: repeat(2, 1fr);
        gap: 10.667vw;
        justify-content: space-between;
    }

    .home__about-eco__item img {
        max-width: 36vw;
        max-height: 32vw;
        object-fit: contain;
    }

    .home__industry {
        padding-top: 0;
        padding-bottom: 0;
    }

    .home__industry-head .section__title {
        margin-top: 0;
    }

    .home__industry-title {
        padding-left: 4.267vw;
        padding-right: 0;
        background-size: 240.263vw 134.787vw;
        background-position: 75.063vw 45.563vw;
    }

    .home__industry-line {
        font-size: 9.309vw;
        font-style: normal;
        font-weight: 400;
        line-height: 1.0426;
        letter-spacing: 0.865vw;
        text-align: start !important;
    }

    .home__industry-head {
        padding-top: 8.533vw;
        padding-bottom: 40vw;
        background: linear-gradient(180deg, rgba(148, 192, 222, 0.00) 0%, #94C0DE 88.84%);
    }

    .home__industry-intro {
        margin-top: 0;
        padding-top: 8vw;
        padding-bottom: 13.067vw;
    }

    .home__industry-intro::after {
        position: absolute;
        content: "";
        top: -51.2vw;
        bottom: 0;
        left: 0;
        width: 100%;
        background: linear-gradient(180deg, rgba(26, 44, 87, 0.00) 4.6%, rgba(24, 42, 84, 0.68) 19.68%, #172953 31.64%, #0B2144 47.56%, #071E3F 77.42%);
    }

    .home__industry-intro__bg {
        top: -50.667vw;
    }

    .home__industry-intro__wrapper {
        padding-left: 4.267vw;
        padding-right: 0;
    }

    .home__project-head {
        top: 7.2vw;
    }

    .home__project-thumbnail__item {
        aspect-ratio: 375 / 756;
    }

    .home__project-thumbnail__item img {
        height: 100%;
        object-position: 30.5% top;
    }

    .home__project-preview {
        display: none;
    }

    .home__project-thumbnail__item-title--lg {
        font-size: 13.944vw;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        /* letter-spacing: 0.697vw; */
    }

    .home__project-thumbnail__item-title--lg span {
        display: block;
    }

    .home__project-thumbnail__item-title--md {
        font-size: 7.747vw;
        font-style: normal;
        font-weight: 400;
        line-height: 185%;
        letter-spacing: 0.387vw;
    }

    .home__project-thumbnail__item-title {
        bottom: 21.6vw;
        left: 4.267vw;
    }

    .project-custom-scrollbar {
        bottom: 14.933vw !important;
        left: 4.267vw !important;
        right: 4.8vw !important;
        width: 100% !important;
    }

    .project-button-prev,
    .project-button-next {
        width: 10vw;
        height: 14.4vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .project-navigation-container svg {
        width: 4.644vw;
    }

    .project-navigation-container {
        bottom: 18.133vw;
        right: 0;
        gap: 1.333vw;
    }

    .home__awards {
        padding-bottom: 19.36vw;
    }

    .home__awords-head {
        padding-top: 6.4vw;
    }

    .home__awards-content {
        flex-direction: column;
        gap: 7.2vw;
    }

    .home__awards-content--xl {
        font-size: 9.309vw;
        font-style: normal;
        font-weight: 400;
        line-height: 1.0426;
        letter-spacing: 0.865vw;
        width: 65.333vw;
        margin-left: 4.267vw;
        color: #fff;
        background: transparent;
        -webkit-text-fill-color: #fff;
        transform: none;
    }

    .home__awards-content--sm {
        margin-top: 0;
        font-size: 5.333vw;
        font-style: normal;
        font-weight: 300;
        line-height: 150%;
        padding-left: 4.267vw;
        padding-right: 11.2vw;
        width: 100%;
        order: 1;
        display: none;
    }

    .home__awords-detail {
        margin-top: 16.8vw;
        padding-top: 0;
    }

    .home__awords-faded--middle {
        width: 115.2vw;
        height: 115.2vw;
        border-radius: 115.2vw;
        filter: blur(53.333vw);
        right: 28.8vw;
        top: 100.267vw;
        transform: translate(100%, 0);
    }

    .home__awords-faded--md {
        width: 168.533vw;
        height: 168.533vw;
        border-radius: 168.533vw;
        filter: blur(106.667vw);
        right: 37.6vw;
        top: -89.333vw;
    }

    .home__aboutus-circle {
        width: 115.2vw;
        height: 115.2vw;
        border-radius: 115.2vw;
        filter: blur(53.333vw);
        right: 28.8vw;
        top: 100.267vw;
        transform: translate(100%, 0);
    }

    .home__aboutus-faded {
        width: 168.533vw;
        height: 168.533vw;
        border-radius: 168.533vw;
        filter: blur(106.667vw);
        right: 37.6vw;
        top: -89.333vw;
    }

    .home__awords-faded--sm {
        width: 504.533vw;
        height: 58.133vw;
        border-radius: 168.533vw;
        filter: blur(40vw);
        right: 50vw;
        transform: translate(50%, 0);
        top: -11.467vw;
    }

    .home__awards-detail__wrapper {
        padding-top: 0;
    }

    .home__awords-nw {
        margin-top: 20.533vw;
        padding-top: 0;
    }

    .home__awards-detail-slide {
        flex-direction: column;
        gap: 3.2vw;
    }

    .home__awards-detail-slide__image img {
        width: 58.18vw;
        height: 69.067vw;
    }

    .home__awards-detail-slide__image {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 6.133vw;
        flex: auto;
    }

    .home__awards-detail-slide__year {
        font-size: 8.533vw;
        font-weight: 200;
        line-height: 150%;
        left: 4.267vw;
        right: auto;
        bottom: 0;
        transform: none;
    }

    .home__awards-detail-slide__info {
        margin-top: 0;
        padding: 0 4.267vw;
    }

    .home__awards-detail-slide__name {
        font-size: 8.533vw;
        font-weight: 200;
        line-height: 150%;
    }

    .home__awards-detail-slide--sm {
        font-size: 5.333vw;
        font-weight: 300;
        line-height: 150%;
    }

    .home__awards-detail-slide--sm {
        margin-top: 5.6vw;
        font-size: 4vw;
        font-weight: 300;
        line-height: 150%;
    }

    .awards-button-prev {
        transform: translate(0, -50%);
        left: 4.267vw;
        top: 34.533vw;
        right: auto;
        width: 14.4vw;
        height: 14.4vw;
        border-radius: 10.667vw;
    }

    .awards-button-next {
        transform: translate(0, -50%);
        right: 4.267vw;
        top: 34.533vw;
        left: auto;
        width: 14.4vw;
        height: 14.4vw;
        border-radius: 10.667vw;
    }

    .awards-button-prev svg,
    .awards-button-prev svg {
        width: 4.644vw;
    }

    .home__awards-network {
        padding: 8.8vw 4.267vw;
        padding-bottom: 0;
    }

    .home__awards-network__item img {
        max-width: 40.267vw;
        max-height: 28vw;
    }

    .content-wrapper {
        overflow: hidden;
    }

    .home__industry-intro__wrapper {
        position: relative;
        z-index: 1;
    }

    .introduction__banner-content {
        font-size: 11vw;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        bottom: 8.533vw;
        left: 2.333vw;
    }

    .industry__main .section__wrapper {
        position: static;
    }

    .industry__main .industry__main-item:nth-of-type(1) .section__wrapper {
        margin-top: 10.667vw;
    }

    .industry__main .section__wrapper {
        flex-direction: column;
        gap: 6.4vw;
    }

    .industry__main-item__info {
        flex-direction: column;
        gap: 22.133vw;
    }

    .industry__main-item__info-text {
        flex: auto;
        gap: 6.4vw;
    }

    .industry__main-item__info-images {
        flex: auto;
        justify-content: start;
        margin-left: 13.333vw;
    }

    .industry__main .industry__main-item:nth-of-type(1) .industry__main-item__info-images {
        margin-right: 0;
        margin-top: 5.333vw;
    }

    .industry__main-item__info-title {
        font-size: 6.4vw;
        font-style: normal;
        font-weight: 200;
        line-height: 150%;
        margin: 0 4.267vw;
    }

    .industry__main-item__info-title br {
        display: none;
    }

    .industry__main-item__info-desc {
        margin-right: 4.267vw;
        margin-left: 4.267vw;
        font-size: 4vw;
        font-style: normal;
        font-weight: 300;
        line-height: 150%;
        text-align: justify;
    }

    .industry__wrapper {
        background: #A9C8D8;
    }

    .industry__main .industry__main-item:nth-of-type(1) .industry__main-item__info-image img {
        width: 32.533vw;
    }

    .industry__main .industry__main-item:nth-of-type(1) {
        padding-bottom: 28.533vw;
    }

    .industry__main-item picture {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .industry__main .industry__main-item:nth-of-type(1) picture {
        bottom: 107px;
        transform: translate(0, 100%);
    }

    .industry__main-item {
        overflow: initial;
    }

    .industry__main .industry__main-item:nth-of-type(2) {
        margin-top: 29.333vw;
        padding-bottom: 85.067vw;
    }

    .industry__main .industry__main-item:nth-of-type(2)::after {
        position: absolute;
        content: "";
        top: -29.333vw;
        left: 0;
        width: 100%;
        height: 222.4vw;
        background: linear-gradient(180deg, rgba(26, 44, 87, 0.00) 4.6%, rgba(24, 42, 84, 0.68) 15.19%, #172953 23.83%, #0B2144 64.45%, rgba(7, 30, 63, 0.00) 88.85%);
    }

    .industry__main .industry__main-item:nth-of-type(2) .section__title {
        margin-top: 0;
    }

    .industry__main .industry__main-item:nth-of-type(2) .industry__main-item__info-image img {
        width: 34.187vw;
    }

    .industry__main .industry__main-item:nth-of-type(2) .industry__main-item__info-image {
        margin-top: 9.333vw;
    }

    .industry__main .industry__main-item:nth-of-type(3) {
        padding-bottom: 87.467vw;
    }

    .industry__main .industry__main-item:nth-of-type(3) .section__wrapper {
        margin-top: 10.667vw;
    }

    .industry__main .industry__main-item:nth-of-type(2) .section__wrapper {
        margin-top: 0;
    }

    .industry__main .industry__main-item:nth-of-type(3) .industry__main-item__info-image img {
        width: 38.731vw;
    }

    .industry__main .industry__main-item:nth-of-type(4) {
        padding-bottom: 105.067vw;
    }

    .industry__main .industry__main-item:nth-of-type(4) .section__wrapper {
        margin-top: 10.667vw;
    }

    .industry__main .industry__main-item:nth-of-type(4) .industry__main-item__info-image img {
        width: 50.667vw;
    }

    .industry__main-item__info-image--more {
        bottom: 24.709vw;
        right: 4.267vw;
        width: 50.667vw;
    }

    .industry__main {
        position: relative;
        z-index: 1;
    }

    .projects__grid {
        padding: 0 4.267vw;
        gap: 4.267vw;
        margin-top: 8.267vw;
    }

    .projects__item-image img {
        border-radius: 2.133vw;
    }

    .project__banner-content {
        width: 90%;
    }

    .banner__down {
        display: none;
    }

    .projects__main {
        padding-top: 10.667vw;
    }

    .projects__item--full .projects__item-title,
    .projects__item--half .projects__item-title {
        font-size: 6.4vw;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .projects__item-overlay {
        padding: 3.867vw 4.267vw;
    }

    .projects__item--full,
    .projects__item--half {
        aspect-ratio: 343 / 215;
    }

    .projects__wrapper {
        padding-bottom: 18.667vw;
    }

    .recruitment__banner-content {
        left: 4.267vw;
        bottom: 6.4vw;
    }

    .recruitment__banner-content span {
        display: block;
    }

    .recruitment__banner-button {
        width: 91.467vw;
        height: 17.6vw;
        color: #071E3F;
        font-size: 4.533vw;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin-top: 5.333vw;
    }

    .recruitment__about-main {
        position: static;
        gap: 6.4vw;
    }

    .recruitment-wrapper .section__wrapper-left {
        margin-top: 0;
    }

    .recruitment__about-intro {
        flex: auto;
        gap: 6.4vw;
    }

    .recruitment-wrapper .home__about-more img {
        display: block;
        width: 100%;
    }

    .recruitment-wrapper .home__about-content {
        padding: 0 4.267vw;
        gap: 28.8vw;
        padding-bottom: 25.867vw;
    }

    .recruitment__about-intro__title {
        font-size: 6.4vw;
        font-style: normal;
        font-weight: 200;
        line-height: 150%;
    }

    .recruitment__about-intro__desc {
        font-size: 4vw;
        font-style: normal;
        font-weight: 300;
        line-height: 150%;
        margin-left: 0;
        text-align: justify;
    }

    .recruitment__about-bg {
        position: absolute;
        bottom: 23.2vw;
        left: 0;
        width: 100%;
        transform: translate(0, 100%);
    }

    .recruitment-wrapper,
    .recruitment-wrapper .home__aboutus {
        background: #A9C8D8;
    }

    .recruitment-opportunities {
        padding-top: 61.867vw;
        background: linear-gradient(180deg, rgba(26, 44, 87, 0.00) 1.85%, rgba(24, 42, 84, 0.68) 9.42%, #172953 19.69%, #0B2144 63.65%, #071E3F 88.85%);
    }

    .recruitment-opportunities .section__title {
        margin-top: 0;
        margin-bottom: 5.333vw;
    }

    .recruitment__opportunities-title {
        margin-bottom: 5.333vw;
        padding: 0 4.267vw;
        color: #FFF;
        font-size: 6.4vw;
        font-style: normal;
        font-weight: 200;
        line-height: 150%;
    }

    .recruitment-grid {
        grid-template-columns: 1fr;
        padding-right: 0;
        padding: 0 4.267vw;
        gap: 7.467vw;
    }

    .recruitment-item-link {
        position: relative;
        padding: 6.4vw 7.467vw;
        padding-bottom: 16.533vw;
    }

    .recruitment-item {
        border-radius: 2.133vw;
    }

    .recruitment-item-inner {
        flex-direction: column;
        gap: 5.333vw;
    }

    .recruitment-item-title {
        font-size: 5.333vw;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    .recruitment-item-right {
        flex: auto;
        align-items: start;
        gap: 4.533vw;
    }

    .recruitment-meta {
        gap: 3.2vw;
    }

    .recruitment-meta-value {
        font-size: 4vw;
        font-style: normal;
        font-weight: 300;
        line-height: 150%;
    }

    .recruitment-meta-icon img {
        width: 6.105vw;
    }

    .recruitment-item-more {
        position: absolute;
        bottom: 6.4vw;
        left: 7.467vw;
        gap: 3.2vw;
    }

    .recruitment-item-more-text {
        font-size: 4vw;
        font-style: normal;
        font-weight: 500;
        line-height: 1.133;
        letter-spacing: 0.04vw;
    }

    .recruitment-item-more-icon img {
        width: 4.267vw;
    }

    .recruitment-item-left {
        flex: auto;
    }

    .contact__container {
        padding-top: 5.333vw;
    }

    .contact__container--first .section__wrapper-right {
        margin-top: 8.8vw;
        padding: 0 5.333vw;
    }

    .contact__detail {
        flex-direction: column;
        padding: 8.533vw 2.133vw 2.133vw 2.133vw;
        border-radius: 2.133vw;
        gap: 12.8vw;
    }

    .contact__info {
        flex: auto;
        padding: 0 2.133vw;
        gap: 8.533vw;
    }

    .contact__info-label {
        font-size: 4.533vw;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .contact__info-value {
        font-size: 5.333vw;
        font-style: normal;
        font-weight: 200;
        line-height: 150%;
        letter-spacing: -0.027vw;
    }

    .contact__info-item {
        gap: 3.467vw;
    }

    .contact__map {
        flex: auto;
        border-radius: 2.133vw;
        height: 55.2vw;
    }

    .contact__container--first {
        padding-bottom: 33.6vw;
        padding-right: 0;
    }

    .contact__container--second {
        padding-right: 0;
        padding-top: 0;
        position: relative;
        z-index: 1;
    }

    .contact__form {
        gap: 5.6vw;
        padding-bottom: 50.133vw;
    }

    .contact__form-title {
        font-size: 6.4vw;
        font-style: normal;
        font-weight: 200;
        line-height: 150%;
        width: 100%;
        margin: 4.267vw 4.267vw 0 4.267vw;
    }

    .contact__form-content {
        margin: 0 4.267vw;
        padding: 12.8vw 8.533vw 8.533vw 8.533vw;
        border-radius: 4.267vw;
    }

    .contact__form-fields {
        gap: 10.667vw;
    }

    .contact__form-group {
        flex-direction: column;
        gap: 10.667vw;
    }

    .contact__form-item {
        width: 100%;
        gap: 2.133vw;
    }

    .contact__form-label {
        font-size: 4vw;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .contact__form-item input {
        height: 8.533vw;
        font-size: 4.267vw;
    }

    .contact__form-submit {
        margin-top: 13.6vw;
        width: 100%;
    }

    .contact__form-button {
        width: 100%;
        height: 17.6vw;
        font-size: 4.267vw;
        font-size: 4vw;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .wpcf7-not-valid-tip {
        font-size: 3.467vw ! important;
        margin-top: 2vw ! important;
    }

    .contact__form--abs {
        display: none;
    }

    .single-project__banner-bg {
        height: 216.533vw;
        max-height: 90vh;
    }

    .single-project__banner-content {
        font-size: 12.8vw;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        max-width: 81.333vw;
        bottom: 8.533vw;
        left: 5.333vw;
    }

    .single-project__main {
        padding-top: 10.667vw;
    }

    .single-project__columns {
        position: relative;
        margin-bottom: 0;
        gap: 6.4vw;
        padding: 0 4.277vw;
    }

    .single-project__short-desc {
        margin-top: 4.267vw;
        font-size: 5.333vw;
        font-style: normal;
        font-weight: 200;
        line-height: 150%;
        position: static;
    }

    .single-project__overview {
        margin-top: 4.267vw;
        margin-left: 9.067vw;
        font-size: 4vw;
        font-style: normal;
        font-weight: 300;
        line-height: 150%;
    }

    .single-project__column-left {
        position: static;
    }

    .single-project__full-desc {
        font-size: 4vw;
        font-style: normal;
        font-weight: 300;
        line-height: 150%;
        left: 13.333vw;
        right: 4.267vw;
        bottom: -4.267vw;
    }

    .single-project__full-desc ul li {
        max-width: 100%;
    }

    .single-project__content {
        padding-right: 0;
    }

    .single-project__full-desc ul {
        padding-left: 0;
        margin-bottom: 4.267vw;
    }

    .single-project__full-desc p {
        margin: 0 0 4.267vw 0;
    }

    .single-project__full-desc ul li {
        padding-left: 4.267vw;
    }

    .single-project__full-desc ul li::before {
        content: "";
        position: absolute;
        left: 1.95vw;
        top: 2.65vw;
        width: 1vw;
        height: 0.9vw;
        border-radius: 50%;
        background-color: #000;
    }

    .single-project__desc-image img {
        border-radius: 2.133vw;
    }

    .single-project__other-projects {
        padding-top: 10.667vw;
        padding-bottom: 10.667vw;
    }

    .single-project__other-titles {
        display: none;
    }

    .single-project__other-grid {
        margin-top: 5.867vw;
        padding-left: 4.267vw;
        padding-right: 4.267vw;
        gap: 4.267vw;
    }

    .single-project__other-item {
        aspect-ratio: 343 / 215;
    }

    .single-project__other-overlay {
        padding: 3.867vw 4.267vw;
    }

    .single-project__other-title {
        font-size: 6.4vw;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .single-project__related-images.reverse-mobile {
        flex-direction: column-reverse;
    }

    .single-project__related-images .single-project__related-image-item:nth-of-type(1)::after {
        display: none;
    }

    .news__container {
        padding-top: 3.333vw;
        padding-right: 0;
        padding-bottom: 16vw;
    }

    .news__container .section__title {
        margin-top: 0;
    }

    .news__content {
        gap: 16vw;
    }

    .news__content-item {
        gap: 8vw;
    }

    .news__header {
        flex-direction: column;
        gap: 5.333vw;
        padding: 0 4.267vw;
        align-items: start;
    }

    .new__header-title {
        font-size: 6.4vw;
        line-height: 150%;
    }

    .new__header-tabs {
        width: 100%;
        gap: 4vw;
        flex-wrap: wrap;
    }

    .new__header-tab {
        font-size: 3.733vw;
        padding: 2.667vw 4vw;
        border-radius: 5.333vw;
        border-width: 0.267vw;
    }

    .news__post-main {
        flex-direction: column;
        gap: 5.333vw;
        padding: 0 4.267vw;
    }

    .news__post-main__image {
        flex: auto;
    }

    .news__post-main__image img {
        width: 100%;
        border-radius: 2.133vw;
        min-height: auto;
        aspect-ratio: 343/193;
        object-fit: cover;
    }

    .news__post-main__content {
        gap: 2.667vw;
    }

    .news__post-main__type {
        font-size: 3.733vw;
    }

    .news__post-main__title {
        font-size: 5.333vw;
        -webkit-line-clamp: 3;
    }

    .news__post-main__description {
        font-size: 3.733vw;
        -webkit-line-clamp: 4;
    }

    .news__post-more {
        margin-top: 1.333vw;
    }

    .news__post-more__text {
        font-size: 3.733vw;
    }

    .news__post-more__icon img {
        width: 4vw;
    }

    .news__post-grid {
        grid-template-columns: 1fr;
        gap: 8vw;
        padding: 0 4.267vw;
    }

    .news__post-item {
        gap: 2.667vw;
    }

    .news__post-item__image img {
        height: 52vw;
        border-radius: 2.133vw;
    }

    .news__post-item__content {
        gap: 2.667vw;
    }

    .news__media-grid {
        padding: 0 4.267vw;
        gap: 4vw;
        grid-template-columns: 1fr;
    }

    .news__media-grid .news__media-item:first-of-type {
        grid-column: 1;
    }

    .news__media-item img {
        height: 52vw;
        border-radius: 2.133vw;
    }

    .news__media-grid .news__media-item:first-of-type img {
        height: 52vw;
    }

    .news__footer {
        margin-top: 8vw;
    }

    .news__more-text {
        font-size: 3.733vw;
    }

    .news__more-icon img {
        width: 4vw;
    }

    .news__page .section__wrapper-left {
        display: none;
    }

    .single-recruitment__wrapper {
        overflow-x: hidden;
    }

    .single-recruitment__opportunities {
        margin-top: -68vw;
        padding-top: 30vw;
        padding-bottom: 10.667vw;
        background: linear-gradient(180deg, rgba(26, 44, 87, 0.00) 1.85%, rgba(24, 42, 84, 0.68) 9.42%, #172953 19.69%, #0B2144 63.65%, #071E3F 88.85%);
    }

    .single-recruitment__opportunities::after {
        display: none;
    }

    .single-recruitment__wrapper .recruitment__about-bg {
        transform: none;
    }

    .single-recruitment__wrapper .recruitment__about {
        padding-bottom: 58vw;
    }

    .single-recruitment__wrapper .recruitment__about-main {
        padding-top: 3.333vw;
        padding-bottom: 53.333vw;
    }

    .single-recruitment__opportunities .section__title {
        margin-top: 2.667vw;
    }

    .single-recruitment__related-title {
        font-size: 5.333vw;
        margin-bottom: 8vw;
        padding: 0 4.267vw;
    }

    .single-recruitment__back {
        padding-top: 4vw;
        padding-left: 4.267vw;
    }

    .single-recruitment__back-link {
        gap: 2.133vw;
    }

    .single-recruitment__back-link img {
        width: 3.2vw;
    }

    .single-recruitment__back-link span {
        font-size: 3.733vw;
    }

    .single-recruitment__header {
        padding-left: 4.267vw;
        padding-right: 4.267vw;
        margin-top: 6.4vw;
        font-size: 6.4vw;
        line-height: 130%;
    }

    .single-recruitment__meta {
        margin: 6.4vw 4.267vw;
        padding: 6.4vw 5.333vw;
        margin-bottom: 8vw;
    }

    .single-recruitment__meta-grid {
        flex-direction: column;
        align-items: start;
        gap: 5.333vw;
    }

    .single-recruitment__meta-item {
        gap: 3.2vw;
    }

    .single-recruitment__meta-icon img {
        width: 5.333vw;
    }

    .single-recruitment__meta-value {
        font-size: 3.733vw;
    }

    .single-recruitment__content {
        padding-bottom: 13.333vw;
        padding-left: 4.267vw;
        padding-right: 4.267vw;
    }

    .single-recruitment__content-inner {
        padding-right: 0;
    }

    .single-recruitment__content-inner h2,
    .single-recruitment__content-inner h3,
    .single-recruitment__content-inner h4,
    .single-recruitment__content-inner h5,
    .single-recruitment__content-inner h6 {
        margin-bottom: 5.333vw;
    }

    .single-recruitment__content-inner h2 {
        font-size: 5.333vw;
    }

    .single-recruitment__content-inner h3 {
        font-size: 4.8vw;
    }

    .single-recruitment__content-inner h4 {
        font-size: 4.267vw;
    }

    .single-recruitment__content-inner h5 {
        font-size: 3.733vw;
    }

    .single-recruitment__content-inner h6 {
        font-size: 3.2vw;
    }

    .single-recruitment__content-inner p {
        font-size: 3.733vw;
        line-height: 160%;
        margin-bottom: 4vw;
    }

    .single-recruitment__content-inner ul,
    .single-recruitment__content-inner ol {
        padding-left: 5.333vw;
        margin-bottom: 5.333vw;
    }

    .single-recruitment__content-inner ul li,
    .single-recruitment__content-inner ol li {
        font-size: 3.733vw;
        line-height: 160%;
        margin-bottom: 2.667vw;
    }

    .enroll-now__button {
        top: auto;
        bottom: 4vw;
        right: 4vw;
        left: 4vw;
        gap: 4vw;
        padding: 4.267vw;
        border-radius: 2.133vw;
        flex-direction: column;
    }

    .enroll-now__title {
        font-size: 4.8vw;
        text-align: center;
    }

    .enroll-now__content {
        width: 100%;
        padding: 3.2vw 5.333vw;
        border-radius: 1.067vw;
        justify-content: center;
        gap: 2.667vw;
    }

    .enroll-now__button-text {
        font-size: 3.733vw;
    }

    .enroll-now__button-icon {
        width: 8vw;
        height: 8vw;
        flex-shrink: 0;
    }

    .enroll-now__button-icon svg {
        width: 3.2vw;
        height: 3.2vw;
    }

    .content-animate {
        opacity: 1;
        transform: translateY(0);
        transition: none;
    }

    .home__project-thumbnail__item:hover img {
        transform: scale(1);
    }

    .home__industry-item:hover .home__industry-item__image img {
        transform: scale(1);
        opacity: 1;
    }


    .introduction__wrapper .home__aboutus-main .section__wrapper-left {
        margin-top: 0;
    }

    .introduction__wrapper .home__about-intro {
        width: 100%;
        margin-top: 28.8vw;
        text-align: justify;
    }

    .introduction__wrapper .introduction__about-intro--sm {
        font-size: 6.4vw;
        font-style: normal;
        font-weight: 200;
        line-height: 150%;
        width: 100%;
    }

    .introduction__wrapper .introduction__about-intro--sm br:first-of-type {
        display: block;
    }

    .introduction__wrapper .home__about-content {
        position: relative;
        padding-left: 8.267vw;
        padding-right: 9.333vw;
    }

    .introduction__wrapper .home__about-more img {
        display: block;
        position: absolute;
        top: 0;
        left: 4.267vw;
        width: 82.4vw;
    }

    .introduction__eco {
        margin-top: 39.733vw;
    }

    .introduction__eco-content {
        width: 100%;
        height: 88.689vw;
        margin-top: 8.467vw;
    }

    .introduction__eco .section__wrapper-right {
        padding-right: 0;
    }

    .introduction__eco-content::after {
        left: -8vw;
        right: -8vw;
        background: linear-gradient(180deg, #A3C3D4 0%, #A1C3D5 100%);
        box-shadow: 0px 4px 4px 0px #FFF inset;
    }

    .introduction__eco-content-oval {
        transform: none;
        top: 1.533vw;
        bottom: 1.533vw;
        left: -6.248vw;
        right: -6.248vw;
        width: auto;
        height: auto;
        background: linear-gradient(180deg, #A3C3D4 0%, #A1C3D5 100%);
        box-shadow: 0px 4px 4px 0px #FFF inset;
    }

    .introduction__eco-content-list .introduction__eco-content-item:nth-of-type(4) img {
        width: 19.369vw;
        height: auto;
    }

    .introduction__eco-content-list .introduction__eco-content-item:nth-of-type(6) img {
        width: 24.562vw;
        height: auto;
    }

    .introduction__eco-content-list .introduction__eco-content-item:nth-of-type(5) img {
        width: 22.586vw;
        height: auto;
    }

    .introduction__eco-content-list .introduction__eco-content-item:nth-of-type(3) img {
        width: 19.394vw;
        height: auto;
    }

    .introduction__eco-content-list .introduction__eco-content-item:nth-of-type(2) img {
        width: 19.41vw;
        height: auto;
    }

    .introduction__eco-content-list .introduction__eco-content-item:nth-of-type(1) img {
        width: 19.487vw;
        height: auto;
    }

    .introduction__eco-content-list .introduction__eco-content-item:nth-of-type(8) img {
        width: 22.375vw;
    }

    .introduction__eco-content-list .introduction__eco-content-item:nth-of-type(7) img {
        width: 33.349vw;
        height: auto;
    }

    .introduction__eco-content-list .introduction__eco-content-item:nth-of-type(7) {
        top: 34.301vw;
        left: 31.733vw;
    }

    .introduction__eco-content-list .introduction__eco-content-item:nth-of-type(4) {
        top: 9vw;
        left: 56.75vw;
    }

    .introduction__eco-content-list .introduction__eco-content-item:nth-of-type(6) {
        top: 34.625vw;
        right: 2.39vw;
    }

    .introduction__eco-content-list .introduction__eco-content-item:nth-of-type(5) {
        bottom: 17.375vw;
        right: 10.92vw;
    }

    .introduction__eco-content-list .introduction__eco-content-item:nth-of-type(3) {
        bottom: 5.562vw;
        left: 39.3vw;
    }

    .introduction__eco-content-list .introduction__eco-content-item:nth-of-type(2) {
        bottom: 14.534vw;
        left: 8.625vw;
    }

    .introduction__eco-content-list .introduction__eco-content-item:nth-of-type(1) {
        top: 28vw;
        left: 4.125vw;
    }

    .introduction__eco-content-list .introduction__eco-content-item:nth-of-type(8) {
        top: 11.8vw;
        left: 23vw;
    }

    .introduction__wrapper .home__aboutus-circle {
        top: 270.4vw;
        right: 40vw;
        width: 73.333vw;
        height: 73.333vw;
        border-radius: 73.333vw;
        filter: blur(33.333vw);
        z-index: 2;
    }

    .introduction__wrapper .home__aboutus {
        padding-bottom: 7.379vw;
        background: linear-gradient(180deg, rgba(202, 223, 226, 0.00) 4.6%, rgba(202, 223, 226, 0.68) 19.17%, #CADFE2 29.86%, #94C0DE 100%);
    }

    .introduction__vision-list {
        flex-direction: column;
        gap: 4.267vw;
        padding: 40vw 4.267vw 18.133vw 4.267vw;
    }

    .introduction__vistion-item {
        padding: 6.4vw;
        padding-bottom: 11.733vw;
        border-radius: 3.2vw;
        gap: 4.267vw;
        min-height: 51.467vw;
    }

    .introduction__vision-item--title {
        font-size: 6.4vw;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .introduction__vision-item--content {
        font-size: 4vw;
        font-style: normal;
        font-weight: 200;
        line-height: 120%;
    }

    .introduction__vision-content {
        font-size: 15.227vw;
        font-style: normal;
        font-weight: 400;
        line-height: 1.03048;
        letter-spacing: 0.761vw;
        color: #039ad9;
        -webkit-text-fill-color: #039ad9;
        background: none;
        width: 116%;
        margin-left: 4.267vw;
        margin-top: 3.496vw;
    }

    .section__wrapper-vision__list {
        margin-top: 0;
    }

    .introduction__vision-bg {
        top: -14.568vw;
    }

    .introduction__wrapper .introduction__vision-ovalr {
        display: none;
    }

    .introduction__growup-container {
        overflow: hidden;
        position: relative;
    }

    .introduction__growup-sticky {
        overflow: hidden;
    }

    .introduction__growup {
        height: 100%;
        position: relative;
        padding-top: 15.563vw;
    }

    .introduction__growup-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10;
        padding: 12vw 5.333vw;
        background: linear-gradient(to bottom, rgba(7, 30, 63, 0.8), transparent);
    }

    .introduction__growup-wrapper .section__title {
        margin-bottom: 0;
    }

    .introduction__growup-wrapper .section__title-index {
        margin-left: 3vw;
    }

    .introduction__growup-wrapper .section__title-line {
        height: 0.267vw;
        width: 6.667vw;
    }

    .introduction__growup-wrapper .section__title-num {
        font-size: 3.733vw;
    }

    .introduction__growup-scroll {
        padding-left: 0;
        margin-top: 10vw;
        margin-bottom: 10vw;
    }

    .introduction__growup-scroll__container {
        display: flex;
        flex-direction: column;
        gap: 10vw;
    }

    .introduction__growup-scroll-item {
        width: 85vw;
        padding: 3.467vw;
        box-sizing: border-box;
        transition: transform 0.6s ease;
        display: flex;
        flex-direction: column;
        background: linear-gradient(80deg, #071E3F 0.33%, #0B2144 41.41%, #172953 91.5%, #1A2C57 100.52%);
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        position: relative;
        flex: auto !important
    }

    .introduction__growup-scroll__container .introduction__growup-scroll-item:nth-of-type(even) {
        align-self: start;
    }

    .introduction__growup-scroll__container .introduction__growup-scroll-item:nth-of-type(3) .introduction__growup-scroll-item__body {
        padding: 0;
        min-height: auto;
    }

    .introduction__growup-scroll__container .introduction__growup-scroll-item:nth-of-type(2) .introduction__growup-scroll-item__body {
        padding: 0;
        min-height: auto;
    }


    .introduction__growup-scroll-item__header {
        margin-bottom: 2.333vw;
        display: flex;
        align-items: center;
        justify-content: space-between;
        opacity: 1;
        transform: none;
        padding-left: 0;
    }

    .introduction__growup-scroll-item__title {
        font-size: 5.4vw;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
    }

    .introduction__growup-scroll-item__icon {
        display: none;
    }

    .introduction__growup-scroll-item__body {
        opacity: 1;
        height: auto;
        transform: none;
        display: flex;
        flex-direction: column;
        padding: 0;
        gap: 0;
        min-height: auto;
    }

    .introduction__growup-scroll-item__body-name {
        font-size: 4.333vw;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        margin-bottom: 2.267vw;
    }

    .introduction__growup-scroll-item__body-desc {
        font-size: 3vw;
        font-style: normal;
        font-weight: 200;
        line-height: 150%;
        overflow-y: auto;
        padding-right: 3.467vw;
    }

    .introduction__line-guide {
        display: block;
        position: absolute;
    }

    .introduction__line-guide .path-line {
        fill: none;
        stroke-dasharray: 13, 13;
    }

    .scroll-progress {
        position: absolute;
        bottom: 8vw;
        left: 50%;
        transform: translateX(-50%);
        width: 26.667vw;
        height: 0.533vw;
        background: rgba(255, 255, 255, 0.2);
        border-radius: 0.267vw;
        z-index: 10;
    }

    .scroll-progress-bar {
        height: 100%;
        width: 0;
        background: #FFF;
        border-radius: 0.267vw;
        transition: width 0.1s;
    }

    .news-detail__meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .news-detail__featured-image {
        max-height: 300px;
    }

    .home-wrapper .section__title {
        font-size: 9.309vw;
        line-height: 1.0426;
        letter-spacing: -0.135vw;
        font-weight: 400;
        font-family: Tektur;
        color: #fff;
    }

    .home-wrapper .home__awords-nw .section__title {
        letter-spacing: 0.1vw;
    }

    .single-project__full-desc ol li::before {
        margin-right: 1vw;
    }
}

/* end responsive */