.container-fluid {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

/* -----------------------------HEADER-------------------------------  */
.header {
    border-bottom: 1px solid #ededed;
}
#header-main {
    position: fixed;
    background-color: #fff;
    z-index: 1000;
    height: 60px;
    left: 0;
    top: 0;
}
.head-logo {
    width: 10%;
}
.head-logo-detail {
    width: 100%;
}
.head-logo img {
    width: 100%;
    aspect-ratio: 180 / 35;
    object-fit: contain;
    top: 32px;
}
.head-logo a {
    top: 32px;
}
.head-icon {
    width: 10%;
}
.head-icon-detail {
    width: 100%;
    justify-content: flex-end;
}
.head-menu-detail button {
    border: none;
    background-color: #fff !important;
    color: #1e231e;
    padding-left: 0 !important;
    padding-top: 0 !important;
    padding-right: 8px !important;
    padding-bottom: 0 !important;
    font-family: Helvetica;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    /* text-align: left; */
}
.head-menu-detail a {
    font-family: Helvetica;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    /* text-align: left; */
    padding-right: 8px !important;
    color: #1e231e;
    text-decoration: none;
}
.head-menu-detail button:hover {
    color: #7cbfd9;
}
.head-menu-detail a:hover {
    color: #7cbfd9;
}
.head-icon-detail i {
    color: #1e231e;
}
.head-icon-detail i:hover {
    color: #7cbfd9;
}
.nav-ul-menu {
    display: flex;
}
.nav-menu ul li a {
    text-decoration: none;
    display: block;
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #1e231e;
}
.nav-menu ul {
    list-style: none;
    margin-bottom: 0;
}
.nav-menu ul li {
    position: relative;
    margin-right: 16px;
}
.nav-menu ul li.menu-item-has-children>a:after {
    content: '';
    width: 0;
    height: 0;
    border: 6px solid #00000000;
    display: inline-block;
    border-top: 5px solid #3f3f3f;
    margin-left: 5px;
    position: relative;
    top: 3px;
}


.nav-menu>ul>li {
    text-transform: uppercase;
}
.nav-menu ul li ul {
    position: absolute;
    background-color: #ffffffe0;
    left: 0;
    width: 200px;
    padding-left: 0px !important;
    border-radius: 4px;
    top: 100px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}
.nav-menu ul li ul li {
    width: 100%;
    border-bottom: 1px dashed #ededed;
    padding: 10px;
}
.nav-menu ul li ul li:hover {
    color: #7cbfd9;
}
.slick-prev {
    transform: rotate(180deg);
}
.nav-menu ul li ul li:last-child {
    border: none;
}

.nav-menu>ul>li>a {
    padding: 20px 0;
}

.nav-menu>ul>li:hover>ul {
    opacity: 1;
    visibility: visible;
    top: 57px;
    transition: all .3s;
}

.nav-menu ul li a:hover {
    color: #ed1c25;
}
.nav-menu ul li:focus-within > ul,
.nav-menu ul li .nav-ul-menu-detail:hover > ul {
    display: initial;
}
.head-menu label {
    cursor: pointer;
    display: none;
}
#menu-bar {
    display: none;
}
.btn-show-menu {
    display: none;
}
.nav-menu-head {
    display: none;
}
.nav-menu-bottom {
    display: none ;
}
/* ----------------------------FOOTER--------------------------------------------------------------  */
footer {
    background-color: #fafafa;
    padding-top: 32px;
    padding-bottom: 40px;
}
.footer-info {
    width: 25%;
}
.footer-info-item-detail {
    display: flex;
    flex-direction: column;
}
.footer-info img {
    width: 60%;
    aspect-ratio: 200 / 38;
    margin-bottom: 20px;
}
.footer-info-item-detail p {
    font-family: Helvetica;
    font-size: 15px;
    font-weight: 700;
    line-height: 28px;
    text-transform: uppercase;
    padding-bottom: 16px;
    color: #1e231e;
    margin-bottom: 0;
}
.footer-info-item-detail span {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    text-transform: uppercase;
    padding-bottom: 16px;

    color: #1e231e;
}
.footer-detail {
    width: 35%;
}
.footer-detail-top {
    width: 100%;
}
.footer-detail-top span {
    border-bottom: 1px solid #bdbdbd;
    font-family: Helvetica;
    font-size: 28px;
    font-weight: 400;
    line-height: 56px;
    text-transform: uppercase;

    color: #1e231e;
    margin-bottom: 0px;
    padding-bottom: 16px;
}
.footer-detail-bot-first {
    padding-top: 20px !important;
}
.footer-detail-bot h5 {
    margin-bottom: 0px;
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;

    color: #1e231e;
}
.footer-detail-bot p {
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #1e231e;
    text-transform: uppercase;
}
.footer-detail-bot-item {
    width: 27%;
}
.footer-map {
    width: 40%;
}
.footer-map iframe {
    width: 100%;
}
.footer-map a {
    padding-left: 5px;
    padding-right: 5px;
}
.detail-bot-item-p {
    width: 73%;
}
/* ----------------------------INDEX------------------------------------------  */
.index, 
.about-page {
    position: relative;
    padding-top: 60px;
}
.index h2 {
    font-family: Helvetica;
    font-size: 28px;
    font-weight: 700;
    line-height: 30px;
    margin-top: 72px;
    margin-bottom: 30px;
    text-transform: uppercase;
    color: #333;
}

