@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@media (min-width: 1200px) {
    body, html {
        font-size: 1vw;
    }
}
body {
    font-family: "Barlow", sans-serif;
    overflow-x: hidden;
    line-height: 1.3;
}
.slider_banner .item {
    position: relative;
    overflow: hidden;
}

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

.slider_banner .item .box_content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    max-width: 28.125rem;
    left: calc(calc(100vw - 73.958rem)/2);
    z-index: 9;
}

.slider_banner .item:before {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, black, transparent);
    content: '';
    position: absolute;
    opacity: .8;
}

.text_white,.text_white * {
    color: #fff !important;
}

.button_link {
    display: inline-flex;
    align-items: center;
    height: 2.292rem;
    position: relative;
    background: #fff;
    color: var(--3, #092B68) !important;
    font-size: 1.042rem;
    font-weight: 500;
    border-radius: 100px;
    padding: 0 4.167rem 0 1.042rem;
    transition: .5s all;
    overflow: hidden;
}

.button_link img {
    position: absolute;
    height: 103%;
    right: 0;
    width: auto !important;
    flex: 0 0 auto;
    object-fit: cover;
    object-position: right center;
}

.button_link:hover {
    background: #204b9e !important;
    color: #fff !important;
}

.heading_title {
    font-size: 3.125rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0.521rem;
    color: var(--1, #204B9E);
}

.content {
    font-size: 0.9375rem;
    font-weight: 300;
    color: #000;
    line-height: 1.5;
}

.slider_banner .item .box_content .content {
    font-size: 1.042rem;
    margin-bottom: 1.823rem;
}
.text_center {
    text-align: center;
}

.grid-container {
    max-width: 73.958rem;
    position: relative;
}

h1,h2,h3 {
    font-family: "Barlow", sans-serif;
}

.wrap_slider {
    position: relative;
}

.wrap_slider .arrow_slider {
    position: absolute;
    top: 50%;
    left: -3.646rem;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 9;
}

.slider_items_sec_2 .item {
    position: relative;
    padding: 0.521rem 0.521rem 0 0.521rem;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 0px 0px 0px rgba(0, 18, 50, 0.10);
    margin: 0.521rem;
    transition: .5s all;
}

.slider_items_sec_2 .item .box_img {
    width: 100%;
    position: relative;
    padding-bottom: 90%;
}

.slider_items_sec_2 .item .box_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.78125rem;
}

.slider_items_sec_2 .item:hover {
    cursor: pointer;
    box-shadow: 0px 0px 0.5rem 0px rgb(0 18 50 / 19%);
}

.slider_items_sec_2 .item h3 {
    margin: 0;
    height: 3.802rem;
    font-size: 1.042rem;
    font-weight: 500;
    color: var(--6, #000);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.521rem;
}

.slider_items_sec_2 {
    margin-top: 1.5625rem;
}

.section {
    padding: 0;
    display: block;
}

.home_sec_2 {
    padding: 7.8125rem 0 0 0;
}
.wrap_slider .arrow_slider.next {
    left: unset;
    right: -3.646rem;
}
.css_bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.home_sec_3 {
    padding-top: 8.854rem;
    background-position: top -5.208rem center;
    padding-bottom: 2.604rem;
}
.home_sec_3:before{
    bottom: 0;
    left: 0;
    width: 100%;
    content: '';
    background-image: url(../images/line_about.png);
    height: 6.25rem;
    position: absolute;
    z-index: 2;
    background-position: center;
    background-size: cover;
}


.content b,.content strong {
    font-weight: 500;
}

.content p {
    margin-bottom: 0.78125rem;
}

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

.home_sec_3 .content {
    margin-bottom: 1.5625rem;
}

.button_link.color {
    background: var(--3, #092B68);
    color: #fff !important;
}
.home_sec_4 .box_content {
    max-width: 38.28125rem;
    margin: auto;
    color: #fff;
}

.home_sec_4 {
    overflow: unset !important;
    background-color: #204B9E;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top 0.78125rem center;
    padding-bottom: 9.896rem;
    padding-top: 2.448rem;
    z-index: 3;
}

.home_sec_4 .box_content * {
    color: #fff;
}

.home_sec_4 .wrap_items {
    display: flex;
    color: #fff;
    margin: 0 -2.34375rem;
    margin-top: 4.167rem;
}

.home_sec_4 .wrap_items * {
    color: #fff;
}

.home_sec_4 .wrap_items h3 {
    font-size: 1.302rem;
    font-weight: 500;
    margin: 1.042rem 0;
}

f {}

.home_sec_4 .wrap_items .content {
    height: 0;
    overflow: hidden;
    font-size: 1.042rem;
    position: absolute;
    transition: .5s all;
}

.home_sec_4 .wrap_items .num {
    font-size: 5.208rem;
    font-weight: 900;
    line-height: 1;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    transition: .5s all;
    color: transparent;
}

.home_sec_4 .wrap_items .item:hover .num {
    color: #9EC0FF;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #9EC0FF;
}

.home_sec_4 .wrap_items .item {
    width: calc(25% - 4.167rem);
    margin: 0 2.083rem;
    cursor: pointer;
    position: relative;
    transform: translateY(0px);
    transition: .5s all;
}

.home_sec_4 .wrap_items .item:hover .content {
    height: 6.771rem;
}

.home_sec_4 .wrap_items .item:hover {
    transform: translateY(-2.604rem);
}
.home_sec_5 {
    padding: 7.292rem 0 7.8125rem;
}

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

ul.list_tax li {
    margin: 0 0.26rem 0.521rem;
}

ul.list_tax li a {
    font-size: 1.042rem;
    color: var(--1, #204B9E);
    text-transform: uppercase;
    padding: 0 2.083rem;
    height: 2.604rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: .5s all;
}

ul.list_tax li a.active,ul.list_tax li a:hover {
    background: #204B9E;
    color: #fff;
}

.wrap_product {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.26rem 1.5625rem;
}

.item_product {
    width: calc(25% - 0.521rem);
    margin: 0 0.26rem 1.042rem;
    box-shadow: 0px 0px 0px 0px rgba(32, 75, 158, 0.10);
    border-radius: 20px;
    transition: .5s all;
    cursor: pointer;
}

.item_product:hover {
    box-shadow: 0px 0px 1.5625rem 0px rgba(32, 75, 158, 0.10);
}

.item_product .box_img {
    width: 100%;
    position: relative;
    padding-bottom: 80%;
}

.item_product .box_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 70%;
    max-height: 70%;
    width: auto;
    height: auto;
}

.item_product .box_content {
    padding: 0 1.042rem 1.302rem;
    position: relative;
}

a.buy_now {
    height: 2.083rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    border: 1px solid rgba(32, 75, 158, 0.20);
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--1, #204B9E);
    transition: .5s all;
    margin-top: 1.042rem;
}

a.buy_now:hover {
    background: var(--1, #204B9E);
    border-color: var(--1, #204B9E);
    color: #fff;
}

.item_product .box_content span {
    color: #000;
}

.item_product .box_content h3 {
    font-size: 1.042rem;
    font-weight: 500;
    color: var(--5, #333);
    margin-top: 0.26rem;
    transition: .5s all;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    height: 4.0625rem;
}

.item_product:hover .box_content h3 {
    color: var(--1, #204B9E);
}
.home_sec_6 .box_img {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.home_sec_6 .box_img img {width: 100%;height: 100%;}

.home_sec_6 .box_content {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    bottom: 4.167rem;
}

.home_sec_6 .box_img:before {
    background-image: linear-gradient(0deg, black, transparent);
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .6;
}

.home_sec_6 .box_img .content {
    margin-bottom: 1.5625rem;
}

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

.box_posts .item {
    position: relative;
    padding-bottom: 57%;
    border-radius: 20px;
    overflow: hidden;
    width: 58%;
    float: left;
}

.list_post .item {
    position: relative;
}

.list_post .item {
    display: flex;
    padding: 0.625rem 1.042rem;
    align-items: center;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #333;
    border-radius: 10px;
    transition: .5s all;
}

.home_sec_7 {
    padding: 7.8125rem 0;
}

.list_post .item .box_date {
    text-align: center;
    flex: 0 0 auto;
    font-weight: 700;
    margin-right: 1.5625rem;
    width: 2.34375rem;
}

.list_post .item .box_date .month {
    font-size: 1.823rem;
    color: var(--1, #204B9E);
    line-height: 1;
    margin-bottom: 0.208rem;
    transition: .5s all;
}

.list_post .item .box_date {}

.list_post .item .box_date .date {
    color: #666;
    font-size: 0.625rem;
    font-weight: 400;
}

.list_post .item:hover {
    box-shadow: 0px 0px 1.042rem 0px rgba(0, 18, 50, 0.10);
}

.list_post .item:hover .box_date .month {
    color: var(--2, #E6141D);
}

.list_post .item:hover {
    color: var(--1, #204B9E);
}

.box_posts {
    display: inline-block;
    width: 100%;
}

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

.box_posts .item:before {
    content: '';
    background-image: linear-gradient(0deg, black, transparent);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10.417rem;
    z-index: 2;
    opacity: .8;
}

.box_posts .item h3 {
    bottom: 1.5625rem;
    font-size: 1.042rem;
    font-weight: 600;
    left: 2.083rem;
    right: 2.083rem;
    margin: 0;
    z-index: 9;
    position: absolute;
    color: #fff;
    width: auto;
}

.box_posts .item:hover img {
    transform: scale(1.2);
}

.box_posts .item:not(:first-child) {
    width: calc(42% - 1.042rem);
    float: right;
    padding-bottom: 27.4%;
}

.box_posts .item:nth-child(2) {
    margin-bottom: 1.042rem;
}

.list_post {
    margin-left: -0.625rem;
    margin-top: 1.302rem;
}
.about_sec_1 .box_content {
    padding-top: 7.8125rem;
    padding-left: 5.729rem;
    max-width: 40.625rem;
}

.about_sec_1 .box_content strong {
    font-size: 1.302rem;
    font-weight: 500;
}

.about_sec_1 .box_content .hide_content {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 9;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.about_sec_1 {
    background-position: top 13.542rem center;
    background-size: auto;
    padding-bottom: 7.292rem;
}

a.view_more_content {
    color: var(--1, #204B9E);
    font-size: 0.9375rem;
    margin-top: 1.5625rem;
    display: inline-block;
    text-decoration: underline;
}

.about_sec_1 .wrap_img {
    border-radius: 0 0 1.042rem 1.042rem;
    overflow: hidden;
    display: inline-block;
    margin-top: -1.354rem;
    clip-path: polygon(0 0.9375rem, 100% 0, 100% 100%, 0% 100%);
}

.about_sec_1 .wrap_img img {
    width: 100%;
}

.about_sec_1 .box_img {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.about_sec_1 .box_img a {
    position: relative;
}

.about_sec_1 .box_img a span {
    position: absolute;
    width: max-content;
    top: -9.396rem;
    left: -2.479rem;
    color: var(--1, #204B9E);
    font-weight: 500;
    text-transform: uppercase;
    transform: rotate(-90deg) translateY(100%) rotateX(180deg) rotateY(180deg);
    transform-origin: bottom left;
}

.about_sec_2 {
    padding-top: 14.84375rem;
}

a.view_more_content svg {
    margin-left: 0.26rem;
}

.about_sec_2 .content.top {
    margin-bottom: 2.604rem;
}

.about_sec_2 .content:not(.top) {
    margin: 0 5.729rem;
    font-weight: 400;
}

.about_sec_2 .content table {box-shadow: 0 0 0.521rem #3333333b;border-radius: 20px;background: #fff;overflow: hidden;color: var(--6, #000);}

.about_sec_1:before {
    content: '';
    overflow: auto;
    height: 30%;
    background: #f1f9ff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.about_sec_2 .content table td {
    padding: 0.78125rem 1.5625rem;
    color: var(--6, #000);
}

.about_sec_2 .content table td:first-child {
    background: #204B9E;
    color: #fff;
    font-weight: 600;
}

.about_sec_3 .box_content {
    position: absolute;
    display: inline-block;
    max-width: 28.59375rem;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
}

.section {
    position: relative;
}

section.section.about_sec_3 {
    margin-top: -3.125rem;
    z-index: 2;
}

.about_sec_3>img {
    display: block;
    width: 100%;
}

.about_sec_3 .grid-container {
    position: unset;
}

.about_sec_3 .inner {max-height: 8.854rem;overflow: auto;padding-right: 1.5625rem;transform: rotateY(180deg);margin-bottom: 2.083rem;margin-top: 1.5625rem;}

.about_sec_3 .inner .content {
    transform: rotateY(180deg);
}
.about_sec_3 .inner::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #fff;
}

.about_sec_3 .inner::-webkit-scrollbar {
    width: 0.15625rem;
    background-color: #E6141D;
}

.about_sec_3 .inner::-webkit-scrollbar-thumb {
    background-color: #E6141D;
}

.about_sec_3 b.name {
    font-weight: 800;
    font-size: 1.302rem;
    margin-bottom: 0.3125rem;
    display: block;
}

.about_sec_6 .box_content {padding: 6.771rem 12.5rem;border-radius: 20px;overflow: hidden;}

.about_sec_6 .box_content .content {
    font-size: 1.5625rem;
}

.about_sec_7 {
    padding: 7.8125rem 0;
}

.about_sec_7 .content {
    margin-bottom: 1.5625rem;
}
.about_sec_4 {
    padding: 0px 0 7.8125rem 0;
    background-position: top center;
}

.about_sec_4 .grid-container {
}

.about_sec_4 .mySwiper .item {
    text-align: center;
    font-size: 1.042rem;
    color: var(--6, #000);
}

.about_sec_4 .mySwiper .item {
    padding-bottom: 2.34375rem;
    position: relative;
    cursor: pointer;
}

.about_sec_4 .mySwiper .item span {
    width: 0.833rem;
    height: 0.833rem;
    border: 1px solid #204B9E;
    position: absolute;
    border-radius: 50%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%
    );
    background: #fff;
}

.about_sec_4 .mySwiper .item span:before {
    width: 1px;
    height: 1.198rem;
    background-image: linear-gradient(45deg, #204B9E, transparent);
    content: '';
    position: absolute;
    bottom: 0.729rem;
    z-index: -1;
    left: 50%;
}

.about_sec_4 .mySwiper .item span:after {}

.about_sec_4 .mySwiper .item span:after {
    content: '';
    width: 0.46875rem;
    height: 0.46875rem;
    background: #204B9E;
    position: absolute;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: .5s all;
}

.swiper-slide-thumb-active span:after {
    opacity: 1 !important;
}

.swiper-slide-thumb-active .item {
    font-size: 1.042rem;
    color: var(--1, #204B9E) !important;
    font-weight: 600;
}

.wrap_slide_vertical.display_flex:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    bottom: 0.417rem;
    background-image: linear-gradient(70deg, transparent,#d1d3d7, #d1d3d7,#d1d3d7, transparent);
}



.wrap_slide_vertical.display_flex {
    position: relative;
    margin-bottom: 2.083rem;
    margin-top: 2.083rem;
}

.mySwiper2 .item {
    display: flex;
}

.mySwiper2 .item .box_img {
    width: 26.302rem;
    flex: 0 0 auto;
    margin-right: 3.125rem;
    border-radius: 20px;
    overflow: hidden;
}

.mySwiper2 .item {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 0px 1.042rem 0px rgba(32, 75, 158, 0.10);
    margin: 1.042rem 3.958rem;
    padding: 2.083rem 3.646rem 2.083rem 2.34375rem;
}

.mySwiper2 .item h3 {
    font-size: 2.083rem;
    color: var(--1, #204B9E);
    font-weight: 600;
}

.mySwiper2 .item .content {
    padding-right: 2.604rem;
    max-height: 15.625rem;
    overflow: auto;
}
.mySwiper2 .item .content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #fff;
}

.mySwiper2 .item .content::-webkit-scrollbar {
    width: 0.15625rem;
    background-color: #204B9E;
}

.mySwiper2 .item .content::-webkit-scrollbar-thumb {
    background-color: #204B9E;
}
.about_sec_5 .wrap_items {
    display: flex;
    margin: 2.604rem -1.042rem;
}

.about_sec_5 .wrap_items .item {
    width: calc(calc(100% / 3) - 2.083rem);
    margin: 0 1.042rem;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
}

.about_sec_5 .wrap_items .item .inner {
    position: relative;
    padding-bottom: 130%;
}

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

.about_sec_5 .wrap_items .item .icon {
    position: absolute;
    top: 2.34375rem;
    left: 2.34375rem;
    z-index: 9;
    height: 4.0625rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.about_sec_5 .wrap_items .item .box_content {
    position: absolute;
    bottom: 2.083rem;
    left: 2.34375rem;
    right: 2.34375rem;
    z-index: 2;
}

.about_sec_5 .wrap_items .item .box_content h3 {
    font-size: 1.302rem;
    font-weight: 600;
}

.about_sec_5 .wrap_items .item .inner:before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 42.5%, rgba(0, 0, 0, 0.80) 100%), url(<path-to-image>) -256.772px 0px / 198.723% 100% no-repeat;
    position: absolute;
    content: '';
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    transition: .5s all;
}

.about_sec_5 .wrap_items .item .inner:after {
    background: linear-gradient(0deg, rgba(32, 75, 158, 0.90) 0%, rgba(32, 75, 158, 0.90) 100%), url(<path-to-image>) -133.095px 0px / 211.64% 100% no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    opacity: 0;
    transition: .5s all;
}

.about_sec_5 .wrap_items .item:hover .inner:before {
    opacity: 0;
}

.about_sec_5 .wrap_items .item:hover .inner:after {
    opacity: 1;
}

.about_sec_5 {
    padding-top: 5.729rem;
}

.contact_page {
    padding: 7.8125rem 0 5.208rem;
}

.contact_page .box {
    background: var(--1, #204B9E);
    border-radius: 20px;
    padding: 3.646rem;
}

.contact_page .box .logo img {
    max-height: 7.292rem;
    height: auto;
}

.contact_page .box .logo {
    padding-bottom: 1.5625rem;
    margin-bottom: 1.5625rem;
    border-bottom: 1px solid rgb(255 255 255 / 50%);
}

.contact_page .list_info .item {
    display: flex;
}

.contact_page .list_info .item .icon {
    width: 1.979rem;
    flex: 0 0 auto;
}

.contact_page .list_info .item a {
    color: #fff;
}

.contact_page .list_info .item:not(:last-child) {
    margin-bottom: 1.042rem;
}

.contact_page .list_info .item .icon img {
    max-width: 1.25rem;
    height: auto;
}

.contact_page .grid-66.tablet-grid-66 {
    padding-left: 7.24rem;
}

.contact_page .wrap_form {
    margin: 2.083rem -10px 0;
}

.wrap_form input:not(.wpcf7-file):not(.wpcf7-submit), .wrap_form textarea {
    height: 2.604rem;
    border: 1px solid rgba(0, 0, 0, 0.30);
    border-radius: 10px;
    box-shadow: none;
    padding-left: 1.198rem;
    padding-right: 1.198rem;
    margin-bottom: 0.9375rem;
}

.wrap_form textarea {
    height: 4.6875rem;
    min-height: unset;
}

.contact_page  iframe {
    width: 100%;
    border-radius: 20px;
    display: block;
    margin-top: 4.167rem;
}
.wrap_form .wpcf7-submit {
    height: 2.292rem !important;
    background-color: var(--3, #092B68) !important;
    border-radius: 100px !important;
    font-size: 1.042rem;
    font-weight: 500;
    min-height: unset;
    margin: 0;
    display: flex;
    align-items: center;
    line-height: normal;
    padding: 0 4.6875rem 0 2.34375rem !important;
    text-transform: unset;
    background-image: url(../images/icon_arrow.svg);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
}
.wrap_form .wpcf7-submit:hover {
    background-color: #204b9e !important;
    opacity: 1 !important;
}
.single_page {
    padding: 6.25rem 0;
}

.single_page .term {
    font-size: 1.042rem;
    text-transform: uppercase;
    color: var(--2, #E6141D);
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-bottom: 0.521rem;
}

.single_page .term:before {
    width: 2.083rem;
    height: 1px;
    content: '';
    background: #E6141D;
    display: inline-block;
    margin-right: 0.729rem;
}

.single_page .inner {
    max-width: 61.042rem;
    margin: auto;
}

.single_page .nav {
    color: var(--6, #000);
    margin: 1.5625rem 0 2.604rem;
}

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

.share ul {
    list-style: none;
    margin: 0;
    display: flex;
    align-items: center;
}

.single_page .share ul li {
    margin: 0 0 0 0.78125rem !important;
    display: inline-block;
}

.single_page .nav>span {
    width: 2px;
    height: 2px;
    background: #001022;
    display: inline-block;
    margin: 0 1.042rem;
}

.single_page .content strong {
    font-weight: 600;
}

.single_page .content img {
    border-radius: 20px;
}

.wp-caption .wp-caption-text {
    text-align: -webkit-auto;
    background: transparent;
    margin-top: 0.78125rem;
}

.nav_bottom {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid rgb(0 16 34 / 30%);
    margin-top: 3.125rem;
    padding-top: 1.042rem;
}

.tag {
    display: flex;
    align-items: center;
    color: var(--6, #000);
}

.tag ul {
    list-style: none;
    margin: 0;
    display: flex;
}

.tag ul li {
    margin: 0 0 0 0.78125rem !important;
}

.related_post {
    padding-top: 7.8125rem;
}

.related_post .content {
    margin-bottom: 2.083rem;
}

.item_posts {
    position: relative;
}

.item_posts .box_img {
    width: calc(100% - 0.521rem);
    padding-bottom: 60.25%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin: 0.26rem 0.26rem 0.78125rem;
}

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

.item_posts:hover .box_img img {
    transform: scale(1.2);
}

.item_posts .box_content {
    display: flex;
    align-items: center;
}

.service_sec_1 .box_content {
    padding-left: 5.208rem;
}

.item_posts .box_content .date_post {
    text-align: center;
    flex: 0 0 auto;
    margin: 0 1.042rem;
}

.item_posts .box_content .date_post .date {
    font-size: 1.823rem;
    color: var(--1, #204B9E);
    font-weight: 700;
    line-height: 1;
}

.item_posts .box_content .date_post .month {
    font-size: 0.625rem;
    color: #666;
}

.item_posts h3 {
    font-size: 0.9375rem;
    font-weight: 600;
    margin: 0;
    color: var(--5, #333);
}
.wrap_posts {}

.news_page {
    padding: 7.8125rem 0 6.25rem;
}

.news_page h2.heading_title {
    margin-bottom: 2.083rem;
}

.news_page .item {
    width: calc(67% - 2.083rem);
    margin: 0 1.042rem;
    padding-bottom: 40%;
}

.news_page .box_posts .item:not(:first-child) {
    width: calc(33% - 2.083rem);
    margin: 0 1.042rem 2.083rem;
    padding-bottom: 18.5%;
}

.news_page .box_posts .item:not(:first-child):last-child {
    margin-bottom: 0;
}

.news_page .box_posts {
    margin: 0 -1.042rem;
    width: auto;
    min-width: 100%;
}

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

.wrap_posts {
    display: flex;
    flex-wrap: wrap;
    margin: 1.302rem -0.78125rem 0;
}

.wrap_posts .item_posts {
    width: calc(calc(100% / 3) - 1.042rem);
    margin: 0 0.521rem 1.302rem;
    transition: .5s all;
    border-radius: 22px;
    padding-bottom: 1.042rem;
}

.wrap_posts .item_posts:hover {
    box-shadow: 0px 0px 1.5625rem 0px rgba(0, 18, 50, 0.10);
}
ul.thenativePagination {
    list-style: none;
    margin: 0;
    display: flex;
    justify-content: center;
}

ul.thenativePagination a {
    width: 2.448rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid transparent;
    height: 1.5625rem;
    transition: .5s all;
    color: var(--6, #000);
}

ul.thenativePagination .active a {
    border-color: #204B9E;
    color: var(--1, #204B9E);
    font-weight: 600;
}
.wrap_post_td .item {
    position: relative;
}

.tuyen_dung_sec_1 {
    padding: 4.167rem 0 3.646rem;
}

.tuyen_dung_sec_1 .wrap {
    display: flex;
    background: #F1F9FF;
    border-radius: 20px;
    overflow: hidden;
}

.tuyen_dung_sec_1 .wrap .grid-66 {
    padding: 3.125rem 3.646rem;
}

.tuyen_dung_sec_1 .wrap h1.heading_title {
    margin: 0;
}

.tuyen_dung_sec_1 .wrap .nav_bottom>ul {
    list-style: none;
    margin: 0;
    display: flex;
    align-items: center;
    color: var(--6, #000);
}

.tuyen_dung_sec_1 .wrap .nav_bottom>ul li {
    display: flex;
    align-items: center;
}

.tuyen_dung_sec_1 .wrap .nav_bottom>ul li:not(:last-child) {
    margin-right: 2.083rem;
}

.tuyen_dung_sec_1 .wrap .nav_bottom>ul li .icon {
    margin-right: 0.521rem;
}

.tuyen_dung_sec_1 .wrap .share li {
    margin: 0 0 0 0.78125rem !important;
}

.tuyen_dung_sec_1 .nav_bottom {
    margin: 0.625rem 0 1.042rem;
    border: none;
    padding-bottom: 1.042rem;
    border-bottom: 1px solid #E1E1E1;
}

.tuyen_dung_sec_1 .box.text_center {
    height: 100%;
    background: #204B9E;
    padding: 2.34375rem 3.021rem;
}

.tuyen_dung_sec_1 .box.text_center * {
    color: #fff;
}

.tuyen_dung_sec_1 .box.text_center h3 {
    text-transform: uppercase;
    font-size: 1.302rem;
    font-weight: 600;
}

a.scroll_to_form {
    height: 2.292rem;
    background: var(--2, #E6141D);
    display: inline-flex;
    width: auto;
    align-items: center;
    justify-content: center;
    font-size: 1.042rem;
    font-weight: 600;
    padding: 0 1.302rem;
    border-radius: 100px;
    line-height: normal;
    margin: 1.042rem 0 2.083rem;
}

a.scroll_to_form svg {
    margin-left: 0.417rem;
}

.tuyen_dung_sec_1 .wrap .grid-33 {
    padding-right: 0;
}

.tuyen_dung_sec_2 .item {
    display: flex;
}

.tuyen_dung_sec_2 .wrap_items .item h3 {
    width: 12.5rem;
    flex: 0 0 auto;
    font-size: 1.042rem;
    padding-right: 1.042rem;
    font-weight: 600;
    color: var(--6, #000);
    text-transform: uppercase;
}

.tuyen_dung_sec_2 .wrap_items .item {
    padding: 2.083rem 0;
}

.tuyen_dung_sec_2 .wrap_items .item:not(:last-child) {
    border-bottom: 1px solid rgba(102, 102, 102, 0.20);
}

.tuyen_dung_sec_2 .grid-66.tablet-grid-66 {
    padding-right: 2.5rem;
}

.tuyen_dung_lien_quan .wrap_title {
    background: #204B9E;
    text-align: center;
    font-size: 1.302rem;
    font-weight: 600;
    height: 3.90625rem;
    color: #fff;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    padding: 0 2.5rem;
}

.wrap_post_td {
    padding: 0 2.5rem;
}

.wrap_post_td .item {
    padding: 1.042rem 0;
    align-items: center;
    justify-content: space-between;
}

.wrap_post_td .item svg {
    flex: 0 0 auto;
    margin-left: 1.042rem;
}

.wrap_post_td .item:not(:last-child) {
    border-bottom: 1px solid rgba(102, 102, 102, 0.20);
}

.wrap_post_td .item h3 {
    color: var(--1, #204B9E);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.9375rem;
}

.tuyen_dung_lien_quan {
    background: #F1F9FF;
    border-radius: 20px;
    overflow: hidden;
    padding-bottom: 0.78125rem;
}
.tuyen_dung_sec_2 .grid-33.tablet-grid-33 {
    padding-right: 0;
}
div#form_td {
    border-radius: 20px;
    background: var(--8, #F1F9FF);
    padding: 3.646rem 4.6875rem;
    margin-top: 4.167rem;
    display: inline-block;
}

.tuyen_dung_sec_2 .wrap_items .item:first-child {
    padding-top: 0;
}

div#form_td .content {
    font-size: 0.833rem;
    margin-bottom: 0.521rem;
}

div#form_td .wpcf7-submit {
    margin: 0;
    float: right;
}

div#form_td h2.heading_title {
    font-size: 2.083rem;
    margin-bottom: 1.5625rem;
}
section.section.tuyen_dung_sec_2 {
    padding-bottom: 6.25rem;
}
.tuyen_dung_page_1 {
    padding-top: 7.8125rem;
}

.tuyen_dung_page_1 .content {
    max-width: 48.59375rem;
    margin: 0 auto 0.521rem;
}

.tuyen_dung_page_1 img {
    width: 100%;
    display: block;
}

.tuyen_dung_page_2 .content {
    margin-bottom: 2.604rem;
}

table.table_td thead {
    font-size: 1.042rem;
    font-weight: 500;
    color: #fff;
    height: 4.375rem;
    border-radius: 20px;
    overflow: hidden;
    text-align: center;
}

table.table_td thead tr {
    background: #204B9E;
    border-radius: 20px;
    overflow: hidden;
}

table.table_td th:first-child,table.table_td td:first-child {
    width: 8.854rem;
    text-align: center;
}

table.table_td td:first-child {
    font-size: 1.5625rem;
    color: var(--6, #000);
}

table.table_td td {
    font-size: 0.9375rem;
    color: var(--6, #000);
    text-align: center;
    padding: 1.302rem;
}

table.table_td thead th {
    text-align: center;
}

table.table_td td:nth-child(2),table.table_td th:nth-child(2) {
    text-align: left;
    width: 25rem;
}

table.table_td td:nth-child(2) a {
    color: var(--1, #204B9E);
    text-transform: uppercase;
    font-weight: 600;
}

.tuyen_dung_page_2 {
    padding-bottom: 6.25rem;
}

.tuyen_dung_page_2 ul.thenativePagination {
    margin-top: 2.604rem;
}

a.apply_position {
    height: 2.292rem;
    border-radius: 50px;
    border: 1px solid var(--1, #204B9E);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 2.083rem;
    font-size: 1.042rem;
    font-weight: 600;
    color: var(--1, #204B9E);
    transition: .5s all;
}

a.apply_position:hover {
    background: #E6141D;
    border-color: #E6141D;
    color: #fff;
}

table.table_td th:not(:last-child), table.table_td td:not(:last-child) {
    border-right: 1px solid rgba(102, 102, 102, 0.10);
}

table.table_td {
    border-radius: 20px;
    overflow: hidden;
}

table.table_td tr:last-child td {
    border-bottom: none !important;
}

.service_sec_1 {
    padding-top: 4.167rem;
}


.service_sec_1 .box_img img {
    width: 100%;
    display: block;
    border-radius: 20px;
}


.service_sec_1 .box_content h1.heading_title {
    font-size: 2.604rem;
}

.service_sec_1 .box_content .add_items {
    display: flex;
    margin: 1.5625rem  -1.042rem 0;
}

.service_sec_1 .box_content .add_items .item {
    width: calc(calc(100% / 3) - 2.083rem);
    margin: 0 1.042rem;
    text-align: center;
}

.service_sec_1 .box_content .add_items .icon {
    height: 3.125rem;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 1.042rem;
    position: relative;
}

.service_sec_1 .box_content .add_items .icon img {
    max-height: 100%;
    width: auto;
}

.service_sec_1 .box_content .add_items h3 {
    font-size: 0.833rem;
    letter-spacing: 1.28px;
    text-transform: uppercase;
    color: var(--3, #000);
    font-weight: 500;
}

.service_sec_2 {
    padding: 4.167rem 0 5.208rem;
}

.service_sec_2 h3.heading_title {
    font-size: 1.5625rem;
    font-weight: 600;
}

.service_sec_2 .item {
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 0px 1.042rem 0px rgba(0, 18, 50, 0.10);
    padding: 4.167rem;
}

.service_sec_2 .item .wrap_items {
    display: flex;
    align-items: center;
}

.service_sec_2 .item .wrap_items .box_content {
    width: 50%;
}

.service_sec_2 .item .wrap_items .box_img {
    width: 50%;
    text-align: center;
}

.service_sec_2 .item .wrap_items h3.heading_title {
    font-size: 2.083rem;
}

.service_sec_2 .item .box:not(:last-child) {
    margin-bottom: 3.125rem;
}

.service_sec_2 .item:not(:last-child) {
    margin-bottom: 4.6875rem;
}

.service_sec_2 .item  .wrap {
    border-radius: 10px;
    border: 1px solid var(--1, #204B9E);
    overflow: hidden;
    position: relative;
}

.service_sec_2 .item .wrap td:nth-child(1) {
    background: var(--1, #204B9E);
    color: #fff;
    font-weight: 600;
    font-size: 0.9375rem;
}

.service_sec_2 .item .wrap table {
    text-align: center;
}

.service_sec_2 .item .wrap table td {
    text-align: center;
    padding: 1.302rem 1.042rem;
    font-size: 0.9375rem;
    color: var(--6, #000);
    width: 10% !important;
    min-width: 14.948rem;
    width: auto !important;
}

.service_sec_2 .item ul.nav {
    display: block !important;
    background: #F1F9FF;
}

.service_sec_2 .item ul.nav li {
    width: 100%;
    text-align: center;
    font-size: 1.042rem;
    color: var(--1, #204B9E);
    font-weight: 500;
    margin: 0 !important;
    padding: 1.042rem 0.78125rem;
}

.service_sec_2 .item ul.nav li:not(:last-child) {
    border-bottom: 1px solid rgb(0 0 0 / 20%);
}

.service_sec_2 .item .wrap table tr:first-child td {font-size: 1.042rem;color: var(--1, #204B9E);font-weight: 500;text-transform: uppercase;background: #F1F9FF;}

.service_sec_2 .item .wrap table tr:first-child td:first-child {
    color: var(--4, #FFF);
    background: #204B9E;
}

.service_sec_2 .item .wrap table tr td:first-child {width: 18.75rem !important;min-width: 18.75rem;}

.service_sec_2 .box>.heading_title {
    margin-bottom: 1.5625rem;
}

.service_sec_2 .item .wrap .content {
    overflow: auto;
}
.service_sec_2 .item .wrap .content::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.service_sec_2 .item .wrap .content {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
    position: relative;
}
.arrow_scroll {
    position: absolute;
    width: 1.51rem;
    height: 1.51rem;
    background: #204B9E;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.3125rem;
    right: 0.208rem;
    top: 0.3125rem;
    cursor: pointer;
}

.arrow_scroll.next {
    top: 2.083rem;
}
.service_sec_2 .item .wrap table td:not(:last-child) {
    border-right: 1px solid rgb(0 0 0 / 20%);
}
.service_page {
    padding: 7.8125rem 0;
}

.service_page .wrap_items {
    margin-top: 2.604rem;
}

.item_service {
    display: flex;
    box-shadow: 0 0 0.521rem #33333347;
    border-radius: 20px;
    padding: 0.208rem;
    align-items: center;
    cursor: pointer;
    transition: .5s all;
    background: #fff;
    position: relative;
}

.item_service .box_img {
    width: 60%;
    flex: 0 0 auto;
    border-radius: 20px 0 0 1.042rem;
    overflow: hidden;
    padding-bottom: 35%;
    position: relative;
}

.item_service .box_content {
    width: 40%;
    padding: 2.083rem 3.646rem;
    position: relative;
}

.item_service .box_content h3 {
    font-size: 2.083rem;
    transition: .5s all;
}

.item_service .box_content .content {
    margin: 0.78125rem 0 1.5625rem;
    transition: .5s all;
}

.item_service:not(:last-child) {
    margin-bottom: 3.125rem;
}

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

.item_service:nth-child(odd) .box_img {
    order: 2;
    border-radius: 0 1.042rem 1.042rem 0;
}

.item_service:hover .box_content .content,.item_service:hover .box_content h3 {
    color: #fff;
}

.item_service:hover {
    background: #204B9E;
}

.item_service a.button_link.color:hover {
    background-color: #D90C15 !important;
}
.wrap_gallery {
    display: flex;
}

.wrap_gallery .slider_left {
    height: 25.78125rem;
    width: 8.073rem;
    flex: 0 0 auto;
    margin-right: 1.5625rem;
    position: relative;
}

.galery_doc {
    max-height: 100%;
}

.galery_doc .item {
    position: relative;
    padding-bottom: 100%;
    border-radius: 10px;
    overflow: hidden;
    background: #F5F5F5;
    cursor: pointer;
    border: 2px solid transparent;
}

.galery_doc .item img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    max-height: 80%;
}

.galery_doc .item svg {
    width: 2.604rem;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.galery_ngang .item {
    position: relative;
    padding-bottom: 100%;
    background: #F5F5F5;
    border-radius: 20px;
    overflow: hidden;
}

.slider_right {
    max-width: calc(100% - 9.635rem);
    width: 100%;
}

.galery_ngang .item svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.galery_ngang .item img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 80%;
    max-height: 80%;
    width: auto;
    height: auto;
}

.product_info {
    padding-left: 5.208rem;
}

.product_info h1.heading_title {
    font-size: 2.604rem;
    text-transform: unset;
    margin: 0.78125rem 0 1.5625rem;
}

.product_info .product_id {
    color: #000;
}

.product_sec_1  ul.nav_info {
    list-style: none;
    margin: 5.208rem 0 0 0;
    display: flex;
}

.product_sec_1 ul.nav_info li {
    padding: 0.78125rem 1.5625rem;
    border-radius: 20px 20px 0px 0px;
    background: var(--1, #204B9E);
    font-size: 1.042rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
}

.product_sec_1 .box {
    box-shadow: 0px 0px 1.042rem rgba(32, 75, 158, 0.10);
    padding: 2.604rem;
    border-radius: 0 1.042rem 1.042rem 1.042rem;
}

.product_sec_1 .box .conent, .product_sec_1 .box table,.product_sec_1 .box table td {
    color: var(--6, #000);
}

.product_sec_1 .box table td:first-child {
    color: var(--1, #204B9E);
    font-weight: 600;
}

.product_sec_1 .box table td {
    padding: 0.885rem 0;
}

.product_sec_1 {
    padding: 4.167rem 0 2.604rem;
}

.item.video_item {
    background: #00000047;
}

.item.video_item img {
    opacity: .5;
}
.item_product .box_content .inner {
    position: relative;
}
.product_related {
    padding-top: 6.771rem;
}

.slider_product .item_product {
    width: calc(100% - 0.521rem);
}

.slider_product {
    padding: 2.604rem 0;
}

.slider_arrow {
    border-radius: 0.26rem;
    width: 1.875rem;
    height: 1.875rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.40);
    display: flex;
    align-items: center;
    justify-content: center;
}

.galery_doc .swiper-slide-thumb-active .item {
    border-color: #D90C15;
}
.box_product {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.521rem;
}

.box_product .item_product {
    width: calc(calc(100% / 3) - 0.521rem);
}

.product_page {
    padding: 5.208rem 0;
}

.product_page .grid-100.tablet-grid-100 {
    margin-bottom: 4.6875rem;
}

.product_filter>h3 {
    color: var(--1, #204B9E);
    font-size: 1.042rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0.78125rem;
}

ul.terms_product {
    padding: 0.78125rem 1.302rem;
    background: #F1F9FF;
    list-style: none;
    margin: 0;
}

ul.terms_product>li>a {
    display: flex;
    flex-wrap: wrap;
    font-size: 0.9375rem;
    color: var(--1, #204B9E);
    font-weight: 600;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 1.042rem 0;
    cursor: pointer;
}

ul.terms_product>li>a>span {
    width: 0.833rem;
    height: 0.833rem;
    position: relative;
    cursor: pointer;
    margin: 0;
}

ul.term_child {
    margin: 0;
    list-style: none;
    width: 100%;
    display: none;
    padding-bottom: 1.042rem;
}

ul.terms_product>li>a>span:before,ul.terms_product>li>a>span:after {
    width: 100%;
    height: 2px;
    background: #204B9E;
    content: '';
    position: absolute;
    border-radius: 100px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

ul.terms_product>li>a>span:after {
    transform: translate(-50%, -50%) rotate(90deg);
}

ul.term_child li {
    margin-top: 1.042rem;
    font-weight: 300;
}

ul.term_child li a {
    display: flex;
    align-items: center;
}

ul.term_child li a span {
    width: 0.78125rem;
    height: 0.78125rem;
    border-radius: 20px;
    border: 1.5px solid var(--3, #001022);
    opacity: 0.5;
    margin-right: 0.677rem;
}

ul.term_child ul {
    list-style: none;
    margin: 0.78125rem 0 0 1.042rem;
}

ul.terms_product>li:not(:last-child) {
    border-bottom: 1px solid rgb(32 75 158 / 20%);
}

.product_filter {
    margin-right: 1.5625rem;
}

ul.term_child li a {
    color: var(--6, #000);
    font-size: 0.9375rem;
}

ul.terms_product>li.active span.toggle:after {
    transform: translate(-50%, -50%) rotate(0deg);
}

ul.terms_product>li>a {
    display: flex;
    justify-content: space-between;
}

ul.terms_product li {
    margin: 0;
}

ul.terms_product li:not(:last-child) {
    margin-bottom: 1.042rem;
}

ul.terms_product>li {
    margin: 0 !important;
}

ul.term_child li a.active>span {
    border-color: #204B9E;
    background-color: var(--1, #204B9E);
    opacity: 1;
    background-image: url(../images/icon_check.svg);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center;
}

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

.paging {
    width: 100%;
    margin-top: 1.5625rem;
}

.paging ul li {
    margin: 0;
}

.paging ul li a {
    width: 2.448rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 1.5625rem;
    border-bottom: 2px solid transparent;
    font-size: 0.9375rem;
    color: #000;
}

.paging ul li a.active {
    border-color: #204B9E;
    color: var(--1, #204B9E);
    font-weight: 600;
}
div#load_product,
#load_product_search{
    position: relative;
}

div#load_product:before,
#load_product_home:before,
#load_product_search:before{
    position: absolute;
    top: 13.021rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    width: 3.646rem;
    height: 3.646rem;
    content: '';
    background-size: cover;
    background-image: url(../images/icon_loading.gif);
    display: none;
}
div#load_product.active:before,
#load_product_home.active:before,
#load_product_search.active:before{
    display: block;
}
div#load_product.active>*,
#load_product_home.active>*,
#load_product_search.active>*{
    opacity: .2;
}
.header-main {
    height: auto !important;
}

.header, .header-wrapper {
    height: auto !important;
}

.header-nav>li>a {
    line-height: 3.75rem;
    padding: 0;
    font-size: 0.9375rem;
    font-weight: 400;
    text-transform: unset;
    color: var(--6, #000);
}

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

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

.header-nav>li:not(:last-child) {
    margin-right: 4.167rem;
}

.nav-column li.active>a, .nav-column li>a:hover, .nav-dropdown li.active>a, .nav-dropdown>li>a:hover, .nav-vertical-fly-out>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav>li>a:hover {
    color: var(--7, #D90C15);
}

.header-search a i {
    color: #204B9E;
}

.header-bg-color, .header-bg-image {
    background: #fff !important;
}

#logo {
    width: auto !important;
    margin: 0 !important;
    position: relative;
}

#logo:before {
    width: 10.208rem;
    height: 4.271rem;
    content: '';
    position: absolute;
    background: #fff;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    bottom: -1.458rem;
    border-radius: 50%;
}

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

#logo img {
    height: 3.229rem !important;
    transform: translateY(0.521rem);
}

.footer_top {
    background: var(--1, #204B9E);
    padding: 2.083rem 0;
}

.footer_top .grid-container {
    display: flex;
    align-items: center;
}

.footer_top  h2.heading_title {
    font-size: 1.5625rem;
    margin-bottom: 0.521rem;
}

.footer_top h2.heading_title+.content {
    font-size: 0.833rem;
}

.form_bottom {
    display: flex;
}

.form_bottom span.wpcf7-spinner {
    position: absolute;
}

.form_bottom input:not([type=submit]) {width: 100%;height: 2.604rem;border-radius: 100px;box-shadow: none;padding: 0 1.5625rem;margin: 0;}

.form_bottom   span.wpcf7-form-control-wrap {
    width: 100%;
}

.form_bottom input[type="submit"] {
    position: absolute;
    top: 0.3125rem;
    height: 1.875rem;
    background: var(--2, #E6141D);
    font-size: 1.042rem;
    font-weight: 500;
    text-transform: unset;
    border-radius: 100px;
    margin: 0;
    min-height: unset;
    line-height: normal;
    padding: 0 1.042rem;
    right: 0.521rem;
}

.footer_top form {
    margin: 0;
}

footer#footer {
    padding-top: 3.90625rem;
}

footer#footer .wrap_col {
    display: flex;
}

footer#footer .wrap_col .colum {
    width: 100%;
}

footer#footer .wrap_col .colum.footer_1 {
    width: 18.229rem;
    flex: 0 0 auto;
}

footer#footer img.logo_footer {
    max-width: 9.896rem;
    display: block;
}

span.title_footer {
    font-size: 0.9375rem;
    color: var(--1, #204B9E);
    font-weight: 700;
    display: block;
    text-transform: uppercase;
    margin-bottom: 0.521rem;
}

footer#footer .wrap_col .colum.footer_2 {
    width: 12.5rem;
    flex: 0 0 auto;
    margin-right: 5.208rem;
}

footer#footer .wrap_col .colum.footer_2 .content {
    font-size: 0.833rem;
}

footer#footer .wrap_col .colum.footer_2 .content p {
    margin-bottom: 0.208rem;
}

.menu_footer li {
    border: none !important;
}

.menu_footer li a {
    font-size: 0.833rem;
    color: #333;
    display: block;
    padding: 0 !important;
}

.menu_footer li:not(:last-child) {
    margin-bottom: 0.365rem;
}

footer#footer a {
    transition: .5s all;
}

footer#footer a:hover {
    color: var(--2, #E6141D);
}

.footer_nav {
    margin-top: 2.604rem;
    padding: 1.042rem 0;
    border-top: 1px solid rgba(0, 0, 0, 0.20);
}

.footer_nav .content {
    font-size: 0.833rem;
}
.slider_banner:before{
    background-image: url(../images/line_banner.png);
    height: 6.198rem;
    width: 100%;
    content: '';
    position: absolute;
    bottom: -1px;
    z-index: 9;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.home_sec_4:before {
    background-image: url(../images/map-dot.png);
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    top: -3.073rem;
    background-size: auto;
    background-position: top center;
    background-repeat: no-repeat;
}
ul.list_tax.filter_product_home {
    margin-bottom: 2.604rem;
}
#load_product_home.active:before {
    top: 20.833rem;
}
.home_sec_4:after {
    background-image: linear-gradient(180deg, rgba(32, 75, 158, 0.00) 0%, rgba(18, 60, 142, 0.64) 42.14%, #123C8E 77.53%);
    width: 100%;
    height: 80%;
    content: '';
    position: absolute;
    bottom: 0;
}

.home_sec_4 .grid-container {
    z-index: 2;
}
section.section.about_sec_1.css_bg {
    overflow: unset;
    z-index: 2;
}

.about_sec_1 .content.hide_content.active {
    text-overflow: ellipsis;
    -webkit-line-clamp: 100;
}
section.section.about_sec_3:before {
    width: 100%;
    height: 6.25rem;
    content: '';
    position: absolute;
    bottom: 0;
    z-index: 2;
    background-image: url(../images/line_ab_page.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.about_sec_4:before {
    height: 20%;
    width: 100%;
    content: '';
    background-image: linear-gradient(180deg, #ecf0f7, #f0f3f8);
    position: absolute;
    top: 0;
}
.container-width, .full-width .ubermenu-nav, .container, .row {
    max-width: 72.917rem;
}
.about_sec_1 .box_img a svg {
    max-width: 3.125rem;
    height: auto;
}
.slider_banner .item .box_content a svg {
    max-width: 7.552rem;
    height: auto;
}
.no_line .slider_banner:before {
    display: none;
}
.open_filter{
    display: none;
}
.searchform .button.icon {
    background: #204b9e;
}

.request_page {
    padding: 5.208rem 0;
}

.request_page  h2.heading_title {
    font-size: 2.083rem;
    margin-bottom: 2.083rem;
}

.request_page .form_request .box {
    box-shadow: 0px 0px 20px 0px rgba(32, 75, 158, 0.10);
    border-radius: 20px;
    display: inline-block;
    padding: 2.083rem 2.604rem;
}

.request_page .form_request .box h3 {
    margin: 0 0.521rem 1.5625rem;
    font-size: 25px;
    color: var(--1, #204B9E);
    font-weight: 600;
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(0 0 0 / 20%);
    position: relative;
}

.request_page .form_request .box h3:before {
    width: 3.802rem;
    height: 2px;
    content: '';
    position: absolute;
    bottom: 0;
    background: #204B9E;
}

.form_request .wpcf7-form-control-wrap input:not(.wpcf7-file), .form_request .wpcf7-form-control-wrap textarea {
    height: 2.604rem;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.30);
    font-size: 0.833rem;
    color: #666;
    box-shadow: none;
    padding-left: 1.042rem;
    margin-bottom: 1.5625rem;
    padding-right: 1.042rem;
}

.form_request .wpcf7-form-control-wrap input:focus {
    border: 1px solid var(--1, #204B9E) !important;
}

.form_request label {
    font-size: 0.9375rem;
    font-weight: 600;
    margin-bottom: 0.78125rem;
}

.form_request label span {
    color: var(--2, #E6141D);
}

.request_page .form_request .box:not(:last-child) {
    margin-bottom: 2.604rem;
}

.form_request .input_style .wpcf7-form-control-wrap input:not(.wpcf7-file) {
    height: 2.083rem;
}

.form_request {
    display: inline-block;
}

.stocklist_category {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.group_radio h4 {
    font-size: 0.9375rem;
    font-weight: 600;
    margin-bottom: 0.78125rem;
}

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

.group_radio ul li label {
    font-size: 0.9375rem;
    font-weight: 300;
    cursor: pointer;
}

.group_radio ul li input {
    margin: 0 0.365rem 0 0;
    width: 0.78125rem;
    height: 0.78125rem;
    cursor: pointer;
}

.group_radio ul li {display: inline-block;}

.group_radio ul li:not(:last-child) {
    margin-right: 1.5625rem;
}

.group_radio {
    margin-bottom: 2.042rem;
}
ul.terms_parents.full li {
    display: block;
    margin-right: 0 !important;
}

ul.terms_child_level_2 {
    border-radius: 10px;
    background: #F1F9FF;
    padding: 1.302rem 0.625rem 0.78125rem 1.5625rem;
    margin-top: 10px;
}
li.other_radio {
    display: flex !important;
    align-items: center;
    width: 100%;
    justify-content: flex-start;
}

li.other_radio label.text_radio {
    margin: 0;
    width: auto;
}

li.other_radio label.text_radio input[type="text"] {
    margin: 0 !important;
}

.group_radio ul li.other_radio .wpcf7-form-control-wrap input {
    margin: 0;
    width: 9.375rem;
    height: 2.083rem;
    margin-left: 0.521rem;
}

li.other_radio>input:checked+label+.wpcf7-form-control-wrap {
    pointer-events: unset;
}

.group_radio ul li.other_radio .wpcf7-form-control-wrap {
    pointer-events: none;
}
[data-name="content_cat"] {
    display: none !important;
}
.text_center.wrap_form {
    display: flex;
    justify-content: center;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    background: #ffff;
}

.footer_top .wpcf7 .wpcf7-not-valid-tip {
    margin-top: 0;
}
.slider_banner .button_link {text-transform: unset;}

.swiper-pagination {
    position: absolute;
    bottom: 5.729rem !important;
    left: calc(calc(100vw - 73.958rem)/2) !important;
    z-index: 9 !important;
    display: inline-flex;
}

.swiper-pagination span {
    background: #fff;
}
.about_sec_4 .arrow_slider.prev {
    left: -1rem;
}

.about_sec_4 .arrow_slider.next {
    right: 0.354rem;
}
.item_service a.button_link.color:before{
    content: '';
    position: absolute;
    background-image: url(../images/button_hover.svg);
    width: 100%;
    height: 100%;
    z-index: 9;
    right: 0;
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
    opacity: 0;
    pointer-events: none;
    transition: .5s all;
}
.item_service a.button_link.color:hover:before{
    opacity: 1;
}
.about_sec_3 .box_content h2.heading_title svg {
    margin-bottom: .8rem !important;
}
.service_sec_1 .box_content .add_items .icon:before {
    width: 2.865rem;
    height: 2.865rem;
    background: var(--2, #E6141D);
    opacity: 0.2;
    content: '';
    position: absolute;
    z-index: 9;
    left: 1.40625rem;
    border-radius: 50%;
}
.nav-dropdown {
    display: block;
}

.nav-dropdown>li.image-column, .nav-dropdown>li.nav-dropdown-col {
    display: block;
}
.header-nav>li>ul>li >ul {
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(100%);
    background: #fff;
    opacity: 0;
    pointer-events: none;
}

.header-nav>li>ul>li:hover >ul {
    opacity: 1;
    pointer-events: unset;
}

.nav-dropdown.nav-dropdown-default>li>a {
    display: block !important;
}

.nav-dropdown.nav-dropdown-default>li {
    display: block !important;
    width: auto;
}
.nav-dropdown-default .nav-column li>a{
    padding: 0.521rem 1.042rem;
}
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {
    font-size: 0.9375rem;
    font-weight: 400;
    color: var(--6, #000);
    margin: 0;
    padding: 0.625rem 1.042rem;
    white-space: pre-wrap;
    display: inline-block !important;
    width: 100% !important;
    text-transform: unset;
}

.nav-dropdown-has-shadow .nav-dropdown,.nav-dropdown-has-shadow .nav-dropdown ul {padding: 0;width: 200px;animation: none;}
.nav-dropdown-default .nav-column li>a:hover, .nav-dropdown.nav-dropdown-default>li>a:hover {
    color: #204B9E;
    background-color: #F1F9FF;
}
.page-template-about div#breadcrumb,.home div#breadcrumb {
    display: none;
}
div#breadcrumb ul {
    list-style: none;
    display: flex;
}
.home_sec_1 div#breadcrumb {
    position: absolute;
    bottom: 0;
    z-index: 9;
}

div#breadcrumb * {
    color: #666;
    font-style: unset;
    opacity: 1 !important;
    stroke: #666;
    font-size: 0.9375rem;
    font-weight: 300;
}
.home_sec_1 div#breadcrumb *{
    color: #fff;
    stroke: #fff;
}

div#breadcrumb li.list_br.active_term * {
    font-weight: 600;
}
div#breadcrumb {
    margin-top: 3rem;
}
.item_posts:hover .box_content .date_post .date {
    color: var(--2, #E6141D);
}

.item_posts:hover h3 {
    color: var(--1, #204B9E);
}
table.table_td tbody tr:hover {
    background: var(--8, #F1F9FF);
}
.service_sec_1 .inner_img {
    width: 100%;
    padding-bottom: 65%;
    position: relative;
    border-radius: 1.042rem;
    overflow: hidden;
}

.service_sec_1 .inner_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.service_sec_1 .box_content .content {
    max-height: 8.75rem;
    overflow: auto;
    padding-right: 1.042rem;
}
.service_sec_1 .box_content .content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #fff;
}

.service_sec_1 .box_content .content::-webkit-scrollbar {
    width: 0.15625rem;
    background-color: #E6141D;
}

.service_sec_1 .box_content .content::-webkit-scrollbar-thumb {
    background-color: #E6141D;
}
.home_sec_4 .wrap_items .counter {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    color: transparent;
    display: inline-block;
    margin-right: 0.46875rem;
    transition: .5s all;
}
.home_sec_4 .wrap_items .item:hover .counter{
    color: #9EC0FF;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #9EC0FF;
}
.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:after, .nav-dropdown-has-arrow li.current-dropdown.has-dropdown:before {
    display: none;
} .nav-dropdown.nav-dropdown-default>li>a{
    background-image: url(../images/icon_right.svg);
    background-repeat: no-repeat;
    background-position: right 0.3125rem center;
}

@media only screen and (max-width: 1199px) {
    body, html {
        font-size: 1.2vw;
    }
    section.section.about_sec_1.css_bg {
        background-size: cover;
        background-position: bottom;
    }
    section.breadcrumbs{
        display: none !important;
    }
    section.section.about_sec_3:before{
        display: none;
    }
    .about_sec_4{
        padding-top: 4rem;
    }
    .about_sec_1:before {
        height: 100%;
        opacity: .7;
    }
    .home_sec_3 {
        padding-bottom: 5rem;
        background-position: top -2.208rem center;
    }
}
@media only screen and (max-width: 850px) {

    .content {
        font-size: 1.3rem;
    }

    .home_sec_3 .box_img {
        margin-top: 5rem;
    }

    .list_post .item .box_date .date {
        font-size: 1rem;
    }

    .list_post .item .box_date .month {
        font-size: 2rem;
    }

    a.buy_now {
        height: 3.083rem;
        font-size: 1.5rem;
    }
    .arrow_scroll {
        /* display: none; */
    }

}
@media only screen and (max-width: 767px) {
    body, html {
        font-size: 3vw;
    }

    .slider_banner .item {
        padding-bottom: 100%;
    }

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

    .slider_banner .item:before {
        z-index: 2;
    }

    .slider_banner .item .box_content {
        left: 2rem;
    }

    .slider_banner:before {
        height: 2.5rem;
    }

    .home_sec_2 {
        padding-top: 3rem;
    }

    .wrap_slider .arrow_slider {
        left: -1.5rem;
    }

    .wrap_slider .arrow_slider svg {
        max-width: 2rem;
    }

    .wrap_slider .arrow_slider.next {
        right: -1.5rem;
    }

    .home_sec_3 {
        padding-top: 3rem;
    }

    .button_link {
        height: 3rem;
        padding-right: 5.4rem;
        font-size: 1.3rem;
    }

    .home_sec_4 {
        padding-top: 0;
        padding-bottom: 3rem;
    }

    .home_sec_4 .wrap_items {
        flex-wrap: wrap;
    }

    .home_sec_4 .wrap_items .item {
        width: calc(50% - 4.167rem);
        transform: unset !important;
    }

    .home_sec_4 .wrap_items .content {
        position: unset !important;
    }

    .home_sec_5 {
        padding: 3rem 0;
    }

    ul.list_tax li {
        flex: 0 0 auto;
    }

    ul.list_tax {
        justify-content: flex-start;
        overflow: auto;
        padding-bottom: .5rem;
    }

    .item_product {
        width: calc(50% - 0.521rem);
    }

    .item_product .box_content h3 {
        font-size: 1.2rem;
        height: 4.8625rem;
    }

    .home_sec_6 .box_content {
        width: 90%;
        bottom: 2rem;
    }

    .home_sec_6 .box_content h2.heading_title {
        font-size: 2rem;
    }

    .home_sec_7 {
        padding: 3rem 0;
    }

    .box_posts .item {
        width: 100% !important;
        padding-bottom: 56.25% !important;
        margin-top: 2rem !important;
    }

    .list_post .item .box_date {
        width: 4rem;
    }

    footer#footer .wrap_col {
        flex-wrap: wrap;
    }

    footer#footer .wrap_col>* {
        width: 100% !important;
        margin: 0 0 2rem !important;
    }

    span.title_footer {
        font-size: 1.6rem;
    }

    footer#footer .wrap_col .colum.footer_2 .content {
        font-size: 1.2rem;
    }

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

    .menu_footer li:not(:last-child) {
        margin-bottom: .8rem;
    }

    .footer_nav .content {
        font-size: 1.2rem;
    }

    .footer_nav {
        margin: 0;
    }

    .about_sec_1 .box_content {
        padding: 0;
    }

    .about_sec_1 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .about_sec_1 .wrap_img {
        clip-path: unset;
    }

    .about_sec_2 {
        padding-top: 3rem;
    }

    .about_sec_1 .box_img a span {
        font-size: 1.2rem;
        top: -4.396rem;
        left: 0.221rem;
    }

    .about_sec_2 .content:not(.top) {
        margin: 0;
    }

    .about_sec_3 {
        padding-bottom: 132%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

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

    .about_sec_3 .grid-container {
        position: unset;
        z-index: 2;
    }

    .about_sec_3 .box_content {left: 2rem;max-width: 100%;width: 100%;max-width: 90vw;}

    .wrap_slide_vertical.display_flex {
        display: none;
    }

    .mySwiper2 .item {
        flex-wrap: wrap;
        padding: 1rem;
        max-width: calc(100% - 2rem);
        margin: 0 1rem !important;
    }

    .mySwiper2 .item .box_img {
        max-width: 100%;
        margin: 0 0 2rem 0;
    }

    .swiper.mySwiper2.gelery_for {
        margin-top: 2rem;
    }

    .about_sec_5 .wrap_items .item {
        width: calc(calc(100%) - 2.083rem);
        margin-bottom: 3rem;
    }

    .about_sec_5 .wrap_items {
        flex-wrap: wrap;
    }

    .about_sec_5 .wrap_items .item .inner {
        padding-bottom: 100%;
    }

    .about_sec_4 {
        padding-bottom: 0;
    }

    .about_sec_6 .box_content {
        padding: 2rem;
    }

    .about_sec_7 {
        padding: 3rem 0;
    }
    .no_line .slider_banner .item {
        padding-bottom: 60%;
    }

    .contact_page {
        padding: 3rem 0;
    }

    .contact_page .grid-66.tablet-grid-66 {
        padding-left: 10px;
        margin-top: 2rem;
    }

    .contact_page .list_info .item a {
        font-size: 1.4rem;
    }

    .contact_page .list_info .item .icon {
        width: 3.2rem;
    }

    .contact_page iframe {
        margin: 0;
        height: 20rem;
    }

    .news_page .box_posts .item {
        margin: 0 0 2rem 0 !important;
        padding-bottom: 60% !important;
    }

    .wrap_posts .item_posts {
        width: calc(calc(100% ) - 1.042rem);
    }

    .item_posts .box_content .date_post .date {
        font-size: 2.6rem;
    }

    .item_posts .box_content .date_post .month {
        font-size: 1.2rem;
    }

    .item_posts .box_content .date_post {}

    .item_posts h3 {
        font-size: 1.5rem;
    }
    .news_page .box_posts .item {
        float: unset !important;
        width: 100%;
    }

    .news_page .box_posts {
        width: 100%;
        margin: 0;
    }
    .related_post {
        padding-top: 3rem;
    }
    .item_service {
        flex-wrap: wrap;
    }

    .item_service>* {
        width: 100% !important;
        order: unset !important;
    }

    .item_service .box_img {
        border-radius: 20px !important;
        padding-bottom: 60%;
    }

    .item_service .box_content {
        padding: 2rem !important;
    }

    .service_page {
        padding: 3rem 0;
    }

    .footer_top .grid-container {
        flex-wrap: wrap;
        display: block;
    }

    .footer_top h2.heading_title+.content {
        font-size: 1rem;
        margin-bottom: 2rem;
    }

    .service_sec_1 .box_content {
        padding-left: 10px;
        margin-top: 2rem;
    }

    .service_sec_2 .item .wrap_items {
        flex-wrap: wrap;
    }

    .service_sec_2 .item .wrap_items>* {
        width: 100% !important;
    }

    .service_sec_2 .item {
        padding: 2.5rem;
    }

    .service_sec_2 .item .wrap table tr td:first-child {
        width: 10.75rem !important;
        min-width: 10.75rem;
    }
    .wrap_table_td {
        overflow: auto;
    }
    .tuyen_dung_page_1 {
        padding-top: 3rem;
    }
    .tuyen_dung_sec_1 .wrap .grid-66 {
        padding: 2.5rem;
    }

    .tuyen_dung_sec_1 .nav_bottom {
        flex-wrap: wrap;
    }

    .tuyen_dung_sec_1 .wrap {
        flex-wrap: wrap;
    }

    .tuyen_dung_sec_1 .wrap .nav_bottom>ul li {
        width: 100% !important;
        font-size: 1.2rem;
        margin-bottom: 2rem;
    }

    .tuyen_dung_sec_1 .wrap .nav_bottom>ul {
        flex-wrap: wrap;
    }

    .tuyen_dung_sec_2 .item {
        flex-wrap: wrap;
    }

    .tuyen_dung_sec_2 .wrap_items .item h3 {
        width: 100%;
        font-size: 2rem;
    }

    .tuyen_dung_sec_2 .grid-66.tablet-grid-66 {
        padding-right: 10px;
    }

    div#form_td {
        padding: 3rem 2.8rem;
    }

    .tuyen_dung_sec_2 .grid-33.tablet-grid-33 {
        padding-right: 10px;
        margin-top: 3rem;
    }
    .product_filter {
        position: fixed;
        top: 0;
        z-index: 999999;
        left: 0;
        width: 100%;
        height: 100%;
        background: #f1f9ff;
        padding: 1rem;
        overflow: auto;
        transform: translateX(-100%);
        transition: .5s all;
    }

    ul.terms_product {
        padding-left: 0;
        padding-right: 0;
    }

    .product_filter>h3 {
        font-size: 2rem;
    }

    ul.terms_product>li>a {
        font-size: 1.5rem;
    }

    ul.terms_product>li>a>span {
        width: 1.5rem;
        height: 1.5rem;
    }

    ul.term_child li a {
        font-size: 1.3rem;
    }

    .product_filter.active {
        transform: translateX(0%);
    }

    .box_product .item_product {
        width: calc(calc(100% / 2) - 0.521rem);
    }
    .open_filter{
        display: block;
    }
    .open_filter {
        position: fixed;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        z-index: 9;
        background: #204b9e;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 3.8rem;
        height: 3.8rem;
        border-radius: 0 10px 10px 0;
    }

    .open_filter svg {
        width: 3rem;
        fill: #fff;
    }
    .product_filter>h3 {
        margin: -1rem -1rem 2rem;
        padding: 1rem;
        background-color: #204B9E;
        width: auto;
        color: #fff;
        background-image: url(../images/close.svg);
        background-repeat: no-repeat;
        background-position: right .5rem  center;
        background-size: 3rem;
    }
    ul.term_child li a span {
        width: 1.8rem;
        height: 1.8rem;
    }
    .nav>li>a>i.icon-menu {
        font-size: 2.3rem;
        color: #204b9e;
    }
    .wrap_form .wpcf7-submit {
        height: 3rem !important;
        background-size: cover;
    }
    .swiper-pagination {
        left: 2rem !important;
        bottom: 3rem !important;
    }
    .service_sec_1 .box_content .content {
        height: auto;
        max-height: unset;
    }
    .home_sec_7 .list_post {
        display: none;
    }

    .home_sec_7 .box_posts .item {
        margin: 2rem 0 0 0 !important;
    }
    .page-template-about .slider_banner .item {
        padding-bottom: 50%;
    }
    .about_sec_1 .box_img a span {
        top: -12.396rem;
        left: -2.879rem;
    }
    .about_sec_4 .arrow_slider.next {
        right: -1rem;
    }
    .nav>li>a {
        font-size: 1.2rem;
    }

    .off-canvas .nav-vertical>li.current-menu-item>a {
        color: #fff !important;
        background: #204b9e;
    }
    *{
        outline: none !important;
    }
    .product_info {
        padding-left: 10px;
        margin-top: 3rem;
    }
    .wrap_gallery {
        flex-wrap: wrap;
    }

    .wrap_gallery>* {
        width: 100% !important;
        margin: 0 !important;
        height: auto !important;
        max-width: 100% !important;
    }

    .wrap_gallery .slider_left {
        order: 2;
        margin-top: 2rem !important;
    }

    .slider_arrow {
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .slider_arrow.bottom {
        right: 0 !important;
        left: unset;
    }

    .slider_arrow svg {
        transform: rotate(-90deg);
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li>a {
        font-size: 1.2rem;
    }
}