:root{
    --main-cl: #CFAE80;
    --sub-cl: #171717;
    --third-cl: rgba(255, 255, 255, 0.65);
    --four-cl: rgba(207, 174, 128, 0.65);
    --container-w: 75rem;
}

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

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

body::-webkit-scrollbar-thumb
{
    background-color: 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;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
/*body{*/
/*    overflow-x: hidden;*/
/*}*/

.grid-container{
    max-width: var(--container-w);
    margin-left: auto;
    margin-right: auto;
}
#search-lightbox {
    width: 37.5rem;
    max-width: 100%;
}
#search-lightbox .search-lightbox-title{
    margin-bottom: 1.667rem;
    font-size: 1.979rem;
    line-height: 1.2;
    font-weight: 700;
}
#search-lightbox .search-keywords{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2.083rem;
    gap: 0.521rem;
}
#search-lightbox .search-keywords > a{
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    font-size: 0.833rem;
    line-height: 1.042rem;
    border: 1px solid rgba(255, 255, 255, 0.6);
    padding: 0.3125rem 0.833rem;
    display: flex;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#search-lightbox .search-keywords > a:hover{
    background-color: #fff;
    color: #000
}
#search-lightbox .flex-row > div{
    display: flex;
}
#search-lightbox .flex-row{
    align-items: unset;
    display: flex;
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    overflow: hidden;
}
#search-lightbox input{
    height: 100%;
    border: none;
}
#search-lightbox .button.icon{
    line-height: normal;
    min-height: unset;
    height: 100%;
    border: none;
    min-width: unset;
    background-color: #FFF;
    display: flex;
    align-items: center;
}
#search-lightbox .button.icon i{
    font-size: 0.9375rem;
    line-height: 1.25rem;
    color: #000
}
#search-lightbox input{
    font-size: 1.042rem;
    line-height: 1.25rem;
    padding-left: 1.5625rem;
    box-shadow: unset;
    height: 2.604rem;
}
.mfp-bg.mfp-ready{
    opacity: 0.8;
}
.mfp-content #search-lightbox{
    transform: translateY(-70%);
}
.load_home_page svg {
    width: 20.833rem;
    max-width: 95%;
    height: auto;
    position: absolute;
    z-index: 99;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
.load_home_page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999;
    transition: 1s all;
    opacity: 1;
    background: transparent;
}
div.load_home_page .mask {
    /*background-color: #00BDFFFF;*/
    transition: 1s all ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
}
div.load_home_page.complete .mask {
    background-color: transparent;
}
div.load_home_page .mask span {
    display: block;
    width: 100%;
    height: 20%;
    position: absolute;
    left: 0;
    transition: 1s all ease-in-out;
    background-color: var(--sub-cl);
    /*backdrop-filter: blur(40px);*/
}
div.load_home_page .mask span:nth-child(even) {
    left: unset;
    right: 0;
}
div.load_home_page .mask span:nth-child(1) {
    top: 0;
}
div.load_home_page .mask span:nth-child(2) {
    top: 20%;
}
div.load_home_page .mask span:nth-child(3) {
    top: 40%;
}
div.load_home_page .mask span:nth-child(4) {
    top: 60%;
}
div.load_home_page .mask span:nth-child(5) {
    top: 80%;
}
.load_home_page.complete {
    visibility: hidden;
}

div.load_home_page.complete .mask span {
    width: 0;
    opacity: 0;
    transition-delay: .8s;
}
#respond input#wp-comment-cookies-consent{
    height: auto !important;
    margin: 0 10px 0 0  !important;
}
.load_home_page.complete svg{
    transition-delay: 0.8s;
    opacity: 0;
}
.load_home_page rect,
.load_home_page path{
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

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

.path-2{
    animation-name: Signature1;
    animation-duration: 20s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(2,.25,.43,.96);
    stroke: #fff;
    stroke-width: 1px;
    stroke-dasharray: 2108;
    stroke-dashoffset: 2108;
    fill: transparent;
}
.load_home_page.complete .path-2{
    fill: #fff;
}
.load_home_page.complete .path-1{
    fill: var(--main-cl);
}
@keyframes Signature1 {
    to {
        stroke: #fff;
        stroke-dashoffset: 0;
    }
}
@keyframes Signature2 {
    to {
        stroke: var(--main-cl);
        stroke-dashoffset: 0;
    }
}
.tile-reveal {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-flow: row wrap;
    align-self: flex-start;
    align-items: center;
    align-content: center;
    justify-content: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 99;
    background: var(--sub-cl);
}
.tile-reveal-square {
    flex: 1 1 auto;
    width: 75px;
    height: 75px;
    background-color: var(--sub-cl);
    opacity: 1;
}
.wrap-enter-site {
    position: fixed;
    width: 100%;
    height: auto;
    bottom: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
}
.search-page{
    padding: 5.208rem 0;
}
.search-page h1{
    margin-bottom: 2.604rem;
}
.search-tabs .search-tabs-title{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
    gap: 0.833rem;
}
.search-tabs .search-tabs-title .search-tab-title{
    padding: 0.625rem 1.25rem;
    border: 1px solid var(--fs-color-primary);
    font-size: 0.833rem;
    line-height: 1.042rem;
    color: var(--fs-color-primary);
    -webkit-border-radius: 0.521rem;
    -moz-border-radius: 0.521rem;
    border-radius: 0.521rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.4s;
}
.search-tabs .search-tab-title:hover,
.search-tabs .search-tab-title.active{
    background-color: var(--fs-color-primary);
    color: #FFF;
}
.search-tabs .search-tab-content{
    display: none;
}
.search-tabs .search-tab-content.active{
    display: block;
}
.search-tabs .search-empty{
    color: #333;
    font-size: 1.25rem;
    line-height: 2.083rem;
    padding: 0.521rem;
}
.search-tabs .search-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1.667rem;
    margin-bottom: 1.5625rem;
}
.search-tabs .search-item h3{
    margin: 0.521rem 0 0 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}

/*COMPONENTS*/
/*html.js.has-off-canvas {*/
/*    margin-right: 0.417rem;*/
/*}*/
.mfp-wrap button.mfp-close {
    top: 13% !important;
    right: 1% !important;
}
body.compensate-for-scrollbar {
    margin-right: 0 !important;
}
svg {
    display: flex;
}
/*transition svg*/
[itemprop="name"],cite,circle,svg,rect,path,g,img,a,input,textarea,h1,h2,h3,h4,h5,h6,.box_img,span.icon,span.text{
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
body {
    font-family: "Wix Madefor Display", sans-serif;
    font-size: 0.9375rem  /* 18/19.2 */;
    line-height: 1.45;
    color: #fff;
}
body.page-template-home {
    font-size: 0.833rem;
}
.container, .container-width, .full-width .ubermenu-nav, .row {
    max-width: var(--container-w);
}
/*line-camp*/
.limit-line{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.limit-line.limit-1{
    -webkit-line-clamp: 1;
}
.limit-line.limit-2{
    -webkit-line-clamp: 2;
}
.limit-line.limit-3{
    -webkit-line-clamp: 3;
}
.limit-line.limit-4{
    -webkit-line-clamp: 4;
}
.limit-line.limit-5{
    -webkit-line-clamp: 5;
}
/*clear fix*/
.row.clearfix:after {
    content: unset;
}
/*link item hover*/
.wrap-link {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    z-index: 20;
    opacity: 0 !important;
}
/*box img*/
.box_img {
    overflow: hidden;
    position: relative;
}
.box_img img {
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*video*/
video.elementor-video {
    display: block;
    object-fit: cover;
}
.w_fit {
    width: fit-content;
}
.w_full {
    width: 100% !important;
}
.w_lvw {
    width: 100vw !important;
}
.h_full {
    height: 100% !important;
}
.h_lvh {
    height: 100vh !important;
}
.obj_cover {
    object-fit: cover;
}
.mx_auto {
    margin-left: auto;
    margin-right: auto;
}
.flex_col {
    flex-direction: column;
}
.text_white *,
.text_white {
    color: #fff !important;
}
.pb_0 {
    padding-bottom: 0;
}

/*swiper same height*/
.swiper-same-height > .swiper-wrapper{
    align-items: unset;
}
.swiper-same-height > .swiper-wrapper .swiper-slide{
    height: auto;
}
.swiper-same-height > .swiper-wrapper .swiper-slide > div > div,
.swiper-same-height > .swiper-wrapper .swiper-slide > div {
    height: 100%;
}

/*swiper pagination*/
.swiper-pagination {
    position: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: unset;
    padding-top: 2rem;
    padding-bottom: 0.35rem;
    background-color: unset !important;
}
.swiper-pagination .swiper-pagination-bullet {
    position: relative;
    width: 0.5rem;
    height: 0.5rem;
    display: block;
    border-radius: 50%;
    background: #D9D9D9A6;
    margin: 0 !important;
    transition: .5s all;
    opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--main-cl);
}

/*swiper navigation*/
.arrow {
    width: 3.125rem;
    height: 3.125rem;
}
.arrow svg {
    display: flex;
    width: 100%;
    height: 100%;
}
.arrow:hover {
    cursor: pointer;
}
.arrow:hover rect,
.arrow:hover path {
    stroke: var(--main-cl);
}
.arrow:hover.swiper-button-disabled {
    opacity: .5;
    cursor: not-allowed;
}
.arrow.style_2:hover svg {
    transform: scale(1.2);
}

/*absolute arrow*/
.arrow_absolute>.arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}
.arrow_absolute>.arrow.prev {
    left: 0;
}
.arrow_absolute>.arrow.next {
    right: 0;
}

/*absolute hover arrow*/
.hover_2>.arrow:hover rect {
    fill: var(--main-cl);
}
.hover_2>.arrow:hover path {
    stroke: #fff;
}


/*background image*/
.bg_image {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
/*effect img*/
.item_hover:hover .hover_zoom img {
    transform: scale(1);
    transition: .6s all;
}
.item_hover:hover .hover_zoom img {
    transform: scale(1.1);
}
.item_hover:hover h3 {
    color: var(--main-cl);
}
.item_hover .box_logo>.img {
    max-width: 50%;
    width: 10rem;
    height: 100%;
    /*background-image: url("../images/logo.svg");*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: scale(0);
    opacity: 0;
    transition: .8s all;
}
.item_hover:hover .box_logo>.img {
    transform: scale(1);
    opacity: 1;
}
.item_hover .box_logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(0 0 0 / 70%);
    backdrop-filter: blur(5px);
    opacity: 0;
    transition: .5s all;
    z-index: 3;
}
.item_hover:hover .box_logo {
    opacity: 1;
}

.item_hover .box_effect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(0 0 0 / 60%);
    backdrop-filter: blur(19px);
    opacity: 0;
    transition: .6s all;
    z-index: 3;
}
.item_hover .box_effect>.inner {
    transform: translateY(20px);
    opacity: 0;
    transition: .8s all;
}
.item_hover .box_effect svg {
    margin: 0 auto;
}
.item_hover .box_effect span.title {
    font-weight: 500;
    font-size: 1.042rem;
    margin-top: 5px;
}
.item_hover:hover .box_effect {
    opacity: 1;
}
.item_hover:hover .box_effect>.inner {
    opacity: 1;
    transform: translateY(0);
}

/*button link*/
.btn {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    width: fit-content;
    min-width: 5rem;
    background: #00000003;
    backdrop-filter: blur(30px);
    padding: 0.8rem 1.5625rem 0.78125rem;
    border: 1px solid #CFAE8080;
}
.btn:hover {
    background: var(--main-cl);
}
.btn span.text {
    font-weight: 600;
    font-size: 0.78125rem  /* 15/19.2 */;
    text-transform: uppercase;
    color: var(--main-cl);
}
.btn:hover span.text {
    color: #fff;
}
.btn svg {
    width: 1.25rem;
    height: auto;
}
.btn:hover path {
    stroke: #fff;
}
.btn_padding {
    padding-top: 2.5rem;
}

.btn.second {
    background: var(--main-cl);
}
.btn.second span.text {
    color: var(--sub-cl);
}
.btn.second:hover span.text {
    color: #fff;
}

/*subtitle*/
.color_main {
    color: var(--main-cl);
}
.subtitle {
    font-weight: 400;
    font-size: 0.833rem  /* 16/19.2 */;
    line-height: 1.4;
    margin-bottom: 10px;
    color: var(--third-cl);
}
.subtitle.color_2 {
    color: rgba(207, 174, 128, 0.65);
}
/*heading*/
h1, h2, h3, h4, h5, h6 {
    font-family: "Wix Madefor Display", sans-serif;
    font-weight: 400;
    line-height: 1.4;
    transition: .5s all;
}
.heading_sec {
    font-family: "Wix Madefor Display", sans-serif;
    font-size: 2.34375rem;
    color: var(--main-cl);
    line-height: 1.3;
    margin-bottom: 1.302rem;
}
.heading_sec.fs_32 {
    font-size: 1.667rem;
}
.heading_sec.fs_45 {
    font-size: 2.34375rem;
}
.heading_sec.fs_55 {
    font-size: 2.865rem;
}
.heading_sec.fw_500 {
    font-weight: 500;
}
/*desc section*/
.desc_sec {
    font-size: 0.9375rem;
    color: #fff;
    line-height: 1.6;
}
.page-template-about .desc_sec,
.page-template-home .desc_sec {
    font-size: 0.833rem;
    text-align: justify;
}

/*term time - post item*/
.term_time {
    font-size: 0.729rem  /* 14/19.2 */;
    color: var(--third-cl);
}
.term_time>span.div {
    width: 3px;
    height: 3px;
    background: var(--third-cl);
    border-radius: 5.208rem  /* 100/19.2 */;
    margin: 0 10px;
    flex: 0 0 auto;
}

/*scroll-down animation*/
body .scroll-container {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    animation: fadeInUp 1.5s ease-out;
    z-index: 2;
}
.scroll-text {
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.15625rem;
    margin-bottom: 1.2rem;
    writing-mode: vertical-rl;
    /*text-orientation: mixed;*/
    transform: rotate(180deg);
    /*animation: pulse 2s infinite;*/
}
.scroll-icon {
    width: 0.78125rem  /* 15/19.2 */;
    height: 1.302rem  /* 25/19.2 */;
    border: 1px solid #fff;
    border-radius: 1.302rem  /* 25/19.2 */;
    position: relative;
    margin-bottom: 1.5625rem  /* 30/19.2 */;
    animation: bounce 2s infinite;
}
.scroll-icon::before {
    content: '';
    position: absolute;
    top: 2px;
    left: 50%;
    transform: translateX(-50%);
    width: 3px;
    height: 3px;
    background: #fff;
    border-radius: 50%;
    animation: scrollDot 2s infinite;
}
.dotted-line {
    width: 2px;
    height: 50px;
    background: repeating-linear-gradient(
            to bottom,
            white 0px,
            white 4px,
            transparent 4px,
            transparent 8px
    );
    animation: moveDown 3s infinite;
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(1.5625rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-8px);
    }
    60% {
        transform: translateY(-2px);
    }
}
@keyframes scrollDot {
    0% {
        top: 0.2rem;
        opacity: 1;
    }
    50% {
        top: 1.3rem;
        opacity: 0.5;
    }
    100% {
        top: 0.75rem;
        opacity: 0;
    }
}
@keyframes moveDown {
    0% {
        transform: translateY(-20px);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translateY(20px);
        opacity: 0;
    }
}

/*SEARCH*/
.news_search {
    padding: 6rem 0;
}
.news_search .heading_sec {
    font-size: 2rem;
}
.news_search .news_container {
    gap: 2rem;
}
.news_search .news_container .item_news {
    width: calc((100% / 4) - 1.5rem);
    opacity: 1;
    padding: 0;
}
.news_search .news_container .item_news>.box_content {
    padding: 2rem;
}
.news_search #load_posts {
    padding-bottom: 4rem;
}

/* fixed contact social */
ul.fixed_button {
    position: fixed;
    bottom: 10%;
    right: 2rem;
    transform: translateY(-50%);
    list-style: none;
    margin: 0;
    z-index: 99;
}
ul.fixed_button>li {
    position: relative;
}
ul.fixed_button>li:not(:last-child) {
    margin-bottom: 0.8rem;
}
ul.fixed_button>li>a {
    position: relative;
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: var(--sub-cl);
    backdrop-filter: blur(20px);
    border: 1px solid var(--main-cl);
    border-radius: 50%;
    z-index: 1;
}
ul.fixed_button>li>a img {
    max-width: 50%;
    max-height: 50%;
    width: auto;
    height: auto;
    z-index: 1;
}
@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}
ul.fixed_button>li:hover>a:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--main-cl);
    opacity: 20%;
    border-radius: 50%;
    animation: pulse-border 1000ms ease-out infinite;
    z-index: 0;
}
ul.fixed_button .inner {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-100%,-50%);
    padding-right: 1rem;
    pointer-events: none;
    opacity: 0;
    transition: .5s all;
}
ul.fixed_button li:hover .inner {
    opacity: 1;
    pointer-events: unset;
}
ul.fixed_button ul.menu_sub {
    display: flex;
    background-color: var(--main-cl);
    border-radius: 5rem;
    margin: 0;
    overflow: hidden;
}
ul.fixed_button ul.menu_sub li {
    min-width: max-content;
    margin: 0;
}
ul.fixed_button ul.menu_sub a {
    display: inline-block;
    /*font-family: 'SVN-Gotham', sans-serif;*/
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.3;
    color: #fff;
    text-align: center;
    background: transparent;
    padding: 0.4rem 1rem;
    transition: .5s all;
}
ul.fixed_button ul.menu_sub li+li {
    border-left: 1px solid rgb(255 255 255 / 10%);
}

/*banner page*/
.heading_banner {
    font-size: 2.865rem;
    text-transform: uppercase;
}
.banner_page {
    z-index: 2;
}
.banner_page.h_full img {
    min-height: 32rem;
}
.banner_page.h_full .banner_img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    pointer-events: none;
}
.banner_page .heading_absolute {
    position: absolute;
    top: 50%;
    left: 0;
    height: 50%;
}
.banner_page .heading_wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.banner_page .breadcrumbs {
    margin: 0;
}

/*breadcrumbs*/
.single .breadcrumbs {
    padding-top: 1.5625rem;
}
.breadcrumbs {
    max-width: var(--container-w);
    margin: 0 auto;
    padding: 0.625rem 0 0;
}
.breadcrumbs ol {
    list-style: none;
    display: flex;
    align-items: center;
    padding-left: 0;
    margin-bottom: 0;
}
.breadcrumbs ol>li {
    margin-bottom: 0;
    width: max-content;
}
.breadcrumbs ol>li:not(:last-child) a * {
    color: #fff;
    opacity: .5;
}
.single .breadcrumbs ol>li:not(:last-child) a *,
.single.single-product .breadcrumbs ol>li:not(:last-child) a * {
    color: #fff;
}
.breadcrumbs ol>li:not(:last-child) a:hover *{
    color: var(--main-cl);
    opacity: 1;
}
.breadcrumbs ol>li:not(:first-child) {
    position: relative;
    padding-left: 1rem;
    margin-left: 0.9rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.breadcrumbs ol>li:not(:first-child):before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    background: #FFFFFF99;
    border-radius: 5.208rem;
}
.single.single-product .breadcrumbs ol>li:not(:first-child):before {
    background: #fff;
}
.breadcrumbs a[title="Home"] cite {
    font-family: 'SVN-Zona Pro Regular';
    color: #fff;
}
.category .breadcrumbs a,
.tag .breadcrumbs a,
.single .breadcrumbs a,
.single .breadcrumbs a[title="Home"] cite {
    color: #fff;
}
.breadcrumbs a {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 0.833rem  /* 16/19.2 */;
    width: max-content;
}
.breadcrumbs .divider, .breadcrumbs .separator {
    display: flex;
    align-items: center;
    margin: 0 4px;
    opacity: 1;
}
.breadcrumbs cite {
    font-weight: 400;
    font-size: 0.833rem  /* 16/19.2 */;
    font-style: normal;
    line-height: 1.4;
}
.breadcrumbs ol>li:last-child>cite {
    overflow: hidden;
    /*display: -webkit-box;*/
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: normal;
}
.breadcrumbs ol>li[itemprop="itemListElement"]>span {
    font-weight: 600;
    font-size: 0.833rem  /* 16/19.2 */;
    color: #666666;
}
.single .breadcrumbs ol>li[itemprop="itemListElement"]>span {
    color: #fff;
}
.single.single-product .breadcrumbs ol>li[itemprop="itemListElement"]>span {
    color: #fff;
}
.breadcrumbs ol>li[itemprop="itemListElement"]>span,
.breadcrumbs ol>li[itemprop="itemListElement"] a span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    max-width: 15rem;
}

.pb_0 {
    padding-bottom: 0;
}

