:root{
    --main-cl: #21214E;
    --sub-cl: #F3F7FF;
    --container-w: 90.104rem;
}
/* Lenis smooth scroll */
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:clip}
.lenis.lenis-smooth iframe{pointer-events:none}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
body::-webkit-scrollbar {
    width: 8px;
    background-color: #cedbff;
}
body::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
}
input, optgroup, select, textarea{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: unset !important;
    outline: none !important;
}
body{
    margin: 0 !important;
    background-color: #fff;
    font-family: 'Plus Jakarta Sans', 'sans-serif';
}
.font-title,
h1,h2,h3,h4,h5{
    font-family: 'Romie', 'Plus Jakarta Sans', 'sans-serif';
}
.font-normal{
    font-family: 'Plus Jakarta Sans', 'sans-serif';
}
.grid-container{
    max-width: var(--container-w);
    margin-left: auto;
    margin-right: auto;
}
.p-middle{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 20;
}
#search-lightbox {
    width: 37.5rem;
    max-width: 100%;
}
#search-lightbox .search-lightbox-title{
    margin-bottom: 1.667rem;
    font-size: 1.979rem;
    line-height: 1.2;
    font-weight: 700;
}
#search-lightbox .search-keywords{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2.083rem;
    gap: 0.521rem;
}
#search-lightbox .search-keywords > a{
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    font-size: 0.833rem;
    line-height: 1.042rem;
    border: 1px solid rgba(255, 255, 255, 0.6);
    padding: 0.3125rem 0.833rem;
    display: flex;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#search-lightbox .search-keywords > a:hover{
    background-color: #fff;
    color: #000
}
#search-lightbox .flex-row > div{
    display: flex;
}
#search-lightbox .flex-row{
    align-items: unset;
    display: flex;
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    overflow: hidden;
}
#search-lightbox input{
    height: 100%;
    border: none;
}
#search-lightbox .button.icon{
    line-height: normal;
    min-height: unset;
    height: 100%;
    border: none;
    min-width: unset;
    background-color: #FFF;
    display: flex;
    align-items: center;
}
#search-lightbox .button.icon i{
    font-size: 0.9375rem;
    line-height: 1.25rem;
    color: #000
}
#search-lightbox input{
    font-size: 1.042rem;
    line-height: 1.25rem;
    padding-left: 1.5625rem;
    box-shadow: unset;
    height: 2.604rem;
}
.mfp-bg.mfp-ready{
    opacity: 0.8;
}
.mfp-content #search-lightbox{
    transform: translateY(-70%);
}
.text-white{
    color: #FFF;
}
.text-gray{
    color: #66667A
}
.text-3{
    color: #333;
}
.text-underline{
    text-decoration: underline;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.text-uppercase{
    text-transform: uppercase;
}
.obj-cover{
    object-fit: cover;
}
.text-italic{
    font-style: italic;
}
.text-primary{
    color: var(--main-cl)
}
.text-secondary{
    color: var(--sub-cl)
}
.al-center{
    align-items: center;
}
.img-center{
    margin-left: auto;
    margin-right: auto;
}
.img-wrap{
    position: relative;
    overflow: hidden;
}
.img-wrap img{
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
a{
    text-decoration: none;
}
.ts-03{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.ts-04{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.ts-05{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.fs-11{
    font-size: 0.573rem;
}
.fs-12{
    font-size: 0.625rem;
}
.fs-13{
    font-size: 0.677rem;
}
.fs-14{
    font-size: 0.729rem;
}
.fs-15{
    font-size: 0.78125rem;
}
.fs-16{
    font-size: 0.833rem;
}
.fs-17{
    font-size: 0.885rem;
}
.fs-18{
    font-size: 0.9375rem;
}
.fs-19{
    font-size: 0.99rem;
}
.fs-20{
    font-size: 1.042rem;
}
.fs-21{
    font-size: 1.09375rem;
}
.fs-22{
    font-size: 1.146rem;
}
.fs-23{
    font-size: 1.198rem;
}
.fs-24{
    font-size: 1.25rem;
}
.fs-25{
    font-size: 1.302rem;
}
.fs-30{
    font-size: 1.5625rem;
}
.lh-20{
    line-height: 1.042rem;
}
.lh-21{
    line-height: 1.09375rem;
}
.lh-22{
    line-height: 1.146rem;
}
.lh-23{
    line-height: 1.198rem;
}
.lh-24{
    line-height: 1.25rem;
}
.lh-25{
    line-height: 1.302rem;
}
.lh-26{
    line-height: 1.354rem;
}
.lh-27{
    line-height: 1.40625rem;
}
.lh-28{
    line-height: 1.458rem;
}
.lh-29{
    line-height: 1.51rem;
}
.lh-30{
    line-height: 1.5625rem;
}
.lh-31{
    line-height: 1.615rem;
}
.lh-32{
    line-height: 1.667rem;
}
.lh-33{
    line-height: 1.71875rem;
}
.lh-34{
    line-height: 1.771rem;
}
.lh-40{
    line-height: 2.083rem
}
.fw200{
    font-weight: 200;
}
.fw300{
    font-weight: 300;
}
.fw400{
    font-weight: 400;
}
.fw500{
    font-weight: 500;
}
.fw600{
    font-weight: 600;
}
.fw700{
    font-weight: 700;
}
.fw800{
    font-weight: 800;
}
.fw900{
    font-weight: 900;
}
.wrap-link{
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    z-index: 20;
    opacity: 0 !important;
}
.m-auto{
    margin: auto;
}
.col-1{flex:0 0 auto;width:8.33333333%}
.col-2{flex:0 0 auto;width:16.66666667%}
.col-3{flex:0 0 auto;width:25%}
.col-4{flex:0 0 auto;width:33.33333333%}
.col-5{flex:0 0 auto;width:41.66666667%}
.col-6{flex:0 0 auto;width:50%}
.col-7{flex:0 0 auto;width:58.33333333%}
.col-8{flex:0 0 auto;width:66.66666667%}
.col-9{flex:0 0 auto;width:75%}
.col-10{flex:0 0 auto;width:83.33333333%}
.col-11{flex:0 0 auto;width:91.66666667%}
.col-12{flex:0 0 auto;width:100%}
.relative{
    position: relative !important;
}
.absolute{
    position: absolute !important;
}
.p-unset{
    position: unset !important;
}
.flex-box{
    display: flex;
}
.flex-wrap{
    flex-wrap: wrap;
}
.flex-row{
    flex-direction: row !important;
}
.flex-col{
    flex-direction: column;
}
.al-center{
    align-items: center;
}
.al-start{
    align-items: flex-start;
}
.al-end{
    align-items: flex-end;
}
.al-baseline{
    align-items: baseline;
}
.jus-start{
    justify-content: flex-start;
}
.jus-end{
    justify-content: flex-end;
}
.jus-center{
    justify-content: center;
}
.jus-between{
    justify-content: space-between;
}
.grid-box{
    display: grid;
}
.grid-2{
    grid-template-columns: repeat(2, 1fr);
}
.grid-3{
    grid-template-columns: repeat(3, 1fr);
}
.grid-4{
    grid-template-columns: repeat(4, 1fr);
}
.d-block{
    display: block;
}
.swiper-button-disabled{
    opacity: 0.3 !important;
}
.limit-line{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.limit-line.limit-1{
    -webkit-line-clamp: 1;
}
.limit-line.limit-2{
    -webkit-line-clamp: 2;
}
.limit-line.limit-3{
    -webkit-line-clamp: 3;
}
.limit-line.limit-4{
    -webkit-line-clamp: 4;
}
.limit-line.limit-5{
    -webkit-line-clamp: 5;
}
.m-0{
    margin: 0;
}
@keyframes bannerZoomOut {
    from{
        transform: scale(1);
    }
    to{
        transform: scale(1.2);
    }
}
@keyframes scaleBorder {
    0%{
        transform: translate(-50%, -50%) scale(1);
        opacity: 1;
    }
    100%{
        transform: translate(-50%, -50%) scale(1.3);
        opacity: 0;
    }
}
.pl-cont{
    padding-left: calc(calc(100vw - var(--container-w)) / 2);
}
.pr-cont{
    padding-right: calc(calc(100vw - var(--container-w)) / 2);
}
.left-cont{
    left: calc(calc(100vw - var(--container-w)) / 2);
}
.right-cont{
    right: calc(calc(100vw - var(--container-w)) / 2);
}
.h-full{
    height: 100%;
}
.w-full{
    width: 100%;
}
.ls-none{
    list-style: none;
}
span.required{
    color: #FF1B1B;
}
.site-content{
    display: block;
}
.wpcf7 form.sent .wpcf7-response-output {
    background: #46b450 !important;
    border-color: #46b450 !important;
    color: #FFF !important;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output{
    background: red !important;
    border-color: red !important;
    color: #FFF !important;
}
.wpcf7 form.wpcf7-form .wpcf7-response-output{
    margin-top: 1rem !important;
    text-align: center !important;
    -webkit-border-radius: 0.521rem;
    -moz-border-radius: 0.521rem;
    border-radius: 0.521rem;
    font-size: 0.833rem;
}
.form-wrap .wpcf7-not-valid-tip{
    font-size: 0.677rem;
    position: absolute;
}
.wpcf7-spinner{
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(100%, -50%);
}
.bg-center{
    background-position: center;
}
.bg-custom{
    background-repeat: no-repeat;
}
.bg-cover{
    background-size: cover;
}
.bg-contain{
    background-size: contain;
}
.bg-primary{
    background-color: var(--main-cl) !important;
}
.bg-secondary{
    background-color: var(--sub-cl) !important;
}
.bg-white{
    background-color: #FFF;
}

@keyframes fade-up {
    0%{
        opacity: 0;
        transform: translateY(2.083rem);
    }
    100%{
        opacity: 1;
        transform: translateY(0);
    }
}
.swiper-button-lock{
    display: none !important;
}
.swiper-button-disabled{
    opacity: 0.4 !important;
}
svg,path{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.mx-auto{
    margin-left: auto;
    margin-right: auto;
}
.gradient-border{
    background-image: linear-gradient(#FFF0F9, #FFF0F9), radial-gradient(circle at top left, #D4922D,#FDBE5D);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.overflow-hidden{
    overflow: hidden;
}
.bdrs-20{
    -webkit-border-radius: 1.042rem;
    -moz-border-radius: 1.042rem;
    border-radius: 1.042rem;
}
.swiper-same-height > .swiper-wrapper{
    align-items: unset;
}
.swiper-same-height > .swiper-wrapper .swiper-slide{
    height: auto;
}
.swiper-same-height > .swiper-wrapper .swiper-slide > div{
    height: 100%;
}
.show-mobile{
    display: none !important;
}
.overflow-hidden{
    overflow: hidden;
}
.tile-reveal {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-flow: row wrap;
    align-self: flex-start;
    align-items: center;
    align-content: center;
    justify-content: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 99;
    background-color: var(--main-cl);
}
.tile-reveal-square {
    flex: 1 1 auto;
    width: 75px;
    height: 75px;
    background-color: var(--main-cl);
    opacity: 1;
}
.wrap-enter-site {
    position: fixed;
    width: 100%;
    height: auto;
    bottom: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
}
.search-page{
    padding: 5.208rem 0;
}
.search-page h1{
    margin-bottom: 2.604rem;
}
.search-tabs .search-tabs-title{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
    gap: 0.833rem;
}
.search-tabs .search-tabs-title .search-tab-title{
    padding: 0.625rem 1.25rem;
    border: 1px solid var(--fs-color-primary);
    font-size: 0.833rem;
    line-height: 1.042rem;
    color: var(--fs-color-primary);
    -webkit-border-radius: 0.521rem;
    -moz-border-radius: 0.521rem;
    border-radius: 0.521rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.4s;
}
.search-tabs .search-tab-title:hover,
.search-tabs .search-tab-title.active{
    background-color: var(--fs-color-primary);
    color: #FFF;
}
.search-tabs .search-tab-content{
    display: none;
}
.search-tabs .search-tab-content.active{
    display: block;
}
.search-tabs .search-empty{
    color: #333;
    font-size: 1.25rem;
    line-height: 2.083rem;
    padding: 0.521rem;
}
.search-tabs .search-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1.667rem;
    margin-bottom: 1.5625rem;
}
.search-tabs .search-item h3{
    margin: 0.521rem 0 0 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}
.z-5{
    z-index: 5;
}
.z-3{
    z-index: 3;
}
.box-loading{
    position: relative;
    min-height: 10.417rem;
}
.box-loading:before{
    height: 3.646rem;
    width: 3.646rem;
    left: calc(50% - 1.823rem);
    top: calc(50% - 1.823rem);
    aspect-ratio: 1;
    position: absolute;
    content: '';
    border-radius: 50%;
    z-index: 50;
    border: 5px solid #FFF;
    border-bottom-color: var(--main-cl);
    display: inline-block;
    box-sizing: border-box;
    animation: loadingSpin 0.6s linear infinite;
}
@keyframes loadingSpin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.form-wrap{
    gap: 1.042rem 1.25rem;
}
.form-wrap .form-group{
    width: 100%;
}
.form-wrap .form-group.group-half{
    width: calc(50% - 0.625rem);
}
.form-wrap .form-group label{
    font-weight: 600;
    font-size: 0.833rem;
    line-height: 1.2;
    margin-bottom: 8px;
    color: #66667A;
}
.form-wrap .form-group .form-input::placeholder{
    color: #79798B;
    opacity: 0.5;
}
.form-wrap .form-group .select-styled,
.form-wrap .form-group .form-input{
    height: 2.604rem;
    background: transparent;
    font-weight: 400;
    font-size: 0.833rem;
    line-height: 1.042rem;
    color: var(--main-cl);
    border: 1px solid #00000033;
    transition: all 0.4s;
    border-radius: 4px;
    padding: 0 1.25rem;
    margin: 0;
}
.form-wrap .form-group .select-styled{
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
}
.form-wrap .form-group .select-styled:after{
    position: relative;
    display: block;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzIDZMOCAxMUwzIDYiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-size: cover;
    width: 0.833rem;
    height: 0.833rem;
    content: '';
}
.form-wrap .form-group .select-options{
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background: #FFF;
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: 400;
    font-size: 0.833rem;
    line-height: 1.042rem;
    color: var(--main-cl);
    z-index: 999;
    box-shadow: 0 0 20px 0 #dfdfdf;
    border-radius: 0.417rem;
}
.form-wrap .form-group .select-options > li{
    padding: 0 1.25rem;
    cursor: pointer;
    height: 2.083rem;
    display: flex;
    align-items: center;
    margin: 0;
}
.form-wrap .form-group .select-options > li.active,
.form-wrap .form-group .select-options > li:hover{
    background: var(--sub-cl);
}
.form-wrap .form-group textarea.form-input{
    min-height: 6.25rem;
    height: 6.25rem;
    padding-top: 0.833rem;
}
.form-wrap .form-group .btn-primary{
    margin-top: 1.042rem;
}
.sec-sub-title{
    font-weight: 400;
    font-size: 0.9375rem;
    line-height: 1.2;
    letter-spacing: 25%;
    text-transform: uppercase;
    opacity: 0.6;
    margin-bottom: 1.042rem;
}
.sec-title{
    font-size: 2.865rem;
    line-height: 1.2;
}
.sec-title-2{
    font-weight: 700;
    font-size: 2.34375rem;
    line-height: 1.3;
}
.sec-desc{
    font-weight: 400;
    font-size: 0.833rem;
    line-height: 1.354rem;
}
.btn{
    display: flex;
    gap: 0.78125rem;
    font-weight: 500;
    font-size: 0.885rem;
    text-transform: uppercase;
    align-items: center;
    transition: all 0.4s;
    width: max-content;
    max-width: 100%;
    flex: 0 0 auto;
    position: relative;
}
.btn .icon{
    display: flex;
}
.btn .icon svg{
    width: 1.146rem;
    height: auto;
}
.btn.btn-secondary{
    color: #FFF;
}
.btn.btn-fill path{
    fill: currentColor;
}
.btn.btn-primary{
    color: var(--main-cl);
}
.btn.btn-primary path:nth-of-type(2){
    fill: #4565AC;
}
.btn .text{
    position: relative;
}
.btn .text:before{
    bottom: 0;
    left: 0;
    position: absolute;
    content: '';
    height: 1px;
    width: 0;
    transition: all 0.4s;
}
.btn.btn-primary .text:before{
    background: var(--main-cl);
}
.btn.btn-secondary .text:before{
    background: #FFF;
}
.btn:hover .text:before{
    width: 100%;
}
.btn > input[type='submit']{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 3;
    min-height: unset;
    margin: 0;
}
.project-item .img-wrap{
    border-radius: 0.833rem;
    margin-bottom: 1.25rem;
}
.project-item .img-wrap .investor-logo{
    position: absolute;
    left: 1.042rem;
    top: 1.042rem;
    border-radius: 50%;
    width: 1.875rem;
    height: 1.875rem;
    background: #FFFFFFCC;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    pointer-events: none;
}
.project-item .img-wrap .investor-logo img{
    width: 1.25rem;
    height: 1.25rem;
    object-fit: contain;
}
.project-item .cont-wrap .project-name{
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.417rem;
    line-height: 1.2;
    transition: all 0.4s;
}
.project-item .cont-wrap .project-infor .info-item{
    font-weight: 400;
    font-size: 0.833rem;
    line-height: 1.042rem;
}
.project-item .cont-wrap .project-infor .info-item+.info-item{
    margin-top: 0.417rem;
}
.project-item .cont-wrap .project-infor .info-item span{
    opacity: 0.5;
}
.project-item .img-wrap{
    aspect-ratio: 16/9;
}
/*=============================*/
/*========= Home Page =========*/
/*=============================*/
.home-intro{
    --logo: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgNUgzOC40MzMyTDQyLjc0NjEgOC42MjcwOFYzOS4yODQxSDM0LjMxMTlWMTIuMDY3N0g4LjYyNDc1VjU1SDBWNVoiIGZpbGw9IiMyMTIxNEUiLz4KPHBhdGggZD0iTTYwLjAwMDEgNTVIMjEuNTY1N0wxNy4yNTM5IDUxLjM2ODVWMjAuNzExNEgyNS42ODcxVjQ3LjkyNzlINTEuMzc1M1Y1SDYwLjAwMDFWNTVaIiBmaWxsPSIjNDU2NUFDIi8+Cjwvc3ZnPgo=");
    position: fixed;
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    background: #FFF;
    z-index: 99999999;
    -webkit-mask-image: var(--logo), linear-gradient(#FFF 0 0);
    -webkit-mask-repeat: no-repeat, no-repeat;
    -webkit-mask-position: center, center;
    -webkit-mask-size: 62vh auto, 100% 100%;
    -webkit-mask-composite: destination-out;
    mask-image: var(--logo), linear-gradient(#FFF 0 0);
    mask-repeat: no-repeat, no-repeat;
    mask-position: center, center;
    mask-size: 62vh auto, 100% 100%;
    mask-composite: exclude;
    animation: introZoom 1.6s cubic-bezier(.7, 0, .3, 1) 0.4s forwards;
}
@keyframes introZoom {
    0% {
        -webkit-mask-size: 62vh auto, 100% 100%;
        mask-size: 62vh auto, 100% 100%;
    }
    100% {
        -webkit-mask-size: 8000px auto, 100% 100%;
        mask-size: 8000px auto, 100% 100%;
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
    }
}
.home-sec-1:before{
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 56.73%, rgba(0, 0, 0, 0.255556) 75.96%, rgba(0, 0, 0, 0.5) 100%);
    z-index: 2;
}
.home-sec-1 .img-wrap{
    height: 100vh;
}
.project-details-1 .img-wrap img,
.home-sec-1 .img-wrap img{
    animation: bannerZoomOut 20s forwards;
}
.home-sec-1 .banner-cont{
    bottom: 5.208rem;
    left: 50%;
    transform: translateX(-50%);
    width: 29.6875rem;
    max-width: 100%;
}
.home-sec-1 .banner-cont .banner-title{
    font-weight: 700;
    font-size: 4.167rem;
    line-height: 1.2;
    margin-bottom: 0;
}
.home-sec-1 .banner-cont .banner-desc{
    font-weight: 400;
    font-size: 1.5625rem;
    line-height: 1.2;
}
header#header{
    position: fixed;
    top: 0;
    left: 0;
    height: auto !important;
}
header#header .header-bg-container{
    opacity: 0;
    transition: all 0.5s;
}
header#header .header-wrapper{
    animation: unset !important;
    position: unset !important;
    box-shadow: unset !important;
}
.header-without-banner .breadcrumbs ol{
    padding-top: 0.833rem;
}
.header-without-banner header#header #masthead,
header#header .header-wrapper.stuck #masthead{
    border-bottom: 1px solid rgba(102, 102, 122, 0.2);
}
header#header .header-wrapper #masthead{
    height: auto !important;
}
header#header .header-wrapper #masthead .header-inner{
    max-width: var(--container-w);
    width: 100%;
    padding: 1.042rem 0;
}
header#header .header-wrapper #masthead .header-inner:before{
    width: 100%;
    height: 200%;
    left: 0;
    top: 0;
    z-index: -1;
    position: absolute;
    content: '';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);
    transition: all 0.4s;
    pointer-events: none;
}
header#header .header-wrapper #masthead .header-inner #logo{
    width: auto;
}
header#header .header-wrapper #masthead .header-inner #logo img{
    max-height: unset;
    height: 2.604rem;
    width: auto;
    filter: brightness(0) invert(1);
}
header#header .header-wrapper #masthead .header-nav-main{
    gap: 3.125rem;
}
header#header .header-wrapper #masthead .header-nav-main > li{
    margin: 0;
}
header#header .header-wrapper #masthead .header-nav-main > li > a{
    font-weight: 600;
    font-size: 0.833rem;
    line-height: 1.25rem;
    color: #FFF;
    padding: 0;
    transition: all 0.4s;
    position: relative;
}
header#header .header-wrapper #masthead .header-nav-main > li > a:before{
    bottom: -0.417rem;
    left: 50%;
    position: absolute;
    content: '';
    transform: translateX(-50%);
    height: 1px;
    background: #FFF;
    width: 0;
    transition: all 0.4s;
}
header#header .header-wrapper #masthead .header-nav-main > li:hover > a:before,
header#header .header-wrapper #masthead .header-nav-main > li.current-menu-item > a:before{
    width: 100%;
}
header#header .header-wrapper #masthead .language-switcher .language-switcher-items{
    display: flex;
    gap: 1.042rem;
}
header#header .header-wrapper #masthead .language-switcher a{
    --text-opacity: 0.5;
    font-weight: 600;
    font-size: 0.833rem;
    line-height: 1.25rem;
    color: rgba(255, 255, 255, var(--text-opacity));
    text-transform: uppercase;
    position: relative;
    transition: all 0.4s;
}
header#header .header-wrapper #masthead .language-switcher a.active{
    --text-opacity: 1;
}
header#header .header-wrapper #masthead .language-switcher a+a:before{
    left: -0.521rem;
    top: 50%;
    transform: translateY(-50%);
    height: 0.625rem;
    width: 1px;
    background: #FFFFFF33;
    position: absolute;
    content: '';
    transition: all 0.4s;
}
header#header .header-wrapper #masthead .header-nav-main .header-search > a{
    display: flex;
}
header#header .header-wrapper #masthead .header-nav-main .header-search > a svg{
    width: 1.25rem;
    height: auto;
}
.header-without-banner header#header .header-wrapper #masthead .header-inner:before,
header#header .header-wrapper.stuck #masthead .header-inner:before{
    height: 0;
}
.header-without-banner header#header .header-wrapper #masthead .header-nav-main > li > a:before,
header#header .stuck #masthead .header-nav-main > li > a:before{
    background: var(--main-cl);
}
.header-without-banner header#header .header-bg-container,
header#header .stuck .header-bg-container{
    opacity: 1;
}
.header-without-banner header#header .header-wrapper #masthead .header-inner #logo img,
header#header .header-wrapper.stuck #masthead .header-inner #logo img{
    filter: unset;
}
.header-without-banner header#header .header-wrapper #masthead .header-nav-main > li > a,
header#header .header-wrapper.stuck #masthead .header-nav-main > li > a{
    color: var(--main-cl);
}
.header-without-banner header#header .header-wrapper #masthead .language-switcher a,
header#header .header-wrapper.stuck #masthead .language-switcher a{
    color: rgba(33, 33, 78, var(--text-opacity));
}
.header-without-banner header#header .header-wrapper #masthead .language-switcher a:before,
header#header .header-wrapper.stuck #masthead .language-switcher a:before{
    background: rgba(33, 33, 78, 0.2);
}
.header-without-banner header#header .header-wrapper #masthead .header-search > a svg path,
header#header .header-wrapper.stuck #masthead .header-search > a svg path{
    stroke: var(--main-cl);
}
header#header .header-wrapper #masthead .header-nav-main li ul.sub-menu{
    background: #FFF;
    border-radius: 0 0 8px 8px;
    padding: 1.5625rem 0;
    border: none !important;
}
header#header .header-wrapper #masthead .header-nav-main li ul.sub-menu > li{
    margin: 0;
}
header#header .header-wrapper #masthead .header-nav-main li.menu-item-has-children:before,
header#header .header-wrapper #masthead .header-nav-main li.menu-item-has-children:after{
    display: none !important;
}
header#header .header-wrapper #masthead .header-nav-main li ul.sub-menu > li > a{
    padding: 0.729rem 1.5625rem;
    font-weight: 400;
    font-size: 0.833rem;
    line-height: 1.25rem;
    margin: 0;
    border: none;
    transition: all 0.4s;
    color: #000000;
}
header#header .header-wrapper #masthead .header-nav-main li ul.sub-menu > li.current-menu-item > a,
header#header .header-wrapper #masthead .header-nav-main li ul.sub-menu > li:hover > a{
    background: var(--sub-cl);
    color: #4565AC;
}
.home-sec-2{
    padding-top: 7.292rem;
}
.home-sec-2 .title-group{
    margin-bottom: 5.99rem;
}
.home-sec-2 .title-wrap{
    margin-bottom: 1.667rem;
}
.home-sec-2 .sec-desc{
    padding-left: 0.833rem;
}
.home-sec-2 .site-name{
    margin-bottom: -16px;
    display: block;
    width: 100%;
    height: auto;
}
.home-sec-3 .sec-title{
    margin-bottom: 15.365rem;
    width: 67.292rem;
    max-width: 100%;
}
.home-sec-3{
    padding: 10.3125rem 0 5.729rem;
}
.marquee-container {
    width: 100%;
    overflow: hidden;
    margin-top: 2.083rem;
}
.marquee-content {
    display: flex;
    animation: scroll 30s linear infinite;
    width: fit-content;
}
.marquee-track {
    display: flex;
    gap: var(--space);
    padding-right: var(--space);
}
.home-sec-3 .marquee-track {
    --space: 7.8125rem;
}
.home-sec-3 .marquee-track .item {
    width: max-content;
    transition: all 0.4s;
}
.home-sec-3 .marquee-track .item .number-wrap {
    font-weight: 700;
    font-size: 5rem;
    line-height: 5rem;
    text-transform: uppercase;
    font-family: SVN-Zona Pro, 'Plus Jakarta Sans', 'sans-serif';
    position: relative;
}
.home-sec-3 .marquee-track .item .number-wrap .number-hidden{
    opacity: 0;
}
.home-sec-3 .marquee-track .item .number-wrap .number-visible{
    position: absolute;
    width: max-content;
    background: linear-gradient(90deg, #4565AC 0%, #32417B 100%);
    background-clip: text;
    color: transparent;
}
.home-sec-3 .marquee-track .item .label{
    font-weight: 400;
    font-size: 0.833rem;
    line-height: 1.3;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
.swiper-pagination{
    display: flex;
    gap: 0.521rem;
}
.swiper-pagination.relative{
    top: unset !important;
    left: unset !important;
    bottom: unset !important;
    right: unset !important;
}
.swiper-pagination .swiper-pagination-bullet{
    width: 0.417rem;
    height: 0.417rem;
    margin: 0 !important;
    border-radius: 50%;
    background: var(--main-cl);
    opacity: 0.4;
}
.swiper-pagination .swiper-pagination-bullet-active{
    opacity: 1;
}
.swiper-pagination.white-type .swiper-pagination-bullet{
    background: #FFF;
}
.home-sec-4 .swiper-slide .img-wrap img{
    aspect-ratio: 1920/1080;
}
.home-sec-4 .swiper-slide .img-wrap:before{
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 33.15%, rgba(0, 0, 0, 0.45662) 71.56%, rgba(0, 0, 0, 0.64) 100%);
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}
.home-sec-4 .swiper-slide .cont-wrap{
    position: absolute;
    top: 7.292rem;
    z-index: 3;
    width: 330px;
}
.home-sec-4 .swiper-slide .cont-wrap .sec-title{
    margin-bottom: 1.146rem;
}
.home-sec-4 .swiper-slide-active .img-wrap img{
    animation: bannerZoomOut 20s forwards;
}
.home-sec-4 .swiper-pagination{
    position: absolute;
    bottom: 2.8125rem;
    left: calc(calc(100vw - var(--container-w)) / 2);
}
.home-sec-5{
    border-bottom: 1px solid #21214E33;
}
.home-sec-5 .title-group{
    padding: 7.03125rem 0;
}
.home-sec-5 .item{
    padding: 5.104rem 0;
    position: sticky;
    top: 5.208rem;
    left: 0;
    background: #FFF;
}
.home-sec-5 .item .img-wrap{
    clip-path: polygon(3.854rem 0, 100% 0, 100% 100%, 0 100%, 0 3.854rem);
}
.home-sec-5 .item .cont-wrap{
    padding-right: 7.8125rem;
}
.home-sec-5 .item .name-group{
    border-left: 1px solid #4565AC;
    padding-left: 1.25rem;
    margin-bottom: 1.5625rem;
}
.home-sec-5 .item .name-group .name{
    font-weight: 700;
    font-size: 1.5625rem;
    line-height: 1.2;
    margin-bottom: 0.208rem;
}
.home-sec-5 .item .name-group .sub-title{
    font-weight: 400;
    font-size: 0.9375rem;
    line-height: 1.2;
}
.home-sec-5 .item .cont-wrap .cont-bottom img{
    height: 2.604rem;
    width: auto;
    max-width: 100%;
}
.home-sec-6{
    min-height: 100vh;
    padding-top: 6.771rem;
    background-repeat: no-repeat;
    background-size: cover;
}
.home-sec-6 .cont-wrap{
    width: 55.208rem;
    max-width: 100%;
}
.home-sec-6 .cont-wrap .sec-title{
    margin-bottom: 3.90625rem;
}
.home-sec-6 .swiper{
    margin: 0 -1.979rem;
}
.home-sec-6 .item{
    padding: 0 1.979rem;
    height: 5.208rem;
}
.home-sec-6 .item img{
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.home-sec-6 .swiper-pagination{
    position: relative;
    justify-content: center;
    margin-top: 1rem;
    bottom: unset;
    top: unset;
    left: unset;
    right: unset;
}
.home-sec-7{
    padding: 5.625rem 0 8.958rem;
}
.home-sec-7 .col-5{
    padding-left: 2.5rem;
}
.home-sec-7 .title-group{
    margin-bottom: 2.8125rem;
}
.home-sec-7 .title-group .sec-desc{
    width: 17.708rem;
}
.home-post-item .img-wrap{
    border-radius: 0.78125rem;
    aspect-ratio: 25/14;
}
.home-post-item .cont-wrap .post-title{
    font-weight: 600;
    font-size: 1.146rem;
    line-height: 1.3;
    margin-bottom: 0.521rem;
}
.home-post-item .cont-wrap .post-date{
    font-weight: 400;
    font-size: 0.729rem;
    line-height: 1.302rem;
}
.home-posts .col-7 .img-wrap:before{
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.522916) 37.97%, rgba(0, 0, 0, 0) 65.33%);
    position: absolute;
    content: '';
    z-index: 2;
    pointer-events: none;
}
.home-posts .col-7 .cont-wrap{
    position: absolute;
    bottom: 2.083rem;
    left: 2.083rem;
    right: 14.792rem;
    z-index: 3;
}
.home-posts .col-7 .cont-wrap *{
    color: #FFF;
}
.home-posts .col-7 .cont-wrap .post-title{
    font-size: 1.354rem;
}
.home-posts .col-5{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 2.5rem;
}
.home-posts .col-5 .home-post-item{
    display: flex;
    gap: 1.5625rem;
}
.home-posts .col-5 .home-post-item .img-wrap{
    width: 15.625rem;
    min-width: 15.625rem;
}
.home-sec-8{
    min-height: 36.458rem;
    padding: 6.458rem 0;
    overflow: hidden;
}
.home-sec-8 > svg{
    position: absolute;
    right: 0;
    bottom: -6.667rem;
    width: 43.75rem;
    height: auto;
    z-index: 2;
    opacity: 0.6;
}
.home-sec-8 > svg path{
    animation-name: LogoSignature;
    animation-duration: 10s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(2, .25, .43, .96);
    animation-iteration-count: infinite;
    stroke: #FFF;
    stroke-width: 1px;
    stroke-dasharray: 9999;
    stroke-dashoffset: 9999;
    fill: transparent;
}
@keyframes LogoSignature {
    to {
        stroke-dashoffset: 0;
    }
}
.home-sec-8:before{
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    background: #00000080;
    z-index: 2;
}
.home-sec-8 .sec-title{
    margin-bottom: 5.3125rem;
}
.home-sec-8 > video{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top center;
    display: block;
}
.home-sec-8 .links-wrap{
    gap: 1.25rem 3.542rem;
}
.tabs-title-select{
    position: relative;
    z-index: 10;
}
.tabs-title-select .select-styled{
    height: 2.604rem;
    background: transparent;
    font-weight: 400;
    font-size: 0.833rem;
    line-height: 1.042rem;
    color: var(--main-cl);
    border: 1px solid #00000033;
    transition: all 0.4s;
    border-radius: 4px;
    padding: 0 1.25rem;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.tabs-title-select .select-styled:after{
    position: relative;
    display: block;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzIDZMOCAxMUwzIDYiIHN0cm9rZT0iIzMzMzMzMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
    width: 0.833rem;
    height: 0.833rem;
    content: '';
}
.tabs-title-select .select-options{
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 10.417rem;
    overflow: auto;
    background: #FFF;
    z-index: 50;
    box-shadow: 0 0 20px var(--sub-cl);
}
.tabs-title-select .select-options > li{
    margin: 0;
    transition: all 0.4s;
    font-weight: 400;
    font-size: 0.833rem;
    line-height: 1.042rem;
    color: var(--main-cl);
    padding: 0.833rem 1.25rem;
}
.tabs-title-select .select-options > li.active{
    background: var(--sub-cl);
}
/*=============================*/
/*====== Project Details ======*/
/*=============================*/
.project-details-1 .img-wrap:before{
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 25.11%);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    z-index: 2;
}
.project-details-1 .cont-wrap{
    top: 50%;
    transform: translateY(-50%);
    width: 34.375rem;
    max-width: calc(100% - 2rem);
}
.project-details-1 .cont-wrap .banner-title{
    font-weight: 700;
    font-size: 4.167rem;
    line-height: 1.2;
    margin-bottom: 0.521rem;
}
.project-details-1 .cont-wrap .banner-desc{
    font-weight: 400;
    font-size: 0.833rem;
    padding-right: 3.125rem;
    line-height: 1.3;
}
.project-details-2{
    padding-top: 5.833rem;
}
.project-details-2 .col-4{
    padding-right: 1.042rem;
}
.project-details-2 .col-8{
    padding-left: 6.771rem;
    padding-top: 6.979rem;
}
.project-details-2 .sec-title{
    margin-bottom: 1.875rem;
}
.project-details-2 .sec-desc{
    margin-bottom: 1.5625rem;
}
.project-details-2 .grid-box{
    grid-gap: 7.604rem;
}
.project-details-2 .item+.item{
    margin-top: 1.5625rem;
    padding-top: 1.5625rem;
    border-top: 1px solid #0000001A;
}
.project-details-2 .item .label{
    font-weight: 400;
    font-size: 0.729rem;
    margin-bottom: 0.521rem;
}
.project-details-2 .item .value ul{
    list-style-position: inside;
}
.project-details-2 .item .value p{
    margin-bottom: 0.417rem;
}
.project-details-2 .item .value ul li{
    margin-bottom: 0;
}
.project-details-2 .item .value{
    font-weight: 600;
    font-size: 0.833rem;
    line-height: 1.25rem;
}
.project-details-3{
    padding: 7.292rem 0 6.146rem;
}
.project-details-3 .col-4{
    padding-top: 2.96875rem;
}
.project-details-3 .col-4 .sec-title{
    margin-bottom: 1.5625rem;
}
.project-details-3 .col-8{
    padding-left: 6.771rem;
}
.project-details-3 .col-8 .img-wrap{
    border-radius: 0.833rem;
}
.project-details-4{
    padding-top: 7.8125rem;
}
.project-details-4 .title-group{
    margin-bottom: 3.333rem;
    width: 45.833rem;
    max-width: 100%;
}
.project-details-4 .title-group .sec-desc{
    width: 37.083rem;
}
.project-details-4 .marquee-content{
    animation: scroll 60s linear infinite;
}
.project-details-4 .marquee-track{
    --space: 8.854rem
}
.project-details-4 .marquee-track .item{
    width: 13.542rem;
    padding-left: 1.25rem;
    position: relative;
    padding-bottom: 3.021rem;
}
.project-details-4 .marquee-track .item:before{
    left: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: linear-gradient(180deg, rgba(69, 101, 172, 0) 0%, #4565AC 100%);
    position: absolute;
    content: '';
}
.project-details-4 .marquee-track .item:after{
    bottom: 0;
    left: 0;
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #4565AC;
    transform: translate(-50%, 0);
}
.project-details-4 .marquee-track .item .distance{
    font-weight: 700;
    font-size: 1.302rem;
}
.project-details-4 .marquee-track .item .distance span{
    font-size: 200%;
}
.project-details-4 .marquee-track .item .label{
    font-weight: 400;
    font-size: 0.833rem;
    line-height: 1.146rem;
}
.project-details-4 > .img-wrap{
    margin-top: -12.34375rem;
}
.project-details-5{
    padding-top: 7.8125rem;
}
.project-details-5 .title-group{
    width: 880px;
    max-width: 100%;
}
.project-details-5 .sec-title{
    margin-bottom: 1.5625rem;
}
.tabs-container .tab-content{
    display: none;
    animation: fade-up 1.4s;
}
.tabs-container .tab-content.active{
    display: block;
}
.project-details-5 .tabs-title{
    margin-bottom: 2.083rem;
}
.tabs-title{
    gap: 1.5625rem
}
.tabs-title .tab-title{
    text-align: center;
    opacity: 0.5;
    padding: 0.417rem 0;
    font-weight: 600;
    font-size: 0.833rem;
    line-height: 1.25rem;
    text-transform: uppercase;
    color: #4565AC;
    position: relative;
    cursor: pointer;
    transition: all 0.4s;
}
.tabs-title .tab-title:before{
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    content: '';
    height: 1px;
    width: 0;
    transition: all 0.4s;
    background: #4565AC;
}
.tabs-title .tab-title:hover:before,
.tabs-title .tab-title.active:before{
    width: 100%;
}
.tabs-title .tab-title:hover,
.tabs-title .tab-title.active{
    opacity: 1;
}
.project-details-5 .swiper{
    overflow: unset;
    padding: 0 14.583rem;
    margin-bottom: 2.604rem;
}
.project-details-5 .swiper .swiper-slide{
    padding: 0 0.625rem;
}
.project-details-5 .swiper .img-wrap{
    aspect-ratio: 1145/590;
}
.project-details-5 .swiper .cont-wrap{
    padding-top: 1.5625rem;
    width: 46.875rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    transform: translateY(2.604rem);
    opacity: 0;
    pointer-events: none;
    transition: all 0.4s;
}
.project-details-5 .swiper .cont-wrap .title{
    font-weight: 700;
    font-size: 1.667rem;
    margin-bottom: 0.417rem;
}
.project-details-5 .swiper .swiper-slide-active .cont-wrap{
    transition-delay: 800ms;
    opacity: 1;
    transform: translateY(0);
    pointer-events: unset;
}
.swiper-controls{
    gap: 2.604rem
}
#main .swiper-progress{
    flex-grow: 1;
    position: relative;
    height: 2px;
    background: #2121AE33;
}
#main .swiper-progress .swiper-pagination-progressbar-fill{
    background: var(--main-cl);
}
#main .swiper-progress.type-white{
    background: #FFFFFF33;
}
#main .swiper-progress.type-white .swiper-pagination-progressbar-fill{
    background: #FFF;
}
.swiper-arrows{
    gap: 0.78125rem;
}
.swiper-arrow{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    width: 2.083rem;
    height: 2.083rem;
    border: 1px solid var(--main-cl);
    transition: all 0.4s;
    cursor: pointer;
}
.swiper-arrow:hover{
    background: var(--main-cl);
}
.swiper-arrow:hover path{
    stroke: #FFF;
}
.swiper-arrow.type-white{
    border-color: #FFF;
}
.swiper-arrow.type-white path{
    stroke: #FFF;
}
.swiper-arrow.type-white:hover{
    background: #FFF;
}
.swiper-arrow.type-white:hover path{
    stroke: var(--main-cl);
}
.project-details-6{
    padding-top: 6.875rem;
}
.project-details-6 .title-group{
    width: 41.146rem;
    max-width: 100%;
    margin-bottom: 2.604rem;
}
.project-details-7{
    padding-top: 7.8125rem;
}
.project-details-7 .grid-box{
    margin-top: 2.604rem;
    border-radius: 0.833rem;
    overflow: hidden;
    grid-gap: 1px;
    grid-template-rows: 1fr 1fr;
}
.project-details-7 .grid-box .item a{
    display: block;
}
.project-details-7 .grid-box .item{
    position: relative;
}
.project-details-7 .grid-box .item:nth-of-type(1){
    grid-column: 1/3;
    grid-row: 1/3;
}
.project-details-7 .grid-box .item .overlay{
    position: absolute;
    display: flex;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background: #00000080;
    font-weight: 500;
    font-size: 2.604rem;
    color: #FFF;
    transition: all 0.4s;
}
.project-details-7 .grid-box .item:hover .overlay{
    background: rgba(0, 0, 0, 0.8);
}
.project-details-8{
    padding-top: 7.8125rem;
}
.project-details-8 .title-group{
    margin-bottom: 2.604rem;
}
.project-details-8 .video-wrap{
    border-radius: 0.833rem;
    overflow: hidden;
}
.project-details-8 .video-wrap:before{
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    content: '';
    background: #000;
    opacity: 0.4;
    pointer-events: none;
    transition: all 0.4s;
    z-index: 3;
}
.project-details-8 .video-wrap svg{
    width: 4.167rem;
    height: 4.167rem;
}
.project-details-8 .video-wrap:after{
    width: 7.292rem;
    height: 7.292rem;
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: scaleBorder 1.4s infinite;
    background: #FFF;
    border-radius: 50%;
}
.project-details-8 .video-wrap img{
    display: block;
    transition: all 0.4s;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.project-details-8 .video-wrap:hover:before{
    opacity: 0.8;
}
.project-details-8 .video-wrap:hover img{
    transform: scale(1.1);
}
.project-details-9{
    padding: 7.8125rem 0;
}
.project-posts-slide.swiper{
    margin: 2.604rem -0.625rem 0;
}
.project-posts-slide.swiper .swiper-slide{
    padding: 0 0.625rem;
}
.project-posts-slide.swiper .swiper-slide .home-post-item .img-wrap:before{
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.522916) 37.97%, rgba(0, 0, 0, 0) 65.33%);
    left: 0;
    top: 0;
    position: absolute;
    content: '';
    z-index: 2;
    pointer-events: none;
}
.project-posts-slide.swiper .swiper-slide .home-post-item .cont-wrap{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 3.125rem 1.5625rem 1.5625rem;
    z-index: 3;
}
.project-posts-slide.swiper .swiper-slide .home-post-item .cont-wrap .post-title{
    -webkit-line-clamp: 2;
    font-size: 1.042rem;
}
.project-posts-slide.swiper .swiper-slide .home-post-item .cont-wrap *{
    color: #FFF;
}
.project-details-10{
    padding: 5.729rem 0 6.771rem;
}
.project-details-10 .title-group{
    margin-bottom: 2.604rem;
}
.project-details-11{
    padding-top: 8.854rem;
}
.project-details-12{
    padding-top: 10.052rem;
}
.project-details-12 .swiper{
    margin: 2.604rem -0.625rem 0;
}
.project-details-12 .swiper-slide{
    padding: 0 0.625rem;
}
.project-details-13{
    padding-bottom: 9.896rem;
    padding-top: 4.792rem;
}
.project-details-13 .bg-secondary{
    border-radius: 16px;
    overflow: hidden;
}
.project-details-13 .col-7{
    align-self: center;
}
.project-details-13 .cont-wrap{
    padding: 1.667rem 6.25rem;
}
.project-details-13 .title-group{
    margin-bottom: 2.604rem;
}
.breadcrumbs ol{
    display: flex;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding-top: 1.5625rem;
}
.breadcrumbs ol li{
    margin: 0;
    position: relative;
    flex: 0 0 auto;
}
.breadcrumbs ol li span{
    font-weight: 400;
    font-size: 0.729rem;
    line-height: 1.042rem;
    text-transform: uppercase;
    color: #C2C2C2;
}
.breadcrumbs ol li+li{
    padding-left: 0.625rem;
    margin-left: 0.625rem;
}
.breadcrumbs ol li+li:before{
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 0.729rem;
    width: 1px;
    position: absolute;
    background: #C2C2C2;
    content: '';
}
.breadcrumbs ol li:last-of-type span{
    color: #4565AC;
}
.project-details-nav li > a{
    padding: 0.78125rem 1.25rem;
    font-weight: 500;
    font-size: 0.833rem;
    line-height: 1.042rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all 0.4s;
    color: #66667A;
    border-radius: 4px;
}
.project-details-nav li > a:hover,
.project-details-nav li > a.active{
    background: #4565AC;
    color: #FFF;
}
.project-details-nav.is-fixed > ul{
    position: fixed;
    top: 4.6875rem;
    z-index: 99;
    width: 100%;
    background: #FFF;
}
/*==============================*/
/*========= About Page =========*/
/*==============================*/
.about-sec-2 .js-scale-video {
    display: block;
    width: 100%;
    transform: scale(0.7);
    transform-origin: center center;
    will-change: transform;
    transition: none;
    max-height: 100vh;
    object-fit: cover;
}
.about-sec-3{
    padding-top: 5.46875rem;
}
.about-sec-3 .col-5{
    align-self: stretch;
}
.sticky-box{
    position: sticky;
    top: 6.25rem;
}
.about-sec-3 .col-3{
    padding-top: 20.833rem;
}
.about-sec-3 .col-4{
    padding-left: 7.604rem;
}
.about-sec-3 .col-4 .sec-desc{
    font-size: 0.9375rem;
    margin-bottom: 1.823rem;
}
.about-sec-3 .col-4 .sec-desc p{
    margin-bottom: 0.417rem;
}
.about-sec-3 .col-4 .name-group{
    gap: 1.042rem
}
.about-sec-3 .col-4 .name-group > svg{
    width: 2.292rem;
    min-width: 2.292rem;
    height: auto;
}
.about-sec-3 .col-4 .name-group .name{
    font-weight: 700;
    font-size: 0.9375rem;
    line-height: 1.354rem;
}
.about-sec-3 .col-4 .name-group .position{
    font-weight: 400;
    font-size: 0.729rem;
    line-height: 0.9375rem;
    gap: 0.208rem;
}
.about-sec-4{
    padding-top: 7.604rem;
}
.about-sec-4 .title-group{
    margin-bottom: 3.646rem;
}
.about-sec-4 .history-wrap{
    /*padding-left: calc(calc(100vw - var(--container-w))/2);*/
    position: relative;
    overflow: hidden;
}
.about-sec-4 .history-wrap .scroll-note{
    position: absolute;
    /*top: calc(100% + 0.521rem);*/
    bottom: 0;
    left: calc(calc(100vw - var(--container-w))/2);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.625rem;
    font-weight: 400;
    font-size: 0.625rem;
    letter-spacing: 3%;
    text-transform: uppercase;
    color: #4565AC;
}
.about-sec-4 .history-inner{
    display: flex;
    gap: 7.917rem;
}
.about-sec-4 .history-inner .item-wrap:nth-of-type(even){
    margin-top: 5.208rem;
}
.about-sec-4 .history-inner .item{
    display: flex;
    gap: 1.146rem;
}
.about-sec-4 .history-inner .item .cont-wrap{
    width: 18.229rem;
    padding-bottom: 2.708rem;
}
.about-sec-4 .history-inner .item .cont-wrap .img-wrap{
    border-radius: 15px;
    aspect-ratio: 350/180;
    margin-bottom: 1.667rem;
}
.about-sec-4 .history-inner .item .cont-wrap .text-primary{
    font-weight: 700;
    font-size: 1.146rem;
    margin-bottom: 0.3125rem;
    line-height: 1.667rem;
}
.about-sec-4 .history-inner .item .year-wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.about-sec-4 .history-inner .item .year-wrap .year{
    font-weight: 700;
    font-size: 2.34375rem;
    line-height: 3.125rem;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    white-space: nowrap;
    background: linear-gradient(90deg, #4565AC 0%, #21214E 100%);
    width: max-content;
    color: transparent;
    background-clip: text;
}
.about-sec-4 .history-inner .item .year-wrap .line{
    flex-grow: 1;
    background: linear-gradient(180deg, rgba(69, 101, 172, 0) 0%, #4565AC 100%);
    width: 1px;
    margin-top: 10px;

}
.about-sec-4 .history-inner .item .year-wrap .dot{
    width: 0.521rem;
    height: 0.521rem;
    border-radius: 50%;
    background: #4565AC;
}
.about-sec-5 [class*='col-']{
    padding-top: 10rem;
    padding-bottom: 6.667rem;
}
.about-sec-5 .col-3{
    border-right: 1px solid #0000001A;
    padding-right: 3.125rem;
}
.about-sec-5 .col-3 .sec-title{
    margin-bottom: 1.042rem;
}
.about-sec-5 .col-9{
    display: flex;
    align-items: flex-end;
}
.about-sec-5 .col-9 .swiper-left{
    width: 34%;
    padding: 0 4.583rem 3.021rem 2.604rem;
}
.about-sec-5 .col-9 .vision-mission-content .cont-wrap .icon-wrap{
    width: 3.646rem;
    height: 3.646rem;
    margin-bottom: 1.25rem;
}
.about-sec-5 .col-9 .vision-mission-content .cont-wrap .icon-wrap img{
    height: 100%;
    width: auto;
    object-fit: contain;
}
.about-sec-5 .col-9 .vision-mission-content .cont-wrap .text-primary{
    margin-bottom: 1.042rem;
    font-weight: 700;
    font-size: 2.34375rem;
    line-height: 1.2;
}
.about-sec-5 .col-9 .swiper-right{
    width: 66%;
}
.about-sec-5 .col-9 .vision-mission{
    margin: 0 -2.292rem;
    padding-right: 11.458rem;
    height: 36.458rem;
}
.about-sec-5 .col-9 .vision-mission .swiper-slide{
    padding: 0 2.292rem;
}
.about-sec-5 .col-9 .vision-mission .swiper-slide .img-wrap{
    transition: all 0.4s;
}
.about-sec-5 .col-9 .vision-mission .swiper-slide-next .img-wrap{
    width: 19.271rem;
}
.about-sec-5 .col-9 .vision-mission .swiper-slide-next .img-wrap{
    cursor: var(--cursor);
}
.about-sec-5 .col-9 .vision-mission .swiper-slide-active .img-wrap{
    clip-path: polygon(3.854rem 0, 100% 0, 100% 100%, 0 100%, 0 3.854rem);
    width: 100%;
}
.img-wrap.js-hover-cursor {
    position: relative;
    overflow: hidden;
}
.about-sec-5 .col-9 .vision-mission .swiper-slide-next,
.about-sec-5 .col-9 .vision-mission .swiper-slide-next *{
    cursor: none;
}
.js-cursor-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 3.385rem;
    height: 3.385rem;
    pointer-events: none;
    z-index: 5;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.3s ease;
    will-change: transform, left, top;
}
.js-cursor-img.is-active {
    transform: translate(-50%, -50%) scale(1);
}
.js-cursor-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}
@media (hover: none) {
    .js-cursor-img { display: none; }
}
.about-sec-6{
    padding-top: 6.667rem;
}
.about-sec-6 .title-group{
    margin-bottom: 3.646rem;
}
.about-sec-6 .title-group .sec-title{
    margin-bottom: 0.78125rem;
}
.about-sec-6 .title-group .sec-desc{
    width: 34.271rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.about-values{
    padding: 2.5rem;
    border-radius: 50%;
    border: 1px solid #4565AC;
    width: max-content;
    margin-bottom: -19.271rem;
}
.about-values .values-images{
    width: 42.5rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
    aspect-ratio: 1;
    position: relative;
    border-radius: 50%;
}
.about-values .values-content .item-content{
    position: absolute;
    left: 50%;
    top: 7.708rem;
    width: 19.479rem;
    z-index: 5;
    transform: translateX(-50%) translateY(50px);
    transition: all 0.4s;
    opacity: 0;
}
.about-values .values-content .item-content .icon-wrap{
    width: 3.125rem;
    height: 3.125rem;
    margin-bottom: 0.521rem;
}
.about-values .values-content .item-content .icon-wrap img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.about-values .values-content .item-content h3{
    font-weight: 700;
    font-size: 2.34375rem;
    line-height: 2.865rem;
    margin-bottom: 0.26rem;
}
.about-values .values-content .item-content .desc{
    font-weight: 400;
    font-size: 0.9375rem;
}
.about-values .values-content .item-content.active{
    opacity: 1;
    transform: translateY(0) translateX(-50%);
}
.about-values .values-dots .item-dot{
    z-index: 6;
}
.about-values .values-dots .item-dot:nth-of-type(1){
    left: 1%;
    top: 40%;
}
.about-values .values-dots .item-dot:nth-of-type(2){
    left: 8%;
    top: 23%;
}
.about-values .values-dots .item-dot:nth-of-type(3){
    left: 24.2%;
    top: 7%;
}
.about-values .values-dots .item-dot:nth-of-type(4){
    right: 24.2%;
    top: 7%;
}
.about-values .values-dots .item-dot:nth-of-type(5){
    right: 8%;
    top: 23%;
}
.about-values .values-dots .item-dot:nth-of-type(6) {
    right: 1%;
    top: 40%;
}
.about-values .values-dots .item-dot:nth-of-type(1),
.about-values .values-dots .item-dot:nth-of-type(2),
.about-values .values-dots .item-dot:nth-of-type(3){
    transform: translateX(-50%) translateY(-50%);
}
.about-values .values-dots .item-dot:nth-of-type(4),
.about-values .values-dots .item-dot:nth-of-type(5),
.about-values .values-dots .item-dot:nth-of-type(6){
    transform: translateX(50%) translateY(-50%);
}
.about-values .values-dots .item-dot:nth-of-type(1) .name,
.about-values .values-dots .item-dot:nth-of-type(2) .name,
.about-values .values-dots .item-dot:nth-of-type(3) .name{
    right: calc(100% + 2.34375rem);
}
.about-values .values-dots .item-dot:nth-of-type(4) .name,
.about-values .values-dots .item-dot:nth-of-type(5) .name,
.about-values .values-dots .item-dot:nth-of-type(6) .name{
    left: calc(100% + 2.34375rem);
}
.about-values .values-dots .item-dot .dot{
    background: #4565AC;
    width: 0.833rem;
    height: 0.833rem;
    border-radius: 50%;
}
.about-values .values-dots .item-dot .dot:before{
    border-radius: 50%;
    position: absolute;
    content: '';
    background: #4565AC4D;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: scaleBorder 1.2s infinite;
    width: 0;
    height: 0;
}
.about-values .values-dots .item-dot .name{
    position: absolute;
    font-weight: 700;
    font-size: 1.667rem;
    line-height: 2.34375rem;
    width: max-content;
    top: 50%;
    transform: translateY(-50%);
    color: var(--main-cl);
    transition: all 0.4s;
}
.about-values .values-dots .item-dot.active .dot:before{
    width: 180%;
    height: 180%;
}
.about-values .values-dots .item-dot.active .name{
    color: #4565AC;
}
.about-sec-7{
    padding: 6.25rem 0 6.771rem;
    position: relative;
    z-index: 3;
}
.about-sec-7 .title-group{
    margin-bottom: 3.646rem;
}
.about-sec-7 .swiper{
    margin: 0 -2.1875rem 4.375rem;
}
.about-sec-7 .swiper .swiper-slide{
    padding: 0 2.1875rem;
}
.about-sec-7 .swiper .swiper-slide .item{
    background: #21214E;
    border-radius: 15px;
    overflow: hidden;
}
.about-sec-7 .swiper .swiper-slide .item:before{
    width: 30.208rem;
    height: 30.208rem;
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%, #4565AC 0%, rgba(69, 101, 172, 0) 100%);
    backdrop-filter: blur(50px);
    position: absolute;
    content: '';
    top: -10rem;
    left: -10rem;
    opacity: 0.6;
}
.about-sec-7 .swiper .swiper-slide .item .img-wrap:before{
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7.8125rem;
    position: absolute;
    content: '';
    z-index: 2;
    background: linear-gradient(180deg, rgba(33, 33, 78, 0) 0%, #21214E 77.56%);

}
.about-sec-7 .swiper .swiper-slide .item .cont-wrap{
    position: absolute;
    width: 100%;
    padding: 1.667rem;
    bottom: 0;
    left: 0;
    z-index: 3;
    height: 7.8125rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.4s;
}
.about-sec-7 .swiper .swiper-slide .item .cont-wrap:before{
    left: 0;
    top: 0;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.4s;
    background: linear-gradient(140.94deg, #4565AC 0%, #21214E 100%);
    z-index: 2;
}
.about-sec-7 .swiper .swiper-slide .item .cont-wrap > div{
    position: relative;
    z-index: 3;
}
.about-sec-7 .swiper .swiper-slide .item .cont-wrap .sec-desc{
    line-height: 1.2;
    max-height: 0;
    overflow: hidden;
    transition: all 0.4s;
}
.about-sec-7 .swiper .swiper-slide .item .cont-wrap .sec-desc::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: rgba(255, 255, 255, 0.2);
}
.about-sec-7 .swiper .swiper-slide .item .cont-wrap .sec-desc::-webkit-scrollbar {
    width: 3px;
    background-color: rgba(255, 255, 255, 0.2);
}
.about-sec-7 .swiper .swiper-slide .item .cont-wrap .sec-desc::-webkit-scrollbar-thumb {
    background-color: #FFF;
}
.about-sec-7 .swiper .swiper-slide .item .cont-wrap .name{
    font-weight: 700;
    font-size: 1.042rem;
    line-height: 1.5625rem;
    margin-bottom: 0.208rem;
}
.about-sec-7 .swiper .swiper-slide .item .cont-wrap .position{
    font-weight: 400;
    font-size: 0.833rem;
    line-height: 1.042rem;
}
.about-sec-7 .swiper .swiper-slide .item:hover .cont-wrap{
    height: 100%;
}
.about-sec-7 .swiper .swiper-slide .item:hover .cont-wrap .sec-desc{
    max-height: 10.417rem;
    overflow: auto;
    transition: all 0.8s;
}
.about-sec-7 .swiper .swiper-slide .item:hover .cont-wrap:before{
    opacity: 1;
}
.about-sec-9{
    padding: 10.729rem 0 7.5rem;
}
.about-sec-9 .corner-image{
    position: absolute;
    top: 2.917rem;
    right: 0;
    width: 43.229rem;
    height: auto;
}
.about-sec-9 .col-4{
    padding-right: 4.6875rem;
}
.about-sec-9 .col-4 .title-group{
    margin-bottom: 3.333rem;
}
.about-sec-9 .col-4 .sec-title{
    margin-bottom: 1.042rem;
}
.about-sec-9 .col-4 .sec-desc{
    padding-right: 4.896rem;
    line-height: 1.2;
}
.about-sec-5 .tabs-title {
    margin-top: 1.667rem;
}
.about-sec-5 .tabs-title .tab-title,
.about-sec-9 .col-4 .tabs-title .tab-title{
    width: max-content;
    max-width: 100%;
    font-weight: 500;
    text-transform: initial;
}
.about-sec-5 .tabs-title .tab-title+.tab-title,
.about-sec-9 .col-4 .tabs-title .tab-title+.tab-title{
    margin-top: 0.78125rem;
}
.about-sec-9 .col-8 .tab-content .title{
    font-weight: 700;
    font-size: 2.34375rem;
    line-height: 3.385rem;
    margin-bottom: 1.458rem;
}
.about-sec-9 .col-8 .tab-content .award{
    border-top: 1px solid #00000026;
    padding: 3.125rem 0;
}
.about-sec-9 .col-8 .tab-content .award:last-of-type{
    border-bottom: 1px solid #00000026;
}
.about-sec-9 .col-8 .tab-content .award > .flex-box{
    gap: 6.875rem;
}
.about-sec-9 .col-8 .tab-content .award .award-name{
    font-weight: 700;
    font-size: 1.042rem;
    margin-bottom: 0.625rem;
}
.about-sec-9 .col-8 .tab-content .award .img-wrap{
    --width: 23.4375rem;
    width: var(--width);
    min-width: var(--width);
}
.about-sec-9 .col-8 .tab-content .award .img-wrap img{
    object-fit: contain;
}
.page-banner .img-wrap{
    max-height: 100vh;
}
.page-banner .banner-title{
    position: absolute;
    left: 50%;
    bottom: 3.542rem;
    font-weight: 700;
    font-size: 4.167rem;
    line-height: 1.3;
    text-align: center;
    z-index: 3;
    transform: translateX(-50%);
    color: #FFF;
    margin-bottom: 0;
}
section.default-page{
    padding: 6.25rem 0;
}
section.default-page .content-wrap{
    width: 72.917rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
section.default-page .content-wrap h2,
section.default-page .content-wrap h3,
section.default-page .content-wrap h4,
section.default-page .content-wrap h5,
section.default-page .content-wrap h6{
    color: var(--main-cl);
}
section.default-page .sec-title{
    margin-bottom: 1.5625rem;
}
.container-smaller{
    --container-w: 75rem;
}
/*================================*/
/*========= Contact Page =========*/
/*================================*/
.contact-banner .contact-info{
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 2.083rem 0;
    background: rgba(33, 33, 78, 0.8);
}
.contact-banner .contact-info .text-title{
    font-size: 1.354rem;
    color: #FFF;
    font-weight: 700;
}
.contact-banner .contact-info .contacts{
    gap: 2.604rem
}
.contact-banner .contact-info .contacts .item{
    display: flex;
    align-items: center;
    gap: 0.78125rem
}
.contact-banner .contact-info .contacts .item .icon-wrap{
    width: 2.34375rem;
    height: 2.34375rem;
}
.contact-banner .contact-info .contacts .item .icon-wrap img{
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.contact-banner .contact-info .contacts .item .cont-wrap{
    font-size: 0.833rem;
    color: #FFF;
    line-height: 1.042rem;
}
.contact-banner .contact-info .contacts .item .text{
    font-weight: 700;
}
.contact-page{
    padding: 5.208rem 0;
}
.contact-page .grid-container > .flex-box{
    box-shadow: 0 0 84px rgba(0, 0, 0, 0.14);
    background-color: #ffffff;
}
.contact-page .flex-box .col-5{
    padding: 2.083rem 2.34375rem;
}
.contact-page .flex-box .col-7{
    background-color: rgb(246 246 246 / 70%);
}
.offices__contact_3 .item {
    padding: 0 1.823rem;
}
.offices__contact_3 .inner {
    padding: 1.823rem 1.25rem;
}
.offices__contact_3 .item + .item .inner {
    border-top: 1px solid #e1e1e1;
}
.offices__contact_3 .name  {
    gap: 0.521rem;
    font-size: 0.833rem;
}
.offices__contact_3 .address{
    font-size: 0.833rem;
}
.offices__contact_3 .address:hover {
    text-decoration: underline;
    color: var(--main-cl);
}
.offices__contact_3 .item:hover {
    background-color: var(--sub-cl);
}
.wrap_offices__contact_3 {
    overflow: auto;
    max-height: 39.375rem;
    padding-bottom: 3.125rem;
}
.offices__contact_3::after {
    content: "";
    display: block;
    background-image: linear-gradient(to top, #f9f9f9 0%, rgba(249, 249, 249, 0.03) 97%, rgba(249, 249, 249, 0) 100%);
    width: 100%;
    height: 8.125rem;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    pointer-events: none;
}
.wrap_offices__contact_3::-webkit-scrollbar {
    width: 0.417rem;
    background: var(--sub-cl);
}
.wrap_offices__contact_3::-webkit-scrollbar-track {
    background: transparent;
}
.wrap_offices__contact_3::-webkit-scrollbar-thumb{
    background: var(--main-cl);
}
.wrap_offices__contact_3 a.flex-box{
    gap: 0.3125rem;
    font-size: 0.9375rem;
    line-height: 1.25rem;
    font-weight: 500;
    margin: 4px 0;
}
.wrap_offices__contact_3 a.flex-box svg{
    width: 1.042rem;
    height: 1.042rem;
}
/*==========================*/
/*========= Footer =========*/
/*==========================*/
footer#footer .footer-col-inner{
    width: max-content;
    max-width: 100%;
    margin-left: auto;
}
footer#footer{
    padding-top: 5.729rem;
}
footer#footer .footer-logo{
    height: 2.396rem;
    width: auto;
    max-width: 100%;
    display: flex;
    filter: brightness(0) invert(1);
}
footer#footer .footer-logo img{
    height: 100%;
    width: auto;
    display: block;
}
footer#footer .footer-title{
    font-weight: 700;
    font-size: 0.78125rem;
    line-height: 1.25rem;
    text-transform: uppercase;
    margin-bottom: 0.78125rem;
    letter-spacing: -0.3px;
}
footer#footer .footer-menu > li > a,
footer#footer .footer-content,
footer#footer .footer-content p,
footer#footer .footer-content li,
footer#footer .footer-content a{
    font-weight: 400;
    font-size: 0.78125rem;
    line-height: 1.042rem;
    color: #FFF;
}
footer#footer .footer-menu > li{
    margin-bottom: 0.78125rem;
}
footer#footer .footer-menu > li > a{
    display: block;
}
footer#footer .footer-content p{
    margin-bottom: 0.78125rem;
}
footer#footer .socials{
    gap: 0.521rem;
}
footer#footer .socials > a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.667rem;
    height: 1.667rem;
    border: 1px solid #FFFFFF80;
    border-radius: 4px;
    transition: all 0.4s;
}
footer#footer .socials > a:hover{
    background-color: #FFF;
    border-color: #FFF;
}
footer#footer .socials > a:hover img{
    filter: brightness(1) invert(1);
}
footer#footer .socials > a > img{
    width: 1.042rem;
    height: 1.042rem;
    object-fit: contain;
    transition: all 0.4s;
}
footer#footer .col-4{
    padding-right: 9.583rem;
}
footer#footer .footer-bottom{
    padding-top: 3.333rem;
    margin-top: 4.375rem;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}