.carousel-video img {
    max-height: 560px;
    object-fit: cover;
}
.mb-20{
    margin-bottom: 50px;
}
ul.slick-dots li a {
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid #ededed;
    border-radius: 4px;
    color: #333;
    transition: all .3s;
}

.slick-dots li.slick-active a {
    height: auto;
    width: auto;
    margin-bottom: 10px;
    background: #e00;
    color: #fff;
    border-color: #e00;
}

.slick-dots li {
    width: auto;
    height: auto;
}
.carousel-video {
    position: relative;
}
.carousel-video img {
    height: 100%;
}

.slick-next:before,
.slick-prev:before {
    color: #fffefe0a !important;
}
.slick-next:before, .slick-prev:before {
    background-image: url("../images/svg/arow.svg") !important;
}
.service p {
    margin-bottom: 0 !important;
}
.glass-menu {
    list-style: none;
    display: flex;
    padding-left: 0;
    justify-content: center;
    margin-bottom: 0 !important;
    padding-bottom: 32px;
}
.glass-menu .glass-li {
    padding-right: 25px;
    /* border-bottom: 1px solid #1E231E; */
}
.glass-li a {
    text-decoration: none;
    padding-bottom: 5px;
    text-transform: uppercase;
}
.a-active a {
    border-bottom: 1px solid #1e231e;
}
.a-active span {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    /* text-align: left; */
    color: #000000;
}
.a-none span {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    /* text-align: left; */
    color: #818587;
}
.service .carousel-service-item {
    /* margin-right: 20px; */
}
.service .carousel-service-item a {
    text-decoration: none;
    position: relative;
}
.carousel-service-item-p {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
    position: absolute;
    bottom: 0;
    width: 100%;
}
.service .carousel-service-item p {
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    text-transform: uppercase;
    margin-left: 20px;
    margin-bottom: 20px !important;
    margin-top: 56px;
}
.glass img {
    aspect-ratio: 640/196;
}
.glass .glass-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.glass-bottom h5 {
    font-family: Helvetica;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    color: #1e231e;
    margin-top: 10px;
}
.glass-bottom-span {
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #818587;
}
.glass-bottom-p,
.glass-bottom-p span {
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    /* text-align: left; */
    color: #1e231e;
    margin-bottom: 0;
}
.glass-bottom-p span {
    text-decoration: underline;
}

