:root{
    --main-cl: rgba(41, 91, 50, 1);
    --sub-cl: #F27325;
    --container-w: 73.4375rem;
}

.col{
    padding: 0 0.78125rem;
}
.container, .container-width, .full-width .ubermenu-nav, .row{
    max-width: var(--container-w);
}
#main, #wrapper {
    background-color: rgba(255, 252, 249, 1);
}
body::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
body::-webkit-scrollbar
{
    width: 0.417rem;
    background-color: #cedbff;
}

body::-webkit-scrollbar-thumb
{
    background-color: rgba(41, 91, 50, 1);
}
.fancybox-active {
    margin-right: 0 !important;
}
.mfp-bg.off-canvas.off-canvas-left.main-menu-overlay.mfp-ready {
    position: fixed !important;
    top: 86px !important;
}


.off-canvas-left .mfp-content {
    background-color: white!important;
    box-shadow: none !important;
    border: none !important;
}
input, optgroup, select, textarea{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
    outline: none !important;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
body{
    overflow-x: hidden;
}
.sub-menu li a {
    color: rgba(69, 69, 69, 1) !important;
    font-family: Bricolage Grotesque !important;
    font-weight: 400 !important;
    font-size: 0.9375rem !important;
    line-height: 1.3 !important;
    padding: 1.042rem 0 !important;
    margin: 0 !important;
}
header li.current-menu-item .sub-menu li a {
    color: rgba(69, 69, 69, 1) !important;
}

.sub-menu li {
    transition: .5s all;
    cursor: pointer;
    position: relative;
}
.sub-menu li:before {
    width: 120%;
    height: 100%;
    position: absolute;
    content: '';
    background: rgba(41, 91, 50, 0.05);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 0;
    transition: .5s all;
}

.sub-menu li:hover:before {
    opacity: 1;
    transition: .5s all;
}
.sub-menu{
    border-radius: 10px;
}
.sub-menu li:hover {
    transition: .5s all;
}
header li.current-menu-item .sub-menu li a {
    color: rgba(69, 69, 69, 1) !important;
}

/*btn_loading*/
.btn-loading{
    position: relative;
}
.btn-loading span.text,
.btn-loading span.icon {
    opacity: 0;
}
.btn-loading:before{
    width: 1.875rem;
    height: 1.875rem;
    position: absolute;
    content: '';
    z-index: 50;
    border: 2px solid #F5F5F5;
    border-bottom-color: var(--main-cl);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 0.5s linear infinite;
    left: calc(50% - 0.9375rem);
    top: calc(200% - 0.9375rem);
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes animation_zoom{
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.1);
        opacity: 0;
    }
}
@keyframes animation_360{
    0%{
        transform: translate(-50%,-50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%,-50%) rotate(360deg);
    }
}
.clearfix:after {
    content: unset;
}

.header-wrapper.stuck .logo {
    margin: 0 !important;
    order: 0;
}
.stuck .logo-center .logo img {
    margin: unset;
}

header#header {
    position: fixed;
}
header li.current-menu-item a {
    color: rgba(223, 161, 88, 1) !important;
}
.header-nav li a:hover {
    color: rgba(223, 161, 88, 1);
}
.header-wrapper.stuck {
    animation: none !important;
}
header .header-wrapper .header-bg-color {
    background-color: #fff;
    opacity: 0;
    transition: .5s all;
}
.header-wrapper.stuck .header-bg-color {
    opacity: 1;
    transition: .5s all;
}
span{
    font-family: "Bricolage Grotesque";
}
.header-inner {
    padding: 1.458rem 0.78125rem 0.833rem 0.78125rem;
    transition: .8s all;
}
.header-wrapper.stuck .header-inner {
    transition: .8s all;
    padding: 0.677rem 0.78125rem;
    gap: 1.042rem;
}
.header-wrapper.stuck .header-logo {
    display: none;
}
.header-wrapper.stuck img.header-logo-dark{
    display: block !important;
}

.header-main {
    height: auto !important;
}
.header-wrapper.stuck:before {
    width: 0;
}
.header-wrapper.stuck i.icon-menu, .header-wrapper.stuck i.icon-search {
    filter: brightness(0);
}

.header-wrapper.stuck li a{
    color: black;
    transition: .5s all;
}
.header-wrapper.stuck li a:hover {
    color: rgba(223, 161, 88, 1);
    transition: .5s all;
}
.header-nav li a {
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 100%;
    text-transform: none;
    color: rgba(255, 255, 255, 1);
    letter-spacing: 0;
}
.nav>li {
    margin: 0;
}
.header-main {
    height: 90px;
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.2);
}
.header-wrapper:before {
    position: absolute;
    content: '';
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.783654) 24.04%, rgba(0, 0, 0, 0) 100%);
    top: 0;
    left: 0;
    z-index: 5;
    height: 10.9375rem;
}
.stuck .header-main.show-logo-center {
    height: auto !important;
}

.flex-left ul.header-nav {
    display: flex;
    gap: 5rem;
    content: unset;
    justify-content:space-between;
}
.flex-right ul.header-nav {
    gap:2.24rem;
    width: 100%;
    justify-content: space-between;
}
div#logo {
    margin: 0 4.375rem;
}
.flex-left ul.header-nav {
    justify-content: space-between;
    gap: unset;
}

.stuck .flex-left ul.header-nav {
    justify-content: space-around;
}

.stuck .flex-right ul.header-nav {
    justify-content: space-around;
}
.stuck .flex-right {
    margin-right: -2.2rem !important;
}
.logo-center .flex-left {
    margin: 0;
    /* display: flex; */
    /* justify-content: space-around; */
}
header i.icon-search {
    font-size: 1.4rem !important;
}
.flex-right ul.header-nav {
    justify-content: space-between;
    gap: unset;
}
li.html.custom.html_topbar_left {
    display: none;
}
.header-wrapper.stuck .header-inner {
    gap: unset;
    justify-content: space-between;
}

.flex-col.hide-for-medium.flex-right {
    margin: 0;
}
ul#menu-menu-footer {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 0.78125rem;
}
footer {
    background: rgba(255, 248, 237, 1);
    padding-top: 2.604rem;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 70%;
}
.footer_top_image {
    max-width: 18.646rem;
    height: 4.792rem;
}
.footer_top_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footer_top_content {
    font-weight: 400;
    font-size: 1.042rem;
    text-align: justify;
    line-height: 1.7;
    font-family: Bricolage Grotesque;
}
.footer_top {
    margin-bottom: 2.083rem;
}

footer .footer_item ul {
    list-style: none;
}

footer .footer_item_title h3{
    font-weight: 700;
    font-size: 1.146rem;
    line-height: 100%;
    text-transform: uppercase;
    letter-spacing: 0;
    color: rgba(25, 58, 27, 1);
    margin-bottom: 1.042rem;
}
footer li {
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: .95rem;
    line-height: 1.7;
    letter-spacing: 0;
    margin-bottom: 0.78125rem;
}
footer li a {
    color: rgba(69, 69, 69, 1);
    transition: .5s all;
}
.footer_top_line {
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.2);
    margin-top: 2.135rem;
}
footer li:hover a {
    color: rgba(41, 91, 50, 1);
    transition: .5s all;
}
footer .footer_line {
    height: 0.104rem;
    width: 1.5625rem;
    background: rgba(25, 58, 27, 1);
}
footer .footer_item_social {
    gap: 1.6rem;
}
.footer_item_title {
    margin-bottom: 1.042rem;
}
.footer_item_social a{
    width: 2.604rem;
    height: 2.604rem;
    border: 1px solid rgba(41, 91, 50, 1);
    border-radius: 100%;
    transition: .5s all;
}
.footer_social_image {
    width: 1.5rem;
    height: 1.5rem;
}
.footer_social_image img{
    width: 100%;
    height: 100%;
}
.footer_item_social a:hover {
    background: rgba(41, 91, 50, 1);
    transition: .5s all;
    border: 1px solid rgba(41, 91, 50, 1);
}
.footer_item_social a:hover img {
    filter: brightness(0) invert(1);
    transition: .5s all;
}
.footer_bottom {
    background: rgba(41, 91, 50, 1);

}
.footer_bottom_content{
    color: rgba(255, 255, 255, 1);
    opacity: 50%;
    font-weight: 400;
    font-size: 0.729rem;
}
.footer_bottom .col {
    padding: 1.042rem;
}
.footer_policy .policy_img{
    max-width: 9.792rem;
    height: 3.073rem;
}
.footer_policy img{
    width: 100%;
    height: 100%;
}
ul.footer_info_address {
    margin: 0;
}

ul.footer_info_address li {
    margin: 0;
}

ul.footer_info_more {
    margin-top: 0.9375rem;
    margin-bottom: 0;
}

ul.footer_info_more li {
    margin: 0;
    gap: 0.78125rem;
}

ul.footer_info_more p {
    margin: 0;
}
.row.footer_middle {
    padding-bottom: 3.28125rem;
}
.footer_info_more_image, .footer_info_address_image{
    width: 1.042rem;
    height:1.042rem;
}
.footer_info_address li a {
    gap: 0.78125rem;
}
.footer_info_more_image img,.footer_info_address_image img {
    width: 100%;
    height:100%;
    object-fit: cover;
}
.footer_item.footer_info {
    font-family: Bricolage Grotesque;
    color: rgba(69, 69, 69, 1);
    font-weight: 400;
    font-size: 1.042rem;
    line-height: normal;
}
.desktop_display{
    display: block;
}
.mobile_display{
    display: none;
}
@keyframes animation_border {
    0%{
        transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100%{
        transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.2);
        opacity: 0;
    }
}

@keyframes animation_cloud{
    0%{
        margin-left: 0px;
    }
    100%{
        margin-left: -100vw;
    }
}

h1,h2,h3{
    font-family: Bricolage Grotesque;
    margin:0;
}
h1 {
    color: #fff;
    font-weight: 700;
    font-size: 3.646rem;
    line-height: 1.3;
}
h1 .ef-img-t {
    font-family: Bricolage Grotesque;
    color: #fff;
    font-weight: 600;
    font-size: 3.646rem;
    line-height: 1.3;
}
h2{
    font-weight: 400;
    font-size: 3.125rem;
    line-height: 1.2;
    color: rgba(41, 91, 50, 1);
}
h2 span{
    font-weight: 800;
}

.box_subtitle h3{
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 100%;
    color:rgba(223, 161, 88, 1);
    text-transform: uppercase;
    letter-spacing: .2rem;
}
.box_content{
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 1.5;
    color: rgba(69, 69, 69, 1);
}
.box_content b,
.box_content strong{
    color: rgba(25, 58, 27, 1);
    font-weight: 800;
}
.home_sec_2 .box_content b,
.home_sec_2 .box_content strong{
    font-size: 1.25rem;
}
/*section.home_sec_1 {*/
/*    min-height: 48.75rem;*/
/*}*/
.home_sec_1 .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home_sec_1 .homeSlider img {
    width: 100%;
}
.home_sec_1 .homeSlider .swiper-slide> img{
    object-fit: cover;
}

.home_banner_container {
    width: 100%;
    bottom: 6.667rem;
    z-index: 99;
}

.home_banner_content {
    /* flex-direction: column; */
    row-gap: 3.125rem;
    max-width: 43.5rem;
    flex-wrap: wrap;
}


.home_banner_img {
    width: 3.90625rem;
    height: 3.90625rem;
    margin-left: 1.823rem;
}


.home_banner_img img {
    width: 100%;
    height: 100%;
}

.home_sec_1 .content_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home_sec_1 .swiper-pagination{
    left: calc(calc(100% - var(--container-w)) / 2);
    width: fit-content;
    padding: 0 0.78125rem;
    bottom: 3.4375rem;
}
.home_sec_1 .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 1);
    opacity: 20%;
}
.home_sec_1 .swiper-pagination-bullet-active {
    opacity: 100%;
}
.homeSlider .swiper-slide:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 17rem;
    background: linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.6;
    z-index: 2;
}
.home_banner_title.relative {
    z-index: 1;
}
.home_banner_content .box_cta_fill{
    z-index:1;
}
.home_banner_content .home_banner_title:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 150%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.5);
    filter: blur(5.208rem);
    opacity: 6.7;
    z-index: -1;
}
.home_banner_img .banner_img_border {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7.552rem;
    height: 7.552rem;
    border: 1px solid white;
    border-radius: 100%;
    animation: animation_border 1.5s ease-out infinite;
}
.home_sec_2 {
    padding-top: 3rem;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.home_sec_2 .box_image {
    max-width: 8.229rem;
    height: 7.396rem;
}

.home_sec_2 .box_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home_sec_2 .home_2_content {
    padding: 0 8.542rem;
    z-index: 1;
    padding-bottom: 56rem;
}

.home_2_content .box_title {
    margin-top: 0.885rem;
}

.home_2_content .box_content {
    margin: 1.354rem 0;
}

.home_sec_2 .box_cta_fill {
    display: flex;
    justify-content: center;
}
.home_sec_2_pattern, .home_sec_5_pattern{
    display: flex;
    animation: animation_cloud 50s linear infinite;
}
.home_sec_2_pattern,.home_sec_5_pattern{
    bottom:0;
    width: 100%;
}
.home_sec_2_pattern img,.home_sec_5_pattern img{
    width: 100%;
}

.home_sec_2:after {
    position: absolute;
    content: '';
    bottom: -1%;
    left: 0;
    width: 100%;
    height: 17.552rem;
    background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgba(255, 252, 249, 0.565269) 26.92%, rgba(255, 252, 249, 0.729592) 53.37%, #FFFCF9 94.23%);
}
.home_sec_3{
    padding-top: 1.5625rem;
}
.home_3_content {
    padding: 0 6.25rem;
    margin-bottom: 1rem;
}

.home_3_content .box_title {
    margin-top: 0.885rem;
}

.home_3_content .box_content {
    margin-top: 0.729rem;
}
.home_3_slider {
    margin: 0 calc(-1 * calc(calc(calc(100vw - var(--container-w)) / 2 )/2));
}
.home_sec_3 .slider_activity_wrap {
    margin: 0 0.26rem;
    max-width: 100%;
    height: 100%;
    transition: .5s all;
}

.home_3_slider .slider_box_content,
.home_3_list .slider_box_content{
    font-family: Bricolage Grotesque;
    z-index: 4;
    bottom: 10%;
    left: 0;
    width: 100%;
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.667rem;
    line-height: 2.083rem;
}
.swiper.home_activity_slider {
    padding-top: 2rem;
}
.home_activity_slider .slider_box img {
    width: 100%;
    height: 100%;
    object-fit:cover;
    transition: .7s all;
}
.slider_box:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    width: 2px;
    height: 0;
    background-color: rgba(223, 161, 88, 1);
    z-index: 1;
    transition: height 0.3s linear;
}

.home_sec_3 .slider_activity_wrap:hover .slider_box:before,
.home_sec_3 .slider_activity_wrap:hover .slider_box:after{
    height: calc(100% - 20px);
    transition: height 0.3s linear;
}

.slider_box:after {
    content: "";
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 2px;
    height: 0;
    background-color: rgba(223, 161, 88, 1);
    z-index: 1;
    transition: width 0.3s linear;
}

.home_sec_3 .slider_box_image:after {
    content: "";
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 0;
    height: 2px;
    background-color: rgba(223, 161, 88, 1);;
    z-index: 1;
    transition: width 0.3s
    linear;
}
.home_sec_3 .slider_box_image:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    width: 0;
    height: 2px;
    background-color: rgba(223, 161, 88, 1);;
    z-index: 1;
    transition: width 0.3s
    linear;
}
.home_sec_3 .slider_activity_wrap:hover .slider_box_image:before,
.home_sec_3 .slider_activity_wrap:hover .slider_box_image:after{
    width: calc(100% - 20px);
    transition: width 0.3s linear;
}

.home_sec_3 .slider_box_name{
    transform: translateY(1.823rem);
    transition: .5s all;
}
.home_sec_3 .slider_box_cta,
.home_3_list .slider_box_cta{
    font-weight: 400;
    font-size: 0.885rem;
    text-transform: none;
    gap: 0.417rem;
    opacity: 0;
    transition: .5s all;
}
.home_sec_3 .slider_box_cta a {
    color: white;
}
.home_sec_3 .slider_box_image {
    overflow: hidden;
    position:relative
}
.home_activity_slider .slider_box:hover .slider_box_cta {
    opacity: 1;
    transition: .5s all;
}
.home_sec_3 .slider_box a{
    width: 100%;
    height: 100%;
    z-index: 100;
    color: rgba(223, 161, 88, 1);
}
.home_sec_3 .slider_box_cta svg path {
    stroke: rgba(223, 161, 88, 1);
}
.home_sec_3 .slider_box_cta {
    font-size: 1rem;
}
.home_activity_slider .slider_box:hover .slider_box_name {
    transform: translateY(0);
    transition: .5s all;
    color: rgba(223, 161, 88, 1);
}
.home_activity_slider .slider_box:hover:after {
    opacity: 1;
    transition: .5s all;
}
.home_sec_4{
    padding-top: 8.3335rem;
}
.home_sec_4 .box_content{
    row-gap: 0.885rem;
    flex-direction: column;
}
.home_4_content h2,.home_6_content h2{
    max-width: fit-content;
}
.home_3_slider .slider_box_bg,
.home_3_list .slider_box_bg{
    width: 100%;
    top:0;
    left:0;
    height: 100%;
}
.home_3_slider .slider_box_bg:before,
.home_3_list .slider_box_bg:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(25, 58, 27, 0.8);
}


.swiper.home_project_slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .5s all;
    border-radius: 1.042rem;

}
.project_slider_box {
    max-width: 100%;
    height: 36.458rem;
}

.home_4_image{
    margin-top: 2.604rem;
}
.home_4_image .project_slider_box:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 5.208rem;
    background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    left: 0;
    opacity: 60%;
    border-radius: 1.042rem;

    z-index: 2;
}
.project_slider_content {
    right: 7%;
    top: 10%;
    text-align: right;
    width: 22.8125rem;
}
.project_slider_content:before {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    width: 110%;
    height: 120%;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(10px);
    transform: translate(-50%, -50%);
    border-radius: 20px;
}
.project_slider_content_title {
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.09rem;
    line-height: 1.3;
    color: rgba(69, 69, 69, 1);
    position: relative;
    z-index: 10;
}

span.project_slider_content_name {
    font-family: Bricolage Grotesque;
    font-weight: 600;
    font-size: 2.325rem;
    line-height: 1.3;
    color: rgba(41, 91, 50, 1);
    margin-top: 0.573rem;
    position: relative;
    z-index: 10;
}
.slider_arrow .absolute {
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
}
.slider_arrow .slider_prev{
    left: 2%;
}
.slider_arrow .slider_next{
    right: 2%;
}

.home_sec_4 .swiper-pagination {
    bottom: 5%;
}
.home_project_slider .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 1) !important;
    opacity: 50%;
}
.home_project_slider  .swiper-pagination-bullet-active {
    background: white !important;
    opacity: 100%;
}
.home_sec_4 .project_slider_box:hover img {
    transform: scale(1.05);
    transition: .5s all;
}
.project_slider_box a {
    width: 100%;
    height: 100%;
    z-index: 5;
    border-radius: 1.042rem;
}
.home_sec_5 {
    margin-top: 5.0525rem;
    padding-top: 4.479rem;
    min-height: 46.875rem;

}
.home_sec_5 .box_subtitle {
    margin-bottom: 0.885rem;
}

.home_sec_5 .sustain_list {
    gap: 3.958rem;
}
.home_5_content {
    z-index: 1;
}
.sustain_list_item{
    width:20rem;
}
.home_sec_5 .box_heading {
    margin-bottom: 1.823rem;
}

.home_sec_5 .sustain_heading {
    font-family: Bricolage Grotesque;
    font-weight: 600;
    font-size: 1.042rem;
    line-height: 100%;
    color: rgba(69, 69, 69, 1);
    text-transform: uppercase;
    margin-bottom: 1.40625rem;
    gap: 1.5625rem;
}
.home_sec_5 .number_counter.counter {
    position: absolute;
}
.home_sec_5 .sustain_item {
    margin-bottom: 3.385rem;
}
.number_hidden {
    opacity: 0;
}
.home_sec_5 .sustain_number {
    font-family: Bricolage Grotesque;
    font-weight: 500;
    font-size: 3.125rem;
    gap:.5rem;
    line-height: 100%;
    color: rgba(41, 91, 50, 1);
}

.home_sec_5 .sustain_content {
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 0.833rem;
    line-height: 1.458rem;
    color:rgba(69, 69, 69, 1);
}
.home_sec_5 .heading_line {
    width: 10.9375rem;
    height: 0.104rem;
    background: #C5C5C5;
}
.home_sec_6 {
    padding-top: 4.53125rem;
    background-size: 100% auto;
    background-position: bottom;
    background-repeat: no-repeat;
}
.home_6_content .box_title{
    margin-top: 0.885rem;
}
.home_sec_6 .box_slider{
    margin-top: 2.65625rem;
}
.blog_slider_box {
    /* height: 35.3125rem; */
    max-width: 100%;
    width: 100%;
    aspect-ratio: 5 / 3;
}