footer#footer .footer-bottom > .flex-box{
    padding: 2.448rem 0 1.667rem;
}
footer#footer .footer-bottom ul > li{
    margin: 0;
    position: relative;
}
footer#footer .footer-bottom ul > li > a{
    display: block;
}
footer#footer .footer-bottom ul > li+li{
    margin-left: 1.823rem;
    padding-left: 1.823rem;
}
footer#footer .footer-bottom ul > li+li:before{
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 0.521rem;
    background: #FFFFFF33;
    width: 1px;
    position: absolute;
    content: '';
}
footer#footer .footer-bottom ul > li > a,
footer#footer .footer-bottom .copyright-text,
footer#footer .footer-bottom .copyright-text a{
    font-weight: 400;
    font-size: 0.677rem;
    line-height: 0.9375rem;
    color: #FFF;
}
footer#footer a:hover{
    text-decoration: underline;
}
/*================================*/
/*========= Project Page =========*/
/*================================*/
.projects-banner .img-wrap:before{
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    content: '';
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 33.15%, rgba(0, 0, 0, 0.45662) 71.56%, rgba(0, 0, 0, 0.64) 100%),
    linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 22.78%);
    z-index: 2;
}
.projects-banner .cont-wrap{
    top: 50%;
    transform: translateY(-50%);
    width: 28.125rem;
    max-width: calc(100% - 2rem);
}
.projects-banner .cont-wrap .project-name{
    font-weight: 700;
    font-size: 4.167rem;
    line-height: 5rem;
    margin-bottom: 0.521rem;
}
.projects-banner .cont-wrap .sec-desc{
    margin-bottom: 2.083rem;
}
.projects-sec{
    padding: 5.99rem 0 6.25rem;
}
.projects-sec .tabs-title{
    margin-bottom: 2.8125rem;
}
.projects-sec .tab-title{
    font-weight: 400;
}
.projects-sec .projects-filter{
    margin-bottom: 5.625rem;
}
.projects-sec .projects-filter .form-group:nth-of-type(1){
    flex-grow: 1;
    width: auto;
}
.projects-sec .projects-filter .form-group:nth-of-type(2),
.projects-sec .projects-filter .form-group:nth-of-type(3),
.projects-sec .projects-filter .form-group:nth-of-type(4){
    width: 18%;
}
.projects-sec .projects-filter .form-group:nth-of-type(5){
    width: max-content;
}
.projects-sec .projects-filter .btn{
    margin: 0 !important;
    padding: 0;
    min-height: unset;
    min-width: unset;
}
.projects-sec .projects-filter .form-group > svg{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.25rem;
    z-index: 3;
    pointer-events: none;
}
.projects-sec .investor-projects+.investor-projects{
    margin-top: 5.99rem;
}
.projects-sec .investor-projects .investor-name{
    padding-bottom: 1.458rem;
    font-weight: 700;
    font-size: 2.865rem;
    line-height: 3.385rem;
    border-bottom: 1px solid #00000033;
    margin-bottom: 3.125rem;
}
.projects-sec .investor-projects .projects-grid{
    grid-gap: 3.125rem 1.25rem;
}
.projects-by-investors.box-loading > div{
    display: none;
}
.projects-by-investors.box-loading{
    min-height: 20.833rem;
}
.load-more-projects{
    color: #21214E;
    border-bottom: 1px solid #21214E;
    font-weight: 500;
    font-size: 0.78125rem;
    width: max-content;
    display: block;
    margin-top: 3.125rem;
    cursor: pointer;
    transition: all 0.4s;
}
.load-more-projects.btn-loading{
    pointer-events: none !important;
    position: relative;
    color: transparent;
    border-color: transparent;
}
.load-more-projects.btn-loading:before{
    transform: translateY(-50%);
    position: absolute;
    content: '';
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%;
    left: calc(50% - 0.9375rem);
    top: calc(50% - 0.9375rem);
    aspect-ratio: 1;
    z-index: 50;
    border: 3px solid #c6c6c6;
    border-bottom-color: var(--main-cl);
    display: inline-block;
    box-sizing: border-box;
    animation: loadingSpin 0.6s linear infinite;
}
/*===============================*/
/*========= Career Page =========*/
/*===============================*/
.td_sec_1{
    padding-top: 6.771rem;
    padding-bottom: 7.292rem;
    overflow: unset !important;
}
.td_sec_1 .wrap{
    align-items: center;
}
.td_sec_1 .wrap .content b,
.td_sec_1 .wrap .content strong{
    font-size: 1.042rem;
}
.td_sec_1 .wrap .box_content {
    padding-right: 2.083rem;
}
.td_sec_2>img{
    display: block;
    width: 100%;
}
.td_sec_3 .wrap{
    box-shadow: 0 0.15625rem 7.396rem rgba(33, 54, 113, 0.16);
    border-radius: 0.521rem;
    background-color: #ffffff;
    padding: 5.99rem 4.948rem 5.208rem;
    position: relative;
    z-index: 3;
    background-repeat: no-repeat;
    background-size: cover;
}
.td_sec_3 {
    margin-top: -14.583rem;
    overflow: unset !important;
}
.td_sec_4{
    margin-top: 7.292rem;
}
.td_sec_4 .wrap{
    align-items: center;
    background-color: var(--main-cl);
    position: relative;
}
.td_sec_4 .wrap:before{
    bottom: 0;
    left: 0;
    content: '';
    position: absolute;
    z-index: 2;
    pointer-events: none;
    background-image: url('../images/logo-white.svg');
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 840/700;
    width: 15.625rem;
    height: auto;
    opacity: 0.4;
}
.td_sec_4 .wrap>*{
    width: 50%;
    position: relative;
}
.td_sec_4 .wrap .box_img img{
    width: 100%;
    display: block;
}
.td_sec_4 .wrap .box_img:before{
    position: absolute;
    height: 8.385rem;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.59) 1%, rgba(0, 0, 0, 0) 100%);
    content: '';
    width: 100%;
    bottom: 0;
    left: 0;
}
.td_sec_4 .wrap .box_content{
    padding: 0 5.208rem 0 calc(calc(100vw - 72.917rem) / 2);
}
.slider_gallery_td .swiper-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}
.slider_gallery_td .swiper-arrow.prev{
    left: 2.604rem;
}
.slider_gallery_td .swiper-arrow.next{
    right: 2.604rem;
}
.slider_gallery_td .item a{
    background-color: #223771;
    opacity: 0;
    transition: .5s all;
}
.slider_gallery_td .item:hover a{
    opacity: .8 !important;
}
.slider_gallery_td .item h3 {
    color: #ffffff;
    font-size: 0.885rem;
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    transform: translate(-50%,-50%);
    width: 80%;
    transition: .5s all;
    z-index: 50;
    opacity: 0;
    margin: 0;
}
.slider_gallery_td .item:hover h3{
    opacity: 1;
}
.slider_gallery_td .item img{
    display: block;
    width: 100%;
}
.slider_gallery_td .item{
    position: relative;
}
.slider_gallery_td .item:before{
    height: 65%;
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 100%;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.59) 1%, rgba(0, 0, 0, 0) 100%);
}
.slider_gallery_td .arrow_slider{
    left: 2.604rem;
}
.slider_gallery_td .arrow_slider svg{
    fill: white;
}
.slider_gallery_td .arrow_slider.next{
    right: 2.604rem;
    left: unset;
}
.td_sec_5{
    padding-top: 4.167rem;
}
.td_sec_5{
    padding-bottom: 4.427rem;
}
.career-details{
    padding: 2.083rem 0 4.167rem;
}
.career-details .col-4{
    padding-right: 1.5625rem;
}
.career-details .col-4 .inner-col{
    padding: 1.5625rem;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 0px 20px 0 rgb(35 35 35 / 25%);
}
.career-details .col-4 .other-jobs .item{
    display: flex;
    gap: 1.042rem;
}
.career-details .col-4 .other-jobs .item .thumb{
    width: 4.167rem;
    min-width: 4.167rem;
    height: 4.167rem;
    padding: 0.833rem;
    border-radius: 10px;
    border: 2px #ccc solid;
}
.career-details .col-4 .other-jobs .item .name{
    margin-bottom: 6px;
    font-weight: 700;
    font-size: 0.9375rem;
}
.career-details .col-4 .other-jobs .item .grid-box{
    grid-gap: 0.26rem 0.521rem;
}
.career-details .col-4 .other-jobs .item .info-item{
    font-size: 0.729rem;
    line-height: 0.9375rem;
    font-weight: 400;
}
.career-details .col-4 .other-jobs .item+.item{
    padding-top: 1.146rem;
    margin-top: 1.146rem;
    border-top: 1px #ccc solid;
}
.career-details .col-4 .go-back{
    gap: 0.625rem;
    font-size: 0.78125rem;
    display: flex;
    align-items: center;
    margin-bottom: 1.042rem;
}
.career-details .col-4 .go-back svg{
    width: 1.042rem;
    height: 1.042rem;
}
.career-details .col-8 .title-wrap{
    margin-bottom: 1.042rem;
}
.career-details .col-8 .cont-wrap{
    padding: 2.083rem;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 0px 20px 0 rgb(35 35 35 / 25%);
}
.career-details .col-8 .cont-wrap .button-wrap > a{
    transition: all 0.4s;
    width: max-content;
    margin-top: 2rem;
    border-radius: 5px;
    border: 1px solid var(--main-cl);
    gap: 0.78125rem;
    font-weight: 500;
    font-size: 0.885rem;
    display: flex;
    padding: 0.417rem 1.25rem;
    margin-left: auto;
    margin-right: auto;
}
.career-details .col-8 .main-info{
    margin-bottom: 1.042rem;
}
.career-details .col-8 .main-info .thumb{
    width: 6.25rem;
    min-width: 6.25rem;
    height: 6.25rem;
    display: flex;
    border-radius: 10px;
    border: 2px #ccc solid;
    padding: 0.833rem;
    margin-right: 1.042rem;
}
.career-details .col-8 .main-info .thumb img{
    width: 100%;
    height: 100%;
}
.career-details .col-8 .main-info .right-info{
    gap: 0.625rem 1.25rem;
}
.career-details .col-8 .main-info .right-info .info-item{
    display: flex;
    font-size: 0.833rem;
    line-height: 1.042rem;
    font-weight: 400;
    gap: 0.521rem
}
.career-details .col-8 .main-info .right-info .info-item svg{
    height: 1.042rem;
    width: 1.042rem;
}
.career-details .col-8 .info-wrap{
    padding: 1.042rem;
    border-radius: 0.833rem;
    background: var(--sub-cl);
    margin-bottom: 0.833rem;
}
.career-details .col-8 .info-wrap .item{
    display: flex;
    font-size: 0.833rem;
    line-height: 1.042rem;
    font-weight: 400;
    color: var(--main-cl);
}
.career-details .col-8 .info-wrap .item+.item{
    margin-top: 0.417rem;
}
.career-details .col-8 .info-wrap .item .label{
    min-width: 200px;
    width: 200px;
}
.career-details .col-8 .content ul,
.career-details .col-8 .content ol{
    list-style-position: inside;
}
.career-details .col-8 .content,
.career-details .col-8 .content p,
.career-details .col-8 .content li{
    font-size: 0.833rem;
    line-height: 1.042rem;
    font-weight: 400;
}
.career-details .col-8 .content li{
    margin-bottom: 0.3125rem;
}
/*==============================*/
/*========= Posts Page =========*/
/*==============================*/
.related-posts{
    padding-bottom: 5.208rem;
}
.related-posts .sec-title{
    margin-bottom: 2.083rem;
}
.related-posts-swiper.swiper{
    margin: 0 -0.78125rem;
}
.related-posts-swiper .swiper-slide{
    padding: 0 0.78125rem;
}
.box-swiper .swiper-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.box-swiper .swiper-arrow.prev{
    left: -5.208rem;
}
.box-swiper .swiper-arrow.next{
    right: -5.208rem;
}
.post-item .img-wrap{
    margin-bottom: 0.521rem;
    border-radius: 0.78125rem;
    aspect-ratio: 25/14;
}
.post-item .cont-wrap .post-title{
    font-weight: 600;
    font-size: 1.146rem;
    line-height: 1.3;
    margin-bottom: 0.521rem;
}
.post-item .cont-wrap .post-date{
    font-weight: 400;
    font-size: 0.729rem;
    line-height: 1.302rem;
}
.post-details .wrap{
    width: 62.5rem;
    max-width: 100%;
    padding: 2.604rem 2.865rem;
    margin: auto;
    box-shadow: 0 0 2.396rem rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
}
.post-details .head {
    padding-bottom: 1.042rem;
    border-bottom: 0.052rem solid rgb(112 112 112 / 30%);
}

