@import url('../../../../../css2');
/* @font-face {
    font-family: 'SVN-Aptima';
    src: url('../fonts/SVN-Aptima.eot');
    src: url('../fonts/SVN-Aptima-1.eot') format('embedded-opentype'),
    url('../fonts/SVN-Aptima.woff2') format('woff2'),
    url('../fonts/SVN-Aptima.woff') format('woff'),
    url('../fonts/SVN-Aptima.ttf') format('truetype'),
    url('../fonts/SVN-Aptima.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SVN-Aptimabold';
    src: url('../fonts/SVN-Aptimabold.eot');
    src: url('../fonts/SVN-Aptimabold-1.eot') format('embedded-opentype'),
    url('../fonts/SVN-Aptimabold.woff2') format('woff2'),
    url('../fonts/SVN-Aptimabold.woff') format('woff'),
    url('../fonts/SVN-Aptimabold.ttf') format('truetype'),
    url('../fonts/SVN-Aptimabold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
} */

@media (min-width: 991px) {
    body, html {
        font-size: .95vw;
    }
}
/* CSS */
a {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
input,
optgroup,
select,
textarea {
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0.0625rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 0.0625rem 0.0625rem 0.1875rem rgba(0, 0, 0, 0);
    box-shadow: inset 0.0625rem 0.0625rem 0.1875rem rgba(0, 0, 0, .0);
}
:root{
    --font-normal: 'Be Vietnam Pro', 'sans-serif'
    --font-title: 'SVN-Aptima';
}




body {
    /*font-family: var(--font-normal);*/
    color: #333333;
    overflow-x: hidden;
    background: #FFFBEF;
    font-family: 'Be Vietnam Pro', sans-serif;
    font-weight: 400;
}
body ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.grid-container {
    max-width: 78.646rem;
}

.content {
    font-size: 0.833rem;
    color: #333333;
    line-height: 1.6;
    margin-bottom: 0;
    font-family: 'Be Vietnam Pro', sans-serif;
    font-weight: 400;
}
a, a:hover {
    text-decoration: none !important;
    transition: all 1s;

}
.content>*:last-child {
    margin: 0;
}

b,
strong {
    font-family: var(--font-normal);
}



h1,
h2,
h3 {
    font-family: var(--font-title);
}


.text_white,.text_white * {
    color: white !important;
}

.text_justify {
    text-align: justify;
}

.text_center {
    text-align: center;
}

.text_up {
    text-transform: uppercase;
}

.fs14 {
    font-size: 0.875rem;
}

.fs15 {
    font-size: 0.9375rem;
}

.fs18 {
    font-size: 0.9375rem;
}

.style_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.max {
    width: 100%;
    height: 100%;
    z-index: 9;
}

.display_flex {
    display: flex;
}

.display_flex_wrap {
    display: flex;
    flex-wrap: wrap;
}

.css_bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.content ul {
    list-style: disc;
    margin-left: 1.25rem;
}
.section {
    width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    overflow: hidden;
}

.arrow.prev {
    transform: rotate(180deg);
}

.swiper-slide img {
    display: block;
}

.hero-slider {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 0;
}

.hero-slider .swiper-slide {
    overflow: hidden;
    color: #fff;
}

.hero-slider .swiper-container {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.hero-slider .slide-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
}

/*--------------------------------------------------------------
    #hero-style
--------------------------------------------------------------*/
.hero-style {
    height: 100vh;
}
section{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.banner_slider .item img {
    display: block;
    width: 100%;
}

.banner_slider .item {
    position: relative;
}

.banner_slider .item .box_content {
    position: absolute;
    bottom: 10.9375rem;
    z-index: 2;
    max-width: 647px;
    left: calc(calc(100vw - 72.917rem)/2);
    color: white;
}

.banner_slider .item:before {
    position: absolute;
    width: 80%;
    height: 100%;
    content: '';
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.388118) 73.2%, rgba(0, 0, 0, 0) 100%);
}

.banner_slider .item .box_content * {
    color: white;
}

.banner_slider .item .box_content  h3 {
    text-transform: uppercase;
    font-family: 'SVN-Aptimabold';
    padding: 2.083rem 0 0.521rem;
    margin: 0;
}

/* h1,h2,h3,h4,h5 {
    font-family: 'SVN-Aptima';
} */