.glass-item {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.show-more {
    border-radius: 8px;
    border: 1px solid #ed1c24;
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    /* text-align: left; */
    color: #ed1c24;
    margin-bottom: 0 !important;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.div-btn {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 32px;
}

.show-more:hover {
    background-color: #ed1c24;
    color: #fff;
}
/* TREND  */
.slick-slider {
    margin: 0 -15px;
}
.slick-slide {
    margin-right: 16px;
    margin-left: 16px;
}
.carousel-service.slick-initialized {
    visibility: visible;
}
.carousel-service {
    visibility: hidden;
}
.carousel-service .slick-slider {
    margin: 0 -16px;
}

.carousel-trend-item {
    /* padding-right: 20px; */
}
.carousel-trend-item p {
    margin-bottom: 0;
    font-family: Helvetica;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    /* text-align: center; */
    color: #1e231e;
    text-transform: uppercase;
    margin-top: 30px;
}
.carousel-trend-item a {
    text-decoration: none;
}
.carousel-trend-item-detail {
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* LENS  */
.slick-list {
    width: 100%;
}
.lens-item-detail {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 50px;
    background-color: #f6f6f6;
}
.lens-item-detail-a {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.lens a {
    text-decoration: none;
}
.lens-item-detail img {
    aspect-ratio: 120/120;
}
.lens-item-detail p {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 0;
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    /* text-align: center; */
    color: #1e231e;
    text-transform: uppercase;
}
.lens-carou {
    margin-bottom: 20px;
}
/* Tips  */
.tips-detail {
    display: flex;
    flex-direction: column;
}
.tips-detail img {
    aspect-ratio: 910/560;
}
.tips-detail-item {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    border-bottom: 1px solid #d7d7d7;
}
.tips-detail-item p {
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 700;
    line-height: 26px;
    /* text-align: left; */
    color: #1e231e;
    text-transform: uppercase;
}
.tips-detail-item svg {
    margin-right: 5px;
}
.tips-detail-item span {
    font-family: Helvetica;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.04em;
    /* text-align: left; */
    color: #818587;
}
.tips-div {
    margin-bottom: 20px;
}
/* FEEDBACK  */
.feedback-detail {
    position: relative;
    border: 1px solid #d7d7d7;
}
.fb-svg {
    position: absolute;
    left: 0;
    margin-left: 30px;
    top: 0;
    margin-top: 20px;
}
.feedback-detail-item img {
    border-radius: 50%;
    aspect-ratio: 100/100;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
    margin-left: 20px;
    width: 100%;
    object-fit: cover;
}
.feedback-detail-item p {
    font-family: Helvetica;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    color: #1e231e;
    text-transform: uppercase;
    margin-bottom: 0;
}
.feedback-detail-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-left: 50px;
    padding-right: 50px;
}
.feedback-detail-item span {
    font-family: Helvetica;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    color: #818587;
}
.feedback-detail-item svg {
    margin-top: 20px;
    margin-bottom: 20px;
}
.feedback {
    margin-bottom: 65px;
}
/* DETAIL  */
.detail-item {
    background-image: url("../images/content/bg.png");
    margin-top: 80px;
}
.detail-item-left-bot {
    padding-bottom: 64px;
}
.detail-item-left-bot p {
    /* width: 80%; */
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    /* text-align: left; */
    margin-bottom: 0;
    padding-bottom: 5px;
    color: #ffffff;
    text-transform: uppercase;
}
.detail-item-left {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    margin-left: 40px;
}
.detail-item-left svg {
    position: absolute;
    right: 0;
    bottom: 64px;
}
.detail-item-left-top h5 {
    padding-top: 64px;
    font-family: Helvetica;
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    /* text-align: left; */
    color: #ffffff;
}
.detail-item-left-top p {
    font-family: Helvetica;
    font-size: 12px;
    color: #ffffff;
    /* text-align: left; */
    width: 90%;
    opacity: 70%;
    margin-bottom: 0;
}
.detail-item-mid {
    margin-top: 64px;
    margin-bottom: 64px;
    border: 1px solid hsla(0, 0%, 100%, 0.4);
}
.detail-item-mid-img {
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: 12px;
    margin-right: 12px;
}
.detail-item-mid-img img {
    aspect-ratio: 616/557;
}
.detail-item-left-bottom {
    position: relative;
    margin-left: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.detail-item-left-bottom h5 {
    font-family: Helvetica;
    font-size: 24px;
    font-weight: 400;
    line-height: 22px;
    /* text-align: left; */
    margin-top: 64px;
    color: #ffffff;
}
.detail-item-left-bottom .svg-3 {
    position: absolute;
    top: 28px;
    right: 32px;
}
.detail-item-left-bottom-detail {
    margin-bottom: 64px;
}
.detail-item-left-bottom-detail .svg-1 {
    margin-bottom: 17px;
}
.detail-item-left-bottom-detail p {
    font-family: Helvetica;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    /* text-align: left; */
    text-transform: uppercase;
    color: #ffffff;
}
.detail-item-left-bottom-detail .detail-btn {
    border-radius: 8px;
    background-color: #fff;
    padding-left: 37px;
    padding-right: 37px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    /* text-align: left; */
    text-transform: uppercase;
    border: none;
    transition: all 0.3s linear;
}
.detail-item-left-bottom-detail .detail-btn:hover {
    color: #ffffff;
    background-image: url("../images/content/bg.png");
    border: rgba(0, 0, 0, 2.5);
}

.content-header{
    align-items: center;
    height: 60px;
}
.slick-prev {transform: rotate(180deg);}
span.click-submenu{
    display: none;
}
.scroll-dis{
    height: 100vh;
    overflow: hidden;
}
.logged-in #header-main{
    top: 32px;
}


.banner-ab img {
    width: 100%;
}

.info-ab-banner {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 30px;
    color: #fff;
    text-transform: uppercase;
    z-index: 2;
}

.info-ab-banner a {
    color: #fff;
}

a {
    text-decoration: none;
}

.dieuhuong {
    display: flex;
    gap: 10px;
    font-size: 14px;
    font-weight: 400;
}

body {
    font-family: Helvetica;
}

.info-ab-banner h1 {
    font-size: 32px;
    font-weight: 700;
}

.banner-ab:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
}

.banner-ab {
    position: relative;
}

.container-ab {
    padding: 0 100px;
}

.section-about-one {
    margin: 80px 0;
}

.section-about-one .row {
    display: flex;
    align-items: center;
}

.info-01 h2 {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.info-01 p {
    font-size: 16px;
    text-align: justify;
    line-height: 27px;
}
.box-line {
    background: #EBEFF9;
    padding: 50px;
    padding-bottom: 70px;
}

.box-line {
    background-image: url('/wp-content/uploads/2024/07/highline.png');
    background-repeat: no-repeat;
    background-position: 0px -20px;
}


.box-line .title h2 {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 60px;
}

.box-line .title p {
    margin-bottom: 0;
}

.info-highline {
    width: 500px;
    text-align: justify;
    float: right;
}

.info-highline:after {
    display: block;
    clear: both;
}

.info-highline a {
    display: inline-block;
    background: #ED1C24;
    color: #fff;
    padding: 10px 30px;
    border-radius: 4px;
}
.clear{
    clear: both;
}
.section-highline{
    margin-bottom: 80px;
}

.truyenthong-box {
    max-width: 600px;
}

.truyenthong-box h2 {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.truyenthong-box p {
    font-size: 16px;
    text-align: justify;
    margin-bottom: 30px;
}

.note {
    position: relative;
}

.note span {
    position: absolute;
    top: calc(50% - 24px);
    left: 56px;
    color: #e00;
    font-weight: 600;
    font-size: 22px;
}

.truyenthong .row {
    display: flex;
    align-items: center;
}

.truyen-thong-img img {
    width: 100%;
}

img {
    max-width: 100%;
}

.truyenthong {
    padding: 80px 0;
}

.list-data-section h2 {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 30px;
    margin-bottom: 20px;
}

.card-list img {
    width: 100%;
}

.card-list h3 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 24px;
    margin-top: 25px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 30px;
}

.card-list p {
    text-align: justify;
    margin: 10px 0;
    font-size: 15px;
}

.list-data-section {
    padding-bottom: 80px;
}

.about-page .feedback h2 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 20px;
}

.title-bottom p {
    margin-bottom: 5px;
    color: #777;
}

.title-bottom h2 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 20px;
}

.post-single {
    text-align: justify;
    margin-top: 20px;
}

.post-single p {
    font-weight: 400;
    line-height: 26px;
    margin-bottom: 20px;
}

.section-bottom {
    margin-bottom: 40px;
}

.breadcrumbs {
    text-transform: uppercase;
    margin-top: 10px;
    color: #8f8f8f;
}

.breadcrumbs a {
    color: #333;
}

.page h1 {
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 10px;
    color: #333
}

.page {margin-top: 10px;margin-bottom: 40px;}

.meta {
    border-bottom: 1px solid #ededed;
    padding-bottom: 16px;
    font-size: 14px;
    color: #666;
}

.meta span {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 15px;
    line-height: 20px;
}

.post-single h2 {
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 600;
}

.form-booking {
    margin: 0 auto;
    max-width: 900px;
}

.title-booking {
    text-align: center;
    margin-bottom: 40px;
}

.group-form {
    margin-bottom: 30px;
}

.group-form label {
    text-transform: uppercase;
    display: block;
    margin-bottom: 6px;
    color: #333;
}

.group-form label span {
    color: #e00;
}

.group-form .form-control {
    box-shadow: none;
    height: 44px;
    font-size: 14px;
}

.group-form textarea.form-control {
    height: 120px;
}

input#booking-toa {
    display: none;
}