/*custom select*/
.custom-sl{
    display: none;
}
.select-styled{
    position: relative;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.4rem;
    border-radius: 8px;
    padding: 0.78125rem 0.9375rem;
    /*border: 1px solid var(--four-cl);*/
    font-size: 0.9375rem;
    transition: all .5s ease-in-out;
    margin: 0;
    cursor: pointer;
}
.select{
    position: relative;
    /*z-index: 9;*/
    min-width: 6rem;
}
.product_term .custom-select .selected:after,
.select-styled:after{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTciIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNyAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjc3NTQgNi41TDguNzc1MzkgMTEuNUwzLjc3NTM5IDYuNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
    background-repeat: no-repeat;
    background-size: cover;
    width: 0.9rem;
    height: 0.9rem;
    position: relative;
    content: '';
    display: block;
}
.select .select-options{
    display: none;
    position: absolute;
    z-index: 20;
    left: 0;
    top: 100%;
    width: 100%;
    background-color: var(--sub-cl);
    -webkit-border-radius: 0 0 0.521rem 0.521rem;
    -moz-border-radius: 0 0 0.521rem 0.521rem;
    border-radius: 0 0 0.521rem 0.521rem;
    border: 1px solid #E3DBD8;
    list-style: none;
    overflow: hidden;
}
.select .select-options > li{
    font-size: 0.729rem;
    font-weight: 600;
    line-height: 0.857rem;
    margin-bottom: 0;
    padding: 0.625rem 0.833rem;
    cursor: pointer;
    -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;
    color: #FFF;
}
.select .select-options > li.active,
.select .select-options > li:hover{
    background-color: var(--main-cl);
    color: #FFF;
}
.select .select-options > li+li{
    border-top: 1px solid #E3DBD8;
}
.form_wrap label{
    font-size: 0.833rem;
    font-weight: 400;
    line-height: 1.3;
    color: var(--third-cl);
}
.form_wrap span.required {
    color: red;
}
.select-styled span{
    flex-grow: 1;
}

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

#load_library_terms.loading,
#load_support_terms.loading,
#load_news_cat.loading,
#list_product.loading {
    position: relative;
}

#load_library_terms.loading:before,
#load_support_terms.loading:before,
#load_news_cat.loading:before,
#list_product.loading:before {
    width: 3.125rem;
    height: 3.125rem;
    position: absolute;
    top: 5%;
    left: calc(50% - 1rem);
    content: '';
    z-index: 50;
    border: 3px solid #eeeeee;
    border-bottom-color: var(--main-cl);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 0.6s linear infinite;
}

#load_library_terms.loading > div,
#load_support_terms.loading > div,
#load_news_cat.loading > div,
#list_product.loading > div,
.loading .no_result {
    opacity: 0;
    transform: translateY(2.604rem);
    transition: .5s all;
}
.no_result {
    margin-top: 2rem;
    font-size: 2rem;
    color: var(--main-cl);
    text-align: center;
}

.btn_play svg {
    overflow: unset !important;
}
.btn_play svg circle {
    transform-origin: center;
    transform-box: fill-box; /* để transform đúng tâm */
}
.btn_play svg circle:first-of-type {
    animation: pulse1 2s ease-in-out infinite;
}
.btn_play svg circle:nth-of-type(2) {
    animation: pulse2 2s ease-in-out infinite;
    animation-delay: 0.5s; /* lệch nhịp cho đẹp */
}
@keyframes pulse1 {
    0%   { transform: scale(1); opacity: 0.2; }
    50%  { transform: scale(1.2); opacity: 0.4; }
    100% { transform: scale(1); opacity: 0.2; }
}
@keyframes pulse2 {
    0%   { transform: scale(1); opacity: 0.2; }
    50%  { transform: scale(1.4); opacity: 0.3; }
    100% { transform: scale(1); opacity: 0.2; }
}

/*DEFAULT PAGE*/
section.default-page {
    padding-top: 4rem;
}
section.default-page ul,
section.default-page ol {
    padding-left: 2.5rem;
}
section.default-page a {
    color: var(--main-cl) !important;
    border-bottom: 0.8px solid transparent;
}
section.default-page a:hover {
    border-color: var(--main-cl);
}

/*CSS*/
#main,
#wrapper {
    background: #171717;
}

/*filter mobile*/
.btn-close-filter,
.fixed-show-filter-btn{
    display: none;
}

/*HEADER*/
header#header {
    position: fixed;
    z-index: 4000;
}
.page-template-default header#header,
.single header#header {
    position: relative;
}
header#header .container {
    max-width: 91rem !important;
}
header#header .header-bg-color {
    background-color: transparent !important;
}
header#header .stuck .header-bg-color {
    background-color: #00000080 !important;
    backdrop-filter: blur(30px);
}
body .header.show-on-scroll, body .header-main, body .stuck .header-main {
    height: auto !important;
}
header#header .nav>li {
    margin: 0 1rem;
}
header#header .nav>li>a {
    font-size: 0.729rem;
    font-weight: 600;
    line-height: 5rem;
    vertical-align: middle;
    color: #fff;
}
.stuck .header-main .nav>li>a,
.header-main .nav>li>a{
    line-height: 5rem !important;
    padding: 0 !important;
}
header#header .nav>li.current_page_item>a,
header#header .nav>li>a:hover {
    color: var(--main-cl) !important;
}

.nav-dropdown-has-border .nav-dropdown {
    min-width: 15rem;
    border: 0 !important;
    padding: 0 !important;
    background-color: #171717 !important;
    overflow: hidden;
}
.nav-dropdown.nav-dropdown-default>li>a {
    color: #fff !important;
    padding: 0.625rem 1.042rem;
    margin: 0 !important;
    border-color: rgba(51, 51, 51, 0.45) !important;
}
.nav-dropdown.nav-dropdown-default>li>a[aria-current="page"],
.nav-dropdown.nav-dropdown-default>li>a:hover {
    color: var(--main-cl) !important;
}
.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:after,
.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:before {
    content: unset !important;
}

.header-language-dropdown a {
    gap: 8px;
    align-items: center;
}
.header-language-dropdown .icon-image img {
    width: 1.146rem  /* 22/19.2 */;
    height: 0.78125rem  /* 15/19.2 */;
}
.header-language-dropdown .nav-dropdown-default a {
    display: flex;
    align-items: center;
}

header#header .hotline_header>a {
    display: flex;
    align-items: center;
    gap: 0.521rem;
    line-height: unset !important;
    border: 0.5px solid #FFFFFF80;
    border-radius: 5.208rem;
    padding: 0.625rem 1.042rem !important;
}
header#header .hotline_header>a svg {
    width: 1.042rem;
    height: 1.042rem;
}
header#header .hotline_header>a span.text {
    font-weight: 600;
    font-size: 0.833rem  /* 16/19.2 */;
}
header#header li.header-divider {
    border-left: 0.5px solid #FFFFFF80 !important;
    height: 20px !important;
    margin: 0 0.5rem;
}
.html.html_topbar_left {
    display: none;
}

/*FOOTER*/
#footer {
    padding-top: 6.25rem;
    margin-top: 3.333rem;
}
.page-template-contact #footer,
.page-template-about #footer {
    margin-top: 0;
}

#footer .logo_footer {
    width: 14rem;
    margin-bottom: 3.4375rem;
}
#footer .logo_footer:hover img,
#footer a:hover img {
    transform: scale(0.9);
}
#footer a {
    color: #fff;
}
#footer a:hover {
    color: var(--four-cl);
}
#footer img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
#footer span.title {
    display: block;
    font-weight: 400;
    font-size: 0.833rem;
    margin-bottom: 8px;
    color: #DEDEDE;
}
.footer_top .box_contact {
    display: flex;
    gap: 5rem;
}
.footer_top .col_2>.inner:nth-child(2),
.footer_top .col_1>.inner:nth-child(2) {
    margin-top: 1.5625rem;
}
.footer_top .col_1>.inner:nth-child(2) .content {
    gap: 1.3rem;
    margin-right: -2rem;
}
.footer_top .text_bold {
    font-weight: 700;
    font-size: 1.042rem  /* 20/19.2 */;
}

.footer_top .box_socials {
    padding-top: 1.667rem;
}
.footer_top .box_socials>ul {
    gap: 8px;
}
.footer_top .box_socials a {
    display: block;
    width: 1.979rem;
    aspect-ratio: 1/1;
}
.footer_top .box_register {
    display: flex;
    align-items: flex-end;
    gap: 3.385rem;
    border-top: 1px solid #4C4C4C80;
    padding-top: 1.71875rem;
    margin-top: 2.396rem;
    margin-bottom: 2.604rem;
}
.footer_top .title_form {
    font-weight: 700;
    font-size: 1.823rem;
    margin-bottom: 4px;
}
.footer_top .desc_form {
    font-weight: 400;
    font-size: 0.729rem  /* 14/19.2 */;
}
.footer_top .form_wrap {
    margin-top: 1.354rem;
}
.footer_top .register_btn {
    display: flex;
    flex-direction: column;
    gap: 1.042rem;
}
.footer_top .register_btn .btn {
    min-width: 15.885rem;
    width: 100%;
    justify-content: center;
}
.footer_top .inner_map {
    display: inline-block;
    position: relative;
    z-index: 1;
}
.footer_top .inner_map:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 70%;
    transform: translate(-50%, -50%);
    width: 40rem;
    height: 40rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIyNSIgaGVpZ2h0PSIxMjI1IiB2aWV3Qm94PSIwIDAgMTIyNSAxMjI1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9mXzQ4OTdfMzAyNSkiPgo8Y2lyY2xlIGN4PSI2MTIuNSIgY3k9IjYxMi41IiByPSIzMTIuNSIgZmlsbD0iIzMzMzMzMyIgZmlsbC1vcGFjaXR5PSIwLjkiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9mXzQ4OTdfMzAyNSIgeD0iMCIgeT0iMCIgd2lkdGg9IjEyMjUiIGhlaWdodD0iMTIyNSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxNTAiIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl80ODk3XzMwMjUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==");
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: -1;
}
.footer_top .item_dot {
    position: absolute;
}
.footer_top .item_dot>span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.item_dot>span:before, .item_dot>span:after {
    width: 1.042rem;
    height: 1.042rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--main-cl);
    content: '';
    border-radius: 50%;
}
.item_dot>span:after {
    background: transparent;
    border: 1px solid var(--main-cl);
    width: 1.667rem;
    height: 1.667rem;
    animation: pulse-border2 1000ms ease-out infinite;
}
@keyframes pulse-border2 {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }
    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.4);
        opacity: 0;
    }
}

.footer_bottom {
    padding: 2.1875rem 0 1.8rem;
    border-top: 1px solid #4C4C4C80;
}
.footer_bottom .copyright {
    font-weight: 400;
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.6);
}
.menu_footer {
    gap: 2.2rem;
}
.menu_footer li>a {
    font-weight: 500;
    font-size: 0.729rem  /* 14/19.2 */;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.65) !important;
}
.menu_footer li>a:hover {
    color: var(--main-cl) !important;
}
.menu_footer li {
    margin-bottom: 0;
}

/*form item*/
.form_item textarea,
.form_item input {
    height: 3.125rem;
    box-shadow: none !important;
    border-color: #FFFFFF1A;
    background: #00000033 !important;
    padding: 0 1.5rem;
    margin-bottom: 0 !important;
    color: #fff !important;
}
.form_item textarea::placeholder,
.form_item input::placeholder {
    font-size: 0.833rem  /* 16/19.2 */;
    color: rgba(222, 222, 222, 0.5);
}
.form_item input:focus {
    border-color: var(--main-cl);
}
.submit_btn {
    position: absolute;
    top: 50%;
    right: 1.25rem;
    transform: translateY(-50%);
    width: fit-content;
    height: fit-content;
}
.submit_btn .inner {
    display: flex;
    align-items: center;
}
.submit_btn input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0 !important;
}
.submit_btn .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
}
.wpcf7-spinner {
    display: none;
}
.wpcf7 .wpcf7-not-valid-tip {
    position: absolute;
    bottom: -50%;
    left: 0;
}
.footer_top .wpcf7 form .wpcf7-response-output {
    /*display: none !important;*/
    color: #fff;
    border-color: var(--main-cl) !important;
}
.loading-spin.centered, .processing:before {
    border-left-color: var(--main-cl) !important;
}
form {
    margin-bottom: 0;
}

.submit_btn.normal {
    position: unset;
    transform: unset;
    display: flex;
    align-items: center;

    background: transparent;
    color: var(--main-cl);
    border: 1px solid #CFAE8080;
    padding-right: 0.7rem;
    margin: 0 auto;
    transition: .5s all;
}
.submit_btn.normal:hover {
    background: var(--main-cl);
}
.submit_btn.normal input {
    position: unset;
    opacity: 1 !important;
    background: unset !important;
    border: unset !important;
    font-weight: 600;
    color: var(--main-cl);
}
.submit_btn.normal .wpcf7-spinner {
    position: absolute;
}
.submit_btn.normal input[type=submit]:hover {
    box-shadow: unset !important;
    color: unset !important;
}
.submit_btn.normal:hover input[type=submit] {
    color: #fff !important;
}
.submit_btn.normal:hover path {
    stroke: #fff;
}

/*graphic_effect*/
.graphic_effect {
    position: absolute;
}
.graphic_effect>.inner {
    width: 0;
    overflow: hidden;
    transition: .8s all;
    transition-delay: .3s;
    direction: rtl;
}
.graphic_effect svg {
    width: 29.792rem;
    max-width: 29.792rem;
}

/*light blur*/
.light_blur_af,
.light_blur_bf {
    position: relative;
}
.light_blur_af:after,
.light_blur_bf:before {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTM2MCIgaGVpZ2h0PSIxMzYwIiB2aWV3Qm94PSIwIDAgMTM2MCAxMzYwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9mXzg4ODlfMTkyMCkiPgo8Y2lyY2xlIGN4PSI2NzkuNTA4IiBjeT0iNjc5LjUwOCIgcj0iMzc5LjUwOCIgZmlsbD0iIzMzMzMzMyIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2ZfODg4OV8xOTIwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTM1OS4wMiIgaGVpZ2h0PSIxMzU5LjAyIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjE1MCIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzg4ODlfMTkyMCIvPgo8L2ZpbHRlcj4KPC9kZWZzPgo8L3N2Zz4K");
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
}

.show_tablet {
    display: none;
    visibility: hidden;
}


/*CSS*/

/*grid layout*/
.grid_col_2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 1.25rem;
    row-gap: 4.271rem;
}
.grid_col_4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 1.042rem;
    row-gap: 3.646rem;
}

/*ITEM NEWS*/
.item_news {
    transition: .5s all;
}
.item_news .box_img:after,
.item_news .box_img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 105%;
    height: 105%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    pointer-events: none;
    z-index: 1;
    transition: .5s all;
}
.item_news .box_img:after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    opacity: 0;
}
.item_news:hover .box_img:after {
    opacity: 1;
}
.item_news:hover .box_img:before {
    opacity: 0;
}
.item_news .box_content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 3.5rem 2rem 3rem;
    z-index: 2;
}
.item_news svg {
    width: 3.229rem;
    height: 2.708rem;
    opacity: 0;
    margin-bottom: 1.146rem;
}
.item_news:hover svg {
    opacity: 1;
}
.item_news h3 {
    font-weight: 600;
    font-size: 1.302rem;
}
.item_news .desc {
    font-weight: 400;
    font-size: 0.729rem;
    margin-top: 0.9rem;
}

/*ITEM NEWS 2*/
.item_news2 {

}
.item_news2 .box_img {
    aspect-ratio: 16/9;
}
.item_news2 .box_content {
    padding-top: 1.458rem;
    padding-right: 1.979rem;
}
.item_news2 .box_content h3 {
    font-weight: 500;
    font-size: 1.146rem;
    padding-right: 3.125rem;
}
.item_news2 .box_content .desc {
    font-weight: 400;
    font-size: 0.9375rem;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 0.625rem;
    margin-bottom: 1.5625rem;
}
.item_news2 .term_time > * {
    color: #BFBFBF !important;
}
.item_news2 .term_time > span.term {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.item_news2 .term_time>span.div {
    background: var(--main-cl);
}
.item_news2.item_hover:hover h3 {
    color: var(--main-cl) !important;
}

/*HOME*/
.banner_hero {
    z-index: 3;
}
.banner_hero .item {
    height: 100vh;
    width: 100%;
}
.banner_hero .box_content {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    opacity: 0;
    transition: 2s all;
    transition-delay: .3s;
}
.banner_hero .swiper-slide.swiper-slide-active .box_content {
    opacity: 1;
    /*transform: translateX(-50%) translateY(0);*/
}
.banner_hero .box_content .col {
    padding-bottom: 0;
}
.banner_hero .box_content .links {
    gap: 0.729rem;
    margin-top: 1.5625rem;
}
.banner_hero .swiper-pagination {
    position: absolute;
    bottom: 2.8125rem;
}

.home_1 {
    position: relative;
    padding-top: 11.198rem;
    z-index: 1;
}
.home_1.light_blur_bf:before {
    top: -30%;
    left: -5%;
    width: 35.625rem;
    height: 35.625rem;
    opacity: .8;
}
.home_1 .col:nth-child(1) {
    padding-right: 4.6rem;
}
.video_home1 {
    width: calc(100% + (100vw - var(--container-w)) / 2 + 15px);
    height: 42rem;
}
.video_home1 .graphic {
    position: absolute;
    top: -10%;
    right: 73%;
    z-index: -1;
}
.video_home1 .graphic>.inner {
    width: 0;
    overflow: hidden;
    transition: .8s all;
    transition-delay: .3s;
    direction: rtl;
}
.video_home1 .graphic svg {
    width: 23.646rem;
    max-width: 23.646rem;
}
.home_1:hover .video_home1 .graphic>.inner {
    width: 23.646rem;
}

.home_2 {
    position: relative;
    padding-top: 5.729rem;
}
.home_2.light_blur_bf:before {
    top: -20%;
    left: 50%;
    transform: translateX(-50%);
    width: 40rem;
    height: 40rem;
    opacity: .9;
}

.box_member_wrapper {
    margin-top: 5.208rem;
}
.bg_member_container {
    height: 40rem;
}
.bg_member_container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(21, 21, 21, 0) 0%, rgba(21, 21, 21, 0) 55%, rgba(21, 21, 21, 0.8) 85%);
    z-index: 3;
}
.box_member_wrapper .bg_member {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.5s ease, z-index 0s 0.5s;
    z-index: 1;
    opacity: 0;
}
.box_member_wrapper .bg_member>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.box_member_wrapper .bg_member.active {
    z-index: 2;
    opacity: 1;
    transition: opacity 0.5s ease, z-index 0s;
}
.box_member_wrapper .item_member_container {
    display: flex;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
.box_member_wrapper .item_member {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: .5s all;
    flex: 1;
    overflow: hidden;
}
.box_member_wrapper .item_member:not(:last-child):before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #FFFFFF66;
}
.box_member_wrapper .box_content {
    border-left: 1px solid var(--main-cl);
    transform: translateY(12rem);
    padding: 0 1.40625rem  /* 27/19.2 */;
    transition: .8s all;
}
.box_member_wrapper .box_content .content {
    text-align: justify;
}
.box_member_wrapper h3 {
    font-weight: 400;
    font-size: 1.5625rem;
    color: var(--main-cl);
    margin-bottom: 0.521rem;
}
.box_member_wrapper .item_member:hover .box_content {
    transform: translateY(0);
}
.box_member_wrapper .graphic {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(100%);
    width: 100%;
    height: 100%;
    background-image: url('../images/graphics/1.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
    opacity: 0;
    transition: .5s all;
    transition-duration: 0.7s;
}
.box_member_wrapper .item_member:hover .graphic {
    transform: translateY(0);
    opacity: 1;
}
.box_member_wrapper a {
    position: absolute;
    right: 1.302rem;
    bottom: 0.78125rem;
    opacity: 0;
}
.box_member_wrapper .item_member:hover a {
    opacity: 1;
}
.box_member_wrapper a>svg {
    width: 4.427rem;
    height: 4.427rem;
}
.box_member_wrapper a:hover path {
    stroke: var(--sub-cl);
}
.box_member_wrapper a:hover rect {
    stroke: var(--main-cl);
    fill: var(--main-cl);
}

.home_3 {
    padding-top: 8.333rem;
    padding-bottom: 5.208rem;
}
.home_3.light_blur_bf:before {
    top: -5%;
    right: -40%;
    transform: translateX(-50%);
    width: 50rem;
    height: 50rem;
    opacity: .9;
}
.home_3.bg_image {
    background-size: contain;
    background-position: bottom left;
}
.home_3 .graphic_effect {
    top: 17%;
    right: 0;
}
.home_3:hover .graphic_effect>.inner {
    width: 29.792rem;
}
.slide_tech .arrow.prev {
    left: -4.167rem;
}
.slide_tech .arrow.next {
    right: -4.167rem;
}
.slide_tech .swiper-pagination {
    display: none;
}
.box_tech_wrap {
    margin: 0 -1.042rem;
    padding-top: 1.875rem;
}
.item_tech {
    padding: 0 1.042rem;
}
.item_tech>.inner {
    border: 1px solid #3D3D3D;
    background: #0000000D;
    backdrop-filter: blur(30px);
    border-radius: 10px;
    padding: 2.083rem 1.6rem;
    transition: .5s all;
}
.item_tech:hover>.inner {
    background: #00000080;
    border-color: #00000080;
}
.item_tech>.inner .icon {
    width: fit-content;
    margin-left: auto;
    margin-bottom: 2.083rem;
}
.item_tech>.inner .logo>img {
    height: 3rem;
    object-fit: contain;
}
.item_tech>.inner .desc {
    font-weight: 400;
    font-size: 0.833rem;
    margin-top: 1.458rem;
    text-align: justify;
}

.home_4 {
    padding-top: 9.635rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 1;
}
.home_4.light_blur_bf:before {
    top: 10%;
    right: 5%;
    transform: translateX(-50%);
    width: 30rem;
    height: 30rem;
    opacity: .9;
}
.home_4.light_blur_af:after {
    top: 30%;
    left: 7%;
    transform: translateX(-50%);
    width: 45rem;
    height: 45rem;
    opacity: .9;
    z-index: -1;
}
.btn_home4 {
    margin: auto 0;
}
.number .inner.relative,
.number {
    position: relative;
    display: flex;
    font-weight: 400;
    font-size: 3.125rem  /* 60/19.2 */;
    color: var(--main-cl);
    line-height: 1.2;
}
.number span.counter {
    position: absolute;
    top: 0;
    left: 0;
}
.number span.counter_opacity {
    opacity: 0;
}
.number .unit {
    display: flex;
}
.number .unit>span {
    display: flex;
    font-weight: 400;
    font-size: 2rem;
    margin-top: 0.3rem;
}

.box_counter_wrap {
    width: calc(100% + (100vw - var(--container-w)) / 2 + 15px);
    padding-top: 3.229rem  /* 62/19.2 */;
}
.box_counter_wrap .swiper-slide .item_counter {
    opacity: .5;
    transition: .5s all;
}
.box_counter_wrap .swiper-slide.swiper-slide-next + .swiper-slide .item_counter,
.box_counter_wrap .swiper-slide.swiper-slide-next .item_counter,
.box_counter_wrap .swiper-slide.swiper-slide-active .item_counter {
    opacity: 1;
}
.box_counter_wrap .swiper-slide:not(:first-child) .item_counter {
    padding-left: 3.385rem;
}

.box_counter_wrap .item_counter {
    position: relative;
}
.box_counter_wrap .item_counter > .number {
    height: 5rem;
}
.item_counter>.number {
    position: relative;
}
.item_counter>.number:after,
.item_counter>.number:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% + 3.385rem);
    height: 1px;
    background: #FFFFFF33;
    pointer-events: none;
    z-index: 1;
}
.item_counter>.number:after {
    bottom: 0;
    width: 50%;
    height: 2px;
    background: var(--main-cl);
}
.item_counter .inner {
    font-weight: 400;
    font-size: 3.125rem;
}
.item_counter h3 {
    font-size: 3.125rem  /* 60/19.2 */;
    color: var(--main-cl);
    line-height: 1.2;
}
.item_counter .desc {
    min-height: 10rem;
    font-weight: 400;
    font-size: 0.833rem;
    margin-top: 1.4rem;
    text-align: justify;
}