.banner_slider .item .box_content .content {
    font-weight: 500;
    font-size: 1.042rem;
}

ul.slick-dots {
    position: absolute;
    left: calc(calc(100vw - 72.917rem)/2);
    z-index: 9;
    bottom: 20px;
    display: flex;
    align-items: center;
}

ul.slick-dots button {
    padding: 0;
    font-size: 0;
    width: 1.09375rem;
    height: 0.15625rem;
    margin-right: 0.26rem;
    transition: .5s all;
    display: inline-block;
    line-height: normal;
    border: none;
    opacity: .3;
}

ul.slick-dots li.slick-active button {
    opacity: 1;
    width: 1.979rem;
}
.heading_h2 {
    font-family: 'SVN-Aptimabold' !important;
    text-transform: uppercase;
    background: linear-gradient(54.28deg, #BE8139 0%, #D09956 100.26%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 2.604rem;
    margin: 0 0 0.78125rem;
    line-height: 1.4;
}

.home_sec_2 .box_img {
    display: inline-block;
    position: relative;
    background: #CC8623;
    border-radius: 0.521rem;
    padding: 0.521rem;
}

.home_sec_2 .box_img img {
    border-radius: 0.521rem;
    display: block;
}

.home_sec_2 .box_img .box_content {
    position: absolute;
    bottom: 2.5rem;
    left: 4.6875rem;
    right: 4.6875rem;
}

.home_sec_2 .box_img .box_content .num {
    background: linear-gradient(90deg, #CC8623 0%, #E1A251 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 3.125rem;
    text-fill-color: transparent;
    line-height: 1;
    font-weight: 700;
    font-family: 'Oswald', sans-serif;
}

.home_sec_2 .box_img .box_content .num b {
    font-size: 7.917rem;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
}



.home_sec_2 .box_img .box_content .content {
    background: linear-gradient(90deg, #CC8623 0%, #E1A251 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 1.51875rem;
    font-weight: 600;
    /*font-family: 'Oswald', sans-serif;*/
}

.home_sec_2 {
    padding-top: 5.573rem;
}

.home_sec_2 .col-md-6.box_content {
    padding-left: 6.25rem;
}

.home_sec_2 .row {
    align-items: center;
}

.view_more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #CC8623;
    border-radius: 1.458rem;
    color: #FFFFFF !important;
    font-size: 0.9375rem;
    height: 2.34375rem;
    padding: 0 5px 0 1.302rem;
    transition: .3s all !important;
    transform: scale(1);
    opacity: 1;
}

.view_more span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.667rem;
    height: 1.667rem;
    border-radius: 50%;
    background: white;
    margin-left: 1.042rem;
}

.home_sec_2 a.view_more {
    margin-top: 1.667rem;
}

.view_more:hover {
    transform: scale(.9);
    opacity: .7;
}

.home_sec_3 {
    background-position: bottom center;
    padding-top: 5.208rem;
    background-size: 100% auto;
    padding-bottom: 8.854rem;
}

.home_sec_3 .content {
    font-size: 0.9375rem;
    max-width: 38.125rem;
    margin: auto;
    font-weight: 500;
    margin-bottom: 2.604rem;
}

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

.home_sec_3 .wrap_num .item {
    width: 15.885rem;
}

.home_sec_3 .wrap_num .item .num {
    color: #8C3B29;
    font-size: 5.208rem;
    font-family: 'SVN-Aptimabold';
    line-height: 1;
}

.home_sec_3 .wrap_num .item h3 {
    padding: 0.521rem 0 0;
    margin: 0;
    font-size: 1.823rem;
    color: #333333;
    font-family: 'SVN-Aptima';
}

.home_sec_3 .wrap_num .item:nth-child(1),.home_sec_3 .wrap_num .item:nth-child(4) {
    margin-top: 6.771rem;
}

.home_sec_4 {
    padding-top: 5.208rem;
}

.home_sec_4 .wrap_items {
    display: flex;
    justify-content: center;
    margin: 2.083rem -3.646rem 0;
}

.home_sec_4 .wrap_items .item {
    width: calc(calc(100% / 5) - 7.292rem);
    margin: 0 3.646rem;
    cursor: pointer;
    position: relative;
}

.home_sec_4 .wrap_items .item .icon {
    border: 1px solid #E1A251;
    width: 7.76rem;
    height: 7.76rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: .5s all;
    margin: auto;
    position: relative;
}

.home_sec_4 .wrap_items .item .icon img {
    max-width: 60%;
    max-height: 60%;
}

.home_sec_4 .wrap_items .item:hover .icon {
    background: linear-gradient(90deg, #CC8623 0%, #E1A251 100%);
}

.home_sec_4 .wrap_items .item:hover .icon img {
    filter: brightness(0) invert(1);
}

.home_sec_4 .wrap_items .item h3 {
    font-size: 1.042rem;
    margin: 0;
    color: #333333;
    text-transform: uppercase;
    padding: 2.083rem 0 0 0;
    font-family: 'SVN-Aptimabold' !important;
}

.home_sec_4 .wrap_items .item:not(:last-child) .icon:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    background: linear-gradient(90deg, #CC8623 0%, #E1A251 100%);
    width: 3.854rem;
    height: 0.052rem;
    transform: translate(calc(100% + 2.604rem), -50%);
}

.home_sec_5 {
    padding-top: 5.208rem;
}

.home_sec_5 .item {
    position: relative;
}
.home_sec_5 .wrap_items .item {
    position: relative;
    width: calc(calc(100% / 3) - 1.042rem);
    margin: 0 0.521rem 1.042rem;
    border-radius: 0.26rem;
    overflow: hidden;
}

.home_sec_5 .wrap_items {
    display: flex;
    flex-wrap: wrap;
    margin: 2.083rem -0.521rem 0;
}
.home_sec_5 .wrap_items .item img {
    display: block;
}

.home_sec_5 .wrap_items .item .box_content {
    position: absolute;
    bottom: 1.198rem;
    left: 1.198rem;
    right: 1.198rem;
    z-index: 9;
}

.home_sec_5 .wrap_items .item .box_content * {
    color: white;
}

.home_sec_5 .wrap_items .item:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70.64%, rgba(0, 0, 0, 0.7) 100%), url(image.png), #D9D9D9;
}