.form-booking button {
    height: 44px;
    width: 100%;
    border: none;
    border-radius: 8px;
    color: #fff;
    background: #ed1c25;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.group-form label.show-select {
    padding: 20px;
    width: 100%;
    border: dashed 1px #ededed;
    border-radius: 4px;
    background: #fcfcfc;
    text-align: center;
    cursor: pointer;
}

.group-form label.show-select span {
    color: #777;
}

.group-form label.show-select strong {
    color: #e00;
    font-weight: 400;
    margin-right: 5px;
}

.group-form label.show-select .icon {
    margin-bottom: 10px;
}

.maps-contact {
    background: #F7F7F7;
    padding: 40px;
}

.info-contact h2 {
    font-size: 36px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ededed;
}

.list-contact ul {
    padding: 0;
    font-size: 16px;
}

.list-contact ul li {
    list-style: none;
    margin-bottom: 20px;
}

.list-contact ul li strong {
    display: inline-block;
    text-transform: uppercase;
    width: 150px;
}

.list-contact {
    margin-bottom: 40px;
}

.list-contact-bottom {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 50px;
    margin-bottom: 50px;
    gap: 16px;
}

.box-ct {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 15px;
    background: #ED1C2408;
    border: 1px solid #ED1C2440;
    border-radius: 8px;
    text-transform: uppercase;
}