.post-details .head .time {
    flex-shrink: 0;
    padding-right: 0.78125rem;
    border-right: 0.052rem solid #e1e1e1;
    color: var(--main-cl);
}

.post-details .head .date {
    font-size: 2.083rem;
    font-weight: 800;
    line-height: normal;
}

.post-details .head .m-y {
    font-size: 0.625rem;
    font-weight: 400;
}
.post-details .post-title {
    flex: 1;
    padding-left: 1.302rem;
}
.post-details .body {
    padding-top: 1.042rem;
    padding-bottom: 1.875rem;
}
.post-details .body .content li,
.post-details .body .content p,
.post-details .body .content{
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.4;
    color: #333;
}
.post-details .bottom {
    border-top: 0.052rem solid #b7b7b7;
    padding-top: 2.396rem;
    clear: both;
}
.post-details .bottom .right {
    margin-left: auto;
}
.post-details .bottom .right a {
    color: #575757;
    font-size: 0.729rem;
    font-weight: 700;
}
.post-details .bottom .right a:hover {
    color: var(--main-cl);
}
.post-details .bottom .right a .icon {
    width: 1.875rem;
    height: 1.875rem;
    box-shadow: 0 0 2.396rem rgb(0 0 0 / 7%);
    color: #b7b7b7;
    border: 0.052rem solid #b7b7b7;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 1.302rem;
}
.post-details .bottom .left {
    font-size: 0.729rem;
    font-weight: 700;
    text-transform: uppercase;
}
.post-details .bottom .left a {
    text-transform: initial;
    margin-left: 0.729rem;
    margin-right: 0.521rem;
    height: 1.823rem;
    border-radius: 0.26rem;
    background-color: #ebebeb;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0.729rem;
    color: #5f5f5f;
    font-size: 0.677rem;
    font-weight: 400;
}
.post-details .bottom .left a + a {
    margin-left: 0;
}
.post-details .bottom .left a:hover {
    background-color: var(--main-cl);
    color: #fff;
}
.post-details .content p:not(:last-child) {
    margin-bottom: 1.354rem;
}
.wrap-share-floating {
    position: absolute;
    z-index: 100;
    top: 9.375rem;
    left: calc(50% + 33.333rem);
    width: max-content;
}

