@font-face {

    font-family: 'SVN-Poppins B';

    src: url(/wp-content/themes/flatsome-child/font/SVN-Poppins-Bold.otf);

}

@font-face {

    font-family: 'SVN-Poppins Bl';

    src: url(/wp-content/themes/flatsome-child/font/SVN-Poppins-Black.otf);

}

@font-face {

    font-family: 'SVN-Poppins';

    src: url(/wp-content/themes/flatsome-child/font/SVN-Poppins-Regular.otf);

}

@font-face {

    font-family: 'SVN-Poppins S';

    src: url(/wp-content/themes/flatsome-child/font/SVN-Poppins-SemiBold.otf);

}

@font-face {

    font-family: 'SVN-Poppins M';

    src: url(/wp-content/themes/flatsome-child/font/SVN-Poppins-Medium.otf);

}

@font-face {

    font-family: 'SVN-Poppins L';

    src: url(/wp-content/themes/flatsome-child/font/SVN-Poppins-Light.otf);

}



:root {

    --main-color: #BC2149;

    --second-color:#02697C;

    --text-color: #343434;

    --background-color: #F7FAFB;

    --black: #333;

    --font-family: 'SVN-Poppins';

    --font-family-l: 'SVN-Poppins L';

    --font-family-s: 'SVN-Poppins S';

    --font-family-m: 'SVN-Poppins M';

    --font-family-b: 'SVN-Poppins B';

    --font-family-bl: 'SVN-Poppins Bl';

}

html {

    font-size: 15px;

    line-height: 1.5;

}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

    line-height: 1.5 !important;

}

body {

    color: var(--text-color) !important;

    font-size: 15px;

    font-family: var(--font-family);

    line-height: 1.5;

}

textarea {
    min-height: 140px !important;
}

section {

    padding: 50px 0;

}

img {

    display: block;

}

/* *, *:hover {

    transition: all 0.5s;

} */

b,strong {

    font-family: var(--font-family-b);

}

h1, h2, h3, h4, h5, h6 {

    font-family: var(--font-family-s) ;

}

.wrapper {

    position: relative;

}

.wrapper a{

    position: absolute;

    inset: 0;

    z-index: 5;

}

.container {

    position: relative;

}

.title_section {

    text-transform: uppercase;

    font-size: 28px;

    font-family: var(--font-family-b);

    color: var(--main-color);

    margin-bottom: 30px;

}

.list_pj {

    display: grid;

    grid-template-columns: repeat(3,1fr);

    gap: 15px;

}

.list_news {

    display: grid;

    grid-template-columns: repeat(4,1fr);

    gap: 15px;

}

.list_pj .item_pj {

    border-radius: 15px;

    overflow: hidden;

    height: 400px;

}

.list_pj .item_pj .item_img {

    width: 100%;

    height: 100%;

}

.list_pj .item_pj img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.list_pj .item_cont {position: absolute;z-index: 3;bottom: 10px;/* background-color: rgb(255 255 255 / 84%); */border: 1px solid #fff;border-radius: 10px;margin: 0 10px;left: 0;right: 0;padding: 15px 25px;display: flex;align-items: center;justify-content: center;height: 82px;/* backdrop-filter: blur(5px) brightness(63%); *//* overflow: hidden; */backdrop-filter: blur(4px) brightness(63%);  -webkit-backdrop-filter: blur(4px) brightness(63%);}

.list_pj .item_pj:hover .item_cont:before{opacity: 0.84;}
.list_pj .item_pj:hover .item_cont {
    backdrop-filter: none
}
.list_pj .item_cont:before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgb(255 255 255 / 84%);
    z-index: -2;
    backdrop-filter: blur(5px) brightness(63%);
    border-radius: 10px;
    opacity: 0;
}
.list_pj .item_pj:hover .item_title {

    color: var(--main-color);



}

.list_pj .item_title {

    color: #fff;

    text-align: center;

    font-size: 18px;

    font-family: var(--font-family-m);

    text-align: center;

    margin-bottom: 0;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    line-height: 1.5;

    /* height: 54px; */

}

.default_ul {

    list-style: none;

    margin: 0;

    padding: 0;

}

.default_ul li {

    margin-bottom: 0;

}

.cus_pagination {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 15px;

    margin-top: 30px;

}

.cus_pagination li a {

    background-color: #F2F3F5;

    color: var(--black);

    width: 40px;

    height: 40px;

    border-radius: 50%;

    line-height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.cus_pagination li.active a,.cus_pagination li a:hover {

    color: #fff;

    background: var(--second-color);

}

.cus_pagination li a:hover path {

    fill: #fff;

}

section#banner_gr {

    padding: 0;

}

section#banner_gr img {

    width: 100%;

    height: auto;

    object-fit: cover;

}



 table th, table td {

    padding: 10px 30px !important;

    border: 1px solid #cccccc;

}

.list_service .item_pj .item_img {

    overflow: hidden;

    border-radius: 10px;

}