.box-ct .icon {
    margin-right: 5px;
}

.news-page {
    position: relative;
    padding-top: 70px;
}

.content-news-page h1 {
    text-transform: uppercase;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
}

.content-news-page h2{
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 40px;
}

.box-news img {
    width: 100%;
}

.box-news .cat {
    text-transform: uppercase;
    margin: 15px 0;
    font-size: 14px;
}

.box-news .cat a {
    color: #ed1c24;
}

.meta-post h3 {
    font-size: 20px;
    text-transform: uppercase;
    width: calc(100% - 100px);
}

.meta-post h3 a {
    color: #1E231E;
}

.meta-post {
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ededed;
}

.date {
    display: flex;
    gap: 8px;
    color: #818587;
    font-weight: 400;
    font-size: 15px;
    position: absolute;
    top: 0;
    right: 0;
    width: 115px;
    align-items: center;
    justify-content: flex-end;
}

.date svg {
    height: 15px;
}

.box-news-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}
.list-new-cat .card-news{
    margin-bottom: 25px;
}
.card-news img {
    width: 100%;
}

.card-news .cat,
.single-title .cat {
    text-transform: uppercase;
    margin: 7px 0;
    font-size: 14px;
}

.card-news .cat a,
.single-title .cat a {
    color: #ed1c24;
}

.card-news h3 {
    font-size: 16px;
    line-height: 23px;
}

.card-news h3 a {
    color: #333;
}

.meta-date {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #818587;
    font-weight: 400;
    font-size: 15px;
}

.card-news h3 a:hover, .meta-post h3 a:hover {
    color: #e00;
}

a img:hover {
    opacity: 0.8;
}

.quatrang {
    text-align: center;
    margin: 20px 0;
}

.quatrang .page-numbers {
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid #ededed;
    border-radius: 4px;
    color: #333;
    transition: all .3s;
}

.quatrang .page-numbers.current, .quatrang a.page-numbers:hover {
    background: #ed1c24;
    color: #fff;
    border-color: #ed1c24;
    transition: all .3s;
}

h1.single-title {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 15px 0;
}

.single-title .date {
    position: initial;
    margin-bottom: 20px;
}

.single-title {
    max-width: 800px;
    margin: 0 auto;
}

.avt-single img {
    width: 100%;
    margin-bottom: 30px;
}

.single-post-content {
    max-width: 800px;
    margin: 0 auto;
    text-align: justify;
}

.single-post-content h2 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}

.share-social {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    margin-top: 30px;
}

.list-social {
    height: 20px;
}

footer .list-social {
    height: auto;
    margin: 10px 0;
    text-align: center;
}

.widget h3 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
}

.widget {
    margin-bottom: 30px;
}

.card-news .meta-date {
    margin: 15px 0;
}

.card-news h4 {
    font-size: 16px;
    line-height: 24px;
}

.card-news h4 a {
    color: #333;
}

.content-w .card-news {
    margin-bottom: 25px;
}

.card-news h4 a:hover {
    color: #ed1c24;
}

.category-list ul {
    padding: 0;
}

