/*** Import *****/

@import url('404.css');
@import url('loading-btn.css');
@import url('loading-group.css');

/*** End ****/

.hidden-text {
    position: fixed;
    left: 0;
    top: 0;
    transform: translate(-100%, -100%);
}

.back-to-top {
    z-index: 22;
}

.mt-4 {
    margin-top: 4rem;
}

.header-nav .menu-nav .menu-item.current-menu-ancestor > .menu-link, 
.header-nav .menu-nav .menu-item.current-menu-parent > .menu-link,
.mobile-nav .menu-item .smenu .menu-item.current-menu-ancestor > a,
.mobile-nav .menu-item .smenu .menu-item.current-menu-parent > a,
.mobile-nav .menu-item .smenu .menu-item.current-menu-item > a {
    color: #C41D2F;
}

.header .smenu .menu-list > .menu-item > .menu-link {
    width: 100%;
}

/* style chung cho contact form */
.wpcf7-form {
    position: relative;
}

.wpcf7-form input, .wpcf7-form textarea, .wpcf7-form select {
    font-size: inherit;
    font-family: inherit;
}

.wpcf7-spinner {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    margin: 0;
}

.wpcf7-form-control-wrap {
    display: block;
}

.wpcf7-not-valid-tip {
    color: red;
    position: absolute;
    right: 0;
    font-size: 1.1rem;
}

.wpcf7 form .wpcf7-response-output {
    position: absolute;
    bottom: 0;
    transform: translateY(100%);
    margin: 0;
    font-size: 1.5rem;
    font-weight: 500;
    padding: 0;
    text-align: right;
    border: none;
}

.wpcf7 form.invalid .wpcf7-response-output {
    color: red;
}

.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output {
    color: #46b450;
}

.btn input[type="submit"] {
    color: inherit;
    background: none;
    font-size: inherit;
    font-weight: inherit;
    padding: 0;
    cursor: pointer;
    border-radius: initial;
}

/* form liên hệ */
.contact-form .btn.transparent {
    border-color: #C41D2F;
}
@media only screen and (min-width: 550px) {
    .contact-form .wpcf7 form .wpcf7-response-output {
        width: calc(100% - 20rem);
        transform: initial;
        right: 0;
    }
}

@media only screen and (max-width: 549px) {
    .contact-form .wpcf7 form .wpcf7-response-output {
        padding: 0.8rem 0;
        font-size: 1.1rem;
        text-align: left;
    }
}

/* form đăng ký nhận tin */
.subs-form input[type="submit"] {
    display: none;
}
.subs-form .form-control > :first-child {
    flex: 1;
    position: initial;
}
.subs-form button {
    position: relative;
}
.subs-form .form-control {
    margin: 0;
}
.subs-form .wpcf7-not-valid-tip {
    width: 100%;
    text-align: center;
    padding-top: 0.5rem;
}
.subs-form .wpcf7 form .wpcf7-response-output {
    width: 100%;
    left: 0;
    transform: none;
    bottom: initial;
    padding: 3rem 2.4rem 0;
    text-align: center;
    line-height: 1.3;
}
@media only screen and (max-width: 1200px) {
    .subs-form .wpcf7 form .wpcf7-response-output {
        font-size: 1.3rem;

    }
}

/* form tuyển dụng */
.popup-wrapper {
    padding: 0.8rem;
}
.recruit-form form {
    padding: 0 1.6rem 1.6rem;
}
.recruit-form .form-control {
    font-size: 1.6rem;
}
.recruit-form input[type="file"] {
    display: none;
}
.recruit-form .file, .recruit-form .file * {
    cursor: pointer;
}
.recruit-form .file .wpcf7-form-control-wrap {
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
}
.recruit-form .form-control-input {
    padding: 0;
}
.recruit-form .form-control-input input::placeholder {
    font-size: 1.6rem;
}
.recruit-form .form-control-input input, .recruit-form .file {
    border-radius: 0.6rem;
    padding: 1.5rem 1.2rem;
    line-height: 1.5;
    position: relative;
}
.recruit-form label:not([for="your-file"]) {
    color: #1a1a1a !important;
}
.recruit-form .form-control-wrap.style-second label {
    color: #C41D2F !important;
}
.recruit-form .btn:before, .recruit-form .btn:after{
    top: 0;
}
.recruit-form .btn:hover:before, .recruit-form .btn:hover:after {
    top: -7.5rem;
}
.recruit-form .wpcf7 form .wpcf7-response-output {
    top: 40%;
    left: 50%;
    bottom: initial;
    width: calc(100% - 2.4rem);
    transform: translate(-50%,-50%);
    text-align: center;
    padding: 2rem;
    border-radius: 0.8rem;
    color: #fff;
}
.recruit-form .wpcf7 form.invalid .wpcf7-response-output {
    background-color: #C41D2F;
}
.recruit-form .wpcf7 form.sent .wpcf7-response-output {
    background-color: #3ca329;
}