.list_service .item_pj img {

    transform: scale(1);

    width: 100%;

    height: 210px;

    object-fit: cover;

    transition: all 0.5s ease-in-out;

}

.list_service .item_pj:hover img {

    transform: scale(1.2);

    transition: all 0.5s ease-in-out;



}

.list_service {

    display: grid;

    grid-template-columns: repeat(4,1fr);

    gap: 22px;

}

.list_service .item_pj .item_title {

    margin-top: 15px;

    font-size: 16px;

    font-family: var(--font-family-m);

    color: var(--text-color);

    text-align: center;

    padding: 0 10px;



}

.contact_page {

    background-repeat: no-repeat;

    background-size: cover;

    /* height: 610px; */

}

.form_box {

    width: 50%;

    background: #fff;

    padding: 30px 35px;

    border-radius: 15px;

    backdrop-filter: blur(10px);

    /* mix-blend-mode: multiply; */

    background-color: rgba(255, 255, 255, 0.65);

    backdrop-filter: blur(10px);

}

.form_box h2 {

    color: var(--main-color);

    text-transform: uppercase;

    font-size: 28px;

    font-family: var(--font-family-b);

}

.form_box .text_group {

    margin-bottom: 15px;

}

.btn_submit {

    text-align: center;

}

.btn_submit input{

    background-color: var(--main-color) !important;

    color: #fff;

    border-radius: 5px !important;

    height: 50px;

    min-width: 210px;

    text-align: center;

    transition: all 0.5s;

    margin: 0 !important;

}

.btn_submit input:hover {

    transition: all 0.5s;

    background-color: var(--second-color) !important;

}

.title_small {

    font-size: 15px;

    font-family: var(--font-family-s);

    color: var(--main-color);

    text-transform: uppercase;

    margin-bottom: 20px;

}

.contact_logo {

    margin-bottom: 50px;

}

.method_contact li {

    display: flex;

    gap: 10px;

    align-items: start;

    margin-bottom: 10px;

}

.method_contact li p {

    margin-bottom: 0;

}

.method_contact {

    max-width: 80%;

}

.contact_method iframe {

    width: 100%;

}

.about_us_1 .wrap_inner {

    background: var(--second-color);

    padding: 40px 50px 50px;

    border-radius: 20px;

    margin-top: -140px;

    position: relative;

    z-index: 3;

}

.about_us_2 .content {

    margin-right: 50px;

}

.about_us_3 .list_item {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    grid-auto-rows: minmax(100px, auto);

    grid-auto-flow: dense;

    gap: 10px;

}



.about_us_3 .list_item .item.item_left {

    grid-column: 1;

}

.about_us_3 .list_item .item.item_right {

    grid-column: 3;

}

.about_us_3 .list_item .item.why_img{

    grid-column: 2;

}

.about_us_3 .list_item .item.why_img img {

    object-fit: contain;

}

