:root{
    --main-cl: #172F75;
    --sub-cl: #04A6D7;
    --four-cl: #F7941D;
    --container-w: 75rem  /* 1440/19.2 */;
}
@keyframes tab_active{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
@keyframes animation_enlarge{
    0%{
        transform: translateX(-50%) translateZ(0) translateY(-50%) scale(1);
    }
    50%{
        transform: translateX(-50%) translateZ(0) translateY(-50%) scale(1.5);
    }
    100%{
        transform: translateX(-50%) translateZ(0) translateY(-50%) scale(1);
    }
}
@keyframes animation_border_enlarge{
    0%{
        transform: translateX(-50%) translateZ(0) translateY(-50%) scale(1);
    }
    50%{
        transform: translateX(-50%) translateZ(0) translateY(-50%) scale(1.05);
    }
    100%{
        transform: translateX(-50%) translateZ(0) translateY(-50%) scale(1);
    }
}
@keyframes animation_border {
    0%{
        opacity: 1;
        transform: translateX(-50%) translateZ(0) translateY(-50%) scale(1);
    }
    100%{
        opacity: 0;
        transform: translateX(-50%) translateZ(0) translateY(-50%) scale(1.2);
    }

}

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);
}
.page-template-home header#header{
    background: none;
}
 header#header {
    /*position: relative;*/
    /*padding-bottom:1.302rem;*/
    z-index: 10000;
     background: white;
}

.page-template-aboutus header#header li a {
    color: black;
}

.page-template-aboutus header ul.header-nav li a {
    color: black !important;
}
.page-template-home header ul.header-nav li.current-menu-item a{
    color: white !important;
}
.page-template-home header .stuck ul.header-nav li.current-menu-item a{
    color: var(--main-cl) !important;
}

/*.header-nav li.current-menu-item.active a {*/
/*    color: rgba(23, 47, 117, 1) !important;*/
/*}*/
/*.page-template-aboutus header#header #logo img.header-logo-dark {*/
/*    opacity: 1 !important;*/
/*    height:70px !important;*/
/*}*/

.page-template-aboutus header#header #logo img:nth-child(1) {
    opacity: 0 !important;
}
.page-template-aboutus header#header .header-main a:hover {
    color: rgba(23, 47, 117, 1) !important;
}

.breadcrumb ol {
    list-style: disc;
    display: flex;
    margin: 0;
    gap: 1.875rem;
}

.breadcrumb li {
    margin: 0;
}

.breadcrumb ol li:first-child {
    list-style: none;
}
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;
}
header#header li.first-reset:hover a {
    color: var(--main-cl);
    transition: .5s all;
}
.page-template-home .header#header li.first-reset:hover a {
    text-decoration: underline;
    transition: .5s all;
}
.grid-container{
    max-width: var(--container-w);
    margin-left: auto;
    margin-right: auto;
}
section.search-banner {
    height: 46.875rem;
}
#search-lightbox {
    width: 37.5rem;
    max-width: 100%;
}
#search-lightbox .search-lightbox-title{
    margin-bottom: 1.667rem;
    font-size: 1.979rem;
    line-height: 1.2;
    font-weight: 700;
}
#search-lightbox .search-keywords{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2.083rem;
    gap: 0.521rem;
}
#search-lightbox .search-keywords > a{
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    font-size: 0.833rem;
    line-height: 1.042rem;
    border: 1px solid rgba(255, 255, 255, 0.6);
    padding: 0.3125rem 0.833rem;
    display: flex;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#search-lightbox .search-keywords > a:hover{
    background-color: #fff;
    color: #000
}
#search-lightbox .flex-row > div{
    display: flex;
}
#search-lightbox .flex-row{
    align-items: unset;
    display: flex;
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    overflow: hidden;
}
#search-lightbox input{
    height: 100%;
    border: none;
}
#search-lightbox .button.icon{
    line-height: normal;
    min-height: unset;
    height: 100%;
    border: none;
    min-width: unset;
    background-color: #FFF;
    display: flex;
    align-items: center;
}
#search-lightbox .button.icon i{
    font-size: 0.9375rem;
    line-height: 1.25rem;
    color: #000
}
#search-lightbox input{
    font-size: 1.042rem;
    line-height: 1.25rem;
    padding-left: 1.5625rem;
    box-shadow: unset;
    height: 2.604rem;
}
.mfp-bg.mfp-ready{
    opacity: 0.8;
}
.mfp-content #search-lightbox{
    transform: translateY(-70%);
}
.load_home_page svg {
    width: 20.833rem;
    max-width: 95%;
    height: auto;
    position: absolute;
    z-index: 99;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
.load_home_page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999;
    transition: 1s all;
    opacity: 1;
    background: transparent;
}

div.load_home_page .mask {
    /*background-color: #00BDFFFF;*/
    transition: 1s all ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
}

div.load_home_page.complete .mask {
    background-color: transparent;
}

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

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

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

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

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

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

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

.load_home_page.complete {
    visibility: hidden;
}

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

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

.path-2{
    animation-name: Signature1;
    animation-duration: 20s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(2,.25,.43,.96);
    stroke: var(--sub-cl);
    stroke-width: 1px;
    stroke-dasharray: 2108;
    stroke-dashoffset: 2108;
    fill: transparent;
}
.load_home_page.complete .path-2{
    fill: var(--sub-cl);
}
.load_home_page.complete .path-1{
    fill: #FFF
}
@keyframes Signature1 {
    to {
        stroke: var(--sub-cl);
        stroke-dashoffset: 0;
    }
}
@keyframes Signature2 {
    to {
        stroke: #FFF;
        stroke-dashoffset: 0;
    }
}
.fancybox-container {
    z-index: 999999999;
}
.page-template-home .fancybox-button {
    background: none;
}
.contact_info_social ul li:hover img {
    transform: scale(1.15);
    transition: .5s all;
}
img.logo_center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20rem;
    max-width: 80vw;
    transition: .3s all ease-in-out;
    opacity: 1;
}
.load_home_page.complete img.logo_center{
    opacity: 0;
}
.inner_filter+.inner_filter {
    margin-top: 2rem;
}
.sticky-fade .stuck:not(.ux-no-animation) {
    animation: none !important;
}
.header-wrapper.stuck {
    z-index: 1001 !important;
}
.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: 10;
    background-color: var(--main-cl);

}
.tile-reveal-square {
    flex: 1 1 auto;
    width: 77px;
    height: 77px;
    background-color: var(--main-cl);
    opacity: 1;
}
.wrap-enter-site {
    position: fixed;
    width: 100%;
    height: auto;
    bottom: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
}
.search-page{
    padding: 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 !important;
}
body.compensate-for-scrollbar {
    margin-right: 0 !important;
}
/*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: "Inter", sans-serif;
    font-weight: 400;
    font-size: 0.9375rem  /* 18/19.2 */;
    line-height: 1.45;
    color: #333;
}
.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_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 {
    color: #fff !important;
}
/*subtitle*/
.subtitle {
    display: block;
    font-weight: 400;
    font-size: 0.9375rem  /* 18/19.2 */;
    line-height: normal;
    color: var(--main-cl);
    margin-bottom: 8px;
}
/*heading*/
h1, h2, h3, h4, h5, h6 {
    font-family: "Inter", sans-serif;
    font-weight: 700;
    line-height: 1.4;
    transition: .5s all;
}

.heading_sec {
    font-size: 3.646rem  /* 70/19.2 */;
    color: var(--main-cl);
    line-height: 1.15;
    margin-bottom: 1.458rem  /* 28/19.2 */;
}
/*desc section*/
.desc_sec {
    font-weight: 500;
    font-size: 0.9375rem /* 18/19.2 */;
    color: rgba(51, 51, 51, 1);
    line-height: 1.5;
}

/*swiper navigation*/
.arrow {
    width: 2.8125rem;
}
.arrow svg {
    display: flex;
    width: 100%;
    height: 100%;
}
.arrow:hover {
    cursor: pointer;
}
.arrow:hover path {
    stroke: var(--main-cl);
}
.arrow:hover.swiper-button-disabled {
    opacity: .5;
    cursor: not-allowed;
}
/*absolute arrow*/
.absolute_arrow>.arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.absolute_arrow>.arrow.prev {
    left: 0;
}
.absolute_arrow>.arrow.next {
    right: 0;
}

/*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:only-child {*/
/*    display: none !important;*/
/*}*/
.swiper-pagination .swiper-pagination-bullet {
    position: relative;
    width: 22px;
    height: 22px;
    display: block;
    border-radius: 50%;
    background: transparent;
    border: 1px solid transparent;
    margin: 0 !important;
    transition: .4s all;
    opacity: .4;
}
.swiper-pagination .swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--sub-cl);
    transition: .4s all;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: var(--sub-cl);
    opacity: 1;
}
/*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 h3 {
    color: var(--sub-cl);
}
.item_hover .box_logo>.img {
    max-width: 50%;
    width: 5.5rem;
    height: 5.5rem;
    /*background-image: url("../images/icon_tab.svg");*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: rotate(0deg) scale(0);
    /*opacity: 0;*/
    transition: .8s all;
}
.item_hover:hover .box_logo>.img {
    transform: rotate(180deg) 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;
}

/*CSS*/
/*button*/
.btn {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 0.729rem  /* 14/19.2 */;
    min-width: 5rem;
    padding: 0.9375rem 1.979rem 0.9375rem 1.667rem;
    border-radius: 5.208rem  /* 100/19.2 */;
    border: 1.5px solid var(--main-cl);
    background: transparent;
}
.btn span.text {
    font-weight: 700;
    font-size: 0.729rem  /* 14/19.2 */;
    color: var(--main-cl);
    line-height: normal;
}
.btn svg {
    display: flex;
    width: auto;
    height: 0.78125rem  /* 15/19.2 */;
}
.btn:hover {
    background: var(--main-cl);
}
.btn:hover span.text {
    color: #fff;
}
.btn:hover span.icon path {
    stroke: #fff;
}

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

.btn_style2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.btn_style2 span.icon {
    margin-left: auto;
}
.btn_style2:hover {
    background: var(--sub-cl);
}
.btn_style2:hover svg {
    transform: translate(0.7rem, -0.5rem);
}