.home_sec_5 .wrap_items .item:before {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    content: '';
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 53.65%) #d9d9d900;
    transition: .5s all;
}

.home_sec_5 .wrap_items .item:hover:before {
    height: 100%;
}

.home_sec_5 .wrap_items .item h3 {
    font-size: 1.302rem;
    position: relative;
    font-family: 'SVN-Aptimabold';
}

.home_sec_5 .wrap_items .item .content {
    font-size: 0.833rem;
    height: 0;
    overflow: hidden;
    transition: .5s all;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.home_sec_5 .wrap_items .item h3:before {
    width: 0.208rem;
    height: 120%;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(204, 134, 35, 1);
    content: '';
    position: absolute;
    left: -1.198rem;
}

.home_sec_5 .wrap_items .item:hover .content {
    height: 8.073rem;
}
.home_sec_6 {
    padding-top: 100px;
}

.slider_project .slick-list {
    padding: 3.125rem calc(calc(100vw - 52.083rem)/2) !important;
    margin-top: 1.042rem;
}

.item_project {
    transform: scale(1);
    transition: .5s all;
    position: relative;
}

.item_project.slick-active.slick-center {
    transform: scale(1.2);
    position: relative;
    z-index: 99;
}

.item_project {
    background: black;
    border-radius: 0.521rem;
    overflow: hidden;
}

.item_project img {
    opacity: .6;
    transition: .5s all;
}

.item_project.slick-active.slick-center img {
    opacity: 1;
}

.item_project:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .8) 80%) #d9d9d900;
    content: '';
    position: absolute;
    z-index: 4;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .5s all;
}

.item_project.slick-active.slick-center:before {
    opacity: 1;
}

.item_project .box_content {
    position: absolute;
    left: 2.083rem;
    bottom: 2.083rem;
    right: 2.083rem;
    display: flex;
    align-items: center;
    z-index: 9;
    transform: translateY(150px);
    transition: .5s all;
    opacity: 0;
    align-items: flex-end;
}

.item_project .box_content svg {
    flex: 0 0 auto;
    margin-left: 90px;
}

.item_project.slick-active.slick-center .box_content {
    transform: unset;
    opacity: 1;
}

.item_project .box_content h3 {
    padding: 0;
    margin: 0 !important;
    font-size: 1.5625rem;
    text-transform: uppercase;
    font-family: 'SVN-Aptimabold';
}