.about_us_3 .list_item .item_count {

    position: relative;

    font-size: 80px;
    width: 50px;
    font-family: var(--font-family-bl);

    color: var(--second-color);

    line-height: 1;

    height: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about_us_3 .list_item .item_count::before {

    content: '';

    position: absolute;

    background-color: var(--second-color);

    width: 51px;

    height: 51px;

    border-radius: 50%;

    opacity: 0.15;

    bottom: -6px;

    right: -22px;

}

.about_us_3 .list_item .item {

    display: flex;

    gap: 40px;

}

.about_us_3 .list_item .item p {

    margin-bottom: 0;

}

.about_us_3 .list_item .item_cont {

    margin-top: 10px;
    width: calc(100% - 90px);
}

.swiper-button-next::after,.swiper-button-prev::after {

    display: none;

}

.swiper_button {

    width: 50px;

    height: 50px;

    transition: all 0.5s;

    border: 1px solid #343434;

    border-radius: 50%;

}

 path, *:hover path {

    transition: all 0.5s;



 }

.cotainer_swiper {

    position: relative;

}

.cotainer_swiper .swiper {

    position: unset;

}

.cotainer_swiper .swiper-button-next {

    right: -35px;

}

.cotainer_swiper .swiper-button-prev {

    left: -35px;

}

.prize .item_slide img{

    width: 100%;    

    object-fit: cover;

}

.prize .item_slide .item_cont {

    text-align: center;

    margin-top: 15px;

    font-size: 16px;

    font-family: var(--font-family-m);

}

.swiper_button:hover {

    background-color: var(--main-color);

    transition: all 0.5s;

    border-color: var(--main-color);

}

.swiper_button:hover path {

    stroke: #fff;

}

.btn_style .svg_tron {

    border: 1px solid var(--main-color);

    border-radius: 50%;

    width: 50px;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-left: 15px;

}

.btn_style .svg_tron.border_white {

    border-color: #fff;

}

.btn_style {

    display: flex;

    align-items: center;

    width: max-content;

    color: var(--main-color);

    transition: all 0.5s;



}

.btn_style:hover {
    transition: all 0.5s;
    color: var(--main-color);
}

.btn_style:hover .svg_tron {
    background-color: var(--main-color);
    border-color: transparent;

    transition: all 0.5s;



}

.btn_style:hover path {

    fill: #fff;

    transition: all 0.5s;



}

.text-center.btn_style {

    margin: 0 auto;

}

.hots_pj .list_pj {

    margin-bottom: 30px;

}

.hots_pj  {

    background-color: var(--background-color);

}

.section_dt {

    padding: 56px 0;

    background-repeat: no-repeat ;

    background-size: 50% 100%; 

    background-position: left;

    min-height: 450px;

}

.sldie_dt .swiper-wrapper,.sldie_kh .swiper-wrapper {

    flex-direction: row;

}

.section_dt .wrap_inner {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: space-between;

}



.section_dt .wrap_inner .col_content {

    width: 40%;

}



.section_dt .wrap_inner .col_slider {

    width: 55%;

}

.sldie_dt .item_img {

    width: auto;
    aspect-ratio: 1;

    /* height: 145px; */

    border-radius: 50%;

    border: 1px solid #D5D5D5;

    background: #fff;

}



.sldie_dt .item_img img {

    aspect-ratio: 1;

}

.sldie_dt .swiper-slide {

    margin-top: 0 !important;

    margin-bottom: 50px;

}

.sldie_kh {

    padding: 20px;

    margin: -20px;

}

.sldie_kh .item_slide {/* padding: 25px; */background: #fff;border-radius: 5px;box-shadow: 0 0 14px rgba(0, 0, 0, 0.03);height: 100px;overflow: hidden;display: flex;align-items: center; justify-content: center;}

.section_kh {

    padding-bottom: 20px;

}

.sldie_kh .item_slide img {margin: 0 auto;width: auto;object-fit: cover;height: 100%;}

.sldie_kh .swiper-slide {

    margin-top: 0 !important;

    margin-bottom: 30px;

}

.item_post .item_img {

    border-radius: 10px;

    overflow: hidden;

}

.item_post .item_img img {

    transition: all 0.5s ease-in-out;

    transform: scale(1);

    width: 100%;

    height: 100%;

    object-fit: cover;

    min-height: 180px;



}

.item_post:hover .item_img img {

    transition: all 0.5s ease-in-out;

    transform: scale(1.2);

}

.item_post .item_cont {

    padding: 10px;

}

 .date_post {

    margin-bottom: 10px;

    color: #707070;

}

.item_post .item_cont .item_title {

    color: #18272E;

    font-size: 15px;

    font-family: var(--font-family-m);

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    line-height: 1.5;

    margin-bottom: 0;

}

.news_another .item_post:not(:last-child) {

    margin-bottom: 15px;

}

.news_another .inner {

    padding: 15px;

    border-radius: 10px;

    background-color: var(--background-color);

}

.news_another .title_section {

    font-size: 18px;

    margin-bottom: 15px;

}

.post_meta {

    margin-bottom: 35px;

}
.yith-wcan-filter:has( li.active) .filter-title {
    border-color: var(--main-color) !important;

}
.hots_news {

    display: grid;

    grid-template-columns: 2fr 1fr 1fr; /* Cột đầu tiên rộng hơn */

    gap: 20px; /* Khoảng cách giữa các item */

}
.hots_news .item_cont .date_post {
    margin: 12px 0;
}
.hots_news .item_post:first-child {

    grid-row: 1/3;

}

.hots_news .item_post:first-child .item_img {

    height: 350px;

}

.hots_news .post_exprecrt{

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;

    line-height: 1.5;

}

.news_page_1 {

    background-color: var(--background-color);

}



header#header ul li a {

    font-size: 14px;

    text-transform: uppercase !important;

    color: var(--text-color);

}

header#header a {

    background-color: #fff !important;

    color: var(--text-color) !important;

}
header#header ul li.mega-current-menu-item >a,header#header ul li a:hover ,header#header li.mega-current_page_parent > a ,body.single-service header#header  li.menu-dv a ,body.single-project header#header li.menu-da a ,body.single-post header#header li.menu-tt a  {

    color: var(--main-color) !important;

    transition: all 0.5s;

}
header#header ul#mega-menu-primary {
    display: flex;
    align-items: center;
    gap: 25px;
    background-color: #fff;


}

header#header ul.header-nav-main  li {

    margin: 0 !important;

}

header#header .mega-menu-item-has-children {

    position: unset !important;

}

header#header ul.mega-sub-menu {

    border-radius: 10px !important;
    box-shadow: 0 0 15px rgb(0 0 0 / 5%) !important;
}

header#header ul.mega-sub-menu a {
    line-height: 50px !important;
    border-bottom: 1px  solid #f5f5f5 !important;
    background: transparent !important;
}
header#header ul.mega-sub-menu >li:last-child a {
    border: none !important;
}
header#header ul.mega-sub-menu {
    border-radius: 10px !important;
    background-color: #fff !important;
}
footer {

    font-size: 14px;

    padding-top: 66px;

    background-color: var(--background-color);

}