.btn_play {
    position: relative;
    outline: none !important;
    display: flex;
    z-index: 1;
}
.btn_play > svg {
    width: auto;
    height: 4.375rem;
}
.btn_play:hover > svg {
    transform: scale(0.9);
}
.btn_play span.effect {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.btn_play span.effect path.eff_1 {
    animation: scaleEffect1 4s ease-in-out infinite;
    transform-origin: center;
}
.btn_play span.effect path.eff_2 {
    animation: opacityEffect2 4s ease-in-out infinite;
    transform-origin: center;
}
@keyframes scaleEffect1 {
    0% {
        transform: scale(0.5);
    }
    25% {
        transform: scale(1.1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(0.5);
    }
}
@keyframes opacityEffect2 {
    0% {
        opacity: 1;
        transform: scale(0.5);
    }
    25% {
        opacity: 0;
        transform: scale(1.1);
    }
    50% {
        opacity: 1;
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
        transform: scale(0.5);
    }
}

/*news_search*/
.news_search {
    padding-top: 4rem;
}
.news_search .heading_sec {
    font-size: 2rem;
}
.news_search .news_container {
    column-gap: 1.667rem  /* 32/19.2 */;
    row-gap: 2rem;
}
.news_search .news_container .item_news {
    width: calc((100% / 4) - 1.25rem);
}
.news_search .news_container.slide_news_home .item_news {
    padding: 0;
}
.news_search .news_container.slide_news_home .box_img {
    height: 24rem;
}
.news_search .news_container.slide_news_home .box_content {
    padding: 0 1.4rem 1.667rem;
}

/*HEADER*/

/*header#header a:hover {*/
/*    color: var(--four-cl) !important;*/
/*}*/
.page-template-home header#header .stuck .header-main .sub-menu a:hover,
.page-template-home header#header .header-main a:hover {
    color: #fff !important;
}

header#header .stuck .header-main .sub-menu a:hover,header#header .header-main .sub-menu a:hover {
    color: #fff !important;
}
header#header .stuck .header-main .sub-menu a:hover,
header#header .header-main a:hover {
    color: var(--main-cl)
}
header#header .stuck .header-main a:hover {
    color: var(--main-cl) !important;
}
header#header .header-logo-dark {
    display: block !important;
}
header#header #logo {
    width: 9.167rem;
    position: relative;
}
.page-template-home header#header #logo img {
    transform: translateY(-60%);
}
header#header #logo img {
    position: absolute;
    transform: translateY(-80%);
}
header#header .stuck #logo img {
    transform: translateY(-80%);
}
header#header .stuck #logo img.header-logo-dark,
header#header #logo img:nth-child(1) {
    opacity: 1;
}
.page-template-home header#header #logo img.header-logo-dark {
    opacity: 0;
}
.page-template-home header#header .stuck #logo img.header-logo-dark {
    opacity: 1;
}
header#header .header-top {
    background-color: transparent;
    padding-top: 1.042rem  /* 20/19.2 */;
}
.page-template-home .header#header .header-top a{
    color: white;
}
.page-template-home .header#header  .stuck  .header-top a{
    color: rgba(102, 102, 102, 1);
}
header#header .header-top a {
    font-weight: 400;
    font-size: 0.78125rem /* 15/19.2 */;
    color: rgba(102, 102, 102, 1);
    transition: .5s all;
}
header#header .header-top .nav-divided>li+li>a:after {
    content: unset;
}
header#header .header-main {
    height: auto !important;
}
.page-template-home header#header .header-main:after,
.page-template-home header#header .header-main:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: calc(calc((100vw - var(--container-w)) / 2) + 12rem);
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.3);
}
.page-template-home header#header .header-main:after {
    width: 10.5%;
    left: 0;
}
header#header .header-wrapper:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    transition: .5s all;
}
header#header .stuck.header-wrapper:before {
    opacity: 1;
}
.header-wrapper.stuck {
    background: white;
}
#wrapper header#header {
    z-index: 1001
}
header#header .header-bg-color,
header#header .header-bg-image {
    background: transparent !important;
}
header#header .header-main .nav > li {
    margin: 0 1.042rem;
}
.page-template-home header#header .header-main .nav > li > a {
    color: white;
}
header#header .header-main .nav > li > a {
    font-weight: 600;
    font-size: 0.833rem /* 16/19.2 */;
    color: black;
    line-height: normal;
    padding-top: 1.146rem;
    padding-bottom: 0.9375rem /* 18/19.2 */;
}
/*header#header .stuck .header-top a,*/
/*header#header .stuck .header-main .nav > li > a {*/
/*    color: var(--main-cl);*/
/*}*/
.stuck .header-main .nav > li > a {
    line-height: normal !important;
    color: black;
}
.page-template-home header#header .stuck .header-main .nav > li > a {
    color: black;
}
header ul.header-nav li.current-menu-item a{
    color: var(--main-cl) !important;
}
header#header .stuck .header-top a {
    color: rgba(102, 102, 102, 1);
}
header#header .header-main li>a:before {
    content: '';
    position: absolute;
    top: 99%;
    left: 50%;
    width: 0;
    height: 1px;
    transform: translateX(-50%);
    background: var(--main-cl) !important;
    z-index: 9;
    transition: .5s all;
    opacity: 1 !important;
}
.page-template-home header#header .header-main li>a:before {
    content: '';
    position: absolute;
    top: 99%;
    left: 50%;
    width: 0;
    height: 1px;
    transform: translateX(-50%);
    z-index: 9;
    transition: .5s all;
    opacity: 1 !important;
    background: white !important;
}
header#header .header-main li.current_page_item>a:before, header#header .header-main li>a:hover:before {
    width: 100% !important;
}
header#header .stuck .header-main li>a:before,
header#header .stuck .header-main li.current_page_item>a:before,
header#header .stuck .header-main li>a:hover:before {
    background: var(--main-cl) !important;
}
header#header .header-main .sub-menu li>a:before {
    content: unset !important;
}
.footer_top .form_wrap input::placeholder {
    background: none;
    color: rgba(255, 255, 255, 0.8);
}
.nav-dropdown li:not(:last-child) {
    border-bottom: 1px solid #f2f2f2;
}
/*sub menu*/
ul.sub-menu.nav-dropdown.nav-dropdown-default {
    min-width: 12rem;
    /* border-radius: 0.625rem; */
    border: none;
    padding: 0;
    margin-top: 0.4px;
}
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {
    content: unset;
}
.nav-dropdown li,.nav-dropdown>li.image-column, .nav-dropdown>li.nav-dropdown-col {
    width: 100% !important;
    white-space: unset !important;
    display: block !important;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default li>a {
    width: 100%;
    background: transparent;
    color: var(--main-cl);
    font-weight: 400;
    font-size: 0.729rem  /* 14/19.2 */;
    line-height: 1.4;
    text-transform: uppercase;
    border-bottom: 0;
    margin: 0;
    padding: .57rem 0.8rem;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default li>a:hover {
    color: #fff;
    background: var(--main-cl);
}
ul.sub-menu.nav-dropdown.nav-dropdown-default li>a[aria-current="page"] {
    font-weight: 700;
}
.nav-dropdown>li.nav-dropdown-col:hover ul {
    opacity: 1;
    pointer-events: unset;
}
ul.sub-menu.nav-dropdown.nav-dropdown-default li:last-child>a {
    border: none;
}
.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:after, .nav-dropdown-has-arrow li.current-dropdown.has-dropdown:before {
    display: none;
}
.page-template-home header#header {
    position: fixed;
}
/*FOOTER*/
/*#footer {*/
/*    margin-top: 7.8125rem;*/
/*}*/
#footer * {
    color: #fff;
}
#footer a{
    transition: .5s all;
}
#footer ul li a:hover {
    text-decoration: underline;
    color: white;
    transition: .5s all;
}
#footer {
    background: var(--main-cl);
}
.link_external_1.bg_image {
    min-height: 33.802rem;
}
.link_external_1 .col {
    padding-bottom: 0;
}
.link_external_1 .box_link {
    width: 21.354rem  /* 410/19.2 */;
}
.link_external_1 .box_link>.btn_style2 {
    background: #294494E5;
    padding: 3.854rem 2.5rem 1.875rem 2.865rem;
}
.link_external_1 .box_link span.icon {
    margin-top: 2.2rem;
}
.link_external_1 .title {
    font-weight: 700;
    font-size: 2.604rem  /* 50/19.2 */;
    margin-bottom: 1.25rem  /* 24/19.2 */;
    line-height: normal;
}
.link_external_1 .desc {
    font-weight: 400;
    font-size: 0.78125rem  /* 15/19.2 */;
}
.footer_top {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.footer_top .inner {
    width: 21.354rem  /* 410/19.2 */;
    margin-left: calc((100vw - var(--container-w)) / 2);
    flex: 0 0 auto;
    margin-right: 15px;
    padding-left: 15px;
    padding-right: 4.6875rem  /* 90/19.2 */;
    padding-top: 1rem;
}
.footer_top .col:nth-child(2) {
    padding-right: 0;
}
.footer_top form input,
.footer_top form {
    padding-bottom: 0;
    margin-bottom: 0;
}
.footer_top .link_external_2.bg_image {
    min-height: 21.51rem  /* 413/19.2 */;
}
.footer_top span.title {
    font-weight: 600;
    font-size: 2.083rem  /* 40/19.2 */;
    margin-bottom: 9px;
    line-height: normal;
}
.footer_top span.desc {
    font-weight: 400;
    font-size: 0.729rem  /* 14/19.2 */;
}
.footer_top .box_link {
    /*max-width:  !* 580/19.2 *!;*/
    width: 40rem;
    padding: 5.625rem 0 4.6875rem 5.208rem;
}
.footer_top .box_link .btn {
    margin-top: 1.354rem  /* 26/19.2 */;
}
.footer_top .box_link .btn.light:hover span.text {
    color: var(--main-cl) !important;
}
.footer_top .form_register {
    margin-top: 1.25rem  /* 24/19.2 */;
}
.wpcf7 .wpcf7-not-valid-tip {
    margin-top: 5px;
}
.form_wrap span.wpcf7-form-control-wrap input {
    background: none;
}
.form_wrap span.wpcf7-form-control-wrap input:focus {
    border: 1px solid rgba(255, 255, 255, 1);
}
.footer_top .form_wrap {
    position: relative;
}
.form_wrap input {
    box-shadow: none;
    border-radius: 5.208rem  /* 100/19.2 */;
    background: transparent;
    border: 1px solid #fff;
    height: 2.604rem  /* 50/19.2 */;
    padding: 0 2rem;
}
.form_wrap input::placeholder {
    font-weight: 400;
    font-size: 0.729rem  /* 14/19.2 */;
    background: #FFFFFFCC;
}
.footer_top .submit_btn {
    position: absolute;
    top: 0;
    right: 0.8rem;
}
.submit_btn span.icon {
    display: block;
    width: fit-content;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}
.submit_btn>input {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    opacity: 0 !important;
    z-index: 2;
}
.submit_btn:hover span.icon path {
    stroke: var(--sub-cl);
}
.footer_top .wpcf7-spinner {
    display: none;
}
.footer_top .wpcf7-not-valid-tip {
    font-size: 0.7rem;
    color: red !important;
}

.footer_middle {
    padding-top: 3.542rem  /* 68/19.2 */;
}
.footer_middle>.row>.logo_footer {
    max-width: 21.615rem !important;
    padding-left: 15px;
}
.footer_middle .box_logo {
    width: fit-content;
    height: 6.458rem  /* 124/19.2 */;
}
.footer_middle .box_logo>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.footer_middle span.title {
    display: block;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 0.9375rem  /* 18/19.2 */;
    margin-bottom: 10px;
}
.footer_middle .content {
    font-weight: 400;
    font-size: 0.78125rem  /* 15/19.2 */;
    line-height: 1.6;
}
.footer_middle .content strong {
    font-weight: 600;
}
.footer_middle .menu_footer li {
    font-weight: 400;
    font-size: 0.78125rem  /* 15/19.2 */;
}
.footer_middle .menu_footer li:not(:last-child) {
    margin-bottom: 0.5rem;
}
.footer_bottom .row {
    padding-top: 1.458rem;
    margin-top: 7px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.footer_bottom .box_content {
    gap: 1.979rem;
}
.footer_bottom .box_content ul {
    gap: 1.2rem;
}
.footer_bottom li>a,
.footer_bottom .copyright {
    font-weight: 400;
    font-size: 0.677rem  /* 13/19.2 */;
    color: rgba(255, 255, 255, 0.7) !important;
}
.footer_bottom .copyright {
    margin-left: -15px;
}
.footer_bottom .box_content {
    margin-right: -15px;
}

/*PAGE*/
.banner_hero .item {
    /*height: 100vh;*/
    width: 100%;
}
.banner_hero .swiper-pagination {
    position: absolute;
    bottom: 2.8125rem  /* 54/19.2 */;
}
.banner_hero .item {
    height: 100vh;
    width: 100%;
}
.banner_hero .item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000004D;
    pointer-events: none;
    z-index: 1;
}
video.elementor-video {
    display: block;
    object-fit: cover;
    height: 100%;
    width: 100%;
}
.banner_hero .box_content {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 2;
}
h1{
    font-weight: 800;
    font-size: 2.604rem  /* 50/19.2 */;
    color: #fff;
    text-transform: uppercase;
}
.banner_hero .box_content h1 {
    font-weight: 800;
    font-size: 2.604rem  /* 50/19.2 */;
    color: #fff;
}
.banner_hero .box_content .btn {
    color: #fff;
}
.banner_hero .swiper-pagination {
    width: fit-content;
    position: absolute;
    top: unset;
    bottom: 2.396rem  /* 46/19.2 */;
    left: calc((100vw - var(--container-w)) / 2);
}
.banner_hero .swiper-pagination .swiper-pagination-bullet {
    width: 2.604rem  /* 50/19.2 */;
    height: 1px;
    background: #fff;
    border: none;
}
.banner_hero .swiper-pagination .swiper-pagination-bullet:before {
    content: unset;
}

.banner_page .banner_img {
    height: 31.25rem  /* 600/19.2 */;
}
.banner_page .banner_img>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home_1 {
    padding-top: 6.5625rem  /* 126/19.2 */;
}
.home_1.bg_image {
    background-position: bottom;
    padding-bottom: 46rem;
    background-size: contain;
}
.link_home1 {
    width: fit-content;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.home_1 .box_counter {
    padding-top: 1.823rem;
    justify-content: space-between;
}
.number .inner.relative,
.number {
    position: relative;
    display: flex;
    font-weight: 400;
    font-size: 3.125rem  /* 60/19.2 */;
    color: var(--main-cl);
    line-height: normal;
}
.number span.counter {
    position: absolute;
    top: 0;
    left: 0;
}
.number span.counter_opacity {
    opacity: 0;
}
.number .unit>span {
    display: flex;
    font-weight: 400;
    font-size: 1.458rem  /* 28/19.2 */;
}
.box_counter h3.title {
    font-weight: 600;
    font-size: 0.9375rem  /* 18/19.2 */;
}
.home_2 .arrow.next:hover svg path {
    stroke: white;
    transition: .5s all
}
.home_2 .heading_sec{
    margin-bottom:0.625rem;
}
.product_wrap {
    /*margin: 0 -2.96875rem;*/
    padding-top: 2.083rem;
}
.product_wrap {
    margin: 0 3em 0 -3rem;
}
.product_wrap .absolute_arrow>.arrow {
    top: 44%;
}
.product_wrap .absolute_arrow>.arrow.prev {
    left: -10%;
}
.product_wrap .absolute_arrow>.arrow.next {
    right: -19%;
}
.product_wrap .swiper-pagination {
    display: none;
}
.product_wrap .item_prod_wrap {
    padding: 0 2.96875rem;
}
.product_wrap .category {
    display: flex;
    gap: 6.25rem;
}
/*.product_wrap .group_heading {*/
/*    padding-right: 13rem;*/
/*}*/
.product_wrap .group_heading {
    padding-right: 8rem;
}
.product_wrap .group_heading .subtitle {
    font-weight: 400;
    font-size: 0.9375rem  /* 18/19.2 */;
    margin-bottom: 0.7rem;
}
.product_wrap .group_heading h3 {
    font-weight: 800;
    font-size: 2.083rem  /* 40/19.2 */;
    text-transform: uppercase;
}
.product_wrap .category .img_cat {
    /*padding-left: 6.25rem  !* 120/19.2 *!;*/
}
.product_wrap .category .box_img {
    width: 31.771rem;
    height: 30.833rem;
    transition: .5s all;

}
.product_wrap .category .name {
    width: 3rem;
    position: absolute;
    top: 0;
    left: -13%;
    /*bottom: 0;*/
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    direction: rtl;
}
.product_wrap .swiper-slide.swiper-slide-next .category .box_img:before {
    opacity: 1 !important;
    transition: .5s all;
}

.product_wrap .swiper-slide.swiper-slide .category .box_img:before {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: .5s all;
    opacity: 0;
}

.product_wrap .category .name>h2 {
    font-family: "Noto Sans Display", sans-serif;
    font-weight: 800;
    font-size: 6.25rem  /* 120/19.2 */;
    transform: rotate(-90deg) translateX(25px);
    transform-origin: center center;
    white-space: nowrap;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: 1px rgba(23, 47, 117, 0.2);
    text-stroke: 1px rgba(23, 47, 117, 0.2);
    text-transform: uppercase;
}

/*.product_wrap .item_prod_wrap .product {*/
/*    margin-top: -10.9rem;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    width: 100%;*/
/*    gap: 1.042rem;*/
/*}*/
.product_wrap .item_prod_wrap .product {
    margin-top: -10.9rem;
    display: flex;
    justify-content: end;
    width: 100%;
    gap: 1.042rem;
    padding-right: 7.5rem;
}
.product_wrap .product>.item {
    width: 10.9375rem;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 4px 25px 0px #00000014;
    transition: .5s all;
}
/*.item_hover:hover .hover_zoom img {*/
/*    transform: scale(1.1);*/
/*}*/
.product_wrap .product>.item:not(:last-child):hover {
    transform: translateY(-10px);
    transition: .5s all;
}
.product_wrap .product > .item:last-child:hover .icon {
    transform: translateX(10px) translateY(-10px);
    transition: .5s all;
}
.product_wrap .product > .item:last-child .icon {
    transition: .5s all;

}

.product_wrap .product .box_img {
    aspect-ratio: 203/203;
    flex: 0 0 auto;
}
.link_home3 a:hover .icon {
    border: none;
}
.product_wrap .product .box_content {
    display: flex;
    flex-direction: column;
    padding: 0.9375rem 0.9375rem 1.354rem;
    background: #fff;
    justify-content: space-between;
    gap: 0.573rem;
    height:100%;
}
.product_wrap .product h3 {
    font-weight: 600;
    font-size: 0.78125rem  /* 15/19.2 */;
    text-transform: uppercase;
    color: #033354;
    padding: 0 2rem 0 8px;
}
.product_wrap .product span.icon {
    margin-left: auto;
}
.product_wrap .product>.item.item_link {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: var(--main-cl);
    padding: 2.083rem 1.458rem 1.458rem;
    transition: .5s all;
}
.product_wrap .product>.item.item_link:hover {
    background: var(--sub-cl);
}
.product_wrap .product>.item.item_link .icon {
    margin-left: auto;
}
.product_wrap .product>.item.item_link h3 {
    font-weight: 700;
    font-size: 0.9375rem  /* 18/19.2 */;
    color: #fff;
    padding-right: 2rem;
}
.home_3 {
    position: relative;
    background: #F6F8FE;
    padding-top: 6.51rem;
    margin-top: 6.51rem;
}
.popup_home3 {
    position: relative;
    z-index: 1;
    padding-top: 13rem  /* 160/19.2 */;
}
.popup_home3 .inner {
    display: flex;
    align-items: center;
    gap: 1.2rem;
}
.popup_home3 span.text {
    max-width: 9.896rem  /* 190/19.2 */;
    font-weight: 500;
    font-size: 0.9375rem  /* 18/19.2 */;
    color: var(--main-cl);
    padding-left: 1.5rem;
}
.list_tech_wrap .item:hover .icon {
    transform: rotateY(360deg);
    transition: .5s all;
}
.list_tech_wrap .item .icon {
    transition: .5s all;
}
.link_home3 {
    transition: .5s all;
}
.link_home3>a {
    background: var(--main-cl);
    padding: 1.979rem 1.979rem 1.354rem 1.979rem;
    width: 11.875rem;
    height: 11.354rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.link_home3>a span.text {
    display: block;
    color: #fff;
    font-weight: 700;
    font-size: 0.9375rem;
    padding-right: 1rem;
}
.link_home3>a span.icon {
    margin-left: auto;
}
.content_home3_wrap {
    position: relative;
    background: #F6F8FE;
}
.content_home3_wrap .bg_video {
    mix-blend-mode: color-burn;
}
.content_home3_wrap .content_absolute {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.content_home3_wrap .list_img>.box_img {
    position: absolute;
}
.content_home3_wrap .list_img>.box_img:nth-child(1) {
    width: 8.49rem;
    height: 6.25rem;
    top: 50%;
    left: 0;
    transform: translateY(-28%);
}
.content_home3_wrap .list_img>.box_img:nth-child(2) {
    width: 33.90625rem;
    height: 18.59375rem;
    top: 50%;
    transform: translateY(-10%);
    left: calc((100% - var(--container-w)) / 2);
}
.content_home3_wrap .list_img>.box_img:nth-child(3) {
    width: 23.802rem;
    height: 12.396rem;
    top: 17%;
    right: calc((100% - var(--container-w)) / 2);
}
.content_home3_wrap .list_img>.box_img:nth-child(4) {
    width: 6.51rem;
    height: 6.146rem;
    bottom: 10%;
    right: 22%;
}
.content_home3_wrap:hover .list_img>.box_img:nth-child(1) {
    transform: translateY(-100%);
}
.content_home3_wrap:hover .list_img>.box_img:nth-child(2) {
    transform: translateY(-20%);
}
.content_home3_wrap:hover .link_home3,
.content_home3_wrap:hover .list_img>.box_img:nth-child(3),
.content_home3_wrap:hover .list_img>.box_img:nth-child(4) {
    transform: translateY(-20%);
}
.home_4 {
    padding-top: 6.771rem;
}
.home_4:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200%;
    background: linear-gradient(180deg, rgba(246, 248, 254, 0) 0%, #F6F8FE 9.08%);
    pointer-events: none;
}
.link_home4 {
    gap: 0.729rem;
}
.news_home_wrap {
    margin: 0 -1.4rem;
    padding-top: 1.25rem;
}
.slide_news_home .item_news {
    padding: 0 1.4rem;
}
.slide_news_home .box_img {
    height: 31.354rem;
}
.slide_news_home .box_img:after,
.slide_news_home .box_img:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(59, 59, 59, 0) 35.05%, rgba(59, 59, 59, 0.85) 69.18%);
    transition: .5s all;
    z-index: 1;
    pointer-events: none;
}
.slide_news_home .box_img:after {
    background: linear-gradient(180deg, rgba(10, 60, 116, 0) 0%, rgba(10, 60, 116, 0.85) 60%);
    opacity: 0;
}
.slide_news_home .item_hover:hover .box_img:before {
    opacity: 0;
}
.slide_news_home .item_hover:hover .box_img:after {
    opacity: 1;
}
.slide_news_home .box_content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 3.5rem 2.083rem;
    z-index: 3;
}
.slide_news_home .box_content .group {
    border-left: 1px solid #fff;
    padding-left: 1.25rem;
}
.slide_news_home .box_content * {
    color: #fff;
}
.slide_news_home .box_content .term {
    font-weight: 400;
    font-size: 0.677rem;
    margin-bottom: 6px;
}
.slide_news_home .box_content h3 {
    font-weight: 600;
    font-size: 1.302rem;
}
.slide_news_home .box_content .desc {
    font-weight: 500;
    font-size: 0.833rem  /* 16/19.2 */;
    margin-top: 0.885rem  /* 17/19.2 */;
}
.slide_news_home .item_news:hover h3 {
    color: #fff;
}
.slide_news_home .swiper-slide .item_news {
    opacity: .2;
    transition: .5s all;
}
.slide_news_home .swiper-slide.swiper-slide-next+.swiper-slide .item_news,
.slide_news_home .swiper-slide.swiper-slide-next .item_news,
.slide_news_home .swiper-slide.swiper-slide-active .item_news {
    opacity: 1;
}

.home_5 {
    padding-top: 6.25rem  /* 120/19.2 */;
}
.home_5:before {
    content: '';
    position: absolute;
    bottom: -40%;
    left: calc((100vw - var(--container-w)) / 2.5);
    width: 31.25rem;
    height: 21.875rem;
    background-image: url('../images/graphic.png');
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}
.home_5 .group_heading {
    padding-right: 7rem;
}
.home_5 .group_heading h2 {
    margin-bottom: 0.729rem;
}
.link_home5 {
    margin-top: 1.25rem  /* 24/19.2 */;
}
.list_tech_wrap {
    overflow-y: auto;
    max-height: 28rem;
    padding-right: 0.5rem;
    margin-top: 2.34375rem;
}
.list_tech_wrap::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.list_tech_wrap::-webkit-scrollbar {
    width: 6px;
    background-color: #cedbff;
}
.list_tech_wrap::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
}
/*.list_tech_wrap .item {*/
/*    gap: 2.083rem  !* 40/19.2 *!;*/
/*}*/
.list_tech_wrap .item:not(:last-child) {
    border-bottom: 1px solid #172F7526;
    margin-bottom: 2.292rem  /* 44/19.2 */;
    padding-bottom: 2.292rem  /* 44/19.2 */;
}
.list_tech_wrap .item {
    gap: 2.083rem;
}
.list_tech_wrap .icon {
    width: 4.74rem;
    height: auto;
    flex: 0 0 auto;
}