.heateor_sss_sharing_container.heateor_sss_horizontal_sharing {
    display: flex;
    align-items: center;
    transform: rotate(-90deg) translateX(-100%);
    transform-origin: top left;
}

.heateor_sss_sharing_title {
    text-transform: uppercase;
    order: 2;
    margin-left: 1.146rem;
}

body div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul{
    display: flex;
}

body div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a {
    margin: 0 0.417rem;
    width: 1.927rem;
    height: 1.927rem;
    border: 0.104rem solid #333 !important;
    border-radius: 50%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    transform: rotate(90deg);
}

div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a:hover {
    border-color: var(--main-cl) !important;
}
.post-details{
    padding: 4.167rem 0 5.208rem;
}
.heateor_sss_button_instagram span.heateor_sss_svg,a.heateor_sss_instagram span.heateor_sss_svg {
    background: radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)
}

div.heateor_sss_horizontal_sharing a.heateor_sss_button_instagram span {
    background: transparent!important;
}

div.heateor_sss_standard_follow_icons_container a.heateor_sss_button_instagram span {
    background: transparent
}

.heateor_sss_horizontal_sharing .heateor_sss_svg,.heateor_sss_standard_follow_icons_container .heateor_sss_svg {
    background-color: transparent!important;
    background: transparent!important;
    color: #333;
    border-width: 0rem;
    border-style: solid;
    border-color: #333
}