.category-list ul li {
    list-style: none;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.category-list ul li a {
    color: #333;
}

.category-list ul li a:hover {
    color: #ed1c24;
}

.avt-pro {
    height: 170px;
    display: flex;
    align-items: center;
    display: block;
}

.avt-pro img {
    width: 250px;
    height: 100%;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}

.product-related h2 {
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.info-pro h4 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
}

.info-pro h4 a {
    color: #333;
}

.carousel-product-item:hover h4 a {
    color: #e00;
}

.carousel-product-item .price {
    margin-top: 13px;
}

.select-color {
    margin-bottom: 20px;
    margin-top: 15px;
}

.select-color span {
    width: 30px;
    height: 30px;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0px 0px 0px 1px #dedede;
    padding: 10px;
    box-sizing: border-box;
    margin-right: 6px;
    border: 3px solid #fff;
}

.select-color span.select {
    box-shadow: 0px 0px 0px 1px #3e3e3e;
}
nav.woocommerce-breadcrumb {
    text-transform: uppercase;
    margin-top: 20px!important;
}

nav.woocommerce-breadcrumb a {
    color: #333!important;
}

.item-banner {
    position: relative;
}

.item-banner img {
    width: 100%;
}

.item-banner a {
    position: absolute;
    left: 25px;
    bottom: 15px;
    color: #fff;
    text-transform: uppercase;
}

.item-banner:hover a {
    color: #e00;
}

.banner-show {
    margin-bottom: 30px;
}

h1.page-title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 28px;
    margin-bottom: 20px;
}

.wc-block-components-price-slider--is-input-inline .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount {
    width: 50%!important;
    max-width: 50%!important;
    border: 1px solid #d1d1d1 !important;
}

.widget-shop {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ededed;
}

.wc-block-components-price-slider {
    margin-bottom: 0px!important;
}