.home_4 .bg_video {
    padding-bottom: 8rem;
}
.home_4 .bg_video.bg_image {
    background-size: contain;
    background-position: bottom center;
}
.box_video_effect {
    /*margin-top: 4.948rem;*/
    padding: 6.458rem calc(100% - calc(100vw + var(--container-w)) / 2);
    transition: .6s all;
}
.box_video_effect:hover {
    padding: 0;
}

.home_5 {

}
.home_5 .desc_sec {
    text-align: center;
}
.box_news_wrap {
    margin: 0 -1.458rem;
    padding-top: 1.458rem;
}
.btn_home5 {
    padding-top: 3rem;
}
.slide_news_home .swiper-pagination {
    display: none;
}
.slide_news_home .arrow.prev {
    left: -6rem;
}
.slide_news_home .arrow.next {
    right: -6rem;
}
.slide_news_home .item_news {
    opacity: .3;
    padding: 0 1.458rem;
}
.slide_news_home .item_news .box_img {
    aspect-ratio: 428 / 588;
}
.swiper-slide.swiper-slide-next + .swiper-slide .item_news,
.swiper-slide.swiper-slide-next .item_news,
.swiper-slide.swiper-slide-active .item_news {
    opacity: 1;
}

/*ABOUT*/
.about_1 {
    padding-top: 6.25rem;
}
.about_1.light_blur_af:after,
.about_1.light_blur_bf:before {
    top: -20%;
    left: -14%;
    width: 40rem;
    height: 40rem;
    opacity: 0.8;
}
.about_1.light_blur_af:after {
    top: unset;
    left: unset;
    bottom: -30%;
    right: -10%;
}

.about_1 .graphic_effect {
    top: 8%;
    right: -11%;
}
.about_1:hover .graphic_effect>.inner {
    width: 29.792rem;
}
.about_1 .group_heading .desc_sec.flex {
    gap: 2.865rem;
}
.about_img1 {
    z-index: 1;
}
.about_img1>.box_img img {
    transition: 1s all;
    transition-duration: 1.5s;
}
.about_img1:hover img {
    transform: scale(1.1);
}
.about_img1 .number {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.667rem;
    padding-left: 2.5rem;
    background: #1B1B1B;
}
.about_img1 .number>.inner {
    font-weight: 700;
    font-size: 5rem;
    line-height: normal;
}
.about_img1 .number h3 {
    font-weight: 400;
    font-size: 0.9375rem;
    text-transform: uppercase;
    color: #fff;
}
.about_img1 .number sup {
    font-weight: 700;
    font-size: 3rem;
    line-height: 1;
}

.about_2 {
    padding-top: 5.729rem;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
}
.about_2.light_blur_bf:before {
    top: -18%;
    left: -20%;
    width: 46rem;
    height: 46rem;
    opacity: .8;
}
.about_2 .box_origin .row:nth-child(2) {
    padding-top: 2.083rem;
}
.about_2 .about_img3,
.about_2 .about_content2 {
    padding-right: 6.25rem;
    color: #BFBFBF;
    text-align: justify;
}
.about_2 .about_content2>h3 {
    font-weight: 500;
    font-size: 1.667rem;

}
.about_2 .box_slogan {
    padding: 5.208rem 0;
}
.about_2 .box_slogan .group_heading {
    margin-right: -2rem;
}
.about_2 .accordion_wrapper {
    padding-top: 1.042rem;
}
.about_2 .about_img3>.item {
    display: none;
    transition: .5s all;
}
.about_2 .about_img3>.item.active {
    display: block;
    transition: .5s all;
    animation: opacity;
    animation-duration: 1s;
}
@keyframes opacity {
    from{
        opacity:0;
    }
    to{
        opacity:1;
    }
}
.accordion_wrapper .accordion_title {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    padding-top: 1.302rem;
    margin-top: 1.5625rem;
    cursor: pointer;
    transition: .5s all;
}
.accordion_wrapper .accordion_title:hover,
.accordion_wrapper .accordion_title.active {
    border-color: #fff;
}
.accordion_title>span.title {
    font-weight: 500;
    font-size: 1.042rem;
    color: rgba(255, 255, 255, 0.3);
    padding-right: 10px;
    transition: .5s all;
}
.accordion_title span.icon>svg {
    width: 1.25rem;
    height: 1.25rem;
}
.accordion_title:hover>span.title,
.accordion_title.active>span.title {
    color: #ffff;
}
.accordion_title span.icon path {
    stroke: rgba(255, 255, 255, 0.3);
}
.accordion_title:hover span.icon path,
.accordion_title.active span.icon path {
    stroke: #fff;
}
.accordion_title.active span.icon path:nth-child(1) {
    opacity: 0;
}
.accordion_wrapper .content {
    font-weight: 400;
    font-size: 0.9375rem;
    padding-top: 1.042rem;
    color: #BFBFBF !important;
    text-align: justify;
}

.about_4 {
    padding-top: 6.25rem;
    padding-bottom: 6.5rem;
    backdrop-filter: blur(8px);
}
.about_4.light_blur_bf:before {
    top: -5%;
    left: -5%;
    width: 40rem;
    height: 40rem;
    opacity: .6;
}
.arrow_about4 {
    gap: 1rem;
}
.slide_about4_wrap {
    padding-top: 2.3rem;
    margin-left: -2.34375rem;
    margin-right: calc(-1 * ((100vw - var(--container-w)) / 2 + 15px));
}
.slide_about4 .item {
    margin: 0 2.34375rem;
    opacity: .3;
    box-shadow: 2px 4px 30px 0 #00000066;
    transition: .7s all;
}
.slide_about4 .swiper-slide.swiper-slide-active .item,
.slide_about4 .swiper-slide.swiper-slide-next .item,
.slide_about4 .swiper-slide.swiper-slide-next + .swiper-slide .item {
    opacity: 1;
}
.slide_about4 .item:before {
    content: '';
    position: absolute;
    top: 0.6rem;
    left: 0;
    width: 100%;
    height: 2px;
    background: var(--main-cl);
    pointer-events: none;
}
.slide_about4 .item .box_content {
    background: linear-gradient(234.55deg, #222222 19.44%, #000000 84.4%);
    padding: 2.1875rem 1.771rem;
}
.slide_about4 .item .box_img {
    aspect-ratio: 404 / 240;
}
.slide_about4 .item .dots {
    display: flex;
    gap: 6px;
}
.slide_about4 .item .dots>span {
    width: 6px;
    height: 6px;
    background: var(--main-cl);
    border-radius: 5.208rem;
}
.slide_about4 .item .inner {
    padding-top: 10px;
}
.slide_about4 .item h3 {
    font-weight: 500;
    font-size: 1.25rem;
}
.slide_about4 .item .desc {
    font-weight: 400;
    font-size: 0.833rem;
    margin-top: 4.167rem;
    text-align: justify;
}
.slide_about4 .swiper-pagination {
    display: none;
}

.about_5 {
    padding-top: 6.771rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
}
.about_5.light_blur_bf:before {
    top: -16%;
    right: -20%;
    width: 50rem;
    height: 50rem;
    opacity: .6;
}
.about_5.light_blur_bf:after {
    bottom: -60%;
    left: -5%;
    width: 60rem;
    height: 60rem;
    opacity: .6;
}
.history_wrap {
    position: relative;
    z-index: 10;
}
.history_wrap .slide_history:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150%;
    height: 1px;
    background: #FFFFFF1A;
}
.history_wrap .item {
    display: flex;
    flex-direction: column;
    padding: 0 3.646rem;
}
.history_wrap .item>* {
    height: 11.667rem;
}
.history_wrap .item:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 3.646rem;
    transform: translateY(-50%);
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 100%;
    background: var(--main-cl);
}
.history_wrap .swiper-slide:nth-child(even) .item>div:nth-child(2) {
    margin-bottom: 5rem;
}
.history_wrap .swiper-slide:nth-child(odd) .item>div:nth-child(2) {
    margin-top: 5rem;
}
.history_wrap .item>.box_img {
    width: fit-content;
    aspect-ratio: 190/224;
}
.history_wrap .item>.box_img>img {
    object-fit: contain !important;
}
.history_wrap .swiper-slide:nth-child(even) .box_img {
    order: 2;
}
.history_wrap .swiper-slide:nth-child(even) .box_content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.history_wrap .item h3 {
    font-weight: 400;
    font-size: 2.083rem;
    line-height: normal;
    color: var(--main-cl);
    margin-bottom: 0.4rem;
}
.history_wrap .item .desc {
    font-weight: 400;
    font-size: 0.833rem;
    color: #BFBFBF;
}
.history_wrap .item .desc>h3 {
    font-weight: 400;
    font-size: 1.146rem;
    color: #fff !important;
    margin-bottom: 0.521rem;
}
.history_wrap .swiper-pagination {
    display: none;
}

.about_6 {
    margin-top: 6.771rem;
}
.about_6 .content_about6_wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}
.about_6 .content_about6_wrap .col:nth-child(1) {
    padding-top: 3.125rem;
}
.img_about6 .box_img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, rgba(0, 0, 0, 0) -31.67%, rgba(0, 0, 0, 0.4) 100%);
    pointer-events: none;
}
.counter_about6 {
    padding-top: 2.5rem;
    gap: 4.0625rem;
}
.counter_about6 .item {
    padding-left: 1.042rem;
    border-left: 1px solid var(--main-cl);
}
.counter_about6 .item .number>.unit,
.counter_about6 .item .number>.inner {
    font-weight: 700;
    font-size: 3.125rem;
}
.counter_about6 .item .number>.unit>span {
    font-weight: 700;
}
.counter_about6 .item h3 {
    font-weight: 400;
    font-size: 0.833rem;
    margin-top: 6px;
}

.content_about6 {
    padding-top: 4rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
    backdrop-filter: blur(0px);
}
.content_about6 .arrow_wrap,
.content_about6 .swiper-slide>.item {
    padding: 0 2.3rem;
}
.content_about6 .arrow_wrap {
    gap: 1rem;
    padding-top: 2.083rem;
}
.content_about6 .heading>h3 {
    position: relative;
    font-weight: 400;
    font-size: 1.667rem;
    line-height: normal;
    padding-left: 3.5rem;
    color: var(--main-cl);
    margin-bottom: 0.5rem;
}
.content_about6 .heading>h3:before {
    content: '';
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 3.125rem;
    height: 1px;
    background: var(--main-cl);
    pointer-events: none;
}
.content_about6 .address {
    font-weight: 400;
    font-size: 0.9375rem;
}
.content_about6 .box_info {
    padding-top: 2.083rem;
}
.content_about6 .box_info>.item:not(:last-child) {
    padding-right: 1.4rem;
    margin-right: 1.4rem;
    border-right: 1px solid #FFFFFF33;
}
.content_about6 .box_info span.title {
    font-weight: 400;
    font-size: 0.85rem;
    color: #BDBDBD;
    margin-bottom: 8px;
}
.content_about6 .box_info div.content {
    font-weight: 700;
    font-size: 1.042rem;
}
.content_about6 .certificate {
    padding-top: 2.083rem;
}
.content_about6 .certificate>.btn_popup {
    display: flex;
    align-items: center;
    gap: 0.78125rem;
    width: fit-content;
}
.content_about6 .certificate>.btn_popup span.text {
    font-weight: 600;
    font-size: 0.78125rem;
    color: var(--main-cl);
}
.content_about6 .certificate>.btn_popup:hover span.icon {
    transform: translateX(0.5rem);
}

.about_7.light_blur_bf:before {
    top: 0;
    left: -20%;
    width: 50rem;
    height: 50rem;
    opacity: .7;
}
.about_7.light_blur_bf:after {
    top: -25%;
    right: -8%;
    width: 50rem;
    height: 50rem;
    opacity: .7;
}
.about_7.bg_image {
    padding-top: 6.771rem;
    padding-bottom: 12rem;
    background-size: contain;
    background-position: bottom center;
}
.about_7 .box_logo {
    position: relative;
    padding-top: 2.708rem;
    gap: 7.292rem;
    z-index: 1;
}
.about_7 .box_logo>.item {
    opacity: .2;
    transition: .5s all;
    cursor: pointer;
}
.about_7 .box_logo>.item:hover,
.about_7 .box_logo>.item.active {
    opacity: 1;
}
.about_7 .box_content {
    padding-top: 3.646rem;
}

.about_7 .box_content .item {
    opacity: 0;
    transition: .5s all;
    display: none;
}
.about_7 .box_content .item.active {
    display: block;
}
.about_7 .box_content .item.show {
    opacity: 1;
}

.about_7 .box_content .inner.flex {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    padding: 0 5.104rem 3.646rem;
}
.about_7 .box_content .inner.flex>.logo {
    width: auto;
    height: 5rem;
    flex: 0 0 auto;
}
.about_7 .box_content .inner.flex>.logo>img {
    object-fit: contain;
}
.about_7 .box_content .inner.flex>.desc {
    padding-left: 6.771rem;
    text-align: justify;
}

.about_8.light_blur_bf:before {
    top: 100%;
    left: 0;
    transform: translateY(-22%);
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIzNTkiIHZpZXdCb3g9IjAgMCAxOTIwIDM1OSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZl81MjI2XzkzNTkpIj4KPGVsbGlwc2UgY3g9Ijk2MC43NjYiIGN5PSItMTAuNjk3NSIgcng9Ijk1OS42OTQiIHJ5PSIyNDguOTMzIiBmaWxsPSJ1cmwoI3BhaW50MF9yYWRpYWxfNTIyNl85MzU5KSIgZmlsbC1vcGFjaXR5PSIwLjkiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9mXzUyMjZfOTM1OSIgeD0iLTE0OC45MjgiIHk9Ii00MDkuNjMxIiB3aWR0aD0iMjIxOS4zOSIgaGVpZ2h0PSI3OTcuODY3IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249Ijc1IiByZXN1bHQ9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXJfNTIyNl85MzU5Ii8+CjwvZmlsdGVyPgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50MF9yYWRpYWxfNTIyNl85MzU5IiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDk2MC43NjYgLTEwLjY5NzcpIHJvdGF0ZSgtOTApIHNjYWxlKDI0OC45MzMgOTU5LjY5NCkiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMzMzMzMzIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvcmFkaWFsR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==");
}
.slide_award {
    padding-top: 1.979rem;
    margin: 0 -3.646rem;
}
.slide_award .item {
    padding: 0 3.646rem;
}
.slide_award .item h3 {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 0.9375rem;
    gap: 0.73rem;
    line-height: 1.2;
    color: #BFBFBF;
    margin-top: 2.5rem;
}
.slide_award .item h3>span {
    font-weight: 600;
    font-size: 2.083rem;
    line-height: normal;
    color: var(--main-cl);
    white-space: nowrap;
}
.slide_award_wrap .arrow.prev {
    left: -6rem;
}
.slide_award_wrap .arrow.next {
    right: -6rem;
}
.slide_award_wrap .swiper-pagination {
    display: none;
}
.slide_award .box_img {
    position: relative;
    margin-bottom: 3rem;
    -webkit-box-reflect: below 1px linear-gradient(transparent, transparent, transparent, transparent, transparent, #0003);
}
.about_9 {
    padding-top: 7rem;
}
.about_9 .heading_sec {
    margin-bottom: 1.042rem;
}
.slide_about9_wrap {
    padding-top: 17rem;
}
.slide_about9_wrap>.inner {
    position: relative;
}
.slide_about9 {
    padding-right: 1px;
}
.slide_about9_wrap .swiper-slide {
    height: auto;
}
.slide_about9_wrap .item {
    padding: 0 4.948rem 5rem;
}
.slide_about9_wrap .item:hover img {
    transform: rotateY(180deg);
}
.slide_about9_wrap .swiper-slide:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
    pointer-events: none;
}
.slide_about9_wrap .item .box_img {
    width: fit-content;
    height: 2.917rem;
    margin: 0 auto 1rem;
}
.slide_about9_wrap .item .box_img>img {
    object-fit: contain;
}
.slide_about9_wrap .item h3 {
    font-weight: 700;
    font-size: 1.146rem;
    text-align: center;
    margin-bottom: 10px;
    color: #fff;
}
.slide_about9_wrap .item .desc {
    text-align: justify;
}
.slide_about9_wrap .arrow.prev {
    left: -5rem;
}
.slide_about9_wrap .arrow.next {
    right: -5rem;
}
.slide_about9_wrap .swiper-pagination {
    display: none;
}

/*NEWS PAGE*/
.menu_wrap ul {
    gap: 1.042rem;
}
.menu_wrap li>a {
    display: block;
    min-width: 4rem;
    font-weight: 500;
    font-size: 1.042rem;
    text-transform: uppercase;
    color: #BFBFBF;
    border: 1px solid #BFBFBF4D;
    background: transparent;
    padding: 0.833rem 1.25rem;
    transition: .5s all;
    cursor: pointer;
}
.menu_wrap li>a.active,
.menu_wrap li>a:hover {
    background: #BFBFBF1A;
    border-color: #BFBFBF1A;
    /*border: 1px solid;*/
    /*border-image-source: linear-gradient(128.01deg, rgba(191, 191, 191, 0.1) 14.55%, rgba(191, 191, 191, 0) 71.93%);*/
    color: var(--main-cl);
}