div.heateor_sss_horizontal_sharing span.heateor_sss_svg svg:hover path:not(.heateor_sss_no_fill),div.heateor_sss_horizontal_sharing span.heateor_sss_svg svg:hover ellipse, div.heateor_sss_horizontal_sharing span.heateor_sss_svg svg:hover circle, div.heateor_sss_horizontal_sharing span.heateor_sss_svg svg:hover polygon, div.heateor_sss_horizontal_sharing span.heateor_sss_svg svg:hover rect:not(.heateor_sss_no_fill) {
    fill: #db313a
}

div.heateor_sss_horizontal_sharing span.heateor_sss_svg svg:hover path.heateor_sss_svg_stroke, div.heateor_sss_horizontal_sharing span.heateor_sss_svg svg:hover rect.heateor_sss_svg_stroke {
    stroke: #db313a
}

.heateor_sss_horizontal_sharing span.heateor_sss_svg:hover,.heateor_sss_standard_follow_icons_container span.heateor_sss_svg:hover {
    color: #db313a;
    border-color: #db313a;
}

.heateor_sss_vertical_sharing span.heateor_sss_svg,.heateor_sss_floating_follow_icons_container span.heateor_sss_svg {
    color: #fff;
    border-width: 0rem;
    border-style: solid;
    border-color: transparent;
}