.list_tech_wrap .icon>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.list_tech_wrap .box_content {
    flex-shrink: 1;
    padding-right: 5.208rem;
}
.list_tech_wrap h3 {
    font-weight: 600;
    font-size: 1.5625rem  /* 30/19.2 */;
    color: var(--main-cl);
    margin-bottom: 0.729rem  /* 14/19.2 */;
}
.list_tech_wrap .desc {
    font-weight: 500;
    font-size: 0.833rem  /* 16/19.2 */;
}
.about_sec_1_left, .about_sec_1_right {
    width: 50%;
}
.about_sec_1_left .tiny_content {
    padding-right: 10.99rem;
}
.about_sec_1_right .box_img {
    width: calc(100% + calc(calc(100vw - var(--container-w)) / 2));
}
.about_sec_1_left .breadcrumb {
    margin-top: 2.083rem;
}

.about_sec_1_left .about_sec_1_content {
    margin-top: 4.167rem;
}
.about_sec_1_left {
    padding-right: 10.99rem;
    position: relative;
}
.about_sec_1 .blue_pattern {
    right: -0.1%;
    bottom: 0;
    width: 7.292rem;
    height: 7.292rem;
}

.about_sec_1 .blue_pattern img {
    width: 100%;
    height: 100%;
}
.establishment.absolute {
    bottom: 15%;
    left: 0;
    width:13.802rem;
    height: 13.802rem;
    background: rgba(4, 166, 215, 1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2.042rem;
}
span.establishment_year {
    font-weight: 400;
    font-size: 5.208rem;
    line-height: 1;
    color: white;
}

.establishment_content {
    font-weight: 500;
    font-size: 1.042rem;
    line-height: 1.3;
    color: white;
    text-align: left;
}
section.about_sec_1 .col {
    padding-bottom: 0;
}
.develop_bg {
    padding: 0 0.521rem;
}

.develop_box {
    background: rgba(246, 248, 254, 1);
    height: 25.26rem;
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    padding: 50% 1.5625rem 0 1.5625rem;
    text-align: start;
}

.swiper.develop_swiper {
    margin: 2.083rem -0.521rem 0 -0.521rem;
}
section.about_sec_3 {
    padding-top: 7.8125rem;
    text-align: center;

}

.about_sec_3 .desc_sec {
    padding:0 3.292rem;
}
.group_pattern {
    top: -1%;
    right: 0;
}
.develop_year {
    font-weight: 400;
    font-size: 4.167rem;
    line-height: 1.3;
    color: rgba(23, 47, 117, 1);
    padding-bottom: 0.78125rem;
    border-bottom: 4px solid rgba(23, 47, 117, 1);
    position: relative;
    z-index: 10;
    transition: .2s all;
}

.develop_content {
    margin-top: 1.771rem;
    font-weight: 400;
    font-size: 0.78125rem;
    line-height: 1.5;
    position: relative;
    z-index: 10;
    transition: .5s all;
}
.develop_box_image {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .5s all;
}
.develop_bg:hover .develop_box_image {
    opacity: 1;
    transition: .5s all;
}
.develop_box_image:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(23, 47, 117, 0.7);
    transition: .5s all;
    opacity: 0;
}

.develop_bg:hover .develop_box_image:before {
    opacity: 1;
    transition: .5s all;
}

.develop_bg:hover .develop_year {
    color: white;
    transition: .5s all;
    border-bottom: 4px solid white;
}

.develop_bg:hover .develop_content {
    color: white;
    transition: .5s all;
}
.about_sec_3 .arrow.prev {
    left: -5%;
}

.about_sec_3 .absolute_arrow>.arrow {
    top: 50%;
}

.about_sec_3 .arrow.next {
    right: -5%;
}
.vision_mission_image {
    display: flex;
    justify-content: right;
    width: 100%;
    height: auto;
}

section.about_sec_4 {
    background: radial-gradient(39.24% 51.4% at 65.55% 65.21%, #FFFFFF 20%, #F6F8FE 100%);
}

.about_sec_4 .row {
    padding: 7.8125rem 0;
}
section.about_sec_4:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 13.90625rem;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}

section.about_sec_4:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 16.09375rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}
.vision_mission_list {
    gap: 5.052rem;
    border-top: 1px solid rgba(4, 166, 215, 0.3);

}
.vision_mission_item {
    padding-top: 2.083rem;
    position: relative;
    z-index: 1;
}

.vision_mission_item:before {
    position: absolute;
    left: 0;
    top: -0.5%;
    content: '';
    width: 6.198rem;
    height: 0.104rem;
    background: rgba(4, 166, 215, 1);
}
.tiny_content{
    font-weight: 400;
    font-size: 0.833rem;
    line-height: 1.5;
    color: rgba(51, 51, 51, 1);
}
.tiny_content strong {
    font-weight: 700;
    color: rgba(23, 47, 117, 1);
}
.vision_mission_title {
    font-weight: 700;
    font-size: 1.146rem;
    line-height: 1.5;
    color: rgba(23, 47, 117, 1);
}

.vision_mission_content.tiny_content {
    margin-top: 0.573rem;
}
.swiper-slide.swiper-slide-active .achievement_image {
    transform: scale(1.2);
    transition: .5s all;
}

.swiper-slide.swiper-slide {
    transition: .5s all;
}
.swiper.achievement_swiper {
    padding: 5.208rem 0 3.125rem 0;
}

.logo_pattern {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);

}

section.about_sec_6:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 140%;
    background: linear-gradient(180deg, #F6F8FE 0%, rgba(246, 248, 254, 0) 100%);
}