.home_blog_slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home_blog_slider {
    border-radius: 1.042rem;
}
.home_sec_6 .blog_content_slider {
    bottom: -10%;
    left: -5%;
    max-width: 27.917rem;
    height: 17.5rem;
    background: rgba(25, 58, 27, 1);
    border-radius: 0.521rem;
}
.home_sec_6 .blog_content_slider .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 1);
    opacity: 50%;
}
.home_sec_6 .blog_content_slider .swiper-pagination-bullet-active {
    background: white;
    opacity: 100%;
}
.home_sec_6 .box_slider .box_content {
    padding: 2.76rem;
    height: 100%;
    color: white;
}
.blog_content_slider .box_description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 1.042rem;
    line-height: 1.25rem;
}

.home_sec_6 .box_date {
    color: rgba(255, 255, 255, 1);
    opacity: 50%;
    font-size: 0.833rem;
    line-height: 1.25rem;
    margin-bottom: 0.573rem;
}

.home_sec_6 .box_title h3 {
    font-weight: 600;
    font-size: 1.458rem;
    line-height: 100%;
    text-transform: none;
    letter-spacing: 0;
    color: white;
}
.home_sec_6 .box_title {
    margin-bottom: 0.729rem;
}
.home_sec_6 .swiper-pagination {
    bottom: 15%;
    text-align: left;
    left: 9%;
}
.home_sec_6 .home_blog_list {
    margin-top: 6.458rem;
    gap: 1.042rem;
}

.home_blog_container .box_item {
    width: calc(100% / 4 - calc(1.042rem * 3 / 4));
}
.home_blog_list .box_image {
    overflow: hidden;
    border-radius: 0.521rem;
    max-width: 100%;
    aspect-ratio: 5 / 3;
}

