/*
Theme Name: MONDIAL.vn
Author: MONDIAL
Author URI: https://mondial.vn
Description: Công ty Thiết kế thương hiệu Mondial.vn
Version: 100.1
*/
@import url("style_adder.css");
@font-face {
    font-family: 'mainr';
    src: url("fonts/mainr.ttf");
    font-display: swap;
}
@font-face {
    font-family: 'mainm';
    src: url("fonts/mainm.ttf");
    font-display: swap;
}
@font-face {
    font-family: 'mainb';
    src: url("fonts/mainb.ttf");
    font-display: swap;
}

:root {
    --main: #1B375C;
    --sub: #e98022;
	--lgray: #808080;
    --gray: #202020;
}
::-webkit-scrollbar { width: 10px; background-color: #ddd; }
::-webkit-scrollbar-thumb {
    height: 20%;
    background: #aaa;
    border: 1px solid #ddd;
    transition: 0.3s;;
}
::-webkit-scrollbar-thumb:hover { background: var(--sub) }
::selection { background: #ddd; color: var(--main); }
::-moz-selection { background: #ddd; color: var(--main); }
::-webkit-selection { background: #ddd; color: var(--main); }

html {
    scroll-behavior: smooth;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
html,body,button,p,text,textarea,select,input {
	outline: 0;
	font-family: 'mainr';
    line-height: 1.4;
}
b, strong { font-family: 'mainb'; }
h1, h2, h3, h4, h5, h6 {
    margin: 15px 0;
    font-weight: normal;
    font-family: 'mainb';
    line-height: 1.2;
    transition: 0.3s;;
}
*:focus { box-shadow: none !important; }
input::placeholder {
    opacity: 1 !important;
    transition: 0.3s;
}
input[type='text']:focus::placeholder,
input[type='email']:focus::placeholder { color: transparent !important; }
/*WRAPPER_CENTER*/
.wrapper-center { margin: auto; max-width: 1600px; }
@media (min-width: 569px) { .wrapper-center { width: 90%;}}
@media (max-width: 568px) { .wrapper-center { margin: 0 30px }}

/*header*/
.pdt60 { padding-top: 60px }
.fixed { 
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
}
.mondial-header { overflow: hidden;}
.head-bar.pad-rez { padding: 15px 0 }
.custom-logo-link img { position: relative; max-width: 160px; }
.maifa-logo { order: 1; }
.mega-menu-wrap { order: 2; }
.head-hotline { order: 3; }

.lang-switch { order: 1 }
.hotline-number { order: 2 }
.maifa-symbol {  
    max-width: unset !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.head-hotline img {
    width: 30px;
    margin-right: 10px;
    background-color: var(--sub);
    padding: 5px;
    border-radius: 50%;
}
.lang-switch {
    margin-right: 40px;
    padding: 8px;
    border-radius: 20px;
    background-color: var(--sub);
}
.lang-switch a {
    color: #fff;
    padding: 0 10px;
    line-height: 1;
}
.lang-switch a:first-child { border-right: 1px solid #fff;}
.lang-switch a:hover { opacity: 0.6;}

/*head main menu*/
.mega-menu>li>.mega-menu-link { 
    letter-spacing: 0.5px; 
    padding: 0 !important;
    margin: 0 20px !important;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, 
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, 
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
    height: 2px;
}

@media (min-width: 1201px) {
    .mega-menu>li.mega-lang-item { display: none !important; }
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item { position: relative;}
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item>ul {
        top: 80px;
        left: 0px !important;
    }
    .mega-current-category-ancestor>a,
    .mega-current-menu-item>a,
    .mega-current-post-ancestor>a {
        color: var(--sub) !important;
        font-family: 'mainm' !important;
        border-bottom: 2px solid var(--sub) !important;
    }
    .head-bar {
        padding: 20px 0; transition: 0.3s ease-out;
    }
    #mega-menu-primary {
        display: flex !important;
    }
    ul.mega-sub-menu { 
        box-shadow: unset !important;
        left: 10px !important 
    }
}
@media (max-width: 1200px) {
    .head-bar { padding: 10px 0; }
    .maifa-logo { order: 1; } /* vẫn đầu tiên */
    .mega-menu-wrap { order: 3; } /* chuyển thành cuối cùng */
    .head-hotline { order: 2; position: relative;} /* chuyển lên giữa */
    .lang-switch { order: 2 }
    .hotline-number { order: 1 }
    .lang-switch {
        padding: 5px;
        margin-right: unset;
        margin-left: 30px;
    }
    .lang-switch a {
        font-family: 'mainm';
        font-size: 10px;
        padding: 0 5px;
    }
    #mega-menu-wrap-primary .mega-menu-toggle ~ button.mega-close:before { background-color: var(--sub);}

}
@media (max-width: 600px) {
    .custom-logo-link img { width: 80px; }
    .head-hotline { font-size: 12px; }
    .head-hotline img {
        width: 20px;
        padding: 3px;
        margin-right: 5px;
    }
    .lang-switch {
        margin-left: 10px;
    }
}
@media (max-width: 400px) {
    .hotline-number img { display: none;}
}


/*footer*/
.footer-logo { 
    width: 90%; 
    position: relative;
    z-index: 2;
}
.footer-logo::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 500px;
    height: 500px;
    transform: translate(-50%, -50%);
    background: url('images/symbol-1.png') center/contain no-repeat;
    z-index: -1; /* chìm hẳn xuống dưới mọi thứ */
    pointer-events: none;
}
.footer-info * { z-index: 1; }
.footer-info .wp-block-cover {
    min-height: 320px !important;
}
.footer-company-name { 
    font-size: 30px;
    font-family: 'mainm';
}
.footer-company-address { 
    margin-top: 10px;
    font-size: 14px;
}
.footer-info { overflow: hidden; }
.footer-info * { color: #fff }
.footer-info p { margin: 0 }
.footer-contact-info .wp-block-group {
    gap: 0;
    justify-content: space-between;
}
.footer-contact-info .wp-block-group p {
    font-size: 14px;
}
.footer-contact-info .wp-block-group .wp-block-columns {
    width: 160px;
}
.footer-contact-info .wp-block-group .wp-block-image img {
    background-color: var(--sub);
    border-radius: 50%;
    width: 40px;
    padding: 5px;
}
.btn-contact-sales a {
    display: inline-block;
    padding: 8px 15px;
    border-radius: 20px;
    background-color: var(--sub);
    font-family: 'mainm';
}
.btn-contact-sales a:hover {
    background-color: #fff;
    color: var(--sub)
}
.footer-contact-info .wp-block-group .wp-block-image a {
    display: block;
}
.footer-contact-info .wp-block-group .wp-block-image a:hover {
    opacity: 0.8;
    transform: scale(1.1);

}
.footer-info .wp-block-list {
    display: flex;
    list-style: none;
    padding: 0;
}
.footer-info .wp-block-list li {
    text-transform: uppercase;
    font-size: 24px;
}
.footer-info .wp-block-list li a:hover {
    color: var(--sub);
}
.copyright { margin: 0; padding: 20px 0px;}
@media (min-width: 1025px) { 
    
    .footer-info ul li { margin-bottom: 0px;}
    .footer-info .wp-block-list {
        justify-content: space-between;
    }
}
@media (max-width: 1024px) { 
    .footer-info .wp-block-list {
        flex-wrap: wrap;
    }
    .footer-info .wp-block-list li { margin-right: 30px;}
}
@media (max-width: 800px) { 
    .copyright { padding: 20px 30px; }
    .copyright p.has-text-align-right {
        text-align: left;
        margin-top: 10px;
    }
    .btn-contact-sales a,
    .footer-contact-info .wp-block-group .wp-block-image a { 
        margin-right: 15px;
        margin-top: 10px;
    }
    .footer-info .wp-block-group { flex-wrap: wrap; justify-content: flex-start;}
    .footer-info .wp-block-group .wp-block-columns { padding: 5px 0;}
   /* .footer-info .wp-block-group .wp-block-columns:nth-child(1),
    .footer-info .wp-block-group .wp-block-columns:nth-child(2) { width: 180px !important;} */
}
.block-mobile-buttons {
    z-index: 999;
    position: fixed;
    right: 5px;
    bottom: 0px;
}
.pulse {
    cursor: pointer;
    margin: 25px 10px;
    padding: 8px;
    background-color: var(--sub);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: 0.3s;;
}
.pulse:hover { background-color: #132742; }
.pulse::before,
.pulse::after {
    content: "";
    position: absolute;
    border: 1px solid var(--sub);
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    border-radius: 50%;
    animation: pulse 1s ease-out infinite;
}
.pulse::after { animation-delay: 0.3s }
.pulse:hover::before, 
.pulse:hover::after { border: 1px solid #132742 }
.pulse img { width: 20px; height: 20px; }
@keyframes pulse {
    0% { transform: scale(0.5); opacity: 0 }
    50% { transform: scale(1); opacity: 1 }
    100% { transform: scale(1.3); opacity: 0 }
}
/*end footer*/



/*trang chu - home*/
.mondial-home {
    position: relative;
    overflow: hidden;
    padding: 0 0 80px 0;
}
.home-banner .info {
    position: relative;
    clip-path: polygon(60px 0, 100% 0, 100% 100%, 0 100%, 0 60px);
    border: 3px solid var(--sub)
}
.home-banner .info::before {
    background: var(--sub);
    position: absolute;
    content: '';
    width: 85px;
    height: 3px;
    top: 25px;
    left: -13px;
    z-index: 1;
    transform: rotate(-45deg);
}
.home-banner .info::after {

}
.mondial-btn a { 
    font-family: 'mainm';
    display: inline-block;
    font-size: 20px;
    position: relative;
    padding: 15px 65px 15px 30px;
    border-radius: 30px;
}
.mondial-btn a::before {
    border-radius: 50%;
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    width: 50px;
    height: 50px;
    background: url('images/arrow.png') no-repeat center center;
    background-size: contain;
    transform: translateY(-50%);
    transition: 0.3s ease-out;
}
.mondial-btn a:hover {
    background-color: var(--sub);
    color: #fff;
}
.mondial-btn a:hover::before {
    filter: brightness(0) invert(1);
}
.home-banner .info .mondial-btn a::after {
    content: "";
    position: absolute;
    left: 50px;
    top: 50%;
    width: 300px;
    height: 300px;
    transform: translate(0, -50%);
    background: url('images/symbol-1.png') center/contain no-repeat;
    z-index: -1;
}

/*trang chu - gia tri*/
.home-value .wp-block-cover__image-background {
    clip-path: polygon(80px 0, 100% 0, 100% 100%, 0 100%, 0 80px);
}
.home-value p {
    margin: 0;
    line-height: 1.2;
}
@media (min-width: 1201px) {
    .home-value .wp-block-cover__inner-container {
        width: 80%;
        margin: auto;
    }
}
@media (max-width: 1200px) {
    .home-value .wp-block-cover__inner-container {
        width: 90%;
        margin: auto;
    }
}

.home-value .wp-block-group .wp-block-columns { margin: 50px 0;}
.home-value .wp-block-group .wp-block-columns:nth-child(3n + 1) { width: 45%; }
.home-value .wp-block-group .wp-block-columns:nth-child(3n + 2) { width: 35%; }
.home-value .wp-block-group .wp-block-columns:nth-child(3n + 3) { width: 20%; }

@media (max-width: 1024px) {
    .home-value .wp-block-group .wp-block-columns { width: 50% !important; }
    .home-value .wp-block-group .wp-block-columns { padding: 20px 0; margin: 0;}
}

@media (max-width: 640px) {
    .home-value .wp-block-group .wp-block-columns:not(:last-child) { 
        border-bottom: 1px solid #ffffff80;
    }
    .home-value .wp-block-group .wp-block-columns { width: 100% !important; }
    .home-value .wp-block-group .wp-block-columns * { text-align: center;}
    .home-value .wp-block-group .wp-block-columns img { 
        margin: auto;
        height: 50px !important;
    }
    .home-value .wp-block-group .wp-block-column p:nth-child(3),
    .home-value .wp-block-group .wp-block-column p:nth-child(5) {
        font-size: 15px !important;
        font-family: 'mainm' !important;
    }
    .home-value .wp-block-group .wp-block-column p:nth-child(4) {
        font-size: 32px !important;
    }
}

/*trang chu - dich vu*/
.maifa-wrapper .left h2 { 
    font-size: 50px; 
    color: var(--main);
}
@media (min-width: 1025px) {
    .maifa-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 40px;
    }
    .maifa-wrapper .box {
        width: 50%;
    }
    .maifa-wrapper .left h2 {
        padding-bottom: 50px;
    }
    .maifa-content h3 { display: none;}
}
@media (max-width: 1024px) {
    .maifa-sidebar .item { display: none;}
}
.maifa-sidebar .item {
    padding: 20px 0;
    font-family: 'mainb';
    font-size: 40px;
    cursor: pointer;
    color: #aaa;
    transition: 0.3s ease-out;
    border-bottom: 1px solid #ccc;
}
.maifa-sidebar .item:last-child {
    border-bottom: unset;
}
.maifa-sidebar .item:hover, 
.maifa-sidebar .item.active {
    color: var(--sub);
}
.maifa-content {
    position: relative;
    overflow: hidden;
}
.maifa-content .slides {
    display: flex;
    transition: transform 0.6s ease;
}
.maifa-content .slide {
    position: relative;
    flex: 0 0 100%;
    width: 100%;
}
.maifa-content .slide img {
    position: relative;
    top: 25px;
    padding: 80px;
    height: 550px;
    border-radius: 50%;
    margin: auto;
}
.maifa-content .slide::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 600px;
    height: 600px;
    transform: translate(-50%, 0);
    background: url('images/symbol-2.png') ;
    background-repeat: no-repeat;               /* không lặp lại */
    background-size: cover;                     /* hoặc contain, tùy ý */
    background-position: center;    
    z-index: -1;
    pointer-events: none;
}
.maifa-content .slide h3 {
    font-size: 32px;
    text-align: center;
}
.maifa-content .slide p {
    font-size: 20px;
    font-family: 'mainm';
    color: var(--main);
    text-align: justify;
    text-align-last: center;   
}
.maifa-content .slide .info {
    padding-top: 60px;
    width: 90%;
    margin: auto;
}
.maifa-content .arrows {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 10px;
  }
  
.maifa-arrows {
    display: flex;
    justify-content: center;
}
.maifa-arrow { 
    cursor: pointer;
    margin: 5px 20px;
}
.maifa-arrow img {
    width: 50px;
    transition: filter 0.3s ease; 
    filter: brightness(0) saturate(100%) invert(17%) sepia(28%) saturate(1093%) hue-rotate(182deg) brightness(93%) contrast(87%);	
}
.maifa-arrow:hover img {
    
    filter: none;
}
@media (max-width: 1400px) {
    .maifa-content .slide img {
        height: 450px;
    }
    .maifa-content .slide::before {
        width: 500px;
        height: 500px;
    }
}
@media (max-width: 1024px) {
    .maifa-content .slide p {
        font-size: 16px;
    }
    .maifa-wrapper .box {
        width: 100%;
        margin: 30px 0;
    }
}
@media (max-width: 600px) {
    .maifa-arrow {
        margin: 5px 15px;
    }
    .maifa-content .slide img {
        padding: 20px;
        height: 250px;
    }
    .maifa-content .slide::before {
        width: 300px;
        height: 300px;
        color: #1B375C
    }
    .maifa-content .slide .info {
        padding-top: 60px;
    }
}
@media (max-width: 400px) {
    .maifa-content .slide img {
        padding: 30px;
        height: 200px;
    }
    .maifa-content .slide::before {
        width: 250px;
        height: 250px;
    }
    .maifa-content .slide .info {
        padding-top: 60px;
        width: 100%;
    }
}
  
/*trang chu - doi tac*/
.home-partner .wp-block-image img {
    transition: transform 1s, opacity 1s;
    transform-style: preserve-3d;
}
.home-partner .wp-block-image:hover img {
    opacity: 0.9;
    transform: rotateY(180deg) scaleX(-1);
    border-radius: 10px;
}
.home-partner p { margin: 0;}

/*trang chu - tin tuc*/
.home-news .mondial-title {
    margin-bottom: 40px;
}
@media (min-width: 1025px) {

    .home-news .list-news {
        display: grid;
        grid-template-columns: repeat(3, 1fr); /* 3 cột đều nhau */    
        grid-template-rows: repeat(6, 1fr); /* chia chiều cao thành 6 phần bằng nhau */
        gap: 20px;
        height: 400px; /* bạn có thể chỉnh tổng chiều cao tuỳ ý */
    }
    
    /* Cột trái */
    .home-news .list-news .item:nth-child(1) {
        grid-column: 1;
        grid-row: 1 / span 3; /* chiếm 3/6 chiều cao */
    }
    .home-news .list-news .item:nth-child(2) {
        grid-column: 1;
        grid-row: 4 / span 3;
    }
      
    /* Cột giữa */
    .home-news .list-news .item:nth-child(3) {
        grid-column: 2;
        grid-row: 1 / span 6; /* chiếm toàn bộ chiều cao */
    }
    /* Cột phải */
    .home-news .list-news .item:nth-child(4) {
        grid-column: 3;
        grid-row: 1 / span 2; /* mỗi cái chiếm 2/6 chiều cao */
    }
    .home-news .list-news .item:nth-child(5) {
        grid-column: 3;
        grid-row: 3 / span 2;
    }
    .home-news .list-news .item:nth-child(6) {
        grid-column: 3;
        grid-row: 5 / span 2;
    }
    .home-news .list-news .item:nth-child(4) .thumbnail img,
    .home-news .list-news .item:nth-child(5) .thumbnail img,
    .home-news .list-news .item:nth-child(6) .thumbnail img {
        opacity: 0;
    }
}
@media (max-width: 1024px) and (min-width: 601px) {
    .home-news .list-news {
        display: grid;
            grid-template-columns: repeat(2, 1fr); 
            grid-template-rows: repeat(3, auto);   
            gap: 15px;
    }
}
@media (max-width: 600px) {
    .home-news .list-news {
        display: grid;
            grid-template-columns: repeat(1, 1fr); 
            grid-template-rows: repeat(6, auto);   /* 2 hàng */
            gap: 15px; /* khoảng cách giữa các ô, tùy chỉnh */
    }
}
.home-news .list-news .item .thumbnail { height: 100%; background-color: var(--main);}
.home-news .list-news .item .thumbnail img { height: 100%; object-fit: cover; transition: 0.5s ease-out;}

.home-news .list-news .item .info {
    width: 100%;
    padding: 30px 20px 20px 20px;
    left: 0;
    bottom: 0;
    align-items: flex-end;
    background: linear-gradient(transparent, var(--main), var(--main));
}
.home-news .list-news .item h4 {
    font-family: 'mainr';
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    font-size: 17px;
    margin: 10px 0 0 0;
}
.home-news .list-news .item .date { 
    font-size: 12px;
    color: #fff;
    font-family: 'mainm';
    font-weight: normal !important;
}
.home-news .list-news .item .left {
    width: 80%;
}
.home-news .list-news .item .right {
    width: 20%; 
    text-align: right;
}
.home-news .list-news .item {
    border-bottom: 2px solid transparent;
}
.home-news .list-news .item:hover {
    box-shadow: 0 0 5px #000;
    border-bottom: 2px solid var(--sub);
}

.home-news .list-news .item .right img {
    filter: brightness(0) invert(1);
    max-width: 40px;
    display: block;
    margin-left: auto;
    margin-right: 0;
    transition: 0.3s ease-out;
}
.home-news .list-news .item:hover .right img {
    filter: unset;
}
.home-news .list-news .item:hover h4 {
    color: #fff;
}
/* Giao diện cơ bản cho item */
.home-news .list-news .item {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    font-weight: bold;
    box-sizing: border-box;
    overflow: hidden;
}

.home-news .item:hover h4 { color: var(--sub) }
.home-news .item .description {
    font-size: 14px;
    color: var(--gray);
    -webkit-line-clamp: 2;
}
.home-news .item h4 {
    color: #000;
    margin: 0 0 10px 0;
    font-family: 'mainm';
    -webkit-line-clamp: 3;
}
.home-news .item .date {
    color: var(--lgray);
    font-size: 14px;
    letter-spacing: 1px;
}
.home-news .item .description,
.home-news .item .h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.home-news .item:hover .thumbnail img { transform: scale(1.1); }
.home-news .item .bottom {
    border-top: 1px solid #ccc;
    padding-top: 15px;
    margin-top: 15px;
}
.home-news .read-more img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

@media (min-width: 1025px) {
 
}
@media (max-width: 1024px) {
 
}
@media (max-width: 600px) {
   
}
/*trang trong*/
.the-content { padding: 50px 0; }

/*trang gioi thieu*/
.maifa-about-1 .wp-block-column.has-background {
    border-radius: 15px;
}

/*trang lien he*/
.contact-page-info .wp-block-column {
    clip-path: polygon(30px 0, 100% 0, 100% 100%, 0 100%, 0 30px);
}
.contact-page-info .wp-block-column.has-background {
    padding: 5px 15px 10px 15px !important;
}

/*trang 404*/ 
.head-title-404 h2 { 
    color: var(--main);
    margin: 30px;
}
.mondial-404 .return-home { margin: 30px 0; }

/*navigation*/
.navigation {
	padding: 30px 10px 20px 10px;
	width: 100%;
	text-align: center;
}
.navigation ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	padding: 0;
	margin: 0;
}
.navigation li {
    display: inline-block;
    margin: 5px 3px;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    font-size: 13px;
    display: inline-block;
    padding: 5px 13px;
    color: #fff;
    background-color: #000;
    cursor: pointer;
}
.navigation li.active a {
    background-color: var(--main);
}
/*end navigation*/




/*css breadcrumb - nut - tieu de - menu */
.anisl { transform: translate3d(-100px, 0px, 0px); }
.anisr { transform: translate3d(100px, 0px, 0px); }
.anist { transform: translate3d(0px, -100px, 0px); }
.anisb { transform: translate3d(0px, 100px, 0px); }
.anis {
    position: relative;
    z-index: 10;
    opacity: 0;
    transition: all 800ms ease-out;
}
.anis.in-view {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    z-index: 0;
}

/*breadcrumb*/
.breadcrumbs { 
    padding: 10px 0;
    background-color: var(--sub); 
}
.aioseo-breadcrumbs * {
    color: #fff;
    font-size: 14px; 
}
.aioseo-breadcrumb-separator {
    margin: 0 6px;
}

/*end breadcrumb*/


/*main title*/
.entry-title { 
    text-transform: uppercase;
    font-size: 40px;
    position: relative;
    padding-bottom: 15px;
}
.entry-title::after {
    position: absolute;
    content: "";
    width: 80px;
    height: 3px;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: var(--sub);
}

/*trang tin tuc*/
.mondial-posts,
.mondial-post { 
    overflow: hidden; 
    padding: 50px 0;
}
.mondial-title {
    text-transform: uppercase;
    font-size: 40px;
}
.the-list-post { margin: 0 -10px}
.the-post-item {
    display: flex;
    flex-direction: column;
	height: calc(100% - 30px);
    margin: 15px 10px;
    overflow: hidden;
    background-color: #f1f1f1;
}
.the-post-item:hover { box-shadow: 0px 3px 10px -5px #000; }
.post-item-thumbnail {
    position: relative;
    width: 100%;
    padding-top: 66.66%;
}
.post-item-thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s ease-out;
}
.the-post-item:hover .post-item-thumbnail img { filter: blur(2px); }
.the-post-item .post-title {
    color: #000;
    font-size: 15px;
    position: relative;
    display: block;
    font-family: 'mainm';
    margin: 16px 20px 6px 0;
    padding-left: 30px;
}
.the-post-item .post-title::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: var(--sub);
    left: 0;
    top: 10px;
}
.the-post-item .post-time {
    font-size: 13px;
    letter-spacing: 1px;
    padding-left: 30px;
    margin-bottom: 20px;
    color: var(--lgray);
}
.the-post-item:hover h2 { color: var(--main)}

/*trang dich vu - danh muc*/
.the-project-item .post-title,
.the-service-item .post-title { 
    color: #000;
    font-family: 'mainm';
    text-transform: uppercase;
    word-spacing: 1px;
    line-height: 1.4;
    font-size: 15px;
    margin: 20px 20px 20px 0;
}

/*trang tin tuc - chi tiet*/
.box-detail {
    padding: 30px 0;
    margin: auto;
    max-width: 1000px;
}
.single-post-title.entry-title { font-size: 32px;}
@media (min-width: 769px) { 
    .single-post-title { 
        text-align: center;
        max-width: 1200px;
        margin: auto;
    }
}
@media (max-width: 768px) {
    .single-post-title.entry-title::after {
        left: 0;
        width: 100px;
        height: 4px;
    }
}




/*block editor*/
.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }
.taj { text-align: justify; }
.tajlc { text-align: justify; text-align-last: center }
.ttu { text-transform: uppercase; }
.tdu { text-decoration: underline; }
.psr { position: relative; }
.psa { position: absolute; }
.lh1 { line-height: 1;}
.ls1 { letter-spacing: 1px;}
.clb { color: #000; }
.clw { color: #fff; }
.cls { color: var(--sub) }
.clm { color: var(--main); }
.cld { color: var(--main); }
.fs20 { font-size: 20px; }
.fs30 { font-size: 30px; }
.fs40 { font-size: 40px; }
.fs50 { font-size: 50px; }
.fs60 { font-size: 60px; }
.ffb { font-family: 'mainb';}
.ffm { font-family: 'mainm';}
.ffr { font-family: 'mainr';}

.gap0 { gap: 0 }
.gap1 { gap: 1em }
.gap2 { gap: 2em }
.gap3 { gap: 3em }
.gap4 { gap: 4em }
.gap5 { gap: 5em }

.bgw { background-color: #fff}
.bgm { background-color: var(--main)}
.bgs { background-color: var(--sub)}
.vh100 { height: 100vh }
.w100 { width: 100% }
.w90 { width: 90% }
.w80 { width: 80% }
.w70 { width: 70% }
.w60 { width: 60% }
.w50 { width: 50% }
.w40 { width: 40% }
.w30 { width: 30% }
.w20 { width: 20% }
.w10 { width: 10% }
.lsn { list-style: none;}
.mg0 { margin: 0 !important}
.mga { margin: 15px auto !important }
.pd0 { padding: 0 !important;}
.jcc { justify-content: center;}
.b2s { border: 2px solid var(--sub)}
.br20 { border-radius: 20px; }
.br15 { border-radius: 15px; }
.br10 { border-radius: 10px; }


/*trinh soan thao*/
/*ul ol li*/
.the-content ul li { position: relative; list-style: none; }
.the-content ul li::before {
    position: absolute;
    content: "";
    left: -20px;
    top: 1.2ex;
    width: 12px;
    height: 2px;
    background-color: var(--sub);
}
.the-content ol li::marker {
    color: var(--main);
    letter-spacing: 2px;
}
.wp-block-list { margin-top: 0; }
.the-content ul li>ul>li::before {
    width: 6px;
    height: 6px;
}

/*p*/

/*.wp-block-quote*/
.wp-block-quote {
    max-width: 1000px;
    margin: 30px auto;
    box-shadow: 5px 5px #ddd;
    position: relative;
    padding: 20px 30px;
    border: 2px solid var(--sub)
}
.wp-block-quote::before {
    content:url('images/quote.png');
    position: absolute;
    right: 30px;
    top: -25px;
}
.wp-block-quote cite {
    position: relative;
    padding-left: 30px;
    font-family: 'mainm';
    color: #000;
    font-size: 1em;
}
.wp-block-quote cite::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 12px;
    width: 20px;
    height: 2px;
    background-color: var(--main);
}

/*.wp-block-spacer*/
.wp-block-spacer { margin: 5px 0;}


/*.wp-block-cover*/
.wp-block-cover { padding: 60px 0;}
@media (max-width: 568px) { .wp-block-cover { padding: 60px 30px } }


/*.wp-block-image*/
.wp-block-image { margin: 0; }
@media ( max-width: 768px ) {
    .wp-block-media-text__media { min-height: 360px !important; }
}

/*wp-block-columns*/
.wp-block-column.has-background { padding: 30px !important }
@media ( min-width: 769px ) {
    .maifa-about-1 .wp-block-column.has-background { padding: 40px !important;}
}


/*wp-block-separator*/
.wp-block-separator { margin: 10px auto }

/*button*/

@media (max-width: 568px) {
    .wp-block-buttons>.wp-block-button.wp-block-button__width-25 { width: auto; text-align: center; }
}

/*responsive*/
@media (min-width: 569px) {
	.dom { display: none !important; }
}
@media (max-width: 568px) {
    .dod { display: none; }
}

/*template*/