.about_sec_6 .desc_sec {
    padding: 0 5.208rem;
}
section.about_sec_6 {
    padding-top: 8.333rem;
}
section.about_sec_7 {
    padding-top: 5.208rem;
}
.about_connect {
    padding-top: 3.90625rem;
}
.item_dot_detail {
    transition: .5s all;
}
.item_dot span {
    animation: animation_enlarge 3.5s linear infinite;
    background: radial-gradient(50% 50% at 50% 50%, rgba(4, 166, 215, 0.5) 0%, rgba(4, 166, 215, 0.5) 100%);
    width: 1.042rem;
    height: 1.042rem;
    border-radius: 100%;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 1.5rem;
    position: relative;
}
.item_dot_detail {
    background: rgba(23, 47, 117, 1);
    border-radius: 10px;
    top: -20%;
    width: 20.833rem;
    height: 7.8125rem;
    left: 100%;
    transform: translateX(10%) scale(0);
    transition: .5s all;
    z-index: 1;
}
.item_dot_detail.active{
    transform: translateX(10%) scale(1);
}
.item_dot span:before {
    width: 2rem;
    height: 2rem;
    border: 0.88px solid rgba(4, 166, 215, 1);
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 100%;
    animation: animation_border_enlarge 3.5s linear infinite;
}
.item_dot_box {
    display: flex;
    flex-direction: column;
    font-weight: 400;
    font-size: 0.833rem;
    line-height: 1.3;
    color: rgba(23, 47, 117, 1);
}
.item_dot_title {
    font-weight: 700;
}
.item_dot_detail_content a {
    color: white;
    font-weight: 700;
}
.item_dot_detail_title {
    font-size: 1.042rem;
    line-height: 1.3;
    color: white;
    font-weight: 700;
}
.item_dot_detail_content {
    font-size: 0.729rem;
    line-height: 1.3;
    color: white;
    margin-top: 0.521rem;
}
.item_dot_detail_image {
    width: 30%;
}
.item_dot_detail_image img {
    width: 100%;
    height: 100%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.item_dot_detail_box {
    width: 70%;
    padding: 0.9375rem 0.885rem 0 0;
    height: 100%;
}
.item_dot_detail_content p {
    margin-bottom: 0.5rem;
}

.item_dot_detail_image {
    height: 100%;
}

.item_dot_detail.absolute {
    gap: 1.042rem;
}
.country_inner {
    margin-top: 1.71875rem;
}

ul.country_list {
    list-style: none;
    display: flex;
    justify-content: center;
    gap: 0.677rem;
    margin: 0;
}

ul.country_list li {
    padding: 0.8rem 2.1875rem;
    border-radius: 40px;
    border: 1px solid rgba(23, 47, 117, 1);
    font-weight: 700;
    font-size: 0.729rem;
    line-height: 1.3;
    color: rgba(23, 47, 117, 1);
    transition: .5s all;
    margin: 0;
    cursor: pointer;
}

ul.country_list li.active {
    color: white;
    background: rgba(23, 47, 117, 1);
}

ul.country_list li:hover {
    background: rgba(23, 47, 117, 1);
    color: white;
    transition: .5s all;
}

.country_detail {
    margin-top: 4.583rem;
    display: flex;
    justify-content: start;
    column-gap: 2.604rem;
    flex-wrap: wrap;
    row-gap: 3.125rem;
}

.country_detail_item {
    width: calc(100% / 4 - calc(2.604rem * 3 / 4));
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
}

.country_detail_title {
    margin-top: 0.885rem;
    font-weight: 600;
    font-size: 0.9375rem;
    line-height: 1.3;
    color: rgba(23, 47, 117, 1);
}

.country_detail_content {
    margin-top: 0.521rem;
    font-weight: 400;
    font-size: 0.729rem;
    line-height: 1.5;
    text-align: left;
    color:rgba(51, 51, 51, 1);
}
.country_detail_content a {
    color: rgba(51, 51, 51, 1);
    font-weight: 700;
    transition: .5s all;
}
.country_detail_content a:hover{
    color: rgba(23, 47, 117, 1);
    transition: .5s all;
}
.country_detail_block {
    display: none;
    transition: .5s all;
}
.country_detail_block.active{
    display: block;
    transition: .5s all;
    animation: tab_active 2s
}

section.contact_sec_1 {
    min-height: 41.667rem;
}
.hero_banner{
    min-height:41.667rem;
}
.breadcrumb_hero {
    bottom: 5%;
    left: calc(calc(100vw - var(--container-w)) / 2);
}
.hero_banner h1 {
    top: 50%;
    transform: translateY(-50%);
    left: calc(calc(100vw - var(--container-w)) / 2);
    padding-left: 15px;
}
.contact_sec_1 .breadcrumb {
    bottom: 5%;
    left: calc(calc(100vw - var(--container-w)) / 2);
}
.breadcrumb_hero li a {
    color: rgba(255, 255, 255, 1);
}

.breadcrumb_hero li {
    color: #fff;
}
.contact_info {
    padding: 6.09375rem 3.75rem 9.6875rem 13.229rem;
    margin-left: calc(-1 * calc(calc(100vw - var(--container-w)) / 2 + 15px));
    background: rgba(246, 248, 254, 1);
}
.contact_info_logo {
    width: 11.354rem;
    height: 6.09375rem;
}

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

.contact_info_title {
    margin-top: 3.28125rem;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.5;
    color: rgba(23, 47, 117, 1);
}

.contact_info_list {
    margin-top: 1.5625rem;
}
.contact_info_icon {
    width: 3.125rem;
    height: 3.125rem;
    flex: 0 0 auto;
}

.contact_info_item {
    gap: 1.042rem;
    justify-content: start;
}

.contact_info_content_heading {
    font-weight: 400;
    font-size: 0.729rem;
    line-height: 1.5;
    color: rgba(102, 102, 102, 1);
}

.contact_info_content_text {
    font-weight: 600;
    font-size: 0.833rem;
    line-height: 1.3;
    color: rgba(51, 51, 51, 1);
    margin-top: 0.26rem;
}

.contact_info_content_text p {
    margin-bottom: 0;
}
.contact_info_social.flex {
    margin-top: 43px;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.5;
    color: rgba(51, 51, 51, 1);
}
.contact_info_social {
    gap: 16px;
}

.contact_info_social ul {
    list-style: none;
    margin-bottom: 0;
    gap: 10px;
}
.contact_info_social li{
    margin-bottom: 0;
}
.contact_info_list {
    display: flex;
    flex-direction: column;
    row-gap: 25px;
}
.contact_form {
    padding-top: 7.552rem;
}

.contact_form_title {
    font-weight: 800;
    font-size: 3.125rem;
    line-height: 1.5;
    color: rgba(23, 47, 117, 1);
}

.contact_form_content {
    font-weight: 500;
    font-size: 0.9375rem;
    line-height: 1.5;
    color: rgba(53, 53, 53, 1);
}
.contact_sec_2 .group_pattern {
    width: 8.073rem;
    height: 12.083rem;
    top:0;
}
.contact-form {
    margin-top: 40px;
}

.contact-form label {
    font-weight: 500;
    font-size: 0.833rem;
    line-height: 1.5;
}

.wpcf7 label .required {
    color: red;
}
.fancybox-button svg:hover {
    transform: rotate(480deg);
}
span.wpcf7-form-control-wrap input {
    background: rgba(246, 248, 254, 1);
    border: 1px solid rgba(246, 248, 254, 1);
    box-shadow: none;
    border-radius: 100px;
    padding: 1.042rem;
    margin: 0;
    line-height: 1;
    height: 2.865rem;
}
span.wpcf7-form-control-wrap textarea{
    background: rgba(246, 248, 254, 1);
    border: 1px solid rgba(246, 248, 254, 1);
    box-shadow: none;
    border-radius: 15px;
    padding: 1.042rem;
    margin: 0;
    line-height: 1;
}
span.wpcf7-form-control-wrap input:focus {
    box-shadow: none;
    border: 1px solid rgba(23, 47, 117, 1);
    transition: .5s all;
    background: none;
}
span.wpcf7-form-control-wrap textarea:focus{
    box-shadow: none;
    border: 1px solid rgba(23, 47, 117, 1);
    transition: .5s all;
    background: none;
}
.wpcf7.js .btn {
    padding: 1.042rem 1.302rem;
    line-height: 1;
    color: rgba(23, 47, 117, 1);
    transition: .5s all;
    margin:0;
}

.wpcf7.js .btn:hover {
    color: white;
    transition: .5s all;
}
.contact_map {
    width: 100%;
    height: auto;
}
.tech_sec_1{
    min-height: 41.667rem;
}
.tech_list {
    right: 0;
    top: 0;
    height: 100%;
}
.tech_item {
    width: 15.625rem;
    height: 15.625rem;
    padding: 2.1875rem 1.71875rem 1.5625rem;
    flex-direction: column;
}

.tech_item:nth-child(odd) {
    background: rgba(23, 47, 117, 1);
}
.tech_list .tech_item:nth-child(even) {
    align-self: end;
}
.tech_item:nth-child(even) {
    background: rgba(4, 166, 215, 1);
}

.tech_title {
    font-weight: 600;
    font-size: 0.9375rem;
    line-height: 1.3;
    color: white;
}

.tech_text{
    font-weight: 400;
    font-size: 0.729rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 1);
    opacity: 80%;
    margin-top: 0.521rem;
}
.tech_icon {
    height: auto;
    width: 2.083rem;
    margin-left: auto;
    transition: .5s all;

}
.tech_item:hover .tech_icon img {
    transform: rotateY(360deg);
    transition: .5s all;
}
.tech_design_content {
    margin-bottom: 3.125rem;
    padding: 0 5.208rem;
}

.tech_design_list_title {
    font-weight: 600;
    font-size: 1.5625rem;
    line-height: 1.5;
    color: rgba(23, 47, 117, 1);
}
.tech_design_list_content {
    margin-top: 0.78125rem;
}
ul.tech_design_list_box {
    list-style: none;
    margin: 1.5625rem 0 0 0;
}

ul.tech_design_list_box li {
    gap: 0.78125rem;
}
.tech_design_list_status {
    font-weight: 700;
    font-size: 1.146rem;
    line-height: 1.5;
    color: rgba(4, 166, 215, 1);
}
ul.tech_design_list_box li:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 20px;
    margin: 0 0 1.042rem 0;
}
.tech_design_quote {
    margin-left: 2.34375rem;
    padding-left: 1.042rem;
    border-left: 2px solid rgba(4, 166, 215, 1);
    font-weight: 600;
    font-size: 1.042rem;
    line-height: 1.5;
    color: rgba(53, 53, 53, 1);
    margin-top: 2.083rem;
}
section.tech_sec_2 {
    margin-top: -11rem;
}
section.tech_sec_3 {
    padding-top: 3.5rem
}

.swiper.tech_equipment_swiper {
    padding-top: 2.292rem;
    margin: 0 -0.521rem;
}
/*.tech_equipment_image {*/
/*    padding: 0 0.521rem;*/
/*}*/
.tech_equipment_swiper .swiper-slide {
    padding: 0 0.521rem;
}
.tech_equipment_title {
    bottom: 0;
    width: 100%;
    /*padding: 0 10px;*/
    left: 0;
}
.tech_equipment_title_box {
    padding: 1.042rem 1.302rem;
    background: rgba(23, 47, 117, 0.5);
    font-weight: 600;
    font-size: 0.9375rem;
    line-height: 1.3;
    color: white;
}
.tech_sec_3 .arrow.prev {
    left: -5%;
}

.tech_sec_3 .arrow.next {
    right: -5%;
}
.tech_sec_4 {
    padding-top: 3.8rem;
    padding-bottom: 7.8125rem;
    background: linear-gradient(0deg, #F6F8FE 0%, rgba(246, 248, 254, 0) 100%);
    margin-top: 3.7rem;
}
.tech_pattern{
    right: 0;
    bottom: -10%;
}
.tech_sec_4 .image_right {
    transform: translateY(14%) !important;
}

.image_tech_box {
    gap: 1.302rem;
}

.mixing_tech_title {
    font-weight: 700;
    font-size: 3.646rem;
    line-height: 1.3;
    color: rgba(23, 47, 117, 1);
    margin-top: 2.604rem;
}

.mixing_tech_content {
    margin-top: 1.042rem;
}
.tech_sec_5 {
    padding: 3.333rem 0 9.01rem 0;
    background: rgba(246, 248, 254, 1);
}
.tech_analysis_content {
    margin-top: 0.521rem;
}

.tech_analysis_image {
    padding: 0 0.521rem;
}

.swiper.tech_analysis_swiper {
    margin:1.5625rem -0.521rem 0 -0.521rem;
}

.tech_sec_5 .arrow.prev {
    left: -5%;
}

.tech_sec_5 .arrow.next {
    right: -5%;
}

.tech_analysis_slide_title_box {
    margin-top: 1.042rem;
    font-weight: 600;
    font-size: 0.833rem;
    line-height: 1.5;
    color: rgba(23, 47, 117, 1);
    padding:0 0.521rem;

}
.tech_analysis_slide_title{
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 1.042rem;
}
.tech_analysis_slide_title:before {
    bottom: 0;
    left: 0;
    width: 6.771rem;
    background: rgba(4, 166, 215, 1);
    height: 1px;
    position: absolute;
    content: '';
}
.tech_sec_5 .absolute_arrow>.arrow {
    top: 45%;
}
.tech_equipment_image {
    overflow: hidden;
}
.tech_equipment_image img:hover {
    transform: scale(1.1);
    transition: .5s all;
}
.tech_equipment {
    font-weight: 600;
    font-size: 1.5625rem;
    line-height: 1.5;
    color: rgba(23, 47, 117, 1);
}
.tech_sec_4 .image_left, .tech_sec_4 .image_right {
    overflow: hidden;
}

.tech_sec_4 .image_left:hover img, .tech_sec_4 .image_right:hover img {
    transform: scale(1.1);
    transition: .5s all;
}
.tech_analysis_image_box {
    overflow: hidden;
}
.tech_analysis_image_box:hover img {
    transform: scale(1.1);
    transition: .5s all;
}
h2.heading_sec.tech_design_title {
    margin-top: 7.5rem;
}
section.tech_sec_2 {
    background: linear-gradient(180deg, #F6F8FE 0%, rgba(246, 248, 254, 0) 100%);
}
.product_sec_2 {
    background: rgba(246, 248, 254, 1);
}

.product_list_category ul {
    list-style: none;
    margin: 0;
}

.product_list_category li {
    margin: 0;
    gap: 1.042rem;
    font-weight: 600;
    font-size: 1.042rem;
    line-height: 1.3;
    color: rgba(23, 47, 117, 1);
    text-transform: uppercase;
    width: 100%;
    padding: 1.302rem 3rem;
    opacity: 30%;
    transition: .5s all;
    cursor: pointer;
}
.product_category_icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product_category_icon {
    width: auto;
    height: 3.125rem;
    flex: 0 0 auto;
}
.product_list_category li.active {
    background: white;
    opacity:100%;
}
.product_list_category li:hover {
    opacity: 100%;
    background: white;
    transition: .5s all;
}
.product_sec_2 .col {
    padding-bottom: 0;
}
.product_sec_3 {
    padding-top: 4.271rem;
}

.product_list_heading {
    padding-top: 0.729rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1;
}
.product_heading_count {
    font-weight: 600;
    font-size: 0.833rem;
    line-height: 1.3;
    color: rgba(23, 47, 117, 1);
}

.product_heading_filter {
    font-weight: 600;
    font-size: 0.833rem;
    line-height: 1.3;
    color: rgba(51, 51, 51, 1);
}

.product_list_main {
    margin-top: 2.24rem;
    gap: 2.76rem;
}

.product_item {
    width: calc(100% / 3 - (2.76rem * 2/ 3));
}
.product_list_cta, .blog_list_cta {
    margin-top: 3.125rem;
}
.product_content {
    margin-top: 11px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: rgba(51, 51, 51, 1);
}
.product_list_image {
    aspect-ratio: 435 / 290;
    overflow: hidden;
}

.product_item:hover .product_list_image img {
    transform: scale(1.1);
    transition: .5s all;
}
.product_item:hover .product_list_name{
    color: rgba(23, 47, 117, 1);
    transition: .5s all;
}
.product_list_detail {
    background: rgba(246, 248, 254, 1);
    padding: 1.042rem 1.302rem 1.927rem 1.302rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.product_list_detail:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 7.8125rem;
    background: rgba(23, 47, 117, 1);
    height: 1px;
    transition: .5s all;
}
a.product_item:hover .product_list_detail:before {
    width: 100%;
    transition: .5s all;
}
.product_list_name {
    font-weight: 600;
    font-size: 1.042rem;
    line-height: 1.5;
    color: rgba(51, 51, 51, 1);
    transition: .5s all;

}

.product_list_content {
    font-weight: 400;
    font-size: 0.729rem;
    line-height: 1.5;
    color: rgba(51, 51, 51, 1);
    margin-top: 0.573rem;
}
.product-template-default header#header {
    position: relative;
    /*padding-bottom: 1.302rem;*/
    z-index: 100000;
    background: white;
}
.fancybox-slide--html .fancybox-close-small {
    right: 1%;
    top: 1%;
}
.popup_product_form .col.submit-btn {
    padding-bottom: 0;
}
div#popup_product_form {
    width: 60.729rem;
}
.fancybox-button svg {
    width: 150% !important;
    height: 150% !important;
}
.product_detail_1 {
    background: rgba(246, 248, 254, 1);
}

.product_detail_left {
    padding: 5.9375rem 0 2.24rem 0;
}
.product_detail_id {
    color: rgba(23, 47, 117, 1);
}

.product_detail_name {
    font-weight: 800;
    font-size: 3.125rem;
    line-height: 1.3;
    color: rgba(23, 47, 117, 1);
}

.product_detail_des {
    margin-top: 1.458rem;
}

.product_detail_specification {
    margin-top: 1.458rem;
}

.product_detail_specification ul {
    margin: 0;
    display: flex;
    flex-direction: column;
    row-gap: 0.78125rem;
}

.product_detail_specification li {
    margin: 0;
    gap: 1.667rem;
    width: 100%;
}

.product_spec_left {
    width: 50%;
    font-weight: 700;
}

.product_spec_right {
    width: 50%;
}
.product_detail_cta {
    margin-top: 5.208rem;
    gap: 1.302rem;
}

.breadcrumb_normal {
    margin-top: 3.333rem;
}