.home_blog_list img {
    transition: .5s all;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home_blog_container .box_item:hover img {
    transform: scale(1.05);
    transition: .5s all;
}
.home_blog_list a {
    width: 100%;
    height: 100%;
    z-index: 1;
}
.home_blog_list .box_content {
    margin-top: 1.354rem;
}

.home_sec_6 .home_blog_list .box_date {
    color: rgba(69, 69, 69, 1);
    margin-bottom: 0.573rem;
}

.home_sec_6 .home_blog_list .box_title {
    color: rgba(69, 69, 69, 1);
    font-weight: 600;
    font-size: 1.146rem;
    line-height: 1.5;
    transition: .5s all;
}

.home_sec_6 .box_item:hover .box_title {
    color: rgba(41, 91, 50, 1);
    transition: .5s all;
}
.home_partner_slider .swiper-pagination {
    position: unset;
    margin-top: 1.09375rem;
}
.home_sec_6 .home_blog_container {
    padding-bottom: 8rem;
}
section.home_sec_7 {
    padding-bottom: 6.09375rem;
}
.home_7_content {
    margin-bottom: 1.09375rem;
}
.home_sec_7 .partner_slider_box {
    padding: 0 2.083rem;
}
.home_sec_7 .swiper-pagination-bullet-active {
    background: rgba(25, 58, 27, 1);
}
.back_to_top button {
    margin: 0;
    width: 2.604rem;
    height: 2.604rem;
    border-radius: 100%;
    border: 1px solid rgba(41, 91, 50, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
}


.back_to_top .back_to_top svg {
    width: 100%;
    height: 100%;
    display: block;
}

span.back_to_top_svg {
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.back_to_top {
    position: fixed;
    right: 2%;
    bottom: 3%;
    z-index: 100;
}
.button_cta_fixed {
    position: fixed;
    z-index: 100;
    right: 2%;
    bottom: 10%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: end;
}

/*.button_cta_fixed_subscribe {*/
/*    margin-bottom: 1rem;*/
/*}*/
.button_cta_fixed_subscribe li {
    margin: 0;
}
.button_cta_fixed_subscribe ul li {
    padding: 0.521rem 0.833rem;
}
.button_cta_fixed_subscribe ul {
    background: rgba(41, 91, 50, 1);
    border-radius: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin: 0;
    cursor: pointer;
    padding: 0.521rem 0.833rem;
    width: fit-content;
    height:2.5rem;
}

.button_cta_fixed_subscribe ul:before{
    position: absolute;
    content: '';
    background: #DFA158;
    width: calc(100% + 0.5rem);
    height: calc(100% + 0.5rem);
    border-radius: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    animation: animation_zoom 1500ms ease-out infinite;
}
.button_cta_fixed_subscribe ul li {
    font-family: Bricolage Grotesque;
    font-size: 0.833rem;
    line-height: 1;
    color: rgba(255, 255, 255, 1);
}

.button_cta_fixed ul.button_cta_menu {

    background: rgba(41, 91, 50, 1);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    margin:0;
    cursor:pointer;
}

.button_cta_fixed ul.button_cta_menu:before{
    position: absolute;
    content: '';
    background: linear-gradient(180deg, #DFA158 0%, rgba(223, 161, 88, 0) 100%);
    width: 3.4375rem;
    height: 3.4375rem;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    animation: animation_360 5s linear infinite;
}
a.button_cta_menu_clicked {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    padding: .7rem;
}
span.button_cta_fixed_menu_closed {
    position: absolute;
    opacity: 0;
}

span.button_cta_fixed_menu {
    width: 1.25rem;
    height: 1.25rem;
}

span.button_cta_fixed_menu svg {
    width: 100%;
    height: 100%;
    display: block;
}

.button_cta_fixed li {
    margin: 0;
}
ul.button_cta_menu .button_cta_fixed_menu {
    opacity: 1;
    transition: .5s all;
}

ul.button_cta_menu.active .button_cta_fixed_menu {
    opacity: 0;
    transition: .5s all;
    transform: rotate(480deg);
}

ul.button_cta_menu.active .button_cta_fixed_menu_closed {
    opacity: 1;
    transition: .5s all;
    transform: rotate(360deg);
    height:1.25rem;
    width:1.25rem;
}
ul.button_cta_menu.active .button_cta_fixed_menu_closed svg {
    width: 100%;
    height: 100%;
    display: block;
}
.button_cta_fixed .button_cta_list {
    opacity: 1;
}

li.button_cta_item {
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    margin:1rem 0;
    position: relative;
}
li.button_cta_item:before{
    position: absolute;
    content: '';
    background: linear-gradient(180deg, #DFA158 0%, rgba(223, 161, 88, 0) 100%);
    width: 3.4375rem;
    height: 3.4375rem;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -1;
    animation: animation_360 5s linear infinite;
}
.button_cta_fixed ul.button_cta_list {
    margin: 0;
    list-style: none;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: .5s all;
}
.home_sec_1 .homeSlider img {
    width: 100%;
}
.home_sec_1 .swiper-pagination {
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 0;
    display: flex;
    gap: .2rem;
}
ul.button_cta_menu.active ul.button_cta_list {
    transform: translate(-50%,-118%)  scale(1);
    transition: .5s all;
}
.single_project_1 .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 1) !important;
}
.single_project_overview_main a {
    color: rgba(41, 91, 50, 1);
    text-decoration: underline;
}
.single_project_2_pattern {
    width: 19.479rem;
    right: 0;
    top: -25%;
    z-index: 2;
    background-repeat: no-repeat;
    background-size: contain;
    height: 26rem;
    position: absolute;
    pointer-events: none;
}
.single_project_3 {
    min-height: 47.917rem;
}
.single_project_fc{
    padding-top: 5.208rem;
}
section.single_project_fc {
    padding-top: 5.208rem;
}

.single_project_address_heading {
    padding: 0 18rem;
    text-align: center;
}
.single_project_address_image {
    margin-top: 2.396rem;
}
.single_project_fc .box_content {
    margin-top: 1.667rem;
}

.single_project_fc .box_title {
    margin-top: 0.885rem;
}
.single_project_address_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single_project_address_image {
    width: 100%;
    height: auto;
}
.single_project_5 {
    padding-top: 6.354rem;
}
.single_project_video_heading {
    padding: 0 18rem;
    text-align: center;
}
.single_project_5 .box_content {
    margin-top: 1.667rem;
}

.single_project_5 .box_title {
    margin-top: 0.885rem;
}
.single_project_video_image {
    margin-top: 2.292rem;
}
.single_project_video_image_button{
    width: 3.90625rem;
    height: 3.90625rem;
}
.single_project_video_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single_project_video_image {
    width: 100%;
    height: auto;
}
.video_image_button {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
span.border_patter {
    position: absolute;
    width: 7.552rem;
    height: 7.552rem;
    border: 1px solid white;
    border-radius: 100%;
    animation: animation_border 2s linear infinite;
    left: 50%;
    top: 50%;
}
.single_project_address_swiper {
    margin: 1.042rem -0.521rem 0 -0.521rem;
}
.single_project_address_swiper .swiper-slide {
    padding: 0 0.521rem;
}
.single_project_slider_bg {
    background: rgba(255, 248, 238, 1);
    padding: 2.604rem 1.979rem 3.646rem 1.667rem;
    border-radius: 20px;
    gap: 1.5625rem;
}
.single_project_slider_content {
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.25rem;
    color: rgba(41, 91, 50, 1);
}
.single_project_slider_image {
    width: 15.521rem;
    height: 9.375rem;
    flex: 0 0 auto;
    border-radius: 10px;
}
.single_project_slider_image img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}
.single_project_5 .swiper-scrollbar {
    position: unset;
    margin-top: 1.5625rem;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}
.single_project_5 .swiper-scrollbar-drag {
    background: rgba(41, 91, 50, 1);
}
section.single_project_6 {
    margin-top: 6.354rem;
}
.single_project_last_heading {
    padding: 0 18rem;
    text-align: center;
}
.single_project_6 .box_content {
    padding-top: 1.667rem;
}

.single_project_6 .box_title {
    margin-top: 0.885rem;
}
.single_project_last_image {
    margin-top: 2.292rem;
}
.single_project_last_mini_box {
    margin-top: 1.042rem;
    background: rgba(255, 248, 238, 1);
    padding: 3.125rem 23.4375rem 3.125rem 23.4375rem;
    gap: 1.5625rem;
}
.single_project_mini_image {
    width: 15.521rem;
    height: 9.375rem;
    flex: 0 0 auto;
}

.single_project_mini_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.single_project_mini_content {
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.4;
    color: rgba(41, 91, 50, 1);
}
.banner_default_option {
    min-height: 48.75rem;
    position: relative;
}

.banner_default_option h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    padding: 0 0.78125rem;
}
.blog_list_1{
    height: 48.75rem;
}
.blog_list_1 h1 {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    padding: 0 0.78125rem;
}

/*.blog_list_1 h1 span {*/
/*    font-weight: 400;*/
/*}*/

.blog_list_2{
    padding-top:7.8125rem;
}
.blog_list_2 .hot_blog_image_box img {
    width: 100%;
    height: 23.385rem;
    object-fit: cover;
    border-radius: 10px;
    transition: .5s all;
}
.hot_blog_heading {
    margin-bottom: 2.5rem;
}
.hot_blog_image_swiper {
    border-radius: 10px;
}
.blog_list_2 .hot_blog_image_box {
    width: 100%;
    /*height: 23.385rem;*/
    border-radius: 10px;
    overflow: hidden;
}
.swiper.hot_blog_content_swiper {
    left: -3%;
    bottom: -10%;
    background: rgba(25, 58, 27, 1);
    width: 24.6875rem;
    height: 12.448rem;
    border-radius: 10px;
}
.blog_list_2 .hot_blog_content {
    padding: 1.5625rem;
}
.blog_list_2 .hot_blog_content {
    padding: 1.5625rem;
}

.blog_detail_date_cate {
    display: flex;
    align-items: center;
    gap: 0.521rem;
}

.blog_detail_date {
    border-right: 1px solid rgba(69, 69, 69, 0.5);
    padding-right: 0.521rem;
}
.hot_blog_content .blog_detail_date {
    border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.blog_detail_date_cate {
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 0.833rem;
    line-height: 1.3;
    color: rgba(255, 255, 255, 0.5);
}
.hot_blog_title {
    margin-top: 0.573rem;
    font-family: Bricolage Grotesque;
    font-weight: 600;
    font-size: 1.458rem;
    line-height: 1.3;
    color: white;
}
.hot_blog_title a {
    color: white;
}
.blog_list_2 .swiper-pagination {
    width: fit-content;
    left: 6%;
    bottom: 10%;
    display: inline-flex;
}

.blog_list_2 span.swiper-pagination-bullet {
    background: rgba(255, 255, 255, 1);
    opacity: 50%;
    position: relative;
}
.blog_list_2 span.swiper-pagination-bullet-active{
    opacity:100%;
}


.hot_blog_list {
    display: flex;
    flex-direction: column;
    row-gap: 0.885rem;
    margin: 0 -0.521rem;
    height: 100%;
}

.hot_blog_item_image {
    width: 11.40625rem;
    height: 6.1875rem;
    flex: 0 0 auto;
    overflow: hidden;
    border-radius: 10px;
}

.hot_blog_item_image img {
    aspect-ratio: 338 / 213;
    border-radius: 10px;
    transition: .5s all;
}
.hot_blog_item:hover img {
    transform: scale(1.1);
    transition: .5s all;
}

.hot_blog_item {
    gap: 0.833rem;
    height: 6.55rem;
}
.hot_blog_content .blog_detail_date_cate {
    color: rgba(255, 255, 255, 0.5);
}
.blog_detail_date_cate {
    color: rgba(69, 69, 69, 0.5);
}
.blog_list_2 .hot_blog_item_content .blog_detail_date {
    border-right: 1px solid rgba(69, 69, 69, 0.5);
}
.blog_title {
    font-family: Bricolage Grotesque;
    font-weight: 600;
    font-size: 1.146rem;
    line-height: 1.3;
    color: rgba(69, 69, 69, 1);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-top: 0.417rem;
    transition: .5s all;
}
.hot_blog_item:hover .hot_blog_item_content .blog_title{
    color: rgba(41, 91, 50, 1);
    transition: .5s all;
}
.blog_list_2 .hot_blog_image_box:hover img {
    transform: scale(1.1);
    transition: .5s all;
}
.blog_list_2 .box_title {
    margin-top: 0.885rem;
}
section.blog_list_3 {
    padding-top: 5.573rem;
    padding-bottom:6.25rem;
}

.blog_list_heading {
    text-align: center;
}

.blog_list_heading .box_title {
    margin-top: 0.885rem;
}

.blog_list_category {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2.448rem;
}

.blog_list_category ul {
    list-style: none;
    margin: 0;
    text-transform: none;
    gap:0.729rem;
}

.blog_list_category ul li {
    margin: 0;
    color: rgba(41, 91, 50, 1);
    border: 0.5px solid rgba(41, 91, 50, 0.3);
    border-radius: 40px;
    transition: .5s all;
    cursor:pointer;
}
.sustainability_sec_4 .blog_list_category ul button {
    padding: 0.546875rem 1.25rem;
}
.blog_list_category ul button {
    margin: 0;
    text-transform: none;
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 1.3;
    padding:0;
}
.blog_list_category ul li.active {
    background: rgba(25, 58, 27, 1);
    color: white;
    border-radius: 40px;
}

.blog_list_category ul li.category_more_button {
    background: rgba(25, 58, 27, 1);
    border-radius: 100%;
}

.blog_list_category ul li.category_more_button {
    background: rgba(25, 58, 27, 1);
}
.blog_list_category li.category_cta {
    background: rgba(25, 58, 27, 1);
    width: 2.34375rem;
    height: 2.34375rem;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
li.category_cta:hover svg {
    transform: rotate(360deg);
    transition: .5s all;
}
.blog_list_category li.category_cta .category_cta_svg {
    width: 1.5rem;
    height: 1.5rem;
}

.blog_list_category li.category_cta .category_cta_svg svg {
    width: 100%;
    height: 100%;
    transition: .5s all;
    display: block;
}

.blog_list_category ul li:hover {
    background: rgba(25, 58, 27, 1);
    color: white;
    transition: .5s all;
}
.menu_product_1 li {
    padding: 0.546875rem 1.25rem !important;
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 1.3;
    color: rgba(41, 91, 50, 1);
    cursor: pointer;
    padding: 0.546875rem !important;
}
.blog_list_category ul li a {
    position: relative;
    z-index: 100000000;
    padding: 0.546875rem 1.25rem  !important;
}

.menu_product_2 li {
    width: 100% !important;
}
li.menu_all_blog {
    padding: 0.546875rem 1.25rem;
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 1.3;
    cursor: pointer;
}
/*ul.menu_category_list a {*/
/*    padding: 1rem !important;*/
/*}*/
.menu_product_2 li:hover a{
    color: rgba(41, 91, 50, 1) !important;
    transition: .5s all;
}

.menu_product_2 li:hover {
    background: none !important;
}
.blog_list_main {
    margin-top: 2.5rem;
    display: flex;
    justify-content: start;
    gap: 1.042rem;
    flex-wrap: wrap;
    position:relative;
    z-index:1;
}
.blog_list_category {
    position: relative;
    z-index: 100;
}
.blog_list_main .blog_item {
    width: calc(calc(100% / 4) - (1.042rem * 3 / 4));
}
.blog_list_main .blog_item .blog_image {
    aspect-ratio: 5 / 3;
    overflow: hidden;
    border-radius: 10px;
}

.blog_list_main .blog_item .blog_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    overflow: hidden;
    transition: .5s all;.
}
.blog_list_main .blog_title {
    margin-top: 0.573rem;
}

.blog_list_main .blog_detail_date_cate {
    margin-top: 1.354rem;
}
.blog_item:hover img {
    transform: scale(1.1);
    transition: .5s all;
}

.blog_item a{
    width: 100%;
    height: 100%;
    z-index: 2;
}

.blog_item:hover .blog_title {
    color: rgba(41, 91, 50, 1);
    transition: .5s all;
}
.blog_list_3 .box_cta_fill {
    margin-top: 2.604rem;
    display: flex;
    justify-content: center;
}
.single_post_1{
    height: 48.75rem;
}
.single_post_1 h1 {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 0 0.78125rem;
    padding: 19.479rem;
}
section.single_post_2 {
    padding-top: 8.125rem;
}
.single_post_2_pattern{
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: 100%;
    background-repeat: no-repeat;
}
.single_post_main_heading h2 {
    font-family: Bricolage Grotesque;
    font-weight: 800;
    font-size: 3.125rem;
    line-height: 1.4;
    color: rgba(25, 58, 27, 1);
}

.single_post_detail {
    margin-top: 0.833rem;
}

.single_post_main .single_post_date {
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 1.3;
    color: rgba(69, 69, 69, 0.5);
    padding-right: 0.833rem;
    margin-right: 0.833rem;
    border-right: 1px solid rgba(69, 69, 69, 0.5);
    gap: 0.208rem;
}

.single_post_main .single_post_category a{
    font-family: Bricolage Grotesque;
    font-weight: 600;
    font-size: 1.042rem;
    line-height: 1.3;
    color: rgba(223, 161, 88, 1);
}

.single_post_date_svg {
    width: 0.833rem;
    height: 0.833rem;
}

.single_post_date_svg svg {
    width: 100%;
    height: 100%;
    display: block;
}
.single_post_social_svg {
    width: 1.667rem;
    height: 1.667rem;
    padding: 0.417rem 0.521rem;
    background: rgba(25, 58, 27, 1);
    border-radius: 100%;
}

.single_post_social_svg {
    width: 1.667rem;
    height: 1.667rem;
}

.single_post_social {
    gap: 0.78125rem;
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 1.3;
    color: rgba(51, 51, 51, 1);
}
.single_post_social_svg svg {
    width: 100%;
    height: 100%;
    display: block;
}
.single_post_social_icon {
    gap: 0.417rem;
}
.single_post_main_content {
    margin-top: 1.667rem;
}
.single_post_main_content h2 {
    font-family: Bricolage Grotesque;
    font-weight: 700;
    font-size: 1.667rem;
    line-height: 1.3;
    color: rgba(51, 51, 51, 1);
}
.single_post_main_tags {
    margin-top: 1.667rem;
    padding-top: 1.667rem;
    border-top: 1px solid rgba(41, 91, 50, 0.1);
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 1.3;
    color: rgba(51, 51, 51, 1);
    gap:0.833rem;
}
.single_post_main_tags ul {
    margin: 0;
    list-style: none;
    gap: 0.833rem;
}

.single_post_main_tags li {
    margin: 0;
    border: 0.5px solid rgba(25, 58, 27, 1);
    border-radius: 40px;
    padding: 0.521rem 0.9375rem;
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 1.3;
    color: rgba(25, 58, 27, 1);
    transition: .5s all;
}

.single_post_main_tags li:hover {
    background: rgba(25, 58, 27, 1);
    color: white;
    transition: .5s all;
}
section.single_post_3 {
    margin-top: 2.396rem;
    padding: 7.5rem 0;
}
.single_post_related.heading.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-backface-hidden {
    text-align: center;
}

.single_post_3 .box_title {
    margin-top: 0.885rem;
}

.single_post_list {
    margin: 2.5rem -0.521rem 0 -0.521rem;
}
.single_post_list .swiper-pagination .swiper-pagination-bullet-active {
    background: rgba(25, 58, 27, 1);
}
.single_post_3 .blog_item {
    padding: 0 0.521rem;
}

.single_post_related .blog_detail_date_cate {
    margin-top: 1.354rem;
}
.single_post_related.blog_image {
    border-radius: 10px;
}

.single_post_related .blog_image {
    border-radius: 10px;
    overflow: hidden;
    aspect-ratio: 338 / 213;
}

.single_post_related .blog_item:hover img {
    transform: scale(1.1);
    transition: .5s all;
}

.single_post_related .blog_image img {
    transition: .5s all;
    width: 100%;
    height:100%;
    object-fit: cover;
}

.single_post_3 .blog_item:hover .blog_title {
    color: rgba(41, 91, 50, 1);
    transition: .5s all;
}

.single_post_3 .blog_title {
    padding-right: 3.021rem;
}
.blog_slider_arrow {
    position: absolute;
    top: 25%;
}

.blog_slider_arrow.left {
    left: -5%;
}

.blog_slider_arrow.right {
    right: -5%;
}
.blog_slider_arrow .arrow_svg {
    width: 1.25rem;
    height: 1.25rem;
}

.blog_slider_arrow .arrow_svg svg {
    width: 100%;
    height: 100%;
    display: block;
    transition: .5s all;
}

.blog_slider_arrow {
    width: 2.083rem;
    height: 2.083rem;
    border: 1px solid rgba(25, 58, 27, 1);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    cursor: pointer;
    animation: appearance 1.5s;
}
.blog_slider_arrow:hover {
    background: rgba(25, 58, 27, 1);
    transition: .5s all;
}

.blog_slider_arrow:hover svg path {
    stroke: white;
    transition: .5s all;
}
.single_post_related a{
    width: 100%;
    height: 100%;
    z-index: 1;
}
.recruitment_sec_1{
    height: 48.75rem;
}
.recruitment_sec_1 h1 {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding:0 0.521rem;
}
section.recruitment_sec_2 {
    padding-top: 5.625rem;
}
.recruitment_about_heading .box_title {
    margin-top: 0.885rem;
}
.recruitment_about_heading .box_content {
    margin-top: 1.042rem;
}
.recruitment_about_heading {
    padding: 0 11.354rem;
}
section.recruitment_sec_5 {
    margin-top: 6.615rem;
}
.recruitment_sec_5 .recruitment_job_heading {
    padding: 0 12.396rem;
}
.recruitment_sec_5 .box_title {
    margin-top: 0.885rem;
}

.recruitment_sec_5 .box_content {
    margin-top: 1.302rem;
}

.recruitment_sec_5 .box_search {
    margin-top: 2.083rem;
}
.recruitment_sec_5 .box_search label {
    background: white;
    border-radius: 40px;
    border: 1px solid rgba(41, 91, 50, 0.3);
    padding: 0 0.521rem;
}
.recruitment_sec_5 .box_search input {
    margin: 0;
    border: none;
    border-radius: 40px;
    box-shadow: none;
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 1.3;
    color: rgba(69, 69, 69, 0.5);
}
.recruitment_sec_5 span.search_icon {
    background: rgba(41, 91, 50, 1);
    width: 2.083rem;
    height: 2.083rem;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: .5s all;
}
.recruitment_sec_5 span.search_icon:hover{
    background:rgba(223, 161, 88, 1);
    transition:  .5s all;
}

.recruitment_sec_5 span.search_icon_svg {
    width: 0.9375rem;
    height: 0.9375rem;
}

.recruitment_sec_5 span.search_icon_svg svg {
    width: 100%;
    height: 100%;
    display: block;
}
.recruitment_job_list {
    margin-top: 2.083rem;
}
.recruitment_job_item {
    padding: 1.09375rem 3.021rem 1.354rem 2.396rem;
    border-radius: 10px;
    transition: .5s all;

}
.recruitment_job_item:hover{
    background: rgba(223, 161, 88, 0.1);
    transition: .5s all;
}
.recruitment_job_item_wrap {
    padding-top: 0.78125rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.recruitment_job_item_wrap:last-child {
    padding-bottom: 0.78125rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.recruitment_job_item_wrap:not(:first-child) {
    margin-top: 0.78125rem;
}
.recruitment_job_item_title {
    font-family: Bricolage Grotesque;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.3;
    color: rgba(68, 68, 68, 1);
}

.recruitment_job_item_department {
    margin-top: 0.46875rem;
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 0.833rem;
    line-height: 1.3;
    color: rgba(0, 0, 0, 0.5);
}

.recruitment_job_item_detail {
    margin-top: 0.46875rem;
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 0.833rem;
    line-height: normal;
    color: rgba(0, 0, 0, 0.5);
    gap:1.354rem;
}

.recruitment_job_item_detail span {
    font-weight: 700;
}
.recruitment_job_item_detail_date, .recruitment_job_item_detail_address, .recruitment_job_item_detail_category {
    gap: 0.417rem;
}
.recruitment_job_item_date_icon {
    width: 0.729rem;
    height: 0.729rem;
}

.recruitment_job_item_date_icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

.recruitment_job_item_address_icon {
    width: 0.573rem;
    height: 0.729rem;
}

.recruitment_job_item_address_icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

.recruitment_job_item_category_icon {
    width: 1.042rem;
    height: 1.042rem;
}

.recruitment_job_item_category_icon  svg {
    width: 100%;
    height: 100%;
    display: block;
}
.recruitment_job_item_left {
    max-width: 53.49rem;
}
.recruitment_sec_5 .box_cta_fill {
    margin-top: 3.125rem;
    display: flex;
    justify-content: center;
}
.recruitment_sec_6{
    margin-top: 3.125rem;
    height: 36.146rem;
}
section.recruitment_sec_6:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    background: linear-gradient(180deg, #FFFCF9 3.5%, rgba(255, 252, 249, 0.97061) 8.38%, rgba(255, 252, 249, 0.945373) 12.8%, rgba(255, 252, 249, 0.910935) 17.91%, rgba(255, 252, 249, 0.883241) 23.01%, rgba(255, 252, 249, 0.848101) 28.12%, rgba(255, 252, 249, 0.818655) 33.11%, rgba(255, 252, 249, 0) 100%);
    width: 100%;
    height: 19.21875rem;
}

.sustainability_sec_1{
    min-height: 48.75rem;
}

.sustainability_sec_1 h1{
    left: 50%;
    top: 50%;
    transform:translate(-50%, -50%);
    padding: 0 0.78125rem;
    text-align: center;
}
section.sustainability_sec_2 {
    padding-top: 6.5625rem;
}
.sustainability_sec_2 .box_content {
    line-height: 1.5;
}
.sustainability_commit {
    padding-bottom: 23rem;
}
.sustainability_commit .box_title {
    margin-top: 0.885rem;
}

.sustainability_commit .box_content {
    margin-top: 1.042rem;
}

.sustainability_commit_heading {
    padding: 0 12.24rem;
}
.sustainability_commit_count {
    margin-top: 2.604rem;
    gap: 5.208rem;
}
span.sustainability_commit_count_number_box {
    color: rgba(41, 91, 50, 1);
    transition:.5s all;

}
.sustainability_commit_count_number {
    font-family: Bricolage Grotesque;
    font-weight: 600;
    font-size: 4.6rem;
    line-height: 1;
    color: rgba(41, 91, 50, 1);
}
.sustainability_commit_bottom {
    margin-top: 2.604rem;
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 0.833rem;
    line-height: 1.3;
    color: rgba(41, 91, 50, 1);
}
.sustainability_commit_count_number:hover span {
    color: rgba(223, 161, 88, 1);
    transition:.5s all;
}
.sustainability_commit_bottom {
    padding-bottom: 2.5rem;
}
.sustainability_commit_count_content {
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 1.3;
    color: rgba(69, 69, 69, 1);
    margin-top:0.78125rem;
}
section.sustainability_sec_2:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 20.15625rem;
    background: linear-gradient(
            180deg, #FFFCF9 5.77%, rgba(255, 252, 249, 0.9) 46.63%, rgba(255, 252, 249, 0.565269) 73.08%, rgba(255, 252, 249, 0) 100%);
}
section.sustainability_sec_2:after {
    position: absolute;
    content: '';
    bottom: -1%;
    left: 0;
    width: 100%;
    height: 14.792rem;
    background: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgba(255, 252, 249, 0.565269) 26.92%, rgba(255, 252, 249, 0.729592) 53.37%, #FFFCF9 94.23%);
}
.sustainability_commit .box_content b,
.sustainability_commit .box_content strong {
    font-weight: 700;
    color: rgba(25, 58, 27, 1);
}
.sustainability_work_heading {
    padding: 0 14.479rem;
}

section.sustainability_sec_3 {
    padding-top: 1.302rem;
}

.sustainability_work_list {
    padding-top: 2.917rem;
}
.sustainability_work_item {
    height: 41.667rem;
}
.sustainability_work_item_image {
    width: 100%;
    height: 41.667rem;
}
.sustainability_work_item_image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.sustainability_work_item_content {
    width: 100%;
    top: 15%;
    z-index: 9;
}
.sustainability_work_item_content_left {
    width: auto;
    height: 9.896rem;
    flex: 0 0 auto;
    transform: translateY(-3.854rem);
}
.sustainability_work_item_number {
    font-family: Bricolage Grotesque;
    font-weight: 700;
    font-size: 15.625rem;
    line-height: normal;
    background: linear-gradient(180deg, #FFFFFF 23.18%, rgba(255, 255, 255, 0) 77.33%);
    -webkit-background-clip: text;
    color: transparent;
    opacity: 60%;
}
.sustainability_work_item_content_left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sustainability_work_item_content_title {
    font-family: Bricolage Grotesque;
    font-weight: 700;
    font-size: 2.667rem;
    line-height: 1.3;
    color: rgba(255, 255, 255, 1);
}
.sustainability_work_item_content_text {
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 1.3;
    color: rgba(255, 255, 255, 1);
    margin-top: 0.78125rem;
}

.sustainability_work_item_content_wrap {
    gap: 1.042rem;
    z-index: 1;
    width: 100%;
    padding: 0 calc(calc(100vw - 72rem)/2);
    justify-content: space-between;
}
.sustainability_work_item_content_wrap:before {
    position: absolute;
    content: '';
    background: radial-gradient(50% 50% at 50% 50%, rgba(25, 58, 27, 0.7) 0%, rgba(25, 58, 27, 0) 100%);
    filter: blur(100px);
    width: 42.76rem;
    height: 16.5625rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.sustainability_work_item:nth-child(even) .sustainability_work_item_content {
}
section.sustainability_sec_4 {
    padding-top: 7.1875rem;
    padding-bottom: 6.25rem;
}

.sustainability_blog_heading .box_title {
    margin-top: 0.885rem;
}
.sustainability_blog_list {
    margin-top: 2.5rem;
}
.sustainability_blog_list .swiper-pagination-bullet-active {
    background: rgba(41, 91, 50, 1);
}

.sustainability_blog_list .swiper-pagination {
    position: unset;
    margin-top: 1rem;
}
.sustainability_blog_list .blog_item {
    padding: 0 0.521rem;
}

.swiper.sustainability_blog_slider {
    margin: 0 -0.521rem;
}
.sustainability_blog_slider .blog_image {
    aspect-ratio: 338 / 213;
    border-radius: 10px;
    overflow: hidden;
    transition: .5s all;
}

.sustainability_blog_slider .blog_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    transition: .5s all;

}

.sustainability_blog_list .blog_detail_date_cate {
    margin-top: 1.302rem;
}
.profile_sec_1{
    min-height: 37.1875rem;
}
.profile_sec_1 h1 {
    top: 50%;
    left:50%;
    transform: translate(-50%,-50%);
    padding: 0 0.78125rem;
    text-align: center;
}
section.profile_sec_1:before {
    position: absolute;
    content: '';
    width: 100%;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(255, 252, 249, 0) 0%, #FFFCF9 100%);
    height: 12.65625rem;
}
.profile_ceo_image {
    width: 75%;
    height: 18.333rem;
    flex: 0 0 auto;
    overflow:hidden;
}
section.profile_sec_2 {
    padding-bottom: 6.25rem;
}
.profile_members_list .profile_member_item:nth-child(4n+3), .profile_members_list .profile_member_item:nth-child(4n+4) {
    flex-direction: row-reverse;
}
.profile_members_list .profile_member_item:nth-child(4n+3), .profile_members_list .profile_member_item:nth-child(4n+4) {
    flex-direction: row-reverse;
}
.profile_members_list .profile_member_item:nth-child(4n+2) .profile_detail , .profile_members_list .profile_member_item:nth-child(4n+3) .profile_detail{
    background: rgba(244, 244, 238, 1);
}
.profile_members_list .profile_member_item:nth-child(4n+1) .profile_detail_icon , .profile_members_list .profile_member_item:nth-child(4n+2) .profile_detail_icon{
    margin-left: auto;
    transform:rotateY(180deg);
}
.profile_ceo_image img {
    width: 100%;
    height: 100%;
    object-position: top;
    object-fit: cover;
    transition: .5s all;
}
.profile_ceo:hover .profile_ceo_image img, .profile_member_item:hover .profile_member_item_image img  {
    transform: scale(1.1);
    transition: .5s all;
}
.profile_detail {
    background: #FFF8ED;
    width: 25%;
    padding: 8.021rem 1.979rem 2.604rem 2rem;
    height: 18.333rem;
    display: flex;
    flex-direction: column;
    justify-content: end;
    position: relative;
}
.profile_detail:before {
    position: absolute;
    content: '';
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #193A1B 0%, #295B32 100%);
    opacity: 0;
    transition: .5s all;
}
.profile_ceo:hover .profile_detail:before, .profile_member_item:hover .profile_detail:before {
    opacity: 1;
    transition: .5s all;
}
.profile_detail_icon {
    width: 3.59375rem;
    height: 3.177rem;
    position: relative;
    z-index: 1;
}

.profile_detail_icon svg {
    width: 100%;
    height: 100%;
    display: block;
    transition: 15s all;

}
.profile_ceo .profile_detail_icon svg path, .profile_member_item .profile_detail_icon svg path {
    transition: .5s all;
}
.profile_ceo:hover  .profile_detail_icon svg path, .profile_member_item:hover .profile_detail_icon svg path {
    fill: rgba(255, 255, 255, 1);
    transition: .5s all;
}

.profile_name {
    font-family: Bricolage Grotesque;
    font-weight: 600;
    font-size: 1.667rem;
    line-height: 1.3;
    color: rgba(41, 91, 50, 1);
    margin-top: 1.042rem;
    position: relative;
    z-index: 1;
    transition: .5s all;
}

.profile_position {
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 1.3;
    color: rgba(51, 51, 51, 1);
    margin-top: 0.521rem;
    position: relative;
    z-index: 1;
    transition: .5s all;

}
.profile_ceo:hover .profile_name, .profile_member_item:hover .profile_name {
    color: white;
    transition: .5s all;
}

.profile_ceo:hover .profile_position, .profile_member_item:hover .profile_position {
    color: white;
    transition: .5s all;
}
.profile_member_item {
    width: calc(100% / 2);
}

.profile_member_item .profile_detail {
    width: 50%;
    cursor: pointer;
}

.profile_member_item .profile_member_item_image {
    width: 50%;
    height: 18.333rem;
    overflow: hidden;
    transition: .5s all;
}
.profile_member_item .profile_member_item_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    transition: .5s all;

}
.profile_member_row {
    width: 100%;
}
.profile_members_list .profile_member_row:nth-child(odd) svg{
    transform: rotateY(180deg);
}
.profile_members_list .profile_member_row:nth-child(even) .profile_member_item .profile_detail {
    order: 1;
    background: rgba(244, 244, 238, 1);
}
.profile_list .box_cta_fill {
    margin-top: 2.604rem;
    display: flex;
    justify-content: center;
}
.contact_sec_1{
    min-height: 48.75rem;
}
.contact_sec_1 h1{
    left: 50%;
    top: 50%;
    transform:translate(-50%,-50%);
    padding: 0 0.78125rem;
    text-align: center;
}
section.contact_sec_2 {
    margin-top: 6.771rem;
}
.contact_sec_2 .row {
    z-index: 2;
    position: relative;
}
.contact_heading {
    padding: 4.167rem 7.8125rem 0rem 7.8125rem;
}
.contact_item {
    width: calc(calc(100% / 3 - (1.042rem * 2 /3)));
    padding: 1.667rem;
    background: rgba(244, 244, 239, 1);
    border-radius: 10px;
    transition: .5s all;
    position: relative;
    z-index: 1;
    /*cursor: pointer;*/
}


a.contact_item_address {
    color: rgba(69, 69, 69, 1);
    transition: .5s all;
}
.contact_item:hover a{
    color: white;
    transition: .5s all;

}

.contact_list {
    column-gap: 1.042rem;
    row-gap: 1.5625rem;
    margin-top: 3.4375rem;
    max-height: 32rem;
    overflow-y: auto;
    margin-right: -2rem;
    padding-right: 1.927rem;
}
.contact_item_title {
    font-family: Bricolage Grotesque;
    font-weight: 700;
    font-size: 1.667rem;
    line-height: 1.3;
    color: rgba(69, 69, 69, 1);
    transition: .5s all;
    z-index: 1;
    position: relative;
}

.contact_item_content {
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 1.3;
    color: rgba(69, 69, 69, 1);
    margin-top: 0.833rem;
    transition: .5s all;
    z-index: 1;
    position: relative;
}

.contact_item:hover {
    transition: .5s all;
}

.contact_item:hover .contact_item_title {
    color: white;
    transition: .5s all;
}

.contact_item:hover .contact_item_content {
    color: white;
    transition: .5s all;
}
.contact_item:before {
    position: absolute;
    content: '';
    background: linear-gradient(180deg, #193A1B 0%, #295B32 100%);
    opacity: 0;
    transition: .5s all;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    z-index: 1;
}
.contact_item:hover:before {
    opacity: 1;
    transition: .5s all;
}

.contact_list::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.contact_list::-webkit-scrollbar
{
    width: 0.22rem;
    background-color: #cedbff;
}

.contact_list::-webkit-scrollbar-thumb
{
    background-color: rgba(41, 91, 50, 1);
}
.contact_sec_2_pattern {
    position: absolute;
    content: '';
    left: 50%;
    top:50%;
    transform:translate(-50%,-50%);
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.contact_sec_3{
    padding-top: 4.6875rem;
    padding-bottom: 6.771rem;
}
.contact_form_container{
    background: #F4F4EE;
    border-radius: 10px;
    padding:4.479rem 12.5rem;
}
.contact_form_heading h2 {
    color: rgba(25, 58, 27, 1);
}
.contact_form_wrap input:focus {
    background: none;
    box-shadow: none;
}
.contact_form_wrap input{
    background: none;
}
.contact_form_wrap textarea{
    border: 1px solid rgba(69, 69, 69, 0.3);
    background: none;
}
.contact_form_wrap textarea:focus{
    box-shadow:none;
    border-color:rgba(41, 91, 50, 1);
    background:none;
}
.contact_form_heading .box_content {
    margin-top: 1.042rem;
    margin-bottom: 1.51rem;
}
.contact_form_wrap {
    margin-top: 1.5625rem;
}
.contact_form_wrap .col {
    padding-bottom: 0;
}

.wpcf7 label {
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 1.3;
}

.wpcf7 label span {
    color: red;
}
.wpcf7-form-control-wrap input {
    padding: 0.625rem 1.25rem;
    border-radius: 24px;
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 1.3;
    color: rgba(51, 51, 51, 1);
    box-shadow: none;
    border: 1px solid rgba(69, 69, 69, 0.3);
}
.popup_form_apply input {
    background: none;
}

.popup_form_apply input:focus {
    background: none;
    box-shadow: none;
}
.popup_form_apply textarea {
    background: none;
}

.popup_form_apply textarea:focus {
    background: none;
    box-shadow: none;
    border-color:rgba(41, 91, 50, 1);

}
.wpcf7-form-control-wrap input:focus {
    border: 1px solid rgba(41, 91, 50, 1);
}
.wpcf7-form-control-wrap textarea {
    padding: 0.625rem 1.25rem;
    border-radius: 10px;
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 1.3;
    color: rgba(51, 51, 51, 1);
}

.contact_form_wrap .box_cta_fill {
    display: flex;
    justify-content: center;
    margin-top:0.833rem;
}



.contact_popup {
    background: rgba(255, 248, 238, 1);
    border-radius: 10px;
}

a.contact_popup_address_cta_svg:hover {
    transform: scale(1.1);
    transition: .5s all;
}
a.contact_popup_address_cta_svg{
    transition: .5s all;
}
div#contact_popup {
    background: rgba(255, 248, 238, 1);
    padding: 1.979rem 1.823rem;
    cursor: default;
}
.contact_popup_wrap_title {
    font-family: Bricolage Grotesque;
    font-weight: 700;
    font-size: 1.667rem;
    line-height: 1.3;
    color: rgba(41, 91, 50, 1);
}

.contact_popup_map {
    width: 100%;
    height: 23.4375rem;
    margin-top: 1.5625rem;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
}

.contact_popup_map img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;

}

.contact_popup_address {
    margin-top: 0.78125rem;
}

.contact_popup_address_title {
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 0.833rem;
    line-height: 1.3;
    color: rgba(102, 102, 102, 1);
}

.contact_popup_address_detail {
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 1.3;
    color: rgba(69, 69, 69, 1);
    margin-top: 0.521rem;
}
.contact_popup_address_cta {
    margin-top: 0.78125rem;
}

.cta_with_arrow {
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 0.885rem;
    line-height: 1.3;
    color: rgba(41, 91, 50, 1);
    gap: 0.417rem;
    transition: .5s all;
}

.cta_with_arrow_svg {
    width: 1.25rem;
    height: 1.25rem;
    transition: .5s all;
}

.cta_with_arrow_svg  svg {
    width: 100%;
    height: 100%;
    display: block;
}

.contact_popup_address_cta_right {
    gap: 0.78125rem;
}

.contact_popup_address_cta_svg {
    width: 2.604rem;
    height: 2.604rem;
}

.contact_popup_address_cta_svg svg {
    width: 100%;
    height: 100%;
    display: block;
}

.cta_with_arrow:hover {
    color: rgba(223, 161, 88, 1);
    transition: .5s all;
}

.cta_with_arrow:hover svg path {
    stroke: rgba(223, 161, 88, 1);
    transition: .5s all;
}

.cta_with_arrow svg path {
    transition: .5s all;
}
.profile_popup_heading_background {
    top: 0;
    left: 0;
    width: 52.083rem;
    height: 10.677rem;
}
.profile_popup_info {
    margin-top: 1.042rem;
    padding: 0 5.7rem 2.135rem 5.7rem;

}
.profile_popup_info_heading{
    gap: 1.71875rem;

}

div#profile_popup {
    width: 52.083rem;
    padding:0;
}
.profile_popup_info_left {
    width: 7.8125rem;
    height: 10.417rem;
}

.profile_popup_info_left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile_popup_info_title {
    font-family: Bricolage Grotesque;
    font-weight: 600;
    font-size: 2.604rem;
    line-height: 1.3;
    color: rgba(41, 91, 50, 1);
}

.profile_popup_info_position {
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.3;
    color: rgba(223, 161, 88, 1);
}
.profile_popup_info_cta {
    margin-top: 2.2rem;
}
.profile_popup_info_email {
    font-family: Bricolage Grotesque;
    font-weight: 500;
    font-size: 0.9375rem;
    line-height: 1.3;
    color: rgba(69, 69, 69, 1);
    gap: 0.521rem;
}

.profile_popup_email_svg {
    width: 1.25rem;
    height: 1.25rem;
}

.profile_popup_email_svg  svg {
    width: 100%;
    height: 100%;
    display: block;
}

.profile_popup_info_cta_social {
    margin-top: 0.78125rem;
    gap: 2.083rem;
}

.profile_popup_info_cta_item {
    gap: 0.417rem;
    font-family: 'Bricolage Grotesque';
    font-weight: 400;
    font-size: 0.9375rem;
    line-height: 1.3;
    color: rgba(69, 69, 69, 1);
}

.profile_cta_svg {
    width: 1.25rem;
    height: 1.25rem;
}

.profile_cta_svg svg {
    width: 100%;
    height: 100%;
    display: block;
}
.profile_popup_content.box_content {
    margin-top: 1.875rem;
    max-height: 15rem;
    overflow-y: auto;
    padding-right: 1.875rem;
    margin-right: -3.28125rem;
}

.profile_popup_content.box_content::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.profile_popup_content.box_content::-webkit-scrollbar
{
    width: 0.2rem;
    background-color: #cedbff;
}

.profile_popup_content.box_content::-webkit-scrollbar-thumb
{
    background-color: rgba(41, 91, 50, 1);
}
.profile_popup_info .fancybox-slide--html .fancybox-close-small svg path {
    stroke: white !important;
    opacity: 100%;
    fill: white;
}

.profile_popup .fancybox-close-small {
    padding: 0;
    width: 1.667rem;
    height: 1.667rem;
    right: 3%;
    top: 3%;
}
.profile_popup .fancybox-close-small  svg{
    width: 100%;
    height: 100%;
    display: block;
}
.profile_popup .fancybox-button svg path {
    fill: white !important;
    opacity: 100%;
}
div#profile_popup {
    cursor: default;
}
.profile_popup_info_left:before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: .5s all;
}

.profile_popup_info_left:hover:before {
    opacity: 1;
    transition: .5s all;
}
.profile_popup_info_image_download {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    opacity: 0;
    transition: .5s all;
    width: 1.667rem;
    height: 1.667rem;
}

.profile_popup_info_left:hover .profile_popup_info_image_download {
    opacity: 1;
    transition: .5s all;
}
a.profile_popup_info_image_download_svg svg {
    width: 100%;
    height: 100%;
    display: block;
}

.about_formed_slider .swiper-slide.swiper-slide-active {
    position: relative;
    z-index: 5;
}
.swiper.about_formed_slider:before {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    background: rgba(255, 248, 238, 1);
    /*width: 60.417rem;*/
    width:55rem;
    height: 18.646rem;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    box-shadow: 0 0 0.521rem 0 rgba(0, 0, 0, 0.1);

}
.about_5_slider {
    flex-direction: row-reverse;
}

.about_formed_slide_wrap {
    background: rgba(255, 248, 238, 1);
    padding: 2.083rem;
    box-shadow: 0 0 0.521rem 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    z-index: 10;
    /*width: 56.354rem;*/
    width:51.354rem;
    height: 23.4375rem;
    position: relative;
    margin: 0 auto;
    gap:2.604rem;
}
.about_formed_slide_left {
    width: 50%;
    height: 18.542rem;
    border-radius: 10px;
}

.about_formed_slide_left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.about_formed_slide_right {
    width: 50%;
}
.about_5_slider {
    gap: 2rem;
    margin-top: 2.396rem;
}

.about_formed_pagination .swiper-pagination {
    position: relative;
    display: flex;
    flex-direction: column;
    row-gap: 3.125rem;
    transform: unset;
    right: 0;
    left: 0;
    top: 0;
}
.about_formed_pagination .swiper-pagination:before {
    width: 1px;
    height: 110%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(0, 0, 0, 0.1);
    position: absolute;
    content: '';
}
.about_formed_pagination {
    width: 13.854rem;
    flex: 0 0 auto;
    flex-direction: row-reverse;
    position: relative !important;
}
.about_formed_year_slider {
    font-family: Bricolage Grotesque;
    font-weight: 700;
    font-size: 1.3rem;
    line-height: normal;
    text-align: right;
    color: rgba(217, 217, 217, 1);
    height: 22.1875rem;
    width:13rem;
    margin-left:auto;
    /*padding-top:8.333rem;*/
    margin-right:0;
}
.about_formed_year_slider .swiper-slide-active:before {
    background: rgba(41, 91, 50, 1) !important;
}
.about_formed_year_slider .swiper-slide-active {
    font-family: Bricolage Grotesque;
    font-weight: 700;
    font-size: 1.7rem;
    line-height: normal;
    color: rgba(41, 91, 50, 1);
}
.about_formed_slide_title {
    color: rgba(41, 91, 50, 1);
    font-family: Bricolage Grotesque;
    font-weight: 700;
    font-size: 1.667rem;
    line-height: normal;
}

.about_formed_content_slide_content {
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 1.5;
    color: rgba(69, 69, 69, 1);
    margin-top: 0.833rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
    text-align: justify;
}

.about_formed_content_slide_cta {
    margin-top: 1.615rem;
}
.about_formed_pagination .swiper-pagination-bullet-active {
    background: rgba(41, 91, 50, 1) !important;
}

.about_formed_pagination span.swiper-pagination-bullet.swiper-pagination-bullet {
    background: rgba(217, 217, 217, 1);
    opacity: 100%;
    position: relative;
    z-index: 5;
    transition: .5s all;
}
.about_formed_year_slider .swiper-slide {
    /*height: 2.604rem !important;*/
    transition: .5s all;
    display: flex;
    justify-content: end;
    align-items: center;
    cursor: pointer;
}
.about_formed_year_slider .swiper-slide:hover {
    font-weight: 700;
    font-size: 1.7rem;
    line-height: normal;
    color: rgba(41, 91, 50, 1);
}
.about_formed_year_slider .swiper-wrapper {
    /*display: flex;*/
    /*flex-direction: column;*/
    /*row-gap: 1.042rem;*/
    /*justify-content: center;*/
}
.about_formed_pagination_arrow {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
}

.about_formed_pagination_arrow svg {
    width: 100%;
    height: 100%;
    display: block;
}

.about_formed_pagination_arrow.top {
    top: -11%;
}

.about_formed_pagination_arrow.bot {
    bottom: -11%;
}
.swiper.about_formed_slider {
    padding: 1rem 0;
    /*width: 60.9375rem;*/
    width:55rem;
    flex: 0 0 auto;
}

.single_recruitment_1{
    min-height: 48.75rem;
}

.single_recruitment_1 h1{
    top:50%;
    left: 50%;
    transform:translate(-50%,-50%);
    text-align: center;
    padding: 0 0.78125rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
section.single_recruitment_2 {
    padding-top: 7.8125rem;
}

.single_recruitment_detail_left {
    width: 60%;
    flex: 0 0 auto;
    background: rgba(41, 91, 50, 0.05);
    padding: 2.5rem;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.single_recruitment_benefit_icon {
    width: 1.25rem;
    height: 1.25rem;
}

.single_recruitment_benefit_icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.single_recruitment_detail_right {
    width: 40%;
    flex: 0 0 auto;
    background: linear-gradient(180deg, #193A1B 0%, #295B32 100%);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 2.5rem;
}


.single_recruitment_detail {
    border-radius: 10px;
}

.single_recruitment_description {
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 1.3;
    color: rgba(69, 69, 69, 1);
    margin-top: 24px;
    border-left: 2px solid rgba(69, 69, 69, 1);
    padding-left: 0.833rem;
}

.single_recruitment_require_list {
    margin-top: 2.5rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(41, 91, 50, 0.1);
    flex-wrap:wrap;
    column-gap: 3.542rem;
    row-gap: 1rem;
}

.single_recruitment_require_title {
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 1.3;
    color: rgba(69, 69, 69, 0.5);
}
li.button_cta_item a {
    padding: .2rem;
    width: 2.6rem;
    height: 2.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.single_recruitment_require_content {
    font-family: Bricolage Grotesque;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.3;
    color: rgba(41, 91, 50, 1);
    margin-top: 0.417rem;
}

.single_recruitment_require_date_social {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
    border-top: 1px solid rgba(41, 91, 50, 0.1);
}

.single_recruitment_date {
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 1.3;
    color: rgba(69, 69, 69, 1);
}

.single_recruitment_date span {
    color: rgba(25, 58, 27, 1);
}

.single_recruitment_share {
    gap: 0.417rem;
}

.single_recruitment_share_icon {
    width: 1.667rem;
    height: 1.667rem;
}

.single_recruitment_share_icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

ul.single_recruitment_detail_benefit {
    list-style: none;
    margin-bottom: 0;
    flex-direction: column;
    row-gap: 0.78125rem;
    margin-top: 1.667rem;
}

ul.single_recruitment_detail_benefit li {
    margin: 0;
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 1.3;
    color: white;
    gap: 0.521rem;
}
.popup_subscribe_home textarea {
    padding: 0;
    border: none;
    border-bottom: 1px solid rgba(69, 69, 69, 0.3);
    box-shadow: none;
    border-radius: 0;
    min-height: 2.6rem;
}
button.disabled {
    background: #aaa;
    cursor: not-allowed;
    opacity: 0.7;
}
.single_recruitment_benefit_title{
    font-family: Bricolage Grotesque;
    font-weight: 700;
    font-size: 1.667rem;
    line-height: 1.3;
    color: white;
}
h2.single_recruitment_title span {
    font-weight: 700;
}
section.single_recruitment_3 {
    padding-top: 6.667rem;
    padding-bottom: 5.625rem;
}

.single_recruitment_job_title {
    width: 13.021rem;
    flex: 0 0 auto;
    font-family: Bricolage Grotesque;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.3;
    color: rgba(69, 69, 69, 1);
}

.single_recruitment_job_item {
    gap: 1.667rem;
}

.single_recruitment_job_content {
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 1.4;
    color: rgba(69, 69, 69, 1);
    width: 33.073rem;
    flex: 0 0 auto;
}

.single_recruitment_job_list {
    display: flex;
    flex-direction: column;
    row-gap: 1.667rem;
}

.single_recruitment_job_item {
    padding-bottom: 1.667rem;
    border-bottom: 1px solid rgba(41, 91, 50, 0.1);
}

.single_recruitment_apply {
    margin-top: 2.604rem;
    background: rgba(223, 161, 88, 0.2);
    padding: 1.5625rem;
    border-radius: 10px;
    transition: .5s all;
}

.single_recruitment_apply:hover .single_recruitment_apply_content{
    color: rgba(41, 91, 50, 1);
    transition: .5s all;
}
.single_recruitment_apply:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    background: linear-gradient(180deg, #193A1B 0%, #295B32 100%);
    opacity: 1;
    transition: .5s all;
    border-radius: 10px;
}
.single_recruitment_apply:hover:before {
    opacity: 0;
    transition: .5s all;
}
.single_recruitment_apply_content {
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.3;
    color: rgba(255, 255, 255, 1);
    max-width: 31.042rem;
    flex: 0 0 auto;
    z-index: 10;
}

.single_recruitment_apply_content span {
    font-weight: 700;
}
.single_recruitment_apply_cta .box_cta_fill button {
    background: rgba(223, 161, 88, 1);
}
.single_recruitment_more_job {
    background: rgba(223, 161, 88, 0.05);
    padding: 1.667rem;
    border-radius: 10px;
}

.single_recruitment_more_job_title {
    font-family: Bricolage Grotesque;
    font-weight: 800;
    font-size: 1.667rem;
    line-height: 1.3;
    color: rgba(223, 161, 88, 1);
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid rgba(41, 91, 50, 0.1);
}

ul.single_recruitment_more_job_list {
    flex-direction: column;
    row-gap: 1.25rem;
    margin: 0;
    list-style: none;
}

ul.single_recruitment_more_job_list li {
    margin: 0;
}

.single_recruitment_more_job_item_title {
    font-family: Bricolage Grotesque;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.3;
    color: rgba(51, 51, 51, 1);
    transition: .5s all;

}
ul.single_recruitment_more_job_list li:hover .single_recruitment_more_job_item_title {
    color: rgba(223, 161, 88, 1);
    transition: .5s all;
}
.single_recruitment_more_job_item_date {
    color: rgba(69, 69, 69, 0.5);
    margin-top: 0.208rem;
}
ul.single_recruitment_job_content {
    /* list-style: none; */
    display: flex;
    flex-direction: column;
    row-gap: .4rem;
}

ul.single_recruitment_job_content li {
    margin: 0;
}
div#popup_form_apply {
    background: rgba(244, 244, 238, 1);
    border-radius: 10px;
}

.popup_form_apply_heading .box_content {
    margin-top: 0.78125rem;
    width:fit-content;
}

.apply_form_wrap {
    margin-top: 1.5625rem;
}
.apply_form_wrap .col {
    padding-bottom: 0;
}
.apply_form_wrap .popup_form_apply_heading{
    padding: 0 8.5rem;
}
.apply_form_wrap .row {
    padding: 0 8.5rem;
}
.popup_form_apply_note {
    padding: 0 8.5rem;
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 0.833rem;
    line-height: 1.3;
}
.apply_file label, .apply_file input {
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 0.9375rem;
    line-height: 1.3;
    color: rgba(102, 102, 102, 1);
}
.apply_file input {
    padding: 0;
    border-radius: 0;
}
.apply_form_wrap .box_cta_fill {
    margin-top: 0.521rem;
    display: flex;
    justify-content: center;
}
.popup_form_apply_note a {
    font-family: Bricolage Grotesque;
    font-weight: 700;
    font-size: 0.833rem;
    line-height: 1.3;
    text-decoration: underline;
    color: rgba(41, 91, 50, 1);
}
div#popup_project_donvi,
.popup_project_pccc{
    max-width: 41.667rem;
    border-radius: 10px;
}
.single_project_overview_hidden {
    overflow: hidden;
}

.popup_project_donvi_logo,
.popup_project_pccc_logo{
    width: 12.135rem;
    height: 3.125rem;
}

.popup_project_donvi_logo img,
.popup_project_pccc_logo img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popup_project_donvi .box_title,
.popup_project_pccc .box_title
{
    margin-top: 2.083rem;
}

.popup_project_donvi .box_content {
    margin-top: 0.78125rem;
}
.popup_project_donvi h2 {
    font-size: 2.083rem;
}
section.subscribe_advice_form {
    padding-top: 6.25rem;
}

section.subscribe_advice_form .box_title {
    margin-top: 0.885rem;
}

section.subscribe_advice_form .box_content {
    margin-top: 0.833rem;
}

.subscribe_advice_image {
    height: 45.365rem;
    width: auto;
    margin-right: calc(-1 * calc(calc(100vw - var(--container-w)) / 2));
}

.subscribe_advice_image img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.subscribe_advice_form_pattern {
    bottom: 0;
    left: 0;
    width: 16.927rem;
    height: 23.865rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.subscribe_form_wrap {
    margin-top: 2.083rem;
}
.subscribe_form_wrap input {
    background: none;
}

.subscribe_form_wrap input:focus {
    background: none;
    box-shadow: none;
}

.subscribe_form_wrap textarea {
    background: none;
}

.subscribe_form_wrap textarea:focus {
    background: none;
    box-shadow: none;
    border-color:rgba(41, 91, 50, 1);
}
.subscribe_form_wrap .col {
    padding-bottom: 0;
}
.subscribe_form_wrap .box_cta_fill {
    display: flex;
    justify-content: center;
    margin-top: 2.083rem;
}
div#popup_subscribe_home {
    padding: 0;
    display: flex;
    border-radius: 10px;
}

.popup_subscribe_home_left {
    width: 27.292rem;
}
.popup_subscribe_home_left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popup_subscribe_home_info {
    padding: 3.646rem 4.6875rem;
    max-width:37rem;
}
.popup_subscribe_home_content.box_content {
    margin-top: 0.521rem;
}
.popup_subscribe_home .col {
    padding: 0;
}

.popup_subscribe_home {
    margin-top: 2.083rem;
}

.popup_subscribe_home input {
    box-shadow: none;
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: unset;
    padding: 0;
}
.popup_subscribe_home input:focus {
    border-top: none;
    border-right: none;
    border-left: none;
    box-shadow: none;
    border-bottom: 1px solid black

}
li.menu-item.menu-item-type-post_type.menu-item-object-page.current-menu-item a {
    color: rgba(223, 161, 88, 1);
}
#logo {
    width: unset !important;
}
#search-page .box_cta_fill {
    margin-top: 3.125rem;
    display: flex;
    justify-content: center;
}
.blog_list_category ul li.active a {
    color: white;

}
.blog_list_category ul li:hover a {
    color: white;
    transition: .5s all;
}
.ef-word {
    display: inline-block; /* giữ cả từ */
    white-space: pre;
}

.ef-img-t {
    display: inline-grid;
    opacity: 0;
    transform: translateY(50px);
    animation: fadeUp 1s forwards;
    animation-delay: var(--delay);
}

@keyframes fadeUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
.sub-menu li a{
    position: relative;
    z-index: 100;
}
.nav>li.active>a {
    color: white;
}
ul#menu-menu-footer-en{
    flex-direction: column;
    row-gap: 0.78125rem;
}
.no-result {
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 1.5;
    color: rgba(41, 91, 50, 1);
}
.about_formed_year_slider .swiper-slide {
    position: relative;
    padding-right: 2.5rem;
}

.about_formed_year_slider .swiper-slide:before {
    position: absolute;
    content: '';
    right: 0.5%;
    top: 50%;
    transform: translateX(-50%);
    width: 0.521rem;
    height: 0.521rem;
    background: rgba(217, 217, 217, 1);
    border-radius: 100%;
    transition: .5s all;
    z-index: 5;
}
@media (min-width: 1200px) {
    html {
        font-size: 1.15vw;
    }
    #logo {
        width: 200px !important;
    }
    .stuck #logo{
        width:unset !important;
    }
}
@media (min-width: 1400px) {
    html {
        font-size: 1vw;
    }
    /*.flex-col.hide-for-medium.flex-right {*/
    /*    margin-right: -2.2rem !important;*/
    /*}*/
    #logo {
        width: 200px !important;
    }
    .stuck #logo{
        width:unset !important;
    }
}