.heateor_sss_vertical_sharing span.heateor_sss_svg:hover,.heateor_sss_floating_follow_icons_container span.heateor_sss_svg:hover {
    border-color: transparent;
}
body.header-without-banner #main{
    padding-top: 4.6875rem;
}
.news-page{
    padding: 6.25rem 0;
}
.news-page .home-posts{
    margin-bottom: 4.167rem;
}
.posts-by-terms .term-posts .term-name-wrap{
    padding-bottom: 1.458rem;
    border-bottom: 1px solid #00000033;
    margin-bottom: 3.125rem;
}
.posts-by-terms .term-posts .term-name{
    font-weight: 700;
    font-size: 2.865rem;
    line-height: 3.385rem;
}
.posts-by-terms .term-posts+.term-posts{
    margin-top: 5.99rem;
}
.posts-list.swiper{
    margin: 0 -0.78125rem;
}
.posts-list .swiper-slide{
    padding: 0 0.78125rem;
}
.posts-grid{
    grid-gap: 2.083rem 1.5625rem;
}
.show-tablet,
.show-mobile{
    display: none !important;
}
.thenativePagination{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    gap: 1.042rem;
    list-style: none;
    margin-top: 1.667rem;
}
.thenativePagination > li > a{
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    width: 2.083rem;
    height: 2.083rem;
    border: 1px solid var(--main-cl);
    font-size: 0.885rem;
    font-weight: 400;
}
.thenativePagination > li:hover > a,
.thenativePagination > li.active > a{
    background-color: var(--main-cl);
    color: #FFF;
}