.news_page {
    padding-top: 6.458rem;
}
.news_page .highlight_wrap {
    z-index: 1;
}
.news_page .highlight_wrap.light_blur_bf:before {
    top: -30%;
    left: -10%;
    width: 40rem;
    height: 40rem;
    opacity: .7;
}
.news_page .highlight_wrap.light_blur_af:after {
    top: 50%;
    right: -5%;
    transform: translateY(-50%);
    width: 30rem;
    height: 30rem;
    opacity: .5;
}
.news_page .list_post_wrap.light_blur_bf:before {
    top: -12%;
    left: 50%;
    transform: translateX(-50%);
    width: 50rem;
    height: 50rem;
    opacity: 0.7;
}

.news_page .menu_wrap {
    padding-top: 2.292rem;
}
.news_page .box_highlight {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.042rem;
}
.news_page .box_highlight .item_news2:nth-child(1) {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
}
.news_page .box_highlight .item_news2 .box_img {
    aspect-ratio: unset;
    height: 100%;
}
.news_page .box_highlight .item_news2 .box_img:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.710609) 58.32%, rgba(0, 0, 0, 0.809389) 69.92%, rgba(0, 0, 0, 0.9006) 84.26%, #000000 100%);
    pointer-events: none;
    z-index: 1;
}
.news_page .box_highlight .item_news2 .box_content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 6.458rem 2.292rem 2.1875rem;
    z-index: 2;
}
.news_page .box_highlight .item_news2 h3 {
    font-size: 1.5625rem;
}
.news_page .box_highlight .item_news2 .desc {
    display: none;
    visibility: hidden;
}
.news_page .box_highlight .item_news2 .term_time {
    margin-top: 1.042rem;
}
.news_page .box_highlight .item_news2:nth-child(n+2) .box_content {
    padding: 0 1.5625rem 1.302rem;
}
.news_page .box_highlight .item_news2:nth-child(n+2) h3 {
    font-size: 1.042rem;
}
.news_page .box_highlight .item_news2:nth-child(n+2) .term_time {
    margin-top: 10px;
}
.news_page .list_post_wrap {
    padding-top: 6.458rem;
}
.archive .news_page .group_heading {
    position: relative;
    z-index: 1;
}
.archive .news_page {
    padding-top: 4rem;
}
.archive .news_page .list_post_wrap {
    position: relative;
    padding-top: 0;
    z-index: 2;
}
.news_page .list_news {
    padding-top: 2.083rem;
}
.news_page .load_more_posts.btn {
    margin-top: 3rem;
}

/*POST DETAILS*/
.col.breadcrumbs_single {
    padding-bottom: 0;
}
.post_details {
    padding: 5rem 0;
}
.post_details .row > div > * {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.post_details .post_content,
.post_details .group_heading {
    border-bottom: 1px solid #FFFFFF1A;
    padding-bottom: 1.5625rem;
    margin-bottom: 1.5625rem;
}
.post_details .group_heading>.term {
    font-weight: 500;
    font-size: 0.729rem;
    color: #BFBFBF;
    margin-bottom: 10px;
}
.post_details .group_heading>h1 {
    margin-bottom: 1.042rem;
}
.post_details .author_time * {
    font-weight: 500;
    font-size: 0.729rem;
    color: #BFBFBF;
}
.post_details .author_time span.author {
    padding-right: 10px;
    margin-right: 10px;
    color: var(--main-cl) !important;
}
.post_details .author_time span.author:before {
    content: '';
    position: absolute;
    top: 50%;
    right: -2px;
    transform: translateY(-50%);
    width: 3.5px;
    height: 3.5px;
    border-radius: 5.208rem;
    background: var(--main-cl);
}
.post_details .post_content * {
    font-weight: 400;
    /*font-size: 0.9375rem;*/
    color: #BFBFBF;
}
.post_details .post_content strong {
    font-weight: 500;
}
.post_details .post_content ul,
.post_details .post_content ol {
    padding-left: 2rem;
}
.post_details .post_content h1,
.post_details .post_content h2,
.post_details .post_content h3,
.post_details .post_content h4,
.post_details .post_content h5,
.post_details .post_content h6 {
    font-weight: 400;
    color: var(--main-cl);
    margin-bottom: 1.042rem;
}
.post_details .post_content h2 {
    font-size: 1.25rem;
}
.post_details .post_content a {
    color: var(--main-cl);
    border-bottom: 0.8px solid transparent;
}
.post_details .post_content a:hover {
    border-color: var(--main-cl);
}
.post_details .post_content img {
    margin: 2.083rem 0;
}
.post_details .tag_share {
    gap: 2rem;
}

.post_details .tag_share span.title {
    font-weight: 400;
    font-size: 0.833rem;
    color: #BFBFBF;
    margin-right: 0.9rem;
}
.post_details .tag_wrap * {
    font-weight: 500;
    font-size: 0.833rem;
    color: #BFBFBF;
}
.post_details .tag_wrap a:hover {
    color: var(--main-cl);
}
.post_details .tag_wrap>ul {
    gap: 1.302rem;
}
.share_wrap .sharing_post {
    gap: 10px;
}
.share_wrap .sharing_post svg {
    width: 1.5625rem;
    height: auto;
}
.share_wrap .sharing_post li:hover svg {
    transform: scale(0.9);
}

.post_other {
    padding: 6.25rem 0 2rem;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.24) 100%);
}
.post_other .arrow_slide {
    gap: 1.042rem;
}
.slide_post_related {
    margin: 0 -0.625rem;
}
.slide_post_related .item_news2 {
    padding: 0 0.625rem;
}
.post_other .arrow_slide .arrow {

}

/*PRODUCT*/
.product_page {
    padding-top: 6.771rem;
}

.product_page>.light_blur {
    position: absolute;
}
.product_page>.light_blur_1.light_blur_bf:before {
    top: -12rem;
    left: -18rem;
    width: 52.875rem;
    height: 52.875rem;
    opacity: 0.9;
}
.product_page>.light_blur_1.light_blur_af:after {
    top: -26rem;
    right: -18rem;
    width: 52.875rem;
    height: 52.875rem;
    opacity: 0.9;
}
.product_page>.light_blur_2.light_blur_bf:before {
    top: 50rem;
    left: -18rem;
    width: 52.875rem;
    height: 52.875rem;
    opacity: 0.9;
}
.product_page>.light_blur_2.light_blur_af:after {
    top: 100rem;
    left: -33rem;
    width: 75rem;
    height: 75rem;
    opacity: 0.9;
}
.product_page>.light_blur_3.light_blur_bf:before {
    top: 50rem;
    right: -33rem;
    width: 75rem;
    height: 75rem;
    opacity: 0.9;
}

.product_page .box_term>.item:not(:last-child) {
    margin-bottom: 4.167rem;
}
.product_page .list_child {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 2.1875rem;
    row-gap: 1.667rem;
    border-top: 1px solid #FFFFFF33;
    padding-top: 2.083rem;
}
.product_page .list_child .box_img {
    aspect-ratio: 318/374;
}
.product_page .list_child>.item>.box_img:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    pointer-events: none;
    z-index: 1;
}
.product_page .list_child>.item h3 {
    position: absolute;
    bottom: 1.458rem;
    left: 0;
    font-weight: 400;
    font-size: 1.25rem;
    /*padding: 0 0 1.458rem 1.25rem;*/
    padding-left: 1.25rem;
    z-index: 3;
}
.product_page .list_child span.icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 4;
}
.product_page .list_child>.item:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 3.229rem;
    height: 3.229rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEiIGhlaWdodD0iNjEiIHZpZXdCb3g9IjAgMCA2MSA2MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGZvcmVpZ25PYmplY3QgeD0iLTE5LjU3MzUiIHk9Ii0xOS41NzM2IiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCI+PGRpdiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94aHRtbCIgc3R5bGU9ImJhY2tkcm9wLWZpbHRlcjpibHVyKDEwcHgpO2NsaXAtcGF0aDp1cmwoI2JnYmx1cl8wXzg4MzZfMTk4MV9jbGlwX3BhdGgpO2hlaWdodDoxMDAlO3dpZHRoOjEwMCUiPjwvZGl2PjwvZm9yZWlnbk9iamVjdD48ZyBkYXRhLWZpZ21hLWJnLWJsdXItcmFkaXVzPSIyMCI+CjxyZWN0IHg9IjAuOTI2NTE0IiB5PSIwLjkyNjM5MiIgd2lkdGg9IjU5IiBoZWlnaHQ9IjU5IiByeD0iMjkuNSIgZmlsbD0iI0NGQUU4MCIvPgo8cmVjdCB4PSIwLjkyNjUxNCIgeT0iMC45MjYzOTIiIHdpZHRoPSI1OSIgaGVpZ2h0PSI1OSIgcng9IjI5LjUiIHN0cm9rZT0iI0NGQUU4MCIvPgo8cGF0aCBkPSJNMjIuMTc2NSAzMC40MjY0SDM4LjY3NjUiIHN0cm9rZT0iIzAwMTAyMiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMzEuOTI2NSAyMy42NzY0TDM4LjY3NjUgMzAuNDI2NEwzMS45MjY1IDM3LjE3NjQiIHN0cm9rZT0iIzAwMTAyMiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImJnYmx1cl8wXzg4MzZfMTk4MV9jbGlwX3BhdGgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5LjU3MzUgMTkuNTczNikiPjxyZWN0IHg9IjAuOTI2NTE0IiB5PSIwLjkyNjM5MiIgd2lkdGg9IjU5IiBoZWlnaHQ9IjU5IiByeD0iMjkuNSIvPgo8L2NsaXBQYXRoPjwvZGVmcz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    border-radius: 5.208rem;
    overflow: hidden;
    opacity: 0;
    transition: .5s all;
    z-index: 4;
}
.product_page .list_child>.item:hover:before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
.product_page .list_child>.item:hover span.icon {
    opacity: 1;
}

/*PRODUCT TAXONOMY*/
.product_term_1 {
    padding-top: 5.729rem;
}
.product_term_1.light_blur_bf:before {
    top: -100%;
    left: 50%;
    transform: translateX(-50%);
    width: 60rem;
    height: 30rem;
    background-position: center;
}
.product_term_2 {
    z-index: 4;
}
.product_term_2.light_blur_af:after {
    bottom: -35%;
    left: -20%;
    width: 40rem;
    height: 40rem;
    opacity: .9;
    z-index: -1;
}
.product_term .box_term h2.title {
    font-weight: 500;
    font-size: 0.9375rem;
    line-height: 1.4;
}
.product_term .box_term .filter_term {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2.083rem;
    padding-top: 1.042rem;
    padding-bottom: 2.604rem;
    border-bottom: 1px solid #FFFFFF1A;
}
.product_term .filter_term>.item {
    min-width: 16.667rem;
    padding: 0.833rem 1.25rem;
    border: 1px solid #BFBFBF4D;
    background: transparent;
    transition: .5s all;
    cursor: pointer;
}
.product_term .filter_term>.item:hover,
.product_term .filter_term>.item.active {
    background: #BFBFBF1A;
}
.product_term .filter_term>.item>.inner {
    gap: 1.042rem;
}
.product_term .filter_term>.item img {
    width: auto;
    height: 2.083rem;
    filter: grayscale(1) brightness(0.75) contrast(0.8);
}
.product_term .filter_term>.item:hover img,
.product_term .filter_term>.item.active img {
    filter: unset;
}
.product_term .filter_term>.item h3.title {
    font-weight: 500;
    font-size: 1.042rem;
    color: #BFBFBF;
}
.product_term .filter_term>.item:hover h3.title,
.product_term .filter_term>.item.active h3.title {
    color: var(--main-cl);
}

.product_term .filter-inner {
    padding-right: 3.5rem;
}
.product_term .filter-inner>.heading {
    gap: 10px;
}
.product_term .filter-inner>.heading>span.text {
    font-weight: 400;
    font-size: 0.9375rem;
}
.product_term .filter-inner>.list_option {
    padding-top: 3.125rem;
}
.product_term .filter-inner>.list_option h2.title {
    border-bottom: 1px solid #FFFFFF1A;
    padding-bottom: 1.302rem;
    margin-bottom: 1.302rem;
    cursor: pointer;
}
.product_term .filter-inner>.list_option h2.title>.title {
    font-weight: 400;
    font-size: 0.9375rem;
    line-height: 1.4;
    color: #fff;
}
.product_term .filter-inner>.list_option svg {
    width: 0.833rem;
    height: 0.833rem;
    margin-right: 0.6rem;
    flex: 0 0 auto;
}
.product_term .filter-inner>.list_option h2.title.active svg {
    transform: rotate(-180deg);
}
.product_term .filter-inner>.list_option .options_container {
    padding-bottom: 1.302rem;
    padding-right: 6px;
    overflow-y: auto;
    max-height: 16rem;
}
.product_term .filter-inner>.list_option .options_container::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.product_term .filter-inner>.list_option .options_container::-webkit-scrollbar {
    width: 4px;
    background-color: #cedbff;
}
.product_term .filter-inner>.list_option .options_container::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
}

.product_term .filter-inner>.list_option label:not(:last-child) {
    margin-bottom: 0.8rem;
}
.product_term .filter-inner>.list_option span.label {
    font-weight: 400;
    font-size: 0.9375rem;
    color: #BFBFBF;
    margin-left: 10px;
    cursor: pointer;
    transition: .5s all;
}
.product_term .filter-inner>.list_option label:hover span.label {
    color: var(--main-cl) !important;
}
.product_term .list_option input[type='checkbox'] {
    flex: 0 0 auto;
    position: relative;
    appearance: none;
    width: 20px;
    height: 20px;
    margin: 0;
    cursor: pointer;
    border: 1px solid #BFBFBF;
    background: var(--sub-cl);
    overflow: hidden;
}
.product_term .list_option input[type='checkbox']:checked {
    border-color: var(--main-cl);
}
.product_term .list_option input[type='checkbox']::before,
.product_term .list_option input[type='checkbox']::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: .5s all;
    pointer-events: none;
    z-index: 1;
}
.product_term .list_option input[type='checkbox']::before {
    width: 12px;
    height: 8px;
    background: url(../images/checked.svg) no-repeat center;
    z-index: 2;
}
.product_term .list_option input[type='checkbox']::after {
    width: 100%;
    height: 100%;
    background: var(--main-cl);
}
.product_term .list_option input[type='checkbox']:checked::before,
.product_term .list_option input[type='checkbox']:checked::after {
    opacity: 1;
}

.product_term .list_product {
    padding-top: 2.604rem;
}
.product_term .list_product>.filed_content {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 4.167rem;
    row-gap: 2.604rem;
}
.product_term .custom-select {
    position: relative;
    width: 200px;
    user-select: none;
    font-size: 0.9375rem;
    color: #fff;
}
.product_term .custom-select .selected {
    padding: 0.521rem 0.625rem;
    border-radius: 8px;
    cursor: pointer;
    position: relative;
}
.product_term .custom-select .selected::after {
    content: "";
    position: absolute;
    right: 0.625rem;
    top: 50%;
    transform: translateY(-50%);
}
.product_term .custom-select .options {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    right: 0;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.46);
    background: var(--main-cl);
    max-height: 0;
    opacity: 0;
    transform: translateY(-10px);
    overflow: hidden;
    transition: max-height 0.4s ease, opacity 0.3s ease, transform 0.3s ease;
    z-index: 99;
    list-style: none;
}

.product_term .custom-select.open .options {
    max-height: 300px;
    opacity: 1;
    transform: translateY(0);
}

.product_term .custom-select .options li {
    padding: 0.521rem 0.625rem;
    cursor: pointer;
    background: var(--sub-cl);
    margin: 0;
    transition: .5s all;
}
.product_term .custom-select li.active,
.product_term .custom-select .options li:hover {
    background: var(--main-cl);
}


/*PRODUCT DETAILS*/
.single-product .breadcrumbs {
    position: relative;
    z-index: 1;
    padding-top: 1.6rem;
}

.prod_details.header_sticky {
    position: fixed;
    top: 5rem  /* 96/19.2 */;
    left: 0;
    right: 0;
    transform: translateY(-100%);
    opacity: 0;
    background: var(--sub-cl);
    transition: .5s;
    z-index: 999;
}
.prod_details.header_sticky.open {
    transform: translateY(0);
    opacity: 1;
}
.prod_details.header_sticky .menu_info>ul a {
    padding-top: 1.302rem;
}

.prod_details_1 {
    padding-top: 2.083rem;
    padding-bottom: 5rem;
}
.prod_details_1:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 150%;
    background: #3F3F3F;
    pointer-events: none;
}
.prod_details_1:after {
    content: '';
    position: absolute;
    bottom: 30%;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUyNiIgaGVpZ2h0PSIxMDAwIiB2aWV3Qm94PSIwIDAgMTUyNiAxMDAwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBvcGFjaXR5PSIwLjgiIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2ZfNTE3Ml8yNjQxKSI+CjxwYXRoIGQ9Ik0xMDIwLjggLTExMi44MzJDNjgzLjkzOSAtMzgyLjg3IC0zNDguOTg5IDIzLjYwODYgLTQxMi45ODcgMjcwLjkwN0MtNDM1Ljc0MyAzNzMuMjM3IC0zOTAuODAxIDYwMi4zNDMgLTI4Ljk5MyA3MDAuMTI1QzQyMy4yNjcgODIyLjM1MiA4ODQuMDYxIDYyMC41MzUgODI0LjQ5NCAzODQuNjA3Qzc2NC45MjcgMTQ4LjY3OSAxMzU3LjY1IDE1Ny4yMDYgMTAyMC44IC0xMTIuODMyWiIgZmlsbD0idXJsKCNwYWludDBfcmFkaWFsXzUxNzJfMjY0MSkiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9mXzUxNzJfMjY0MSIgeD0iLTgxNy44ODkiIHk9Ii02MDEuOTc3IiB3aWR0aD0iMjM0Mi45IiBoZWlnaHQ9IjE3MzguOTIiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMjAwIiByZXN1bHQ9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXJfNTE3Ml8yNjQxIi8+CjwvZmlsdGVyPgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50MF9yYWRpYWxfNTE3Ml8yNjQxIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDM1My41NjQgMjY3LjQ4NCkgcm90YXRlKDkwKSBzY2FsZSg0NjkuNDYxIDc3MS40NTIpIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0FCQUJBQiIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNBQkFCQUIiIHN0b3Atb3BhY2l0eT0iMCIvPgo8L3JhZGlhbEdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
    background-size: 50rem;
    pointer-events: none;
}
.prod_details.prod_details_1 .light_blur_1:before {
    content: '';
    position: absolute;
    top: -40%;
    right: -10%;
    width: 40rem;
    height: 40rem;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTY0NyIgaGVpZ2h0PSIxNjIwIiB2aWV3Qm94PSIwIDAgMTY0NyAxNjIwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBvcGFjaXR5PSIwLjYiIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2ZfODgwNV8xNzcxKSI+CjxlbGxpcHNlIGN4PSI4MjMuMDE0IiBjeT0iODA5LjgyOCIgcng9IjQyMy4wMTQiIHJ5PSI0MDkuODI4IiBmaWxsPSJ1cmwoI3BhaW50MF9yYWRpYWxfODgwNV8xNzcxKSIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2ZfODgwNV8xNzcxIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTY0Ni4wMyIgaGVpZ2h0PSIxNjE5LjY2IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjIwMCIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzg4MDVfMTc3MSIvPgo8L2ZpbHRlcj4KPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDBfcmFkaWFsXzg4MDVfMTc3MSIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSg4MjMuMDE0IDgwOS44MjgpIHJvdGF0ZSg5MCkgc2NhbGUoNDA5LjgyOCA0MjMuMDE0KSI+CjxzdG9wIHN0b3AtY29sb3I9IiM5MDkwOTAiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOTA5MDkwIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9yYWRpYWxHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K");
    background-size: contain;
    pointer-events: none;
}
.prod_details.prod_details_1 .light_blur_2:before {
    content: '';
    position: absolute;
    bottom: -63rem;
    left: 20rem;
    width: 50rem;
    height: 50rem;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTk5NiIgaGVpZ2h0PSIxNTM1IiB2aWV3Qm94PSIwIDAgMTk5NiAxNTM1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8ZyBvcGFjaXR5PSIwLjQiIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2ZfODgwNV8xNzczKSI+CjxwYXRoIGQ9Ik00NDMuNjI1IDk1NC42NjNDNjIwLjcxNSAxMjQ2LjU2IDE0NjIuODEgMTEzNy4zMiAxNTY4Ljc5IDk0OS44NTlDMTYwOS45NyA4NzEuNDg5IDE2MzMuMTIgNjc1LjQ3IDEzOTYuMzMgNTE4LjM1NUMxMTAwLjM1IDMyMS45NjIgNzE5LjczIDM4Ny4zNjEgNzA1LjQ1NyA1OTIuMDY1QzY5MS4xODQgNzk2Ljc3IDI2Ni41MzYgNjYyLjc2MiA0NDMuNjI1IDk1NC42NjNaIiBmaWxsPSJ1cmwoI3BhaW50MF9yYWRpYWxfODgwNV8xNzczKSIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2ZfODgwNV8xNzczIiB4PSIwLjUwMjQ0MSIgeT0iMC4zNTIzNTYiIHdpZHRoPSIxOTk0LjU0IiBoZWlnaHQ9IjE1MzQuMTUiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0ic2hhcGUiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMjAwIiByZXN1bHQ9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXJfODgwNV8xNzczIi8+CjwvZmlsdGVyPgo8cmFkaWFsR3JhZGllbnQgaWQ9InBhaW50MF9yYWRpYWxfODgwNV8xNzczIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMTYuMTEgNzg4LjMwOCkgcm90YXRlKC03My40MTcpIHNjYWxlKDM5OC40OTYgNTc5LjQ4MykiPgo8c3RvcCBzdG9wLWNvbG9yPSIjQUJBQkFCIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0FCQUJBQiIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvcmFkaWFsR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==);
    background-size: contain;
    pointer-events: none;
}
.prod_details.prod_details_1 .box_content {
    padding-left: 5.208rem;
}
.prod_details.prod_details_1 .origin_wrap span.content,
.prod_details.prod_details_1 span.title {
    font-weight: 400;
    font-size: 0.85rem;
    line-height: normal;
}
.prod_details.prod_details_1 .box_content h1 {
    font-weight: 600;
    font-size: 2.083rem;
}
.prod_details.prod_details_1 .box_content .desc_sec {
    font-weight: 400;
    font-size: 0.9375rem;
    text-align: justify;
}
.prod_details .sku_star>span.sku {
    border-right: 1px solid #FFFFFF80;
    padding-right: 1.5rem;
    margin-right: 1.5rem;
}
.prod_details .star_wrap>.inner {
    gap: 5px;
}
.prod_details .star_wrap>.inner>span.icon {
    display: flex;
    width: 0.833rem;
    height: 0.833rem;
}
.prod_details .sku_star span.count_star {
    font-weight: 400;
    font-size: 0.73rem;
    margin-left: 4px;
    color: #BDBDBD;
}