.item_project .box_content span {
    font-size: 0.833rem;
}

.item_project .box_content .content {
    font-size: 1rem;
    padding-top: 0.729rem;
    margin-top: 0.729rem;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.item_project .box_content .content:before {
    width: 16.667rem;
    height: 1px;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: white;
}

.slick-arrow {
    position: absolute;
    width: 2.865rem;
    height: 2.865rem;
    font-size: 0;
    border-radius: 50%;
    border: 1px solid rgba(204, 134, 35, 1);
    background: transparent;
    z-index: 9;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slick-arrow:hover {
    background: linear-gradient(90deg, #CC8623 0%, #E1A251 100%);
    box-shadow: 4px 4px 1.042rem rgba(255, 0, 0, 0.1);
}

.slider_project .slick-prev.slick-arrow,.slider_project .slick-next.slick-arrow {
    top: -4.479rem;
    right: calc(calc(100vw - 66.146rem)/2);
}

.slider_project .slick-next.slick-arrow {
    right: calc(calc(100vw - 72.96875rem)/2);
}

.home_sec_7 {
    padding-top: 5.208rem;
}

.home_sec_7 .wrap_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.521rem;
}

.wrap_post {
    margin: 0 -0.3125rem;
}

.wrap_post .item {
    display: flex;
    background: #F5F5F5;
    transition: .5s all;
    position: relative;
    width: calc(50% - 0.625rem);
    float: left;
    margin: 0.3125rem;
}

.wrap_post .item .box_content {
    padding: 1.823rem 2.34375rem;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

.wrap_post .item>* {
    width: 50%;
}

.wrap_post .item .box_content .term {
    font-size: 0.729rem;
    color: #333333;
    opacity: 0.9;
}

.wrap_post .item .box_content h3 {
    font-size: 0.9375rem;
    width: 100%;
    text-transform: uppercase;
    color: #333333;
    opacity: 0.9;
    font-family: 'SVN-Aptimabold';
}

.date_post {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.677rem;
    color: #333333;
    opacity: 0.9;
    width: 100%;
}

.wrap_post .item:hover {
    background: rgba(204, 134, 35, 1);
}

.wrap_post .item img {
    display: block;
    width: 100%;
}

.wrap_post .item .box_img {
    padding-bottom: 50%;
    position: relative;
}

.wrap_post .item .box_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}



.wrap_post .item:first-child .box_img {
    width: 100%;
    padding-bottom: calc(100% + 0.625rem);
}

.wrap_post .item:first-child .box_content {
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
    background: linear-gradient(90deg, rgb(204 134 35 / 80%) 0%, rgb(225 162 81 / 80%) 100%);
    height: 50%;
    width: 50%;
}

.wrap_post .item:first-child .box_content>* {
    filter: brightness(0) invert(1);
}

.wrap_post .item>a {
    width: 100% !important;
    height: 100%;
}

.wrap_post .item:nth-child(3) .box_img {
    order: 3;
}

.wrap_post .item .box_content>* {
    transition: .5s all;
    filter: brightness(1) invert(0);
}

.wrap_post .item:hover .box_content>* {
    filter: brightness(0) invert(1);
}

.home_sec_8 {
    padding: 5.208rem 0;
}

.home_sec_8 h2.heading_h2 {
    margin: 0;
}

.home_sec_8 .content {
    font-size: 1.042rem;
    font-weight: 500;
}

.slider_logo .slick-slide {
    padding: 0.9375rem 0;
}

.slider_logo .slick-slide li {
    width: 11.354rem !important;
    height: 6.302rem;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 1.042rem auto;
    background: #FFFFFF;
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 0.521rem;
}

.slider_logo ul.slick-dots {
    position: unset;
    width: 100%;
    justify-content: center;
}

.slider_logo ul.slick-dots  button {
    background: rgba(236, 32, 41, 1);
    border-radius: 100px;
}
.banner_page img {
    display: block;
    width: 100%;
}

.banner_page:before {
    background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    width: 50%;
    content: '';
    top: 0;
    left: 0;
    position: absolute;
    z-index: 2;
    height: 100%;
}

.banner_page .box_content {
    position: absolute;
    top: 60%;
    z-index: 9;
    left: calc(calc(100vw - 72.917rem)/2);
    transform: translateY(-50%);
}

.banner_page .content {
    font-weight: 500;
    font-size: 1.042rem;
}

section.section.about_sec_2 {
    padding-top: 4.427rem;
}

section.section.about_sec_2 .row {
    align-items: center;
}

section.section.about_sec_2 .row .content {
    text-align: justify;
    max-width: 31.25rem;
}

section.section.about_sec_2 img {
    display: block;
}

section.section.about_sec_3 {
    padding-top: 4.427rem;
}

section.section.about_sec_3 .wrap_item {
    display: flex;
    flex-wrap: wrap;
}

section.section.about_sec_3 .wrap_item .item {
    background: #CC8623;
    border-radius: 5px;
    width: calc(50% - 20px);
    margin: 0 0.521rem;
    padding: 2.604rem 4.6875rem 4.167rem;
}

section.section.about_sec_3 .wrap_item .item h3 {
    font-family: var(--font-normal);
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 1.042rem;
    margin-bottom: 1.042rem;
    position: relative;
}

section.section.about_sec_3 .wrap_item .item h3:before {
    width: 13.542rem;
    height: 0.104rem;
    position: absolute;
    bottom: 0;
    left: 0;
    background: white;
    content: '';
}

section.section.about_sec_3 .wrap_item .item .content {
    font-size: 0.9375rem;
    max-width: 25rem;
}

section.section.about_sec_4 {
    background-position: bottom center;
    padding-top: 5.208rem;
    padding-bottom: 13.542rem;
    background-size: 100% auto;
}

section.section.about_sec_4 h2 {
    margin-bottom: 2.604rem;
}

section.section.about_sec_4 .wrap_item {
    display: flex;
    margin: 0 -1.042rem;
}

section.section.about_sec_4 .wrap_item .item {
    padding: 0 1.5625rem;
    width: 20%;
    cursor: pointer;
}

section.section.about_sec_4 .wrap_item .item * {
    color: #333333 !important;
}

section.section.about_sec_4 .wrap_item .item .icon {
    width: 6.71875rem;
    height: 6.71875rem;
    border: 1px solid rgba(204, 134, 35, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: .5s all;
}

section.section.about_sec_4 .wrap_item .item .icon img {
    max-width: 60%;
    max-height: 60%;
}

section.section.about_sec_4 .wrap_item .item h3 {
    padding: 1.302rem 0 0.521rem;
    font-family: 'SVN-Aptimabold';
    margin: 0;
    text-transform: uppercase;
    font-size: 1.302rem;
}

section.section.about_sec_4 .wrap_item .item .content {
    font-weight: 400;
}

section.section.about_sec_4 .wrap_item .item:not(:last-child) {
    border-right: 1px solid rgba(102, 102, 102, 0.15);
}

section.section.about_sec_4 .wrap_item .item:hover .icon {
    background: linear-gradient(90deg, #CC8623 0%, #E1A251 100%);
}

section.section.about_sec_4 .wrap_item .item:hover .icon img {
    filter: brightness(0) invert(1);
}

section.section.about_sec_5 {
    padding-top: 5.208rem;
}

section.section.about_sec_5 h2.text_center.heading_h2 {
    margin-bottom: 2.604rem;
}

.slider_lv .item {
    border-radius: 0.26rem;
    overflow: hidden;
    position: relative;
}

.slider_lv .item img {
    display: block;
    width: 100%;
    object-fit: cover;
}

.slider_lv .item  .box_content {
    background: rgb(204 134 35 / 80%);
    position: absolute;
    top: 0;
    right: 0;
    width: calc(100% / 3);
    height: 100%;
    padding: 3.646rem 2.604rem;
}

.slider_lv .item .box_content h3 {
    font-family: 'SVN-Aptimabold';
    font-size: 1.5625rem;
    margin-bottom: 0.26rem;
}
.item_member>.box_content h3 b {
    font-family: 'SVN-Aptimabold';
}
.slider_lv .item .box_content .content {
    margin-bottom: 2.604rem;
}

a.view_more.stule_2 {
    background: white;
    color: #CC8623 !important;
}

a.view_more.stule_2 span {
    background: #CC8623;
}

a.view_more.stule_2 span svg path {
    stroke: white;
}

.slider_lv  .slick-arrow {
    top: 50%;
    transform: translateY(-50%);
    left: -5.208rem;
}

.slider_lv .slick-arrow.slick-next {
    left: unset;
    right: -5.208rem;
}

section.section.about_sec_6 {
    padding-top: 5.208rem;
}

section.section.about_sec_6 h2.heading_h2 {
    margin: 0;
}

section.section.about_sec_6 h2.heading_h2+.content {
    font-weight: 500;
    margin-bottom: 1.5625rem;
}

.about_sec_6 .item {
    align-items: center;
    display: none;
}

.about_sec_6 .item>* {
    width: 50%;
    padding: 0 5.208rem;
}

.about_sec_6 .wrap_item {
    margin: 0 -5.208rem;
    position: relative;
}

.about_sec_6 .wrap_item:before {
    background: #CC8623;
    width: 1px;
    top: 2.083rem;
    bottom: 0;
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.about_sec_6 .item h3 {
    color: #CC8623;
    font-size: 2.083rem;
    font-family: 'SVN-Aptima';
    padding: 0;
    margin: 0 0 1.042rem;
    font-weight: 900;
}

.about_sec_6 .item b {margin-bottom: 0.26rem;}

.about_sec_6 .item:not(:last-child) {
    margin-bottom: 1.823rem;
}

.about_sec_6 .item .content {
    max-width: 19.792rem;
    margin-right: auto;
}

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

.about_sec_6 .item:nth-child(even) .content {
    margin-left: auto;
    margin-right: unset;
}

.about_sec_6 .item:nth-child(even) {
    text-align: right;
}

.about_sec_6 .item .box_content {
    position: relative;
}

.about_sec_6 .item .box_content:before {
    width: 0.9375rem;
    height: 0.9375rem;
    background: #CC8623;
    position: absolute;
    content: '';
    border-radius: 50%;
    right: 0;
    top: 50%;
    transform: translate(50%, -50%);
}

.about_sec_6 .item .box_content:after {
    height: 0.15625rem;
    width: 3.854rem;
    background: #CC8623;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    right: 0;
}

.about_sec_6 .item:nth-child(odd) .box_content:before {
    left: 0;
    right: unset;
    transform: translate(-50%, -50%);
}

.about_sec_6 .item:nth-child(odd) .box_content:after {
    right: unset;
    left: 0;
}
section.section.about_sec_7 {
    padding-top: 5.208rem;
    padding-bottom: 2.604rem;
}

.item_member {
    position: relative;
    width: calc(calc(100% / 3) - 3.125rem);
    margin: 0 1.5625rem 2.083rem;
    padding-bottom: 38%;
    border-radius: 0.26rem;
    overflow: hidden;
}

section.section.about_sec_7 h2.heading_h2 {
    margin: 0;
}

section.section.about_sec_7 .wrap_top {
    max-width: 40.104rem;
}

section.section.about_sec_7 .wrap_top .content {
    font-weight: 500;
    margin-bottom: 2.083rem;
}

.wrap_member {
    display: flex;
    flex-wrap: wrap;
    margin: 2.083rem -1.5625rem 0;
}

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

.item_member>.box_content {
    position: absolute;
    bottom: 1.5625rem;
    left: 0;
    right: 1.302rem;
    border-left: 0.208rem solid #CC8623;
    padding-left: 1.302rem;
    z-index: 3;
}

/* .about_sec_7 .item:first-child .item_member:first-child {
    width: calc(calc(100% - calc(100% / 3)) - 3.125rem);
} */

.item_member>.box_content h3 {
    font-size: 1.458rem;
    font-family: 'SVN-Aptima';
    text-transform: uppercase;
    padding: 0;
    margin: 0;
}

.item_member>.box_content .content {
    font-size: 1.302rem;
    font-weight: 500;
}

.item_member:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 56.25%, #000000 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    z-index: 2;
}

section.section.about_sec_7 .item:not(:last-child) {
    margin-bottom: 1.5625rem;
}

.popup_member {
    max-width: 67.708rem;
}

.popup_member .box_content {
    padding-left: 1.042rem;
}

.popup_member .box_content h3 {
    background: linear-gradient(54.28deg, #BE8139 0%, #D09956 100.26%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-family: 'SVN-Aptima';
    text-transform: uppercase;
    margin: 0;
}

.popup_member .box_content .position {
    font-weight: 500;
    font-size: 1.042rem;
    display: block;
    margin-bottom: 1.042rem;
}

.about_sec_8 {
    padding: 5.208rem 0;
}

.about_sec_8  h2.heading_h2 {
    margin: 0;
}

.about_sec_8 h2.heading_h2+.content {
    max-width: 51.25rem;
    margin: 0 auto 0px;
}

.slider_gt .slick-list {
    padding: 5.208rem 0 0 !important;
}

.slider_gt .item {
    display: inline-block;
    text-align: center;
    transition: .5s all;
    padding: 0 2.604rem;
    transform: scale(1) translateY(0px);
}

.slider_gt {
    margin: 0 -2.604rem;
}

.slider_gt .item img {
    border-radius: 0.26rem;
}

.slider_gt .item h3 {
    font-size: 0.833rem;
    font-family: 'SVN-Aptima';
    margin: 0;
    border-bottom: 0.15625rem solid #CC8623;
    padding-bottom: 0.46875rem;
    color: #333333;
    padding-top: 0.521rem;
}

.slider_gt .slick-current.slick-active.slick-center.item {
    transform: scale(1.1) translateY(-0.833rem);
}

.slider_gt .item .box_img {
    height: 15.104rem;
}

.slider_gt .item .box_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.26rem;
}

.about_sec_8+.home_sec_8 {
    padding-bottom: 0;
}

section.section.home_sec_9 {
    padding-top: 5.208rem;
}

section.section.home_sec_9 .content {
    max-width: 67.708rem;
    margin: auto;
}

section.section.home_sec_9 .heading_h2 {
    margin: 0;
}

section.section.home_sec_9 .content {
    font-size: 0.9375rem;
    margin-bottom: 1.5625rem;
}

.slider_gallery .slick-list {
    padding: 0 !important;
}

.slider_gallery .item {
    position: relative;
    padding-bottom: 4%;
    cursor: pointer;
}

.slider_gallery .item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

.slider_gallery .slick-arrow {
    top: 50%;
    transform: translateY(-50%);
    left: 14.583rem;
    filter: brightness(0) invert(1);
    background: transparent !important;
}

.slider_gallery .slick-arrow.slick-next {
    right: 14.583rem;
    left: unset;
}

.slider_gallery:before,.slider_gallery:after {
    background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 0.7;
    width: 25%;
    height: 100%;
    content: '';
    position: absolute;
    z-index: 2;
}

.slider_gallery:after {
    left: unset;
    right: 0;
    background: linear-gradient(270deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    top: 0;
}
.slick-next.slick-arrow svg {
    transform: rotate(180deg);
}
.slider_gt .slick-arrow {
    top: 50%;
    left: -2.604rem;
    border-color: rgba(236, 32, 41, 1);
    background: transparent !important;
}

.slider_gt .slick-next.slick-arrow {
    left: unset;
    right: -50px;
}
.page-template-about div#content {
    padding: 0;
}

.page-template-about div#page-title-bar {
    display: none;
}

.nav_scroll section {
    background: #FFF6EA;
}

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

.nav_scroll ul a {
    color: #333333;
    line-height: 2.5rem;
    font-weight: 500;
    transition: .3s all;
    font-size: 0.833rem;
}

.nav_scroll ul a:hover {
    color: #CC8623;
}

.nav_scroll ul li {
    border-bottom: 1px solid transparent;
    transition: .3s all;
}

.nav_scroll ul li:hover,
.nav_scroll ul li.active{
    border-bottom: 1px solid #CC8623;
}
.nav_scroll ul li.active a{
    color: #CC8623;
}
.nav_scroll {
    position: sticky;
    top: 5rem;
    z-index: 99;
}

.wrap_section {
    position: relative;
}

.page-template-about .site-content-contain, .page-template-about #page,.page-template-about .opal-wrapper {
    overflow: unset;
}
.page-template-home .site-content{
    padding: 0;
}
.page-template-home .page-title-bar{
    display: none;
}

a.load_more_item {
    width: 3.385rem;
    height: 3.385rem;
    border: 1px solid #CC8623;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: -5.208rem;
    transform: translateY(-0.26rem);
}
.slider_logo img {
    max-width: 70%;
    max-height: 70%;
    margin: auto;
}
.slider_lv .slick-arrow:hover svg path,
.slider_project .slick-arrow:hover svg path{
    stroke: white;
}