.grid-container{
    max-width: var(--container-w);
    margin-left: auto;
    margin-right: auto;
}
#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%);
}
.load_home_page svg {
    width: 20.833rem;
    max-width: 95%;
    height: auto;
    position: absolute;
    z-index: 99;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
.load_home_page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999;
    transition: 1s all;
    opacity: 1;
    background: transparent;
}
div.load_home_page .mask {
    /*background-color: #00BDFFFF;*/
    transition: 1s all ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
}
div.load_home_page.complete .mask {
    background-color: transparent;
}

div.load_home_page .mask span {
    display: block;
    width: 100%;
    height: 20%;
    position: absolute;
    left: 0;
    transition: 1s all ease-in-out;
    background-color: var(--main-cl);
    /*backdrop-filter: blur(40px);*/
}

div.load_home_page .mask span:nth-child(even) {
    left: unset;
    right: 0;
}

div.load_home_page .mask span:nth-child(1) {
    top: 0;
}

div.load_home_page .mask span:nth-child(2) {
    top: 20%;
}

div.load_home_page .mask span:nth-child(3) {
    top: 40%;
}

div.load_home_page .mask span:nth-child(4) {
    top: 60%;
}

div.load_home_page .mask span:nth-child(5) {
    top: 80%;
}

.load_home_page.complete {
    /*visibility: hidden;*/
    transition-delay: .3s;
    opacity: 0;
    pointer-events: none;
}

