:root{
    --main-cl: #F27325;
    --sub-cl: #F27325;
    --container-w: 72.917rem;
}

body::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 0.3rem rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

body::-webkit-scrollbar
{
    width: 0.417rem;
    background-color: #cedbff;
}

body::-webkit-scrollbar-thumb
{
    background-color: var(--main-cl);
}

input, optgroup, select, textarea{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
    outline: none !important;
}
body{
    overflow-x: hidden;
}

.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.479rem;
    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%);
}
img.bg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

header#header {
    position: fixed;
    height: auto !important;
}

.header-main {
    height: auto !important;
}

body .header.show-on-scroll,body .stuck .header-main {
    height: auto !important;];]
a;];
}

body .stuck #logo img {
    max-height: unset !important;
    filter: brightness(1) invert(0);
    height: 3rem !important;
}

#logo {
    width: auto !important;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    flex: 0 0 auto;
    margin: 0;
    z-index: 99;
}

#logo img {
    max-height: unset !important;
    height: 6.5rem !important;
    filter: brightness(0) invert(1);
    transition: .5s all;
}

.header-nav.nav>li>a {
    padding: 0;
    line-height: 3.8rem !important;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 500;
    padding: 0 0.75rem;
    min-height: 3.8rem !important;
    position: relative;
    transition: .5s all;
}

.header-bg-color {
    background: #fff;
    opacity: 0;
    transition: .5s all;
}

body {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 0.9rem;
    color: #454545;
}

.header-nav.nav>li {
    margin: 0;
}

.header-nav.nav>li + li {
    margin-left: 1.25rem;
}

.header .flex-row {
    max-width: unset !important;
    justify-content: center !important;
    padding: 0;
}

.nav-left {
    justify-content: flex-end;
    padding-right: 7.5rem;
}

.nav-right {
    justify-content: flex-start;
    padding-left: 7.5rem;
}

.header-nav.nav>li svg {
    height: 1.2rem;
}

.nav-left,.nav-right {
    position: relative;
}

.nav-left:before, .nav-right:before {
    height: 1px;
    background: rgba(153, 153, 153, 0.25);
    width: calc(100% - 6rem);
    position: absolute;
    bottom: 0;
    content: '';
    right: 0;
    transition: .5s all;
}

.nav-left:before {
    right: 6rem;
}

.nav-right:before {}

.header-inner {
    padding-top: 0.9rem !important;
    transition: .5s all;
}

.header-shadow .header-wrapper, .header-wrapper.stuck, .layout-shadow #wrapper {
    box-shadow: none;
}

.header-wrapper.stuck .header-bg-color {
    opacity: 1;
}

.header-wrapper.stuck .header-nav.nav>li>a {
    color: var(--Main-color-2, #0F0F0F);
}

.header-wrapper.stuck .header-inner {
    padding-top: 0 !important;
}

.header-nav.nav>li>a:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    background: #E25D34;
    transition: .5s all;
    width: 0;
}

.header-nav.nav>li>a:hover:before, .header-nav.nav>li.current-menu-item>a:before {
    width: 100%;
}

.header-nav.nav>li>a:hover {
    color: #E25D34;
}
.banner h1, .banner h2, .banner h3,h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
}
.row,.container {max-width: 72rem !important;}

.banner h1, .banner h2, .banner h3 {
    color: #FFF;
    font-family: Goldman;
    font-size: 4rem;
    margin: 0;
}
.wrap_content_banner h1{
    color: #FFF;
    font-family: Goldman;
    font-size: 4rem;
    margin: 0;
    line-height: 4.5rem;
    margin-bottom: 0.75rem;
}
.home_sec_1_slider .text {
    font-size: 1.6rem;
}

.home_sec_1_slider .banner .banner-bg:before {
    opacity: 0.6;
    background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
    width: 54.85rem;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    height: 100%;
}

.group_title {
    position: relative;
}

