/*** Import *****/

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

/*** End ****/

.blog-info-tag span:before {
    content: ',';
    position: absolute;
    bottom: 6px;
    right: 0;
    height: 100%;
    font-size: 16px;
    width: auto;
    padding-right: 5px;
}

.blog-info-tag span {
    position: relative;
    display: inline-block;
    padding-right: 10px;
}

.blog-info-tag span:last-child:before {
    display: none
}

.wpcf7 form .wpcf7-response-output {
    border: 0;
    margin: 15px 0;
    padding: 0;
    font-weight: bold;
    font-size: 12px;
}

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

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

.contact .contact-bottom-right span.wpcf7-not-valid-tip {
    position: absolute;
    right: 0.5rem;
    bottom: 0rem;
    font-size: 1rem;
}

.contact .contact-bottom-right .wpcf7 form .wpcf7-response-output {
    font-size: 1.5rem !important;
    bottom: -3rem;
    text-align: center;
    position: absolute;
}

.contact .contact-bottom-right span.wpcf7-spinner {
    position: absolute;
    top: 2rem;
    left: 4rem;
}

.btn.btn-animation input[type="submit"] {
    color: white;
}

.pagination .page-numbers.next,
.pagination .page-numbers.prev {
    background: none;
}

.newsct.section.news-list-new .pagination ul.page-numbers li a.page-numbers {
    width: 100%;
    height: 100%;
}

.newsct.section.news-list-new .pagination ul.page-numbers li a.page-numbers.next img {
    width: unset;
    height: unset;
}

.newsct.section.news-list-new .pagination ul.page-numbers li a.page-numbers.prev img {
    width: unset;
    height: unset;
}

.home-banner-box-con .box-con-right .text a {
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.4;
    text-align: center;
    color: #ffffff;
    display: block;
}

.empty-mess .empty-img {
    width: 6.4rem;
}

.empty-mess {
    text-align: center;
    margin: 0 auto;
}

.empty-mess .title-large {
    font-family: "UtmSeagull";
    font-size: 24px;
    color: #005baa;
    margin-bottom: 10px;
}

.empty-mess .title-large {
    color: #005baa;
}

.empty-mess .title-large span {
    color: #f37021;
}

.empty-mess.have-mess {
    margin-bottom: 2rem;
    margin-top: -3rem;
}


.footer .footer-form span.wpcf7-not-valid-tip {
    position: absolute;
    right: 13.5rem;
    bottom: -1rem;
    font-size: 1rem;
}

.footer .footer-form .wpcf7 form .wpcf7-response-output {
    font-size: 1.2rem !important;
    bottom: 1rem;
    text-align: center;
}

.footer .footer-form span.wpcf7-spinner {
    position: absolute;
    top: 2rem;
    left: 4rem;
}

.footer .footer-form button {
    position: relative;
}

.footer .footer-form .btn-hide {
    display: none;
}

.footer .footer-form input.wpcf7-form-control.has-spinner.wpcf7-submit {
    color: white;
}

.newsct-right .right-bottom-content-list .right-bottom-content-item.active a {
    color: #69A711;

}

.header-menu .menu-nav>.menu-list>.menu-item.current-menu-item {
    background: #1662B9;
}

.header-menu .menu-nav>.menu-list>.menu-item.current-menu-item a {
    color: white;
}

.home-location .content .item-left .title p,
.home-location .content .item-right .title p {
    text-transform: uppercase;
    text-align: left;
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.4;
    color: #1662B9;
}

.about-content-intro-con-left .about-intro-content .name p {
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 1.9;
    color: #444444;
    float: left;
}

@media only screen and (max-width: 1200px) {
    .about-content-intro-con-left .about-intro-content .name p {
        font-size: 2rem;
    }
}

@media only screen and (max-width: 800px) {
    .about-content-intro-con-left .about-intro-content .name p {
        font-size: 1.7rem;
    }
}

.footer ul.menu li a:hover {
    color: #69A711;
}

.mona-content ul {
    list-style: disc;
}

.wp-block-image figcaption {
    text-align: center;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1.4;
    color: #444444;
    opacity: 0.7;
    margin-bottom: 2.4rem;
}

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

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

.wpcf7-not-valid-tip {
    color: red;
}

.wpcf7 form.invalid .wpcf7-response-output {
    position: absolute;
    bottom: 0;
    transform: translateY(100%);
    margin: 0;
    font-size: 1.3rem;
    font-weight: 500;
    padding: 2rem 0;
    text-align: left;
}

.wpcf7 .btn .btn-inner input {
    cursor: pointer;
}

.wpcf7 .btn .btn-inner {
    /* display: flex;
    align-items: center; */
}

.wpcf7 .btn .img-inner {
    /* margin-left: 1.5rem; */
}

/* form footer meta */
.form-footer-meta span.wpcf7-not-valid-tip {
    position: absolute;
    right: 2.5rem;
    bottom: -1rem;
    font-size: 1rem;
}

/* form liên hệ */
.contact .contact-bottom-right .wpcf7 form .wpcf7-response-output {
    font-size: 1.3rem !important;
    bottom: 0;
    text-align: left;
    max-width: 50%;
}

/* trang về chúng tôi */
.about-doanh-nghiep-content .btn {
    text-align: center;
}

.about-doanh-nghiep-content .btn img {
    height: 1.5rem;
    margin: -1px 0 0 0;
}

/* Responsive */
@media only screen and (max-width: 1201px) {
    .banner.banner-gen .banner-wrap .content {
        align-items: center;
    }

    .banner.banner-gen .banner-wrap .content-con-text {
        text-align: center;
    }
}

@media only screen and (max-width: 600px) {
    .contact .contact-bottom-right .wpcf7 form .wpcf7-response-output {
        max-width: 100%;
    }

    .about-doanh-nghiep-content .content-item .content {
        text-align: center !important;
        align-items: center !important;
    }
}