.breadcrumb_normal ol {
    display: flex;
    list-style: disc;
    gap: 2.083rem;
}
.breadcrumb_normal ol li {
    flex: 0 0 auto;
}

.breadcrumb_normal ol li:nth-child(3) {
    flex: unset;
}
.breadcrumb_normal ol li:nth-child(3) span{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.breadcrumb_normal ol li:first-child {
    list-style: none;
}
.product_detail_right.relative {
    width: calc(100% + calc(calc(100vw - var(--container-w) + 15px) / 2));
}
.product_detail_small_image {
    width: 5.3125rem;
    height: 5.3125rem;
    cursor: pointer;
}

.product_detail_large_image {
    width: 100%;
    height: 36.198rem;
}

.product_detail_large_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product_detail_swiper_2 .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product_detail_gallery {
    bottom: 3.021rem;
    left: 2.76rem;
    width: 27rem;
}
.product_detail_arrow_svg {
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
    cursor: pointer;
}

.product_detail_arrow_svg .left {
    left: 0;
}

.product_detail_arrow_svg .right {
    right: 0;
}

.swiper.product_detail_swiper_2 {
    /*padding: 0 2.604rem;*/
    max-width: 23.59375rem;
}
.swiper.product_detail_swiper_1:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 51.08%, rgba(0, 0, 0, 0.45) 100%);
    height: 50%;
    z-index: 2;
}
.product_detail_cta span {
    gap: 0.78125rem;
}
span.product_cta_down {
    width: 1.25rem;
    height: 1.25rem;
}

span.product_cta_down svg {
    width: 100%;
    height: 100%;
    display: block;
}
.product_detail_cta .btn {
    height: 2.604rem;
}
.product_detail_cta a.btn:hover svg path {
    stroke: white;
    transition: .5s all;
}
.product_list_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper.product_detail_more .swiper-slide {
    padding: 0 0.521rem;
}
.swiper.product_detail_more {
    margin: 2.24rem -0.521rem 0 -0.0521rem;
}
.flex_arrow{
    gap: 1.042rem;
}
.product_detail_2 {
    padding-top: 4.896rem;
}

section.product_detail_3 {
    padding-top: 8rem;
}
.product_detail_info_heading {
    font-weight: 700;
    font-size: 1.667rem;
    line-height: 1.5;
    color: rgba(23, 47, 117, 1);
    padding-bottom: 1.302rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
}

.product_detail_info_heading:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 17.34375rem;
    height: 1px;
    background: rgba(23, 47, 117, 1);
}

.product_detail_info_content {
    margin-top: 3.125rem;
}
.popup_product_form_title {
    font-weight: 800;
    font-size: 60px;
    line-height: 1.3;
    color: rgba(23, 47, 117, 1);
}
.popup_product_form_content{
    margin-top: 1.042rem;
}
.popup_product_form {
    margin-top: 1.5625rem;
}
.wpcf7 label {
    font-weight: 500;
    font-size: 0.833rem;
    line-height: 1.3;
}
.product_detail_info_content h2 {
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.5;
    color: rgba(51, 51, 51, 1);
}

.product_detail_info_content table tbody tr:first-child {
    background: rgba(246, 248, 254, 1);
    color: rgba(23, 47, 117, 1);
}

.product_detail_info_content table tbody tr:first-child td {
    color: rgba(23, 47, 117, 1);
    font-weight: 700;
    font-size: 0.833rem;
    line-height: 1.3;
}

.product_detail_info_content table td {
    padding: 0.9375rem 1.25rem;
    color: rgba(51, 51, 51, 1);
    font-size: 0.833rem;
    line-height: normal;
}
.blog_tiny_content {
    margin-top: auto;
    z-index: 1;
}
section.blog_sec_1 {
    padding-top: 5.208rem;
}
.blog_list_heading {
    margin-top: 2.865rem;
    height: 27.917rem;
    position: relative;
    z-index: 1;
}
.blog_list_heading_image_box {
    height: 27.917rem;
}
.blog_sec_1 .heading_sec {
    margin-bottom: 0;
    position: relative;
    z-index: 1;
}

.blog_list_pattern {
    top: 0;
    right: 0;
}
.blog_sec_2 .box_search form input {
    background: none;
}
.blog_sec_2 .blog_main_heading ul li{
    text-transform: uppercase;
}
.blog_list_heading_left {
    background: rgba(23, 47, 117, 1);
    /*padding: 5.208rem 3.021rem 3.28125rem 3.021rem;*/
    color: white;
    width: 40%;
}
.swiper.blog_list_heading_content .swiper-slide {
    padding: 5.208rem 3.021rem 3.28125rem 3.021rem;
}
ul.blog_detail li:first-child {
    list-style: none;
}
.blog_list_heading-right {
    width: 60%;
}
ul.blog_detail {
    gap: 1.198rem;
    margin-bottom: 0.521rem;
}
.swiper.blog_list_heading_image {
    height: 27.917rem;
}
.blog_list_heading_title:hover {
    color: white;
}
.swiper.blog_list_heading_image img:hover {
    transform: scale(1.1);
    transition: .5s all;
}
.blog_detail li {
    margin: 0;
    font-weight: 400;
    /*font-size: 0.729rem;*/
    /*line-height: 1.5;*/
    /*color: rgba(255, 255, 255, 1);*/
}

li.blog_detail_date {
    opacity: 70%;
}
.swiper.blog_list_heading_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog_list_heading_expert {
    color: white;
    margin-top: 1.042rem;
    opacity: 92%;
}

.blog_list_heading_title {
    font-weight: 700;
    margin-top: 0.521rem;
    font-size: 1.458rem;
    line-height: 1.3;
    color: rgba(255, 255, 255, 1);
}
.blog_list_heading .flex_arrow.flex.items-center {
    /*margin-top: 4.5em;*/
    padding:0 3.021rem 0 3.021rem;
}
.blog_list_heading .arrow svg path {
    stroke: white;
    opacity: 50%;
}
.blog_list_heading .arrow:hover path {
    stroke: white;
    opacity: 100%;
}
.blog_main_pattern {
    bottom: 0;
    right: 0;
}
.footer_top input.wpcf7-form-control.wpcf7-submit.has-spinner {
    margin-top: 0.521rem;
}
.blog_main_pattern {
    bottom: 0;
    right: 0;
}

.blog_main_heading ul {
    list-style: none;
    gap: 1.042rem;
    margin: 0;
}

.blog_main_heading li {
    margin: 0;
}

.blog_main_heading li .btn {
    padding: 0.521rem 2.34375rem;
    font-weight: 700;
}

.blog_main_heading li:hover a {
    color: white;
}
.box_search form {
    margin: 0;
}

.box_search form input {
    margin: 0;
    border: none;
    box-shadow: none;
    border-radius: 50px;
}

.box_search form label {
    margin: 0;
    border: 1px solid rgba(23, 47, 117, 0.2);
    border-radius: 50px;
    font-weight: 400;
    font-size: 0.78125rem;
    line-height: 1.3;
    height: 2.604rem;
    width: 24.792rem;
    padding: 0.677rem 1.40625rem;
}
span.search_icon_svg svg {
    width: 100%;
    height: 100%;
    display: block;
}
span.search_icon_svg {
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
}
.blog_main_list {
    gap: 2.24rem;
    margin-top: 3.125rem;
}

section.blog_sec_2 {
    padding: 5.208rem 0;
}
.blog_main_heading{
    row-gap: 1rem;
}
.blog_main_item {
    width: calc(100% / 4 - calc(2.24rem * 3 / 4));
    background: rgba(246, 248, 254, 1);
}
.blog_main_image{
    overflow: hidden;
    aspect-ratio: 320 / 213;
}
.blog_main_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
a.blog_main_item:hover .blog_main_image img {
    transform: scale(1.1);
    transition: .5s all;
}
.blog_main_detail {
    padding: 1.042rem;
}

.blog_main_list li.blog_detail_date {
    color: rgba(102, 102, 102, 1);
}

.blog_main_detail ul {
    gap: 1.5rem;
}
.blog_main_detail ul li:first-child {
    list-style: none;
}
.blog_main_detail li.blog_detail_category {
    color: rgba(23, 47, 117, 1);
}
.blog_detail_content {
    margin-top: 0.521rem;
}

.single_post_pattern{
    top:0;
    right:0;
}
.single_post_1 {
    background: linear-gradient(0deg, #F6F8FE 0%, rgba(246, 248, 254, 0) 100%);
    padding: 2.135rem 0 3.125rem 0;
}
.single_post_title {
    font-weight: 700;
    font-size: 2.604rem;
    line-height: 1.3;
    color: rgba(23, 47, 117, 1);
    margin-top: 3.646rem;
}

.single_post_detail_left ul {
    gap: 0.78125rem;
}
.single_share ul {
    list-style: none;
}

.single_post_detail_left ul li:nth-child(1) {
    list-style: none;
}

.single_post_detail_left ul li svg {
    display: block;
}
.single_post_heading ul.blog_detail li.blog_detail_date {
    gap: 0.729rem;
    color: rgba(102, 102, 102, 1);
}

header#header {
    position: relative;
}
.single_share ul {
    margin: 0;
    gap: 0.521rem;
}

.single_share ul li {
    margin: 0;
}
.single_share li a:hover svg {
    transform: scale(1.2);
    transition: .5s all;
    cursor: pointer;
}
.single_post_heading .single_share {
    gap: 0.521rem;
    margin-top: 0.9375rem;
}
.single_share {
    gap: 0.521rem;
    color: rgba(102, 102, 102, 1);
}
.single_post_heading ul.blog_detail {
    gap: 1.5rem;
}
.single_post_heading li.blog_detail_category {
    color: rgba(23, 47, 117, 1);
}
.single_post_detail_right {
    max-width: 42.396rem;
}
.single_post_heading {
    margin-top: 1.5625rem;
}
section.single_post_2 {
    min-height: 41.667rem;
}
.single_post_3 figcaption {
    text-align: left;
    background: unset;
}

.single_post_3 .wp-caption .wp-caption-text {
    background: none;
    color: rgba(53, 53, 53, 0.8);
    margin-top: 0.78125rem;
}
.single_post_3 {
    padding-top: 3.125rem;
}
.single_post_main_content h2 {
    font-weight: 700;
    font-size: 1.302rem;
    line-height: 1.3;
    color: rgba(53, 53, 53, 1);
}
.single_post_main_content {
    padding-bottom: 1.5625rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.single_post_main_tag{
    gap: 1.25rem;
}
.single_post_main_tag ul {
    gap: 1.25rem;
    margin:0;
    list-style:none;
}
.single_post_main_tag ul li {
    margin: 0;
    font-weight: 700;
    font-size: 0.833rem;
    line-height: 1.5;
    color: rgba(51, 51, 51, 1);
}
.single_share ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
}
.single_post_main_tag ul li:before {
    position: absolute;
    content: '/';
    right: 0;
    transform: translateX(15px);
}
.single_post_main_tag ul li:last-child:before{
    content: unset;
}
.single_post_main_bottom {
    margin-top: 1.198rem;
}
.box_search form input:focus {
    box-shadow: none;
}
.single_related_swiper .swiper-slide.swiper-slide {
    padding: 0 1.042rem;
}

.single_related_swiper {
    margin: 2.604rem -1.042rem 0 -1.042rem;
}

.single_post_heading ul.blog_detail li {
    color: black;
}
section.single_post_4 {
    background: linear-gradient(180deg, #F6F8FE 0%, rgba(246, 248, 254, 0) 100%);
    padding: 2.917rem 7.292rem;
}
.single_related_swiper .blog_main_detail {
    background: rgba(246, 248, 254, 1);
    height: 7.2rem;
}
section.recruitment_sec_1 {
    min-height: 41.667rem;
}
section.recruitment_sec_2 {
    padding: 5.208rem 0;
}
section.recruitment_sec_2:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5.573rem;
    background: linear-gradient(0deg, #F6F8FE 0%, rgba(246, 248, 254, 0) 100%);
}
.recruitment_benefit_list {
    margin-top: 1.823rem;
    gap: 2.292rem;
}

.recruitment_benefit_item {
    width: calc(100% / 3 - (2.292rem * 2 / 3));
    padding: 2.083rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: white;
}
.benefit_item_heading_title {
    font-weight: 700;
    font-size: 1.042rem;
    line-height: 1.3;
    color: rgba(23, 47, 117, 1);
}

.benefit_item_heading {
    padding-bottom: 1.042rem;
    margin-bottom: 1.042rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    gap: 0.78125rem;
}

.benefit_item_heading:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 4.167rem;
    height: 1px;
    background: rgba(23, 47, 117, 1);
}

.benefit_item_heading_icon {
    width: 3.125rem;
    height: auto;
    transition: .5s all;

}
.recruitment_benefit_item:hover .benefit_item_heading_icon {
    transform: rotateY(360deg);
    transition: .5s all;
}
.benefit_item_heading_icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.recruitment_pattern{
    top: 0;
    right: 0;
}
.single_recruitment_item_content.desc_sec ul li {
    margin-left: 1rem;
}
.recruitment_item {
    margin-top: 2.083rem;
    padding: 1.5625rem 3.125rem;
    transition: .5s all;

}
.recruitment_item:hover {
    background: rgba(246, 248, 254, 1);
    transition: .5s all;
}


.recruitment_item_left {
    display: flex;
    flex-direction: column;
    row-gap: 0.521rem;
    font-weight: 400;
    font-size: 0.8rem;
    line-height: 1.3;
    color: rgba(51, 51, 51, 0.5);
}

.recruitment_item_title {
    font-family: Inter;
    font-weight: 600;
    font-size: 1.042rem;
    line-height: 1.3;
    color: rgba(51, 51, 51, 1);
    text-align: left;
}

.recruitment_item_department {
    gap: 0.521rem;
}

.recruitment_item_left svg {
    display: block;
}

.recruitment_item_left span {
    font-weight: 700;
    color: rgba(51, 51, 51, 1);
}

.recruitment_item_info {
    gap: 1.354rem;
}

.recruitment_item_info_date {
    gap: 0.521rem;
}