.group_title .sub_title {
    position: absolute;
    bottom: 0;
    color: rgba(0, 0, 0, 0.08);
    text-align: center;
    font-family: Montserrat;
    font-size: 7rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.group_title h1,.group_title h2,.group_title h3 {
    color: #E25D34;
    font-family: Goldman;
    font-size: 3.2rem;
    font-weight: 700;
}

.section-title b {
    display: none;
}

.section-title-center span {
    margin: 0;
}

.home_sec_2 .text strong {
    font-weight: 600;
}

.button span {
    font-size: 0.9rem;
    font-style: normal;
    text-transform: none;
    font-weight: 500;
}

.button {
    height: 2.4rem;
    display: inline-flex;
    align-items: center;
}

.button i {
    display: flex !important;
    align-items: center;
    font-size: 1.15rem;
    margin-left: 0.7rem !important;
    margin-top: 0.15rem !important;
}

.home_sec_2_items  img {
    border-radius: 0.5rem;
    display: block;
    width: 100%;
}

.home_sec_2_items .img:before {
    content: '';
    background: linear-gradient(180deg, #fff, transparent);
    position: absolute;
    left: 0;
    width: 100%;
    height: 31%;
    z-index: 2;
    bottom: -2px;
    transform: rotate(180deg);
}

.home_sec_2_items .img {
    overflow: hidden;
    border-radius: 0.75rem;
}
.row,.container {max-width: 72rem !important;}

.banner h1, .banner h2, .banner h3 {
    color: #FFF;
    font-family: Goldman;
    font-size: 4rem;
    margin: 0;
}

.home_sec_1_slider .text {
    font-size: 1.6rem;
}

.home_sec_1_slider .text p {
    margin-top: 0;
    margin-bottom: 0;
    line-height: normal;
}

.home_sec_1_slider .banner .banner-bg:before {
    opacity: 0.7;
    background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
    width: 80%;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    height: 100%;
}

.group_title {
    position: relative;
}

.group_title .sub_title {
    position: absolute;
    top: 0;
    color: rgba(0, 0, 0, 0.08);
    text-align: center;
    font-family: Montserrat;
    font-size: 7rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: max-content;
    font-family: Goldman;
    transform: translateY(-54%);
    height: max-content;
    /*background: linear-gradient(180deg, #a5a5a5 0%, rgba(255, 255, 255, 0.00) 100%);*/
    background: linear-gradient(180deg, #a5a5a5 0%, rgba(255, 255, 255, 0.00) 70%);

    Selection colors
    Hex;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    opacity: .2;
}

.group_title h1,.group_title h2,.group_title h3 {
    color: #E25D34;
    font-family: Goldman;
    font-size: 3.1rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
    line-height: 1.2;
}

.section-title b {
    display: none;
}

.section-title-center span {
    margin: 0;
}

.home_sec_2 .text strong {
    font-weight: 600;
}

.button span {
    font-size: 0.9rem;
    font-style: normal;
    text-transform: none;
    font-weight: 500;
}

.button {
    height: 2.4rem;
    display: inline-flex;
    align-items: center;
}

.button i {
    display: flex !important;
    align-items: center;
    font-size: 1.15rem;
    margin-left: 0.7rem !important;
}

.home_sec_2_items  img {
    border-radius: 0.5rem;
    display: block;
    width: 100%;
}

.home_sec_2_items .img:before {
    content: '';
    background: linear-gradient(180deg, #fff, transparent);
    Selection colors
    Hex;
    position: absolute;
    left: 0;
    width: 100%;
    height: 31%;
    z-index: 2;
    bottom: -2px;
    transform: rotate(180deg);
}

.home_sec_2_items .img {
    overflow: hidden;
    border-radius: 0.75rem;
}

.group_title .sub_title p {
    margin-bottom: 1.25rem;
    line-height: 1;
}
.section-title-normal span {
    margin: 0;
    padding: 0;
    border: none;
}

.section-title-normal {
    border: none;
}

.home_sec_3 .sub_title {
    left: unset;
    right: 0%;
}

.wrap_items_number {
    display: flex;
    flex-wrap: wrap;
    margin: -0.5rem -0.9rem 0;
    padding-left: 1.8rem;
}

.wrap_items_number .item {
    width: calc(50% - 1.8rem);
    margin: 2.95rem 0.9rem 0;
    position: relative;
    padding-left: 1rem;
}

.wrap_items_number b.number {
    color: var(--Main-color-1, #E25D34);
    font-size: 3rem;
    font-weight: 700;
    line-height: 1;
}

.wrap_items_number .item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.5rem;
    height: calc(100% - 0.8rem);
    background: #E25D34;
    Selection colors
    Hex

    #E25D34;
    width: 1px;
}

.wrap_items_number .item .content {
    line-height: 1.4;
    margin-top: 0.4rem;
    max-width: 10rem;
}

.wrap_field {
    display: flex;
    max-width: 90rem;
    margin: 1.5rem auto 0;
}

.wrap_field .item_field {
    width: calc(20% - 0.8rem);
    margin: 0 0.4rem;
    border-radius: 0.5rem;
    overflow: hidden;
    position: relative;
}

.wrap_field .item_field img {
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1);
    transition: .5s all;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.item_field:hover img {
    transform: scale(1.1);
}

a.style_center.max {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.wrap_field .item_field .box_img {
    height: 30rem;
    position: relative;
    display: block;
}

.item_field .box_content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 9;
    padding: 2rem 1.5rem;
}

.item_field .box_content h3 {
    color: #FFF;
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 2px;
}

.item_field .box_content .content {
    color: #FFF;
    font-size: 0.7rem;
}

.item_field:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(180deg, #976637 0%, rgba(151, 102, 55, 0.70) 49.5%, rgba(151, 102, 55, 0.00) 100%);
    height: 19.35rem;
    z-index: 2;
}

.item_field:nth-child(2):before {
    background: linear-gradient(180deg, #6D5A43 0%, rgba(109, 90, 67, 0.70) 50%, rgba(109, 90, 67, 0.00) 100%);
    Selection colors
    Hex;
}

.item_field:nth-child(3):before {
    background: linear-gradient(180deg, #454F4A 0%, rgba(69, 79, 74, 0.70) 50%, rgba(69, 79, 74, 0.00) 100%);
    Selection colors
    Hex;
}

.item_field:nth-child(4):before {
    background: linear-gradient(180deg, #255471 0%, rgba(37, 84, 113, 0.70) 50%, rgba(37, 84, 113, 0.00) 100%);
    Selection colors
    Hex;
}

.item_field:nth-child(5):before {
    background: linear-gradient(180deg, #154551 0%, rgba(21, 69, 81, 0.70) 50%, rgba(21, 69, 81, 0.00) 100%);
    Selection colors
    Hex;
}

.home_sec_4 .sub_title {
    left: 36%;
}

h2.section-title.section-title-center {
    justify-content: center;
}
.wrap_form input,.wrap_form select,.wrap_form textarea {
    height: 2.5rem;
    border-radius: 5rem;
    box-shadow: none !important;
    padding: 0 1.5rem;
    color: #333;
    font-size: 0.7rem;
    margin-bottom: 1.25rem;
}

.wrap_form input:focus, .wrap_form textarea:focus {
    border: 1px solid #E25D34;
}

.wrap_form input:focus::placeholder, .wrap_form select::placeholder, .wrap_form textarea:focus::placeholder {
    color: #E25D34;
}

.col, .columns, .gallery-item {
    padding: 0 0.5rem;
}

.wrap_form textarea {
    border-radius: 1rem;
    padding: 0.75rem 1.5rem;
}

.wrap_form {
    margin-top: 1.75rem;
}

.wrap_form .button.primary {
    position: relative;
}

.wrap_form .button.primary [type="submit"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
}

span.wpcf7-spinner {
    position: absolute;
}

.logo_footer img {
    height: 5.5rem;
    width: auto;
}

.content_form p {
    margin: 0;
}

.content_form {
    font-size: 0.9rem;
    margin-bottom: 0.75rem;
}

.wrap_form_footer input {
    height: 2.7rem;
    border: 1px solid rgba(255, 255, 255, 0.17);
    Selection colors
    Hex

    #FFFFFF
    17%;
    border-radius: 5rem;
    background: transparent;
    padding: 0 1.5rem;
    font-size: 0.7rem;
    margin: 0;
}

.wrap_form_footer input::placeholder {
    opacity: 0.5;
    color: #FFF;
}

form {
    margin: 0;
}

.wrap_form_footer {
    position: relative;
    margin-bottom: 1.75rem;
}

.wrap_form_footer input.wpcf7-submit {
    width: 2.7rem;
    height: 2.7rem;
    padding: 0;
    border: none;
    font-size: 0;
    position: absolute;
    top: 0;
    right: 0;
    background: #000;
    background-image: url(../images/icon_sumit.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.5rem;
}

.wrap_follow_us {
    align-items: center;
}

.wrap_follow_us .title.uppercase {
    color: #FFF;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 700;
    margin-right: 1.5rem !important;
}

.social-icons a {
    margin: 0;
    width: 1.7rem;
    height: 1.7rem;
    display: inline-flex !important;!o;!oi;!o;!;
    align-items: center;
    justify-content: center;
    background: #FFFFFF !important;
    color: #E25D34 !important;!o;!;
}

.social-icons a i {
    margin: 0 !important;
    font-size: 0.95rem !important;
    opacity: 1;
    margin-top: 2px !important;
}

.social-icons a + a {
    margin-left: 0.75rem !important;
}

.title_footer {
    margin-bottom: 1rem;
}

.title_footer .section-title {
    font-size: 0.9rem;
    margin: 0;
    padding-=b: 1;
    padding-bottom: 0.75rem;
    position: relative;
}

.title_footer .section-title:before {
    height: 2px;
    width: 3.75rem;
    background: #fff;
    position: absolute;
    content: '';
    bottom: 0;
}

footer#footer p {
    margin-bottom: 0.5rem;
}

.menu_footer a {
    padding: 0;
    min-height: unset;
    transition: .4s all;
}

.menu_footer .ux-menu-link+.ux-menu-link {
    margin-top: 0.75rem !important;
}

.absolute-footer.dark.medium-text-center.small-text-center {
    display: none;
}

.menu_bottom {
    flex-wrap: nowrap;
    display: flex;
    flex-direction: unset;
}

.menu_bottom a.ux-menu-link__link.flex {
    padding: 0 !important;
    min-height: unset;
    font-size: 0.7rem;
    transition: 0.5s all;
}
.menu_bottom a.ux-menu-link__link.flex:hover{
    color: var(--main-cl);
}
.copyright {
    font-size: 0.7rem;
}

.menu_bottom a.ux-menu-link__link.flex {}

.menu_bottom .ux-menu-link+.ux-menu-link:before {
    content: '-';
    margin: 0 0.3rem;
}
.home_sec_7_img .img img {
    max-width: 42.5rem;
    width: 42.5rem;
    float: right;
    margin-right: 5rem;
}

.home_sec_7_img .img {
    overflow: unset;
}

.home_sec_7_img .img .img-inner.dark {
    overflow: unset;
}

section.development_section {
    position: relative;
    padding: 8rem 0 0 0;
    background: #000;
    object-fit: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.wrap_development {
    display: flex;
    margin: 0 -1.75rem 3rem;
    position: relative;
}

.wrap_development .item {
    width: calc(20% - 3.5rem);
    margin: 0 1.75rem;
    padding-top: 1rem;
    position: relative;
    cursor: pointer;
}

.wrap_development h3 {
    color: #FFF;
    line-height: 1.3;
    font-size: 0.9rem;
}

.wrap_development .content {
    color: #FFF;
    font-size: 0.8rem;
}

.wrap_development:before {
    content: '';
    position: absolute;
    top: 0;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    background: #fff;
    opacity: 0.5;
}

.wrap_development .item:before,.wrap_development .item:after {
    content: '';
    background: #B4B4B3;
    width: 0.55rem;
    height: 0.55rem;
    position: absolute;
    top: 0;
    border-radius: 50%;
    transform: translateY(-50%);
    transition: .5s all;
}

.wrap_development .item:after {
    background: transparent;
    width: 1.4rem;
    height: 1.4rem;
    border: 1px solid #FFF;
    transform: translate(0%,-50%) scale(0);
    left: -0.4rem;
}

.content_hover {
    color: #fff;
    max-width: 28rem;
    margin-bottom: 3.5rem;
    display: flex;
    margin-top: 13.3rem;
}

.content_hover:before {
    content: '';
    left: 0;
    background: rgba(255, 255, 255, 0.40);
    width: 2.2rem;
    height: 1px;
    margin-top: 0.65rem;
    margin-right: 0.75rem;
    flex: 0 0 auto;
}
section.development_section:before {
    content: '';
    opacity: 0.6;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.development_section .group_title h2 {
    color: #fff;
}

.development_section .group_title .sub_title {
    left: unset;
    right: 0;
    opacity: .3;
}

.development_section  div#stack-967899831 {
    display: inline-flex;
    margin-left: 5rem;
}
.home_sec_3 {
    padding: 10rem 0 6rem !important;
}

.home_sec_2:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5rem;
    background: linear-gradient(0deg, #fff, transparent);
    z-index: 2;
    bottom: 0;
}

.home_sec_5 {
    padding-top: 6rem !important;
}

.style_menu ul {
    list-style: none;
    margin: 0;
    justify-content: center;
    display: flex;
}

.style_menu ul a {
    min-height: unset;
    line-height: normal;
    border: none;
    font-size: 1rem;
    color: var(--Main-color-2, #0F0F0F);
    display: flex !important;
    align-items: center;
    transition: .4s all;
}

.style_menu ul li {
    border: none !important;
    position: relative;
}

.style_menu ul a:before,
.style_menu ul .active a::before,
.style_menu ul .current-menu-item a:before{
    content: '';
    width: 0;
    height: 1px;
    background: #E25D34;
    Selection colors
    Hex

    #E25D34;
    width: 0;
    display: block;
    margin-right: 0.5rem;
    transition: .4s all;
}

.style_menu ul a:hover:before,
.style_menu ul .active a:before,
.style_menu ul .current-menu-item a:before{
    width: 2.5rem;
}

.style_menu ul a:hover,
.style_menu ul .active a,
.style_menu ul .current-menu-item a{
    color: #E25D34;
}

.style_menu ul li+li {
    margin-left: 1rem;
}

.item_project {
    height: 37.5rem;
    max-height: 80vh;
    border-radius: 0.5rem;
    overflow: hidden;
    margin: 0 0.85rem;
    position: relative;
    cursor: pointer;
}

.item_project img {
    width: 100%;
    CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 5rem;
    CONTAIN-INTRINSIC-BLOCK-SIZE: AUTO 5rem;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: .5s all;
}

.item_project .box_content {
    position: absolute;
    bottom: 2.5rem;
    /*max-width: 36.75rem;*/
    width: 40rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}

.item_project h3 {
    color: #FFF;
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 0.2rem;
    text-align: center;
}

.item_project .box_content .content {
    color: #FFF;
    margin-bottom: 1.5rem;
    text-align: center;
}

.item_project span {
    /*display: inline-flex;*/
    align-items: center;
    display: flex;
    justify-content: center;
    color: #FFF;
    font-style: normal;
    font-weight: 500;
    /* 133.333% */
    position: relative;
    transition: 0.5s all;
}

.item_project span:hover{
    color: var(--main-cl);
}
.item_project span:hover span.icon{
    border: 1px solid var(--main-cl);
}
.item_project span:hover span.icon svg path{
    transition: 0.5s all;
}
.item_project span:hover span.icon svg path{
    stroke: var(--main-cl);
}
.item_project span span.icon {
    height: 2rem;
    width: 2rem;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    position: relative;
    margin-left: 1.85rem;
    transition: 0.5s all;
}

.item_project span span.icon svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 35%;
    width: 2.5rem;
    height: auto;
}

.item_project:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 16.55rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.90) 100%);
    Selection colors
    Hex;
    width: 100%;
    z-index: 2;
}

.box_slider_project {
    margin-bottom: 2rem;
}

.wrap_slider {
    position: relative;
}

.item_project:hover img {
    transform: scale(1.1);
}

.slider_project .swiper-slide {
    opacity: .6;
    transition: .5s all;
}

.slider_project .swiper-slide.swiper-slide-active {
    opacity: 1;
}

.arrow_slider {
    position: absolute;
    top: 50%;
    left: 3rem;
    z-index: 9;
    width: 2rem;
    height: 2rem;
    border: 1px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .5s all;
    transform: translateY(-50%);
}

.arrow_slider svg {
    position: absolute;
    left: 0.55rem;
    width: 2.75rem;
}

.arrow_slider.next {
    left: unset;
    right: 3rem;
}

.arrow_slider.next svg {
    left: unset;
    right: 0.55rem;
}

.arrow_slider:hover {
    background: #E25D34;
    Selection colors
    Hex

    #FFFFFF;
}

.text-right .style_menu ul {
    justify-content: flex-end;
}

.home_sec_6 {
    padding: 3rem 0 !important;
}

.wrap_post_home {
    display: flex;
    flex-wrap: wrap;
    margin: 3rem  -1rem 1.5rem;
}

.item_post {
    position: relative;
    cursor: pointer;
    width: calc(calc(100% / 4) - 2rem);
    margin: 0 1rem 1.5rem;
}

.item_post .box_img,
.item_slide_related_post .img_item{
    height: 11rem;
    position: relative;
    border-radius: 0.5rem;
    overflow: hidden;
    margin-bottom: 1rem;
}

.item_post .box_img img,
.item_slide_related_post .img_item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: .5s all;
}
.item_slide_related_post:hover .img_item img{
    transform: scale(1.1);
}
.item_post:hover .box_img img {
    transform: scale(1.1);
}

.wrap_meta {
    display: flex;
    align-items: center;
}

.wrap_meta span {
    padding: 2px 0.6rem;
    background: rgba(226, 93, 52, 0.10);
    Selection colors
    Hex

    #E25D34;
    font-size: 0.7rem;
    color: #E25D34;
    border-radius: 5rem;
}

.wrap_meta .dot {
    width: 0.25rem;
    height: 0.25rem;
    background: #999;
    SVG

    1
    2
    3;
    border-radius: 50%;
    margin: 0 0.5rem;
}

.wrap_meta .date {
    color: #999;
    font-size: 0.7rem;
}

.item_post.large h3,
.item_slide_related_post h3{
    font-size: 1.6rem;
    font-weight: 600;
    color: var(--Main-color-2, #0F0F0F);
    margin-top: 0.75rem;
    margin-bottom: 0.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: normal;
}
.item_slide_related_post h3{
    font-size: 1rem;
    transition: 0.5s all;
}

.item_post h3{
    font-size: 1rem;
    font-weight: 500;
    color: var(--Main-color-2, #0F0F0F);
    margin-top: 0.75rem;
    margin-bottom: 0.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: normal;
    transition: 0.5s all;
}
.item_post:hover h3,
.item_slide_related_post:hover h3{
    color: var(--main-cl);
}
.item_post.large h3{
    color: var(--Main-color-2, #0F0F0F);
}
.item_post .content,
.item_slide_related_post .content{
    color: #454545;
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    line-height: 1.25rem;
}

.item_post .box_content>span {
    color: #E25D34;
    font-weight: 500;
    display: flex;
    align-items: center;
    margin-top: 1.5rem;
    transition: 0.5s all;
    position: relative;
    z-index: 3;
}
.item_post .box_content>span:hover{
    transform: scale(0.9) translateX(-5%);
}
.item_post .box_content>span .icon {
    width: 2rem;
    height: 2rem;
    border: 1px solid #E25D34;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
    margin-left: 1.65rem;
}

.item_post .box_content>span .icon svg {
    width: 2.5rem;
    position: absolute;
    right: 0.65rem;
}

.item_post.large {
    width: calc(calc(100%) - 2rem);
    display: flex;
    align-items: center;
}

.item_post.large .box_img {
    margin: 0;
    width: 43.2rem;
    height: 20.95rem;
    flex: 0 0 auto;
    margin-right: 4.5rem;
}

.home_sec_6 .style_menu {
    margin-top: -3.4rem;
}

.home_sec_6 .group_title .sub_title {
    left: 0;
}

.wrap_slider.box_slider_project {
    margin-top: 2.5rem;
}
.home_sec_3_img:before{
    content: '';
    background-image: url(../images/ht_logo.svg);
    position: absolute;
    width: 30.7rem;
    height: 30rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    top: -9rem;
    left: 7rem;
}
.wrap_core {
    display: flex;
    justify-content: center;
}
/*.slider_award .swiper-slide {*/
/*    width: 33%;*/
/*}*/

/*.swiper-slide:nth-child(3n) {*/
/*    width: 17%;*/
/*}*/

/*.swiper-slide:nth-child(4n) {*/
/*    width: 17%;*/
/*}*/
.wrap_slider.box_slider_award {margin-top: 1.5rem;}

.item_award {
    height: 15.25rem;
    display: flex;
    align-items: center;
}

.item_award img {
    height: 100%;
    width: auto;
}
.slider_award .swiper-slide {
    width: auto !important;
    padding: 0 0.5rem;
}
.slider_award {
    margin: 0 -0.5rem;
    overflow: hidden;
}
.swiper-pagination {
    position: unset;
    margin-top: 1.5rem;
}

.swiper-pagination span,
.swiper_pagination span{
    width: 0.75rem;
    height: 0.75rem;
    border: 1px solid rgba(226, 93, 52, 0.30);
    background: transparent;
    opacity: 1;
}
.banner_slide .swiper_pagination span{
    border: 1px solid #fff;
}
.swiper-pagination span.swiper-pagination-bullet-active,
.swiper_pagination span.swiper-pagination-bullet-active{
    background: #E25D34;
}

.arrow_slider.style_2 {
    left: -5rem;
    border: 1px solid #E25D34;
    background: transparent !important;
    transform: translateY(-50%) scale(1);
    transition: .5s all;
}

.arrow_slider.style_2 path {
    stroke: #E25D34;
}

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

.wrap_logo a {
    width: 10rem;
    height: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    position: relative;
}
.wrap_logo a:before{
    position: absolute;
    content: '';
    background-image: url(../images/bg_logo.svg);
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.wrap_logo a img {
    max-width: 54%;
    max-height: 54%;
    width: auto;
    height: auto;
    position: relative;
    z-index: 2;
    transform: scale(1);
    transition: .5s all;
}
.wrap_logo_bottom.wrap_logo {
    margin-top: -2.5rem;
}

.wrap_logo a:hover img {
    transform: scale(1.1);
}

.slider_partner {
    overflow: hidden;
}
.about_sec_2_img {
    transform: translateX(-5rem);
}

.about_sec_3_banner {
    border-radius: 0.5rem 0 0 0.5rem;
    overflow: hidden;
}

.about_sec_3_banner .banner-bg:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: linear-gradient(90deg, #E25D34 20.2%, rgba(226, 93, 52, 0.00) 100%);
    Selection colors
    Hex;
    width: 52.5rem;
}

.about_sec_3_banner .text-inner {
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.4;
}

.about_sec_3_banner .text-inner .col-inner {
    max-width: 26.5rem;
    margin: 0 0 0 5rem;
}

.about_sec_3_banner .text-inner code {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    font-size: 0.8rem;
    font-weight: 400;
    font-family: Montserrat;
    font-style: italic;
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 2.5rem;
}

.about_sec_3_banner .text-inner code:before {
    content: '';
    width: 1.8rem;
    height: 1px;
    background: #fff;
    display: block;
    margin-right: 1rem;
}

.about_sec_3_banner p {
    margin: 0 0 1rem;
}

.about_sec_3 .sub_title {
    left: 3.5rem;
    transform: translateY(-85%);
}

.about_sec_4 .content h3 {
    font-size: 1.2rem;
    background: var(--Linear, linear-gradient(180deg, #CC4C31 0%, #F06C37 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative;
    display: flex;
    align-items: center;
}

.about_sec_4 .content h3:before {
    content: '';
    width: 1.95rem;
    height: 1px;
    background: #E25D34;
    Selection colors
    Hex

    #E25D34;
    margin-right: 0.7rem;
}

.about_sec_4 .row:after {
    display: none;
}

.item_history {
    display: flex;
    position: relative;
    align-items: flex-start;
}
.item_history>* {
    width: calc(50% - 8rem);
    margin: 0 4rem;
    position: relative;
}

.item_history .box_img img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 0.5rem;
}

.wrap_history {
    margin: 1rem -5rem 0;
    position: relative;
    padding-top: 1.75rem;
}

.wrap_history:before {
    content: '';
    background: linear-gradient(90deg, rgba(226, 93, 52, 0.20) 0%, rgba(226, 93, 52, 0.00) 100%);
    Selection colors
    Hex;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 50%;
}

.item_history:nth-child(even) .box_img {
    order: 2;
}

.item_history h3 {
    color: var(--Main-color-1, #E25D34);
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    line-height: 1.2;
}

.item_history:before {
    content: '';
    width: 0.65rem;
    height: 0.65rem;
    background: #E25D34;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    top: 1rem;
}

.item_history+.item_history {
    margin-top: 9rem;
}

.img_small {
    position: absolute;
    width: 8.8rem;
    height: 6.15rem;
    bottom: 0;
    transform: translate(-27%, 74%);
}

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

.item_history .box_content li {
    margin-bottom: 0;
}

blockquote, dl, figure, form, ol, p, pre, ul {
    margin-bottom: 1rem;
}

.box_content p:last-child {
    margin: 0;
}

a.button_play {
    position: absolute;
    width: 3.85rem;
    height: 3.85rem;
    background: var(--Linear, linear-gradient(180deg, #CC4C31 0%, #F06C37 100%));
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    top: 50%;
    transform: translate(50%, -50%);
    right: 0;
}

a.button_play svg {
    width: 1.1rem;
}
@keyframes pulse-border {
    0% {
        transform: translateZ(0) scale(1);
        opacity: 1;
    }
    50% {
        transform:translateZ(0) scale(1.5);
        opacity: 0;
    }
    100% {
        transform: translateZ(0) scale(1);
        opacity: 1;
    }
}
a.button_play:before,
a.button_play:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: radial-gradient(50% 50% at 50% 50%, rgba(226, 93, 52, 0.00) 49.5%, rgba(226, 93, 52, 0.40) 100%);
    animation: pulse-border 1000ms ease-out infinite;
}
a.button_play:after{
    animation: pulse-border 1500ms ease-out infinite;
    width: 120%;
    height: 120%;
}
.item_core {
    position: relative;
    width: 13.85rem;
    height: 15.75rem;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    margin: 0 0.5rem;
    cursor: pointer;
}
.item_core:before,
.item_core:after{
    background-image: url(../images/bg_nonaml.svg);
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.item_core:after{
    background-image: url(../images/bg_active.svg);
    opacity: 0;
    transition: .5s all;
}
.item_core .icon {
    position: relative;
    height: 3.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    filter: brightness(1) invert(0);
    transition: .5s all;
    z-index: 2;
}

.item_core .icon img {
    max-height: 100%;
    width: auto;
    transition: .5s all;
}
.item_core:hover .icon img{
    transform: rotateY(360deg);

}
.item_core .box_content {
    position: relative;
    z-index: 2;
    max-width: 10.5rem;
    margin: auto;
    filter: brightness(1) invert(0);
    transition: .5s all;
}

.item_core .box_content h3 {
    color: var(--Main-color-1, #E25D34);
    text-align: center;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: normal; /* 109.091% */
    margin-bottom: 0.25rem;
    margin-top: 0.5rem;
}

.item_core .box_content .content {
    line-height: 1.4;
}

.wrap_core+.wrap_core {
    margin-top: -2.6rem;
}

.wrap_core:first-child {
    margin-top: 1.75rem;
}

.item_core:hover:after {
    opacity: 1;
}

.item_core:hover .icon {
    filter: brightness(0) invert(1);
}

.item_core:hover .box_content {
    filter: brightness(0) invert(1);
}
.about_sec_7 .group_title .sub_title {
    background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.00) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.about_sec_6:before{
    background-image: url(../images/ht_logo.png);
    width: 29.05rem;
    height: 33.25rem;
    content: '';
    position: absolute;
    z-index: 1;
    top: 0.6rem;
    background-size: cover;
    background-repeat: no-repeat;
}
.wrap_project {
    display: flex;
    flex-wrap: wrap;
    margin: 2rem  -0.5rem 0;
}

.project_item {
    width: calc(calc(100% / 3) - 1rem);
    margin: 0 0.5rem 1rem;
    position: relative;
    border-radius: 0.5rem;
    overflow: hidden;
    cursor: pointer;
}

.project_item .box_img {
    height: 20rem;
}

.project_item .box_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: .5s all;
}
.project_item .box_content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 1.75rem 2rem;
    z-index: 3;
}

.project_item .box_content h3 {
    font-size: 1rem;
    color: #fff;
    line-height: 1.4;
    margin-bottom: 0.25rem;
}

.project_item .box_content  .content {
    color: #FFF;
    font-size: 0.8rem;
    font-weight: 300;
}

.project_item span.term_box {
    background: var(--Main-color-1, #E25D34);
    position: absolute;
    top: 1.15rem;
    right: 1.15rem;
    color: #fff;
    font-size: 0.8rem;
    border-radius: 5rem;
    padding: 2px 0.7rem;
    z-index: 9;
}

.project_item:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 9.2rem;
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
    z-index: 2;
}

h1.section-title.section-title-center {
    justify-content: center;
}

.project_item:nth-child(7n+1),.project_item:nth-child(7n+7) {
    width: calc(calc(100% - calc(100% / 3)) - 1rem);
}

.project_item:hover .box_img img {
    transform: scale(1.1);
}
/*loading-effect-page*/
.load_home_page svg {
    width: 21.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: 9999999;
    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: #fff;
    /*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;
}

div.load_home_page.complete .mask span {
    width: 0;
    opacity: 0;
    transition-delay: .3s;
}

@media only screen and (max-width: 991px) {
    .load_home_page svg {
        width: 320px;
    }
}

@media only screen and (max-width: 767px) {
    .load_home_page svg {
        width: 240px;
    }
}

.load_home_page.complete svg {
    transition-delay: 0.4s;
    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;
}

img.logo_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30rem;
    max-width: 80vw;
    transition: .3s all ease-in-out;
    opacity: 1;
}

.load_home_page.complete img.logo_center {
    opacity: 0;
}
[href="#search-lightbox"]{
    pointer-events: none;
}
.home_sec_2  img.bg {
    object-position: top;
}
.home_sec_2_items .col-inner {
    padding: 0 .6rem;
}
.wrap_form_footer input:not([type="submit"]) {
    background: transparent !important;
    color: #fff !important;
}
.menu_footer a:hover {
    color: #E25D34 !important;
}
.about_sec_4 .sub_title {
    left: 13%;
}
.wrap_development .item:hover:after {
    transform: translate(0%, -50%) scale(1);
}
.home_sec_4:before{
    content: '';
    position: absolute;
    left: 0;
    top: -10rem;
    width: 9.3rem;
    height: 37.95rem;
    background-image: url(../images/ht_logo2.svg);
    background-size: cover;
    background-repeat: no-repeat;
}
.development_section .sub_title {
    background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.00) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.home_sec_7  h2.section-title.section-title-center {
    font-weight: 500;
}
.arrow_slider.style_2:hover {
    transform: translateY(-50%) scale(1.1);
}
.mb_display{
    display: none;
}
nav.breadcrumb ul {
    list-style: none;
    margin: 0;
    display: flex;
    align-items: center;
}

nav.breadcrumb ul * {
    font-style: unset;
    font-weight: 400;
}

nav.breadcrumb ul li {
    margin: 0;
}

nav.breadcrumb ul li a svg {
    width: 1rem;
    height: auto;
}

nav.breadcrumb ul svg {
    display: block;
}

nav.breadcrumb span.divider {
    margin: 0 .7rem;
}

nav.breadcrumb  li.title_single {
    color: #E25D34;
}
.about_sec_3_banner .text-inner .col-inner:before{
    content: '';
    position: absolute;
    width: 96px;
    height: 70px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/icon_quote.svg);
    transform: translate(-1rem, -68%);
}
.item_core .before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.wrap_core:first-child .item_core:nth-child(1) .before:before,
.wrap_core:nth-child(2) .item_core:nth-child(3) .before:before{
    content: '';
    position: absolute;
    width: 58px;
    height: 66px;
    background-image: url(../images/ht1.svg);
    top: 2rem;
    left: -2rem;
}
.wrap_core:nth-child(2) .item_core:nth-child(3) .before:before{
    background-image: url(../images/ht2.svg);
    width: 78px;
    height: 86px;
    left: unset;
    right: -3rem;
}
ul.menu_languge {
    list-style: none;
    margin: 0;
    display: flex;
}

ul.menu_languge li {
    margin: 0;
    color: #fff;
}

ul.menu_languge li + li {
    margin-left: 1rem;
}

ul.menu_languge li.active {
    color: #E25D34;
}

.header-wrapper.stuck ul.menu_languge li {
    color: #333;
}

.header-wrapper.stuck ul.menu_languge li.active {
    color: #E25D34;
}
.flickity-prev-next-button {
    bottom: 1rem;
    top: unset;
    left: 55% !important;
}

.flickity-prev-next-button svg.flickity-button-icon {
    max-width: unset;
    border: none;
    opacity: 0;
}

.slider-nav-light .flickity-prev-next-button[aria-label="Previous"] {
    right: 55% !important;
    left: unset !important;
}
.slider-nav-light .flickity-prev-next-button {
    color: #fff;
    width: 3.4rem;
    height: 2rem;
    background-image: url(../images/arrow_slider.svg);
    opacity: 1 !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    bottom: 1.5rem;
    z-index: 99;
    transition: 0.5s all;
}
.slider-nav-light .flickity-prev-next-button[aria-label="Next"]:hover{
    transform: rotate(180deg) scale(1.2) !important;
}
.slider-nav-light .flickity-prev-next-button[aria-label="Previous"]:hover{
    transform: scale(1.2) !important;
}
.slider-nav-light .flickity-prev-next-button[aria-label="Next"] {
    transform: rotate(180deg) !important;
}

.flickity-page-dots {bottom: 2rem;}

.slider-nav-light .flickity-page-dots .dot.is-selected, .slider-nav-light.slider-nav-dots-simple .flickity-page-dots .dot {
    background: #E25D34;
    border-color: #E25D34;
}
.slider-nav-light .flickity-page-dots .dot {
    height: .75rem;
    width: .75rem !important;
    border: 1px solid #fff;
    opacity: 1;
}
.banner_slide {
    height: 100vh;
    position: relative;
}
.banner_slide .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wrap_content_banner{
    position: absolute;
    top: 50%;
    left: 12.5rem;
    transform: translateY(-50%);
    z-index: 3;
}
.wrap_content_banner p{
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}
.news_2 .wrap_breadcrumb{
    padding-bottom: 5rem;
}
.news_3 .style_menu {
    margin-top: -3.5rem;
}
.news_2 .wrap_post_home{
    margin-top: 2rem;
}
.news_2 .item_post .content{
    -webkit-line-clamp: 4;
    margin-top: .5rem;
}
.blur_click{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.news_3 .wrap_post_home{
    margin-top: 4rem;
}
.news_2{
    padding: 1.5rem 0 7rem;
}
h2.heading_post_single_2{
    color: var(--Main-color-2, #0F0F0F);
    text-align: center;
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3.25rem; /* 130% */
    text-transform: uppercase;
    margin-bottom: 1.55rem;
    max-width: 80%;
}
.date_name_cate{
    display: flex;
    gap: 0.4rem;
    align-items: center;
}
.date_name_cate span{
    color: #666;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1rem; /* 137.5% */
}
.share_post_single .text{
    color: var(--6, #333);
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2rem; /* 160% */
}
.share_post_single{
    display: flex;
    gap: 0.5rem;
    align-items: center;
}
.share_post_single a,
.share_post_single a svg path{
    transition: 0.5s all;
}
.share_post_single a:hover{
    transform: scale(1.4);
}
.share_post_single a:hover svg path{
    fill: var(--main-cl);
}
.wrap_heading_post_single_2{
    display: flex;
    justify-content:  space-between;
    align-items: center;
}
.wrap_heading_post_single_2{
    padding: .75rem 0;
    border-top:  1.5px solid #E4E4E4;
    border-bottom:  1.5px solid #E4E4E4;
    margin-bottom: 1.6rem;
}
.main_content_post p strong{
    font-weight: 500;
}
.main_content_post p,
.main_content_post blockquote p{
    color: var(--6, #333);
    text-align: justify;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem; /* 156.25% */
}
.main_content_post p img{
    border-radius: 0.5rem;
}
.main_content_post blockquote{
    padding-left: 0.65rem;
}
.see_more_content_post{
    display: flex;
    gap: 0.85rem;
    align-items: center;
    position: relative;
    padding: .75rem 3rem 0.75rem 0;
    border-top:  1.5px solid #E4E4E4;
    border-bottom:  1.5px solid #E4E4E4;
}
.see_more_content_post::before{
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1.85rem;
    height: 1.85rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../images/arrow_next_post.svg");
}
.see_more_content_post span{
    color: var(--6, #333);
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.1rem; /* 137.5% */
    transition: 0.5s all;
}
.see_more_content_post:hover span{
    color: var(--main-cl);
}
.see_more_content_post span.heading{
    font-weight: 600;
    color: #333;
}
.tags_post{
    display: flex;
    gap: 0.45rem;
    align-items: center;
    margin-top: 0.9rem;
}
.tags_post span{
    color: var(--6, #333);
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.1rem; /* 137.5% */

    display: flex;
    padding: 0.45rem 0.5rem;
    background: #F8F8F8;
    transition: 0.5s all;
}
.tags_post span:hover{
    color: var(--main-cl);
}
.tags_post span.name{
    font-weight: 600;
    color: #333;
}
.post_single_2 .wrap_breadcrumb{
    margin-bottom: 5rem;
}
.post_single_2{
    padding: 1.75rem 0 5.5rem;
}
.post_single_3{
    position: relative;
    padding: 4rem 0 7.5rem;
}
.post_single_3 svg.decor{
    position: absolute;
    top: -6rem;
    left: 0;
    width: 22.3rem;
    height: 30.1rem;
}
.post_single_2 svg.decor{
    position: absolute;
    top: -1rem;
    right: 0;
    width: 22.3rem;
    height: 30.1rem;
}
.post_single_3 .bg_img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.post_single_3 .bg_img img{
    width: 100%;
    height: auto;
}
.slide_related_post .swiper_pagination{
    display: none;
}
.wrap_related_post{
    padding-top: 1.5rem;
    width: 100%;
}
.wrap_related_post .arrow_slider{
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    border: 1px solid #000;
}
.wrap_related_post .arrow_slider.next{
    left: 91%;
}
.wrap_related_post .arrow_slider.prev{
    left: 7%;
}
.wrap_heading_title_post_single_2{
    display: flex;
    justify-content: center;
}
.nav_swiper svg{
    width: 3.45rem;
    height: 2rem;
}
.banner_slide .nav_swiper{
    display: flex;
    align-items: center;
    z-index: 2;
    position: absolute;
    bottom: 1.75rem;
    left: 50%;
    transform: translateX(-50%);
    gap: 1.75rem;
}
.nav_swiper .btn{
    display: flex;
    cursor: pointer;
    align-items: center;
    transition: 0.5s all;
}
.nav_swiper .btn:hover{
    transform: scale(1.2);
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.banner_slide .swiper-pagination{
    display: flex;
    gap: 0.1rem;
}
.swiper-pagination-bullet {
    width: .75rem;
    background: none;
    border: 1px solid #fff;
    height: .75rem;
    opacity: 1;
    align-items: center;
}
.swiper-pagination-bullet-active{
    background: var(--main-cl);
}
.banner_slide .swiper-slide::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    z-index: 2;
    background: linear-gradient(90deg, #000 30%, rgba(0, 0, 0, 0.00) 150%);
}
.develop .home_sec_1_slider .banner .banner-bg:before {
    opacity: 1;
    background: linear-gradient(90deg, #000 50%, rgba(0, 0, 0, 0.00) 100%);
}
.strong_color p strong{
    color: var(--main-cl);
}
.wrap_box_develop{
    display: flex;
    flex-wrap: wrap;
    margin: 3.2rem -0.6rem 0;
}
.item_box_develop{
    width: calc(calc(100%/4 - 1.2rem));
    margin: 0 0.6rem 0.6rem;
}
.item_box_develop:nth-child(even){
    margin-top: 3.5rem;
}
.item_box_develop .img_item{
    width: 100%;
    height: 20.9rem;
    border-radius: .5rem;
    position: relative;
}
.item_box_develop .img_item img{
    width: 100%;
    height: 100%;
    border-radius: .5rem;
    object-fit: cover;
}
.item_box_develop .img_item p{
    padding: 1.6rem;
    position: absolute;
    top: 0;
    left: 0;
    color: #FFF;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.2rem; /* 150% */
    transition: 0.5s all;
    opacity: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.80) 100%);
    border-radius: .5rem;
    height: 100%;

    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 12;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.item_box_develop:hover .img_item p{
    opacity: 1;
}
.item_box_develop .box_content{
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 0.75rem;
}
.item_box_develop .box_content .line{
    width: 1px;
    height: 2.1rem;
    opacity: 0.3;
    background: #333;
}
.item_box_develop .box_content h3{
    color: var(--6, #333);
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2rem; /* 150% */
    margin: 0;
}
.item_box_develop .box_content span{
    color: var(--Main-color-2, #0F0F0F);
    font-size: 3rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3.4rem; /* 46.667% */
    transition: 0.5s all;
}
.item_box_develop:hover .box_content span{
    background: var(--Linear, linear-gradient(180deg, #CC4C31 0%, #F06C37 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text_develop_3 h2{
    color: #FFF;
    font-family: Goldman;
    font-size: 7rem;
    font-style: normal;
    font-weight: 700;
    line-height: 6rem;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,.8), rgba(0,0,0,0));
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.8), rgba(0,0,0,0));
}
.text_develop_3 p{
    color: #FFF;
    font-size: .9rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.3rem; /* 133.333% */
    margin: 0;
}
.develop_4::before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 27.2rem;
    height: 30.1rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/logo_develop.svg");
}
.heading_contact_2 h2{
    position: relative;
    color: #FFF;
    font-size: .9rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-bottom: 0.75rem;
    margin: 1rem 0 0 0;
}
.heading_contact_2 h2::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 3.7rem;
    height: 1.5px;
    background: #fff;
}
.text_content_contact_2 p{
    color: #FFF;
    font-size: .9rem;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 0.75rem;
}
.text_content_contact_2 p strong{
    font-weight: 700;
}
.contact_2::before{
    content: '';
    position: absolute;
    top: -25rem;
    left: 0;
    width: 47.5rem;
    height: 49.5rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../images/Polygon-21.png");
}
.img_contact_2{
    width: 15rem !important;
    height: 2.85rem;
}
.img_contact_2 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.contact_2 nav.breadcrumb{
    padding-bottom: 3.2rem;
}
.contact_2 .nav.breadcrumb span.divider{
    opacity: 1;
}
.contact_2 nav.breadcrumb ul *{
    color: #fff;
}
.contact_2 h1.section-title.section-title-center{
    justify-content: start;
    margin: 0;
}
.stack_contact_3{
    width: 100%;
    height: 30rem;
    flex-shrink: 0;
    padding: 0 4rem;
    margin-top: 3rem;
}
.contact_2 img.bg{
    height: 80% !important;
}
.stack_contact_3 p{
    width: 100%;
    height: 100%;
}
.stack_contact_3 p iframe{
    width: 100%;
    height: 100%;
    border-radius: .5rem;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05);
}
.wrap_box_activity h2{
    position: relative;
    color: #E25D34;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.wrap_box_activity ul{
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin: 0.25rem 0 1.2rem;
}
.wrap_box_activity ul li{
    position: relative;
    padding-left: 0.75rem;
    margin: 0;
    flex: 1 0 0;
    color: #454545;
    text-overflow: ellipsis;
    font-size: .9rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4rem; /* 155.556% */
    transition: 0.5s ease-in-out;
}
.wrap_box_activity ul li::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: .4rem;
    height: .4rem;
    background-image: url("../images/img_dot_before.svg");
    background-repeat: no-repeat;
    background-size: contain;
    transition: 0.5s ease-in-out;
}
.wrap_box_activity ul li:hover::before{
    left: 1.2rem;
}
.wrap_box_activity ul li:hover{
    padding: .6rem 1.2rem .6rem 2rem;
    align-items: center;
    align-self: stretch;
    text-transform: uppercase;
    background: linear-gradient(90deg, #F8DED5 0%, rgba(248, 222, 213, 0.00) 100%);
}
.wrap_box_activity .img_activity{
    position: relative;
    z-index: 2;
    width: 29rem;
    height: 29rem;
    flex-shrink: 0;

}
.wrap_box_activity .img_activity::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 23.4rem;
    height: 17.85rem;
    background-image: url("../images/vector_ac_1.svg");
    background-repeat: no-repeat;
    background-size: contain;
}
.wrap_box_activity:nth-child(even) .img_activity::before{
    right: 0;
    left: unset;
    background-image: url("../images/vector_ac_2.svg");
}
.wrap_box_activity .img_activity img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: polygon(
            50% 0%, 95% 25%, 95% 75%,
            50% 100%, 5% 75%, 5% 25%
    );
}
.wrap_box_activity{
    position: relative;
    display: flex;
    gap: 4rem;
    margin-bottom: 2.75rem;
}
.wrap_box_activity::before {
    content: '';
    position: absolute;
    top: 50%;
    right: -18rem;
    width: 100%;
    height: 100%;
    transform: translateY(-50%);
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/bg_ac_1_1.png);
}
.wrap_box_activity:nth-child(even)::before {
    left: -18rem;
    background-image: url(../images/bg_ac_1_2.png);
    right: unset;
}
.wrap_box_activity:last-child::before{
    display: none;
}
.wrap_box_activity .box_content{
    position: relative;
    z-index: 2;
    max-width: 18.9rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.wrap_box_activity:nth-child(even) {
    flex-direction: row-reverse;
    justify-content: space-between;
}
.wrap_box_activity:nth-child(even) .box_content{
    padding-left: 5rem;
    max-width: 23.9rem;
}
.activity_2{
    position: relative;
    padding: 1.75rem 0 3.5rem;
}
.activity_2 .group_title{
    margin: 8rem 0 2rem;
}
.activity_2 .img_bg{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.activity_2 .img_bg  img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.activity_detail_1{
    padding-top: 8rem;
}
.wrap_bg_ac_detail {
    position: relative;
    padding-top: 8rem;
    z-index: 1;
}
.wrap_bg_ac_detail .img_bg{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.wrap_bg_ac_detail .img_bg  img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wrap_box_content_1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-left: 3rem;
    max-width: 30rem;
    position: relative;
    z-index: 2;
}
.wrap_box_content_1 h3{
    color: #E25D34;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.wrap_box_content_1 p{
    overflow: hidden;
    color: #454545;
    text-overflow: ellipsis;
    font-family: Montserrat;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.4rem; /* 155.556% */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    align-self: stretch;
    margin: 0;
}
/*////////////////header activity detail/////////////////////*/
.single-activity .header-nav.nav>li>a,
.single-activity ul.menu_languge li,
.search-results .header-nav.nav>li>a,
.search-results ul.menu_languge li{
    color: #0F0F0F;
}
.search-results #logo img,
.single-activity #logo img{
    filter: brightness(1) invert(0);
}
.search-results ul.menu_languge li.active,
.single-activity ul.menu_languge li.active {
    color: #E25D34;
}
/*////////////////header activity detail/////////////////////*/
.wrap_box_main_1{
    margin-top: 3rem;
}
.img_ac_1{
    width: 95%;
    height:auto;
    position: relative;
    z-index: 2;
}
.img_ac_1 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.content_ac_2{
    color: #454545;
    text-overflow: ellipsis;
    font-size: .9rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.4rem; /* 155.556% */
}
.top_activity_detail_2 .img_bg{
    position: absolute;
    bottom: 0;
    left: 7rem;
    width: 100%;
    height: 39rem;
}
.top_activity_detail_2 .img_bg img{
    width: 100%;
    height: 100%;
}
.activity_detail_2{
    padding: 8rem 0 9rem;
}
.content_top_activity_detail_2{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 6.5rem;
}
.img_ac_2{
    width: 100%;
    height: 25.5rem;
    position: relative;
}
.img_ac_2::before{
    content: '';
    position: absolute;
    top: -3rem;
    right: -3.5rem;
    width: 23.7rem;
    height: 23.2rem;
    background-image: url("../images/logo_ac_d_2.svg");
    background-size: contain;
    background-repeat: no-repeat;
}
.img_ac_2 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
}
.wrap_bottom_activity_detail_2{
    display: flex;
    /*flex-wrap: wrap;*/
    margin: 6rem -1.6rem 0;
}
.item_bottom_activity_detail_2 {
    position: relative;
    width: calc(100% / 3 - 1.6rem);
    margin: 0 1.6rem;
    border-radius: 16px;
    z-index: 1;
    padding: 2.15rem 1.6rem 0;
}

.item_bottom_activity_detail_2::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 16px;
    padding: 1px;
    background: linear-gradient(to bottom, rgba(226, 93, 52, 1), rgba(226, 93, 52, 0)); /* màu từ đậm đến trong suốt */
    -webkit-mask:
            linear-gradient(#fff 0 0) content-box,
            linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    z-index: -1;
}
.item_bottom_activity_detail_2 .icon{
    position: absolute;
    top: -1rem;
    left: 1.6rem;
    width: 2.4rem;
    height: 2.4rem;
    background: #E25D34;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.item_bottom_activity_detail_2 .icon img{
    width: 1.2rem;
    height: 1.2rem;
    object-fit: contain;
    transition: 0.5s all;
}
.item_bottom_activity_detail_2:hover .icon img{
    transform: rotateY(360deg);
}
.item_bottom_activity_detail_2 .content h3{
    color: var(--Main-color-2, #0F0F0F);
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6rem; /* 133.333% */
}
.item_bottom_activity_detail_2 .content p{
    color: #454545;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.4rem; /* 155.556% */
}
.wrap_main_ac_3{
    margin-top: 2rem;
}
.wrap_item_main_ac_3{
    display: flex;
    align-items: start;
    justify-content:  space-between;
}
.item_main_ac_3 .wrap_img_icon{
    position: relative;
    width: 13rem;
    height: 15rem;
    background-size: contain;
    background-image: url("../images/Polygon-12.svg");
    background-repeat: no-repeat;
    transition: 1s all;
    display: flex;
    justify-content: center;
    align-items: center;
}

.item_main_ac_3:hover .wrap_img_icon{
    background-image: url("../images/Polygon-10.svg");
}
.item_main_ac_3 .img_icon{
    width: 5rem;
    height: 5rem;
}
.item_main_ac_3 .img_icon img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: 1s all;
}
.item_main_ac_3:hover .img_icon img{
    filter: brightness(0) invert(1);
    transform: rotateY(360deg);
}
.item_main_ac_3 .wrap_img_icon::before{
    content: '';
    position: absolute;
    top: 50%;
    right: -4.6rem;
    transform: translateY(-50%);
    width: 3.5rem;
    height: 1px;
    background: #E25D34;
    display: none;
}
.item_main_ac_3:last-child .wrap_img_icon::before{
    display: none;
}
.item_main_ac_3 .content h4{
    color: var(--Main-color-2, #0F0F0F);
    text-align: center;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4rem; /* 155.556% */
}
.item_main_ac_3 .content p{
    color: #454545;
    text-align: center;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2rem; /* 150% */
    margin: 0;
}
.item_main_ac_3{
    width: 15rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.1rem;
    flex: 0 0 auto;
}
.activity_detail_4{
    padding: 10rem 0 8rem;
}
.right_service_detail_2{
    position: relative;
    height: 33rem;
    margin-left: -0.75rem;
}
.right_service_detail_2 .item{
    position: absolute;
    width: 14.25rem;
    height: 16rem;
    padding: 1rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.4rem;
}
.right_service_detail_2 .item::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("../images/bg_s_d_1.svg");
}
.right_service_detail_2 .item:nth-child(2)::before,
.right_service_detail_2 .item:nth-child(3)::before{
    background-image: url("../images/bg_s_d_2.svg");
}
.right_service_detail_2 .item h3{
    color: #454545;
    text-align: center;
    font-size: 0.8rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.2rem; /* 150% */
    margin: 0;
    position: relative;
    z-index: 2;
}
.right_service_detail_2 .item span{
    color: var(--Main-color-2, #0F0F0F);
    text-align: center;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4rem; /* 155.556% */
    position: relative;
    z-index: 2;
}
.right_service_detail_2 .item:nth-child(2) span,
.right_service_detail_2 .item:nth-child(3) span{
    color: #FFF;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.2rem; /* 122.222% */
}
.right_service_detail_2 .item:nth-child(2) h3,
.right_service_detail_2 .item:nth-child(3) h3{
    color: #fff;
}
.right_service_detail_2 .item:nth-child(1){
    top: 0;
    left: 0;
}
.right_service_detail_2 .item:nth-child(2){
    top: 0;
    left: 16.5rem;
}
.right_service_detail_2 .item:nth-child(3){
    top: 14rem;
    left: 8.25rem;
}
.right_service_detail_2 .item:nth-child(4){
    top: 14rem;
    left: 24.6rem;
}
.content_service_detail_2{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.content_service_detail_2 h3{
    color: var(--Main-color-2, #0F0F0F);
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6rem; /* 133.333% */
    margin: 0;
}
.content_service_detail_2 p{
    color: #454545;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 300;
    line-height: 1.4rem; /* 155.556% */
    margin: 0;
}
.service_detail_2 .group_title{
    margin-top: 3.5rem;
}
.service_detail_2{
    position: relative;
    padding: 16rem 0 11rem;
}
.service_detail_2::before{
    content: '';
    width: 100%;
    height: 11.5rem;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.60) 55%, rgba(255, 255, 255, 0.00) 100%);
}
.service_detail_2 .img_bg{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.service_detail_2 .img_bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.service_detail_2 .img_decor{
    width: 14.25rem;
    height: 16rem;
    z-index: 2;
}
.service_detail_2 .img_decor img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.service_detail_2 .img_decor_1{
    position: absolute;
    top: 2rem;
    left: 3rem;
}
.service_detail_2 .img_decor_2{
    position: absolute;
    top: 16rem;
    left: -5.25rem;
}
.service_detail_2 .img_decor_3{
    position: absolute;
    bottom: 0;
    left: 11rem;
}
.service_detail_3{
    position: relative;
    padding: 12.5rem 0 7.5rem;
}
.wrap_img_map{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 42.55rem;
    height: 25.25rem;
}
.img_map{
    /*width: 42.55rem;*/
    /*height: 25.25rem;*/
    width: 100%;
    height: 100%;
}
.img_map img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wrap_gird_home_7 {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 17.55rem);
    margin-top: 1.5rem;
}
.wrap_gird_home_7 .item {
    overflow: hidden;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
    /*padding: 0 1.2rem 1.5rem;*/
}
.wrap_gird_home_7 .item::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75%;
    z-index: 2;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.64) 0%, rgba(63, 63, 63, 0.00) 102.41%);
}
.wrap_gird_home_7 .item:hover::before{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.64) 100%, rgba(63, 63, 63, 0.00) 102.41%);
    height: 100%;
}
.news_4 .wrap_gird_home_7 .item::before{
    z-index: 3;
}
.wrap_gird_home_7 .item::after{
    content: '';
    z-index: 3;
    position: absolute;
    bottom: 1.15rem;
    right: 1.15rem;
    width: 1.45rem;
    height: 1.45rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icon_expand.svg");
}
.wrap_gird_home_7 .item:nth-child(1) {
    grid-column: 1 / span 2;
}

.wrap_gird_home_7 .item:nth-child(6){
    grid-column: 3 / span 2;
}
.wrap_gird_home_7 .item .img_item {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.wrap_gird_home_7 .item .img_item img {
    width: 100%;
    height: 100%;
    transition: 0.5s all;
    object-fit: cover;
}
.wrap_gird_home_7 .item:hover .img_item img{
    transform: scale(1.1);
}
.wrap_gird_home_7 .item span{
    position: absolute;
    z-index: 3;
    bottom: 0;
    left: 0;
    color: #FFF;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 0 4rem 1.5rem 1.2rem;
    width: 100%;
    white-space: normal;
    word-break: break-word;
}
.news_4 .wrap_gird_home_7 .item span{
    overflow: hidden;
    color: var(--Secondary-White-1, #FFF);
    text-overflow: ellipsis;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.6rem; /* 133.333% */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding: 0 1.2rem;
    margin-bottom: 1.5rem;
}
.service_detail_2 .img_logo{
    position: absolute;
    top: 2rem;
    right:  0;
    width: 27.55rem;
    height: 30.1rem;
}
.service_detail_4{
    padding: 5rem 0;
}
.service_detail_5 .tab-content {
    display: none;
}
.service_detail_5 .tab-content.active {
    display: block;
}
.service_detail_5 .menu-item.active a,
.menu-item.current-menu-item a{
    font-weight: bold;
}
.img_product{
    width: 100%;
    height: 100%;
}
.img_product img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slide_service_product{
    overflow: hidden;
}
.wrap_service_detail_5 .tab-content .arrow_slider {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    border: 1px solid #000;
}
.wrap_service_detail_5 .tab-content .arrow_slider.prev{
    left: 6rem;
}
.wrap_service_detail_5 .tab-content .arrow_slider.next{
    right: 6rem;
}
.service_detail_5 {
    padding: 7rem 0;
}
.service_detail_7 .img_contact{
    max-width: 42.5rem;
    width: 42.5rem;
    float: right;
    margin-right: 5rem;
}
.service_detail_7 .img_contact img{
    width: 100%;
    height: 100%;
}
.wrap_service_detail_7{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.service_detail_7 .img_bg{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.service_detail_7 .img_bg img{
    width: 100%;
    height: 100%;
}
.service_detail_7{
    padding: 2rem 0;
}
.service_detail_8 {
    padding: 10rem 0 7.5rem;
}

.service_detail_8 .wrap_slider.box_slider_project {
    margin-top: 1.5rem;
}
.news_4 .text-right .style_menu ul{
    justify-content: center;
}
.news_4 .wrap_gird_home_7 {
    grid-template-rows: repeat(2, 23.7rem);
}
.news_4 .tab-content .wrap_gird_home_7 .item::after{
    width: 6.8rem;
    height: 6.15rem;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url(../images/icon_images.svg);
    opacity: 0;
    transition: 0.5s all;
}
.news_4 .wrap_gird_home_7 .item:hover::after{
    opacity: 1;
}
.news_4 .tab-content:nth-child(2) .wrap_gird_home_7 .item::after{
    background-image: url(../images/icon_video.svg);
    width: 6.55rem;
    height: 6.55rem;
}
.develop_4 .wrap_related_post .arrow_slider.next{
    left: 105%;
}
.develop_4 .wrap_related_post .arrow_slider.prev {
    left: -8%;
}
.service_detail_1 .banner_slide .swiper-slide::before{
    width: 60%;
    height: 100%;
    opacity: 0.6;
    background: linear-gradient(90deg, #000 30%, rgba(0, 0, 0, 0.00) 100%);
}
.popup_gallery,
.popup_gallery_utilities,
.popup_gallery_news{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgb(0 0 0 / 70%);
    opacity: 0;
    pointer-events: none;
    transition: .4s all;
}

.popup_gallery .inner_gallery,
.popup_gallery_news .inner_gallery,
.popup_gallery_utilities .inner_gallery{
    max-width: 63rem;
    margin: auto;
    overflow: hidden;
    height: auto;
    top: 50%;
    position: relative;
    transform: translateY(-50%);
    z-index: 2;
}
.popup_gallery_utilities .load_gallery_utilities,
.popup_gallery_news .load_gallery_news,
.popup_gallery .load_gallery{
    height: 100%;
}
.popup_gallery .inner_gallery,
.popup_gallery_news .inner_gallery,
.popup_gallery_utilities .inner_gallery{
    /*max-width: 63rem;*/
    /*margin: auto;*/
    /*overflow: hidden;*/
    /*height: 100%;*/

}
.popup_gallery .inner_gallery h3,
.popup_gallery_news .inner_gallery h3,
.popup_gallery_utilities .inner_gallery h3{
    color: var(--3, #FFF);
    text-align: center;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.4rem; /* 140% */
}
.mySwiper2 .box_img,
.mySwiper2_news .box_img,
.mySwiper2_utilities .box_img{
    height: 30rem;
    width: 100%;
    object-fit: cover;
    display: block;
    margin: auto;
    border-radius: 1rem;
}
.mySwiper2 .box_img img,
.mySwiper2_news .box_img img,
.mySwiper2_utilities .box_img img{
    height: 100%;
    width: 100%;
    border-radius: 1rem;
    object-fit: cover;
}
.mySwiper2,
.mySwiper2_news,
.mySwiper2_utilities{
    margin-bottom: 0.5rem;
}
.popup_gallery.active ,
.popup_gallery_news.active ,
.popup_gallery_utilities.active {
    opacity: 1;
    pointer-events: unset;
}
.bg_close {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.bg_close::before {
    position: absolute;
    top: .75rem;
    right: 1rem;
    content: 'x';
    width: fit-content;
    font-size: 1.25rem;
    height: 1.25rem;
    color: #fff;
    display: flex
;
    justify-content: center;
    align-items: center;
}
.mySwiper img,
.mySwiper_news img,
.mySwiper_utilities img{
    border-radius: 1rem;
    height: 6.75rem;
    width: 100%;
    object-fit: cover;
}
.wrap_gallery{
    padding: 9rem 0;
    overflow: hidden;
}
.swiper-slide.item_gallery.swiper-slide-active{
    z-index: 1;
}
.swiper-slide.item_gallery.swiper-slide-active .box_img{
    transform: scale(2.2);
    z-index: 1;
    border-radius: 0.5rem;
    overflow: hidden;
    position: relative;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 66.95%, rgba(0, 0, 0, 0.80) 100%);
}
.swiper-slide.item_gallery.swiper-slide-active .box_img::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0, rgba(0, 0, 0, 0.80) 100%);
}
.swiper-slide.item_gallery .box_img::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%);
    border-radius: 0.5rem;
}
.swiper-slide.item_gallery.swiper-slide-active .box_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.5rem;
}
.swiper-slide.item_gallery img{
    border-radius: 0.5rem;
}
.wrap_gallery .item_gallery h3{
    width: 80%;
    position: absolute;
    z-index: 1;
    bottom: 0.5rem;
    left: 50%;
    transform: translateX(-50%);
    color: var(--3, #FFF);
    text-align: center;
    font-size: 0.6rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal; /* 140% */
}
.wrap_gallery .swiper-slide.item_gallery.swiper-slide-active h3{
    opacity: 1;
}
.wrap_gallery .swiper-slide.item_gallery h3{
    opacity: 0;
}
.load_tab_gallery{
    position: relative;
}
.load_tab_gallery .arrow_slider{
    border: 1px solid #000;
}
.load_tab_gallery .arrow_slider.prev{
    left: 6rem;
}
.load_tab_gallery .arrow_slider.next{
    right: 6rem;
}
section.service_detail_6 {
    padding: 5rem 0 9rem;
}
.load_gallery,
.load_gallery_utilities,
.load_gallery_news{
    /*margin-top: 2rem;*/
}
.mySwiper svg,
.mySwiper_news svg,
.mySwiper_utilities svg{
    width: 3rem;
    height: 3rem;
    transition: 0.5s all;
}
.mySwiper svg:hover,
.mySwiper_news svg:hover,
.mySwiper_utilities svg:hover{
    fill: var(--main-cl);
}
.mySwiper svg path,
.mySwiper_news svg path,
.mySwiper_utilities svg path{
    transition: 0.5s all;
}
.mySwiper svg:hover path,
.mySwiper_news svg:hover path,
.mySwiper_utilities svg:hover path{
    stroke: #fff;
}
.wrap_gallery_video .swiper-slide.item_gallery.swiper-slide-active .box_img::before {
    height: 100%;
}
/*.wrap_gallery_video .swiper-slide.item_gallery.swiper-slide-active .box_img::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 3.5rem;*/
/*    height: 3.5rem;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    background-image: url(../images/icon_video.svg);*/
/*    background-repeat: no-repeat;*/
/*    opacity: 1;*/
/*    background-size: contain;*/
/*    z-index: 2;*/
/*}*/
.wrap_gallery_video .swiper-slide.item_gallery.swiper-slide-active .box_img:hover::before {
    /*opacity: ;*/
}

.wrap_gallery_video .swiper-slide.item_gallery.swiper-slide-active a.button_play{
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.item_field:after {
    content: '';
    position: absolute;
    bottom: 0.75rem;
    right: .75rem;
    width: 4rem;
    height: 4rem;
    background-image: url(../images/icon-above_ac.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.service_detail_breadcrumbs{
    padding-top: 1.75rem;
}
.news_4 a.button_play{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    opacity: 0;
}
.wrap_gird_home_7 .item:hover a.button_play{
    opacity: 1;
}

.slide_service_product  .swiper_pagination,
.wrap_gallery .swiper_pagination{
    display: none;
}
section.project_cate_2 {
    padding: 7rem 0 9rem;
}
.map_footer iframe{
    height: 12rem;
    border-radius: .5rem;
}
.project_cate_3 {
    padding-bottom: 3.5rem;
}
[href="#search-lightbox"] {
    pointer-events: unset;
}
.search_form{
    padding: 9rem 0 2rem;
}
.text_search_form{
    color: var(--main-cl);
    /*font-family: "Playfair Display";*/
    font-size: 3rem;
    font-style: normal;
    font-weight: 400;
    line-height: 3.25rem; /* 111.667% */
    padding-bottom: 1rem;
}
.text_search_form span{
    color: #333;
}
.banner h3{
    margin-bottom: .75rem;
}
.service_detail_5 svg.decor{
    width: 27.55rem;
    height: 30.1rem;
    position: absolute;
    top: -10rem;
    right: -1rem;
}
.news_3 svg.decor{
    width: 27.55rem;
    height: 30.1rem;
    position: absolute;
    top: -15rem;
    right: 0;
}
.wrap_post_news_2 .item_post.large .box_img{
    height: 22.9rem;
}
.text_develop_3{
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.button_fix {
    position: fixed;
    z-index: 998;
    right: 4rem;
    top: 50%;
    transform: translateY(-50%);
}
.button_fix a.button_play svg{
    width: 3.3rem;
    height: 3.3rem;
}
.button_fix a.button_play{
    width: 3.3rem;
    height: 3.3rem;
}
.about_sec_8 .arrow_slider.next{
    right: -5rem;
    left: unset;
}
nav.breadcrumb ul>:not(:last-child) {
    flex: 0 0 auto;
}
nav.breadcrumb ul>:last-child * {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.project_pl {
    position: relative;
    height: 25rem;
    width: calc(100% - 1.2rem);
    margin: 0 0.6rem;
    cursor: pointer;
    overflow: hidden;
}


.project_pl>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: .5s all;
}

.slider_project_pl {
    margin: 1.5rem  -0.6rem 0;
    width: calc(100% + calc(calc(100vw - 70rem)/2) );
    padding-right: calc(calc(100vw - 42.5rem)/2);
}

.project_pl .box_logo {
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    display: flex;
    align-items: center;
    justify-content: center;
    2
    3
    width: 5.95rem;
    height: 5.95rem;
    width: 5.95rem;
    background: rgb(255 255 255 / 80%);
    Colors
    Hex
    Hex
    Background colors;
    transition: .5s all;
    z-index: 2;
}

.project_pl .box_logo svg {
    width: 3.85rem;
    height: auto;
    transform: translateY(.3rem);
}

.project_pl:hover .box_logo {
    transform: translate(-50%, -50%);
}

.project_pl:hover>img {
    transform: scale(1.15);
}

.project_pl h3 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 3;
    color: var(--8, #FFF);
    text-align: center;

    /* Heading/H5 */
    font-family: "Exemplar Pro";
    font-size: 1rem;
    /* 140% */
    text-transform: uppercase;
    margin: 0;
    padding: 1.5rem;
}

.project_pl:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 66.83%, rgba(0, 0, 0, 0.90) 100%);
    Colors
    Hex
    Hex
    Background colors

    #D9D9D9;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.slider_project_pl .swiper-slide {
    /*opacity: .6;*/
    transition: 1s all;
}

.slider_project_pl .swiper-slide-active {
    opacity: 1;
}
.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:after, .nav-dropdown-has-arrow li.current-dropdown.has-dropdown:before {
    display: none;
}

.nav-dropdown-has-border .nav-dropdown {
    border: none;
    padding: .5rem;
}

.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {
    color: #333;
}

.nav-dropdown-default .nav-column li>a:hover, .nav-dropdown.nav-dropdown-default>li>a:hover {
    color: #E25D34
}
.page-template-page-blank-title-center .page-wrapper {
    padding: 10rem 0 3rem;
}

.page-template-page-blank-title-center .page-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 9rem;
    background: linear-gradient(180deg, black, transparent);
}
.wrap_item_main_ac_3 .line {
    width: 100%;
    background: #E25D34;
    height: 1px;
    margin-top: 7.5rem;
}

.wrap_item_main_ac_3 .line:last-child {
    display: none;
}
ul.menu_languge li a {
    color: #fff;
}

ul.menu_languge li.active a {
    color: #E25D34;
}

.header-wrapper.stuck ul.menu_languge li a {
    color: #333;
}

.header-wrapper.stuck ul.menu_languge li.active a {
    color: #E25D34;
}

ul.menu_languge {
    margin-left: 1rem !important;
}
@media (min-width: 1200px) {
    html {
        font-size: 1.05vw;
    }
}

@media only screen and (max-width: 1199px) {
    html {
        font-size: 1.2vw;
    }
    .develop_4 .wrap_related_post .arrow_slider.prev {
        left: -6%;
    }
    .develop_4 .wrap_related_post .arrow_slider.next{
        left: 103.5%;
    }
    .contact_2::before{
        top: -23rem;
        left: 0;
        width: 45.5rem;
        height: 46.5rem;
    }
    .contact_2 img.bg {
        height: 80%;
    }
    .service_detail_2 .img_decor{
        display: none;
    }
}
@media only screen and (max-width: 849px) {
    .nav-left {
        justify-content: flex-start;
    }

    .nav-right {
        justify-content: flex-end;
    }

    html {
        font-size: 1.5vw;
    }
    .header-inner {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .row, .container {
        max-width: 65rem !important;
    }

    .group_title h1, .group_title h2, .group_title h3 {
        font-size: 2.5rem;
    }

    .item_field .box_content .content {
        font-size: .9rem;
    }

    .item_project .box_content {
        max-width: 39.75rem;
        width: 100%;
    }
    [data-open="#main-menu"]{
        background-image: url(../images/menu_icon.svg);
        width: 4rem;
        height: 3rem;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right center !important;
    }
    [data-open="#main-menu"] i.icon-menu {
        opacity: 0;
    }

    i.icon-search {
        color: #E25D34;
    }

    .header-wrapper.stuck {}

    .header-wrapper.stuck .nav-left:before, .header-wrapper.stuck .nav-right:before {
        opacity: 0;
    }

    body .stuck #logo img {
        height: 4rem !important;
    }

    .header-wrapper.stuck i.icon-search {
        color: #E25D34;
    }
    #logo img {
        height: 4rem !important;
        filter: unset !important;
    }

    .nav-left:before, .nav-right:before {
        display: none;
    }

    .header-main {
        background: #fff;
    }

    .header-inner {
        padding: .6rem 15px !important;
        min-height: 4.6rem;
    }

    .header-wrapper.stuck .header-inner {
        padding: .6rem 15px !important;
    }

    .off-canvas-center .mfp-content {
        padding-top: 0-;
    }

    .off-canvas-center .nav-sidebar.nav-vertical>li>a {
        color: #333;
        font-weight: 600;
    }

    .off-canvas-center:not(.dark) .mfp-close {
        /*display: none;*/
        top: 70px;
    }

    .mfp-bg.off-canvas-center:not(.dark) {
        p;
        position: fixed !important;
        top: 4.6rem !important;
    }
    .arrow_slider{
        display: none;
    }
    .group_title .sub_title {
        font-size: 5rem;
    }
    .banner_slide{
        height: 55vh;
    }
    .wrap_content_banner{
        left: 2.5rem;
    }
    .flickity-page-dots {
        /*bottom: 2.5rem;*/
    }
    .banner_slide .nav_swiper{
        gap: 1rem;
    }
    .wrap_box_activity:nth-child(even) .box_content {
        padding-left: 3rem;
        max-width: 25rem;
    }
    .wrap_box_activity .box_content{
        max-width: 21rem;
    }
    .activity_detail_1 {
        padding-top: 5rem;
    }
    .item_bottom_activity_detail_2 .content p br,
    .item_main_ac_3 .wrap_img_icon::before{
        display: none;
    }
    .item_main_ac_3 .content h4{
        font-size: 1.25rem;
        line-height: 1.6rem;
    }
    .item_main_ac_3 .content p{
        font-size: 0.9rem;
    }
    .img_ac_2::before{
        right: -1.5rem;
    }
    .activity_detail_5 .group_title h3,
    .post_single_3 .group_title h3{
        font-size: 1.25rem;
    }
    .news_4 .wrap_gird_home_7 {
        grid-template-rows: repeat(2, 17rem);
    }
    .contact_2::before {
        top: -23.5rem;
        left: -8rem;
    }
    .right_service_detail_2 .item:nth-child(2) {
        left: 14.5rem;
    }
    .right_service_detail_2 .item:nth-child(3) {
        top: 12.5rem;
        left: 7.25rem;
    }
    .right_service_detail_2 .item:nth-child(4) {
        top: 12.5rem;
        left: 21.8rem;
    }
    .right_service_detail_2{
        margin-left: 0;
    }
    .service_detail_2 {
        padding: 14rem 0 8rem;
    }
    .wrap_img_map {
        position: relative;
        right: 0;
        top: 50%;
        transform: unset;
        width: 100%;
        height: 21.25rem;
    }
    .service_detail_7 .img_contact {
        max-width: 100%;
        width: 100%;
        margin-right: 1rem;
    }
    .swiper-slide.item_gallery.swiper-slide-active .box_img{
        transform: scale(1.5);
    }
    .wrap_field .item_field{
        width: calc(20% - 0.4rem);
        margin: 0 0.2rem;
    }
    .text_develop_3{
        gap: .5rem;
    }
    .service_detail_3 {
        padding: 1rem 0 7.5rem;
    }
    .news_3 svg.decor {
        width: 20rem;
        height: 17rem;
        top: -11rem;
        right: 0;
    }
    h2.heading_post_single_2{
        font-size: 2rem;
        max-width: 100%;
    }
    .slide_related_post .swiper_pagination {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 1.5rem;
    }
    .mb_display{
        display: block;
    }
    ul.menu_languge {
        margin-right: 1rem !important;
    }
}
@media only screen and (max-width: 767px){
    #search-lightbox{
        margin-left: -1rem;
        margin-right: -1rem;
        max-width: calc(100%  + 2rem);
    }
    #search-lightbox .search-lightbox-title{
        margin-bottom: 1rem;
        font-size: 1rem;
    }
    #search-lightbox .search-keywords{
        margin-top: 1rem;
    }
    #search-lightbox .search-keywords > a{
        font-size: 0.7rem;
    }
    html {
        font-size: 3.5vw;
    }

    .group_title .sub_title {
        font-size: 2.6rem;
    }

    .col, .columns, .gallery-item {
        padding: 0 15px;
    }

    .home_sec_2_items .img+.img {}

    .home_sec_2_items .img {
        margin-top: 1rem;
    }

    .home_sec_4  span.section-title-main {
        max-width: 21rem;
    }

    .home_sec_4 .sub_title {
        left: 50%;
        transform: translateX(-50%) translateY(-54%);
    }

    .wrap_field {
        flex-wrap: wrap;
        margin: 0 .7rem;
    }

    .wrap_field .item_field {
        width: calc(100% - 0.8rem);
    }

    .wrap_field .item_field .box_img {
        height: 19rem;
    }

    .item_field+.item_field {
        margin-top: 1rem;
    }

    .item_field .box_content .content {
        font-size: 1rem;
    }

    .item_field .box_content h3 {
        font-size: 1.4rem;
    }

    .home_sec_4 .col-inner.text-right {
        text-align: left;
    }

    .style_menu ul {
        flex-wrap: wrap;
    }

    .style_menu ul a:before {
        display: none;
    }

    .item_project {
        height: 21.5rem;
        margin: 0 0.5rem;
        m':';
        m': 0 0.85';
        m': 0 0.85r';
        m': 0 0.85re';
        m': 0 0.85rem';
    }

    .box_slider_project .arrow_slider {
        display: none;
    }

    .home_sec_6 .style_menu {
        margin-top: 0;
    }

    .home_sec_6 .text-right .style_menu ul {
        justify-content: center;
    }

    .home_sec_6  h2.section-title.section-title-normal {
        justify-content: center;
    }

    .sub_title {}

    .home_sec_6 .group_title .sub_title {
        left: 50%;
        transform: translate(-50%,-54%);
    }

    .item_post.large {
        display: block;
        width: calc(calc(100%) - 1rem);
        margin-bottom: 2rem;
    }

    .item_post.large .box_img {
        width: 100%;
        margin: 0 0 1rem 0;
    }

    .item_post {
        width: calc(calc(100% / 2) - 1rem);
        margin: 0 .5rem 1rem;
    }

    .wrap_post_home {
        margin: 3rem  -0.5rem 1.5rem;
    }

    .development_section div#stack-967899831 {
        margin-left: 0;
        max-width: 23rem;
    }

    .development_section .group_title .sub_title {
        right: unset;
        left: 0;
    }

    .content_hover {
        margin-top: 1.3rem;
    }

    .wrap_development .item {
        width: calc(50% - 1rem);
        margin: 0 0.5rem 2rem;
    }

    .wrap_development {
        flex-wrap: wrap;
    }

    .wrap_development .item:before, .wrap_development .item:after {
        display: none;
    }

    .wrap_development:before {
        display: none;
    }

    .wrap_development h3 {
        font-size: 1.2rem;
    }

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

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

    section.development_section:before {
        opacity: .67;
        background: #000;
    }

    .wrap_development {
        margin: 0 -0.5rem 3rem;
    }

    .home_sec_7_img .img img {
        max-width: 100%;
        margin: 0 auto 4rem;
    }

    .wrap_form input, .wrap_form select, .wrap_form textarea {
        height: 3.2rem;
        font-size: 1rem;
    }

    .wrap_form_footer input {
        height: 3.5rem;
        font-size: 1rem;
    }

    .title_footer {
        margin-top: 2rem;
    }

    body {
        font-size: 1rem;
    }

    .title_footer .section-title {
        font-size: 1.2rem;
    }

    .logo_footer img {
        height: 4.5rem;
        display: block;
        margin: 0 auto 1.5rem;
    }

    .content_form {
        font-size: 1.2rem;
        line-height: 1.6;
    }
    .home_sec_3 {
        padding: 4rem 0 !important;
    }
    .about_sec_2_img {
        transform: translateX(0);
        margin-bottom: 3rem;
    }

    .about_sec_3_banner .text-inner .col-inner {
        max-width: 100%;
        margin: 0;
        padding: 0 2rem;
    }

    .about_sec_3_banner {
        padding-top: 26rem !important;
        overflow: hidden;
    }

    .wrap_core {
        flex-wrap: wrap;
    }

    .item_core {
        width: 16.85rem;
        height: 19.05rem;
    }

    .item_core+.item_core {
        margin-top: 1rem;
    }

    .wrap_core+.wrap_core {
        margin-top: 1rem;
    }

    .item_history>* {
        width: 100%;
        margin: 0;
    }

    .item_history {
        display: block;
    }

    .wrap_history {
        margin: 1rem 0rem 0;
    }

    .img_small {
        transform: translate(-7%, 20%);
    }

    .item_history .box_img {
        margin-bottom: 2rem;
    }

    a.button_play {
        transform: translate(0%, -50%);
        right: 2rem;
    }

    .wrap_history:before {
        display: none;
    }

    .item_history+.item_history {
        margin-top: 3rem;
    }

    .wrap_logo a {
        width: 6rem;
        height: 7rem;
    }
    .banner-layers {
        overflow: hidden;
    }
    .home_sec_1_slider .banner img {
        height: 27rem !important;
    }
    .banner h1, .banner h2, .banner h3 {
        font-size: 2rem;
    }

    .home_sec_1_slider .text {
        font-size: 1.2rem;
    }

    .home_sec_1_slider .text-inner {
        padding: 0 15px;
    }
    .project_item {
        width: calc(calc(100% / 2) - 1rem) !important;
    }

    .project_item .box_content {
        padding: 1rem;
    }

    .project_item .box_img {
        height: 13rem;
    }
    .wrap_form_footer input.wpcf7-submit {
        width: 3.5rem;
        height: 3.5rem;
    }
    #logo img {
        height: 4rem !important;
    }

    .header-wrapper.stuck .header-inner {
        padding: .7rem 15px !important;
    }

    body .stuck #logo img {
        height: 4rem !important;
    }
    .about_sec_4 .sub_title {
        left: 0;
    }
    .about_sec_6:before {
        display: none;
    }
    .home_sec_3_img:before {
        width: 26.7rem;
        height: 27rem;
        top: -9rem;
        left: 0rem;
    }

    .home_sec_3_img {
        margin-top: 10rem;
    }
    .style_menu ul a {
        font-size: 1.1rem;
    }
    .home_sec_4  h2.section-title {
        justify-content: center;
        text-align: center;
    }

    .home_sec_4 h2.section-title .sub_title {left: 50%;:;: 5;: 50;: 50%;: 50;: 5;transform: translateX(-50%);}


    .wrap_content_banner h1 {
        line-height: 2.5rem;
        font-size: 2rem;
    }
    .wrap_content_banner {
        left: 15px;
    }
    .wrap_content_banner p{
        font-size: 1.4rem;
    }
    .banner_slide {
        height: 45vh;
    }
    .banner_slide .nav_swiper .btn{
        display: none;
    }
    .activity_2 .group_title {
        margin: 3rem 0 2rem;
    }
    .wrap_box_activity {
        flex-direction: column;
        gap: 2rem;
    }
    .wrap_box_activity .img_activity {
        width: 100%;
        height: 26.25rem;
    }
    .wrap_box_activity .box_content {
        max-width: 100%;
    }
    .wrap_box_activity:nth-child(even) {
        flex-direction: column;
        justify-content: start;
    }
    .wrap_box_activity:nth-child(even) .box_content {
        padding-left: 0;
        max-width: 100%;
    }
    .wrap_bg_ac_detail {
        padding-top: 5rem;
    }
    .wrap_box_main_1 {
        margin-top: 1rem;
    }
    .img_ac_1{
        width: 100%;
    }
    .wrap_box_content_1{
        padding-left: 0;
        max-width: 100%;
        padding-top: 2rem;
    }
    .activity_detail_2 {
        padding: 0rem 0 6rem;
    }
    .wrap_bottom_activity_detail_2 {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        margin: 4rem -0.5rem 0;
        gap: 2rem;
    }
    .item_bottom_activity_detail_2 {
        width: calc(100% - 1rem);
        margin: 0 .5rem;
    }
    .img_ac_2{
        margin-top: 4rem;
    }
    .item_main_ac_3{
        width: 100%;
        gap: 0.75rem;
    }
    .wrap_item_main_ac_3 {
        flex-direction: column;
        align-items: center;
        gap: 2rem;
    }
    .slide_related_post .swiper_pagination {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 1rem;
    }
    /*.slide_related_post .swiper-pagination-bullet{*/
    /*    opacity: 0.5;*/
    /*    background: #dedede;*/
    /*}*/
    .post_single_3 {
        position: relative;
        padding: 0rem 0 2.5rem;
    }
    .post_single_3 svg.decor {
        top: 0;
        left: 0;
        width: 14rem;
        height: 10rem;
    }
    .activity_detail_4 {
        padding: 7rem 0 5rem;
    }
    .news_3 .text-right .style_menu ul {
        justify-content: center;
    }
    .news_3 .text-right .style_menu ul {
        justify-content: center;
    }
    .news_3 .group_title .sub_title p{
        text-align: center;
    }
    .news_3 .group_title h2{
        justify-content: center;
    }
    .news_2 {
        padding: 1.5rem 0;
    }
    .service_detail_5 {
        padding: 4rem 0;
    }
    .wrap_gird_home_7 .item{
        grid-column: 1 / span 2 !important;
    }
    .news_3 .style_menu {
        margin-top: 0;
    }
    .wrap_gird_home_7 {
        /* grid-template-columns: 1fr; */
        /* grid-template-rows: unset; */
        height: auto;
        /* padding: 0; */
        display: flex
    ;
        /* flex-direction: column; */
        flex-wrap: wrap;
    }
    .wrap_gird_home_7 .item {
        width: 50%;
        height: 12rem !important;
    }
    .news_4 .tab-content .wrap_gird_home_7 .item::after,
    .news_4 .tab-content:nth-child(2) .wrap_gird_home_7 .item::after{
        width: 3.5rem;
        height: 3.5rem;
    }
    .wrap_gird_home_7 .item span{
        font-size: 1rem !important;
        line-height: 1.4rem !important;
    }
    h2.heading_post_single_2{
        font-size: 1.5rem;
        line-height: 2.5rem;
        max-width: 100%;
    }
    .main_content_post p,
    .main_content_post blockquote p{
        font-size: .95rem;
    }
    .post_single_2 .wrap_breadcrumb{
        margin-bottom: 2rem;
    }
    .wrap_box_develop{
        flex-direction: column;
        margin: 2rem -1rem 0;
    }
    .item_box_develop {
        width: calc(calc(100% - 1.5rem));
        margin: 0 0.75rem 0;
    }
    .item_box_develop:first-child{
        margin-top: 0 !important;
    }
    .item_box_develop {
        margin-top: 1.5rem !important;
    }
    .item_box_develop .img_item{
        height: 18rem;
    }
    .text_develop_3 p br{
        display: none;
    }
    .stack_contact_3 {
        width: 100%;
        height: 20rem;
        flex-shrink: 0;
        padding: 0;
        margin-top: 2rem;
    }
    .right_service_detail_2 {
        position: relative;
        height: auto;
        margin-left: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: .5rem;
    }
    .right_service_detail_2 .item{
        position: relative !important;
        left: unset !important;
        right: unset !important;
        top: unset !important;
    }
    .service_detail_2 .img_logo {
        width: 19.55rem;
        height: 17.1rem;
        right: -9rem;
        top: -1rem;
    }
    .service_detail_2 {
        padding: 3rem 0 4rem;
    }
    .service_detail_2::before{
        display: none;
    }
    .service_detail_3 {
        padding: 4.5rem 0 0;
    }
    .wrap_img_map{
        height: auto;
        margin-top: 2rem;
    }
    .mySwiper2 .box_img, .mySwiper2_news .box_img, .mySwiper2_utilities .box_img {
        height: 16rem;
    }
    .popup_gallery.active, .popup_gallery_news.active, .popup_gallery_utilities.active{
        padding: 0.75rem;
    }
    .service_detail_5 {
        padding: 1rem 0;
    }
    .wrap_gallery {
        padding: 4rem 0;
    }
    section.service_detail_6 {
        padding: 5rem 0 1rem;
    }
    .service_detail_7 .img_contact {
        margin: 0 0 4rem;
    }
    .service_detail_8 {
        padding: 4rem 0 3rem;
    }
    .mySwiper img, .mySwiper_news img, .mySwiper_utilities img{
        height: 5.5rem;
    }
    .wrap_gallery_video .swiper-slide.item_gallery.swiper-slide-active a.button_play,
    .news_4 a.button_play{
        width: 2rem;
        height: 2rem;
    }
    .wrap_gallery_video .swiper-slide.item_gallery.swiper-slide-active a.button_play svg,
    .news_4 a.button_play svg{
        width: 0.6rem;
    }
    .slide_service_product  .swiper_pagination{
        display: flex;
    }
    .slide_service_product .swiper_pagination{
        display: flex;
        margin-top: 2rem;
        justify-content: center;
    }
    .wrap_gallery .swiper_pagination{
        display: flex;
        margin-top: 3.5rem;
        justify-content: center;
    }
    .text_develop_3 h2{
        font-size: 3rem;
        line-height: 3rem;
    }
    .button_fix{
        right: -1.25rem;
    }
    .button_fix a.button_play{
        width: 3rem;
        height: 3rem;
    }
    .about_sec_3_banner .text-inner .col-inner:before{
        width: 58px;
        height: 40px;
        background-size: contain;
        transform: translate(-1rem, -100%);
    }
    .activity_2 .group_title h2,
    .activity_detail_1 .group_title h2{
        font-size: 2.1rem;
    }
    .post_single_2 svg.decor {
        position: absolute;
        top: 0;
        right: 0;
        width: 13rem;
        height: 11.5rem;
    }
    .text_09{
        font-size: 0.9rem;
    }
    nav.breadcrumb ul>*:not(:last-child) {
        flex: 0 0 auto;
    }

    nav.breadcrumb ul>*:last-child * {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
    }
    .item_project .box_content .content{
        margin-bottom: .5rem;
    }
    .news_3 svg.decor {
        width: 15rem;
        height: 13rem;
        position: absolute;
        top: -8rem;
        right: 0;
    }
    .wrap_meta .dot{
        margin: 0 0.35rem;
    }
    .wrap_meta span{
        padding: 2px 0.35rem;
    }
    .mySwiper svg,
    .mySwiper_news svg,
    .mySwiper_utilities svg{
        display: none;
    }
    .tags_post{
        flex-wrap: wrap;
    }
    .item_post .content,
    .item_slide_related_post .content{
        font-size: 0.9rem;
    }
    .see_more_content_post span.heading{
        flex: .25;
    }
    .see_more_content_post span{
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        flex: 1 0 0;
    }
    .project_2 .group_title h1{
        font-size: 2.1rem;
    }
    footer#footer p{
        font-size: .9rem;
    }
    .slider_project_pl {
        width: 100%;
        padding: 0 !important;
        margin: 0;
    }

    .project_pl {
        height: 16rem;
    }
    section.pl_section {
        padding-top: 5rem;
    }
    .nav>li>a>i.icon-search {
        font-size: 1.6rem !important;
    }
    .page-template-page-blank-title-center .page-wrapper:before {
        display: none;
    }

    .page-template-page-blank-title-center .page-wrapper {
        padding-top: 7rem;
    }
    .wrap_item_main_ac_3 .line {
        display: none;
    }
    .nav-vertical>li>ul li a {
        font-size: 1.4rem;
    }
    .project_pl h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        padding: 0 1rem;
        bottom: 1rem;
    }
    .text_content_contact_2 p a {
        color: #fff !important;
    }
}