div.load_home_page.complete .mask span {
    width: 0;
    opacity: 0;
    /*transition-delay: .8s;*/
}
#respond input#wp-comment-cookies-consent{
    height: auto !important;
    margin: 0 0.521rem 0 0  !important;
}
.load_home_page.complete svg{
    transition-delay: 0.8s;
    opacity: 0;
}
.load_home_page rect,
.load_home_page 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;
}

.path-1 {
    animation-name: Signature2;
    animation-duration: 10s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(2, .25, .43, .96);
    stroke: #FFF;
    stroke-width: 1px;
    stroke-dasharray: 2108;
    stroke-dashoffset: 2108;
    fill: transparent;
}

.path-2{
    animation-name: Signature1;
    animation-duration: 20s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(2,.25,.43,.96);
    stroke: var(--sub-cl);
    stroke-width: 1px;
    stroke-dasharray: 2108;
    stroke-dashoffset: 2108;
    fill: transparent;
}
.load_home_page.complete .path-2{
    fill: var(--sub-cl);
}
.load_home_page.complete .path-1{
    fill: #FFF
}
@keyframes Signature1 {
    to {
        stroke: var(--sub-cl);
        stroke-dashoffset: 0;
    }
}
@keyframes Signature2 {
    to {
        stroke: #FFF;
        stroke-dashoffset: 0;
    }
}
.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: 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: 3.125rem;
    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: 3rem 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: 0.9375rem;
    line-height: 1.3;
    font-weight: 600;
}
img.logo_center {
    position: relative;
    z-index: 2;
    max-width: 30rem;
}

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

.about_sec_1{
    min-height: 47.917rem;
}

.about_sec_2{
    padding-top: 3.646rem;
}
.about_sec_2 .box_image{
    width: 8.229rem;
    height: 7.396rem;
}
.about_sec_2 .box_image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about_2_content {
    padding: 0 6.198rem;
}
.about_2_content .box_title {
    margin-top: 0.78125rem;
}

.about_2_content .box_content {
    margin-top: 1.667rem;
}
.about_sec_3 {
    padding-top: 7.8125rem;
}
.about_3_content .box_title {
    margin-top: 0.885rem;
}
.about_3_list {
    margin-top:3.229rem;
    display: flex;
    flex-direction: column;
    row-gap: 2.083rem;
}
.about_3_item {
    gap: 5.208rem;
}

.about_3_item .item_image {
    width: 50.15625rem;
    height: auto;
}

.item_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about_3_item .item_content {
    max-width: 24.84375rem;
    padding-bottom: 7.8125rem;
    margin-top:auto;
}
.about_3_list .about_3_item:nth-child(even) .item_image {
    order: 2;
}
.about_3_list .about_3_item:nth-child(odd) .item_image {
    margin-left: calc(-1 * calc( calc((100vw - var(--container-w)) / 2) / 2 ));
}

.about_3_list .about_3_item:nth-child(even) .item_image {
    margin-right: calc(-1 * calc(calc(calc(100vw - var(--container-w)) / 2) /2));
}
.about_3_item .item_content_title {
    font-weight: 700;
    font-size: 1.667rem;
    line-height: 1.3;
    color: rgba(41, 91, 50, 1);
    font-family: 'Bricolage Grotesque';
}

.about_3_item .item_content_text {
    margin-top: 1rem;
}

.about_sec_4{
    min-height: 41.667rem;
    margin-top: 6.875rem;
}
.about_4_content .box_subtitle h3 {
    color: white;
}

.about_4_content .box_title h2 {
    color: white;
    margin-top: 0.885rem;
}

.about_4_list .list_item .list_item_heading span {
    font-weight: 700;
}
.about_4_list {
    position: relative;
    gap: 3.28125rem;
}

.about_4_list .list_item .list_item_heading {
    font-weight: 400;
    font-size: 1.667rem;
    line-height: normal;
    color: rgba(223, 161, 88, 1);
    padding-left: 1.667rem;
    border-left: 3px solid rgba(223, 161, 88, 1);
}
.about_4_list .list_item {
    width: calc(calc(100% / 3 - (3.28125rem * 2 / 3)));
    position: relative;
    padding-bottom: 6.875rem;
}
.about_sec_4 .about_4_heading {
    position: absolute;
    top: 10vh;
    left: 50%;
    transform: translateX(-50%);
}
.about_sec_4 .list_item_content{
    color: white;
    padding-left: 1.667rem;
    margin-top: 1.25rem;
}
.about_sec_4 .about_4_heading {
    position: absolute;
    top: 10vh;
    left: 50%;
    transform: translateX(-50%);
    height: auto;
}
.about_4_bottom {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: 0;
}
.about_sec_4 .about_4_bottom .col{
    padding-bottom: 0;
}
.about_4_list .list_item:before {
    position: absolute;
    content: '';
    left: 0;
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
}
section.about_sec_5 {
    padding-top: 7.8125rem;
    padding-bottom: 6.8125rem;

}
section.about_sec_5 .box_title {
    margin-top: 0.885rem;
}
.project_sec_1{
    min-height: 48.75rem;
}
.project_sec_1:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
}
.project_banner_banner{
    width: 100%;
    height: 100%;
    z-index: 5;
}
.project_sec_2{
    padding-top:4.84375rem;
    padding-bottom: 5.3125rem;
}
.project_list {
    row-gap:
}
.project_list_wrap {
    gap:  1.302rem;
    flex-wrap: wrap;
    border-bottom:1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 2.604rem;
    padding-bottom: 2.604rem;
}
.project_list .project_list_wrap:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom:none;
}
.project_row{
    max-width: calc(var(--container-w) + calc(calc(100vw - var(--container-w)) / 2));
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.project_sec_2 .project_list{
    gap: 1.302rem;
}
.project_sec_2 .project_item{
    width: calc(calc(100% / 3 - (1.302rem * 2 / 3)));
}
.project_sec_2 .item_project_link{
    width:100%;
    height: 100%;
    z-index: 100;
}
.project_sec_2 .item_title{
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.5;
    color: rgba(41, 91, 50, 1);
}
.project_sec_2 .item_category{
    margin-top: 0.3125rem;
    font-weight: 400;
    font-size: 0.833rem;
    line-height: 1.5;
    color: rgba(223, 161, 88, 1);
}
.project_sec_2 .item_image_box{
    margin-top: 1.042rem;
    border-radius: 10px;
    overflow: hidden;
}
.project_sec_2 .item_image{
    border-radius: 10px;
    aspect-ratio: 539 / 309;
    overflow: hidden;
}
.project_sec_2 .item_image_box:before {
    position: absolute;
    content: '';
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(25, 58, 27, 0.8);
    backdrop-filter: blur(0.573rem);
    opacity: 0;
    transition: .5s all;
    z-index: 1;
}
.project_sec_2 .item_image_box img {
    transition: .5s all;
}
.project_sec_2 .item_image_box:hover:before {
    opacity: 1;
    transition: .5s all;
}
.project_sec_2 .item_image_content {
    width: 100%;
    height: 100%;
    padding: 1.979rem 2.5rem;
    left: 0;
    top: 0;
    opacity: 0;
    transition: .5s all;
    color:white;
    z-index: 2;
}

.project_sec_2 .item_image_box:hover .item_image_content {
    opacity: 1;
    transition: .5s all;
}
.project_sec_2 .item_image_content_heading, .project_sec_2 li {
    font-weight: 400;
    font-size: 0.9375rem;
    line-height: 1.3;
}
.project_sec_2 ul {
    margin: 0;
    display: flex;
    flex-direction: column;
    row-gap: 0.521rem;
}

.project_sec_2 li {
    margin: 0;
    gap: 0.3125rem;
}

.project_sec_2 .item_image_content_list {
    margin-top: 0.521rem;
}
.project_sec_2 .item_image_content_cta {
    font-weight: 400;
    font-size: 0.885rem;
    line-height: normal;
    margin-top: 2.604rem;
}

.project_sec_2 .item_image_content_cta a {
    color: rgba(223, 161, 88, 1);
    gap: 0.521rem;
    transition: .5s all;
    width:fit-content;
}
.project_sec_2 .item_image_content_cta_svg path {
    stroke: rgba(223, 161, 88, 1);
}
.item_icon {
    width: 0.9375rem;
    height: 0.9375rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.item_icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project_sec_2 .item_image_content_cta_svg {
    width: 1.25rem;
    height: 1.25rem;
    transition: .5s all;
}

.project_sec_2 .item_image_content_cta_svg svg {
    width: 100%;
    height: 100%;
    display: block;
    transition: .5s all;
}

.project_sec_2 .item_image_content_cta a:hover {
    color: rgba(223, 161, 88, 1);
    transition: .5s all;
}
.project_sec_2 .item_image_content_cta a svg path {
    transition: .5s all;
}
.project_sec_2 .item_image_content_cta a:hover svg path {
    stroke: rgba(223, 161, 88, 1);transition: .5s all;
}
.project_sec_2 .item_image_box:hover img {
    transform: scale(1.05);
    transition: .5s all;
}

.project_sec_2 .box_cta_fill {
    margin-top: 3.125rem;
    display: flex;
    justify-content: center;
}

.box_cta_fill button {
    margin: 0;
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 1.3;
    text-transform: none;
    color: white;
    background: rgba(41, 91, 50, 1);
    border-radius: 40px;
    padding: 0.573rem 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    overflow: hidden;
    font-family: "Bricolage Grotesque";
}
.box_cta_border button {
    margin: 0;
    font-family: 'Bricolage Grotesque';
    border: 1px solid rgba(41, 91, 50, 1);
    border-radius: 40px;
    text-transform: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 1.042rem;
    line-height: normal;
    transition: .5s all;
}
.single_project_2 .box_cta_border button:hover {
    color: white;
    transition: .5s all;
}

.single_project_2 .box_cta_border button {
    color: rgba(41, 91, 50, 1);
}
.box_cta_svg {
    width: 0;
    height: 1.25rem;
    opacity: 0;
    transform: translateX(10px);
    transition: .5s all;
    overflow: hidden;
}
.box_cta_border button:hover {
    background: rgba(223, 161, 88, 1);
    border-color:rgba(223, 161, 88, 1);
    color: white;
}
.box_cta_svg svg {
    width: 1.25rem;
    height: 100%;
    display: block;
}
.box_cta_fill button:hover{
    background:rgba(223, 161, 88, 1);
}
.box_cta_fill button:hover .box_cta_svg, .box_cta_border button:hover .box_cta_svg  {
    width: 1.25rem;
    opacity: 1;
    transform: translateX(0.26rem);
}


.single_project_banner_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.single_project_banner_image {
    height: 48.75rem;
}
.single_project_banner_container.absolute {
    width: 100%;
    bottom: 6.667rem;
}
.single_project_banner_container h1{
    z-index: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.single_project_banner_container:before {
    position: absolute;
    width: 60%;
    height: 19.792rem;
    content: '';
    left: 4%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    background: rgba(0, 0, 0, 0.4);
    filter: blur(5.208rem);
}
.single_project_2 .box_cta {
    margin-top: 1.667rem;
    gap: 1.042rem;
}
.single_project_2 {
    margin-top: 6.615rem;
    margin-bottom:1.71875rem;
}

.single_project_2 .box_title {
    margin-top: 0.885rem;
}

.single_project_2 .box_content {
    margin-top: 1.667rem;
}

.single_project_overview_icon {
    width: 1.667rem;
    min-width: 1.667rem;
    height: 1.667rem;
}
.single_project_overview_icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translateY(-5px);
}
ul.single_project_overview {
    display: flex;
    flex-direction: column;
    row-gap: 1.667rem;
}
ul.single_project_overview li {
    gap: 0.833rem;
    margin:0;
}

.single_project_overview_title {
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 0.9375rem;
    line-height: 1.4;
    color: black;
}

.single_project_overview_main {
    font-family: Bricolage Grotesque;
    font-weight: 700;
    font-size: 1.042rem;
    line-height: 1.4;
    color: rgba(41, 91, 50, 1);
    margin-top:0.26rem;
}
section.recruitment_sec_3 {
    margin-top: 2.083rem;
}
.recruitment_about_image {
    width: 100%;
    height: auto;
}
.recruitment_about_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
section.recruitment_sec_4 {
    padding-top: 5.729rem;
}

.recruitment_human_heading .box_title {
    margin-top: 0.885rem;
}

.recruitment_human_heading .box_content {
    margin-top: 1.042rem;
}
.recruitment_human_heading {
    padding: 0 10.8rem;
}
ul.recruitment_human_list {
    list-style: none;
    margin: 0;
}

ul.recruitment_human_list li {
    gap:0.78125rem;
}
ul.recruitment_human_list li:not(:last-child){
    padding-bottom: 0.78125rem;
    border-bottom:1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 0.78125rem;
}
.recruitment_human_list{
    flex-direction: column;

}
.recruitment_human_list_left {
    width:4.167rem;
    height: 4.167rem;
    background: rgba(41, 91, 50, 1);
    border-radius: 8px;
    flex: 0 0 auto;
    display:flex;
    justify-content: center;
    align-items: center;
}
.recruitment_text_decor {
    font-family: Bricolage Grotesque;
    font-weight: 800;
    font-size: 3.125rem;
    line-height: 1;
    color: rgba(223, 161, 88, 1);
}
.recruitment_human_list_right_title {
    font-family: Bricolage Grotesque;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.3;
    color: rgba(41, 91, 50, 1);
}

.recruitment_human_list_right_content {
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 1.3;
    color: rgba(69, 69, 69, 1);
    margin-top: 0.417rem;
}
section.recruitment_sec_4 .large-6 {
    margin-top: 2.083rem;
}
.recruitment_image_box {
    height: 36.198rem;
    padding-left: 3.646rem;
}

.recruitment_image_box img {
    width: 100%;
    height: 100%;
    display: block;
}
.recruitment_image_swiper .swiper-pagination {
    padding-left: 3.346rem;
}
.recruitment_image_swiper .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 1) !important;
    opacity: 50%;
    transition: .5s all;
}

.recruitment_image_swiper .swiper-pagination-bullet-active {
    opacity: 100%;
    border-radius: 40px;
}
.single_post_main_content img {
    border-radius: 10px;
}
[data-open="#search-lightbox"] {
    display: none !important;
}
.nav_header {
    display: flex;
    align-items: center;
    gap:2.24rem;
}
.nav_mobile_menu svg path {
    stroke: white;
}
.stuck .nav_mobile_menu svg path {
    stroke: black;
}

li.nav-icon.has-icon {
    display: none;
}

.nav_mobile_menu svg {
    width: 100%;
    height: 100%;
    display: block;
}

.nav_mobile_menu {
    transform:   translate(-.7rem, 0rem);
}
ul.language_desktop {
    list-style: none;
    margin: 0;
    display: flex;
    padding:2px !important;
}

.header-search {
    display: none !important;
}
.nav_header .search_button {
    width: 1.5625rem;
    height: 1.5625rem;
    cursor: pointer;
}

.nav_header .search_button svg {
    width: 100%;
    height: 100%;
    display: block;
}
.language_desktop li {
    cursor: pointer;
    margin: 0;
    height: 1.979rem;
    width: 1.979rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.417rem 0.26rem;
    font-family: Bricolage Grotesque;
    font-weight: 500;
    font-size: 0.9375rem;
    color: white;
}

.language_desktop {
    border: 0.7px solid rgba(255, 255, 255, 1);
    border-radius: 40px;
    padding: 0.104rem;
}

.language_desktop li.current_lang {
    backdrop-filter: blur(30px);
    background: rgba(255, 255, 255, 0.3);
    border-radius: 100%;
}
.stuck .nav_header .search_button svg path {
    stroke: black;
}

.stuck .language_desktop {
    border: 1px solid black;
}

.stuck .language_desktop li {
    color: black;
}
.language_desktop li.current_lang {
    backdrop-filter: blur(30px);
    background: rgba(41, 91, 50, 1);
    color:white;
}
.header_language>ul{
    gap:0 !important;
}
div#ez-toc-container {
    background: rgba(223, 161, 88, 0.1);
    border: none;
    border-radius: 10px;
    padding: 1.667rem;
}
div#ez-toc-container nav {
    margin-top: 0.833rem;
}
p.ez-toc-title {
    font-weight: 700 !important;
}
.language_mobile{
    display:none;
}
/*li.ez-toc-page-1.ez-toc-heading-level-2 a {*/
/*    font-family: Bricolage Grotesque;*/
/*    font-weight: 400;*/
/*    font-size: 1.042rem !important;*/
/*    line-height: 1.3;*/
/*    color: rgba(69, 69, 69, 1);*/
/*}*/
p.ez-toc-title {
    font-family: Bricolage Grotesque;
    font-weight: 700;
    font-size: 1.25rem !important;
    line-height: normal;
    color: rgba(51, 51, 51, 1);
}
li.ez-toc-page-1.ez-toc-heading-level-2:not(:last-child) {
    margin-bottom: 0.625rem !important;
}
.ez-toc-heading-level-2 > a {
    font-size: 1.042rem !important;
    font-family: Bricolage Grotesque;
    transition: .5s all;
    color:rgba(69, 69, 69, 1) !important;
}

.ez-toc-heading-level-3 > a {
    font-size: 0.833rem !important;
    font-family: Bricolage Grotesque;
    transition: .5s all;
    color:rgba(69, 69, 69, 1) !important;

}
ul.ez-toc-list-level-3 {
    margin-top: 0.625rem !important;
}
.ez-toc-heading-level-2 > a:hover,.ez-toc-heading-level-3 > a:hover {
    font-weight: 700 !important;
    color: rgba(25, 58, 27, 1) !important;
    transition: .5s all;
    text-decoration: unset !important;
}
a.ez-toc-pull-right {
    display: none !important;
}
.fancybox-slide--html .fancybox-close-small:hover svg {
    transform: rotate(360deg);
    transition: .5s all;
    color: black;
}
.fancybox-slide--html .fancybox-close-small svg{
    transition: .5s all;
}
.home_sec_3 .swiper-pagination {
    position: unset;
    margin-top: 1rem;
}

.home_sec_3 .swiper-pagination .swiper-pagination-bullet-active {
    background:rgba(25, 58, 27, 1)
}
.wpcf7 input[type="file"] {
    width: 100%;
    padding: 1rem;
}
ul.menu_category_list {
    min-width: 15.625rem;
    height: auto;
    border-radius: 10px;
    border: 2px solid #ddd;
    background: white;
    box-shadow: 1px 1px 15px rgba(0,0,0,.15);
    padding: 1.042rem;
    transition: .5s all;
    text-align: left;
    top: 100%;
    z-index: 99999;
    left: -10%;
    opacity: 0;
    pointer-events:none !important;
}

ul.menu_category_list li {
    border: 0;
    padding: 0.521rem 0;
    position: relative;
    border-radius: 0;
}


ul.menu_category_list li:hover {
    background: none;
}
ul.menu_category_list li:hover {
    background: rgba(41, 91, 50, 1);
    border-radius: 10px;
}
ul.menu_category_list li.active .menu_category_list{
    opacity: 1;
    transition: .5s all;
}
li.category_cta.active ul.menu_category_list {
    opacity: 1;
    transition: .5s all;
    pointer-events: auto !important;
}
ul.menu_category_list li a {
    color: rgba(69, 69, 69, 1) !important;
    font-family: Bricolage Grotesque !important;
    font-weight: 400 !important;
    font-size: 0.9375rem !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    padding: 0.521rem 0;
}

ul.menu_category_list li:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.category_cta {
    cursor: pointer;
}
li.menu_all_blog {
    padding: 0.546875rem 1.25rem !important;
    font-family: Bricolage Grotesque;
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 1.3;
    color: rgba(41, 91, 50, 1);
    cursor: pointer;
}
.blog_list_category ul li a {
    color: rgba(41, 91, 50, 1);
}
ul.menu_category_list li:before {
    position: absolute;
    content: '';
    left: 50%;
    top: 0;
    width: 110%;
    height: 100%;
    background: rgba(25, 58, 27, 1);
    transform: translateX(-50%);
    opacity: 0;
    transition: .5s all;
    border-radius: 15px;
}
ul.menu_category_list li:hover:before {
    opacity: 1;
    transition: .5s all;
}

ul.menu_category_list li:hover a {
    color: white !important;
}
@keyframes appearance{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }

}
li.category_hidden {
    display: none;
    transition: .5s all;
}

li.category_hidden.show {
    display: block;
    transition: .5s all;
    animation: appearance 0.5s;
}

li.category_cta.relative.desktop_display.hidden {
    display: none;
    transition: .5s all;
}

.home_sec_1 .swiper-pagination {
    display: flex;
    gap: .3rem !important; /* tuỳ chỉnh */
}