/* post single */
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
    margin-top: 2.4rem;
    font-weight: 500;
}
.post-content h2 {
    font-size: 1.8rem;
}
.post-content figure {
    margin: 2.4rem 0;
}
.post-content strong {
    font-weight: 500;
}
/* post sidebar */
.news-daily-right-item.poster {
    border: none;
}
/* post related */
.news-related .news-height-date .admin {
    display: none;
}

/* thông báo không có content */
.post-not-found {
    width: 100%;
    background: #c41d2f;
    color: #fff;
    padding: 2rem;
    border-radius: 0.8rem;
    margin-top: 1.6rem;
}
.recruitment-content .post-not-found {
    margin: 0 1.2rem;
}
@media only screen and (max-width: 992px) {
    .recruitment-content .post-not-found {
        margin: 1.2rem 0.8rem 2.4rem;
    }
}
@media only screen and (max-width: 767px) {
    .post-not-found {
        margin-top: 1rem;
    }
}

/* trang tin tức */
.news-height .news-height-item:not(.style-pri) .news-height-date .time span {
    display: none;
}
.news-height-wrap > .news-height-title {
    justify-content: center;
}
.ez-toc-list > li:not(:last-child) {
    margin-bottom: 1.4rem !important;
}

/* trang giới thiệu */
.mona-section.about-us .about-us-text {
    padding-bottom: 0;
}
.mona-section.about-us .about-us-text > * {
    margin-bottom: 3rem;
}

/* Trang khuyến mãi */
.promotion-item .image {
    border-radius: 0.8rem 0.8rem 0 0;
    transition: 0.3s ease-in-out;
}
.promotion-content .promotion-content {
    transition: 0.3s ease-in-out;
}
.promotion-item:hover .image, 
.promotion-item:hover .promotion-content {
    border-radius: 0;
}

@media only screen and (max-width: 800px) {
    .promotion-right-top {
        flex-wrap: wrap;
        flex-direction: row;
        gap: 2rem;
    }
    .promotion-form {
        max-width: initial;
    }
    .promotion-right-title {
        font-size: 1.8rem;
    }
}

/* Trang sản phẩm */
.product-vision-title {
    text-transform: capitalize;
}
@media only screen and (max-width: 800px) {
    .product-intro-content .experience-text .txt {
        font-size: 2.4rem;
    }
}
@media only screen and (max-width: 767px) {
    .product-related-item {
        padding: 1rem 1.2rem;
    }
}