.prod_details.prod_details_1 span.term,
.prod_details.prod_details_1 .box_content h1,
.prod_details .sku_star,
.prod_details .origin_wrap {
    gap: 0.521rem;
    margin-top: 0.78125rem;
}
.prod_details .origin_wrap span.icon>img {
    width: 1.302rem;
    aspect-ratio: 1/1;
    border-radius: 5.208rem;
}
.prod_details .box_content .price>h3 {
    font-weight: 600;
    font-size: 1.5625rem;
}
.prod_details .box_content .price>span.unit {
    font-weight: 600;
    position: super;
}
.prod_details .box_content .status_stock>span.content {
    font-weight: 400;
    font-size: 0.833rem;
}
.prod_details.prod_details_1 .box_content .desc_sec,
.prod_details .box_content .price,
.prod_details .box_content .status_stock {
    align-items: baseline;
    gap: 4px;
}
.prod_details .box_content .price,
.prod_details.prod_details_1 .box_content .desc_sec,
.prod_details .box_content .status_stock,
.prod_details .qty {
    margin-top: 1.302rem  /* 25/19.2 */;
}
.prod_details .buttons_added {
    margin-left: 0.625rem;
}
.prod_details .buttons_added>input {
    height: 2.604rem;
    width: 2.604rem;
    max-width: unset;
    max-height: unset;

    min-height: unset !important;
    font-weight: unset !important;
    letter-spacing: unset !important;

    border: 1px solid #FFFFFF1A !important;
    box-shadow: unset !important;
    background-color: transparent !important;
    color: #fff;
    font-size: 0.9375rem  /* 18/19.2 */;
    text-align: center;
    margin: 0;
    padding: 0;
}
.prod_details .buttons_added>input[type="button"] {
    font-size: 1.4rem;
    line-height: normal;
}
.prod_details .buttons_added>input[type="number"] {
    border-left: none !important;
    border-right: none !important;
}
.prod_details.prod_details_1 .btn_wrap {
    gap: 1.042rem;
    margin-top: 1.5625rem;
}
.prod_details .box_policy {
    margin-top: 1.25rem;
}
.prod_details .box_policy .item:not(:last-child) {
    margin-bottom: 0.78125rem;
}
.prod_details .box_policy span.icon {
    width: 1.5rem;
    height: auto;
    margin-right: 8px;
    flex: 0 0 auto;
}
.prod_details .box_policy span.content {
    display: flex;
    font-weight: 400;
    font-size: 0.833rem;
}
.prod_details .box_policy a {
    font-weight: 400;
    font-size: 0.833rem;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
    color: var(--main-cl);
}

/*----*/

.product_term .result_alpha {
    position: relative;
    z-index: 1;
}
.product_term .result_alpha .alpha {
    gap: 8px;
}
.product_term .result_alpha .alpha>span.title {
    color: #BFBFBF;
}
.product_term .result_alpha #sort_product {
    border: none !important;
    background: transparent !important;
    color: #fff !important;
    box-shadow: none !important;
    margin: 0;
}
.product_term .result_alpha #sort_product option {
    border: none !important;
    background: var(--main-cl);
}
.product_term .result_alpha #sort_product option:nth-child(1) {
    border-top-right-radius:8px;
}

.prod_details .product_gallery_wrap {
    display: flex;
    align-items: center;
    gap: 2.96875rem;
}
.prod_details .gallery_thumb {
    width: 4.167rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.prod_details .slide_thumb {
    height: 24.74rem;
}
.prod_details .slide_thumb .swiper-slide > div {
    opacity: .2;
    cursor: pointer;
    transition: .5s all;
}
.prod_details .slide_thumb .swiper-slide.swiper-slide-thumb-active > div {
    opacity: 1;
}
.prod_details .slide_thumb .item_video:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1rem;
    height: 1rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAxOSAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE4Ljc3NTQgMTAuOTA4N0wwLjc3NTM5IDIxLjMwMUwwLjc3NTM5MSAwLjUxNjM4NkwxOC43NzU0IDEwLjkwODdaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K");
    pointer-events: none;
}
.prod_details .gallery_main {
    width: calc(100% - 7.13575rem);
}
.prod_details .product_gallery_wrap .arrow {
    transform: rotate(90deg);
}
.prod_details .product_gallery_wrap .arrow.swiper-button-disabled {
    cursor: pointer;
}
.box_terms_product {
    position: sticky;
    top: 5rem;
}
.prod_details_2 {
    padding-top: 3.542rem;
    z-index: 1;
}
.prod_details_2.light_blur_bf:before {
    top: 0;
    left: -20%;
    width: 50rem;
    height: 50rem;
    opacity: .9;
}
.prod_details_2.light_blur_af:after {
    top: 5%;
    right: -20%;
    width: 70rem;
    height: 70rem;
    opacity: .9;
    z-index: -1;
}
.prod_details_2 .group_heading>.heading_sec {
    margin-bottom: 2.292rem;
}
.prod_details .menu_info>ul {
    flex-wrap: wrap;
    gap: 4.167rem;
    border-bottom: 1px solid #FFFFFF33;
}
.prod_details .menu_info>ul a {
    display: block;
    position: relative;
    width: fit-content;
    font-weight: 600;
    font-size: 1.25rem;
    color: #BFBFBF;
    padding-bottom: 1.302rem;
}
.prod_details .menu_info>ul a:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: var(--main-cl);
    pointer-events: none;
    z-index: 1;
    transition: .5s all;
}
.prod_details .menu_info>ul a.active:before,
.prod_details .menu_info>ul a:hover:before {
    width: 100%;
}
.prod_details .menu_info>ul a.active,
.prod_details .menu_info>ul a:hover {
    color: var(--main-cl);
}

.prod_details.prod_details_2 #product_desc {
    padding-top: 1.8rem;
}
.prod_details #product_desc .box_desc>h2 {
    margin-bottom: 2.708rem;
}
.prod_details .list_desc .box_img {
    width: 60%;
    flex: 0 0 auto;
}
.prod_details .list_desc.trim .btn_play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transform-origin: center;
}
.prod_details #product_desc .content {
    padding-left: 6.25rem;
}
.prod_details #product_desc .content strong {
    font-weight: 600;
    font-size: 1.25rem;
    color: var(--main-cl);
}

.prod_details .list_desc.list_desc_2 .item {
    padding-top: 5.208rem;
}
.prod_details .list_desc.list_desc_2 .item:nth-child(odd)>.box_img {
    order: 2;
}
.prod_details .list_desc.list_desc_2 .item:nth-child(odd)>.content {
    padding-left: 0 !important;
    padding-right: 6.25rem;
}

.prod_details #product_desc .box_award {
    padding: 4.167rem 5.208rem 5.208rem;
    background: rgba(255, 255, 255, 0.1);
    margin-top: 10.417rem;
    justify-content: space-between;
    align-items: flex-end;
    gap: 4rem;
}
.prod_details #product_desc .box_award>.group_heading {
    width: fit-content;
}
.prod_details #product_desc .box_award span.subtitle {
    font-weight: 400;
    font-size: 1.25rem;
    margin-bottom: 1.5625rem;
    color: #BFBFBF;
}
.prod_details #product_desc .box_award h2.title {
    font-weight: 600;
    font-size: 2.604rem;
    margin-top: 1.5625rem;
    margin-bottom: 9px;
}
.prod_details #product_desc .box_award span.desc {
    font-weight: 400;
    font-size: 1.25rem;
    color: #BFBFBF;
}
.prod_details #product_desc .box_award .box_img {
    overflow: unset;
    width: 24.583rem;
    height: auto;
}
.prod_details #product_desc .box_award .inner {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 5;
    overflow: unset;
    -webkit-box-reflect: below 1px linear-gradient(transparent, transparent, transparent, transparent, transparent, #0003);
}

.prod_details #product_feat.light_blur_bf:before {
    top: -5%;
    left: -30%;
    width: 40rem;
    height: 40rem;
    z-index: -1;
    opacity: .8;
}
.prod_details #product_feat.light_blur_af:after {
    bottom: -15%;
    right: -30%;
    width: 50rem;
    height: 50rem;
    opacity: .8;
    z-index: -1;
}
.prod_details.prod_details_2 #product_feat {
    padding-top: 5.208rem;
    z-index: 1;
}
.prod_details #product_feat .item_feat_wrap {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
    margin-top: 2.5rem;
    padding: 3.3rem 5.104rem;
}
.prod_details #product_feat .item_feat_wrap>.item_container:not(:last-child) {
    margin-bottom: 5.208rem;
}
.prod_details #product_feat .group_heading>h3 {
    font-weight: 600;
    font-size: 1.25rem;
    margin-bottom: 0.9rem;
}
.prod_details #product_feat .list_feat {
    margin-top: 3rem;
    gap: 2.65625rem;
}
.prod_details #product_feat .list_feat>.item {
    width: calc((100% / 5) - 2.15rem);
}
.prod_details #product_feat .list_feat .box_img {
    width: 5.208rem;
    aspect-ratio: 100/100;
    margin: 0 auto;
}
.prod_details #product_feat .item:hover .box_img>img {
    transform: rotateY(180deg);
}
.prod_details #product_feat .list_feat h3 {
    font-weight: 400;
    font-size: 0.9375rem;
    margin-top: 1.042rem;
}

.prod_details.prod_details_2 #product_specifications {
    padding-top: 2.5rem;
}
.prod_details.prod_details_2 #product_specifications h2.heading_sec {
    margin-bottom: 2rem;
}
.prod_details #product_specifications .box_info_1>.box_img {
    width: 60%;
    flex: 0 0 auto;
}
.prod_details #product_specifications .list_size {
    padding-left: 4.6875rem;
    flex: 1;
}
.prod_details #product_specifications h3.title {
    font-weight: 600;
    font-size: 1.25rem;
    margin-bottom: 2rem;
}

.prod_details #product_specifications .list_size li {
    gap: 1rem;
    border-bottom: 1px solid #FFFFFF1A;
    padding-bottom: 1.042rem;
    margin-bottom: 1.042rem;
}
.prod_details #product_specifications .list_size li:first-child {
    border-top: 1px solid #FFFFFF1A;
    padding-top: 1.042rem;
}
.prod_details #product_specifications li>* {
    width: 50%;
}
.prod_details #product_specifications span.title {
    font-weight: 400;
    font-size: 0.9375rem;
    color: #BFBFBF;
}
.prod_details #product_specifications span.content {
    font-weight: 600;
    font-size: 0.9375rem;
    color: #fff;
}

.prod_details #product_specifications.light_blur_bf:before {
    top: 15%;
    right: -40%;
    width: 50rem;
    height: 50rem;
    opacity: .8;
    z-index: -1;
}
.prod_details #product_specifications.light_blur_af:after {
    bottom: -30%;
    left: -40%;
    width: 40rem;
    height: 40rem;
    opacity: .8;
    z-index: -1;
}
.prod_details #product_specifications .box_info_2 {
    max-width: 50.3125rem;
    margin: 0 auto;
    padding-top: 5.208rem;
}
.prod_details #product_specifications .box_info_2 li {
    padding: 0.625rem 1.5625rem;
}
.prod_details #product_specifications .box_info_2 li:nth-child(odd) {
    background: #FFFFFF0D;
}
.prod_details #product_specifications #show_more {
    margin-top: 2rem;
}

.prod_details #product_manual {
    margin-top: 4.167rem;
    padding: 1rem 0;
    border-top: 1px solid #FFFFFF33;
    border-bottom: 1px solid #FFFFFF33;
}
.prod_details #product_manual .btn_manual>a.btn {
    width: max-content;
}

.prod_details_3.light_blur_bf:before {
    bottom: -5%;
    left: -10%;
    width: 40rem;
    height: 40rem;
    opacity: .8;
}
.prod_details_3.light_blur_af:after {
    bottom: -30%;
    right: -10%;
    width: 40rem;
    height: 40rem;
    opacity: .8;
}
.prod_details.prod_details_3 {
    margin-top: 5.208rem;
    padding-top: 4.948rem;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.24) 100%);
}
.prod_details .slide_wrap {
    margin: 2.5rem -1.7rem 0;
}
.prod_details .slide_wrap .swiper-pagination {
    display: none;
}
.prod_details .group_heading .arrow_wrap {
    gap: 0.9rem;
}
.prod_details .slide_wrap .item_product {
    margin: 0 1.7rem;
}
.item_product .box_img {
    background: #3F3F3F;
    padding: 1.042rem;
    z-index: 1;
}
.item_product .box_img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAxIiBoZWlnaHQ9IjMwMSIgdmlld0JveD0iMCAwIDMwMSAzMDEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIG9wYWNpdHk9IjAuOSIgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZl83MDIzXzExOCkiPgo8Y2lyY2xlIGN4PSI3Ni4xNDY0IiBjeT0iODIuMjIzNiIgcj0iMTkyLjQxNyIgZmlsbD0idXJsKCNwYWludDBfcmFkaWFsXzcwMjNfMTE4KSIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2ZfNzAyM18xMTgiIHg9Ii0yMTAuNzMxIiB5PSItMjA0LjY1NCIgd2lkdGg9IjU3My43NTUiIGhlaWdodD0iNTczLjc1NSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSI0Ny4yMzA2IiByZXN1bHQ9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXJfNzAyM18xMTgiLz4KPC9maWx0ZXI+CjxyYWRpYWxHcmFkaWVudCBpZD0icGFpbnQwX3JhZGlhbF83MDIzXzExOCIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSg3Ni4xNDY0IDgyLjIyMzYpIHJvdGF0ZSg5MCkgc2NhbGUoMTkyLjQxNykiPgo8c3RvcCBzdG9wLWNvbG9yPSIjQUJBQkFCIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI0FCQUJBQiIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvcmFkaWFsR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    pointer-events: none;
}
.item_product .box_img:after {
    content: '';
    position: absolute;
    bottom: -2rem;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUwIiBoZWlnaHQ9IjI0MiIgdmlld0JveD0iMCAwIDI1MCAyNDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIG9wYWNpdHk9IjAuNiIgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZl83MDIzXzExOSkiPgo8Y2lyY2xlIGN4PSIxODIuOTg2IiBjeT0iMTgyLjYwMiIgcj0iMTI0Ljg1NyIgZmlsbD0idXJsKCNwYWludDBfcmFkaWFsXzcwMjNfMTE5KSIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2ZfNzAyM18xMTkiIHg9IjAuNzIwNDkiIHk9IjAuMzM2NjM5IiB3aWR0aD0iMzY0LjUzMSIgaGVpZ2h0PSIzNjQuNTMxIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjI4LjcwNDEiIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl83MDIzXzExOSIvPgo8L2ZpbHRlcj4KPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDBfcmFkaWFsXzcwMjNfMTE5IiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDE4Mi45ODYgMTgyLjYwMikgcm90YXRlKDkwKSBzY2FsZSgxMjQuODU3KSI+CjxzdG9wIHN0b3AtY29sb3I9IiM5MDkwOTAiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOTA5MDkwIiBzdG9wLW9wYWNpdHk9IjAiLz4KPC9yYWRpYWxHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    pointer-events: none;
}
.item_product .box_content {
    padding-top: 0.833rem;
}
.item_product .group_heading {
    display: flex;
    flex-direction: column;
    gap: 0.521rem  /* 10/19.2 */;
}
.item_product .group_heading > * {
    margin: 0;
}
.item_product .group_heading > *:not(h3) {
    font-weight: 400;
    font-size: 0.833rem;
    color: #BFBFBF;
}
.item_product .group_heading > h3 {
    font-weight: 600;
    font-size: 1.25rem;
}
.item_product .group_heading > span.title.new {
    color: var(--main-cl);
}
.item_product .term_sku>span.sku {
    border-left: 1px solid #BFBFBF4D;
    padding-left: 0.78125rem;
    margin-left: 0.78125rem;
}
.item_product .desc_sec {
    font-weight: 400;
    font-size: 0.9375rem;
    color: #BFBFBF;
    margin-top: 0.521rem  /* 10/19.2 */;
    line-height: 1.3;
}
.item_product .price {
    margin-top: 0.78125rem;
}
.item_product .price>h3 {
    font-weight: 600;
    font-size: 1.5625rem;
}
.item_product .price>span.unit {
    font-weight: 600;
}
.item_product .tags {
    top: 5px;
    left: 5px;
    gap: 5px;
    z-index: 2;
}
.item_product .tags>.item {
    font-weight: 500;
    font-size: 11px;
    color: var(--text);
    background: var(--bg);
    padding: 4px 12px;
    pointer-events: none;
    z-index: 2;
}

.prod_details .product_viewed {
    padding-top: 5.208rem;
}

.form_item textarea {
    box-shadow: none !important;
    color: #fff;
    padding: 1rem 1.5rem;
}
.prod_details.popup_form.light_blur_bf:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzU2IiBoZWlnaHQ9Ijc1MSIgdmlld0JveD0iMCAwIDc1NiA3NTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2ZfNTMxMV8zNjQyKSI+CjxjaXJjbGUgY3g9IjIyMS45MDQiIGN5PSIyMzguMTciIHI9IjMzMy42NDgiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl81MzExXzM2NDIpIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8L2c+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2ZfNTMxMV8zNjQyIiB4PSItMzExLjc0NCIgeT0iLTI5NS40NzgiIHdpZHRoPSIxMDY3LjMiIGhlaWdodD0iMTA2Ny4zIiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEwMCIgcmVzdWx0PSJlZmZlY3QxX2ZvcmVncm91bmRCbHVyXzUzMTFfMzY0MiIvPgo8L2ZpbHRlcj4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyXzUzMTFfMzY0MiIgeDE9IjIyMS45MDQiIHkxPSItOTUuNDc4IiB4Mj0iMjIxLjkwNCIgeTI9IjU3MS44MTciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzk5OTk5OSIgc3RvcC1vcGFjaXR5PSIwIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=");
    z-index: -1;
}
.prod_details.popup_form.light_blur_af:after {
    bottom: 0;
    right: -10%;
    width: 40rem;
    height: 40rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzEzIiBoZWlnaHQ9Ijc1MCIgdmlld0JveD0iMCAwIDcxMyA3NTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2ZfNTMxMV8zNjQwKSI+CjxjaXJjbGUgY3g9IjYxNi4yODYiIGN5PSI2MTYuNDI5IiByPSIzNjUuNSIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyXzUzMTFfMzY0MCkiIGZpbGwtb3BhY2l0eT0iMC45Ii8+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZl81MzExXzM2NDAiIHg9IjAuNzg2MTMzIiB5PSIwLjkyOTQ0MyIgd2lkdGg9IjEyMzEiIGhlaWdodD0iMTIzMSIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxMjUiIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl81MzExXzM2NDAiLz4KPC9maWx0ZXI+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl81MzExXzM2NDAiIHgxPSI2MTYuMjg2IiB5MT0iMjUwLjkyOSIgeDI9IjYxNi4yODYiIHkyPSI5ODEuOTI5IiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM5OTk5OTkiIHN0b3Atb3BhY2l0eT0iMCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM5OTk5OTkiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K");
    z-index: -1;
}
.prod_details.popup_form {
    overflow: hidden !important;
    max-width: 44.792rem;
    background: #434343;
    padding: 3.229rem 5rem;
    z-index: 1;
}
.prod_details.popup_form .desc_sec {
    font-weight: 400;
    font-size: 0.9375rem;
}
.prod_details.popup_form .box_form {
    margin-top: 2.083rem;
}
.prod_details.popup_form .form_group.flex {
    gap: 1.042rem;
}
.prod_details.popup_form .form_wrap>div:not(:last-child) {
    margin-bottom: 1.042rem;
}
.prod_details.popup_form input,
.prod_details.popup_form textarea {
    background: #00000033;
    border: 1px solid #FFFFFF1A;
}
.prod_details.popup_form input::placeholder,
.prod_details.popup_form textarea::placeholder {
    color: rgba(222, 222, 222, 0.5);
}
.prod_details.popup_form input:focus,
.prod_details.popup_form textarea:focus {
    border-color: var(--main-cl);
}