.recruitment_item_info_address {
    gap: 0.521rem;
}
section.recruitment_sec_3 {
    padding: 3.958rem 0 5.208rem 0;
    background: linear-gradient(180deg, #F6F8FE 0%, rgba(246, 248, 254, 0) 100%);
}
.recruitment_list_cta {
    margin-top: 3.125rem;
}
.single_recruitment_pattern{
    top: 10%;
    left: 0;
}
.single_recruitment_1 .breadcrumb_normal {
    margin-top: 0;
}
section.single_recruitment_1:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 44.938rem;
    background: linear-gradient(180deg, #F6F8FE 0%, rgba(246, 248, 254, 0) 100%);
}

section.single_recruitment_1 {
    padding-top: 2.083rem;
}
.single_recruitment_breadcrumb{
    margin-bottom: 5.208rem;
}
h2.single_recruitment_title {
    font-weight: 700;
    font-size: 2.604rem;
    line-height: 1.3;
    color: rgba(23, 47, 117, 1);
    padding-bottom: 1.5625rem;
    margin-bottom: 1.5625rem;
    border-bottom: 1px solid rgba(23, 47, 117, 1);
}

.single_recruitment_item_title {
    font-weight: 500;
    font-size: 1.042rem;
    line-height: 1.3;
    color: rgba(51, 51, 51, 1);
    margin-bottom:1.042rem;
}
.single_recruitment_item_content.desc_sec {
    font-weight: 400;
}
.single_recruitment_item:not(:last-child) {
    padding-bottom: 1.5625rem;
    margin-bottom: 1.302rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.single_recruitment_right_info {
    background: white;
    padding: 2.474rem;
    box-shadow: 0px 0px 20px 0px rgba(23, 47, 117, 0.1);
}
.single_recruitment_right_contact {
    margin-top: 1.823rem;
    background: rgba(23, 47, 117, 1);
    padding: 2.604rem 4.6875rem;
    color: white;
}
.single_recruitment_right_item:not(:last-child) {
    padding-bottom: 1.302rem;
    margin-bottom: 1.042rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.single_recruitment_info_address_heading:hover svg {
    transform: rotateY(360deg);
    transition: .5s all;
}
.single_recruitment_right_item li:hover svg {
    transform: rotateY(360deg);
    transition: .5s all;
}

.single_recruitment_info_address_content {
    font-weight: 700;
    font-size: 0.833rem;
    line-height: 1.3;
    margin-left: 2.65rem;
}

.single_recruitment_info_salary_content {
    font-weight: 700;
    font-size: 2.083rem;
    line-height: 1.3;
    color: rgba(23, 47, 117, 1);
}

.single_recruitment_info_address_heading {
    gap: 0.521rem;
}

.single_recruitment_right_item:nth-child(2) {
    padding-left: 2.083rem;
}
.single_recruitment_contact_item svg:hover path {
    stroke: var(--main-cl);
    transition: .5s all;
}.single_recruitment_contact_item_svg svg {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
.single_recruitment_contact_item_svg {
    width: 2.1875rem;
    height: 2.1875rem;
    cursor: pointer;
}
/*.single_recruitment_contact_item svg{*/
/*cursor: pointer;*/
/*}*/
.single_recruitment_contact_item svg:hover {
    fill: white;
    transition: .5s all;
}
.single_recruitment_right_item ul {
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    row-gap: 1.042rem;
}

.single_recruitment_right_item ul li {
    margin: 0;
}

.single_recruitment_info_date_heading, .single_recruitment_info_department_heading, .single_recruitment_info_number_heading {
    gap: 0.521rem;
}
.single_recruitment_info_date_content, .single_recruitment_info_department_content, .single_recruitment_info_number_content {
    margin-left: 2.65rem;
    font-weight: 700;
}
.single_recruitment_right_contact .single_recruitment_contact_item:not(:last-child) {
    padding-bottom: 0.78125rem;
    margin-bottom: 0.78125rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    text-align: center;
}

.single_recruitment_contact_item:first-child {
    font-family: Inter;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.3;
    color: white;
}
.single_recruitment_contact_email.desc_sec {
    font-weight: 400;
    color: white;
}

.single_recruitment_contact_phone {
    font-weight: 600;
    font-size: 1.146rem;
    line-height: 1.3;
    margin-top: 0.521rem;
    color:white !important;
}
.single_recruitment_contact_item:nth-child(3) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 0.521rem;
}
.single_recruitment_2 {
    padding-top: 4.6875rem;
}
.single_recruitment_form{
    padding: 2.604rem 7.292rem;
    background: rgba(246, 248, 254, 1);
    box-shadow: 0px 0px 20px 0px rgba(23, 47, 117, 0.1);
    border-radius: 20px;
}
.single_recruitment_form_title {
    font-weight: 700;
    font-size: 2.604rem;
    line-height: 1.3;
    color: rgba(23, 47, 117, 1);
}

.single_recruitment_form_content.desc_sec {
    margin-top: 0.677rem;
    font-weight: 400;
}
.subscribe_recruitment_form {
    margin-top: 2.083rem;
}
.subscribe_recruitment_form span.wpcf7-form-control-wrap input {
    background: white;
}
input#your-file {
    height: auto;
}
.subscribe_recruitment_form span.wpcf7-form-control-wrap textarea{
    background: white;
}
.form_file input {
    background: none !important;
}
.single_recruitment_form_bottom {
    font-weight: 400;
    font-size: 0.677rem;
    line-height: 1.4;
}
.single_recruitment_3 {
    padding-top: 5.208rem;
}

.single_related_title {
    font-weight: 700;
    font-size: 1.667rem;
    line-height: 1.3;
    color: rgba(23, 47, 117, 1);
    padding-left: 1.146rem;
    border-left: 3px solid rgba(23, 47, 117, 1);
}
.breadcrumb_normal ol .title_single a cite {
    font-style: normal;
}
.single_recruitment_form_bottom a {
    font-weight: 700;
    font-size: 0.677rem;
    line-height: 1.3;
    color: rgba(23, 47, 117, 1);
    text-decoration: underline;
}
.single_recruitment_form_bottom{
    display: none;
}
.subscribe_recruitment_form .single_recruitment_form_bottom {
    display: block;
}
input#search-recruitment {
    background: none;
    padding: 0;
}
.single_post_main_content img.size-full.alignnone {
    margin-bottom: 0;
}
.single_post_main_content p {
    font-weight: 400;
    font-size: 0.833rem;
    line-height: 1.5;
}
.page-template-home footer{
    margin-top: 9.375rem;
}
.page-template-aboutus footer{
    margin-top: 7.24rem;
}
.page-template-product footer{
    margin-top: 5.208rem;
}
.page-template-product footer{
    margin-top: 5.208rem;
}
.single-product footer{
    margin-top: 7.448rem;
}
/*.page-template-technology footer{*/
/*    margin-top: 9.01rem*/
/*}*/
.single-recruitment footer{
    margin-top: 5.208rem;
}
.page-template-contact footer{
    margin-top: 3rem;
}
.blog_main_heading li.active a {
    background: var(--main-cl);
    color: white;
}
.product_heading_filter_box {
    position: relative;
    display: inline-block;
}

.custom_select {
    position: relative;
    display: inline-block;
    font-size: 0.729rem;
    font-weight: 500;
}

.custom_select_btn {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0.677rem 1.09375rem;
    border: 1.1px solid rgba(200, 213, 220, 1);
    border-radius: 9999px;
    background: #fff;
    color: #333;
    cursor: pointer;
    width: 100%;
    gap:0.521rem;
    text-transform: none;
}
button.custom_select_btn svg {
    display: block;
}
.custom_select_options {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    background: #fff;
    border: 1px solid rgba(200, 213, 220, 1);
    border-radius: 8px;
    list-style: none;
    padding: 4px 0;
    margin: 0;
    width: 100%;
    display: none;
    z-index: 10;
}

button.custom_select_btn {
    margin: 0;
}
.custom_select_options li {
    padding: 0.3125rem 0.625rem;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    width: 100%;
}

.custom_select_options li:hover {
    background: #f0f4f8;
}

.custom_select.open .custom_select_options {
    display: block;
}

.product_heading_filter {
    gap: 0.885rem;
}
.recruitment_list_filter {
    gap: 1.042rem;
}
div#recruitment_sort button {
    background: none;
    height: 2.604rem;
    justify-content: space-between;
    text-transform: none;
}
div#recruitment_sort {
    width: 17.604rem;
    background: none;
}
#recruitment_sort button span {
    font-weight: 400;
    font-size: 0.78125rem;
    line-height: normal;
    color: rgba(0, 0, 0, 1);
    opacity:50%;
}
.custom_select_options li a {
    width: 100%;
    text-align: left;
}
section.about_sec_5 {
    padding-bottom: 6.51rem;
}
.about_sec_1_left {
    padding-right: 1rem;
}
.mobile_display_pagination{
    display: none;
}
.banner_hero .box_content .col {
    padding-bottom: 0;
}
.recruitment_list_filter {
    position: relative;
    z-index: 1;
}
.recruitment_item_right {
    flex: 0 0 auto;
}
.single_like_post {
    gap: 0.26rem;
    color: rgba(102, 102, 102, 1);
    cursor: pointer;
}
.single_like_post {
    cursor: pointer;
    gap: 6px; /* khoảng cách icon với chữ */
    transition: transform 0.2s ease;
}

.single_like_post:hover {
    transform: scale(1.1);
}

.single_like_post:hover .like-icon path {
    fill: white;
    stroke: #0E5AAB;     /* xanh đậm hơn, viền đẹp */
    stroke-width: 1.2;
    transition: all 0.3s ease;
}
.single_like_post:hover .like-icon path:nth-child(1){
    fill: #1877F2;       /* xanh Like FB */

}

.single_like_post:active {
    transform: scale(0.95); /* hiệu ứng nhấn */
}
.single_post_main_ct {
    gap: 2.24rem;
}
.blog_detail {
    gap: 0.521rem;
}
.single_post_1 .single_recruitment_breadcrumb{
    margin-bottom:0
}
span.blog_detail_dot {
    width: 3px;
    height: 3px;
    background: rgba(23, 47, 117, 1);
    border-radius: 10px;
}

.blog_detail_category {
    color: rgba(23, 47, 117, 1);
}
.recruitment_policy_checkbox label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 15px;
    color: #333;
}