.widget-shop h3 {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.wc-block-components-price-slider__range-input-progress{
    color: #e00!important;
}
.content-w-shop ul li {
    list-style: none;
    font-size: 14px;
    margin-bottom: 10px;
}

.content-w-shop ul {
    padding: 0;
    margin-bottom: 0;
}

.content-w-shop ul li label {
    display: flex;
    gap: 7px;
}

.content-w-shop ul li label input {
    width: 17px;
}

.content-w-shop ul li:last-child {
    margin-bottom: 0;
}

li.product img {
    height: 150px!important;
    object-fit: contain;
}

li.product h2 {
    font-size: 18px;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 18px!important;
    font-weight: 400!important;
    line-height: 20px;
    text-transform: uppercase;
    color: #333;
}

.woocommerce ul.products li.product:hover h2 {
    color: #e00;
}

.woocommerce ul.products li.product .price {
    font-size: 16px;
    color: #333;
}

select.orderby {
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #d0d0d0;
    font-weight: 400;
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    display: inline-block;
    padding: 7px 16px;
    border-radius: 4px;
    border: 1px solid #e00;
    margin: 5px;
}

.woocommerce nav.woocommerce-pagination ul li a {
    color: #e00;
}

.woocommerce nav.woocommerce-pagination ul li {
    border: none;
}

.woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li a:hover {
    background: #e00;
    color: #fff;
}

.woocommerce nav.woocommerce-pagination ul{
    border: none!important;
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 100%;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    width: 100%;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) {
    width: 16.6666666667%;
    display: inline-block;
    padding: 0 5px;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) img {
    width: 100%;
    height: 90px;
    object-fit: contain;
    border: 1px solid #ededed;
    padding: 1px;
}
ul.tabs.wc-tabs {
    display: none;
}

.woocommerce div.product div.images img {
    object-fit: contain;
    padding: 65px 130px;
}

.woocommerce div.product form.cart .variations {
    margin-bottom: 0;
}

.woocommerce div.product form.cart .button {
    height: 40px;
    border-radius: 12px;
    background: #e00;
    font-weight: 400;
}

a.mua-ngay {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: #e00;
    padding: 0 30px;
    border: 1px solid #e00;
    border-radius: 12px;
}

.woocommerce-variation-add-to-cart-disabled a.mua-ngay {
    opacity: 0.6;
}
.woocommerce .quantity .qty{
    height: 40px;
    border-radius: 12px;
    border: 1px solid #ededed;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price{
    color: #e00;
    font-size: 20px;
    font-weight: 400;
}
.imgtest{
    margin-bottom: 10px;
}
span.like{
    cursor: pointer;
}
span.like svg {
    width: 40px;
}
span.like.active svg {
    fill: #e00;
}

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

.woocommerce-variation-add-to-cart {
    display: flex;
    align-content: center;
    align-items: center;
    gap: 4px;
    margin-top: 10px;
}
.woocommerce div.product form.cart {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.woocommerce-variation-price {
    display: none;
}

a.reset_variations {
    position: absolute;
    right: 0;
    top: 2px;
    color: #e00;
}

td.value.woo-variation-items-wrapper {
    position: relative;
}
.product_meta {
    display: none;
}

.product_meta {
    display: none;
}

h1.product_title.entry-title {
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom: 15px;
    padding-bottom: 20px!important;
    border-bottom: 1px solid #ededed;
}

.more-decs {
    color: #818587;
    margin-bottom: 30px;
}

.more-decs p {
    margin-bottom: 8px;
}

.more-decs p strong {
    font-weight: 400;
    color: #000;
}

.ship {
    margin-top: 20px;
}

div#tab-description h2 {
    color: #1E231E;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
}

.woocommerce-product-details__short-description ul li, .csbh ul li {
    margin-bottom: 8px;
}

h2.mota, h2.bao-hanh {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ededed;
}

.more.more-related {
    text-align: center;
}

.more.more-related a {
    display: inline-block;
    padding: 10px 40px;
    border: 1px solid #ff0000;
    border-radius: 4px;
    color: #e00;
    margin-bottom: 30px;
    margin-top: 30px;
}

.login-page {
    position: relative;
    padding-top: 40px;
  }

  .login-page p {
    Line-height: 20px;
    font-family: Helvetica;
    font-weight: 400;
    line-height: 20px;
    color: #1E231E;
    margin-bottom: 0px;
    text-transform: uppercase;
    padding-right: 10px;
  }

  .login-left {
    position: absolute;
    display: flex;
    flex-direction: column;
  }

  .login-left h1 {
    margin-top: 0;
  }

  .login-left-regis {
    display: flex;
  }

  .login-left p {
    font-size: 14px;
  }

  .login-left span {
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #ED1C24;
    text-transform: uppercase;
  }

  .form-login {
    display: flex;
    flex-direction: column;
    max-width: 550px;
    margin: 0 auto;

  }

  .form-login p {
    font-size: 16px;
    padding-bottom: 12px;
  }

  .form-login input {
    margin-bottom: 26px;
    height: 48px;
    border-radius: 8px;
    border: 1px solid #B1B1B1;
    font-size: 15px;
    padding-left: 10px;
  }

  .form-login button {
    height: 48px;
    gap: 0px;
    border-radius: 8px;
    border: 1px solid #ED1C24;
    color: #ffffff;
    background-color: #ED1C24;
    margin-bottom: 18px;
    text-transform: uppercase;
  }

  .form-login a {
    font-family: Helvetica;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: end;
    text-transform: uppercase;
    color: #1E231E;
    padding-bottom: 24px;
  }

  .login-link-a {
    /* width: 262px; */
    height: 48px;
    border-radius: 8px;
    gap: 0px;
    border: 1px solid #D7D7D7;
    opacity: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .login-link-a span {
    padding-left: 8px;
    text-transform: capitalize;
    font-size: 14px;
  }

  .form-login h5 {
    display: flex;
    flex-direction: row;
    color: #D7D7D7;
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding-bottom: 15px;
  }
  .login-link-a img{
    width: 24px;
    height: 24px;
  }

  .form-login h5:before,
  .form-login h5:after {
    content: "";
    flex: 1 1;
    border-bottom: 1px solid #D7D7D7;
    margin: 10px 14px;
  }
  .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    width: 100%;
    margin: 0 !important;
    text-align: center;
  }

.info-ab-banner h1 {
    color: #fff;
}
.product-slider{
    margin-bottom: 40px;
}

.aftersales h1 {
    text-align: center;
    margin-bottom: 30px;
}

.list-top-sale h2 {
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 40px 0;
}

.product-cart:hover {
    background: #ededed;
}

.product-cart .avt-pro {
    display: block;
}

.product-cart .avt-pro img {
    width: 100%;
    padding: 30px;
    margin: 0 auto;
    display: block;
    object-fit: contain;
}

.product-cart {
    padding: 10px;
}

.product-cart .price {
    font-weight: 600;
}
.carousel-product-item {
    text-align: center;
}

.info-pro.brand-card {
    margin-bottom: 30px;
}

.brand {
    text-transform: uppercase;
    font-size: 13px;
    color: #878787;
}

.box-news-list.tips {
    display: block;
}

.box-news-list.tips .card-news img {
    width: 290px;
    float: left;
    margin-right: 20px;
}

.box-news-list.tips .card-news .cat {
    margin-top: 0;
}

.box-news-list.tips .card-news .meta-date {
    margin-bottom: 0;
    margin-top: 0;
}

.box-news-list.tips .card-news {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #ededed;
}

.box-news-list.tips .card-news:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.category-cham-soc-mat .box-news img {
    max-height: 310px;
    object-fit: cover;
}

.icon-sidebar {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 999;
}

.icon-sidebar ul li a {
    display: flex;
    background: #A60C0D;
    padding: 11px 10px;
    border-radius: 8px;
    align-content: center;
    color: #fff;
    border: 1px solid #7F0607;
    flex-direction: row;
    justify-content: flex-end;
    width: fit-content;
}

.icon-sidebar ul li {
    box-shadow: 0px 2px 4px 0px #00000029;
    padding: 8px;
    background: #ffffff29;
    margin-bottom: 10px;
    border-radius: 8px;
    display: flex;
    justify-content: flex-end;
    width: fit-content;
    transition: all .3s;
}

.icon-sidebar ul li a .icon {
    width: 24px;
}
.icon-sidebar ul li a span {
    width: 0;
    overflow: hidden;
    height: 23px;
    transition: all .3s;
}
.icon-sidebar ul li:hover a span{
    width: auto;
    height: auto;
    overflow: inherit;
    transition: all .3s;
    padding-left: 10px;
}
.icon-sidebar ul li a.call {
    border-color: #69D367;
    background: #69D367;
}

.icon-sidebar ul li a.zalo {
    background: #3C8CFF;
    border-color: #5B9EFF;
}

.icon-sidebar ul {
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    flex-wrap: nowrap;
    align-items: flex-end;
}

a.checkout-button.button.alt.wc-forward {
    background: #e00!important;
}

td.product-name a {
    color: #e00;
}

img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
    width: 100px!important;
}