.footer_top {

    border-bottom: 1px solid rgba(112, 112, 112, 0.2);

    padding-bottom: 45px;

    margin-bottom: 45px;

}

.footer_top .wrap_inner {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 200px;

}



.footer_top .col_content {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.footer_top .col_content .logo_footer img {

    width: 150px;

    object-fit: cover;

}



.footer_top .col_content .content_footer {

    width: calc(100% - 200px);

}

.footer_top .col_form {

    min-width: 450px;

}

.footer_top .col_form h3 {

    font-size: 30px;

    font-family: var(--font-family-m);

    margin-bottom: 16px;

}

 .col_form input[type="email"] {

    border-radius: 5px;

    background-color: #fff;

    border: none;
    box-shadow: none;

    height: 50px;

}
span.wpcf7-spinner {
    display: none;
}
.submit_icon {

    position: absolute !important;

    background: var(--main-color);

    border-radius: 0 5px 5px 0;

    width: 88px;

    height: 50px;

    right: 0;

    top: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    

}

.submit_icon:hover {

    background: var(--second-color);

}

.submit_icon span {

    position: absolute;

    z-index: 3;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

}

.col_form form {

    position: relative;

}

.col_form input[type="submit"] {

    position: absolute;

    inset: 0;

    opacity: 0 !important;

    margin: 0;

    z-index: 2;

}

footer .small_title {

    font-size: 15px;

    color: var(--main-color);

    text-transform: uppercase;

    font-family: var(--font-family-s);

}

.method_contact .cont {

    width: calc(100% - 33px);

}



footer .method_contact {

    max-width: 100%;

}

footer .menu_footer li {

    margin-bottom: 15px;

}

footer .menu_footer li a {

    font-size: 14px;

    font-family: var(--font-family);

    color: var(--text-color);

}

footer .menu_footer li a:hover {

    color: var(--main-color);

}

footer .col_map iframe {

    width: 100%;

    height: 150px;

    border-radius: 10px;

}

footer a:hover {

    color: var(--main-color);

}

.copyright {

    padding: 10px;

    background: #E1E1E1;

    text-align: center;

}

footer .social ul{

    display: flex;

    align-items: center;

    gap: 10px;



}

footer .social ul a:hover path{

    fill: var(--main-color)

}

ul.sub-menu.nav-dropdown > li {

    width: 300px;

    border-radius: 10px;

    background: #fff;

    padding: 0 15px;

}



ul.sub-menu.nav-dropdown > li a {

    font-size: 14px;

    font-family: var(--font-family);

    font-weight: 400 !important;

    margin: 0 !important;

    /* padding: 0 !important; */

    border-bottom: 1px solid #F5F5F5;

}



ul.sub-menu.nav-dropdown > li ul{

    /* padding: 15px */

}

ul.sub-menu.nav-dropdown {

    background: transparent !important;

    padding: 0 !important;

}

ul.sub-menu.nav-dropdown li a:hover {

    background-color: transparent !important;

    color: var(--main-color) !important;

}

.banner_home {

    padding: 0;

}

.swiper_banner  {

    height: calc(100vh - 90px);

}

.banner_home .item_slide {

    height: 100%;

    background-repeat: no-repeat;

    background-size: cover;

}
.content_banner {
    color: var(--text-color);
}
.content_banner h2 {
    font-size: 38px;
    font-family: var(--font-family-b);
}
.banner_home .item_slide .inner {

    position: absolute;

    top: 50%;

    left: calc(calc(100vw - 1320px) / 2);

    transform: translateY(-50%);



}

.banner_home .swiper-slide .content_banner,.banner_home .swiper-slide .btn_style {

    opacity: 0;

    transform: translateX(-100%);

    

}

.banner_home .swiper-slide.swiper-slide-active .content_banner ,.banner_home .swiper-slide.swiper-slide-active .btn_style {

    opacity: 1;

    transform: translateX(0%);

    transition-delay: 0.2s;

}

.banner_home .swiper-slide.swiper-slide-active .btn_style {

    transition-delay: 0.4s;



}

.product-info .social-icons.share-icons.share-row.relative,.product-info .product_meta,.product-info .woocommerce-breadcrumb,.product-info .is-divider.small,.product-main #product-sidebar,.product-info .price-wrapper {

    display: none;

}

.product-info {

    display: flex;

    flex-direction: column;

    padding-bottom: 0 !important;

}

.list_tab_content .tabs_item {

    display: none;

}

.list_tab_content .tabs_item.active {

    display: block;

}

.product-small.box {

    padding: 8px;

    border-radius: 10px;

    background-color: #F7FAFB;

}



.product-small.box .box-image {

    border-radius: 8px;

}



.product-small.box .box-text.box-text-products {

    font-size: 16px;

    text-transform: uppercase;

    text-align: center;

    padding-left: 40px;

    padding-right: 40px;

    padding-bottom: 0;

    color: var(--text-color);

    font-family: var(--font-family-m);

}



.product-small.box .box-image img+img {

    display: none;

}

.product-small.box .quick-view {

    display: none;

}