/* Trang danh mục */
.catagories-product-inner {
    height: 100%;
}
.catagories-product-common {
    min-height: initial;
    height: 100%;
}
.catagories-product-btn {
    padding-top: 1.6rem;
    margin-top: auto;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.catagories-product-btn .txt {
    color: #31070C;
    margin-left: 0;
    margin-right: 1rem;
}
.catagories-product-btn:hover .txt {
    color: #C41D2F;
}
.catagories-product-btn:hover .icon img {
    filter: initial;
}

.catagories-product-infor-item {
    justify-content: initial;
    align-items: center;
}
.catagories-product-infor-item > * {
    width: 50%;
    flex-basis: 50%;
    text-align: left;
}
.catagories-product-sub-text {
    padding-left: 0.8rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    height: 2.4rem;
}
.product-vision.other {
    margin-bottom: -14rem;
    margin-top: 8rem;
}
@media only screen and (max-width: 767px) {
    .product-vision.other {
        margin-bottom: -5rem;
    }
}

/* Trang liên hệ */
@media only screen and (max-width: 767px) {
    .item-group-section.contact {
        padding-bottom: 4rem;
        margin-bottom: -4rem;
    }
}

/* Trang chủ */
.developer-info::before {
    background-size: contain;
}
.about-home-backgroud img {
    display: block;
}
@media only screen and (min-width: 1200px) {
    .commnit-home-top {
        top: 0;
        height: 8rem;
    }
    .commnit-home-down {
        bottom: 0;
        height: 8rem;
        transform: initial;
    }
    .commnit-home-bottom::before {
        top: 8rem;
    }
    .commnit-home-wrap {
        min-height: 50rem;
    }
    .commnit-home-down .waves, .commnit-home-top .waves {
        max-width: initial;
        max-height: initial;
        height: 100%;
    }
}
@media only screen and (max-width: 650px) {
    .developer-info::before {
        display: none;
    }
}
@media only screen and (max-width: 549px) {
    .about-home-left {
        padding-bottom: 3rem;
    }
    .developer-info-item {
        flex-basis: 100%;
    }
    .developer-info-inner {
        max-width: initial;
        max-height: initial
    }
    .developer-info-item:nth-child(2n+2) {
        top: initial;
    }
    .developer-info {
        padding-bottom: 0;
    }
}

/* Trang tuyển dụng */
.recruitment-item-inner,
.recruitment-related .recruitment-item {
    height: 100%;
}
.recruitment-item-info {
    flex: 1;
}
.recruitment-item-info > h3 {
    margin-bottom: auto;
}
.recruitment-item-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: initial;
    max-height: 5.2rem;
    height: auto;
}
.recruitment-detail-btn .btn:not(:hover):before, .recruitment-detail-btn .btn:not(:hover):after {
    top: -1.2em;
}

/* Trang giới thiệu */
.commit-right-b .waves, .about-us-bottom .waves,
.product-vision-top .waves, .commit-top .waves {
    height: 100%;
    margin-bottom: 0;
    min-height: initial;
    max-height: initial;
}
.commit-right-b {
    margin-top: -12rem;
    height: 12rem;
}
.about-us-bottom {
    margin-top: -5em;
    height: 10rem;
}
.product-vision {
    padding: 0;
    margin-bottom: -8rem;
}
.product-vision-content {
    padding: 0;
    height: 80rem;
}
.product-vision-inner {
    justify-content: center;
    height: 100%;
}
.product-vision-top {
    transform: rotate(180deg);
}
.commit-top .waves, .commit-top {
    top: initial;
}
.product-vision-top, .commit-top {
    height: 8rem;
}
@media only screen and (max-width: 1200px) {
    .developer {
        padding-bottom: 5rem;
    }
    .product-vision-content {
        height: 60rem;
    }
    .product-vision {
        margin-bottom: -5rem;
    }
    .product-vision-top, .commit-top {
        height: 5rem;
    }
    .commit-right-b {
        margin-top: 5rem;
        height: 10rem;
    }
    .about-us-bottom {
        margin-top: 0rem;
        height: 7rem
    }
    .about-us-wrap {
        padding: 10rem 0 4rem;
    }
    .about-us-content::before {
        transform: translate(0, -90%) scale(0.8);
    }
    .about-home-wrap {
        padding: 4rem 0;
    }
}
@media only screen and (max-width: 767px) {
    .commit-right-b {
        height: 5rem;
    }
    .about-us-bottom {
        top: initial;
        height: 3rem
    }
    .product-vision-content {
        height: 60rem;
    }
    .product-vision {
        margin-bottom: -3rem;
    }
    .product-vision-top, .commit-top {
        height: 3rem;
    }
}
@media only screen and (max-width: 549px) {
    .item-group-section.developer .developer-info {
        padding-top: 3rem;
    }
    .about-us-content::before {
        transform: translate(0, -100%) scale(0.7);
    }
}