.home_sec_1 .swiper-pagination-bullet {
    position: relative;
    flex: 1 1 auto;    /* mỗi bullet co giãn đều nhau */
    height: .4rem;       /* chiều cao thanh progress */
    background: #e9e9e9b8;
    border-radius: 0;
    overflow: hidden;
    opacity: 1;
    margin: 0 !important;
}

.home_sec_1 .bullet-progress {
    display: block;
    width: 100%;
    height: 100%;
    transform-origin: left center;
    transform: scaleX(0); /* bắt đầu 0 */
    background: rgba(41, 91, 50, 1);
}
.logo_img img {
    max-height: 4rem;
    height: auto;
    display: block;
    margin: auto;
    width: auto;
}

.popup_subscribe_home_info {
    text-align: center;
}

.popup_subscribe_home .box_cta_fill {
    display: flex;
    justify-content: center;
}
.wrap_top_project {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wrap_top_project .right {
    flex: 0 0 auto;
}

.logo_project {
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 1rem;
}

.logo_project img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
}
.box_video_project video {
    width: 100%;
    display: block;
}

.box_video_project {
    margin-top: 2rem;
}
.control_video {
    cursor: pointer;
}
.control_video.playing svg:first-child { /* icon pause */
    display: block;
}
.control_video.playing svg:last-child { /* icon play */
    display: none;
}
.control_video:not(.playing) svg:first-child { /* icon pause */
    display: none;
}
.control_video:not(.playing) svg:last-child { /* icon play */
    display: block;
}
.contact_popup_iframe .icon {
    position: absolute;
    bottom: .6rem;
    left: .6rem;
    width: 1.5rem;
    height: 1.5rem;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #000;
    cursor: pointer;
    box-shadow: 0 0 10px #3333338a;
    transition: .3s all;
}

.contact_popup_map {
    position: relative;
}

.contact_popup_iframe .icon a.view_map {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(100%, -100%);
    background: #333;
    display: flex;
    align-items: center;
    color: #fff;
    font-size: .8rem;
    padding: .5rem;
    border-radius: .7rem;
    /* pointer-events: none; */
    opacity: 0;
    transition: .3s all;
    width: 8rem;
}

.contact_popup_iframe .icon:hover {
    background: #295b32;
    color: #fff;
}

.contact_popup_iframe .icon a.view_map span.icon_c {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.4rem;
    height: 1.4rem;
    border: 1px solid #adadad;
    color: #adadad;
    border-radius: 50%;
    flex: 0 0 auto;
    margin-right: .4rem;
}

.contact_popup_iframe .icon:hover a.view_map {
    opacity: 1;
    pointer-events: unset;
}
.control_video {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    z-index: 9;
    width: 3rem;
    height: 3rem;
    background: #295b32;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: .4s all;
    fill: #fff;
}

.box_video_project {
    position: relative;
}

.control_video svg {
    width: 1.3rem;
    height: auto;
}

.control_video.playing {
    background: #fff;
    fill: #333;
}
.home_banner_container.absolute .row {
    justify-content: center;
    text-align: center;
    position: relative;
    z-index: 9;
}

.home_banner_content {
    justify-content: center;
}

.home_banner_content .content {
    color: #fff;
}

.home_banner_title.relative h1 {
    line-height: 1.1;
}
.control_slide {
    position: absolute;
    bottom: 2rem;
    z-index: 99;
    background: #fff;
    left: 2rem;
    width: 2.4rem;
    height: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
}

section.home_sec_1 {
    position: relative;
}

.control_slide svg {
    width: 1rem;
    height: auto;
}
.sustainability_work_item_content_wrap >*:nth-child(1) {width: 25rem;flex: 0 0 auto;}

.sustainability_work_item_content_wrap .sustainability_commit_count {
    display: block;
    margin: 0;
    filter: brightness(0) invert(1);
    text-align: revert;
}

.sustainability_work_item_content_wrap .wrap_number {
    width: 25rem;
    flex: 0 0 auto;
}

.sustainability_work_item_image:before,.sustainability_work_item_image:after {
    background: linear-gradient(270deg, rgba(25, 58, 27, 0.00) 0%, rgba(25, 58, 27, 0.70) 100%);
    Colors
    Color format
    Hex
    Background colors;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    z-index: 2;
    position: absolute;
    content: '';
}

.sustainability_work_item_image:after {
    transform: rotate(180deg);
    left: unset;
    right: 0;
}

.sustainability_work_item_content_wrap .sustainability_commit_count * {
    text-align: right;
}

.sustainability_work_item_content_wrap .sustainability_commit_count .sustainability_commit_count_item+* {
    margin-top: 2rem;
}
.homeSlider .swiper-slide {
    height: auto;
    width: 100%;
    object-fit: cover;
}

.homeSlider .swiper-slide img,.homeSlider .swiper-slide video {
    width: 100%;
    height: auto;
    object-fit: cover !important;
}
.box_cta_fill button.disabled_button {
    opacity: 1;
    color: rgba(41, 91, 50, 1);
    background: transparent;
    border-color: rgba(41, 91, 50, 1);
}

.box_cta_fill button.disabled_button {
    pointer-events: none;
}
.contact_popup_iframe {
    width: 100%;
    border-radius: 10px;

}

iframe.lazyloaded {
    width: 100%;
    max-height:23.4375rem;
    border-radius: 10px;
}
header .button_cta_fixed_subscribe.relative {
    display: none;
}
.project-template-default header .button_cta_fixed_subscribe.relative {
    display:block;
    position: absolute !important;
    right: 0;
    transform: translateX(115%);
}
.project-template-default .header-inner.flex-row.container {
}
header .stuck .button_cta_fixed_subscribe ul li a {
    color: white;
}
.project-template-default .stuck .flex-right {
    margin-right: -1rem !important;
}
.contact_popup_iframe {
    position: relative;
}

.contact_popup_iframe .icon {
    bottom: 4rem;
}
.single_post_main {
    position: relative;
    z-index: 100;
}

.single_post_main_tags li a {
    padding: 0.521rem 0.9375rem;
    width: 100%;
    height: 100%;
    display: block;
}

.single_post_main_tags li {
    padding: 0;
}

.single_post_main_tags li:hover a {
    color: white;
    transition: .5s all
}
.recruitment_image_box img {
    border-radius: 10px;
}
.box_content {
    text-align: justify;
}

.page-template-home .box_content {
    text-align: center;
}
.slider_arrow .absolute {
    opacity: 50%;
}
.single_post_2_pattern {
    height: 671px;
}

.single_post_social.flex.items-center {
    display: none;
}
.single_post_main {
    position: relative;
    z-index: 100;
}
.swiper.blog_content_slider .box_content {
    text-align: left;
}
.home_blog_list .box_item .box_content {
    text-align: left;
}
section.tag_page {
    padding:5rem 0;
}
.single_recruitment_2 .btn_toggle_benefit {
    background: rgba(223, 161, 88, 1);
}
.single_recruitment_2 .btn_toggle_benefit:hover{
    background: rgba(223, 161, 88, 1);
}
.slider_box_image {
    width:100%;
    height: 100%;
}
.btn_toggle_benefit {
    border: none;
    cursor: pointer;
    font-weight: 400;
    font-size: 1.042rem;
    line-height: 1.3;
    color:white;
    background: rgba(25, 58, 27, 1);
    border-radius: 100%;
    width:3rem;
    height:3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .5s all;
    overflow: hidden;
    font-family: "Bricolage Grotesque";
    transform: none;
    margin:0 auto;
}
.btn_toggle_benefit:hover {
    background: rgba(25, 58, 27, 1);
}
.tag_page .box_cta_fill {
    display: flex;
    justify-content: center;
    margin-top: 1rem !important;
}
div#popup_project_form {
    border-radius: 32px;
    width: 52.083rem;
}

.popup_project_form_heading {
    padding: 1rem;
}
.popup_project_form_heading .fancybox-slide--html .fancybox-close-small {
    padding: 7px;
}
section.single_banner {
    height: 100vh;
}
.single_banner h1.absolute {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
}
.slider_box.relative {
    width: 19.271rem;
    height: 19.271rem;
}html {
     scroll-behavior: auto !important;
 }
.about_formed_pagination:before {
    position: absolute;
    content: '';
    right: 3.5%;
    top: 0;
    transform: translateX(-50%);
    width: 2px;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.swiper-fade .swiper-slide {
    opacity: 0 !important;
}

.swiper-fade .swiper-slide.swiper-slide-active {
    opacity: 1 !important;
}
.single_project_fc .box_content {
    text-align: justify;
}
.blog_list_2 .hot_blog_image_box {
    aspect-ratio: 5 / 3 !important;
    width: 100%;
}

.blog_list_2 .hot_blog_image_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 5 / 3;
}