.prod_details.popup_form .wpcf7 form.sent .wpcf7-response-output,
.prod_details.popup_form .wpcf7 form.invalid .wpcf7-response-output {
    color: var(--main-cl);
}
.prod_details.popup_form .fancybox-close-small {
    padding: 0 !important;
    right: 6px;
    top: 8px;
}
.prod_details.popup_form .fancybox-button:hover path {
    fill: var(--main-cl);
}

/*SUPPORT PAGE*/
.support_1 {
    padding: 5.99rem 0 0;
}
.support_1.light_blur_bf:before {
    top: -50%;
    left: -14%;
    width: 50rem;
    height: 50rem;
    opacity: 0.7;
}
.support_1 .list_content {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    row-gap: 2rem;
}
.support_1 .list_content .item:not(:last-child) {
    border-right: 1px solid #303030;
}
.support_1 .list_content .box_img {
    width: 5.208rem;
    height: 5.208rem;
    margin: 0 auto;
}
.support_1 .list_content .item:hover .box_img {
    transform: rotateY(180deg);
}
.support_1 .list_content h3 {
    font-weight: 600;
    font-size: 1.042rem;
    color: #FFFFFF;
    margin-top: 1.042rem;
}
.support_2 {
    padding-top: 4.6875rem;
}
.support_2.light_blur_bf:before {
    bottom: -20%;
    right: -14%;
    width: 50rem;
    height: 50rem;
    opacity: 0.7;
}
.support_2 .row>.col:nth-child(1) .group_heading {
    padding-right: 6.25rem;
}
.support_2 .row>.col:nth-child(2) .group_heading {
    padding-left: 5rem;
}
.support_menu {
    margin-top: 3.125rem;
}
.support_3.line {
    border-top: 1px solid #424242;
    margin-top: 4.167rem;
    margin-bottom: 1.146rem;
}
.support_3.sec_form {
    padding: 2.917rem 0;
}

.load_support_terms {
    margin-top: 1.042rem;
}
.list_support.grid_col_4 {
    column-gap: 3.4375rem;
    row-gap: 2.292rem;
}
.item_support .box_img {
    aspect-ratio: 300/397;
}

/*LIBRARY PAGE*/
.library_1 {
    padding-top: 6.458rem;
}
.library_1.light_blur_bf:before {
    bottom: -38%;
    left: 50%;
    transform: translateX(-50%);
    width: 40rem;
    height: 50rem;
    opacity: 0.7;
}
.library_1 .row>.col:nth-child(1) .group_heading {
    padding-right: 5rem;
}

.filter_library_wrap {
    margin-top: 1.823rem;
    gap: 5rem;
}
.filter_library_wrap .library_search {
    width: 17.448rem;
    flex: 0 0 auto;
}
.filter_library_wrap .library_terms {
    flex: 0 0 auto;
    margin-left: auto;
}
.filter_library_wrap .library_terms .menu_tab_line {
    width: 49.5rem;
    padding-left: 1rem;
}