.page-title-inner.flex-row.medium-flex-wrap.container {

    display: none;

}

.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-title.collapsable {

    margin-bottom: 0 !important;

}

.yith-wcan-filters {

    margin-bottom: 0;

}

h1.product-title {

    font-size: 28px;

    text-transform: uppercase;

    margin-bottom: 20px;

    font-family: var(--font-family-s);

}

.product_attr {

    margin-bottom: 30px;

}

.product_attr .item_attr {

    display: flex;

    gap: 40px;

}

.product_attr .item_attr:not(:last-child) {

    margin-bottom: 10px;

}

.product_attr .item_attr .item_name {

    min-width: 120px;

    font-family: var(--font-family-s);

    color: var(--text-color);

}

.btn_big {

    min-width: 250px;

    width: max-content;

    background: var(--main-color);

    height: 50px;

    line-height: 50px;

    text-align: center;

    color: #fff;

    border-radius: 8px;
    border: 1px solid var(--main-color);

}
.btn_big:hover {
    background: #fff;
}
.product_attr+.btn_big {

    margin-bottom: 15px;

}

.list_box {

    display: grid;

    grid-template-columns: repeat(4,1fr);

    gap: 15px;

    padding-top: 30px;

    border-top: 1px solid #E6E6E6;

    margin-top: auto;

}



.list_box .box_item {

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

    background: #E7F1F3;

    padding: 16px;

    border-radius: 8px;

    justify-content: space-between;

}

.product-section-title.title_section {

    margin-bottom: 0;

}

.product-section {

    border: none !important;

}

.list_tab {

    background: #E7F1F3;
    height: 50px;
    margin-bottom: 20px;

}



.list_tab ul {

    display: flex;

    align-items: center;

    margin-bottom: 20px;

    overflow-x: scroll;

}



.list_tab ul li {

    min-width: 310px;

    text-align: center;

    height: 50px;

    line-height: 50px;

    font-size: 16px;

    cursor: pointer;

    flex: 0 0 auto;

    padding: 0 15px;

}

.list_tab ul::-webkit-scrollbar {

    height: 3px;

}

.list_tab ul li.active,.list_tab ul li:hover {

    color: #fff;

    background: var(--second-color);

}

.list_box .box_item img {margin-bottom: 10px;}

.group_filter {

    /* display: flex; */

    align-items: center;

    justify-content: space-between;

}
.group_filter form {
    display: flex;
    align-items: center;
    gap: 15px;
}
.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter .filter-title.collapsable {
    background-color: #F7FAFB;
    padding: 10px 30px;
    text-align: center;
}
.yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter {
    min-width: auto;
    margin-bottom: 0;
}
.group_filter form .filter-orderby {
    order: 5;
    margin-left: auto;
}
.group_filter form .filter-orderby .filter-title.collapsable {
    background-color: #fff;
}
.group_filter form .apply-filters {
    order: 4;
    background-color: var(--second-color) !important;
    height: 43px;
    margin: 0 !important;
    border: none !important;
}
.group_filter form .apply-filters:hover {
    background-color: var(--main-color);
}
.group_filter form .filter-orderby .filter-content {
    right: 0;
    min-width: 300px;
}

.nav-pagination>li>a, .nav-pagination>li>span {

    width: 40px !important;

    height: 40px !important;

    line-height: 40px !important;

    border: none !important;

    background: #F2F3F5;

}

.term-description {

    margin-top: 30px;

}

.content .aligncenter ,.term-description .aligncenter{

    margin-left: auto;

    margin-right: auto;

}

.home_sec_2 {

    position: relative;

    background-image: url('../image/bg.png');

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center;

}



.home_sec_2 .box_img {

    text-align: right;

}

.home_sec_3 .content_slide .inner_content {

    display: none;

}

.home_sec_3 .content_slide .inner_content.active {

    display: block;

}

.home_sec_3 .wrap_inner {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}



.home_sec_3 .wrap_inner .slide_content {
    border-radius: 0 20px 20px 0;
    width: 50%;

    background-color: var(--second-color);

    padding-left: 50px;

    padding-top: 100px;

    padding-bottom: 120px;

}

.home_sec_3 .wrap_inner .slide_content .item_slide {

    max-width: 50%;

}

.home_sec_3 .wrap_inner .col_slide {

    width: 68%;

    margin-left: -18%;

}

.sldier_product_1  .item_slide {

    border-radius: 10px;

    padding: 10px;

    background: #F7FAFB;

}


.sldier_product_content  .title_cat {

    text-transform: uppercase;

    font-size: 25px;

    font-family: var(--font-family-m);

    margin-bottom: 20px;

}

.sldier_product_content .swiper-slide .item_slide  {

    transform: translateX(-100%);

}

.sldier_product_content .swiper-slide.swiper-slide-active .item_slide  {

    transform: translateX(0%);

}

.sldier_product_1 .item_slide h3.title_cat {

    margin-bottom: 10px;

    margin-top: 20px;

    font-size: 18px;

}