@media only screen and (max-width: 1400px) {
    div#logo {
        width: 10rem !important;
        margin: 0 2rem;
    }

    .project-template-default .header-inner.flex-row.container {
        max-width: 68rem;
    }
}
@media only screen and (max-width: 1199px) {
    .box_content {
        font-size: 1.2rem;
    }
    :root{
        --container-w: 950px
    }
    span.button_cta_item_image img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    span.button_cta_item_image {
        width: 1.5rem;
        height: 1.5rem;
    }
    .load_home_page svg {
        width: 320px;
    }
    .home_sec_3 .swiper-pagination{
        display:block;
    }
    html{
        font-size: 1.2vw;
    }
    .flex-right ul.header-nav {
        gap: 1.24rem;
        width: 100%;
        justify-content: space-around;
    }
    .home_sec_2:before {
        top: 35%;
    }
    .header-main {
        height: 3.125rem;
    }

    #logo img {
        max-height: 4.5rem !important;
    }
    i.icon-menu, i.icon-search {
        filter: brightness(100);
    }
    .home_banner_content {
        row-gap: 3.125rem;
        max-width: 51.5rem;
    }
    .home_sec_2:after {
        bottom: -1%;
    }
    .home_sec_5 .sustain_content {
        font-size: 1rem;
    }

    .home_sec_5 .sustain_item {
        margin-bottom: 2.2rem;
    }
    .about_sec_1 {
        min-height: 40rem;
    }
    .about_sec_1 {
        min-height: 40rem;
    }

    .vision_image, .mission_image {
        width: 100%;
    }

    .vision_left {
        margin-left: 0;
    }

    .mission_right {
        margin-right: 0;
    }
    .about_sec_4 {
        min-height: 46.667rem;
    }
    .cta_with_arrow {
        font-size: 1.1rem;
    }
    .about_formed_content_slide_content {
        font-size: 1.2rem;
        -webkit-line-clamp: 7;
    }
    .box_cta_fill button {
        font-size: 1.2rem;
    }

    .single_project_2 .box_cta_border button {
        font-size: 1.2rem;
    }
    .project_sec_2 .item_title {
        font-size: 1.4rem;
    }

    .project_sec_2 .item_category {
        font-size: 1.1rem;
    }
    .blog_slider_arrow.right {
        right: -4%;
    }
    .blog_slider_arrow.left {
        left: -4%;
    }
    /*.blog_list_2 .hot_blog_image_box img {*/
    /*    height: 33.385rem;*/
    /*}*/
    .swiper.hot_blog_content_swiper {
        height: 15.448rem;
    }
    .popup_form_apply_note{
        font-size:1rem
    }
    .popup_form_apply_note a{
        font-size:1rem
    }
    .ez-toc-heading-level-3 > a{
        font-size: .95rem !important;
    }
    .project-template-default header .button_cta_fixed_subscribe.relative {
        transform: translateX(92%);
    }
    .stuck .flex-right ul.header-nav {
        gap: 0.1rem;
    }
    .nav_header {
        gap: 1rem;
    }
    div#popup_project_form {
        width: 36.458rem;
        padding: 2rem;
    }

    .slider_box.relative {
        width: 25.271rem;
        height: 25.271rem;
    }
    .about_formed_pagination:before{
        right:4.5%;
    }
    .about_formed_year_slider .swiper-slide:before{
        right:2%;
    }
    .about_formed_pagination_arrow.top {
        right: 1%;
    }
    .about_formed_pagination_arrow.bot {
        riht:1%;
    }
}
@media only screen and (max-width: 991px) {
    html{
        font-size: 1.3vw;
    }
    header i.icon-search {
        font-size: 2rem !important;
    }
    .about_formed_year_slider{
        padding-top:0;
    }
    .nav>li.active>a {
        color: hsla(0,0%,40%,.85);
    }
    .header-wrapper.stuck .logo {
        order: 2;
    }
    h2 {
        font-size: 3.5rem;
    }
    h3 {
        font-size: 1.6rem;
    }
    .project_row {
        max-width: var(--container-w);
    }
    .box_content {
        font-size: 1.5rem;
    }
    .box_cta button {
        font-size: 1.3rem;
    }
    .single_project_2 .box_cta_border button {
        font-size: 1.3rem;
    }
    .slider_box_cta a {
        font-size: 1.2rem;
    }
    :root{
        --container-w: 720px
    }
    .load_home_page svg {
        width: 320px;
    }
    .search-tabs .search-grid{
        grid-template-columns: 1fr 1fr 1fr;
    }

    .nav>li>a>i.icon-menu {
        font-size: 3em;
    }
    i.icon-search {
        font-size: 2.5em !important;
    }
    #logo img {
        max-height: 5rem;
    }
    .home_banner_container {
        bottom: 1.667rem;
    }
    section.home_sec_1 {
        min-height: 36.75rem;
    }
    .home_sec_2:before {
        top: 43%;
    }
    .home_sec_2_pattern{
        display: none;
    }
    .home_sec_3 .swiper-pagination{
        display:block;
    }
    header .stuck #logo img {
        max-height: 4.5rem !important;
    }
    footer{
        background-size: 80%;
    }
    .home_sec_6 .blog_content_slider {
        left: -4%;
    }
    .home_sec_5 .sustain_content {
        font-size: 1.2rem;
    }
    .home_sec_5_pattern{
        display: none;
    }
    .home_sec_6 .box_date {
        font-size: 1.2rem;
    }
    .home_sec_6 .home_blog_list .box_title {
        font-size: 1.4rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .footer_top_content {
        font-size: 1.4rem;
        margin-top: 1rem;
    }

    .footer_bottom_content {
        font-size: 1.2rem;
    }
    footer .footer_item_title h3 {
        font-size: 1.1rem;
    }
    footer .footer_item_title h3 {
        font-size: 1.5rem;
    }
    footer li {
        font-size: 1.4rem;
    }
    .about_5_slider {
        flex-wrap: wrap;
    }

    .swiper.about_formed_slider {
        width: 100%;
    }

    .swiper.about_formed_slider:before {
        width: 99%;
    }

    .about_formed_slide_wrap {
        width: 90%;
    }

    .about_formed_pagination .swiper-pagination {
        flex-direction: row;
        justify-content: center;
        column-gap: 3.125rem;
    }

    .about_formed_pagination {
        flex-direction: column;
        width: 100%;
    }

    .about_formed_year_slider .swiper-wrapper {
        flex-direction: row;
    }

    .about_formed_pagination .swiper-pagination:before {
        width: 50%;
        height: 1px;
    }
    .about_formed_pagination_arrows.mobile_hidden {
        display: none;
    }
    .about_formed_year_slider {
        width: 50%;
        height: auto;
        margin-top: 1rem;
    }
    .about_formed_year_slider .swiper-slide {
        justify-content: center;
    }
    .project_sec_2 .item_title {
        font-size: 1.6rem;
    }

    .project_sec_2 .item_category {
        font-size: 1.3rem;
    }
    ul.single_project_overview {
        margin-top: 5rem;
    }
    .single_project_overview_title {
        font-size: 1.4rem;
    }

    .single_project_overview_main {
        font-size: 1.4rem;
    }
    .single_project_3 {
        min-height: 40.917rem;
    }
    .single_project_address_heading {
        padding: 0;
    }
    .single_project_video_heading{
        padding:0;
    }
    .single_project_last_heading{
        padding:0;
    }
    .single_project_last_mini_box {
        padding: 3.125rem 15rem 3.125rem 15rem;
    }
    .subscribe_advice_image {
        height: 100%;
        margin-right: calc(-3 * calc(calc(100vw - var(--container-w)) / 2));
    }
    .subscribe_advice_image img {
        object-position: left;
    }
    .wpcf7 label {
        font-size: 1.3rem;
    }

    .wpcf7-form-control-wrap input {
        padding: 1.5rem;
        font-size: 1.2rem;
    }
    .popup_subscribe_home textarea {
        padding: 1.5rem;
        font-size: 1.2rem;
        min-height:4.3rem;
    }
    .profile_popup_info_email{
        font-size: 1.2rem;
    }
    .profile_popup_info_cta_item {
        font-size: 1.2rem;
    }
    .hot_blog_content .blog_detail_date_cate {
        font-size: 1.2rem;
    }
    .blog_list_2 span.swiper-pagination-bullet-active:before {
        width: 2rem;
        height: 2rem;
    }
    .hot_blog_list {
        flex-direction: row;
        column-gap: 1rem;
        margin: 7rem 0 0 0;
    }

    a.hot_blog_item {
        flex-wrap: wrap;
        width: calc(calc(100% / 3 - (1rem * 2 / 3)));
    }

    .hot_blog_item_image {
        width: 100%;
        height: auto;
    }

    .blog_detail_date_cate {
        font-size: 1.2rem;
    }

    .blog_title {
        font-size: 1.4rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    .blog_list_category ul button {
        font-size: 1.2rem;
    }

    .blog_list_category li.category_cta {
        width: 3rem;
        height: 3rem;
    }

    .blog_list_main .blog_item {
        width: calc(calc(100% / 3) - (1.042rem * 2 / 3));
    }
    .blog_slider_arrows {
        display: none;
    }
    .single_post_list .swiper-pagination{
        display: block;
        margin-top: 1rem;
        position: unset;
    }

    .single_post_main .single_post_date {
        font-size: 1.4rem;
    }

    .single_post_main .single_post_category a{
        font-size: 1.4rem;
    }

    .single_post_social {
        font-size: 1.3rem;
    }

    .single_post_social_svg {
        width: 2.1rem;
        height: 2.1rem;
    }

    .single_post_main_content {
        font-size: 1.3rem;
    }

    .single_post_main_content h2 {
        font-size: 1.8rem;
    }
    .single_post_main_tags {
        font-size: 1.3rem;
    }

    .single_post_main_tags li {
        font-size: 1.3rem;
    }
    .recruitment_about_heading {
        padding: 0;
    }
    .recruitment_about_heading {
        padding: 0;
    }

    .recruitment_human_heading {
        padding: 0;
    }

    .recruitment_human_list_right_content {
        font-size: 1.2rem;
    }

    .recruitment_human_list_right_title {
        font-size: 1.3rem;
    }
    .recruitment_sec_5 .box_search label {
        padding: .8rem;
    }

    .recruitment_sec_5 .box_search input {
        font-size: 1.3rem;
    }

    .recruitment_sec_5 .recruitment_job_heading {
        padding: 0;
    }

    .recruitment_sec_5 span.search_icon {
        width: 3rem;
        height: 3rem;
    }

    .recruitment_sec_5 span.search_icon_svg {
        width: 1.8rem;
        height: 1.8rem;
    }

    .recruitment_job_item_title {
        font-size: 1.4rem;
    }

    .recruitment_job_item_department {
        font-size: 1.3rem;
    }

    .recruitment_job_item_detail {
        font-size: 1.3rem;
        flex-wrap: wrap;
    }

    .recruitment_job_item_date_icon {
        width: 1.2rem;
        height: 1.2rem;
    }

    .recruitment_job_item_address_icon {
        width: 1.2rem;
        height: 1.2rem;
    }

    .recruitment_job_item_category_icon {
        width: 1.3rem;
        height: 1.3rem;
    }
    .recruitment_sec_1 {
        height: 30rem;
    }
    .single_project_2_pattern{
        display: none;
    }
    .single_recruitment_description {
        font-size: 1.2rem;
    }

    .single_recruitment_require_title {
        font-size: 1.2rem;
    }

    .single_recruitment_require_content {
        font-size: 1.35rem;
    }

    .single_recruitment_date {
        font-size: 1.25rem;
    }

    .single_recruitment_share_icon {
        width: 2rem;
        height: 2rem;
    }

    ul.single_recruitment_detail_benefit li {
        font-size: 1.2rem;
    }
    ul.single_recruitment_detail_benefit {
        row-gap: 1.2rem;
    }
    ul.single_recruitment_job_content li {
        font-size: 1.25rem;
    }

    .single_recruitment_more_job_item_title {
        font-size: 1.35rem;
    }

    .single_recruitment_more_job_item_date.box_content {
        font-size: 1.3rem;
    }
    .single_recruitment_apply_content {
        width: 29rem;
    }
    .contact_item_content {
        font-size: 1.2rem;
    }
    .contact_form_container {
        padding: 3rem;
    }
    .sustainability_commit_count_content {
        font-size: 1.2rem;
    }

    .sustainability_commit_bottom {
        font-size: 1.2rem;
    }

    .sustainability_work_heading {
        padding: 0;
    }

    .sustainability_commit_heading {
        padding: 0;
    }

    .sustainability_work_item_content_title {
        font-size: 2rem;
    }

    .sustainability_work_item_content_text {
        font-size: 1.3rem;
    }

    .sustainability_work_item_content_left {
        height: 12rem;
    }
    .sustainability_blog_list .swiper-pagination{
        display: block;
    }
    .about_formed_pagination .swiper-pagination-bullet-active:before {
        width: 2rem;
        height: 2rem;
    }
    .search_button {
        display: none;
    }
    .language_desktop li {
        height: 2.979rem;
        width: 2.979rem;
        font-size: 1.3rem;
    }
    .apply_form_wrap .row{
        padding:0;
    }
    .popup_form_apply_note{
        padding:0;
        font-size: 1.3rem;
    }
    .popup_form_apply_note a{
        font-size: 1.3rem;
    }
    p.ez-toc-title {
        font-size:1.6rem !important;
    }
    .ez-toc-heading-level-2 > a {
        font-size: 1.3rem !important;
    }

    .ez-toc-heading-level-3 > a {
        font-size: 1.2rem !important;
    }
    header#header {
        position: relative;
        background-color: white;
    }

    .header-wrapper:before{
        content:unset;
    }
    .nav_mobile_menu svg path {
        stroke: black;
    }
    .language_desktop {
        border: 1px solid black;
    }

    .language_desktop li {
        color: black;
    }
    li.menu-item.menu-item-type-post_type.menu-item-object-page a {
        font-size: 1.2rem;
    }
    .mfp-bg.off-canvas.off-canvas-left.main-menu-overlay.mfp-ready {
        top: 76px !important;
    }
    .nav_mobile_menu {
        transform: translate(-1rem, 0rem);
    }
    .mfp-content {
        top: 80px !important;
    }
    .mfp-bg.off-canvas.off-canvas-left.main-menu-overlay.mfp-ready {
        top: 60px !important;
    }
    .mfp-content {
        top: 50px !important;
    }
    .blog_slider_arrow{
        display: none !important;
    }
    ul.sub-menu.nav-sidebar-ul.children {
        background: white;
        border-radius: unset;
    }

    .sub-menu li a {
        font-size: 1.2rem !important;
        padding: 1.5rem !important;
    }
    .footer_item.footer_contact {
        margin-top: 2rem;
    }
    .footer_item.footer_policy{
        margin-top: 2rem;
    }
    .menu_all_blog, #menu-menu-product li{
        font-size:1.2rem;
    }
    ul.menu_category_list li a {
        font-size: 1.2rem !important;
    }
    .blog_list_category li.category_cta .category_cta_svg {
        width: 1.7rem;
        height: 1.7rem;
    }
    li.menu_all_blog {
        font-size: 1.2rem;
    }
    .header-wrapper.stuck .header-logo {
        display: block !important;
    }
    .header-wrapper.stuck img.header-logo-dark {
        display: none !important;
    }
    .stuck .flex-right {
        margin-right: 0 !important;
    }
    .header-inner {
        padding: 0.677rem 0.78125rem;
    }
    .button_cta_fixed ul.button_cta_menu {
        width: 4rem;
        height: 4rem;
    }
    .button_cta_fixed ul.button_cta_menu:before {
        width: 5rem;
        height: 5rem;
    }
    span.button_cta_fixed_menu {
        width: 2rem;
        height: 2rem;
    }
    .button_cta_fixed_subscribe ul li a {
        font-size: 1.2rem;
    }

    .button_cta_fixed_subscribe ul {
        height: 4rem;
    }

    .button_cta_fixed_subscribe ul:before {
        width: 12rem;
        height: 5.5rem;
    }
    .slider_prev svg path,.slider_next svg path {
        stroke-width: 2;
    }
    .homeSlider .swiper-slide {
        height: auto;
    }
    li.nav-icon.has-icon{
        display:block;
    }
    i.icon-menu {
        filter: brightness(0);
    }
    .home_banner_content {
        margin: 0 auto;
    }

    .button_cta_fixed_subscribe ul:before {
        width: 11rem;
        height: 5rem;
    }
    .home_banner_title .content{
        font-size:  1.4rem;
    }
    div#logo {
        width: 15rem !important;
    }
    ul.button_cta_menu.active .button_cta_fixed_menu_closed {
        height: 2rem;
        width: 2rem;
    }
    ul.button_cta_menu.active ul.button_cta_list {
        transform: translate(-50%, -118%) scale(1);
    }
    .back_to_top button {
        width: 4rem;
        height: 4rem;
    }
    span.back_to_top_svg {
        width: 1.5rem;
        height: 1.5rem;
    }
    li.button_cta_item {
        width: 4rem;
        height: 4rem;
        margin: 1.3rem 0;
    }

    li.button_cta_item:before {
        width: 5rem;
        height: 5rem;
    }
    span.button_cta_item_image {
        width: 2.5rem;
        height: 2.5rem;
    }
    div#popup_project_form {
        width: 50rem;
    }
    section.single_banner {
        height: 35rem;
    }
    [data-open="#main-menu"] {
        display: block;
        width: 4rem;
        height: 4rem;
        background-image: url(../images/icon_menu.svg) !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: left center !important;
        background-color: unset !important;
        padding: 0 !important;
    }
    [data-open="#main-menu"] i {
        display: none;
    }
    [data-open="#search-lightbox"] {
        width: 2rem;
        height: 2rem !important;
    }
    .button_cta_fixed_subscribe.relative {
        display: none;
    }
    /*.language_desktop{*/
    /*    display:none !important;*/
    /*}*/
    .language_mobile{
        display:flex;
    }

    ul.language_mobile {
        gap: 0.417rem;
        font-size: 1rem !important;
    }

    ul.language_mobile li:not(:last-child) {
        padding-right: 8px;
        border-right: 1px solid gray;
    }

    ul.language_mobile li {
        font-size: 1.2rem !important;
        font-family: 'Bricolage Grotesque';
        font-weight: 500;
    }

    ul.language_mobile li.active {
        color: rgba(223, 161, 88, 1);
    }
    .nav_header {
        margin-left: auto;
        padding-right: 1rem;
    }
    .home_4_image .swiper-pagination {
        position:unset;
        margin-top:1rem;
    }

    .home_4_image .swiper-pagination .swiper-pagination-bullet {
        background: rgba(41, 91, 50, 1) !important;
    }
    .about_formed_pagination .swiper-pagination{
        column-gap:7rem;
    }
    .about_formed_pagination .swiper-pagination:before{
        width:100%;
    }
    .about_formed_year_slider {
        width: 100%;
    }
    .about_formed_year_slider .swiper-slide{
        line-height:normal;
    }
    .slider_box.relative {
        width: 35.271rem;
        height: 35.271rem;
    }
    .language_desktop li.current_lang {
        width: fit-content;
        border-radius: 0;
        background: none;
        color: black;
    }
    .language_desktop li.current_lang a {
        width: fit-content;
    }


    .language_desktop li {
        width: fit-content !important;
    }

    li.action_language u.language_desktop {
        margin-left: auto;
        width: fit-content !important;
    }

    ul.language_desktop {
        align-items: end;
        justify-content: end;
        margin-right: 1rem !important;
    }
    .language_desktop li, .language_desktop li a {
        font-size: 1.1rem !important;
    }
    li.action_language {
        padding-top: 3rem;
    }

    .language_desktop li.current_lang {
        background: none !important;
        color: rgba(223, 161, 88, 1) !important;
    }

    .language_desktop li a {
        border-left: 1px solid black !important;
        padding-left: 1rem !important;
    }
    /*.about_formed_pagination {*/
    /*    padding-top: 3rem;*/
    /*}*/

    .about_formed_pagination:before {
        top: 3.5%;
        width: 100%;
        height: 2px;
        left: 50%;
    }

    .about_formed_year_slider .swiper-slide:before {
        top: 0;
        left: 50%;
        width:0.8rem;
        height:0.8rem;
    }

    .about_formed_year_slider .swiper-slide {
        padding-right: 0;
        padding-top: 3rem;
    }
    .about_formed_year_slider{
        margin-top:0;
    }
    .button_cta_fixed_subscribe ul li {
        font-size:1.2rem;
    }
}
@media only screen and (max-width: 767px) {

    html{
        font-size: 3.5vw;
    }
    #search-page .box_cta_fill {
        margin-top:1.5rem !important
    }
    .banner_default_option {
        min-height: 30rem;
        position: relative;
    }
    .header-wrapper.stuck {
        position: fixed;
    }
    header .stuck #logo img {
        max-height: 3rem !important;
    }
    .header.show-on-scroll, .stuck .header-main {
        height: 55px !important;
    }
    .project_row {
        max-width: var(--container-w);
    }
    .mobile_display{
        display: block;
    }
    .desktop_display{
        display: none;
    }
    h1{
        font-size:2rem;
        line-height: 1.3;
    }
    h2 {
        font-size: 2.05em;
        line-height:1.2;
    }
    h3 {
        font-size: 1.2rem;
    }
    section.home_sec_1 {
        min-height: 10rem;
    }
    .box_content {
        font-size: 1.3rem;
        line-height: 1.5;
    }
    .box_cta button {
        font-size: 1.1rem;
    }
    .grid-container{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .load_home_page svg {
        width: 240px;
    }
    #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;
    }
    .search-tabs .search-grid{
        grid-template-columns: 1fr 1fr;
        grid-gap: 1.5rem 1rem
    }
    .footer_bottom{
        margin-top: 1rem;
    }
    .footer_item.footer_address {
        margin: 1rem 0;
    }
    .footer_item.footer_contact {
        margin: 1rem 0;
    }

    .footer_item.footer_policy {
        margin: 1rem 0;
    }
    .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;
    }

    .home_sec_1 .homeSlider .swiper-slide> img {
        height: 50vh;
    }
    .home_sec_2 .home_2_content {
        padding: 0;
    }
    .home_3_content {
        padding: 0;
    }
    .home_2_content.relative.text-center {
        padding-bottom: 15rem;
    }
    .home_sec_2:before {
        top: 64%;
    }
    .home_sec_2:before {
        height: 10rem;
    }
    .home_sec_2:after {
        height: 5.552rem;
    }
    .home_3_slider .slider_box_content {
        font-size: 1.5rem;
        padding: 0 0.78125rem;
    }
    .home_sec_3 .slider_box_cta {
        font-weight: 400;
        font-size: 0.7rem;
        text-transform: none;
        gap: 0.417rem;
        opacity: 0;
        transition: .5s all;
    }
    .slider_box_cta svg {
        width: 0.78125rem;
        height: 0.78125rem;
    }
    .home_sec_4 {
        padding-top: 5rem;
    }

    .home_sec_2 .box_image {
        max-width: 6.229rem;
        height: 5.396rem;
    }
    .home_sec_2 {
        padding-top:3rem;
    }
    .home_3_content{
        margin-bottom: 0;
    }
    .home_sec_3 .swiper-pagination-bullet {
        background: rgba(25, 58, 27, 0.8);
    }
    i.icon-search {
        font-size: 1.2rem !important;
    }
    .nav>li>a>i.icon-menu {
        font-size: 2.2rem;
    }
    header #logo img {
        max-height: 3.5rem !important;
    }
    .home_sec_4 .box_title{
        row-gap: 1rem;
    }
    .project_slider_box {
        max-width: 100%;
        height: 20rem;
    }
    .sustain_heading{
        justify-content: space-between;
    }
    .home_sec_5 .heading_line {
        width: 5.9375rem;
    }
    .home_sec_5 {
        margin-top: 4rem;
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .home_sec_5 .sustain_number {
        font-size: 2.5rem;
    }
    .home_sec_5 .sustain_content {
        font-size: .9rem;
    }
    .home_sec_6 {
        padding-top: 3rem;
    }
    .home_sec_6 .blog_content_slider {
        max-width: 18.917rem;
    }
    .home_sec_6 .box_slider .box_content {
        padding: 1.5rem;
    }
    .home_sec_6 .box_title h3 {
        font-size: 1.2rem;
        line-height: 1.6rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .home_sec_6 .blog_content_slider {
        bottom: -25%;
        left: -2%;
        max-width: 18rem;
        height: 13rem;
        background: rgba(25, 58, 27, 1);
        border-radius: 0.521rem;
    }
    .blog_slider_box {
        max-width: 100%;
        width: 100%;
        aspect-ratio: 5 / 3;
    }
    .home_sec_6 .swiper-pagination {
        bottom: 5%;
        text-align: left;
        left: 7%;
    }
    .home_blog_container .box_item {
        width: calc(100% / 2 - calc(1.042rem * 1 / 2));
    }
    .home_blog_list .box_content .box_title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    .home_sec_6 .home_blog_container {
        padding-bottom: 3rem;
    }
    .home_sec_6 .box_title {
        margin-bottom: 0.3rem;
    }
    .home_sec_7 .partner_slider_box {
        padding: 1rem;
    }
    footer .footer_item_title h3 {
        font-size: 1.3rem;
    }
    footer li {
        font-size: 1.2rem;
    }
    .footer_top_image {
        max-width: 10.646rem;
        height: 2.792rem;
    }
    footer{
        background-image: none !important;
    }
    .footer_bottom_content {
        font-size: .8rem;
        justify-content: center;
    }
    .header, .header-wrapper {
        position: relative;
    }
    .header-wrapper:before {
        content: unset;
    }
    .home_banner_container {
        width: 100%;
        bottom: 5rem;
    }
    .home_sec_1 .swiper-pagination {
        left: 0;
    }
    .home_banner_img {
        width: 2.5rem;
        height: 2.5rem;
        margin-left: 1.823rem;
    }
    .home_banner_img .banner_img_border {
        width: 4.2rem;
        height: 4.2rem;
    }
    .home_banner_img {
        width: 3.5rem;
        height: 3.5rem;
        margin-left: .5rem;
    }
    .homeSlider:before {
        height: 1.9rem;
    }
    .home_banner_content {
        row-gap: 1.5rem;
    }
    i.icon-menu, i.icon-search {
        filter: brightness(0);
    }
    .load_home_page {

    }
    .load_home_page img{
        width: 17.78125rem;
        height: 5.78125rem;
    }
    .about_sec_1 {
        min-height: 25rem;
    }

    .about_2_content {
        padding: 0;
    }

    .about_3_vision {
        flex-wrap: wrap;
    }

    .about_3_list {
        flex-wrap: wrap;
    }
    .about_3_item {
        flex-wrap: wrap;
    }

    .about_3_list .about_3_item:nth-child(odd) .item_image {
        margin-left: 0;
    }
    .about_3_list .about_3_item .item_image {
        width: auto;
    }
    .about_3_list .about_3_item:nth-child(even) .item_image {
        margin-right: 0;
        order: 0;
    }
    .about_4_bottom {
        bottom: 0;
    }
    .about_4_list .list_item {
        width: 100%;
        padding-bottom: 0;
    }

    .about_4_list {
        flex-wrap: wrap;
        gap:2rem;
    }

    .about_sec_4 {
        min-height: 50rem;
    }
    .about_sec_4 {
        background-position: 60% !important;
    }
    .about_formed_slide_wrap {
        width: 100%;
        height: auto;
        flex-wrap: wrap;
    }

    .about_formed_slide_left {
        width: 100%;
    }

    .about_formed_slide_right {
        width: 100%;
    }
    .about_formed_pagination .swiper-pagination:before {
        width: 100%;
    }
    .project_sec_2 .project_item {
        width: 100%;
    }

    .project_list {
        flex-wrap: wrap;
    }
    .project_sec_1 {
        min-height: 30rem;
    }
    .box_cta_fill button {
        font-size: 1.3rem;
    }
    .single_project_banner_image {
        height: 30rem;
    }
    .single_project_banner_container:before {
        width: 100%;
        height: 100%;
    }
    .single_project_2_pattern {
        content: unset  ;
    }
    ul.single_project_overview {
        margin: 3rem 0 .5rem 0;
    }
    .single_project_3 {
        min-height: 20rem;
    }
    .single_project_last_mini_box {
        padding: 3rem 1rem;
    }
    .single_project_last_mini_box {
        flex-wrap: wrap;
    }

    .single_project_mini_image {
        width: 100%;
        max-height: 10rem;
    }
    .profile_position {
        font-size: 1.2rem;
    }
    .profile_ceo {
        flex-wrap: wrap;
    }

    .profile_ceo_image {
        width: 100%;
        height:auto;
    }

    .profile_detail {
        width: 100%;
        padding: 2rem;
        height: auto;
    }

    .profile_member_item .profile_detail {
        width: 100%;
        order:1;
    }

    .profile_member_item {
        width: 100%;
        flex-wrap: wrap;
    }

    .profile_member_item .profile_member_item_image {
        width: 100%;
    }
    .profile_members_list .profile_member_row:nth-child(odd) .profile_member_item .profile_detail {
        order: 1;
    }
    .profile_popup_info_heading {
        flex-wrap: wrap;
    }

    .profile_popup_info_left {
        width: 50%;
        height: 9rem;
    }
    .profile_popup_info {
        padding: 0 1rem;
    }

    .profile_popup_info_position {
        font-size: 1.35rem;
    }

    .profile_popup_info_email {
        font-size: 1.3rem;
    }

    .profile_popup_info_cta_item {
        font-size: 1.3rem;
    }

    .profile_popup_content.box_content {
        max-height: 10rem;
        padding-right: 1rem;
        margin-right: 0.5rem;
    }
    .profile_popup_heading_background {
        width: 100%;
        height: auto;
    }
    .profile_sec_1 {
        min-height: 30rem;
    }
    .blog_list_1 {
        height: 30rem;
    }

    .swiper.hot_blog_content_swiper {
        bottom: -25%;
        width: 75%;
    }

    .hot_blog_title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .hot_blog_list {
        margin-top: 13rem;
    }

    .hot_blog_content .blog_detail_category {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    a.hot_blog_item {
        width: 100%;
        flex-wrap: wrap;
    }

    .hot_blog_list {
        flex-wrap: wrap;
    }

    .blog_list_category ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    .blog_list_main .blog_item {
        width: 100%;
    }
    .single_post_1 h1 {
        width: 100%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
        padding: 0 2rem;
    }

    .single_post_detail {
        flex-wrap: wrap;
        row-gap: 1rem;
        margin-top: 1.2rem;
    }
    .blog_detail_category {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
    .single_post_list .swiper-pagination{
        margin-top: 1rem;
    }
    section.single_post_3 {
        padding: 2.5rem 0;
    }
    .single_post_main_tags {
        flex-wrap: wrap;
        align-items: start;
    }

    .single_post_main_tags ul {
        flex-wrap: wrap;
    }
    .recruitment_image_box {
        padding-left: 0;
        height: auto;
    }

    .recruitment_sec_5 .box_search label {
        padding: .2rem;
    }

    .recruitment_job_item {
        flex-wrap: wrap;
    }

    .recruitment_job_item {
        padding: 1rem;
    }

    .recruitment_sec_5 .recruitment_job_item_wrap .box_cta_fill {
        margin-top: 1rem;
    }
    section.single_post_1 {
        height: 30rem;
    }
    section.single_post_2 {
        padding-top: 5.125rem;
    }
    .single_post_main_heading h2 {
        font-size: 2.2rem;
    }
    .single_post_date_svg {
        width: 1.2rem;
        height: 1.2rem;
    }
    .single_recruitment_1 {
        min-height: 30rem;
    }
    .single_recruitment_1 {
        min-height: 30rem;
    }
    .box_cta_fill {
        margin-top: 1.5rem !important;
    }


    .single_recruitment_detail {
        flex-wrap: wrap;
    }

    .single_recruitment_detail_left {
        width: 100%;
        padding: 1.5rem;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 0;
        border-top-right-radius: 10px;
    }

    .single_recruitment_detail_right {
        width: 100%;
        border-top-right-radius: 0;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
    }

    .single_recruitment_job_item {
        flex-wrap: wrap;
    }

    ul.single_recruitment_job_content {
        width: 100%;
    }
    .single_recruitment_job_title {
        width: 100%;
    }
    .single_recruitment_job_list {
        padding: 0 0.78125rem;
    }
    .single_recruitment_apply {
        flex-wrap: wrap;
        row-gap: 2rem;
    }
    .single_recruitment_apply_content {
        width: 100%;
        line-height: 1.4;
    }
    .single_recruitment_more_job {
        margin-top: 1.5rem;
    }
    section.single_recruitment_3 {
        padding-top: 3rem;
        padding-bottom: 3.625rem;
    }
    section.single_recruitment_2 {
        padding-top: 3rem;
    }
    .contact_heading {
        padding: 0;
    }
    section.contact_sec_2 {
        margin-top:3rem;
    }
    .contact_sec_1 {
        min-height: 30rem;
    }
    .contact_item {
        width: 100%;
    }
    .contact_form_container {
        padding: 2rem 1rem;
    }
    .sustainability_sec_1 {
        min-height: 30rem;
    }
    .sustainability_commit_count_content {
        font-size: 1.2rem;
    }

    .sustainability_commit_bottom {
        font-size: 1.2rem;
    }

    .sustainability_work_heading {
        padding: 0;
    }

    .sustainability_commit_heading {
        padding: 0;
    }

    .sustainability_work_item_content_title {
        font-size: 3rem;
    }

    .sustainability_work_item_content_text {
        font-size: 1.3rem;
    }

    .sustainability_work_item_content_left {
        height: 12rem;
    }

    .sustainability_sec_1 {
        min-height: 30rem;
    }

    section.sustainability_sec_2 {
        padding-top: 3rem;
    }

    .sustainability_commit_count {
        flex-wrap: wrap;
        row-gap: 2.2rem;
    }

    .sustainability_commit_bottom {
        font-size: 1.3rem;
    }

    .sustainability_commit_count_content {
        font-size: 1.3rem;
    }

    .sustainability_commit {
        padding-bottom: 14rem;
    }
    section.sustainability_sec_2:after {
        height: 2.552rem;
    }
    .popup_subscribe_home_left {
        width: 100%;
    }

    .popup_subscribe_home_wrap {
        flex-wrap: wrap;
    }

    .popup_subscribe_home_info {
        padding: 2rem;
    }
    .recruitment_image_swiper .swiper-pagination {
        padding-left: 0;
    }
    .sustainability_work_item_content.absolute {
        right: 0;
    }

    .sustainability_work_item:nth-child(even) .sustainability_work_item_content {
        left: 0;
    }

    .sustain_content {
        color: black;
    }
    .home_sec_5 {
        margin-top:2rem;
        min-height: 30rem;
        padding-top:1rem;
    }
    .home_3_slider{
        margin:0;
    }
    .header-wrapper.stuck .logo {
        order: 2;
    }
    .home_sec_3 .slider_activity_wrap{
        margin:0;
    }
    .slider_box.relative {
        width: 27.271rem;
        height: 27.271rem;
    }
    .project_slider_content_title {
        font-size: 1.3rem;
        position: relative;
        z-index: 100;
    }
    span.project_slider_content_name {
        font-size: 2rem;
        position: relative;
        z-index: 100;
    }
    span.project_slider_content_name {
        font-size: 2rem;
    }
    .about_formed_year_slider {
        width: 70%;
    }
    .header-wrapper.stuck .header-inner {
        gap: 0;
    }
    header .stuck #logo img{
        max-height: 3.5rem !important;
    }
    .nav>li.has-icon>a>i {
        font-size: 1.5rem !important;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li>a {
        font-size: 1.3rem;
        text-transform: none;
        font-family: 'Bricolage Grotesque';
        color: black;
        font-weight: 500;
    }
    .header-wrapper.stuck {
        position: fixed !important;
        transition: .5s all;
    }
    .header, .header-wrapper {
        position: unset !important;
        transition: .5s all;
    }
    .about_sec_3 {
        padding-top: 3rem;
    }
    .about_3_item .item_content {
        padding-bottom: 0;
    }
    section.about_sec_5 {
        padding-top: 3.5rem;
        padding-bottom: 3rem;
    }
    .button_cta_fixed {
        right: 4%;
    }
    .button_cta_fixed ul.button_cta_menu {
        width: 3.5rem;
        height: 3.5rem;
    }
    .button_cta_fixed ul.button_cta_menu:before {
        width: 4.5rem;
        height: 4.5rem;
    }
    span.button_cta_fixed_menu {
        width: 1.6rem;
        height: 1.6rem;
    }
    li.button_cta_item {
        width: 3.5rem;
        height: 3.5rem;
        margin: 1.5rem 0;
    }
    li.button_cta_item:before {
        width: 4.5rem;
        height: 4.5rem;
    }
    ul.button_cta_menu.active .button_cta_fixed_menu_closed {
        width: 1.6rem;
        height: 1.6rem;
    }
    .back_to_top button {
        width: 3.5rem;
        height: 3.5rem;
    }

    .back_to_top {
        left: 3%;
    }

    span.back_to_top_svg {
        width: 1.6rem;
        height: 1.6rem;
    }
    .home_sec_3 .swiper-pagination {
        position: unset;
        margin-top: 1rem;
    }
    .home_sec_4 {
        padding-top: 3rem;
    }
    .swiper.home_blog_slider {
        margin-left: 2rem;
    }

    .swiper.blog_content_slider {
        margin-left: 0.7rem;
    }
    section.home_sec_7 {
        padding-bottom: 3rem;
    }
    .sustainability_commit {
        padding-bottom: 11rem;
    }
    .sustainability_work_item_content.absolute {
        right: 0;
        width: auto;
        padding: 0 0.78125rem;
    }
    .sustainability_work_item {
        height: 100%;
    }
    .sustainability_work_item_image {
        width: 100%;
        height: unset;
        aspect-ratio: 1 / 1;
        background: black;
    }
    .sustainability_work_item_image img {
        opacity: 60%;
    }
    section.sustainability_sec_4 {
        padding-top: 3rem;
    }
    .hot_blog_box {
        margin-left: 2rem;
    }
    .hot_blog_box {
        margin-left: 0;
    }

    .swiper.hot_blog_content_swiper {
        width: 100%;
        margin-left: 0;
        left: 0;
        bottom: -69%;
        height: 12rem;
    }
    section.blog_list_3 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .fancybox-slide--html {
        padding: 10px;
    }
    div#contact_popup0 {
        padding: 1rem;
    }
    section.contact_sec_3 {
        padding-bottom: 3rem;
    }
    section.profile_sec_2 {
        padding-bottom: 3rem;
    }
    .project_sec_2 {
        padding-bottom: 3rem;
    }
    .project_sec_2 {
        padding-bottom: 3rem;
    }

    .item_icon {
        width: 1.2rem;
        height: 1.2rem;
    }

    .project_sec_2 li {
        font-size: 1.2rem;
    }

    .project_sec_2 .item_image_content_cta {
        font-size: 1.2rem;
    }

    .project_sec_2 .item_image_content_cta_svg {
        width: 1.6rem;
        height: 1.6rem;
    }
    .project_sec_2 .item_image_content_heading {
        font-size: 1.2rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    .single_project_2 .box_cta_fill {
        margin-top: 0 !important;
    }
    .box_cta button {
        font-size: 1.3rem;
    }

    .subscribe_advice_form_pattern {
        width: 5rem;
        height: 7rem;
    }
    .single_project_2 {
        margin-top: 3rem;
    }
    section.single_project_fc {
        padding-top: 3rem;
    }

    .single_project_5 {
        padding-top: 3rem;
    }

    section.single_project_6 {
        margin-top: 3rem;
    }

    section.subscribe_advice_form {
        padding-top: 3rem;
    }
    .blog_list_2 {
        padding-top: 3rem;
    }
    section.recruitment_sec_2 {
        padding-top: 3rem;
    }

    section.recruitment_sec_4 {
        padding-top: 3rem;
    }

    section.recruitment_sec_5 {
        margin-top: 3rem;
    }

    .recruitment_sec_6 {
        margin-top: 0;
    }
    .single_recruitment_job_content {
        flex: auto;
        padding-left: 0.521rem;
        font-size:1.2rem;
    }
    .single_recruitment_job_item{
        padding-bottom: 0;
    }
    .project_slider_content {
        width: 15rem;
    }
    span.project_slider_content_name {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .blog_list_2 .hot_blog_image_box {
        /*height: 20rem;*/
        display: block;
    }
    /*.blog_list_2 .hot_blog_image_box img{*/
    /*    height:100%;*/
    /*}*/
    /*.hot_blog_item_image {*/
    /*    height: 20rem;*/
    /*}*/
    .hot_blog_item {
        height: 100%;
    }
    .hot_blog_list{
        height:auto;
    }
    .language_desktop li{
        color:black;
    }
    .language_desktop {
        border:1px solid black;
    }
    .language_desktop li {
        height: 2.3rem;
        width: 2.3rem;
        font-size: 1.25rem;
    }
    div#logo {
        margin: 0;
    }
    .stuck .flex-right {
        margin-right: 0 !important;
    }
    .single_project_2 .medium-6:last-child .single_project_overview {
        margin-top: 0;
    }
    .apply_form_wrap .row {
        padding: 0;
    }
    div#popup_form_apply {
        padding: 1.823rem;
    }
    .popup_form_apply_note {
        padding: 0;
        font-size: 1.2rem;
    }

    .popup_form_apply_note a {
        font-size: 1.2rem;
    }
    .wpcf7-form-control.wpcf7-file {
        width: 100% !important;
        max-width: 100%;
        box-sizing: border-box;
        font-size: 14px;
    }

    .wpcf7-form-control.wpcf7-file::-webkit-file-upload-button {
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 6px;
        padding: 6px 12px;
        font-size: 14px;
        cursor: pointer;
    }

    .wpcf7-form-control.wpcf7-file::file-selector-button {
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 6px;
        padding: 6px 12px;
        font-size: 14px;
        cursor: pointer;
    }
    .apply_form_wrap .box_cta_fill {
        margin-top: 0 !important;
    }
    .ez-toc-heading-level-2 > a {
        font-size: 1.4rem !important;
    }

    .ez-toc-heading-level-3 > a {
        font-size: 1.3rem !important;
    }
    .header-wrapper.stuck .header-logo {
        display: block;
    }

    .header-wrapper.stuck img.header-logo-dark {
        display: none !important;
    }
    .single_project_slider_image {
        width: 100%;
        height:auto;
    }

    .single_project_slider_content {
        width: 100%;
        font-size:1.4rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }

    .single_project_slider_bg {
        flex-wrap: wrap;
        padding:1rem;
    }
    .single_project_banner_container.absolute {
        padding: 0 1rem;
    }
    .nav_mobile_menu svg path {
        stroke: black;
    }
    .nav_mobile_menu {
        transform: translate(-.7rem, 0rem);
    }
    .swiper.home_blog_slider{
        margin-left: 0;
    }

    .swiper.blog_content_slider {
        left: 0;
        margin-left: 0;
        max-width: 100%;
        bottom: -75%;
    }
    header#header {
        position: relative !important;
        z-index: 1001;
    }
    .mfp-content {
        top: 59px !important;
    }
    .home_sec_6 .home_blog_list {
        margin-top: 14rem;
    }
    /*li.category_cta {*/
    /*    display: none !important;*/
    /*}*/
    .menu_product_1{
        display:none !important;
    }
    li.menu_all_blog {
        font-size: 1.3rem;
    }
    .popup_subscribe_home_left {
        height: 10rem;
    }
    .popup_subscribe_home .box_cta_fill {
        margin-top: 0 !important;
    }
    .homeSlider:before {
        height: 7rem;
    }
    .header-inner {
        padding: 0.677rem 0.78125rem;
    }
    .single_post_2_pattern {
        pointer-events: none;
    }

    section.single_post_2.relative {
        padding-top: 7rem;
    }
    .sustainability_work_item_content_wrap {
        padding: 0;
        display: block;
        padding: 3rem 0;
    }

    .sustainability_work_item_content.absolute {
        position: relative !important;
        top: unset !important;
        left: unset !important;
        right: unset !important;
        bottom: unset !important;
    }

    .sustainability_work_item_image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .sustainability_work_item_content_wrap >*:nth-child(1) {
        width: 100% !important;
    }

    .sustainability_work_item_content_wrap .sustainability_commit_count * {
        text-align: left !important;
        line-height: 1;
    }

    .sustainability_work_item_content_wrap span.sustainability_commit_count_number_box {
        font-size: 3rem;
        line-height: 1;
    }

    .sustainability_work_item_content_wrap .sustainability_commit_count {
        font-size: 3rem !important;
        margin-top: 3rem;
    }

    .sustainability_work_item_content_wrap .sustainability_commit_count .sustainability_commit_count_number.relative {
        line-height: 1 !important;
        font-size: inherit;
    }
    li.nav-icon.has-icon{
        display:block;
    }
    i.icon-menu {
        filter: brightness(0);
    }
    .button_cta_fixed_subscribe.relative {
        position: fixed !important;
        bottom: 5%;
        z-index: 999;
        right: 50%;
        transform: translateX(50%);
    }
    .button_cta_fixed_subscribe ul:before {
        height: 4.6rem;
    }
    .project-template-default .stuck .flex-right {
        margin-right:0 !important;
        width:fit-content !important;
    }
    .project-template-default header .button_cta_fixed_subscribe.relative {
        display:none;
    }
    .button_cta_fixed_subscribe ul:before {
        width: calc(100% + .75rem);
        height: calc(100% + .75rem);
    }
    .button_cta_fixed ul.button_cta_menu {
        width: 3.5rem;
        height: 3.5rem;
        display: none;
    }

    h2 {
        font-size: 1.6rem;
    }
    .box_content {
        font-size: 1.2rem;
    }
    .box_cta_fill button {
        font-size: 1rem;
    }
    .home_3_slider .slider_box_content {
        font-size: 1.1rem;
    }
    .box_cta_fill {
        margin-top: 0 !important;
        z-index:1;
    }
    .project_slider_box {

        height: 13rem;
    }
    .home_blog_container .box_item {
        width: 100%;
    }
    .home_blog_list .box_content .box_title {
        font-size: 1.2rem;
    }
    .footer_top_content {
        font-size: 1.2rem;
    }
    .about_sec_1 {
        min-height: 15rem;
    }
    .about_3_item {
        flex-wrap: wrap;
        gap: 2rem;
    }
    .about_sec_4 .about_4_heading {
        top: 7vh;
    }

    .about_4_bottom {
        bottom: 10%;
    }
    .about_5_slider {
        flex-direction: column-reverse;
    }
    .about_formed_slide_title {
        display: none;
    }
    .project_sec_1 {
        min-height: 15rem;
    }
    .single_project_banner_image {
        height: 15rem;
    }
    .single_project_2 .box_cta_border button {
        font-size: 1.1rem;
    }
    .sustainability_sec_1 {
        min-height: 15rem;
    }

    section.sustainability_sec_2:after {
        content: unset;
    }
    .blog_list_1 {
        height: 15rem;
    }
    .recruitment_sec_1 {
        height: 15rem;
    }
    .recruitment_sec_6 {
        height: 15rem;
    }
    section.single_recruitment_2 {
        padding-top: 7rem;
    }
    .single_recruitment_share.flex.items-center {
        display: none;
    }
    .contact_sec_1 {
        min-height: 15rem;
    }
    .contact_sec_1 {min-height: 15rem;}

    .back_to_top button {
        width: 2.5rem;
        height: 2.5rem;
    }

    span.back_to_top_svg {
        width: 1.3rem;
        height: 1.3rem;
    }

    .back_to_top {
        right: 3%;
        left: unset;
    }
    .profile_sec_1 {
        min-height: 15rem;
    }
    .profile_sec_1 {
        min-height: 15rem;
    }

    .profile_detail_icon {
        display: none;
    }

    .profile_name {
        margin-top: 0;
    }
    .logo a {
        display: flex;
        justify-content: center;
    }
    .popup_subscribe_home_left {
        display: none;
    }
    .popup_subscribe_home textarea {
        min-height: 5rem;
    }
    .button_cta_fixed_subscribe.relative {
        display: none;
    }
    .button_cta_fixed_subscribe.relative {
        display: none;
    }
    .project-template-default .button_cta_fixed_subscribe.relative {
        display:block;
    }
    .single_project_overview_hidden.mobile_display {
        display: flex;
        flex-direction: column;
        row-gap: 1.667rem;
    }
    .project-template-default .mobile-sidebar .button_cta_fixed_subscribe.relative {
        display: none;
    }


    .about_sec_2 {
        padding-top: 2rem;
    }
    h1 .ef-img-t {
        font-size: 2rem;
    }
    .sustainability_commit_count_number {
        font-size: 3rem;
    }

    .sustainability_work_item_content_title {
        font-size: 2.5rem;
    }

    .sustainability_work_item_content_wrap span.sustainability_commit_count_number_box {
        font-size: 2.5rem;
    }
    .single_post_main_heading h2 {
        font-size: 2rem;
    }

    .single_post_main .single_post_category a{
        font-size: 1.2rem;
    }

    .single_post_main .single_post_date {
        font-size: 1.2rem;
    }
    .recruitment_sec_5 .recruitment_job_item_wrap .box_cta_fill {
        margin-top: 1rem !important;
    }
    .home_sec_2 {
        padding-top: 1.5rem;
    }
    .single_post_main_tags li a {
        padding: 0.4rem 0.7rem;
    }
    section.tag_page {
        padding: 3rem 0;
    }

    .tag_page h2 {
        font-size: 1.8rem;
    }
    div#fancybox-container-1 {
        z-index: 10000000000;
    }
    .home_banner_container {
        bottom: 2rem;
    }

    .home_banner_title .content {
        font-size: 1rem;
    }

    .home_banner_content {
        row-gap: 1rem;
    }
    .home_sec_1 .homeSlider .swiper-slide> img {
        height: 22vh;
    }
    .home_banner_title.relative h1 {
        font-size: 1.45rem;
    }
    .home_4_content h2 {
        margin: 0 auto;
    }

    .home_6_content .box_title {
        flex-wrap: wrap;
    }

    .home_6_content .box_cta_fill {
        width: 100%;
        display: flex;
        justify-content: end;
    }
    .home_sec_6 .box_slider{
        margin-top:1rem;
    }
    .header-wrapper.stuck {
        box-shadow: none;
    }
    /*.language_desktop{*/
    /*    display:none !important;*/
    /*}*/
    .language_mobile{
        display:flex;
    }
    section.single_banner {
        height: 15rem;
    }
    .homeSlider .swiper-slide {
        height: 14rem;
    }
    .home_sec_1 .homeSlider .swiper-slide> img {
        height: 14rem;
    }
    .homeSlider .swiper-slide:before {
        height: 5rem;
    }
    .home_sec_4 .box_cta_fill{
        margin:1rem auto 0 !important;
        width:fit-content
    }
    [data-open="#main-menu"]{
        width:3rem;
        height:3rem;
    }
    .single_banner h1.absolute{
        padding:1rem;
        font-size:2.5rem;
    }
    .row.footer_middle{
        padding-bottom:0;
    }
    ul.sub-menu.nav-sidebar-ul.children li a {
        padding: 1rem 3rem !important;
    }

    ul.sub-menu.nav-sidebar-ul.children {
        padding-bottom: 1rem !important;
    }
    .project_sec_2 .item_image_content_heading {
        font-size: 1rem;
    }

    .project_sec_2 li {
        font-size: 1rem;
    }

    .project_sec_2 .item_image_content_cta {
        font-size: 1rem;
    }
    .home_sec_3 .swiper-slide-active .slider_activity_wrap .slider_box_image:before,
    .home_sec_3 .swiper-slide-active .slider_activity_wrap .slider_box_image:after{
        width: calc(100% - 20px);
        transition: width 0.3s linear;
    }

    .home_sec_3 .swiper-slide-active .slider_activity_wrap .slider_box:before,
    .home_sec_3 .swiper-slide-active .slider_activity_wrap .slider_box:after{
        height: calc(100% - 20px);
        transition: height 0.3s linear;
    }
    .home_activity_slider .swiper-slide-active .slider_box .slider_box_name{
        transform: translateY(0);
        transition: .5s all;
        color: rgba(223, 161, 88, 1);
    }
     .home_3_list .home_3_item .slider_box_name{
        font-size:1.4rem;
    }
        .home_3_list .home_3_item:hover .slider_box .slider_box_name{
        transform: translateY(0);
        transition: .5s all;
        color: rgba(223, 161, 88, 1);
    }

        .home_activity_slider .swiper-slide-active .slider_box .slider_box_cta,
        .home_3_list .home_3_item:hover .slider_box .slider_box_cta{

        opacity:1;
        transition:.5s all;
    }
    .about_formed_pagination .swiper-pagination {
        column-gap: 2.5rem;
    }
    .about_formed_year_slider {
        width: 100%;
        line-height:normal !important;
    }
    .about_formed_year_slider .swiper-slide-active {
        font-size: 1.5rem;
        text-align: center;
    }
    .about_formed_year_slider .swiper-slide:hover {
        font-size: 1.5rem;
        text-align: center;
    }
    .about_formed_year_slider{
        font-size:1.5rem;
        text-align: center;
    }
    span.category_cta_svg.inline-block svg {
        width: 100%;
        height: 100%;
        display: block;
    }
    span.category_cta_svg.inline-block {
        width: 1.7rem;
        height: 1.7rem;
        flex: 0 0 auto;
    }
    .home_3_list {
        display: flex;
        flex-direction: column;
        row-gap: 1rem;
        justify-content: center;
        align-items: center;
    }

    .home_3_item {
        width: 26.2857rem;
        height: 26.2857rem;
    }
    .slider_box_image img {
        width: 100%;
        height: 100%;
    }
    .home_3_item .slider_activity_wrap .slider_box {
        width: 100%;
        height: 100%;
    }
    .about_formed_pagination .swiper-pagination-bullet-active:before{
        content:unset;
    }
    .popup_project_pccc,
    div#popup_project_donvi{
        padding: 2rem;
    }
    .about_formed_pagination:before{
        top:6.5%;
    }
    li.flex.items-start.mobile_display{
        display:flex;
    }
    /*.about_formed_year_slider .swiper-slide {*/
    /*    color: rgba(41, 91, 50, 1);*/
    /*}*/
    /*.about_formed_year_slider .swiper-slide:before{*/
    /*    background:rgba(41, 91, 50, 1);*/
    /*}*/
    .hot_blog_list {
        row-gap: 1.042rem;
    }
    .hot_blog_item_image img {
        aspect-ratio: 5 / 3;
    }

    .ef-img-t {
        display: inline !important;
        opacity: 1 !important;
        transform: unset !important;
        animation: unset !important;
        animation-delay: unset !important;
    }
}