.filter_library_wrap .search_custom input {
    height: 3.5rem;
    width: 100%;
    max-width: 100%;
    background: var(--sub-cl);
    font-size: 1.1rem;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid #FFFFFF33;
    margin: 0;
    padding: 0.4rem 0;
    color: #fff;
}
.filter_library_wrap .search_custom .search-icon {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.library_terms:after,
.library_terms:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 2.8125rem;
    height: 100%;
    background: linear-gradient(-90deg, rgba(23, 23, 23, 0) 0%, #171717 100%);
    pointer-events: none;
    z-index: 1;
}
.library_terms:after {
    left: unset;
    right: 0;
    background: linear-gradient(90deg, rgba(23, 23, 23, 0) 0%, #171717 100%);
}

.menu_tab_line::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.menu_tab_line::-webkit-scrollbar{
    height: 2px;
    background-color: #cedbff;
}
.menu_tab_line::-webkit-scrollbar-thumb{
    background-color: var(--main-cl);
}

.menu_tab_line {
    overflow-x: auto;
    border-bottom: 1px solid #FFFFFF1A;
    gap: 2.604rem;
}
.menu_tab_line li {
    white-space: nowrap;
}
.menu_tab_line a {
    display: inline-block;
    position: relative;
    font-weight: 500;
    font-size: 1.042rem;
    line-height: 100%;
    color: #BFBFBF;
    padding-bottom: 0.859375rem;
}
.menu_tab_line a.active,
.menu_tab_line a:hover {
    color: var(--main-cl);
}
.menu_tab_line a:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: var(--main-cl);
    pointer-events: none;
    z-index: 1;
    transition: .5s all;
}
.menu_tab_line a.active:before,
.menu_tab_line a:hover:before {
    width: 100%;
}

.item_library .box_img {
    aspect-ratio: 335/218;
}
.item_library .box_img>.icon {
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: 2.083rem;
    height: 2.083rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5.208rem;
    background: #00000066;
    backdrop-filter: blur(10px);
    transition: .5s all;
}
.item_library .box_img>.icon svg {
    width: 1.042rem;
    height: 1.042rem;
}
.item_library h3 {
    font-weight: 400;
    font-size: 0.9375rem;
    color: #fff;
    padding: 1.042rem 1.302rem 0 0;
    margin-bottom: 0;
}
.item_library:hover .box_img>.icon {
    background: #CFAE80;
    backdrop-filter: blur(6.9527740478515625px);
}
.item_library:hover .box_img>.icon path {
    stroke: #001022;
}
.item_library:hover .box_img>.icon path.dot {
    fill: #001022;
    stroke: unset;
}

.load_library_terms {
    margin-top: 2.708rem;
}

/*CONTACT PAGE*/
.contact_1 {
    padding-top: 5.8rem;
}
.contact_1.light_blur_bf:before {
    top: -50%;
    left: -14%;
    width: 50rem;
    height: 50rem;
    opacity: 0.7;
}
.contact_1.light_blur_af:after {
    top: -50%;
    right: -10%;
    width: 40rem;
    height: 40rem;
    opacity: 0.5;
}
.contact_1:hover .graphic_effect>.inner {
    width: 37.135rem;
}
.contact_1 .graphic_effect {
    top: 24%;
    right: 0;
}
.contact_1 .graphic_effect svg {
    width: 37.135rem;
    max-width: 37.135rem;
}
.contact_1 .heading_sec {
    margin-bottom: 0.9375rem;
}
.contact_1 .box_content .item:not(:last-child) {
    margin-bottom: 1.25rem;
}
.contact_1 .box_content span.title {
    font-weight: 400;
    font-size: 0.833rem;
    color: #DEDEDE;
    margin-bottom: 6px;
}
.contact_1 .box_content .desc_sec {
    font-weight: 400;
}
.contact_1 .box_content .desc_sec.flex {
    gap: 1.458rem;
}
.contact_1 .box_content .desc_sec>a {
    font-weight: 700;
    font-size: 1.042rem;
    color: #fff;
}
.contact_1 .box_content .desc_sec>a:hover {
    color: var(--main-cl);
}

.contact_2 {
    padding: 0.9375rem 0 4.896rem;
}
.contact_2.sec_form {
    margin-top: 6rem;
}
.sec_form.bg_image {
    background-size: contain;
    background-position: center right;
}
.sec_form.bg_image .heading_sec {
    margin-bottom: 0.78125rem;
}
.sec_form.bg_image .box_form {
    margin-top: 1.667rem;
}
.sec_form.bg_image .form_wrap>div:not(:last-child) {
    margin-bottom: 1.042rem;
}
.sec_form.bg_image .form_group.flex {
    gap: 1.042rem;
}
.sec_form.bg_image .submit_btn.normal {
    margin: 0;
}
.sec_form.bg_image .wpcf7-response-output {
    color: var(--main-cl);
    border-color: var(--main-cl) !important;
}
.wpcf7 .wpcf7-not-valid-tip {
    opacity: 1 !important;
    z-index: 2;
}

.submit_btn2 {
    display: flex;
    align-items: center;
    gap: 0.78125rem;
    min-width: 12.5rem;
    width: fit-content;
    border: 1px solid #CFAE8080;
    position: relative;
    height: 50px;
    justify-content: center;
    padding: 0 1rem;
    transition: .5s all;
}
.submit_btn2 span.text {
    font-weight: 600;
    font-size: 15px;
    display: block;
    color: var(--main-cl);
    transition: .5s all;
}
.submit_btn2 input[type="submit"] {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
}

.submit_btn2:hover {
    background: var(--main-cl);
}
.submit_btn2:hover span.text {
    color: #fff;
}
.submit_btn2:hover span.icon path {
    stroke: #fff;
}



@media (min-width: 1280px) {
    html {
        font-size: 1vw;
    }
}
@media (max-width: 1600px) and (min-width: 1300px) {
    /*LIBRARY PAGE*/
    .library_1 .row>.col:nth-child(1) .group_heading {
        padding-right: 3rem;
    }

    /*SUPPORT PAGE*/
    .support_2 .row>.col:nth-child(2) .group_heading {
        padding-left: 3.5rem;
    }
}
@media (max-width: 1499px) and (min-width: 1199px) {
    :root{
        --container-w: 91rem;
    }

    /*fixed button*/
    ul.fixed_button>li>a {
        width: 3.2rem;
        height: 3.2rem;
    }

    /*CONTACT PAGE*/
    .contact_1 .graphic_effect {
        top: 2%;
    }
    .contact_1 .box_content span.title {
        font-size: 0.9rem;
    }

    /*LIBRARY PAGE*/
    .filter_library_wrap .library_search {
        width: 22rem;
    }

    .filter_library_wrap .menu_tab_line a {
        font-size: 1.2rem;
    }
    .filter_library_wrap .library_terms .menu_tab_line {
        width: 55rem;
    }
}
@media (max-width: 1500px) and (min-width: 1199px) {
    /*COMPONENT*/
    .heading_sec {
        font-size: 2.3rem;
    }
    .desc_sec {
        font-size: 1.05rem;
    }
    body {
        font-size: 1.1rem;
    }
    body.page-template-home,
    .page-template-home .desc_sec {
        font-size: 0.9rem;
    }
    .item_news .desc {
        font-size: 1rem;
    }

    .about_2 .about_img3, .about_2 .about_content2 {
        padding-right: 3rem;
    }
    .about_2 .box_slogan .group_heading {
        margin-right: 0;
    }
    .accordion_wrapper .content {
        font-size: 1.05rem;
    }
    .slide_about4 .item .desc {
        font-size: 1.05rem;
    }
    .slide_about4 .item h3 {
        font-size: 1.35rem;
    }
    .history_wrap .item>* {
        height: 16rem;
    }
    .history_wrap .item .desc {
        font-size: 1.05rem;
    }
    .about_7 .box_content .inner.flex>.desc {
        padding-left: 6rem;
    }

    .prod_details .list_desc.list_desc_2 .item:nth-child(odd)>.content {
        padding-right: 4rem;
    }
    .prod_details #product_desc .content {
        padding-left: 4rem;
    }

    .btn span.text {
        font-size: 1.1rem;
    }

    .news_page .term_time {
        font-size: 1rem;
    }
    .item_news2 .box_content h3 {
        font-size: 1.3rem;
    }
    .item_news2 .box_content .desc {
        font-size: 1.1rem;
    }
    .news_page .box_highlight .item_news2:nth-child(n+2) h3 {
        font-size: 1.3rem;
    }

    .post_details .group_heading>.term {
        font-size: 1.1rem;
    }
    .post_details .author_time * {
        font-size: 0.9rem;
    }
    .post_details .post_content h2 {
        font-size: 1.4rem;
    }
    .post_details .tag_share span.title,
    .post_details .tag_wrap * {
        font-size: 0.95rem;
    }
    .share_wrap .sharing_post svg {
        width: 2.1rem;
    }
    .term_time {
        font-size: 0.9rem;
    }
}
@media only screen and (max-width: 1199px) {
    :root{
        --container-w: 950px;
    }
    header#header .container {
        max-width: 980px !important;
    }
    .load_home_page svg {
        width: 320px;
    }

    html {
        font-size: 1.2vw;
    }

    /*COMPONENTS*/
    .breadcrumbs cite,
    .breadcrumbs a,
    .breadcrumbs ol>li[itemprop="itemListElement"]>span {
        font-size: 1.05rem;
    }
    .swiper-pagination .swiper-pagination-bullet {
        width: 1rem;
        height: 1rem;
    }
    .btn span.text {
        font-size: 1.2rem;
    }
    .subtitle {
        font-size: 1.1rem;
    }
    .heading_sec {
        font-size: 2.4rem;
    }
    .desc_sec {
        font-size: 1.25rem !important;
    }
    body {
        font-size: 1.2rem;
    }

    ul.fixed_button>li>a {
        width: 3.5rem;
        height: 3.5rem;
    }
    ul.fixed_button>li:not(:last-child) {
        margin-bottom: 0.8rem;
    }

    .accordion_title>span.title {
        font-size: 1.35rem;
        line-height: 1.6;
    }
    .accordion_wrapper .content {
        font-size: 1.2rem;
    }

    .arrow {
        width: 3.525rem;
        height: 3.525rem;
    }

    /*HEADER*/
    header#header .nav>li {
        margin: 0 0.7rem;
    }
    header#header #logo {
        width: 100px;
    }
    .banner_hero .box_content .links>a {
        flex: 0 0 auto;
    }

    /*FOOTER*/
    #footer span.title {
        font-size: 1.05rem;
    }
    #footer div.content {
        font-size: 1.15rem;
        margin-top: 0.5rem;
    }
    .footer_top .text_bold {
        font-size: 1.2rem;
    }
    .footer_top .col_1>.inner:nth-child(2) .content {
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    .footer_top .box_socials a {
        width: 3.4rem;
    }
    .footer_top .box_register > * {
        width: 50%;
    }
    .footer_top .desc_form {
        font-size: 1rem;
    }
    .form_item input {
        height: 4rem;
    }
    .form_item textarea::placeholder,
    .form_item input::placeholder {
        font-size: 1.2rem;
    }

    /*CSS*/
    /*ITEM NEWS 2*/
    .item_news2 .term_time {
        font-size: 1.15rem;
    }
    .item_news2 .box_content h3 {
        font-size: 1.4rem;
        line-height: 1.6;
    }
    .item_news2 .box_content .desc {
        font-size: 1.2rem;
    }

    /*HOME*/
    .home_1 {
        padding-top: 6rem;
    }
    .home_1 .col:nth-child(1) {
        padding-right: 4rem;
    }
    .video_home1 {
        height: 100%;
    }
    .video_home1 .graphic {
        right: 68%;
    }

    .box_member_wrapper {
        margin-top: 2rem;
    }
    .bg_member_container {
        height: 38rem;
    }
    .box_member_wrapper h3 {
        font-size: 2rem;
        -webkit-line-clamp: 2;
    }
    .box_member_wrapper .content {
        font-size: 1.2rem;
    }
    .home_3 .graphic svg {
        width: 27rem;
        max-width: 27rem;
    }
    .home_3 .graphic>.inner {
        width: 27rem;
    }
    .home_3 .group_heading {
        margin-right: -2rem;
    }
    .slide_tech .arrow {
        display: none;
    }
    .slide_tech .swiper-pagination {
        display: flex;
    }
    .item_counter .desc,
    .item_tech>.inner .desc {
        font-size: 1.2rem;
    }
    .item_tech>.inner .icon {
        margin-bottom: 5rem;
    }
    .home_4 .bg_video {
        padding-bottom: 12rem;
    }
    .box_video_effect {
        padding: 0;
        /*margin-top: 3rem;*/
    }
    .slide_news_home .arrow {
        display: none;
    }
    .slide_news_home .swiper-pagination {
        display: flex;
    }
    .box_news_wrap {
        margin: 0 -0.9rem;
    }
    .item_news {
        padding: 0 0.9rem;
    }
    .item_news h3 {
        font-size: 1.5rem;
    }
    .item_news .desc {
        font-size: 1.1rem;
    }

    /*ABOUT*/
    .about_1 .graphic_effect {
        top: 0;
        right: -15%;
    }
    .about_1 .graphic_effect>.inner {
        width: 29.792rem;
    }
    .about_2 .about_img3, .about_2 .about_content2 {
        padding-right: 2rem;
    }
    .slide_about4 .item h3 {
        font-size: 1.8rem;
    }
    .slide_about4 .item .desc {
        font-size: 1.15rem;
    }
    .slide_about4 .item {
        margin: 0 1.5rem;
    }
    .slide_about4_wrap {
        margin-left: -1.5rem;
    }
    .history_wrap .item>* {
        height: 18.667rem;
    }
    .history_wrap .item {
        padding: 0 3rem;
    }
    .history_wrap .item .desc {
        font-size: 1.2rem;
    }
    .history_wrap .item h3 {
        font-size: 2.5rem;
        margin-bottom: .8rem;
    }
    .counter_about6 .item h3 {
        font-size: 1.1rem;
    }
    .about_7.bg_image {
        padding-bottom: 6rem;
    }
    .slide_award .item h3 {
        font-size: 1.05rem;
    }
    .slide_award .item h3>span {
        font-size: 2rem;
    }
    .slide_award .item {
        padding: 0 3rem;
    }
    .slide_award {
        margin: 0 -3rem;
    }
    .slide_award_wrap .arrow {
        display: none;
    }
    .slide_award_wrap .swiper-pagination {
        display: flex;
    }
    .slide_about9_wrap .arrow.prev {
        left: 0;
    }
    .slide_about9_wrap .arrow.next {
        right: 0;
    }
    .slide_about9_wrap .item .box_img {
        height: 3rem;
        margin-bottom: 1.8rem;
    }

    /*NEWS PAGE*/
    .news_page .box_highlight .item_news2:nth-child(n+2) h3 {
        font-size: 1.4rem;
    }
    .news_page .load_more_posts.btn {
        margin-top: 4rem;
    }
    .news_page .list_post_wrap {
        padding-top: 5rem;
    }

    /*POST DETAILS*/
    .post_details .row > div > * {
        margin-left: -2rem;
        margin-right: -2rem;
    }
    .post_details .group_heading>.term {
        font-size: 1.2rem;
    }
    .post_details .author_time * {
        font-size: 1.05rem;
    }
    .post_details .post_content {
        font-size: 1.35rem;
    }
    .post_details .post_content h2 {
        font-size: 1.7rem;
    }
    .post_details .post_content img {
        margin: 3rem 0;
    }
    .post_details .tag_share span.title,
    .post_details .tag_wrap * {
        font-size: 1.2rem;
    }
    .share_wrap .sharing_post svg {
        width: 2.5rem;
    }

    /*PRODUCT TAXONOMY*/
    .product_term_1 {
        padding-top: 4rem;
    }
    .product_term .filter-inner {
        padding-right: 1.5rem;
    }
    .product_term .filter-inner>.heading>span.text,
    .product_term .box_term h2.title {
        font-size: 1.1rem;
    }
    .product_term .filter-inner>.list_option h2.title>.title {
        font-size: 1.05rem;
    }
    .product_term .list_product>.filed_content {
        column-gap: 2rem;
    }
    .select .select-options > li,
    .product_term .custom-select,
    .select-styled {
        font-size: 1.15rem;
    }

    /*PRODUCT DETAILS*/
    .prod_details.prod_details_1 .box_content {
        padding-left: 2rem;
    }
    .prod_details .box_policy span.content,
    .prod_details .box_content .status_stock>span.content,
    .prod_details.prod_details_1 .box_content .desc_sec,
    .prod_details.prod_details_1 .origin_wrap span.content, .prod_details.prod_details_1 span.title {
        font-size: 1.2rem;
    }
    .prod_details .origin_wrap span.icon>img {
        width: 1.8rem;
    }
    .prod_details .buttons_added>input {
        height: 3.1rem;
        width: 3.1rem;
    }
    .prod_details .box_policy {
        margin-top: 2.05rem;
    }
    .prod_details #product_desc .content {
        padding-left: 4rem;
    }
    .prod_details .list_desc.list_desc_2 .item:nth-child(odd)>.content {
        padding-right: 4rem;
    }
    .prod_details .list_desc.list_desc_2 .item {
        padding-top: 5.8rem;
    }
    .prod_details #product_specifications h3.title {
        font-size: 1.55rem;
    }
    .prod_details #product_specifications .box_info_2 li {
        padding: 0.8rem 1.5625rem;
    }
    .prod_details #product_specifications span.content,
    .prod_details #product_specifications span.title {
        font-size: 1.1rem;
    }
    .prod_details #product_feat .list_feat h3 {
        line-height: 1.6;
        font-size: 1rem;
    }
    .prod_details #product_feat .list_feat br {
        display: none;
    }
    .prod_details.header_sticky {
        top: 61px;
    }

    .item_product .group_heading > *:not(h3) {
        font-size: 0.9rem;
    }
    .item_product .group_heading > h3 {
        font-size: 1.4rem;
    }
    .item_product .desc_sec {
        font-weight: 400;
        font-size: 1.1rem;
    }

    /*SUPPORT PAGE*/
    .support_1 .list_content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .support_1 .list_content h3 {
        font-size: 1.25rem;
    }
    .list_support.grid_col_4 {
        column-gap: 2rem;
    }

    /*LIBRARY PAGE*/
    .filter_library_wrap .library_search {
        width: 20rem;
    }
    .list_library.grid_col_4 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .item_library h3 {
        font-size: 1.3rem;
    }

    .menu_tab_line a {
        font-size: 1.2rem;
    }

    .sec_form .form_item textarea,
    .sec_form .form_item input {
        background: #0000009e !important;
    }

    /*CONTACT PAGE*/
    .contact_1 .graphic_effect {
        top: 2%;
    }
    .contact_1 .box_content span.title {
        font-size: 1rem;
    }
    .contact_1 .box_content .desc_sec>a {
        font-size: 1.25rem;
    }
    .contact_1 .graphic_effect>.inner {
        width: 37.135rem;
    }
    .contact_2 .group_heading {
        margin-right: -1rem;
    }
}
@media only screen and (max-width: 991px) {
    :root{
        --container-w: 720px
    }
    .load_home_page svg {
        width: 320px;
    }
    .search-tabs .search-grid{
        grid-template-columns: 1fr 1fr 1fr;
    }

    html {
        font-size: 1.5vw;
    }
    .btn span.text {
        font-size: 1.2rem;
    }
    ul.fixed_button>li>a {
        width: 4rem;
        height: 4rem;
    }
    ul.fixed_button>li:not(:last-child) {
        margin-bottom: 0.8rem;
    }

    /*COMPONENTS*/
    .show_tablet {
        display: block;
        visibility: visible;
    }
    body {
        font-size: 1.4rem;
    }
    .breadcrumbs cite,
    .breadcrumbs a, .breadcrumbs ol>li[itemprop="itemListElement"]>span {
        font-size: 1.35rem;
    }
    .banner_page.h_full img {
        min-height: 32rem;
    }
    .heading_sec {
        line-height: 1.5;
        font-size: 2.2rem;
    }
    .heading_sec.fs_32 {
        font-size: 2rem;
    }
    .subtitle {
        font-size: 1.25rem;
        margin-bottom: 1.4rem;
    }
    .desc_sec {
        font-size: 1.4rem !important;
    }
    .arrow {
        width: 4rem;
        height: 4rem;
    }
    .product_term .custom-select,
    .select .select-options > li, .select-styled {
        font-size: 1.35rem;
    }

    .menu_wrap li>a {
        font-size: 1.2rem;
    }

    .grid_col_2 {
        column-gap: 2rem;
    }

    /*SEARCH*/
    .news_search {
        padding: 10rem 0;
    }
    .news_search .news_container .item_news {
        width: calc((100% / 3) - 1.5rem);
    }

    /*HEADER*/
    header#header .header-bg-color {
        background-color: #00000080 !important;
        backdrop-filter: blur(30px);
    }
    header#header .container {
        max-width: var(--container-w) !important;
    }
    header#header #logo {
        width: 150px;
        padding: 1.3rem 0 1rem;
    }

    .off-canvas-right .mfp-content, .off-canvas-left .mfp-content {
        --drawer-width: 80% !important;
    }
    [data-open="#main-menu"] {
        display: block;
        width: 5rem;
        height: 4rem !important;
        background-image: url(../images/icon_menu.svg) !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: left center !important;
        background-color: unset !important;
        padding: 0 !important;
    }
    [data-open="#main-menu"] i {
        display: none;
    }
    [data-open="#search-lightbox"] {
        width: 2rem;
        height: 2rem !important;
    }

    .off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content {
        top: 62px;
        padding-top: 0;
    }
    .off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
        box-shadow: none !important;
        background-color: var(--sub-cl) !important;
    }
    .mfp-bg.off-canvas.off-canvas-left {
        top: 62px;
        position: fixed !important;
    }
    .has-off-canvas-left .mfp-ready .mfp-close {
        display: none;
    }
    .nav-sidebar.nav-vertical>li.current_page_item, .nav-sidebar.nav-vertical>li.menu-item:hover {
        background-color: var(--main-cl);
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li > a {
        padding-left: 2.604rem !important;
        color: #fff !important;
        font-size: 1.4rem !important;
        text-transform: uppercase;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li > a svg {
        width: 2.3rem;
        height: auto;
        margin-left: 4px;
    }
    .nav-sidebar.nav-vertical > li + li {
        border-color: #ffffff3b;
    }

    /*FOOTER*/
    #footer {
        padding-top: 5rem;
    }
    .footer_top .col:nth-child(2) {
        display: flex;
        justify-content: center;
    }
    .footer_bottom .copyright {
        font-size: 1.2rem;
        text-align: center;
        margin-bottom: 1rem;
    }
    .footer_bottom .menu_footer {
        justify-content: center;
    }
    .menu_footer li>a {
        font-size: 1rem;
    }


    /*CSS*/

    /*ITEM NEWS 2*/
    .item_news2 .box_content {
        padding-right: 0;
    }

    /*HOME*/
    .home_1 .col:nth-child(1) {
        padding-right: 0;
    }
    .video_home1 .graphic {
        top: -15%;
        right: 58%;
    }
    .home_2 .row {
        justify-content: center;
    }
    .home_2 .group_heading {
        text-align: center;
    }
    .box_member_wrapper h3 {
        -webkit-line-clamp: 1 !important;
    }

    .home_3 .group_heading {
        margin-right: 0;
    }
    .home_3 .graphic_effect>.inner {
        width: 29.792rem;
    }
    .item_tech>.inner .icon {
        width: 3rem;
    }
    .item_tech>.inner .logo {
        width: 10rem;
    }

    .home_4 {
        padding-top: 6rem;
    }
    .home_4 .group_heading {
        text-align: center;
    }
    .home_4 .row,
    .btn_home4 {
        justify-content: center;
    }
    .box_counter_wrap {
        width: 100%;
    }

    .box_video_effect {
        margin-top: 0;
    }
    .home_4 .bg_video {
        padding-bottom: 7rem;
    }
    .item_news h3 {
        font-size: 1.8rem;
    }
    .item_news .desc {
        font-size: 1.2rem;
    }

    /*ABOUT*/
    .about_1 .group_heading .desc_sec.flex {
        flex-direction: column;
        gap: 0;
    }
    .about_1 .graphic_effect {
        right: -29%;
    }
    .about_2 .about_img3, .about_2 .about_content2 {
        padding-right: 0;
    }
    .about_2 .box_slogan > .row {
        flex-direction: column-reverse;
    }
    .accordion_wrapper .content {
        font-size: 1.4rem;
    }
    .accordion_title>span.title {
        font-size: 1.4rem;
        line-height: 1.5;
    }
    .about_2 .about_img3>.item {
        display: block !important;
    }
    .about_2 .about_img3 {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 1.2rem;
    }
    .about_4 {
        padding-bottom: 2rem;
    }
    .slide_about4 .swiper-pagination {
        display: flex;
    }
    .slide_about4 .item .inner {
        padding-top: 1.5rem;
    }
    .about_4 .group_heading {
        text-align: center;
    }
    .about_4 .row>.col:nth-child(2) {
        display: none;
    }
    .slide_about4_wrap {
        margin: 0;
    }
    .slide_about4 .item .desc {
        font-size: 1.3rem;
    }
    .history_wrap {
        padding: 0 15px;
        margin-top: 2rem;
    }
    .history_wrap .item .desc>h3 {
        font-size: 1.5rem;
    }
    .history_wrap .item .desc {
        font-size: 1.4rem;
    }
    .history_wrap .item {
        padding: 0 2.5rem;
    }
    .history_wrap .item:before {
        left: 2.4rem;
        width: 1rem;
        height: 1rem;
    }
    .history_wrap .swiper-pagination {
        display: flex;
    }
    .about_6 {
        display: flex;
        flex-direction: column-reverse;
    }
    .about_6 .content_about6_wrap {
        position: unset;
    }
    .content_about6_wrap .group_heading {
        text-align: center;
    }
    .counter_about6 {
        justify-content: center;
        gap: 0;
    }
    .counter_about6 .item {
        padding-left: 3rem;
        margin-left: 3rem;
        border-color: #cfae8042;
    }
    .counter_about6 .item:first-child {
        border-left: 0;
        padding-left: 0;
        margin-left: 0;
    }
    .counter_about6 .item h3 {
        font-size: 1.3rem;
        margin-top: 1rem;
    }
    .counter_about6 .number {
        justify-content: center;
    }
    .content_about6 {
        margin-top: 2rem;
    }
    .content_about6 .heading {
        text-align: center;
    }
    .content_about6 .heading>h3 {
        width: fit-content;
        font-size: 2.2rem;
        margin-bottom: 1rem;
        margin-left: auto;
        margin-right: auto;
    }
    .content_about6 .address {
        font-size: 1.3rem;
    }
    .content_about6 .box_info {
        justify-content: center;
        padding-top: 3rem;
    }
    .content_about6 .certificate {
        margin: 0 auto;
        width: fit-content;
        padding-top: 4rem;
    }
    .content_about6 .box_info div.content {
        font-size: 1.8rem;
        text-align: center;
    }
    .content_about6 .box_info span.title {
        display: block;
        width: fit-content;
        font-size: 1.5rem;
        text-align: center;
        margin: 0 auto;
    }
    .content_about6 .box_info>.item:not(:last-child) {
        padding-right: 3rem;
        margin-right: 3rem;
    }
    .content_about6 .certificate>.btn_popup span.text {
        font-size: 1.2rem;
    }
    .content_about6 .arrow_wrap {
        justify-content: center;
    }
    .about_7 .group_heading {
        position: relative;
        z-index: 1;
    }
    .about_7 .box_content .item>.box_img:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        pointer-events: none;
    }
    .about_7 .box_content .inner.flex>.desc {
        height: 14.4rem;
        overflow-y: auto;
    }
    .about_7 .box_content .inner.flex>.desc::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
    }
    .about_7 .box_content .inner.flex>.desc::-webkit-scrollbar {
        width: 0.417rem;
        background-color: #cedbff;
    }
    .about_7 .box_content .inner.flex>.desc::-webkit-scrollbar-thumb {
        background-color: var(--main-cl);
    }

    .about_8.light_blur_bf:before {
        top: 50%;
        transform: translateY(60%);
        height: 22%;
    }
    .slide_award .item h3 {
        flex-direction: column;
        font-size: 1.35rem;
        text-align: center;
        line-height: 1.4;
    }
    .about_9 {
        padding-top: 3rem;
    }
    .slide_about9_wrap .swiper-slide:before {
        content: unset;
    }
    .slide_about9_wrap .item {
        padding: 0 4rem 5rem;
    }
    .slide_about9_wrap .arrow.prev {
        left: -2rem;
    }
    .slide_about9_wrap .arrow.next {
        right: -2rem;
    }

    /*NEWS PAGE*/
    .news_page .highlight_wrap .group_heading {
        text-align: center;
    }
    .news_page .box_highlight {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .news_page .box_highlight .item_news2:nth-child(1) .box_img {
        height: unset;
        aspect-ratio: 16/9;
    }
    .news_page .box_highlight .item_news2 h3 {
        font-size: 1.8rem;
    }
    .news_page .box_highlight .item_news2:nth-child(n+2) h3{
        font-size: 1.5rem;
    }

    /*POST DETAILS*/
    .post_details {
        padding-bottom: 3rem;
    }
    .post_details .row > div > * {
        margin-left: 0;
        margin-right: 0;
    }
    .post_details .group_heading>.term {
        font-size: 1.4rem;
    }
    .post_details .author_time * {
        font-size: 1.1rem;
    }
    .post_details .post_content img {
        margin: 1.5rem 0 1rem;
        max-width: 100%;
        height: auto !important;
    }
    .post_details .post_content h2 {
        line-height: 1.7;
    }
    .post_details .tag_share {
        flex-direction: column;
        align-items: flex-start;
    }
    .share_wrap .sharing_post svg {
        width: 2.8rem;
    }
    .post_details .tag_share span.title, .post_details .tag_wrap * {
        font-size: 1.3rem;
    }
    .post_other {
        padding: 3rem 0 0;
    }
    .slide_post_related {
        margin: 0 -0.9rem;
    }
    .slide_post_related .item_news2 {
        padding: 0 0.9rem;
    }


    /*PRODUCT*/
    .product_page .list_child {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .product_page .box_term>.item:not(:last-child) {
        margin-bottom: 6rem;
    }
    .product_page .box_term>.item>.heading_sec.fs_32 {
        font-size: 2rem;
    }
    .product_page .list_child>.item h3 {
        font-size: 1.4rem;
    }

    .item_product .group_heading > *:not(h3) {
        font-size: 1.05rem;
    }
    .item_product .tags>.item {
        font-size: 12px;
    }


    /*PRODUCT TAXONOMY*/
    .product_term_2 .col.large-3 {
        padding: 0;
    }
    .product_term .box_term .filter_term {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .product_term .filter_term>.item h3.title {
        font-size: 1.2rem;
    }
    .product_term .filter-inner>.list_option span.label {
        font-size: 1.15rem;
    }
    .product_term .filter-inner {
        padding-right: 1.5rem;
    }
    .product_term .filter-inner>.list_option h2.title>.title {
        font-size: 1.4rem;
    }
    .product_term .filter-inner>.list_option span.label {
        font-size: 1.25rem;
    }


    /*---------*/
    /*filter mobile*/
    .fixed-show-filter-btn {
        display: flex !important;
        align-items: center;
        position: fixed;
        bottom: 3rem;
        left: 2rem;
        padding: 0.4rem 0.8rem;
        background-color: var(--main-cl);
        -webkit-border-radius: 0.3125rem;
        -moz-border-radius: 0.3125rem;
        border-radius: 0.3125rem;
        gap: 0.625rem;
        font-size: 1.3rem;
        font-weight: 500;
        line-height: normal;
        z-index: 999;
    }
    .box_terms_product {
        position: fixed;
        width: 30rem !important;
        top: 61px;
        right: 0;
        height: 100vh;
        z-index: 999;
    }
    .box_terms_product {
        transform: translateX(100%) !important;
        -webkit-transition: all 0.4s ease-in-out !important;
        -moz-transition: all 0.4s ease-in-out !important;
        -ms-transition: all 0.4s ease-in-out !important;
        -o-transition: all 0.4s ease-in-out !important;
        transition: all 0.4s ease-in-out !important;
    }
    .box_terms_product .bg-close{
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        z-index: -1;
        content: '';
        opacity: 0.8;
        background-color: var(--sub-cl);
        width: 0;
        -webkit-transition: all 0.4s ease-in-out !important;
        -moz-transition: all 0.4s ease-in-out !important;
        -ms-transition: all 0.4s ease-in-out !important;
        -o-transition: all 0.4s ease-in-out !important;
        transition: all 0.4s ease-in-out !important;
    }
    .box_terms_product.show .bg-close{
        width: 100vw;
    }
    .box_terms_product.show{
        transform: translateX(0) !important;
    }
    .filter-outer{
        /*border-top: 1px solid #dedede;*/
        background-color: var(--sub-cl);
        width: 100%;
        height: 100%;
        padding: 1.5rem 1rem 1.5rem 2.4rem;
        position: relative;
        z-index: 5;
    }
    .filter-outer .btn-close-filter{
        width: max-content;
        position: relative;
        display: flex;
        align-items: center;
        padding: 6px 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #dedede;
        font-size: 14px;
        line-height: 18px;
        gap: 5px;
        margin-left: auto;
        margin-bottom: 1.25rem;
    }
    .filter-outer .filter-inner{
        max-height: calc(100% - 7rem);
        overflow: auto;
    }
    .box_terms_product {
        padding: 0;
        border-radius: 0;
        border: none;
    }
    .btn-close-filter {
        display: block;
    }
    /*---------*/

    /*PRODUCT DETAILS*/
    .single-product .breadcrumbs {
        padding-top: 3rem;
    }
    .prod_details_1 {
        padding-top: 5rem;
    }
    .prod_details .product_gallery_wrap {
        flex-direction: column-reverse;
    }
    .prod_details .gallery_thumb {
        width: 100%;
        flex-direction: row;
    }
    .prod_details .gallery_main {
        width: 100%;
    }
    .prod_details.prod_details_1 .box_content {
        padding-left: 0;
    }
    .prod_details.prod_details_1 .btn_wrap {
        flex-wrap: wrap;
    }
    .prod_details .slide_thumb {
        height: 100%;
    }
    .prod_details .slide_thumb>.swiper-wrapper {
        align-items: center;
    }
    .prod_details .product_gallery_wrap .arrow {
        transform: unset;
    }
    .prod_details .buttons_added>input {
        height: 3.6rem;
        width: 3.6rem;
    }
    .prod_details.header_sticky {
        top: 61px;
    }

    .prod_details #product_desc .box_desc>h2 {
        margin-bottom: 3rem;
    }
    .prod_details .list_desc .item {
        flex-direction: column-reverse;
    }
    .prod_details .list_desc .item>* {
        width: 100% !important;
    }
    .prod_details #product_desc .content {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 3rem;
    }
    .prod_details .list_desc.list_desc_2 .item:nth-child(odd)>.box_img {
        order: unset;
    }

    .prod_details #product_desc .content strong {
        font-size: 1.4rem;
    }
    .prod_details #product_desc .box_award {
        margin-top: 4rem;
    }
    .prod_details #product_feat .list_feat>.item {
        width: calc((100% / 3) - 2.15rem);
    }
    .prod_details.prod_details_2 #product_specifications .box_info_1 {
        flex-direction: column-reverse;
    }
    .prod_details.prod_details_2 #product_specifications .box_info_1>* {
        width: 100% !important;
    }
    .prod_details #product_specifications .list_size {
        padding-left: 0;
        padding-bottom: 2rem;
        padding-top: 2rem;
    }
    .prod_details #product_specifications span.content, .prod_details #product_specifications span.title {
        font-size: 1.2rem;
    }

    /*SUPPORT PAGE*/
    .support_2 .row {
        justify-content: center;
    }
    .support_2 .row>.col:nth-child(1) {
        padding-bottom: 1rem;
    }
    .support_2 .group_heading {
        padding: 0 !important;
        text-align: center;
    }
    .support_menu {
        margin-top: 2rem;
    }
    .list_support.grid_col_4 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .support_3.line {
        margin-top: 2rem;
    }
    .list_support.grid_col_4 {
        column-gap: 1.4rem;
    }

    /*LIBRARY PAGE*/
    .library_1 .row {
        justify-content: center;
    }
    .library_1 .row>.col:nth-child(1) {
        padding-bottom: 0;
    }
    .library_1 .row>.col:nth-child(1) .group_heading {
        padding-right: 0;
    }
    .library_1 .group_heading {
        text-align: center;
    }
    .library_1 .group_heading .heading_sec {
        margin-bottom: 1rem !important;
    }
    .library_terms:after, .library_terms:before {
        content: unset;
    }
    .filter_library_wrap {
        gap: 2rem;
        justify-content: center;
    }
    .filter_library_wrap .library_search {
        width: 26rem;
    }
    .filter_library_wrap .library_terms {
        margin-right: auto;
    }
    .filter_library_wrap .search_custom input {
        height: 4rem;
        font-size: 1.6rem;
    }
    .filter_library_wrap .search_custom input::placeholder {
        font-size: 1.3rem;
    }
    .menu_tab_line a {
        font-size: 1.3rem;
    }
    .item_library .box_img>.icon {
        bottom: 5px;
        left: 5px;
        width: 3rem;
        height: 3rem;
    }
    .item_library .box_img>.icon svg {
        width: 1.2rem;
        height: 1.2rem;
    }
    .filter_library_wrap .library_terms .menu_tab_line {
        width: 49rem;
        padding-bottom: 0.6rem;
    }
    .load_library_terms {
        margin-top: 1rem;
    }


    /*CONTACT PAGE*/
    .contact_1 {
        padding-top: 4rem;
    }
    .contact_1 .heading_sec {
        margin-bottom: 2rem;
    }
    .contact_1 .box_content span.title {
        font-size: 1.2rem;
    }
    .contact_1 .graphic_effect {
        top: 0;
    }
    .contact_1:hover .graphic_effect>.inner {
        width: 30rem;
    }
    .contact_1 .graphic_effect svg {
        width: 30rem;
        max-width: 30rem;
    }
    .contact_2 {
        padding: 0.9375rem 0 0;
    }
    .contact_2.sec_form {
        margin-top: 3rem;
    }
    .contact_2 .group_heading {
        margin-right: 0;
    }

    .submit_btn2 span.text {
        font-size: 12px;
    }
    .sec_form .form_item textarea, .sec_form .form_item input {
        font-size: 1.2rem;
    }
    .sec_form.bg_image .form_group.flex > * {
        width: 50%;
    }

}
@media only screen and (max-width: 767px) {
    .grid-container{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .load_home_page svg {
        width: 240px;
    }
    #search-lightbox{
        margin-left: -20px;
        margin-right: -20px;
        max-width: calc(100%  + 40px);
    }
    #search-lightbox .search-lightbox-title{
        margin-bottom: 20px;
        font-size: 20px;
    }
    #search-lightbox .search-keywords{
        margin-top: 20px;
    }
    #search-lightbox .search-keywords > a{
        font-size: 1.6rem;
        padding: 0.8rem 1rem;
    }
    #search-lightbox input {
        height: 4rem;
        font-size: 1.5rem;
    }
    #search-lightbox .button.icon i{
        font-size: 1.6rem;
        line-height: 1.25rem;
        color: #000;
    }
    .search-tabs .search-grid{
        grid-template-columns: 1fr 1fr;
        grid-gap: 1.5rem 1rem
    }
    .search-page{
        padding: 3rem 0;
    }
    .search-page h1{
        margin-bottom: 2rem;
    }
    .search-tabs .search-tabs-title .search-tab-title{
        font-size: 0.75rem;
        padding: 0.5rem 1rem;
    }

    /*COMPONENTS*/
    html {
        font-size: 2.5vw;
    }
    body {
        font-size: 1.6rem;
    }

    .breadcrumbs ol {
        overflow-x: auto;
    }
    .breadcrumbs ol>li {
        white-space: nowrap;
    }
    .breadcrumbs ol>li:not(:first-child) {
        overflow: unset;
    }
    .breadcrumbs ol>li[itemprop="itemListElement"]>span,
    .breadcrumbs ol>li[itemprop="itemListElement"] a span {
        display: block;
        -webkit-box-orient: unset;
        -webkit-line-clamp: unset;
        overflow: unset;
        text-overflow: unset;
        white-space: unset;
        max-width: 100%;
    }

    .single-product .breadcrumbs {
        padding: 2.6rem 15px 0;
    }
    .banner_page .breadcrumbs {
        margin: 0 auto;
    }
    .banner_page .heading_absolute {
        top: unset;
        bottom: 0;
        text-align: center;
        height: auto;
    }
    .banner_page.h_full img {
        min-height: 24rem;
    }
    .heading_sec br {
        display: none;
    }
    .heading_sec.fs_32 {
        font-size: 2.3rem;
    }
    .btn span.text {
        font-size: 1.4rem;
    }
    .btn svg {
        width: 2.35rem;
    }
    .subtitle {
        font-size: 1.4rem;
    }
    .heading_sec {
        line-height: 1.5;
    }
    .desc_sec {
        font-size: 1.6rem !important;
    }
    .menu_wrap li>a {
        font-size: 1.4rem;
    }

    /* fixed contact */
    ul.fixed_button {
        width: 100%;
        top: unset;
        left: 0;
        right: unset;
        bottom: 0;
        transform: unset;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--main-cl);
        padding: 0.7rem 16px;
    }
    ul.fixed_button > li {
        width: calc(100% / 3);
        display: flex;
        justify-content: center;
        margin: 0 !important;
    }
    ul.fixed_button > li:not(:last-child) {
        padding-right: 1.5rem;
        margin-right: 1.5rem !important;
        border-right: 1px solid #ffffff4d;
    }
    ul.fixed_button > li > a {
        border-radius: 0;
        border: unset;
        background: none;
        filter: unset;
    }
    ul.fixed_button > li > a img {
        max-width: 100%;
        max-height: 70%;
        filter: brightness(0) invert(1);
    }
    ul.fixed_button li .inner {
        display: none;
        opacity: 0;
    }

    /*SEARCH*/
    .news_search {
        padding: 11rem 0;
    }
    .news_search .news_container .item_news {
        width: calc((100% / 2) - 1rem);
    }

    /*HEADER*/
    .header, .header-wrapper {
        z-index: 1001 !important;
    }
    .off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content {
        top: 58px;
        padding-top: 0;
    }
    .mfp-bg.off-canvas.off-canvas-left {
        top: 58px;
        position: fixed !important;
    }

    /*FOOTER*/
    #footer span.title {
        font-size: 1.25rem;
    }
    .footer_top .box_contact {
        flex-direction: column;
        gap: 2rem;
    }
    #footer div.content {
        font-size: 1.55rem;
    }
    #footer div.content.flex {
        gap: 2rem;
    }
    .footer_top .text_bold {
        font-size: 1.5rem;
    }
    .footer_top .box_socials {
        padding-top: 3rem;
    }
    .footer_top .box_register {
        flex-direction: column;
    }
    .footer_top .box_register > * {
        width: 100%;
    }
    .footer_top .title_form {
        font-size: 2.2rem;
    }
    .form_item textarea::placeholder,
    .form_item input::placeholder,
    .footer_top .desc_form {
        font-size: 1.5rem;
    }
    .form_item input {
        height: 6rem;
    }
    .footer_top .col:nth-child(2) {
        display: unset;
    }
    .item_dot>span:before {
        width: 1.5rem;
        height: 1.5rem;
    }
    .item_dot>span:after {
        width: 2rem;
        height: 2rem;
    }
    .footer_bottom {
        padding-bottom: 8rem;
    }
    .footer_bottom .menu_footer {
        row-gap: 1.3rem;
    }
    .menu_footer li>a {
        font-size: 1.3rem;
    }
    .footer_top .inner_map:before {
        content: unset;
    }

    /*CSS*/
    /*ITEM NEWS 2*/
    .item_news2 .box_content h3 {
        font-size: 1.6rem;
        padding-right: 0;
    }
    .item_news2 .box_content .desc {
        font-size: 1.5rem;
    }
    .item_news2 .term_time {
        font-size: 1.45rem;
    }

    /*HOME*/
    .banner_hero .box_content h1 {
        text-align: center;
    }
    .banner_hero .box_content .links {
        justify-content: center;
        flex-wrap: wrap;
    }

    .home_1 .col:nth-child(1) {
        padding-right: 15px;
    }
    .video_home1 {
        width: 100%;
    }

    .bg_member_container {
        height: 80rem;
    }
    .box_member_wrapper .item_member_container {
        flex-direction: column;
    }
    .box_member_wrapper .item_member:not(:last-child):before {
        top: unset;
        right: unset;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
    }
    .box_member_wrapper .box_content {
        transform: unset;
    }
    .box_member_wrapper .graphic {
        display: none;
    }
    .box_member_wrapper h3 {
        font-size: 2.5rem;
        -webkit-line-clamp: 1;
    }
    .box_member_wrapper .content {
        font-size: 1.4rem;
    }
    .box_member_wrapper .item_member a {
        position: unset;
        width: fit-content;
        opacity: 1;
        margin-top: 2rem;
        margin-left: auto;
    }
    .home_3 {
        padding-bottom: 2rem;
    }
    .home_3 .graphic {
        display: none;
    }
    .item_counter .desc, .item_tech>.inner .desc {
        font-size: 1.6rem;
    }
    .home_4 .heading_sec br {
        display: none;
    }
    .box_counter_wrap {
        margin: 0 !important;
    }
    .box_counter_wrap .item_counter {
        padding: 0 1.5rem !important;
    }

    .home_4 .bg_video {
        padding-bottom: 5rem;
    }
    .item_news .box_content {
        padding: 0 2rem 2rem;
    }
    .slide_news_home .item_news .box_content {
        padding: 0 4rem 2rem;
    }
    .slide_news_home .swiper-slide.swiper-slide-active .item_news svg {
        opacity: 1;
    }

    .item_news .desc {
        font-size: 1.4rem;
    }

    /*ABOUT*/
    .about_img1>.box_img {
        height: 26rem;
    }
    .about_img1 .number h3 {
        font-size: 1.1rem;
        line-height: 1.5;
    }
    .slide_about4 .item h3 {
        font-size: 2.2rem;
    }
    .slide_about4 .item .desc {
        font-size: 1.6rem;
    }
    .slide_about4_wrap {
        padding-top: 0;
    }
    .history_wrap .item>* {
        height: 20rem;
    }
    .history_wrap .item h3 {
        font-size: 3.2rem;
        margin-bottom: 1rem;
    }
    .history_wrap .item .desc>h3 {
        font-size: 1.7rem;
    }
    .about_6 {
        margin-top: 4rem;
    }
    .about_6 .content_about6_wrap .col:nth-child(1) {
        padding-top: 0;
    }
    .counter_about6 {
        flex-direction: column;
    }
    .counter_about6 .item:first-child {
        padding: 0;
        margin: 0;
        border-top: 0;
    }
    .counter_about6 .item {
        padding-left: 0;
        margin-left: 0;
        padding-top: 2rem;
        margin-top: 2rem;
        border-left-width: 0;
        border-top: 1px solid #cfae8042;
    }
    .counter_about6 .item h3 {
        font-size: 1.5rem;
        text-align: center;
    }
    .content_about6 .address {
        font-size: 1.5rem;
    }
    .content_about6 .box_info {
        flex-direction: column;
    }
    .content_about6 .box_info>.item:not(:last-child) {
        padding-right: 0;
        margin-right: 0;

        padding-bottom: 1.5rem;
        margin-bottom: 1.5rem;
        border-right: none;
        border-bottom: 1px solid #FFFFFF33;
    }
    .content_about6 .box_info span.title {
        margin: 0 auto 8px;
    }
    .content_about6 .certificate>.btn_popup span.text {
        font-size: 1.3rem;
    }
    .about_7.bg_image {
        padding-bottom: 2rem;
    }
    .about_7 .box_logo {
        padding-top: 0;
    }
    .about_7 .box_logo {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.5rem;
    }
    .about_7 .box_content .inner.flex>.logo {
        display: none;
    }
    .about_7 .box_content .inner.flex {
        padding: 0 2.5rem 2rem 2.7rem;
    }
    .about_7 .box_content .inner.flex>.desc {
        padding-left: 0;
        padding-right: 8px;
        height: 21rem;
        overflow-y: auto;
    }
    .about_7 .box_content .item>.box_img {
        height: 27rem;
    }
    .slide_about9_wrap .item {
        padding-bottom: 0;
    }
    .slide_about9_wrap .item .box_img {
        height: 4rem;
    }
    .slide_about9_wrap .item h3 {
        font-size: 1.6rem;
    }
    .slide_about9_wrap .arrow_absolute {
        display: none;
    }
    .slide_about9_wrap .swiper-pagination {
        display: flex;
        padding-bottom: 2rem;
    }

    /*NEWS PAGE*/
    .news_page .box_highlight {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 2rem;
    }
    .news_page .box_highlight .item_news2 .box_content {
        padding-right: 2.1875rem;
    }
    .news_page .box_highlight .item_news2:nth-child(1) {
        grid-column: unset;
        grid-row: unset;
    }
    .news_page .box_highlight .item_news2:nth-child(1) .box_img {
        aspect-ratio: unset;
        height: 100%;
    }
    .news_page .box_highlight .item_news2 h3 {
        font-size: 1.8rem !important;
    }
    .grid_col_2 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    /*POST DETAILS*/
    .single .breadcrumbs {
        padding-top: 3rem;
    }
    .post_details .group_heading>h1 {
        margin-bottom: 1.7rem;
    }
    .post_details .author_time * {
        font-size: 1.45rem;
    }
    .post_details .post_content {
        font-size: 1.7rem;
    }
    .post_details .post_content h2 {
        font-size: 1.9rem;
    }
    .post_details .tag_share span.title, .post_details .tag_wrap * {
        font-size: 1.6rem;
    }
    .post_details .tag_share>.tag_wrap {
        gap: 1.2rem;
    }
    .share_wrap .sharing_post svg {
        width: 3.3rem;
    }
    .post_other {
        padding: 5rem 0 0;
    }
    .post_other .group_heading {
        text-align: center;
    }
    .post_other .row>.col:nth-child(2) {
        display: none;
    }

    /*PRODUCT*/
    .product_page .list_child {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .product_page .box_term>.item>.heading_sec.fs_32 {
        font-size: 2.2rem;
    }
    .product_page .list_child>.item h3 {
        font-size: 1.5rem;
    }

    /*PRODUCT TAXONOMY*/
    .product_term .box_term .filter_term {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .product_term .filter-inner>.heading>span.text, .product_term .box_term h2.title {
        font-size: 1.4rem;
    }
    .product_term .box_term h2.title {
        text-align: center;
    }
    .product_term .result_alpha {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }
    .product_term .result_alpha > * {
        text-align: left;
    }
    .product_term .list_product>.filed_content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fixed-show-filter-btn {
        bottom: 8rem;
        left: unset;
        right: 3rem;
        font-size: 1.6rem;
    }
    .box_terms_product {
        top: 56px;
    }

    .product_term .custom-select .selected:after,
    .select-styled:after {
        width: 1.3rem;
        height: 1.3rem;
    }
    .product_term .custom-select,
    .select .select-options > li, .select-styled {
        font-size: 1.55rem;
    }
    .product_term .custom-select .options li {
        padding: 1rem 1.5rem;
    }

    /*PRODUCT DETAILS*/
    .prod_details_1 {
        padding-top: 2.5rem;
    }
    .prod_details .product_gallery_wrap {
        gap: 1rem;
    }
    .prod_details .box_policy span.content, .prod_details .box_content .status_stock>span.content, .prod_details.prod_details_1 .box_content .desc_sec, .prod_details.prod_details_1 .origin_wrap span.content, .prod_details.prod_details_1 span.title {
        font-size: 1.8rem;
    }
    .prod_details.prod_details_1 span.term, .prod_details.prod_details_1 .box_content h1, .prod_details .sku_star, .prod_details .origin_wrap {
        gap: 0.521rem;
        margin-top: 1.2rem;
    }
    .prod_details.prod_details_1 .box_content h1 {
        font-size: 3rem;
    }
    .prod_details .origin_wrap span.icon>img {
        width: 3rem;
    }
    .prod_details .star_wrap>.inner>span.icon {
        width: 1.7rem;
        height: 1.7rem;
    }
    .prod_details .sku_star span.count_star {
        font-size: 1.6rem;
    }
    .prod_details .box_content .price>h3 {
        font-size: 3.5rem;
    }
    .prod_details .buttons_added>input {
        height: 4.6rem;
        width: 4.6rem;
        font-size: 1.7rem;
    }
    .prod_details.prod_details_1 .btn_wrap {
        margin-top: 2.7rem;
    }
    .prod_details .box_policy span.icon {
        width: 2.5rem;
    }
    .prod_details #product_specifications h3.title,
    .prod_details .group_heading {
        text-align: center;
    }
    .prod_details.header_sticky.open {
        top: 56px;
    }
    .prod_details .menu_info {
        padding-top: 8px;
    }
    .prod_details .menu_info>ul {
        column-gap: 1.5rem;
        row-gap: 0;
        justify-content: center;
    }
    .prod_details .menu_info>ul a {
        font-size: 1.8rem;
        text-align: center;
        padding: 10px 0;
    }
    .prod_details #product_desc .content strong {
        font-size: 1.8rem;
    }
    .prod_details #product_desc .content {
        line-height: 1.6;
    }
    .prod_details #product_feat .item_feat_wrap .group_heading>svg {
        max-width: 50%;
    }
    .prod_details #product_feat .group_heading>h3 {
        font-size: 1.8rem;
    }
    .prod_details #product_feat .item_feat_wrap {
        padding: 3.3rem 2rem;
    }
    .prod_details #product_feat .list_feat h3 {
        font-size: 1.3rem;
    }
    .prod_details #product_feat .list_feat {
        column-gap: 2rem;
        row-gap: 3rem;
    }
    .prod_details #product_feat .list_feat>.item {
        width: calc((100% / 2) - 1rem);
    }
    .prod_details #product_feat .list_feat .box_img {
        width: 6.2rem;
    }
    .prod_details #product_specifications span.content, .prod_details #product_specifications span.title {
        font-size: 1.45rem;
    }
    .prod_details #product_specifications .box_info_1 ul>li,
    .prod_details #product_specifications .box_info_2 ul>li {
        gap: 8px;
    }
    .prod_details #product_manual {
        margin: 4rem 15px;
    }

    .prod_details #product_desc .box_award {
        flex-direction: column;
    }
    .prod_details #product_desc .box_award .inner {
        position: unset;
    }
    .prod_details #product_desc .box_award>.group_heading {
        width: 100%;
    }
    .prod_details #product_desc .box_award svg {
        max-width: 50%;
    }
    .prod_details #product_desc .box_award {
        padding: 4.167rem 3rem 5.208rem;
    }
    .prod_details #product_desc .box_award .box_img {
        width: 100%;
    }
    .prod_details .group_heading .arrow_wrap {
        display: none;
    }
    .prod_details .slide_wrap .item_product .group_heading {
        text-align: left;
    }
    .prod_details .slide_wrap .swiper-pagination {
        display: flex;
    }

    .prod_details.popup_form {
        max-width: 100%;
        padding: 3.229rem 2.5rem;
    }
    .prod_details.popup_form .desc_sec br {
        display: none;
    }
    .prod_details.popup_form .form_item textarea,
    .prod_details.popup_form .form_item input{
        font-size: 1.4rem;
    }

    .item_product .group_heading > h3 {
        font-size: 1.8rem;
    }
    .item_product .price>h3 {
        font-size: 2rem !important;
    }
    .item_product .desc_sec {
        font-size: 1.4rem;
    }
    .item_product .group_heading > *:not(h3) {
        font-size: 1.3rem;
    }

    /*ITEM NEWS*/
    .item_news .box_img:after {
        opacity: 0.9;
    }

    /*SUPPORT PAGE*/
    .support_1 {
        padding: 4rem 0 0;
    }
    .support_1 .list_content {
        column-gap: 1.8rem;
        row-gap: 2.8rem;
    }
    .support_1 .list_content .item:not(:last-child) {
        border-right: 0;
    }
    .support_1 .list_content .box_img {
        width: 5.5rem;
        height: 5.5rem;
    }
    .support_1 .list_content h3 br {
        display: none;
    }
    .support_1 .list_content h3 {
        font-size: 1.6rem;
    }
    .list_support.grid_col_4 {
        column-gap: 1.4rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sec_form .form_item textarea,
    .sec_form .form_item input {
        font-size: 1.55rem;
    }
    .support_3.sec_form {
        padding-bottom: 0;
    }
    .support_3 .group_heading {
        text-align: center;
    }
    .sec_form.bg_image .submit_btn2 {
        margin: 2.5rem auto 0;
    }
    .submit_btn2 {
        padding: 0 1.6rem;
    }


    /*LIBRARY PAGE*/
    .filter_library_wrap .library_search {
        width: 80%;
    }
    .menu_tab_line,
    .filter_library_wrap .library_terms {
        margin: 0;
        overflow-x: auto;
        flex: unset;
    }
    .menu_tab_line li {
        white-space: nowrap;
    }
    .menu_tab_line a {
        font-size: 1.7rem;
    }
    .list_library.grid_col_4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .item_library h3 {
        font-size: 1.6rem;
    }
    .load_library_terms {
        margin-top: 0;
    }
    .filter_library_wrap .search_custom input::placeholder {
        font-size: 1.5rem;
    }

    /*CONTACT PAGE*/
    .contact_1 .box_content span.title {
        font-size: 1.5rem;
    }
    .contact_1 .box_content .desc_sec>a {
        font-size: 1.6rem;
    }
    .contact_1 .group_heading,
    .contact_2 .group_heading {
        text-align: center;
    }
    .sec_form.bg_image {
        background-image: none !important;
    }
    .form_group.flex {
        flex-direction: column;
    }
    .form_group.flex > * {
        width: 100% !important;
    }
}