.recruitment_policy_checkbox input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: #172F75;
}
.recruitment_policy_checkbox {
    margin-top: 1rem;
}
/*MOBILE*/
@media (min-width: 1200px) {
    html {
        font-size: 1.15vw;
    }
}
@media (min-width: 1400px) {
    html {
        font-size: 1vw;
    }
}
@media (max-width: 1600px) and (min-width: 1200px) {

    header#header .header-main li>a:before {
        top: 103%;
    }
    .list_tech_wrap {
        max-height: 30rem;
    }
    #logo img{
        max-height: 70px !important;
    }
}
@media only screen and (max-width: 1199px) {
    :root{
        --container-w: 950px
    }
    .load_home_page svg {
        width: 320px;
    }

    html {
        font-size: 1.3vw;
    }

    /*COMPONENTS*/
    .heading_sec {
        font-size: 3rem;
    }
    .desc_sec {
        font-size: 1.2rem;
    }
    .btn span.text {
        font-size: 0.85rem;
    }

    /*HEADER*/
    header#header .header-main:after {
        width: 3%;
    }
    header#header .header-main li>a:before {
        top: 103%;
    }
    header#header .header-top a {
        font-size: 0.9rem;
    }

    /*FOOTER*/
    .footer_top span.title {
        font-size: 1.9rem;
    }
    .footer_top span.desc {
        font-size: 0.9rem;
    }
    .footer_top span.desc br {
        display: none;
    }
    .footer_top .inner {
        padding-right: 1rem;
    }
    .footer_top .link_external_2.bg_image {
        min-height: 18rem;
    }
    .footer_top .box_link {
        padding: 3rem 2rem;
    }
    .footer_bottom li>a, .footer_bottom .copyright,
    .footer_middle .menu_footer li,
    .footer_middle .content {
        font-size: 0.9rem;
    }
    .link_external_1 .box_link span.icon svg {
        width: auto;
        height: 2.5rem;
    }

    /*HOME*/
    .box_counter h3.title {
        font-size: 1rem;
    }
    .home_1.bg_image {
        padding-bottom: 34rem;
    }

    .product_wrap .item_prod_wrap {
        padding: 0 6rem;
    }
    .product_wrap .category {
        gap: 4rem;
    }
    .product_wrap .group_heading {
        padding-right: 0;
    }
    .product_wrap .group_heading .desc_sec {
        font-size: 1rem;
    }
    .product_wrap .absolute_arrow>.arrow{
        display: none;
    }
    .product_wrap .swiper-pagination {
        display: flex;
    }
    .home_3 {
        margin-top: 2rem;
    }
    .content_home3_wrap .list_img>.box_img:nth-child(1) {
        top: 0;
        left: 50%;
    }
    .popup_home3 span.text {
        font-size: 1rem;
    }
    .slide_news_home .item_news {
        padding: 0 0.6rem;
    }
    .news_home_wrap {
        margin: 0 -0.6rem;
    }
    .list_tech_wrap {
        max-height: 30rem;
    }
    .list_tech_wrap .icon {
        width: 4rem;
        height: auto;
    }
    .list_tech_wrap .desc {
        font-size: 0.9rem;
    }
    .list_tech_wrap .desc br {
        display: none;
    }
    .tiny_content {
        font-size: 1rem;
    }
    .about_sec_1_right .box_img {
        height: 100vh;
    }
    .group_pattern.absolute {
        width: 11rem;
        height: 11rem;
    }
    .about_sec_3 .arrow.prev {
        left: -3%;
    }
    .about_sec_3 .arrow.next {
        right: -3%;
    }
    .develop_content {
        font-size: 1rem;
    }

    .develop_box {
        padding: 35% 1.5625rem 50% 1.5625rem;
    }

    .country_detail_content {
        font-size: 0.9rem;
    }

    .country_detail_title {
        font-size: 1rem;
    }
    .mobile_display{
        display: none;
    }
    .tech_title {
        font-size: 1.1rem;
    }

    .tech_text {
        font-size: 0.8rem;
    }
    .tech_pattern {
        right: 0;
        bottom: -25%;
    }
    .tech_sec_5 .arrow.prev {
        left: -3%;
    }
    .tech_sec_5 .arrow.next {
        right: -3%;
    }
    .tech_analysis_slide_title_box {
        font-size: 1rem;
    }
    span.block.subtitle {
        font-size: 1.2rem;
    }

    .product_heading_filter {
        font-size: 1rem;
    }

    .custom_select_options li {
        font-size: 0.9rem;
        .product_heading_count {
            font-size: 1rem;
        }
    }
    .banner_hero .item {
        min-height: 43rem;
        width: 100%;
    }
    .single_post_main_content p {
        font-size: 1rem;
    }
    .single_recruitment_right_contact{
        padding: 2.604rem 4.5rem;
    }
}
@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.6vw;
    }

    /*COMPONENTS*/
    .subtitle {
        font-size: 1.2rem;
        margin-bottom: 0.9rem;
    }
    .heading_sec {
        font-size: 2.6rem;
    }

    /*HEADER*/
    header#header .header-main li>a:before,
    header#header .header-main:after, header#header .header-main:before {
        content: unset;
    }
    header#header .header-wrapper:before {
        opacity: 1 !important;
    }
    header#header #logo img:nth-child(1) {
        display: none;
    }
    header#header #logo img.header-logo-dark {
        opacity: 1;
    }
    header#header .stuck #logo img,
    header#header #logo img {
        position: unset;
        transform: unset;
    }
    header#header #logo {
        width: 8rem;
        padding: 0.9rem 0;
    }
    header#header .header-main .nav > li > a {
        padding: 0;
    }
    .nav>li>a>i.icon-search {
        color: var(--main-cl);
        font-size: 1.3rem !important;
    }

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

    .off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content {
        top: 65px;
        padding-top: 0;
    }
    .off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
        box-shadow: none !important;
        background-color: #fff !important;
    }
    .mfp-bg.off-canvas.off-canvas-left {
        top: 74px;
        position: fixed !important;
    }
    .has-off-canvas-left .mfp-ready .mfp-close {
        display: none;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li > a {
        padding-left: 2.604rem !important;
        color: #333 !important;
        font-size: 1.4rem !important;
        text-transform: initial;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li > a svg {
        width: 2.3rem;
        height: auto;
        margin-left: -0.4rem;
    }
    .nav-sidebar.nav-vertical > li + li {
        border-color: #0E6BA380;
    }

    /*FOOTER*/
    .link_external_1 .box_link>.btn_style2 {
        background: #294494E5 !important;
        padding: 2rem !important;
        border-radius: unset;
        border: none !important;
        flex-direction: column !important;
    }
    .link_external_1 .desc br {
        display: none;
    }
    .link_external_1 .desc {
        font-size: 1.1rem;
    }
    .link_external_1 .box_link>.btn_style2 path {
        stroke: #fff !important;
    }
    .footer_top .box_link {
        max-width: 100%;
    }
    .footer_top span.desc {
        font-size: 1.2rem;
    }
    .form_wrap input {
        height: 3.604rem;
    }
    .footer_middle>.row>.logo_footer {
        max-width: 100% !important;
        padding-left: 0;
        display: flex;
        justify-content: center;
        padding-bottom: 4rem;
    }
    .footer_middle span.title {
        font-size: 1.25rem;
    }
    .footer_bottom li>a, .footer_bottom .copyright, .footer_middle .menu_footer li, .footer_middle .content {
        font-size: 1.2rem;
    }


    /*HOME*/
    .banner_hero .box_content h1 {
        line-height: 1.65;
    }
    .banner_hero .swiper-pagination {
        left: 50%;
        transform: translateX(-50%);
    }
    .home_1.bg_image {
        padding-bottom: 28rem;
    }
    .product_wrap .category .name {
        display: none;
    }
    .product_wrap .item_prod_wrap .category {
        flex-direction: column-reverse;
    }
    .product_wrap .category {
        gap: 2rem;
    }
    .product_wrap .item_prod_wrap {
        padding: 0 3rem;
    }
    .product_wrap .group_heading .subtitle {
        font-size: 1.1rem;
    }
    .product_wrap .group_heading .desc_sec {
        font-size: 1.2rem;
    }
    .product_wrap .category .box_img {
        width: 100%;
        height: 30rem;
    }
    .product_wrap .product>.item.item_link .icon>svg{
        width: 1.8rem;
        height: 1.8rem;
    }
    .product_wrap .product h3 {
        font-size: 1rem;
        padding: 0;
    }
    .home_3 {
        padding-top: 5rem;
    }
    .content_home3_wrap .list_img>.box_img {
        position: unset;
        transform: unset !important;
    }
    .content_home3_wrap .row {
        justify-content: center;
    }
    .content_home3_wrap .group_heading {
        text-align: center;
        margin: 0 auto;
    }
    .popup_home3 {
        padding-top: 2rem;
    }
    .content_home3_wrap .list_img {
        display: none;
    }
    .content_home3_wrap:hover .link_home3, .content_home3_wrap:hover .list_img>.box_img {
        transform: unset !important;
    }
    .link_home3 {
        justify-content: center;
        padding-top: 2rem;
    }
    .btn_style2 {
        flex-direction: row !important;
        align-items: center;
        min-width: 5rem;
        width: unset !important;
        height: unset !important;
        padding: 0.8rem 1.5rem !important;
        background: transparent !important;
        border: 1px solid var(--main-cl);
        border-radius: 5.208rem /* 100/19.2 */;
    }
    .btn_style2:hover {
        background: var(--main-cl) !important;
    }
    .btn_style2 span.text {
        color: var(--main-cl) !important;
    }
    .btn_style2 span.icon>svg {
        width: 1.1rem;
        height: 1.1rem;
    }
    .btn_style2 span.icon path {
        stroke: var(--main-cl);
    }
    .btn_style2:hover span.text {
        color: #fff !important;
    }
    .btn_style2:hover svg {
        transform: unset;
    }
    .btn_style2:hover span.icon path {
        stroke: #fff;
    }
    .news_home_wrap .slide_news_home {
        overflow: hidden;
    }
    .slide_news_home .box_content .desc {
        font-size: 1.2rem;
    }
    .slide_news_home .box_content h3 {
        font-size: 1.6rem;
        -webkit-line-clamp: 2;
    }
    .home_5:before {
        bottom: -25%;
    }
    .list_tech_wrap .desc {
        font-size: 1.2rem;
    }
    .desktop_display{
        display: none;
    }
    .tiny_content {
        font-size: 1.2rem;
    }
    .about_sec_1_left .tiny_content {
        padding-right: 0;
    }
    .about_sec_1_right .box_img {
        height: 100%
    }
    .develop_content {
        font-size: 1.2rem;
    }
    .develop_box {
        padding: 25% 1.5625rem 50% 1.5625rem;
    }
    .mobile_display{
        display: block;
    }
    .mobile_display_pagination{
        display: flex;
    }
    .vision_mission_item {
        padding-right: 2rem;
    }
    .vision_mission_item:before {
        top: -0.5%;
    }
    .country_detail_item {
        width: calc(100% / 3 - calc(2.604rem * 2 / 3));
    }
    .item_dot_detail {
        height: 10rem;
    }

    .item_dot_box {
        font-size: 1rem;
    }

    .country_detail_title {
        font-size: 1.1rem;
    }

    .country_detail_content {
        font-size: 1.1rem;
    }
    .vision_mission_list{
        flex-wrap: wrap;
    }
    .vision_mission_list {
        row-gap: 1.2rem;
    }
    section.tech_sec_2 {
         margin-top: 0;
        padding-top: 5rem;
    }
    .tech_image.relative {
        height: 40rem;
    }
    .tech_item {
        height: 20rem;
    }
    .tech_text {
        font-size: 1rem;
    }

    .tech_title {
        font-size: 1.2rem;
    }
    h2.heading_sec.tech_design_title {
        margin-top: 3rem;
    }
    .tech_design_quote.aos-init.aos-animate {
        font-size: 1.1rem;
    }
    .tech_equipment_title_box {
        font-size: 1.1rem;
    }
    .tech_equipment.aos-init.aos-animate {
        font-size: 1.7rem;
    }
    .tech_sec_4 .row.justify-between.clearfix {
        flex-direction: column-reverse;
    }
    .tech_analysis_slide_title_box {
        font-size: 1.2rem;
    }
    .product_list_category li {
        padding: 1rem;
    }
    .product_item {
        width: calc(100% / 2 - (2.76rem * 1 / 2));
    }
    .product_heading_count.aos-init.aos-animate {
        font-size: 1.2rem;
    }

    .product_list_content {
        font-size: 1rem;
    }
    .product_detail_left {
        padding: 1rem 0;
    }

    .product_detail_cta a.btn {
        flex: 0 0 auto;
    }

    .product_breadcrumb li {
        flex: 0 0 auto;
    }
    .product_detail_right.relative {
        width: 100%;
    }
    .product_detail_gallery {
        left: 0;
    }
    .swiper.product_detail_swiper_2 {
        max-width: 22.59375rem;
    }
    .product_detail_specification {
        font-size: 1rem;
    }
    .product_detail_cta {
        margin-top: 1rem;
    }
    .product_detail_name {
        font-size: 2.9rem;
    }
    .breadcrumb_normal ol {
        margin: 0;
    }
    .product_detail_info_heading {
        font-size: 1.8rem;
    }

    .product_detail_info_content {
        font-size: 1.2rem;
    }
    .product_detail_info_content h2 {
        font-size: 1.5rem;
    }

    .product_detail_info_content table td {
        font-size: 1.1rem;
    }

    .product_detail_info_content table tbody tr:first-child td {
        font-size: 1.255rem;
    }
    .banner_hero .item {
        height: 43rem;
    }
    .blog_main_item {
        width: calc(100% / 3 - calc(2.24rem * 2 / 3));
    }
    .single_post_detail_right {
        max-width: 35rem;
    }
    .single_post_main_content h2 {
        font-size: 1.5rem;
    }

    .single_post_main_content p {
        font-size: 1.2rem;
    }
    .single_post_main_tag ul li {
        font-size: 1.1rem;
    }
    .single_post_main_tag ul li:before {
        transform: translateX(10px);
    }
    .single_recruitment_breadcrumb {
        font-size: 1.1rem;
    }
    section.recruitment_sec_1 {
        min-height: 30rem;
    }
    span.search_icon {
        height: 1.5rem;
        width: 1.5rem;
    }
    div#recruitment_sort button {
        font-size: 1.2rem;
    }
    .recruitment_item_info {
        column-gap: 1.3rem;
        row-gap: .5rem;
    }
    .recruitment_item_title {
        font-size: 1.2rem;
    }

    .recruitment_item_left {
        font-size: 1rem;
    }
    .recruitment_item {
        padding: 1.5rem;
    }
    .single_recruitment_right_info {
        padding: 1.5rem .5rem;
    }

    .single_recruitment_info_address_content {
        font-size: 1rem;
    }

    .single_recruitment_right_contact {
        padding: 3rem 0.5rem;
    }

    .single_recruitment_form {
        padding: 2.5rem;
    }

    .single_recruitment_form_bottom {
        font-size: .9rem;
    }

    .wpcf7 label {
        font-size: 1rem;
    }
    .single_recruitment_info_date_content, .single_recruitment_info_department_content, .single_recruitment_info_number_content {
        margin-left: 3rem;
    }
    .single_recruitment_info_address_content {
        font-size: 1rem;
        margin-left: 3rem;
    }
    .contact_info {
        padding: 6.09375rem 3.75rem 11.6875rem 3rem;
    }

    .contact_info_title {
        font-size: 1.7rem;
    }

    .contact_info_content_heading {
        font-size: 1rem;
    }

    .contact_info_content_text {
        font-size: 1rem;
    }
    .single_like_post {
        font-size: 1.2rem;
    }
    .product_wrap .item_prod_wrap .product {
        justify-content: center;
        padding-right: 0;
    }
    .product_wrap .item_prod_wrap {
        padding: 0 4rem;
    }
    .product_wrap {
        margin: 0 -4rem;
    }
    .news_search .news_container .item_news {
        width: calc((100% / 3) - 1.25rem);
    }
    .single_post_main_bottom {
        flex-wrap: wrap;
        row-gap: 1rem;
    }
    .single_post_main_ct{
        justify-content: space-between;
        width: 100%;
    }
    .swiper.blog_list_heading_content .swiper-slide{
        padding:5.208rem 3.021rem 1.28125rem 3.021rem;
    }
    .blog_sec_1 .swiper-pagination {
        padding: 0;
        justify-content: center;
        margin-top: 15px;
    }
    section.blog_sec_2{
        padding: 4rem 0;
    }
    section.product_detail_3{
        padding-top: 4.896rem;
    }
    .single_recruitment_contact_item_svg {
        width: 2.5rem;
        height: 2.5rem;
    }
 }