.sldier_product_1  .item_slide ,.sldier_product_2  .item_slide{

    border-radius: 10px;

    padding: 10px;

    background: #F7FAFB;

}


.sldier_product_1 .item_slide .item_img,.sldier_product_2  .item_slide .item_img {

    overflow: hidden;

    border-radius: 8px;
    background: #fff;


}

.sldier_product_1 .item_slide img,.sldier_product_2  .item_slide img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.sldier_product_1 .item_slide h3.title_cat ,.sldier_product_2 .item_slide h3.title_cat {

    margin-bottom: 10px;

    margin-top: 20px;

    font-size: 18px;

    text-transform: uppercase;

    color: var(--main-color);

    font-family: var(--font-family-m);

}

.sldier_product_2 .item_slide h3.title_cat  {

    color: var(--text-color);

    margin-top: 25px;

    margin-bottom: 30px;

}

.sldier_product_1 {

    padding-right: 15%;

}

.home_sec_3 .group_btn {

    position: relative;

    display: flex;

    gap: 20px;

    justify-content: end;

    margin-right: 4vw;

    margin-top: 41px;

}



.home_sec_3 .group_btn .swiper_button {

    position: unset;

}

.sldier_product_2 {

    margin-bottom: 30px;

}

.home_sec_5 {

    position: relative;

}

.home_sec_5::before {

    content: '';

    position: absolute;

    width: 100%;

    height: 40%;

    background-color: var(--main-color);

    top: 0;

}

.rate {

    display: flex;

    gap: 5px;

    justify-content: center;

    margin: 15px 0;

}

.rate .start {

    background-image: url('../image/strart.png');

    width: 30px;

    height: 30px;

}

.slide_cmt .item_slide .item_img {

    margin: 0 auto;
    width: 218px;

    height: 218px;

    border-radius: 50%;

}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
    content: url(../image/arrow.svg);
    width: 10px;
    position: absolute;
    top: -31px;
    bottom: unset;
    right: -14px;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout li.mega-menu-item a.mega-menu-link > span.mega-indicator {
    transform: rotateZ(-90deg);

}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-flyout li.mega-menu-item a.mega-menu-link > span.mega-indicator:after {
    content: url(../image/arrow.svg);
    top: -29px;
    right: 18px;
}
.slide_cmt .item_slide .item_img img {
    width: 100%;
    height: auto;
    aspect-ratio: 1;


    object-fit: cover;

}

.slide_cmt .item_slide .item_cont .content {

    font-size: 14px;

    position: relative;

    margin-bottom: 15px;

    padding-bottom: 15px;

}



.slide_cmt .item_slide .item_cont .content:before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 50%;

    width: 42px;

    height: 6px;

    background: #18272E;

    transform: translateX(-50%);

}



.slide_cmt .item_slide .item_name {

    font-size: 17px;

    color: #7A7A7A;

}



.slide_cmt .item_slide .name {

    color: var(--main-color);

    font-family: var(--font-family-b);

}

.list_qa .item_qa .content {

    display: none;

    margin-top: 8px;

    max-height: 0;

}

.list_qa .item_qa.show .content {

    display: block;

    max-height: 5000px;

}

.list_qa .item_q  {

    display: flex;

    align-items: start;

    justify-content: space-between;

    gap: 10px;

    cursor: pointer;

}

.list_qa .item_qa .arrow {

    position: relative;

    width: 8px;

    height: 4px;



}

.list_qa .item_qa {

    border-bottom: 1px solid #E3E3E3;

    padding-bottom: 12px;

    margin-bottom: 12px;

}

.list_qa .item_qa .item_q {

    font-size: 15px;

    font-family: var(--font-family-m);



}

.list_qa .item_qa.show .item_q {

    color: var(--main-color);

}

.list_qa .item_qa.show path {

    fill: var(--main-color);

}

.list_qa .item_qa.show svg {

    transform: rotateX(180deg);

}

.swiper-pagination .swiper-pagination-bullet {

    background: #fff;

    opacity: 1 !important;

}



.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

    background: var(--main-color);

    width: 50px;

    border-radius: 10px;

}

.footer_bottom {

    margin-bottom: 50px;

}

.sldier_product_content .content {

    margin-bottom: 20px;

}

.swiper .item_slide .item_img {overflow: hidden;height: 100%;}

.swiper .item_slide img {

    transform: scale(1);

    transition: all 0.5s ease-in-out;

}

.swiper .item_slide:hover img{

    transform: scale(1.2);

    transition: all 0.5s ease-in-out;



}
.sldier_product_1 .item_slide .item_img {

    height: 320px;

}
.sldier_product_2 .item_slide .item_img {

    height: 320px;

} 
.sldier_product_1 .item_slide img {

    border-radius: 8px;

    width: 100%;

    height: 100%;

    object-fit: cover;

}
.filter-title {

    font-size: 14px;

    font-family: var(--font-family) !important;

    font-weight: 400 !important;

}

section.search_section.search_page {

    padding-top: 10px;

    padding-bottom: 0;

}