.cart_totals h2 {
    margin-bottom: 30px;
}

ul#footer_nav-nav {
    padding: 0;
}

ul#footer_nav-nav li {
    list-style: none;
    text-transform: uppercase;
    margin-bottom: 7px;
}

ul#footer_nav-nav li a {
    color: #333;
}

ul#footer_nav-nav li a:hover {
    color: #e00;
}

.glass-menu .glass-li a {
    color: #333;
}
.show-search{
    cursor: pointer;
}
.page-search{
    display: none;
}

.page-search {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: #000000a6;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    display: none;
}

.container-search {
    width: 500px;
    position: absolute;
    max-width: calc(100% - 30px);
}

.container-search form input {
    width: 100%;
    background: #ffffffbf;
    height: 46px;
    border: none;
    border-radius: 4px;
    font-size: 13px;
    padding: 10px;
}

.container-search form button {
    position: absolute;
    right: 0;
    height: 45px;
    border: none;
    top: 0;
    width: 60px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.container-search form input:focus {
    outline: none;
}

.close-s {
    position: absolute;
    right: 0;
    top: -30px;
    background: #e00;
    border-radius: 50%;
    cursor: pointer;
}
.cart-icon{
    position: relative;
}

.cart-icon .count{
    color: #fff;
    background: #e00;
    font-size: 11px;
    position: absolute;
    right: -5px;
    top: -5px;
    width: 13px;
    height: 13px;
    text-align: center;
    line-height: 13px;
    border-radius: 50%;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    min-height: 40px;
    border-radius: 4px;
    border: 1px solid #777;
    padding: 10px;
}

form.woocommerce-form.woocommerce-form-login.login {
    height: 100%;
    font-size: 14px;
    padding-bottom: 11px;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit{
    font-weight: 400;
    font-size: 14px;
    height: 40px;
    background: #e00!important;
    color: #fff!important;
}

p.woocommerce-LostPassword.lost_password a {
    font-size: 13px;
    color: #e00;
}

form.woocommerce-form.woocommerce-form-register.register {
    font-size: 14px;
}

form.woocommerce-form.woocommerce-form-register.register a {
    color: #e00;
}


nav.woocommerce-MyAccount-navigation ul li {
    list-style: none;
}

nav.woocommerce-MyAccount-navigation ul {
    padding: 0;
}

nav.woocommerce-MyAccount-navigation ul li a {
    display: block;
    background: #ededed;
    margin-bottom: 6px;
    padding: 10px;
    border-radius: 4px;
    color: #333;
}

nav.woocommerce-MyAccount-navigation ul li.is-active a, nav.woocommerce-MyAccount-navigation ul li:hover a {
    color: #fff;
    background: #e00;
}
.woocommerce-MyAccount-content {
    font-size: 14px;
}
.woocommerce-MyAccount-content a {
    color: #e00;
}