/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.slider-danhmuc .banner-bg::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;      /* độ rộng vùng tối */
    height: 100%;
    background: rgba(0,0,0,.55);
    z-index: 2;
    pointer-events: none;
}
/* Hiệu ứng fade + zoom */
.slider-danhmuc .flickity-slider,
.slider-danhmuc .flickity-viewport,
.slider-danhmuc .banner,
.slider-danhmuc .banner-bg{
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    transform:translate3d(0,0,0);
    will-change:opacity,transform;
}

.slider-danhmuc .banner-bg{
    transition:opacity 1s ease,transform 6s ease;
}
.font-h3 h3 {
    font-size: 19px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.5em;
    letter-spacing: 0px;
}
.font-h3 h3:hover {
    text-decoration: underline;
}
.col-tc .col-inner{
    padding: 0px !important;
}
.nav-dropdown-default {
    padding: 5px;
}
.nav-dropdown-has-border .nav-dropdown {
    border: 1px solid #ddd;
    background-color: #fff;
    color: #777;
    border-radius: 30px;
    min-width: 300px;
}
.nav-dropdown-has-arrow li.has-dropdown:before {
    bottom: -3px !important;
}
.absolute-footer {
    color: #fff !important;
}
.header-main .nav > li a {
    font-size: 16px;
    font-weight: 700;
    /* line-height: 62px; */
    text-transform: uppercase;
}
.home-sec-1 .text-run h2 {
    font-size: 36px;
    margin-bottom: 0;
    color: #2d2d2d;
}
.text-run .run {
    height: 55px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
/*CSS thôgn số đối tác - khách hàng*/
.thong-so img {
  width: 65px;
  height: 65px;
  background: #fff;
  padding: 8px;
  border-radius: 20%;
  box-shadow: 0 5px 62px 0 rgb(2 55 102 / 19%);
  -webkit-box-shadow: 0 5px 62px 0 rgb(2 55 102 / 19%);
}
.thong-so .medium-8 {
  padding: 0 10px 30px 5px;
}
.conut-num {
  font-size: 42px;
  color: #FFF400;
  margin-bottom: 0;
  font-weight: 900;
  line-height: 45px;
}
span.count-up.active {
  opacity: 1;
}
.count-txt {
  margin: 0;
  font-size: 19px;
  color: #fff;
}
.section-ho-so .doanh-nghiep {
  -webkit-box-shadow: 0 5px 62px 0 rgb(2 55 102 / 9%);
  border-radius: 5px;
  padding-top: 25px !important;
  border: 1px solid #ff000061;
  background-color: white;
  margin-top: -99px;
}
[data-animated=true] {
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
  opacity: 1 !important;
  transform: translateZ(0) scale(1);
}
.flickity-page-dots{
  bottom: -10px !important;
}
/*CSS button giới thiệu*/
.button-gt {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 10px 45px 10px 20px; /* chừa chỗ bên phải cho icon */
    font-size: 16px;
    font-weight: 600;

    color: #fff;
    background: #001C4E;

    border-radius: 999px;
    border: 2px solid #eee;

    overflow: hidden;
    z-index: 1;

    backdrop-filter: blur(8px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);

    transition: color .3s ease;
}

/* nền hover chạy */
.button-gt::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -100%;

    width: 100%;
    height: 100%;

    background: #CA2719; /* màu chính của bạn */
    border-radius: 999px;

    transform: translateY(-50%);
    transition: all .6s ease;

    z-index: -1;
}

.button-gt:hover::before {
    left: 0;
}

.button-gt:hover {
    color: #fff;
}