.search_section {

    padding: 20px 0;

}



.search_section .row.category-page-row,.search_section .col.large-12 {

    padding-top: 0;

    padding-bottom: 0;

    margin-bottom: -15px;

}

.nav-pagination>li>a:hover path {

    fill: #fff;

}

.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a {

    color: var(--text-color) !important;

}

.nav>li.current-menu-item > a {

    color: var(--main-color) !important;

}
.form_box input, .form_box textarea,.form_box input:not([type=submit]) {
    height: 50px !important;
    background: #fff ;
    border-radius: 5px !important;
    border: none !important;
}
.mobile-sidebar ul.sub-menu ul.sub-menu {
    background: #fff;
}

.mobile-sidebar ul.sub-menu ul.sub-menu {
    font-size: 85%;
}
.product-small.box:hover a {
    color: var(--main-color);
}
.product-thumbnails button.flickity-button {
    opacity: 1;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
.reset-filters {
    background-color: var(--main-color) !important;
    border: none !important;
}
.reset-filters:hover {
    background-color: var(--second-color);
}
@media (min-width: 1400px) {
    .home_sec_3 .wrap_inner .slide_content {
        padding-left: calc(calc(100vw - 1320px) / 2);
    }
    .home_sec_3 .group_btn {
        margin-right: calc(calc(100vw - 1320px) / 2);
    }
    .home_sec_3 .wrap_inner .col_slide {
        width: 59%;
        margin-left: -9%;
    }
}
@media (min-width: 850px) {

    div#filter_414_1 .filter-content {

        right: 0 !important;

    }

}

@media (max-width: 1500px){

    .banner_home .item_slide .inner {

        left: 15px;

    }

    .swiper_banner {

        height: 65vw;

    }

}



@media (max-width: 1199px) {

   

    .swiper_banner {

        height: 55vw;

    }

    .home_sec_3 .wrap_inner .slide_content {

        padding-left: 20px;

    }

    .home_sec_3 .wrap_inner .slide_content .item_slide{

        max-width: 60%;

    }

    section {

        padding: 25px 0;

    }

    .sldie_kh .swiper-slide {

        margin-bottom: 20px;

    }

    .sldie_kh .item_slide {

        padding: 10px;

    }

    .section_dt {

        min-height: 370px;

    }

    .footer_top .wrap_inner {

        gap: 50px;

    } 

    footer .col_form form {

        margin-bottom: 0;

    }

    footer .col_form form input {

        margin-bottom: 0;

    }

    .footer_bottom {

        margin-bottom: 20px;

    }

    

    .yith-wcan-filters.horizontal:not(.filters-modal) .yith-wcan-filter {

        min-width: auto;

        margin-bottom: 0;

    }

    .list_box {

        grid-template-columns: repeat(3,1fr); 

    }

    .list_box .box_item{

        padding: 10px;

    }

    h1.product-title {

        font-size: 24px;

    }

}

@media (max-width: 850px) {

    .form_box {

        width: 60%;

        padding: 15px;

    }
    .filter-content {
        min-width: auto !important;
    }
    .group_filter form .filter-orderby .filter-content {
        min-width: auto !important;
    }
    .group_filter form .filter-orderby {
        order: 4;
        margin-left: unset;
    }

    .list_news {

        grid-template-columns: repeat(3, 1fr);

    }

    .list_tab ul li {

        min-width: 200px;

    }

    .group_filter {

        flex-direction: column;

    }

    .group_filter .yith-wcan-filters {

        width: 100%;

    } 

    .news_another .list {

        display: grid;

        gap: 15px;

        grid-template-columns: repeat(2, 1fr);

    }

    .group_filter form {

        display: grid;

        gap: 20px;

        grid-template-columns: 1fr 1fr;

        width: 100%;

    }

    .about_us_3 .list_item .item.why_img {

        grid-row: 1 !important;

        grid-column: 1/3 !important;

        margin: 0 auto;

    }

    .product-small.box .box-text.box-text-products {

        padding-left: 10px;

        padding-right: 10px;

    }

    .about_us_3 .list_item .item.why_img img{

        width: 50%;

        margin: 0 auto;

    }

    .about_us_3 .list_item .item {

        grid-column: auto !important;

    }

    .about_us_3 .list_item {

        grid-template-columns: repeat(2, 1fr);

    }

    .contact_page {

        background-position: -290px center;

    }

    

    .form_box textarea {

        height: 90px;

        min-height: auto;

    }

    .home_sec_3 .wrap_inner .col_slide {

        width: 58%;

    }

    .home_sec_3 .wrap_inner .slide_content {

        width: 60%;

    }

    .sldier_product_1 {

        padding-right: 25%;

    }

    .sldier_product_1 .item_slide .item_img {

        height: 260px;

    }

    .home_sec_3 .wrap_inner .slide_content {

        padding-bottom: 50px;

        padding-top: 50px;

    }

    .sldier_product_content .title_cat {

        font-size: 22px;

    }

    .title_section {

        margin-bottom: 20px;

    }

    .list_pj .item_pj {

        height: 250px;

    }

    

    .list_pj .item_cont {

        padding: 10px;

    }

    

    .list_pj .item_title {

        font-size: 16px;

    }

    .hots_news {

        grid-template-columns: 1fr 1fr;

    }

    

    .hots_news .item_post:first-child {

        grid-row: 1/2;

        grid-column: 1/3;

    }

    .sldie_dt .swiper-slide {

        margin-bottom: 20px;

    }

    .home_sec_6 .box_img {

        width: 50%;

        margin: 0 auto 20px;

    }

    

    .home_sec_6  .row {

        flex-direction: column-reverse;

    }

    .about_us_1 .wrap_inner {

        padding: 30px;

    }

    .footer_top .wrap_inner {

        gap: 20px;

        flex-direction: column;

    } 

   .list_service {

    grid-template-columns:repeat(3,1fr);

   }

}