@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: 14px;
    }
    .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;
    }

    html {
        font-size: 2.9vw;
    }

    /*COMPONENT*/
    .btn span.text {
        font-size: 1.2rem;
    }
    .heading_sec {
        font-size: 2rem;
    }
    .desc_sec {
        font-size: 1.29rem;
    }
    .desc_sec br {
        display: none;
    }

    /*HEADER*/

    /*FOOTER*/
    .link_external_1.bg_image {
        min-height: 18rem;
    }
    .link_external_1 .row {
        align-items: unset;
    }
    .link_external_1 .col {
        padding: 0;
    }
    .link_external_1 .heading {
        text-align: center;
    }
    .link_external_1 .title br {
        display: none;
    }
    .link_external_1 .box_link {
        width: 100%;
        height: 100%;
    }
    .link_external_1 .box_link>.btn_style2 {
        width: 100% !important;
        height: 100% !important;
        padding-top: 4rem;
    }
    .btn_style2 span.icon {
        margin-right: auto;
        border: 1px solid #fff;
        border-radius: 5.208rem /* 100/19.2 */;
        width: 5.229rem /* 62/19.2 */;
        height: 5.229rem /* 62/19.2 */;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .btn_style2 span.icon svg {
        width: 2.083rem  /* 40/19.2 */;
        height: 2.083rem  /* 40/19.2 */;
    }
    .footer_top {
        flex-direction: column;
    }
    .footer_top .inner {
        padding: 4rem 2rem 4rem;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .footer_top span.title br {
        display: none;
    }
    .footer_bottom li>a, .footer_bottom .copyright, .footer_middle .menu_footer li, .footer_middle .content {
        font-size: 1.3rem;
    }
    .footer_bottom .row {
        justify-content: center;
    }
    .footer_bottom .copyright {
        margin-left: 0;
        text-align: center;
    }
    .footer_bottom .box_content {
        margin-right: 0;
        justify-content: center;
        flex-direction: column-reverse;
        align-items: center;
    }
    .footer_bottom .col:nth-child(1) {
        padding-bottom: 10px;
    }

    /*HOME*/
    .banner_hero .box_content h1 {
        line-height: 1.5;
    }
    .home_1 .group_heading {
        text-align: center;
    }
    .home_1 .box_counter {
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 1rem;
        row-gap: 2.5rem;
    }
    .home_1 .box_counter>.item {
        width: calc((100% / 2) - 1rem);
    }
    .box_counter h3.title {
        font-size: 1.1rem;
        text-align: center;
    }
    .number .inner.relative, .number {
        width: fit-content;
        margin: 0 auto;
    }
    .home_1.bg_image {
        padding-bottom: 15rem;
    }
    .home_2 {
        padding-top: 4rem;
    }
    .home_2 .row {
        justify-content: center;
    }
    .home_2 .group_heading {
        text-align: center;
    }
    .link_home_2 {
        justify-content: center;
    }
    .product_wrap .category .box_img {
        height: 15rem;
    }
    .product_wrap .item_prod_wrap .product {
        margin-top: 3rem;
    }
    .product_wrap .product {
        flex-wrap: wrap;
    }
    .product_wrap .product>.item {
        width: calc((100% / 2) - 1rem);
    }
    .product_wrap .product h3 {
        font-size: 1.2rem;
    }
    .product_wrap .product>.item.item_link h3 {
        font-size: 1.2375rem;
        padding-right: 4.5rem;
    }
    .content_home3_wrap .bg_video {
        height: 36rem;
    }
    .popup_home3 span.text {
        max-width: 10.896rem;
        font-size: 1.2rem;
    }
    .home_4 {
        padding-top: 5rem;
    }
    .home_4 .group_heading {
        text-align: center;
    }
    .home_4 .group_heading h2 {
        margin-bottom: 1rem !important;
    }
    .link_home4 {
        flex-wrap: wrap;
        row-gap: 2rem;
        justify-content: center;
    }
    .slide_news_home .box_img {
        height: 37.354rem;
    }
    .slide_news_home .box_content {
        padding: 0 2rem 2.083rem;
    }
    .slide_news_home .box_content .term {
        font-size: 1.2rem;
    }
    .slide_news_home .box_content h3 {
        font-size: 1.9rem;
    }
    .home_5 .row {
        justify-content: center;
    }
    .home_5 .group_heading {
        text-align: center;
        padding-right: 0;
    }
    .home_5 .group_heading br {
        display: none;
    }
    .link_home5 {
        width: fit-content;
        margin-left: auto;
        margin-right: auto;
    }
    .list_tech_wrap {
        max-height: 35rem;
    }
    .desktop_display{
        display: none;
    }
    .mobile_display{
        display: block;
    }
    .mobile_display_pagination{
        display: flex;
    }
    .heading_sec {
        font-size: 2.3rem;
    }
    .tiny_content {
        font-size: 1.35rem;
    }
    .about_sec_1_right .box_img {
        width: 100%;
        height: 25rem;
    }
    section.about_sec_3 {
        padding-top: 3rem;
    }
    .develop_box {
        padding: 20% 1.5625rem 50% 1.5625rem;
    }
    .about_sec_4 .row {
        padding: 3rem 0;
    }
    .vision_mission_list{
        flex-wrap: wrap;
    }
    .vision_mission_list {
        row-gap: 1.2rem;
    }
    .vision_mission_title {
        font-size: 1.5rem;
    }
    section.about_sec_5 {
        padding-bottom: 3rem;
    }
    section.about_sec_6 {
        padding-top: 3rem;
    }
    section.about_sec_7 {
        padding-top: 3rem;
    }
    ul.country_list li {
        font-size: 1rem;
    }
    .country_detail_item {
        width: calc(100% / 2 - calc(2.604rem * 1 / 2));
    }
    .swiper.achievement_swiper {
        padding: 3.208rem 0 3.125rem 0;
    }
    .tech_sec_4 .row.justify-between.clearfix {
        flex-direction: column-reverse;
    }
    .hero_banner h1 {
        left: 0;
    }
    .tech_image.relative {
        height: 50rem;
    }

    .tech_list {
        flex-wrap: wrap;
        justify-content: end;
        height: auto;
    }

    .tech_item {
        width: 100%;
    }
    .tech_text {
        font-size: 1.2rem;
    }
    tech_icon {
        width: 3.5rem;
    }
    .tech_title {
        font-size: 1.3rem;
    }
    .tech_item {
        height: 17rem;
    }
    h2.heading_sec.tech_design_title.aos-init.aos-animate {
        text-align: left;
    }

    .tech_design_content.desc_sec.aos-init.aos-animate {
        text-align: left;
        padding: 0;
    }

    .tech_design_list_status {
        font-size: 1.5rem;
        line-height: 1.5;
    }
    .tech_design_quote.aos-init.aos-animate {
        font-size: 1.3rem;
    }
    section.tech_sec_3 {
        padding-top: 3rem;
    }

    .tech_sec_4 {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 3rem;
    }
    .image_left, .image_right {
        width: 100%;
    }

    .image_tech_box.flex {
        flex-wrap: wrap;
    }
    .image_left, .image_right {
        height: 20rem;
    }
    .tech_sec_4 .image_right {
        transform: none !important;
    }
    .tech_analysis_slide_title_box {
        font-size: 1.3rem;
    }
    .tech_sec_5 {
        padding: 0 0 3rem 0;
    }
    .about_sec_1_left, .about_sec_1_right{
        width:100%
    }
    .product_list_category ul {
        flex-wrap: wrap;
    }
    .product_list_category li {
        padding: 1.3rem;
    }
    .product_list_category {
        padding: 1rem;
    }
    .product_sec_3 {
        padding-top: 3rem;
    }

    .product_list_image {
        width: 100%;
    }

    .product_item {
        width: 100%;
    }

    .custom_select_options li {
        font-size: 1.1rem;
        padding: 1rem;
    }

    .custom_select_btn {
        font-size: 1rem;
        padding: 0.3rem 1.09375rem;
    }

    .product_heading_filter {
        font-size: 1.1rem;
    }

    .product_heading_count.aos-init.aos-animate {
        font-size: 1.3rem;
    }
    .product_list_name {
        font-size: 1.2rem;
    }

    .product_list_content {
        font-size: 1.2rem;
    }
    .product_list_category li {
        font-size: 1.2rem;
    }
    .hero_banner {
        min-height: 35rem;
    }
    .product_detail_left {
        padding: 1rem 0;
    }

    .product_detail_cta a.btn {
        flex: 0 0 auto;
    }

    .product_breadcrumb li {
        flex: 0 0 auto;
    }
    .product_detail_specification {
        font-size: 1.3rem;
    }

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

    .product_detail_cta {
        margin-top: 2rem;
    }

    .product_detail_cta a.btn {
        padding: 2rem;
    }
    .wpcf7 label {
        font-size: 1.3rem;
    }

    div#popup_product_form {
        padding: 1.5rem;
        border-radius: 10px;
    }
    span.wpcf7-form-control-wrap textarea {
        font-size: 1.2rem;
    }

    span.wpcf7-form-control-wrap input {
        font-size: 1.2rem;
    }
    .wpcf7.js .btn {
        font-size: 1.2rem;
    }
    .product_detail_gallery {
        width: 97%;
        left: 1.5%;
        bottom: 1rem;
    }

    .swiper.product_detail_swiper_2 {
        max-width: 27rem;
    }

    .product_detail_small_image {
        width: 5.8rem;
        height: 5.8rem;
    }
    .swiper.product_detail_swiper_1:before {
        height: 25%;
    }
    .product_detail_info_content {
        font-size: 1.3rem;
    }

    .product_detail_info_content h2 {
        font-size: 1.7rem;
    }

    .product_detail_info_content table td {
        font-size: 1.25rem;
    }

    .product_detail_info_content table tbody tr:first-child td {
        font-size: 1.35rem;
    }
    .single-product footer {
        margin-top: 3rem;
    }
    .btn_style2 span.icon {
        width: 1.3rem;
        height: 1.3rem;
    }
    .btn_style2 span.icon svg {
        width: 100%;
        height: 100%;
        display: block;
    }
    .btn_style2 {
        padding: 1rem !important;
        font-size: 1rem;
    }

    .link_home3>a span.text {
        font-size: 1.1rem;
    }
    .page-template-home header#header #logo img.header-logo-dark {
        opacity: 1;
        transform: translateY(0);
    }
    .blog_list_heading_left {
        width: 100%;
    }

    .blog_list_heading-right {
        width: 100%;
    }

    .blog_list_heading.flex {
        flex-wrap: wrap;
        height: 100%;
    }
    .blog_main_heading.flex.items-start.justify-between {
        justify-content: center;
        flex-wrap: wrap;
        row-gap: 1rem;
        flex-direction: column-reverse;
        align-items: center;
    }
    .blog_list_pattern {
        position: unset !important;
    }
    section.blog_sec_2 {
        padding: 4rem 0 3rem;
    }
    .blog_detail li {
        font-size: 1.3rem;
    }

    ul.blog_detail {
        gap: 2rem;
    }

    .blog_list_heading_title {
        font-size: 1.6rem;
    }

    .blog_list_heading_content .swiper-pagination.mobile_display_pagination {
        justify-content: start;
        margin-left: 3.021rem;
    }

    .swiper.blog_list_heading_content .swiper-slide {
        padding: 3.208rem 3.021rem 1.28125rem 3.021rem;
    }

    .blog_list_heading_content .swiper-pagination.mobile_display_pagination .swiper-pagination-bullet:before {
        background: white;
    }

    .blog_list_heading_content .swiper-pagination.mobile_display_pagination .swiper-pagination-bullet-active {
        border-color: white;
    }
    .box_search form label {
        padding: 2rem;
        font-size: 1rem;
    }

    a.btn {
        font-size: 1.3rem;
    }

    .blog_main_heading ul {
        justify-content: center;
    }

    .blog_main_item {
        width: 100%;
    }
    .blog_detail_content {
        font-size: 1.5rem;
    }
    section.blog_sec_1 {
        padding-top: 3rem;
    }
    /*.breadcrumb_normal ol {*/
    /*    flex-wrap: wrap;*/
    /*}*/
    .single_post_title {
        margin-top: 1rem;
    }
    .single_recruitment_breadcrumb li:nth-child(3) {
        margin-left: 1rem;
    }
    .single_recruitment_breadcrumb {
        margin-top: 1rem;
        margin-bottom: 0;
    }
    .single_post_heading {
        flex-wrap: wrap;
        row-gap: 1rem;
    }
    .single_post_1 {
        padding: 2.5rem 0;
    }
    .single_post_heading ul.blog_detail {
        gap: 2rem;
    }
    section.single_post_2 {
        min-height: 16rem;
    }

    .single_post_main_content p {
        font-size: 1.3rem;
    }

    .single_post_main_content h2 {
        font-size: 1.7rem;
    }

    .single_post_main_bottom {
        flex-wrap: wrap;
        row-gap: 1rem;
    }

    .single_post_main_tag.flex.items-center {
        font-size: 1.5rem;
    }

    .single_post_main_tag ul li {
        font-size: 1.3rem;
    }
    section.single_post_4 {
        padding: 2rem 0;
    }
    .single_related_swiper .blog_main_detail {
        height: 10rem;
    }
    .recruitment_benefit_item {
        width: 100%;
    }
    .recruitment_list_filter {
        flex-wrap: wrap;
    }

    #recruitment_sort button span {
        font-size: 1.1rem;
    }

    div#recruitment_sort button {
        padding: 1.8rem;
    }

    .recruitment_item {
        flex-wrap: wrap;
        row-gap: 1.5rem;
    }

    .recruitment_item_title {
        font-size: 1.5rem;
    }

    .recruitment_item_left {
        font-size: 1.2rem;
        row-gap: 1.5rem;
    }
    section.recruitment_sec_3 {
        padding: 0 0 5rem 0;
    }
    section.recruitment_sec_2 {
        padding: 3rem 0;
    }
    .single_recruitment_item_content.desc_sec ul li {
        margin-left: 1rem;
    }
    .single_recruitment_item_title {
        font-size: 1.2rem;
    }

    .single_recruitment_info_address_heading {
        font-size: 1.2rem;
    }

    .single_recruitment_info_address_content {
        font-size: 1.3rem;
        margin-left: 3.3rem;
    }

    .single_recruitment_right_item {
        font-size: 1.2rem;
    }

    .single_recruitment_info_salary_content {
        font-size: 2.2rem;
    }
    .single_recruitment_info_date_content, .single_recruitment_info_department_content, .single_recruitment_info_number_content {
        margin-left: 3.3rem;
    }
    .single_recruitment_contact_item:first-child {
        font-size: 1.5rem;
    }

    .single_recruitment_contact_item {
        font-size: 1.2rem;
    }

    .single_recruitment_contact_phone {
        font-size: 1.5rem;
        color:white !important;
    }
    .single_recruitment_form_bottom a {
        font-size: 1.3rem;
    }
    .single_related_title {
        font-size: 2rem;
    }
    .single_recruitment_form {
        padding: 2rem;
    }
    .single_recruitment_2 {
        padding-top: 3rem;
    }

    .single_recruitment_3 {
        padding-top: 3rem;
    }
    .contact_info {
        padding: 0;
        margin-left: 0;
        background: no-repeat;
    }

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

    .contact_info_content_heading {
        font-size: 1.2rem;
    }

    .contact_info_content_text {
        font-size: 1.3rem;
    }

    .contact_form {
        padding-top: 3rem;
    }

    .contact_form_content {
        font-size: 1.2rem;
    }

    .contact_map {
        height: 30rem;
    }
    section.contact_sec_1 {
        min-height: 35rem;
    }
    .tech_list.absolute.flex.items-start {
        position: relative !important;
    }
    .tech_image {
        display: flex;
        flex-direction: column;
    }
    .tech_image.relative {
        height: 100%;
    }
    .tech_icon {
        height: 3.5rem;
        width: auto;
    }
    .page-template-home footer {
         margin-top: 0;
    }
    .page-template-aboutus footer {
        margin-top: 3rem
    }
    .about_connect .item_dot_text {
        display: none;
    }
    .item_dot span:before {
        content: unset;
    }
    header#header {
        z-index: 10000;
    }
    .header-main{
        z-index: 10000;
    }
    .col.large-12.medium-12.small-12.submit-btn {
        padding-bottom: 0;
    }
    .header-wrapper.stuck {
        position: fixed;
        z-index: 100000 !important;
    }
    .establishment.absolute {
        bottom: 0;
    }
    .single_post_main_ct {
        width: 100%;
        justify-content: space-between;
    }
    .single_like_post {
        font-size: 1.35rem;
    }
    .product_wrap .item_prod_wrap .product {
        justify-content: center;
        padding-right: 0;
    }
    .news_search .news_container .item_news {
        width: 100%;
    }
    #search-lightbox .search-keywords a {
        padding: 1rem;
    }
    footer .link_external_1 .icon{
        border:none;
        margin-top: 0;
        width: 4rem;
        height: 4rem;

    }
    .link_external_1 .box_link span.icon svg {
        width: 2.5rem;
        height: 2.5rem;
        display: block;
    }
    .post_category_sec .blog_main_heading {
        flex-direction: column-reverse;
        row-gap: 1rem;
    }
    .product_detail_left {
        flex-direction: column;
        display: flex;
    }
    .product_detail_left .product_breadcrumb {
        order: -1;
        margin-top:0;
    }
    .mfp-bg.off-canvas.off-canvas-left {
        top: 65px;
    }
    .page-template-home header#header{
        position:relative;
        z-index: 1001 !important;
    }
    .contact_sec_1 .breadcrumb,.breadcrumb_hero {
        left: 4%;
        font-size: 1.2rem;
    }
    .link_home3 .btn_style2 span.icon svg {
         width: 1.1rem;
         height:1.1rem;
        display: block;
    }
    .vision_mission_list{
        border-top: none;
    }
    h2.heading_sec {
        font-size: 2.6rem;
    }
    .blog_sec_1 .swiper-pagination{
        justify-content: center;
        margin-left: 0;
    }
    .selector-container {
        font-size: 1.1rem;
    }
    span.wpcf7-not-valid-tip {
        font-size: 1.1rem !important;
    }
    .footer_top .wpcf7-form-control.wpcf7-email::placeholder {
        font-size: 1.2rem;
    }
    .wpcf7-form-control.wpcf7-email {
        font-size: 1.6rem;
        padding: 2rem;
    }
    .footer_top input.wpcf7-form-control.wpcf7-submit.has-spinner {
        margin-top: 1rem;
    }
    .product_detail_cta .btn span.text {
        font-size: 1rem;
    }
    .product_sec_2 .col.small-12 {
        padding: 0;
    }
    .product_list_category {
         padding:0;
    }
    .product_list_category li {
        padding: 1.5rem;
    }
    .product_list_category li {
        width: 50%;
    }
    .single_recruitment_contact_phone,
    .single_recruitment_contact_phone a {
        color: #fff !important;
        text-decoration: none !important;
    }
    section.product_detail_3{
        padding-top: 3rem
    }
    .single_recruitment_right_contact {
        padding: 3rem 2rem;
    }
}