/* ICON bằng CSS */
.button-gt::after {
    content: "";
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);

    width: 32px;
    height: 32px;

    border-radius: 50%;
    border: 1px solid #333;

    background-color: #fff;

    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 19' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23333' d='M7 18C7 18.5523 7.44772 19 8 19C8.55228 19 9 18.5523 9 18H7ZM8.70711 0.292893C8.31658 -0.0976311 7.68342 -0.0976311 7.29289 0.292893L0.928932 6.65685C0.538408 7.04738 0.538408 7.68054 0.928932 8.07107C1.31946 8.46159 1.95262 8.46159 2.34315 8.07107L8 2.41421L13.6569 8.07107C14.0474 8.46159 14.6805 8.46159 15.0711 8.07107C15.4616 7.68054 15.4616 7.04738 15.0711 6.65685L8.70711 0.292893ZM9 18L9 1H7L7 18H9Z'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;

    transition: all .3s ease;
}

/* hover icon */
.button-gt:hover::after {
    transform: translateY(-50%) rotate(90deg);
    background-color: #fff;
    border: none;
}
/*CSS chữ giới thiệu*/
.head-intro {
    line-height: 1.1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.head-intro .ve-ct {
color: #CA2719;
    font-family: 'bonestay', cursive !important;
    font-weight: 500;
    font-size: 60px !important;
    margin-top: -46px;
    margin-left: 119px;
    text-shadow: 0 0 5px rgb(255 255 255 / 36%), 0 0 10px rgb(255 255 255 / 53%), 0 0 20px rgb(248 242 241 / 20%), 2px 2px 8px rgba(0, 0, 0, 0.45);
    filter: brightness(1.15) saturate(1.2);
}
.head-intro span:nth-child(1) {
    color: #C6C6C6;
    font-family: 'astoria';
    font-size: 70px;
    font-weight: 800;
    letter-spacing: 6px;
    text-transform: uppercase;
}
/*S kiểu giới thiệu*/
.txt-gioithieu .a-kieu {
  float: left;
    font-size: 90px;
    line-height: 0.8;
    font-weight: 800;
    color: #8f1f24;
    padding-right: 12px;
    margin-top: 6px;
    font-family: 'astoria', sans-serif;
}
.col-txt-tin {
    padding-bottom: 0px !important;
}
/*FONT CHỮ*/
@font-face {
    font-family: 'astoria';
    src: url('./assets/fonts/astoria/astoria-bold.ttf');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'bonestay'; 
    src: url('./assets/fonts/bonestay/Fz-Bonestay.otf');
    font-weight: 600; 
}

/*CSS blog*/
.sec-tintuc .flickity-prev-next-button.previous {
    background-image: url(images/icon-pre.png) !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 65px !important;
    height: 65px !important;
    top: 90px;
    left: 6px !important;
    background: none;
}
.sec-tintuc .flickity-prev-next-button.next {
    background-image: url(images/icon-next.png) !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 60px !important;
    height: 60px !important;
    top: 90px;
    right: 6px !important;
    background: none;
}
.sec-tintuc .box.box-normal.box-text-bottom.box-blog-post.has-hover {
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #e5edfc;
    box-shadow: 0 5px 10px rgba(3, 21, 99, 0.12);
    transition: all 300ms linear 0ms;
}
.sec-tintuc .box-text-inner.blog-post-inner {
    padding: 10px;
}
.sec-tintuc .text-center .button:first-of-type {
    border-radius: 20px;
}
/*slider home*/
.slider-home .flickity-prev-next-button.previous {
    background-image: url(images/icon-pre.png) !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 55px !important;
    height: 55px !important;
    top: 230px;
    left: 90px !important;
    background: none;
}
.slider-home .flickity-prev-next-button.next {
    background-image: url(images/icon-next.png) !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 55px !important;
    height: 55px !important;
    top: 230px;
    right: 90px !important;
    background: none;
}
.slider-home .flickity-button .flickity-button-icon {
  display: none !important;
}
.slider-home .box.box-normal.box-text-bottom.box-blog-post.has-hover {
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #e5edfc;
    box-shadow: 0 5px 10px rgba(3, 21, 99, 0.12);
    transition: all 300ms linear 0ms;
}

/*CSS Lĩnh vực*/
.sec-linhvuc .flickity-prev-next-button.previous {
    background-image: url(images/icon-pre.png) !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 55px !important;
    height: 55px !important;
    top: 150px;
    left: 90px !important;
    background: none;
}
.sec-linhvuc .flickity-prev-next-button.next {
    background-image: url(images/icon-next.png) !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 55px !important;
    height: 55px !important;
    top: 150px;
    right: 90px !important;
    background: none;
}
.sec-linhvuc .flickity-button .flickity-button-icon {
  display: none !important;
}
.sec-linhvuc .box.box-normal.box-text-bottom.box-blog-post.has-hover {
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #e5edfc;
    box-shadow: 0 5px 10px rgba(3, 21, 99, 0.12);
    transition: all 300ms linear 0ms;
}
/*CSS dự án*/
.sec-duan .flickity-prev-next-button.previous {
    background-image: url(images/icon-pre.png) !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 65px !important;
    height: 65px !important;
    top: 150px;
    left: 13px !important;
    background: none;
}
.sec-duan .flickity-prev-next-button.next {
    background-image: url(images/icon-next.png) !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 60px !important;
    height: 60px !important;
    top: 150px;
    right: 13px !important;
    background: none;
}
.slider-nav-push.slider-nav-reveal .flickity-prev-next-button svg{
    display: none;
}
.sec-duan .box.box-normal.box-text-bottom.box-blog-post.has-hover {
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #e5edfc;
    box-shadow: 0 5px 10px rgba(3, 21, 99, 0.12);
    transition: all 300ms linear 0ms;
}
.show-on-hover{
    color: #c02929 !important;
}
.slider-nav-light .flickity-page-dots .dot {
    border-color: #c02929;
}
.sec-linhvuc .row-iconbox .icon-box {
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 0 7px 8px 7px;
}
.chantrang-txt ul li a{
    color: #fff !important;
}
.chantrang-txt ul li a:hover{
    color: #ec5252 !important;
}

/*css blocks dang ky*/
.sec-dangky{
    padding-bottom: 0px !important;
}
/* FORM 1 HÀNG */
/* FORM INLINE */
.form-email-inline {
    width: 100%;
}

/* CF7 tự bọc p */
.form-email-inline p {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    width: 100% !important;
}

/* bỏ br */
.form-email-inline br {
    display: none !important;
}
.col-txt-gui{
    padding-bottom: 0px !important;
    padding-top: 10px;
}
/* label full */
.form-email-inline label {
    flex: 1 !important;
    margin: 0 !important;
}

/* input email */
.form-email-inline .wpcf7-form-control-wrap {
    width: 100% !important;
    display: block !important;
}

.form-email-inline .wpcf7-form-control-wrap input[type="email"] {
    width: 100% !important;
    height: 45px !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 0 24px !important;
    background: #fff !important;
    color: #333 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    margin: 0 !important;
}

/* nút gửi */
.form-email-inline input.btn-gui,
.form-email-inline input[type="submit"].btn-gui,
.wpcf7-form .form-email-inline input.wpcf7-submit.btn-gui {
    flex-shrink: 0 !important;
    height: 45px !important;
    min-width: 120px !important;
    padding: 0 32px !important;
    border: none !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #181717 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    line-height: 45px !important;
    margin: 0 !important;
    box-shadow: none !important;
}
.form-email-inline input.btn-gui,
.form-email-inline input[type="submit"].btn-gui,
.wpcf7-form .form-email-inline input.wpcf7-submit.btn-gui:hover{
    background: #011230 !important;
    color: #fff !important;
}

/* ẩn spinner */
.form-email-inline .wpcf7-spinner {
    display: none !important;
}
.txt-nhuongquyen p {
    font-size: 22px;
    font-weight: 700;
    padding-top: 13px;
}
/*CSS blog*/
.blog-archive .row.align-center > .large-10 {
    flex-basis: 100% !important;
    max-width: 100% !important;
}
.blog-archive #post-list {
    width: 100%;
}
.featured-title {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    background-color: #2b3063;
background-image: url("data:image/svg+xml,%3Csvg width='52' height='26' viewBox='0 0 52 26' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d35b54' fill-opacity='0.67'%3E%3Cpath d='M10 10c0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6h2c0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4 3.314 0 6 2.686 6 6 0 2.21 1.79 4 4 4v2c-3.314 0-6-2.686-6-6 0-2.21-1.79-4-4-4-3.314 0-6-2.686-6-6zm25.464-1.95l8.486 8.486-1.414 1.414-8.486-8.486 1.414-1.414z'%2F%3E%3C/g%3E%3C/g%3E%3C/svg%3E");

background-repeat: repeat;
background-size: 52px 26px;
}
.blog-single .article-inner {
    border-radius: 20px;
}
.bb {
     border-bottom: none !important; 
}
#comments {
    display: none !important;
}
.blog-single .post-sidebar {
    padding-top: 0px !important;
    padding-left: 0px !important;
}
.blog-single .post-sidebar .widget-area  {
    padding: 10px 10px 5px;
    border: 1px dashed #e31e23;
    border-radius: 4px;
    BACKGROUND: #eef0f2bd;
}
.widget .is-divider {
    border-bottom: 2px solid #fbae3c;
}
.single-post .entry-title {
    font-size: 36px;
    color: #e5edec;
    line-height: 50px;
}
.page-id-12 .is-divider {
    background-color: rgb(218 54 54 / 79%);
    max-width: 91px;

}
/*CSS FORM LIÊN HỆ*/
input[type=text] {
    padding: 22px 10px;
    box-shadow: none;
    border-radius: 4px;
}
input[type=tel] {
    padding: 22px 10px;
    box-shadow: none;
    border-radius: 4px;
}
input[type="email"] {
    padding: 22px 10px;
    box-shadow: none;
    border-radius: 4px;
}
.wpcf7-textarea{
       padding: 22px 10px;
    box-shadow: none;
    border-radius: 4px; 
}
.form-lienhe .col {
    padding-bottom: 0px !important;
}
/*CSS DIEN THOAI - MOBIILE*/
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.home-sec-1 .text-run h2 {
    font-size: 29px;
}
.head-intro span:nth-child(1) {
    font-size: 45px !important;
}
h2.h2-trangchu {
    font-size: 21px;
    margin-bottom: 20px;
}
.col-iconbox{
    padding-bottom: 5px !important;
}
.sub-title p {
    color: #FED13C !important;
}
.txt-nhuongquyen p{
    font-size: 19px !important;
}
.icon-box-img {
    padding-top: 10px;
}
.sec-duan .flickity-prev-next-button.previous {
    top: 80px;
}
.sec-duan .flickity-prev-next-button.next {
    top: 80px;
}
.conut-num {
    font-size: 35px;
}
.font-h3 h3 {
    font-size: 15px;
}
.home-sec-1{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.home-sec-1 .text-run h2 {
    font-size: 26px;

}
.slider-danhmuc .banner-bg::before{
        width: 100%;
        height: 35%; /* chiều cao vùng tối */
        top: 0;
        left: 0;
}
}
/*Repnsive DT max 549*/
@media (max-width: 549px){
    .home-sec-1 .text-run h2 {
    font-size: 29px;
}
.head-intro span:nth-child(1) {
    font-size: 45px !important;
}
h2.h2-trangchu {
    font-size: 21px;
    margin-bottom: 20px;
}
.col-iconbox{
    padding-bottom: 5px !important;
}
.sub-title p {
    color: #FED13C !important;
}
.txt-nhuongquyen p{
    font-size: 19px !important;
}
.icon-box-img {
    padding-top: 10px;
}
.conut-num {
    font-size: 35px;

}
.font-h3 h3 {
    font-size: 15px;
}
.home-sec-1{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.home-sec-1 .text-run h2 {
    font-size: 26px;

}
.slider-danhmuc .banner-bg::before{
        width: 100%;
        height: 35%; /* chiều cao vùng tối */
        top: 0;
        left: 0;
    }
}
/*Repnsive DT max 855*/
@media(max-width: 855px) {

}