@media (max-width: 767px) {

    .list_box {

        grid-template-columns: repeat(2,1fr); 

    }
    .about_us_3 .list_item .item {
        gap: 20px;
    }
    .about_us_3 .list_item .item_cont {
        width: calc(100% - 70px);
    }
    .content_banner h2 {
        font-size: 20px;
    }
    
    .btn_style {
        font-size: 14px;
    }
    .sldie_dt .item_img {
        width: auto;
    }
    /* .news_another .list {

        grid-template-columns: repeat(2, 1fr);

    } */

    .footer_top {

        margin-bottom: 30px;

        padding-bottom: 30px;

    }

    .list_news {

        grid-template-columns: repeat(2, 1fr);

    }

    .hots_news .item_post:first-child .item_img {

        height: 240px;

    }

    .btn_style .svg_tron {

        width: 40px;

        height: 40px;

    }

    .list_service {

        grid-template-columns:repeat(2,1fr);

       }

       .list_service .item_pj img {

        height: 180px;

       }

       .list_service .item_pj .item_title {

        font-size: 15px;

       }

    .title_section,h1.product-title {

        font-size: 24px;

    }

    

    span.sub_title {

        font-size: 13px;

    }

    .home_sec_3 .wrap_inner >* {

        width: 100% !important;

    }

    

    .home_sec_3 .wrap_inner .col_slide {

        margin-left: 0;

    }

    

    .sldier_product_1 {

        padding: 10px 50px 0;

    }

    .home_sec_3 .wrap_inner .slide_content .item_slide {

        max-width: 100%;

    }

    .home_sec_3 .group_btn {

        margin: 40px auto 0;

        justify-content: center;

    }

    section {

        padding: 15px 0;

    }

    .list_pj {

        grid-template-columns : 1fr

    }

    .sldier_product_2 .item_slide .item_img {

        height: 200px;

    }

    .form_box h2 {

        font-size: 22px;

        margin-bottom: 0px;

    }

    

    .form_box {

        width: 100%;

    }

    .contact_page {

        background-position: center;

        height: auto;

    }

    .sldie_kh  .item_slide .item_img {

        height: 100px;

    }

    .swiper_button {

        width: 40px;

        height: 40px;

    }

    

    .cotainer_swiper .swiper-button-next {

        right: -15px;

    }

    

    .cotainer_swiper .swiper-button-prev {

        left: -15px;

    }

    .section_dt .wrap_inner {

        flex-direction: column;

        align-items: start;

        gap: 30px;

    }

    

    .section_dt .wrap_inner .col_content {

        width: 100%;

    }

    

    .section_dt {

        background-size: 100%;

        background-position: top;

    }

    

    .section_dt .wrap_inner .col_slider {

        width: 100%;

    }

    .sldie_dt .swiper-slide {

        margin-bottom: 15px;

    }

    .section_dt {

        padding: 20px 0;

    }

    .section_dt .title_section {

        text-align: center;

    }

    .home_sec_6 .title_section {

        text-align: center;

    }

    .footer_top .col_form {

        min-width: 100%;

    }

    footer {

        padding-top: 30px;

    }

    .footer_bottom .row {gap: 20px;}

    .about_us_1 .wrap_inner {

        margin-top: 0;

        padding: 15px;

    }

    .about_us_1 .wrap_inner {

        margin-top: 0;

        padding: 15px;

    }

    

    .about_us_2 .content {

        margin-right: 0;

    }

    

    .about_us_3 .list_item {

        grid-template-columns: 1fr;

    }

    

    .about_us_3 .list_item .item {

        grid-column: 1 !important;

        grid-row: auto !important;

    

    }

    .about_us_3 .list_item .item.why_img {

        grid-row: 1 !important;

    }

    .about_us_3 .list_item .item.why_img {

        height: auto;

        display: block;

        text-align: center;

    }

    

    .about_us_3 .list_item .item.why_img img {

        width: 50%;

        object-fit: cover;

    }

    .content table, .term-description table {

        width: 100% !important;

    }

    .group_filter form {

        margin-bottom: 10px;

        gap: 10px;

    }



}