.magazine .wp-caption .wp-caption-text{
    margin-top: 0.5rem;
    background: transparent;
    padding: 0;
    font-size: 0.833rem;

}
.emagazine_1{
    padding-top: 3.6rem;
}
.emagazine_1 .date-term,
.post_details_1 .date-term,
.post-item .cont-wrap .date-term{
    margin-bottom: 0.3125rem;
    gap: 0.521rem;
}
.emagazine_3 figcaption {
    margin-top: 0.5rem;
}
.emagazine_1 .sec-title-2 {
    font-weight: 700;
}
.emagazine_1 .search_share {
    margin-top: 2.34375rem;
    display: flex;
    flex-direction: column;
    gap: 1.042rem;
    margin-bottom: 5rem;
}
.emagazine_3 .layout_item:not(:first-child) {
    margin-top: 2rem;
}
.emagazine_3 .layout_1 .two_img {
    gap: 1.09375rem;
}
.emagazine_3 .title-group {
    margin-bottom: 1.875rem;
}
.emagazine_3 .img-wrap {
    margin: 1.875rem 0;
}
.emagazine_3 .layout_0 .img-wrap {
    margin: 0;
}
.emagazine_3 .layout_3 .emagazine_bg {
    width: 90%;
    height: 34.271rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: relative;
    margin: 0 auto;
}
.emagazine_3 .layout_3 .emagazine_bg>.box_content {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: 45%;
    height: 100%;
    background: linear-gradient(96.49deg, rgba(33, 33, 78, 0.9) -1.28%, rgba(69, 101, 172, 0.9) 91.52%);
    font-size: 1.042rem;
    font-weight: 400;
    line-height: 1.615rem;
    color: #fff;
    padding: 5.9375rem 5rem;
    display: flex;
    align-items: flex-end;
}
.emagazine_3 .layout_4 .img-wrap.relative {
    overflow: unset;
    margin-bottom: 9.948rem;
}
.emagazine_3 .layout_4 .img-wrap.relative .box_content {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateY(-70%);
    max-width: 45%;
    height: 20.677rem;
    border-radius: 0.521rem;
    background: linear-gradient(96.49deg, #21214E -1.28%, #4565AC 91.52%);
    font-size: 0.9375rem;
    font-weight: 300;
    line-height: 1.667rem;
    color: #fff;
    padding: 2.5rem;
}
.emagazine_3 .layout_4 .img-wrap.relative .content {
    max-height: 100%;
    overflow: auto;
    padding-right: 1rem;
}
.emagazine_3 .layout_4 .img-wrap.relative .content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #4565AC;
}
.emagazine_3 .layout_4 .img-wrap.relative .content::-webkit-scrollbar {
    width: 4px;
    background-color: #4565AC;
}
.emagazine_3 .layout_4 .img-wrap.relative .content::-webkit-scrollbar-thumb {
    background-color: #FFF;
}
.emagazine_3 .layout_3 .emagazine_bg .content::-webkit-scrollbar-thumb {
    background: #fff;
}
.emagazine_3 .layout_item a {
    color: #007CC9;
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    text-decoration-color: #007CC9;
}
.emagazine_4 {
    padding: 6.198rem 0 0;
}
.emagazine_4 .item_related:not(:last-child) {
    margin-bottom: 6.979rem;
}
.emagazine_4 .slide_solution,
.emagazine_4 .project_related_wrapper {
    margin-top: 2.1875rem;
}
.emagazine_4 .event-item .cont-wrap h3 {
    text-transform: uppercase;
}
section.emagazine_1 .summary {
    text-align: justify;
}
.filter_wrapper {
    padding-right: 3.59375rem;
}
.search_custom {
    margin-bottom: 1.042rem;
}
.search_custom label {
    margin-right: 1rem;
}
.search_custom input {
    width: 18.75rem;
    max-width: 100%;
    background: #F3F3F3;
    border-radius: 2.083rem;
    box-shadow: none;
    border: 1px solid transparent;
    padding: 0 0.9375rem;
    margin: 0;
}
.search_custom input::placeholder {
    font-size: 0.729rem;
    font-weight: 400;
    line-height: 0.9375rem;
    color: #494949;
}
.search_custom input:focus {
    border-color: #60B13A;
}
.search_custom .search-icon {
    top: 50%;
    right: 1rem;
    transform: translateY(-40%);
}
.share ul,
.search_share_details .search_custom {
    gap: 0.5rem;
}
.share ul a {
    display: flex;
}
.magazine > .related-posts{
    padding-top: 4.167rem;
}
.magazine > .related-posts+.related-posts{
    padding-top: 0;
}
#career-form{
    display: none;
    padding-left: 0;
    padding-right: 0;
    background: transparent;
}
#career-form .form-inner{
    border-radius: 10px;
    background: #FFF;
    width: 31.25rem;
    max-width: calc(100vw - 2rem);
    padding: 2.083rem 3.125rem;
}
#career-form .form-inner .sec-title-2{
    margin-bottom: 1.5625rem;
}
#career-form .form-inner .form-file span{
    font-size: 0.885rem;
    line-height: 1.3;
}
#career-form .form-wrap .form-group .btn-primary{
    margin-left: auto;
    margin-right: auto;
}
#career-form .form-inner .form-file input[type='file']{
    margin: 0.417rem 0 0;
    font-weight: 500;
    font-size: 0.833rem;
    line-height: 1.146rem;
    width: 100%;
}
#career-form .form-inner .form-file input[type='file']::file-selector-button{
    height: 2.1875rem;
    font-weight: 400;
    font-size: 0.9375rem;
    text-align: center;
    border-radius: 50px;
    border: 1px solid var(--main-cl);
    background: transparent;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    color: var(--main-cl);
    font-family: var(--font-title), 'Mulish', sans-serif;
    margin-right: 0.78125rem;
}
#career-form .fancybox-close-small{
    color: #FFF;
}
.about-new-sec-1{
    padding: 6.25rem 0 0;
}
.about-new-sec-1 .title-group{
    margin-bottom: 2.604rem;
}
.about-new-sec-1 .swiper{
    margin: 0 -1.5625rem;
}
.about-new-sec-1 .swiper-arrow{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.about-new-sec-1 .swiper-arrow.prev{
    left: -3.125rem;
}
.about-new-sec-1 .swiper-arrow.next{
    right:  -3.125rem;
}
.about-new-sec-1 .swiper .swiper-slide{
    padding: 0 1.5625rem;
}
.about-new-sec-1 .swiper .swiper-slide .img-wrap{
    position: relative;
    border-radius: 1.042rem;
}
.about-new-sec-1 .swiper .swiper-slide .img-wrap:hover img{
    transform: scale(1.1);
}
.about-new-sec-1 .swiper .swiper-slide .img-wrap:before{
    position: absolute;
    pointer-events: none;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    background: #000;
    z-index: 2;
    transition: all 0.4s;
}
.about-new-sec-1 .swiper .swiper-slide .img-wrap:after{
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.6);
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    width: 4.167rem;
    height: 4.167rem;
    transform: translate(-50%, -50%);
    animation: scaleBorder 1.4s infinite;
}
.about-new-sec-1 .swiper .swiper-slide .img-wrap:hover:before{
    opacity: 0.4;
}
@media (min-width: 1200px){
    .career-details .col-8 .cont-wrap .button-wrap > a:hover{
        background-color: var(--main-cl);
        color: #FFF;
    }
    .contact-banner.page-banner .banner-title{
        bottom: 8.333rem;
    }
    body, html {
        font-size: 1vw;
    }
    .project-item:hover .cont-wrap .project-name{
        color: #4565AC;
    }
    .project-item:hover .img-wrap > a > img,
    .post-item:hover .img-wrap img,
    .home-post-item:hover .img-wrap img{
        transform: scale(1.1);
    }
}
@media only screen and (max-width: 1199px){
    .wrap-share-floating {
        display: none;
    }
    .container-smaller,
    :root{
        --container-w: 59.375rem;
    }
    header#header .header-wrapper #masthead .header-nav-main{
        gap: 2rem;
    }
    .home-intro{
        -webkit-mask-size: 50vh auto, 100% 100%;
        mask-size: 50vh auto, 100% 100%;
    }
    @keyframes introZoom {
        0% {
            -webkit-mask-size: 50vh auto, 100% 100%;
            mask-size: 50vh auto, 100% 100%;
        }
        100% {
            -webkit-mask-size: 8000px auto, 100% 100%;
            mask-size: 8000px auto, 100% 100%;
            opacity: 0;
            pointer-events: none;
            visibility: hidden;
        }
    }
    .home-sec-1 .banner-cont .banner-title{
        font-size: 3.5rem;
    }
    .sec-title{
        font-size: 2rem;
    }
    .home-sec-2{
        padding-top: 5rem;
    }
    .home-sec-2 .sec-desc{
        padding-left: 0;
    }
    .home-sec-3{
        padding: 6rem 0 4rem;
    }
    .home-sec-3 .marquee-track .item .number-wrap{
        font-size: 4rem;
        line-height: 1;
    }
    .home-sec-4 .swiper-slide .cont-wrap{
        top: 3rem;
    }
    .home-sec-5 .item{
        top: 3.90625rem;
    }
    .home-sec-5 .title-group{
        padding: 4rem 0;
    }
    .home-sec-5 .item .cont-wrap{
        padding-right: 3rem;
    }
    .home-sec-5 .item .name-group{
        padding-left: 0.5rem;
    }
    .home-sec-5 .item .name-group .name{
        font-size: 1.25rem;
    }
    .home-sec-5 .item .name-group .sub-title{
        font-size: 0.85rem;
    }
    .home-sec-6{
        min-height: unset;
        width: 100%;
        aspect-ratio: 1920/1080;
        padding-top: 3rem;
    }
    .home-sec-6 .cont-wrap .sec-title{
        margin-bottom: 2rem;
    }
    .home-posts .col-5 .home-post-item .img-wrap{
        width: 10rem;
        min-width: 10rem;
    }
    .home-posts .col-7 .cont-wrap{
        bottom: 1.5rem;
        left: 1.5rem;
        right: 8rem;
    }
    .home-posts .col-5{
        padding-left: 1rem;
        gap: 1rem;
    }
    .home-post-item .cont-wrap .post-title{
        -webkit-line-clamp: 2;
    }
    .home-sec-7{
        padding: 4rem 0 5rem;
    }
    .home-sec-8 > svg{
        width: 32rem;
    }
    .home-sec-8{
        padding: 3rem 0;
    }
    footer#footer .col-2:nth-of-type(1){
        padding-right: 1rem;
    }
    footer#footer .col-4{
        padding-right: 4.5rem;
        padding-left: 2rem;
    }
    footer#footer .footer-bottom{
        padding-top: 2.5rem;
        margin-top: 2.5rem;
    }
    .about-sec-3 .col-4{
        padding-left: 2rem;
    }
    .about-sec-9 .col-4 .sec-desc{
        padding-right: 0;
    }
    .about-sec-9 .col-4{
        padding-right: 2rem;
    }
    .about-sec-9 .col-8 .tab-content .award > .flex-box{
        gap: 3rem
    }
    .about-sec-9 .col-8 .tab-content .award .img-wrap{
        --width: 18rem;
    }
    .about-sec-9 .col-8 .tab-content .title{
        font-size: 1.8rem;
        line-height: 1.2;
    }
    .about-sec-7 .swiper{
        margin: 0 -1rem 2rem;
    }
    .about-sec-7 .swiper .swiper-slide{
        padding: 0 1rem;
    }
    .about-sec-7{
        padding: 5rem 0;
    }
    .about-sec-5 .col-3{
        width: 100%;
        text-align: center;
        border-right: none;
    }
    .about-sec-5 .tabs-title{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .about-sec-5 .tabs-title .tab-title{
        margin: 0 !important;
    }
    .about-sec-5 .col-3{
        padding-right: calc(calc(100vw - var(--container-w)) / 2);
        padding-top: 4rem;
        padding-bottom: 0;
    }
    .about-sec-5 .col-9{
        width: 100%;
        padding-top: 3rem;
    }
    .about-sec-5 .col-9 .vision-mission{
        height: 31rem;
    }
    .about-sec-5 .col-9 .swiper-left{
        padding-left: 0;
        padding-right: 2rem;
    }
    .projects-banner .cont-wrap .project-name{
        font-size: 3.2rem;
        line-height: 1.2;
    }
    .projects-sec{
        padding: 3rem 0 4rem;
    }
    .td_sec_4 .wrap .box_content{
        padding-left: calc(calc(100vw - var(--container-w)) / 2);
    }
    .sec-title-2{
        font-size: 2rem;
    }
    .project-details-2 .grid-box{
        grid-gap: 2rem
    }
    .project-details-2 .col-8{
        padding-left: 3rem;
    }
    .project-details-3 .col-4{
        padding-top: 0;
    }
    .project-details-3 .col-8{
        padding-left: 2rem;
    }
    .project-details-3{
        padding: 5rem 0 4rem;
    }
    .project-details-4 > .img-wrap {
        margin-top: -5rem;
    }
    .project-details-11,
    .project-details-12,
    .project-details-4,
    .project-details-5,
    .project-details-6,
    .project-details-7,
    .project-details-8{
        padding-top: 5rem;
    }
    .project-details-10,
    .project-details-9{
        padding: 4rem 0;
    }
    .project-details-4 .marquee-track{
        --space: 4rem;
    }
    .project-details-5 .swiper{
        padding: 0 6rem;
    }
    .project-details-8 .title-group{
        margin-bottom: 1.5rem;
    }
    .project-details-13{
        padding-bottom: 4rem;
    }
    .project-details-13 .cont-wrap{
        padding: 1.5rem 3rem;
    }
    .contact-banner .contact-info{
        position: relative !important;
        background: var(--main-cl);
        bottom: unset;
    }
    .page-banner .banner-title{
        font-size: 3rem;
        bottom: 2rem;
    }
    .contact-banner .contact-info .text-title{
        font-size: 0.9rem;
    }
    .contact-banner .contact-info .contacts .item .cont-wrap{
        font-size: 0.78rem;
    }
    .emagazine_1 .sec-title-2 {
        font-size: 2rem;
        line-height: 1.3;
    }
    .emagazine_3 .layout_3 .emagazine_bg {
        height: 20rem;
    }
    .emagazine_3 .layout_3 .emagazine_bg>.box_content {
        padding: 2rem 3rem;
        align-items: flex-start;
    }
    .emagazine_3 .layout_3 .emagazine_bg .content {
        max-height: 17rem;
        padding-right: 0.625rem;
    }
    .about-new-sec-1 .swiper-arrow{
        display: none !important;
    }
    .about-new-sec-1 .swiper{
        margin: 0 -1rem;
    }
    .about-new-sec-1 .swiper .swiper-slide{
        padding: 0 1rem;
    }
}
@media only screen and (max-width: 991px){
    .container-smaller,
    :root{
        --container-w: 45rem;
    }
    .tablet-col-1{flex:0 0 auto;width:8.33333333% !important}
    .tablet-col-2{flex:0 0 auto;width:16.66666667% !important}
    .tablet-col-3{flex:0 0 auto;width:25% !important}
    .tablet-col-4{flex:0 0 auto;width:33.33333333% !important}
    .tablet-col-5{flex:0 0 auto;width:41.66666667% !important}
    .tablet-col-6{flex:0 0 auto;width:50% !important}
    .tablet-col-7{flex:0 0 auto;width:58.33333333% !important}
    .tablet-col-8{flex:0 0 auto;width:66.66666667% !important}
    .tablet-col-9{flex:0 0 auto;width:75% !important}
    .tablet-col-10{flex:0 0 auto;width:83.33333333% !important}
    .tablet-col-11{flex:0 0 auto;width:91.66666667% !important}
    .tablet-col-12{flex:0 0 auto;width:100% !important}
    .tablet-flex-col{
        flex-direction: column;
    }
    .tablet-grid-2{
        grid-template-columns: 1fr 1fr;
    }
    .tablet-grid-1{
        grid-template-columns: 1fr;
    }
    .tablet-col-reverse{
        flex-direction: column-reverse;
    }
    .tablet-text-center{
        text-align: center;
    }
    .tablet-al-center{
        align-items: center;
    }
    .tablet-jus-center{
        justify-content: center;
    }
    .tablet-flex-wrap{
        flex-wrap: wrap;
    }
    .load_home_page svg {
        width: 320px;
    }
    .search-tabs .search-grid{
        grid-template-columns: 1fr 1fr 1fr;
    }
    #header #masthead .mobile-nav .nav-icon > a{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 36px;
        height: 24px;
        align-items: flex-start;
        padding: 0;
    }
    #header #masthead .mobile-nav .nav-icon > a span{
        width: 100%;
        height: 2px;
        background-color: #FFF;
        transition: all 0.4s;
    }
    #header #masthead .mobile-nav .nav-icon > a span:nth-of-type(1){
        width: 100%;
    }
    #header #masthead .mobile-nav .nav-icon > a span:nth-of-type(3){
        width: 75%;
    }
    #header #masthead .mobile-nav .nav-icon > a span:nth-of-type(2){
        width: 50%;
    }
    #header #masthead .mobile-nav .nav-icon > a.active span:nth-of-type(2),
    .has-off-canvas #header #masthead .mobile-nav .nav-icon > a span:nth-of-type(2){
        opacity: 0;
    }
    #header #masthead .mobile-nav .nav-icon > a.active span:nth-of-type(1),
    .has-off-canvas #header #masthead .mobile-nav .nav-icon > a span:nth-of-type(1){
        transform: rotate(45deg) translate(8px, 8px);
    }
    #header #masthead .mobile-nav .nav-icon > a.active span:nth-of-type(3),
    .has-off-canvas #header #masthead .mobile-nav .nav-icon > a span:nth-of-type(3){
        width: 100%;
        transform: rotate(135deg) translate(-7px, 8px);
    }
    #header #masthead .mobile-nav .nav-icon > a:before {
        content: unset !important;
    }
    #header #masthead .mobile-nav .nav-icon > a i {
        display: none;
    }
    #main-menu{
        position: fixed;
        left: 0;
        z-index: 99999999999;
        display: block !important;
        background-color: rgba(0, 0, 0, 0.7);
        width: 100vw;
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
        transition: all 0.4s;
    }
    #main-menu .sidebar-menu{
        height: 100%;
        overflow: auto;
        width: 40%;
        background-color: #FFF;
        transition: all 0.4s;
        transform: translateX(-100%);
        margin-right: auto;
    }
    #main-menu .sidebar-menu > ul > li > a svg{
        width: 1.6rem;
        height: auto;
        margin-left: 4px;
    }
    #main-menu .sidebar-menu > ul > li{
        transition: all 0.3s !important;
    }
    #main-menu .sidebar-menu ul.header-contact > li > a,
    #main-menu .sidebar-menu > ul > li > a{
        padding-left: 16px !important;
        color: #241F20 !important;
        background-color: #FFF !important;
        font-size: 1rem !important;
        text-transform: initial;
        transition: all 0.3s !important;
        font-weight: 700;
    }
    #main-menu .sidebar-menu ul.header-contact > li{
        padding: 0;
    }
    #main-menu .sidebar-menu ul.header-contact > li > a{
        display: flex;
        align-items: center;
        gap: 8px;
    }
    #main-menu .sidebar-menu > ul > li.active > a,
    #main-menu .sidebar-menu > ul > li.current-menu-item > a{
        background-color: var(--main-cl) !important;
        color: #FFF !important;
    }
    #main-menu .sidebar-menu > ul > li.current-menu-item > a svg path[stroke] {
        stroke: #FFF;
    }
    #main-menu .sidebar-menu > ul > li.current-menu-item > a svg path[fill]{
        fill: #FFF;
    }
    #main-menu .sidebar-menu > ul ul > li{
        padding-left: 10px;
    }
    #main-menu .sidebar-menu > ul ul > li > a{
        font-size: 1rem !important;
        padding: 5px 0;
    }
    #main-menu.active .sidebar-menu{
        transform: translateX(0);
    }
    #main-menu.active{
        opacity: 1;
        pointer-events: unset;
        visibility: visible;
    }
    .header-without-banner header#header .header-wrapper #masthead .mobile-nav .nav-icon > a span,
    header#header .header-wrapper.stuck #masthead .mobile-nav .nav-icon > a span{
        background: var(--main-cl);
    }
    footer#footer{
        padding-top: 3rem;
    }
    footer#footer .col-4{
        padding-left: 0;
        padding-right: 2rem;
    }
    footer#footer .footer-logo{
        margin-bottom: 3rem;
        justify-content: center;
    }
    footer#footer .footer-bottom .copyright-text{
        margin-bottom: 1rem;
    }
    .home-sec-1 .banner-cont{
        bottom: 3rem;
    }
    .project-details-1 .cont-wrap .banner-title,
    .home-sec-1 .banner-cont .banner-title{
        font-size: 3rem;
    }
    .home-sec-1 .banner-cont .banner-desc{
        font-size: 1.25rem;
    }
    .sec-title{
        font-size: 2rem;
    }
    .home-sec-3 .marquee-track{
        --space: 4rem;
    }
    .home-sec-5 .item{
        padding: 3rem 0;
    }
    .home-sec-5 .item .cont-wrap{
        padding-right: 1.5rem;
        gap: 2rem
    }
    .home-sec-5 .item .cont-wrap .cont-bottom img{
        height: 2rem;
    }
    .home-sec-5 .item .name-group{
        margin-bottom: 1rem;
    }
    .home-sec-6{
        background-size: 100% auto;
        background-position: bottom center;
        background-color: var(--sub-cl);
        padding-bottom: 20rem;
    }
    .home-sec-6 .swiper{
        margin: 0 -1rem;
    }
    .home-sec-6 .item{
        padding: 0 1rem;
    }
    .home-posts .col-5{
        padding-left: 0;
        padding-top: 1rem;
    }
    .home-posts .col-5 .home-post-item .img-wrap{
        width: 15rem;
        min-width: 15rem;
    }
    .home-sec-7 .title-group .col-5{
        padding-left: 0;
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }
    .home-sec-8 .sec-title{
        margin-bottom: 2rem;
    }
    .show-tablet{
        display: block !important;
    }
    .about-sec-3 .col-5{
        margin-bottom: 2.5rem;
    }
    .about-sec-3 .col-3{
        padding-top: 0;
    }
    .about-sec-5 .col-9 .vision-mission .swiper-slide{
        padding: 0 1rem;
    }
    .about-sec-5 .col-9 .vision-mission {
        height: 28rem;
    }
    .about-sec-5 .col-9 .vision-mission{
        padding-right: 6rem;
    }
    .about-values .values-images{
        width: 30rem;
    }
    .about-values{
        margin-bottom: -12rem;
    }
    .about-values .values-content .item-content{
        top: 4rem;
    }
    .about-values .values-dots .item-dot .name{
        font-size: 1.25rem;
    }
    .about-values .values-dots .item-dot:nth-of-type(4) .name, .about-values .values-dots .item-dot:nth-of-type(5) .name, .about-values .values-dots .item-dot:nth-of-type(6) .name{
        left: calc(100% + 1.5rem);
    }
    .about-values .values-dots .item-dot:nth-of-type(1) .name, .about-values .values-dots .item-dot:nth-of-type(2) .name, .about-values .values-dots .item-dot:nth-of-type(3) .name{
        right: calc(100% + 1.5rem);
    }
    .about-sec-6{
        padding-top: 3rem;
    }
    .about-sec-7 .swiper .swiper-slide .item .cont-wrap{
        padding: 0.6rem;
        height: 4.75rem;
    }
    .about-sec-9 .corner-image{
        width: 28rem;
        top: 0;
    }
    .about-sec-9{
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .about-sec-9 .col-8 .tab-content .title{
        font-size: 1.5rem;
    }
    .about-sec-9 .col-8 .tab-content .award > .flex-box{
        gap: 1rem;
        flex-direction: column-reverse;
        text-align: center;
    }
    .about-sec-9 .col-8 .tab-content .award{
        padding: 1.5rem 0;
    }
    .about-sec-5 .col-9 .vision-mission-content .cont-wrap .text-primary{
        font-size: 1.8rem;
    }
    .projects-sec .investor-projects .investor-name{
        padding-bottom: 1rem;
        margin-bottom: 2rem;
        font-size: 2rem;
    }
    .project-item .cont-wrap .project-name{
        margin-bottom: 0.5rem;
    }
    .projects-banner .cont-wrap .project-name{
        font-size: 2.4rem;
    }
    .project-details-nav{
        display: none !important;
    }
    .td_sec_1 .wrap .box_content{
        padding-right: 1rem;
    }
    .sec-title-2{
        font-size: 1.75rem;
    }
    .td_sec_1{
        padding: 3rem 0;
    }
    .td_sec_3{
        margin-top: -8rem;
    }
    .td_sec_3 .wrap{
        padding: 2rem 3rem;
    }
    .td_sec_4 .wrap .box_content{
        padding-right: 2rem;
    }
    .career-details .col-4{
        padding-right: 0;
        padding-top: 3rem;
    }
    .career-details .col-4 .other-jobs .item .thumb{
        width: 6rem;
        min-width: 6rem;
        height: 6rem;
    }
    .career-details .col-4 .other-jobs .item .grid-box{
        grid-template-columns: 1fr;
    }
    .career-details .col-4 .other-jobs .item .info-item{
        font-size: 0.9rem;
        line-height: 1.3;
    }
    .career-details .col-8 .content, .career-details .col-8 .content p, .career-details .col-8 .content li{
        font-size: 0.9rem;
        line-height: 1.3;
    }
    .news-page{
        padding: 3rem 0 5rem;
    }
    .posts-by-terms .term-posts .term-name{
        font-size: 2rem;
    }
    .page-banner .img-wrap > img{
        min-height: 400px;
    }
    .project-details-1 .cont-wrap .banner-title,
    .page-banner .banner-title{
        font-size: 2.8rem;
        line-height: 1.2;
        bottom: 1rem;
    }
    .contact-page .flex-box .col-5 .sec-title-2{
        font-size: 1.35rem;
    }
    .contact-page .flex-box .col-5{
        padding: 1rem 1.5rem;
    }
    .tablet-mx-auto{
        margin-left: auto;
        margin-right: auto;
    }
    .project-details-2{
        padding-top: 3rem;
    }
    .project-details-2 .col-4{
        padding-right: 0;
    }
    .project-details-2 .col-8{
        padding-left: 0;
        padding-top: 2rem;
    }
    .project-details-3 .col-8{
        padding-left: 0;
        padding-top: 2rem;
    }
    .project-details-3{
        padding: 3rem 0 ;
    }
    .project-details-5 .tabs-title{
        gap: 4.5rem
    }
    .project-details-1 .cont-wrap .banner-desc{
        padding-right: 0;
    }
    .contact-banner .contact-info .text-title{
        margin-bottom: 1.25rem;
    }
    .emagazine_1 .title-group>.flex-box.jus-between>.col-6,
    .emagazine_1 .title-group>.flex-box.jus-between>.col-5{
        width: 100%;
    }
    .emagazine_1 .title-group>.flex-box.jus-between {
        flex-direction: column;
        gap: 1rem;
    }
    .emagazine_3 .layout_item:not(:first-child) {
        margin-top: 4rem;
    }
    .emagazine_3 .box_content.fs-16 {
        font-size: 1rem;
    }
    .emagazine_3 .layout_3 .emagazine_bg>.box_content {
        max-width: 50%;
    }
    .emagazine_3 .layout_4 .img-wrap.relative .box_content {
        top: 0;
        max-width: 50%;
        height: 100%;
        padding: 3rem 2rem;
        transform: unset;
    }
    .emagazine_3 .layout_4 .img-wrap.relative .content {
        padding-right: 1rem;
    }
    .emagazine_3 .layout_4 .img-wrap.relative {
        margin-bottom: 2rem;
    }
    .emagazine_4 .item_related:not(:last-child) {
        margin-bottom: 4rem;
    }
    .projects-sec .projects-filter{
        gap: 1rem 1rem;
        flex-wrap: wrap;
    }
    .projects-sec .projects-filter .form-group:not(:last-of-type){
        width: calc(50% - 0.5rem);
    }
    .projects-sec .projects-filter .form-group:last-of-type{
        margin-left: auto;
        margin-right: auto;
    }
    .about-new-sec-1 .swiper-pagination{
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        position: unset;
        margin-top: 2rem;
    }
    .about-new-sec-1 .swiper-pagination .swiper-pagination-bullet{
        width: 10px;
        height: 10px;
        background: var(--main-cl);
    }
}
@media only screen and (max-width: 767px){
    :root{
        --container-w: 100%;
    }
    .grid-container{
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .mobile-col-1{flex:0 0 auto;width:8.33333333% !important;}
    .mobile-col-2{flex:0 0 auto;width:16.66666667% !important;}
    .mobile-col-3{flex:0 0 auto;width:25% !important;}
    .mobile-col-4{flex:0 0 auto;width:33.33333333% !important;}
    .mobile-col-5{flex:0 0 auto;width:41.66666667% !important;}
    .mobile-col-6{flex:0 0 auto;width:50% !important;}
    .mobile-col-7{flex:0 0 auto;width:58.33333333% !important;}
    .mobile-col-8{flex:0 0 auto;width:66.66666667% !important;}
    .mobile-col-9{flex:0 0 auto;width:75% !important;}
    .mobile-col-10{flex:0 0 auto;width:83.33333333% !important;}
    .mobile-col-11{flex:0 0 auto;width:91.66666667% !important;}
    .mobile-col-12{flex:0 0 auto;width:100% !important;}
    .mobile-flex-col{
        flex-direction: column;
    }
    .mobile-al-center{
        align-items: center;
    }
    .mobile-al-start{
        align-items: flex-start;
    }
    .mobile-al-end{
        align-items: flex-end;
    }
    .mobile-jus-start{
        justify-content: flex-start;
    }
    .mobile-jus-end{
        justify-content: flex-end;
    }
    .mobile-jus-center{
        justify-content: center;
    }
    .mobile-jus-between{
        justify-content: space-between;
    }

    .mobile-grid-2{
        grid-template-columns: 1fr 1fr;
    }
    .mobile-grid-1{
        grid-template-columns: 1fr;
    }
    .mobile-col-reverse{
        flex-direction: column-reverse;
    }
    #search-lightbox{
        margin-left: -20px;
        margin-right: -20px;
        max-width: calc(100%  + 40px);
    }
    #search-lightbox .search-lightbox-title{
        margin-bottom: 20px;
        font-size: 20px;
    }
    #search-lightbox .search-keywords{
        margin-top: 20px;
    }
    #search-lightbox .search-keywords > a{
        font-size: 14px;
    }
    .show-mobile{
        display: block !important;
    }
    .mobile-text-center{
        text-align: center;
    }
    .load_home_page svg {
        width: 240px;
    }
    .search-tabs .search-grid{
        grid-template-columns: 1fr 1fr;
        grid-gap: 1.5rem 1rem
    }
    .search-page{
        padding: 3rem 0;
    }
    .search-page h1{
        margin-bottom: 2rem;
    }
    .search-tabs .search-tabs-title .search-tab-title{
        font-size: 0.75rem;
        padding: 0.5rem 1rem;
    }
    header#header .header-wrapper #masthead .header-inner{
        padding: 0.75rem 1rem;
    }
    header#header .header-wrapper #masthead .header-inner #logo img{
        height: 2rem;
    }
    #header #masthead .mobile-nav .nav-icon > a{
        height: 20px;
        width: 32px;
    }
    #header #masthead .mobile-nav .nav-icon > a.active span:nth-of-type(1), .has-off-canvas #header #masthead .mobile-nav .nav-icon > a span:nth-of-type(1) {
        transform: rotate(45deg) translate(6px, 7px);
    }
    #header #masthead .mobile-nav .nav-icon > a.active span:nth-of-type(3), .has-off-canvas #header #masthead .mobile-nav .nav-icon > a span:nth-of-type(3) {
        width: 100%;
        transform: rotate(135deg) translate(-6px, 7px);
    }
    #main-menu .sidebar-menu{
        width: 320px;
    }
    .show-mobile{
        display: block !important;
    }
    .hide-mobile{
        display: none !important;
    }
    .home-sec-2{
        padding-top: 3rem;
    }
    .home-sec-2 .title-wrap{
        margin-bottom: 1.25rem;
    }
    .home-sec-2 .sec-desc{
        margin-bottom: 2rem;
    }
    .home-sec-2 .site-name{
        margin-bottom: -4px;
    }
    .home-sec-2 .title-group{
        margin-bottom: 4rem;
    }
    .home-sec-3{
        padding: 4rem 0 3rem;
    }
    .home-sec-3 .sec-title {
        margin-bottom: 8rem;
    }
    .home-sec-3 .marquee-track .item .number-wrap{
        font-size: 3.5rem;
    }
    .home-sec-3 .marquee-track {
        --space: 3rem;
    }
    .sec-title{
        font-size: 1.7rem;
    }
    .left-cont{
        left: 1rem;
    }
    .home-sec-4 .swiper-slide .cont-wrap{
        top: 1rem;
    }
    .home-sec-4 .swiper-pagination{
        justify-content: center;
        bottom: 1rem;
    }
    .home-sec-5 .sec-title{
        margin-bottom: 1rem;
    }
    .home-sec-5 .title-group{
        padding: 3rem 0 2rem;
    }
    .home-sec-5 .item .cont-wrap{
        padding-right: 0;
        padding-bottom: 2rem;
    }
    .home-sec-5 .item .img-wrap{
        clip-path: polygon(2rem 0, 100% 0, 100% 100%, 0 100%, 0 2rem);
    }
    .home-sec-6{
        padding-bottom: 10rem;
    }
    .home-sec-7 .title-group .sec-desc{
        width: 100%;
    }
    .home-posts .col-5 .home-post-item .img-wrap{
        width: 6rem;
        min-width: 6rem;
    }
    .home-posts .col-7 .cont-wrap{
        bottom: 1rem;
        right: 1rem;
        left: 1rem;
    }
    .home-posts .col-7 .cont-wrap .post-title{
        font-size: 1.125rem;
    }
    .home-sec-7{
        padding: 3rem 0 4rem;
    }
    .home-sec-7 .btn{
        margin-top: 2rem;
    }
    .home-sec-7 .title-group{
        margin-bottom: 2rem;
    }
    .home-post-item .cont-wrap .post-title{
        font-size: 1rem;
    }
    .home-sec-8 > svg{
        width: 23rem;
        bottom: -3rem;
    }
    footer#footer .footer-col-inner{
        margin-left: 0;
    }
    footer#footer .footer-logo{
        margin-bottom: 0px;
    }
    footer#footer .col-2:nth-of-type(1),
    footer#footer .col-4{
        padding-right: 0;
    }
    footer#footer .footer-top > div{
        margin-bottom: 2rem;
    }
    footer#footer .footer-bottom .copyright-text{
        font-size: 0.6rem;
    }
    footer#footer .footer-bottom ul > li+li{
        margin-left: 1rem;
        padding-left: 1rem;
    }
    footer#footer .footer-bottom{
        margin-top: 1.5rem;
        padding-top: 2rem;
    }
    footer#footer .footer-title{
        font-size: 0.9rem;
    }
    .breadcrumbs ol{
        padding-top: 0.5rem;
    }
    .about-sec-3{
        padding-top: 4rem;
    }
    .about-sec-3 .col-4{
        padding-left: 0;
    }
    .about-sec-4{
        padding-top: 4rem;
    }
    .about-sec-5 .col-3{
        padding-top: 3rem;
    }
    .about-sec-5 .col-9{
        flex-direction: column-reverse;
        padding: 0 1rem;
        margin-top: 2rem;
    }
    .about-sec-5 .col-9 .swiper-left,
    .about-sec-5 .col-9 .swiper-right{
        width: 100%;
    }
    .about-sec-5 .col-9 .vision-mission{
        height: auto;
    }
    .about-sec-5 .col-9 .swiper-left{
        padding-right: 0;
        padding-top: 2rem;
    }
    .about-sec-5 .col-9 .vision-mission{
        margin: 0 -1rem;
    }
    .about-sec-5 .col-9 .vision-mission .swiper-slide-next .img-wrap{
        width: 10rem;
    }
    .about-sec-5 .col-9 .vision-mission-content .cont-wrap .text-primary{
        font-size: 1.5rem;
    }
    .about-values .values-content .values-content{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem
    }
    .about-values{
        border: none !important;
        padding: 0;
        margin-bottom: 3rem;
        width: 100%;
    }
    .about-values .values-dots,
    .about-values .values-images{
        display: none !important;
    }
    .about-values .values-content .item-content{
        position: unset !important;
        width: 100%;
        opacity: 1 !important;
        transform: unset !important;
    }
    .about-values .values-content .item-content .text-white{
        color: var(--main-cl);
    }
    .about-values .values-content .item-content .icon-wrap img{
        filter: brightness(1) invert(1);
    }
    .about-values .values-content .item-content h3{
        font-size: 1.65rem;
        line-height: 1.2;
    }
    .about-sec-7 .swiper .swiper-slide .item .cont-wrap .name{
        font-size: 0.9rem;
    }
    .about-sec-7 .swiper{
        margin: 0 -0.5rem 2rem;
    }
    .about-sec-7 .swiper .swiper-slide{
        padding: 0 0.5rem;
    }
    .about-sec-7 .swiper .swiper-slide .item:hover .cont-wrap .sec-desc{
        max-height: 5rem;
    }
    .about-sec-7 .title-group{
        margin-bottom: 2rem;
    }
    .about-sec-7{
        padding: 4rem 0;
    }
    .about-sec-9 .corner-image{
        display: none !important;
    }
    .about-sec-9{
        padding-top: 3rem;
    }
    .about-sec-9 .col-4{
        padding-right: 0;
    }
    .about-sec-9 .col-4 .title-group{
        margin-bottom: 1rem;
        text-align: center;
    }
    .about-sec-9 .col-4 .tabs-title{
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 0.25rem 1rem;
        margin-bottom: 1.5rem;
    }
    .about-sec-9 .col-4 .tabs-title .tab-title+.tab-title{
        margin-top: 0;
    }
    .projects-sec .projects-filter{
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    .projects-sec .projects-filter > div{
        width: calc(100% / 2 - 0.5rem / 2) !important;
    }
    .projects-sec .projects-filter .form-group:nth-of-type(5){
        width: 100% !important;
    }
    .projects-sec .projects-filter .btn{
        margin-left: auto !important;
        margin-right: auto !important;
    }
    .projects-sec .projects-filter.form-wrap .form-group .select-styled,
    .projects-sec .projects-filter.form-wrap .form-group .form-input{
        padding: 0 0.5rem;
        font-size: 0.7rem;
    }
    .projects-sec .projects-filter.form-wrap .form-group .select-styled:after{
        width: 0.5rem;
        height: 0.5rem;
    }
    .projects-sec .projects-filter.form-wrap .form-group .select-options > li{
        padding: 0 0.5rem;
        font-size: 0.7rem;
    }
    .projects-sec .projects-filter .form-group > svg{
        width: 12px;
        height: 12px;
        right: 0.5rem;
    }
    .projects-sec{
        padding: 2rem 0 3rem;
    }
    .projects-sec .tabs-title{
        margin-bottom: 1.5rem;
    }
    .projects-sec .projects-filter{
        margin-bottom: 3rem;
    }
    .projects-sec .investor-projects .investor-name{
        font-size: 1.6rem;
        line-height: 1.3;
        padding-bottom: 0.5rem;
    }
    .projects-sec .investor-projects .projects-grid{
        gap: 2rem 1rem;
    }
    .project-item .img-wrap{
        border-radius: 8px;
    }
    .project-item .cont-wrap .project-name{
        font-size: 1rem;
    }
    .load-more-projects{
        margin-top: 2rem;
    }
    .projects-sec .investor-projects+.investor-projects{
        margin-top: 3rem;
    }
    .projects-banner .img-wrap img{
        min-height: 40vh;
    }
    .projects-banner .cont-wrap .sec-desc{
        margin-bottom: 1rem;
    }
    .projects-banner .cont-wrap .project-name{
        font-size: 2rem;
    }
    .sec-sub-title{
        font-size: 0.8rem;
        letter-spacing: 15%;
        margin-bottom: 0.5rem;
    }
    .td_sec_1 .wrap{
        flex-wrap: wrap;
    }
    .td_sec_1 .wrap > div{
        padding-left: 0;
        padding-right: 0;
    }
    .td_sec_1 .wrap .box_content{
        padding-right: 0;
    }
    .td_sec_5 .grid-100,
    .td_sec_2 .grid-100{
        padding-left: 0;
        padding-right: 0;
    }
    .td_sec_3{
        margin-top: 0;
        padding-top: 3rem;
    }
    .td_sec_3 .wrap{
        padding: 1.5rem
    }
    .td_sec_4{
        margin-top: 3rem;
    }
    .td_sec_4 .wrap>*{
        width: 100%;
    }
    .td_sec_4 .wrap .box_content{
        padding: 1.5rem;
    }
    .slider_gallery_td .swiper-arrow.prev{
        left: 1.25rem;
    }
    .slider_gallery_td .swiper-arrow.next{
        right: 1.25rem;
    }
    .td_sec_5{
        padding: 2.5rem 0;
    }
    .career-details .col-8 .cont-wrap{
        padding: 0;
        border-radius: 0;
        box-shadow: unset;
    }
    .career-details .col-8 .main-info .thumb{
        width: 5rem;
        min-width: 5rem;
        height: 5rem;
    }
    .career-details .col-8 .info-wrap .item .label{
        min-width: 140px;
        width: 140px;
    }
    .career-details .col-4 .other-jobs .item .info-item{
        font-size: 0.8rem;
    }
    .project-details-1 .img-wrap img{
        min-height: 400px;
    }
    .project-details-1 .cont-wrap .banner-title,
    .page-banner .banner-title{
        font-size: 2.4rem;
    }
    .posts-list.swiper{
        margin: 0 -0.5rem;
    }
    .posts-list .swiper-slide{
        padding: 0 0.5rem;
    }
    .posts-by-terms .term-posts .term-name{
        font-size: 1.5rem;
        line-height: 1.3;
    }
    .posts-by-terms .term-posts .term-name-wrap{
        padding-bottom: 1rem;
        margin-bottom: 1.5rem;
    }
    .posts-by-terms .term-posts+.term-posts{
        margin-top: 3rem;
    }
    .news-page .home-posts{
        margin-bottom: 3rem;
    }
    .post-item .cont-wrap .post-title{
        font-size: 1rem;
    }
    .post-details{
        padding: 2rem 0 4rem;
    }
    .header-without-banner .breadcrumbs ol{
        padding-top: 0.5rem;
    }
    .post-details .wrap{
        padding: 1rem;
    }
    .post-details .post-title{
        font-size: 1.25rem;
    }
    .post-details .bottom{
        padding-top: 1.5rem;
    }
    .post-details .body{
        padding-bottom: 0px;
    }
    .related-posts{
        padding-bottom: 3rem;
    }
    .posts-grid{
        grid-gap: 1.5rem 1rem;
    }
    .contact-page{
        padding: 2rem 0 3rem;
    }
    .wrap_offices__contact_3 {
        padding-bottom: 0;
    }
    .offices__contact_3 .item{
        padding: 0;
    }
    .offices__contact_3::after{
        display: none !important;
    }
    .project-details-2 .item+.item{
        margin-top: 0.75rem;
        padding-top: 0.75rem;
    }
    .project-details-2 .grid-box{
        grid-gap: 0
    }
    .project-details-2 .grid-box > .column+.column{
        margin-top: 0.75rem;
        padding-top: 0.75rem;
        border-top: 1px solid #0000001A;

    }
    .project-details-11, .project-details-12, .project-details-4, .project-details-5, .project-details-6, .project-details-7, .project-details-8{
        padding-top: 3rem;
    }
    .project-details-4 .marquee-track{
        --space: 2.5rem
    }
    .project-details-4 .marquee-track .item{
        width: 12rem;
        padding-left: 1rem;
        padding-bottom: 1.5rem;
    }
    .project-details-4 .marquee-track .item .distance{
        font-size: 1.125rem;
        line-height: 1.2;
    }
    .project-details-4 > .img-wrap{
        margin-top: 0;
    }
    .project-details-5 .tabs-title{
        flex-wrap: wrap;
        gap: 0.25rem 1.5rem
    }
    .project-details-5 .swiper{
        padding: 0 1rem;
    }
    .project-details-5 .swiper .swiper-slide{
        padding: 0 0.5rem;
    }
    .project-details-5 .swiper .cont-wrap .title{
        font-size: 1.125rem;
        line-height: 1.3;

    }
    .project-details-5 .swiper .cont-wrap{
        padding-top: 1rem;
    }
    .project-details-8 .video-wrap svg{
        width: 3rem;
        height: 3rem;
    }
    .project-details-8 .video-wrap:after{
        width: 4rem;
        height: 4rem;
    }
    .project-posts-slide.swiper{
        margin-right: -0.5rem;
    }
    .project-posts-slide.swiper  .swiper-slide .home-post-item .cont-wrap{
        padding: 1rem 0 0 0;
        position: relative !important;
        bottom: unset;
        left: unset;
    }
    .project-posts-slide.swiper .swiper-slide .home-post-item .cont-wrap *{
        color: var(--main-cl);
    }
    .project-details-10 .title-group{
        margin-bottom: 1.5rem;
    }
    .project-details-13{
        padding: 3rem 0;
    }
    .project-details-13 .cont-wrap{
        padding: 1.5rem 2rem;
    }
    .form-wrap .form-group.group-half{
        width: 100%;
    }
    .sec-title-2{
        font-size: 1.5rem;
    }
    .project-details-13 .title-group{
        margin-bottom: 1.5rem;
    }
    @keyframes introZoom {
        0% {
            -webkit-mask-size: 65vw auto, 100% 100%;
            mask-size: 65vw auto, 100% 100%;
        }
        100% {
            -webkit-mask-size: 8000px auto, 100% 100%;
            mask-size: 8000px auto, 100% 100%;
            opacity: 0;
            pointer-events: none;
            visibility: hidden;
        }
    }
    .home-intro{
        -webkit-mask-size: 65vw auto, 100% 100%;
        mask-size: 65vw auto, 100% 100%;
    }
    .home-sec-4 .swiper-slide .cont-wrap{
        position: relative !important;
        background: var(--main-cl);
        top: unset !important;
        width: 100%;
        left: unset !important;
        padding: 1rem 1rem 2rem;
    }
    .home-sec-4 .swiper-slide .cont-wrap .sec-title{
        font-size: 1.4rem;
        margin-bottom: 0.7rem;
    }
    .about-sec-5 .col-3{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .about-sec-9 .col-8{
        padding-top: 1.5rem;
    }
    .about-sec-9 .col-8 .tab-content .title{
        text-align: center;
    }
    .project-item .img-wrap .investor-logo{
        left: 0.5rem;
        top: 0.5rem;
        width: 1.5rem;
        height: 1.5rem;
    }
    .project-item .img-wrap .investor-logo img{
        height: 1rem;
        width: 1rem;
    }
    .project-details-5 .swiper .swiper-slide-active .cont-wrap{
        transition-delay: 400ms;
    }
    .fancybox-stage .fancybox-slide{
        padding-left: 10px;
        padding-right: 10px;
    }
    .project-details-7 .grid-box .item .overlay{
        font-size: 2rem;
    }
    .contact-banner .contact-info{
        padding: 1rem 0;
    }
    .contact-banner .contact-info .contacts{
        flex-direction: column;
        gap: 1rem;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
    }
    .contact-banner .contact-info .text-title{
        font-size: 1.2rem;
    }
    .contact-banner .contact-info .contacts .item .icon-wrap{
        width: 2.8rem;
        height: 2.8rem;
    }
    .contact-banner .contact-info .contacts .item .cont-wrap{
        font-size: 0.9rem;
        line-height: 1.4;
    }
    .emagazine_3 .box_content ul{
        padding-left: 1.2rem;
    }
    .emagazine_1{
        padding-top: 3rem;
    }
    .emagazine_1 .search_custom label{
        display: none;
    }
    .emagazine_4 .title-group>.col-6{
        width: 100%;
    }
    .emagazine_1 .sec-title-2 {
        font-size: 1.6rem;
    }
    .emagazine_2 {
        padding: 2rem 0;
    }
    .emagazine_2 img {
        height: 12rem;
    }
    .title_emagazine.fs-35 {
        font-size: 1.4rem;
    }
    .emagazine_3 .two_img .img-wrap {
        margin: 0;
    }
    .emagazine_3 .two_img.flex-box {
        flex-direction: column;
        gap: 1rem;
    }
    .emagazine_3 .layout_4>.box_content img,
    .emagazine_3 .layout_3 .emagazine_bg {
        height: 24rem;
    }
    .emagazine_3 .layout_4 .img-wrap.relative .box_content,
    .emagazine_3 .layout_3 .emagazine_bg>.box_content {
        left: 0;
        max-width: 100%;
        padding: 1.5rem 0.7rem 1.5rem 1.5rem;
        border-radius: 0;
        opacity: .96;
    }
    .emagazine_3 .layout_4 .img-wrap.relative .content,
    .emagazine_3 .layout_3 .emagazine_bg .content {
        max-height: 100%;
    }
    .magazine .grid-container .grid-container{
        padding-left: 0;
        padding-right: 0;
    }
    .emagazine_3 .layout_item:not(:first-child){
        margin-top: 2.5rem;
    }
    .emagazine_1 .search_share{
        margin: 1.5rem 0 3rem;
    }
    body.header-without-banner #main{
        padding-top: 4.25rem;
    }
    .home-projects .swiper-wrapper{
        align-items: unset;
    }
    .home-projects .swiper-wrapper .swiper-slide{
        height: auto;
    }
    .home-projects .swiper-wrapper .swiper-slide .item{
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .home-projects .swiper-wrapper .swiper-slide .item .cont-wrap{
        flex-grow: 1;
    }
    #career-form .form-inner{
        padding: 2rem 1.5rem;
    }
    #career-form .form-inner .form-file span{
        font-size: 0.75rem;
    }
    .about-new-sec-1 .swiper{
        margin: 0 -1rem 0 -0.5rem;
    }
    .about-new-sec-1 .swiper .swiper-slide{
        padding: 0 0.5rem;
    }
    .about-new-sec-1{
        padding-top: 3rem;
    }
}
@media only screen and (max-width: 400px){
    html{
        font-size: 14.5px;
    }
}
@media only screen and (max-width: 380px){
    html{
        font-size: 14px;
    }
}
@media only screen and (max-width: 350px){
    html{
        font-size: 13px;
    }
}