@font-face {
    font-family: 'UTM Avo'; /* Tên chung cho font */
    src: url('/fonts/UTM Avo.ttf') format('truetype'); /* Ð??ng d?n t?i file .ttf */
    font-weight: normal; /* Normal cho font thông th??ng */
    font-style: normal;
}

@font-face {
    font-family: 'UTM Avo'; /* S? d?ng cùng m?t tên font */
    src: url('/fonts/Roboto.ttf') format('truetype'); /* Ð??ng d?n t?i file Bold */
    font-weight: bold; /* Ð?t font-weight là 'bold' */
    font-style: normal;
}
body, html {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    line-height: 150%;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    resize: none;
    min-width: 100%;
    min-height: 100%;
    overflow-x: hidden;
}
ul,li{
    margin:0;
    padding:0
}
a,a:link{
    color:#313132;
    text-decoration:none
}
a:hover{
    color:#3478b8;
    text-decoration:none
}
a:visited,a:active{
    text-decoration:none;
    color:#313132
}

ul.content {
    padding-bottom: 25px;
    padding-top: 10px;
}

ul.content li {
    /* text-align: justify; */
    padding-left: 20px;
    position: relative;
    list-style: none;
    border-bottom: 1px dashed #cfcfcf;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

ul.content li::before {
    content: "\f046";
    font-family: FontAwesome;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #3478b8;
}
.gv_video_embed{
    position:relative
}
.gv_video_embed::before{
    display:block;
    padding-bottom:56.29%;
    content:""
}
.gv_video_embed iframe{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%
}
.head_section{
    position:relative
}
.head_section .title{
    font-size:32px;
    font-weight:700;
    letter-spacing:0px;
    color:#333;
    margin:0;
    line-height:normal;
    text-transform:uppercase
}
@media (max-width: 767px){
    .head_section .title{
        font-size:28px
    }
}
.head_blog{
    position:relative
}
.head_blog .title{
    font-size:42px;
    font-weight:400;
    color:#fff;
    letter-spacing:.5px;
    margin:0;
}
@media (max-width: 767px){
    .head_blog .title{
        font-size:28px
    }
}
.head_main{
    position:relative
}
.head_main .title{
    font-size:30px;
    font-weight:700;
    margin:0;
    text-transform:uppercase;
    color:#236ba1;
    letter-spacing:2px
}
.head_block{
    position:relative
}
.head_block .title {
    font-size: 48px;
    font-weight: 700;
    letter-spacing: 1px;
    color: var(--primary-color);
    margin: 0;
    line-height: normal;
    text-transform: uppercase;
}
@media (max-width: 767px){
    .head_block .title{
        font-size:26px
    }
}
.head_footer{
    position:relative
}
.head_footer .title{
    font-size:20px;
    margin:0;
    letter-spacing:0.4px;
    font-weight:600;
    position:relative;
    color:#fff
}
.gv_search_block{
    position:fixed;
    z-index:9999;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:100%;
    height:100%;
}
.gv_search_block .container{
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    min-height:100%;
    width:100%
}
.show-center {
    place-content: center;
}
.gv_search_block .container .form_search{
    width:100%
}
.gv_search_block .container .form_search form{
    position:relative
}
.gv_search_block .container .form_search form input{
    width:100%;
    border:0;
    border-bottom:2px solid #fff;
    padding:10px 0;
    padding-right:30px;
    color:#FFF;
    margin:0;
    background:none;
    font-size:14px
}
.gv_search_block .container .form_search form button{
    border:0;
    padding:0;
    position:absolute;
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    background:none
}
.gv_search_block .container .form_search form button i{
    font-size:20px;
    color:#FFF
}
.gv_search_block .bc-search{
    position:fixed;
    top:0;
    right:0;
    height:44px;
    width:44px;
    background:#000;
    color:#FFF;
    border:0;
    padding:0;
    z-index:2
}
.gv_search_block .bc-search>i{
    line-height:44px;
    text-align:center;
    display:block;
    font-size:22px;
    color:#FFF
}
.gv_mobile_menu{
    width:90%;
    max-width:340px;
    left:0px;
    transform:translateX(-100%);
    transform-origin:left top;
    transition:transform .45s ease 0s;
    top:0;
    position:fixed;
    z-index:9999;
    height:100vh;
    background:#fff;
    box-shadow:0px 0px 5px 0px #999;
    overflow-y:scroll
}
.gv_mobile_menu .inner{
    padding:0px 0px;
    width:100%
}
.gv_mobile_menu .inner .head_nav{
    padding:15px 0 15px;
    border-bottom:2px solid #24272c;
    position:relative
}
.gv_mobile_menu .inner .head_nav .logo{
    text-align:left;
    padding-left:20px
}
.gv_mobile_menu .inner .head_nav .logo>a img{
    width:auto;
    height:50px
}
.gv_mobile_menu .inner .head_nav>button{
    outline:none;
    border:0;
    cursor:pointer;
    padding:0;
    background:transparent;
    position:absolute;
    right:15px;
    top:50%;
    transform:translateY(-50%)
}
.gv_mobile_menu .inner .head_nav>button i{
    color:#000;
    line-height:normal;
    font-size:22px;
    display:block;
    text-align:center
}
.gv_mobile_menu .inner .main_nav{
    padding-top:20px
}
.gv_mobile_menu .inner .main_nav>ul{
    list-style:none;
    padding:0;
    margin:0
}
.gv_mobile_menu .inner .main_nav>ul>li{
    display:block;
    position:relative
}
.gv_mobile_menu .inner .main_nav>ul>li>a{
    display:block;
    color:#333;
    padding:15px 20px 13px;
    font-weight:600;
    font-size:15px;
    line-height:20px;
    border-bottom:1px solid #eee;
    letter-spacing:.5px
}
.gv_mobile_menu .inner .main_nav>ul>li>.sub-menu{
    list-style:none;
    padding:0 0 0 0px;
    margin:0;
    display:none
}
.gv_mobile_menu .inner .main_nav>ul>li>.sub-menu>li>a{
    display:block;
    color:#333;
    padding:10px 10px 10px 30px;
    font-weight:500;
    font-size:14px;
    line-height:20px;
    letter-spacing:1px;
    border-bottom:1px solid #eee;
    background:#f6f6f6
}
.gv_mobile_menu .inner .main_nav>ul>li>.sub-menu>li ul{
    list-style:none;
    padding:0 0 0 5px;
    margin:0;
    display:none
}
.gv_mobile_menu .inner .main_nav>ul>li>.sub-menu>li ul>li{
    display:block;
    position:relative
}
.gv_mobile_menu .inner .main_nav>ul>li>.sub-menu>li ul>li>a{
    padding:10px 10px 10px 40px;
    display:block;
    color:#333;
    font-weight:500;
    font-size:14px;
    line-height:20px;
    letter-spacing:1px;
    border-bottom:1px solid #eee;
    background:#f2f2f2
}
.gv_mobile_menu .inner .main_nav>ul>li>.sub-menu>li ul>li.menu-item-has-children{
    display:block;
    position:relative
}
.gv_mobile_menu .inner .main_nav>ul>li>.sub-menu>li ul>li.menu-item-has-children i.arrow{
    transition:all .4s ease 0s;
    position:absolute;
    height:40px;
    width:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    right:10px;
    top:0px;
    color:#333
}
.gv_mobile_menu .inner .main_nav>ul>li>.sub-menu>li ul>li.menu-item-has-children i.arrow.active{
    transform:rotate(180deg)
}
.gv_mobile_menu .inner .main_nav>ul>li>.sub-menu>li.menu-item-has-children{
    display:block;
    position:relative
}
.gv_mobile_menu .inner .main_nav>ul>li>.sub-menu>li.menu-item-has-children i.arrow{
    transition:all .4s ease 0s;
    position:absolute;
    height:40px;
    width:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
    right:10px;
    top:0px;
    color:#333
}
.gv_mobile_menu .inner .main_nav>ul>li>.sub-menu>li.menu-item-has-children i.arrow.active{
    transform:rotate(180deg)
}
.gv_mobile_menu .inner .main_nav>ul>li.menu-item-has-children{
    display:block;
    position:relative
}
.gv_mobile_menu .inner .main_nav>ul>li.menu-item-has-children i.arrow{
    transition:all .4s ease 0s;
    position:absolute;
    height:40px;
    width:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    right:0px;
    top:0px;
    color:#333
}
.gv_mobile_menu .inner .main_nav>ul>li.menu-item-has-children i.arrow.active{
    transform:rotate(180deg)
}
.gv_mobile_menu .inner .extra_nav{
    padding:20px 10px 0
}
.gv_mobile_menu .inner .extra_nav>a{
    display:flex;
    align-items:center;
    padding:12px 20px;
    color:#FFF;
    font-size:15px;
    background:var(--primary-color);
    justify-content:center;
    font-weight:600;
    letter-spacing:1px
}
.gv_mobile_menu .inner .extra_nav>a i{
    margin-right:12px
}
.gv_mobile_menu.open{
    transform:translateX(0)
}
.gv_breadcrumb_nav{
    position:relative;
    overflow:hidden
}
.gv_breadcrumb_nav p,.gv_breadcrumb_nav #breadcrumbs{
    margin:0
}
.gv_breadcrumb_nav p span,.gv_breadcrumb_nav p a,.gv_breadcrumb_nav #breadcrumbs span,.gv_breadcrumb_nav #breadcrumbs a{
    font-weight:300
}
.gv_breadcrumb_nav p span.breadcrumb_last,.gv_breadcrumb_nav #breadcrumbs span.breadcrumb_last{
    font-weight:400
}
.sub-section{
    position:relative;
    width:100%;
    height:154px;
    display:flex;
    align-items:flex-end;
    justify-content:center
}
@media (max-width: 1599px){
    .sub-section{
        height:134px
    }
}
@media (max-width: 1365px){
    .sub-section{
        height:124px
    }
}
@media (max-width: 1023px){
    .sub-section{
        height:114px
    }
}
@media (max-width: 767px){
    .sub-section{
        height:100px
    }
}
@media (max-width: 575px){
    .sub-section{
        height:100px
    }
}
.sub-section .box{
    display:flex;
    justify-content:center;
    align-items:flex-end;
    position:relative
}
.sub-section .box span {
    color: #f1f1f1;
    padding: 0 40px;
    display: block;
    line-height: 114px;
    height: 114px;
    font-size: 95px;
    text-transform: uppercase;
    font-weight: 800;
}
@media (max-width: 1599px){
    .sub-section .box span{
        font-size:122px;
        padding:0 30px;
        line-height:88px;
        height:88px
    }
}
@media (max-width: 1365px){
    .sub-section .box span{
        font-size:88px;
        padding:0 25px;
        line-height:62px;
        height:62px
    }
}
@media (max-width: 1023px){
    .sub-section .box span{
        font-size:68px;
        padding:0 20px;
        line-height:48px;
        height:48px
    }
}
@media (max-width: 767px){
    .sub-section .box span{
        font-size:48px;
        padding:0 15px;
        line-height:34px;
        height:34px
    }
}
@media (max-width: 575px){
    .sub-section .box span{
        font-size:36px;
        padding:0 10px;
        line-height:26px;
        height:26px
    }
}
.gv_sidebar_contact{
    display:block;
    position:fixed;
    transform:translateX(100%);
    transition:all 0.4s ease 0s;
    width:500px;
    right:0;
    z-index:999;
    background:#3478b8;
    top:0;
    color:#fff;
    height:100vh
}
.gv_sidebar_contact::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .1;
    z-index: 0;
    background: url(/theme/header.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.gv_sidebar_contact .inner{
    position:relative;
    padding:80px 85px
}
.gv_sidebar_contact .inner button.bto_close {
    display: flex;
    position: absolute;
    right: 0;
    border: 0;
    top: 0;
    color: #fff;
    font-size: 21px;
    width: 85px;
    height: 85px;
    align-items: center;
    cursor: pointer;
    z-index: 9999;
    transition: all 0.45s ease-in-out;
    background: #3478b8;
    text-align: center;
    justify-content: center;
    outline: none;
}
.btnclickOK input {
    border-color: #3478b8 !important;
    background: #3478b8 !important;
}
.btnclickOK input:hover, .btnclickOK input:focus {
    background: #fff !important;
    color: #3478b8!important;
    border-color: #fff;
    border: 1px solid #3478b8 !important;
}
.gv_sidebar_contact .inner .name {
    font-size: 22px;
    line-height: 1.4;
    margin-bottom: 20px;
}
.gv_sidebar_contact .inner ul{
    list-style:none;
    padding:0 0 20px;
    margin:0
}
.gv_sidebar_contact .inner ul li {
    list-style: none;
    padding: 10px 0 20px;
    font-size: 16px;
    display: flex;
}
.gv_sidebar_contact .inner ul li span {
    display: block;
    padding-bottom: 10px;
    font-size: 20px;
    margin-right: 10px;
}
.gv_sidebar_contact .inner ul li p{
    margin-bottom:0
}
.gv_sidebar_contact .inner .social{
    position:relative;
    display:block
}
.gv_sidebar_contact .inner .social a{
    display:inline-block;
    color:#fff;
    font-size:16px;
    padding-right:20px;
    line-height:1.6
}
.gv_sidebar_contact.show{
    transform:translateX(0)
}
.gv_banner_blog{
    position:relative;
    overflow:hidden;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    background-color:#444
}
.gv_banner_blog::before{
    content:"";
    height:100%;
    width:100%;
    position:absolute;
    left:0;
    top:0;
    background:#396d16;
    opacity:0.8
}
.gv_banner_blog .container{
    position:relative;
    z-index:3
}
.gv_banner_blog .box {
    padding: 70px 0 70px;
}
.gv_banner_blog .box .breadcrumb-nav{
    text-align:center;
    display:block;
    font-size:15px;
    text-transform:uppercase;
    font-weight:600
}
.gv_banner_blog .box .breadcrumb-nav span,.gv_banner_blog .box .breadcrumb-nav a{
    display:inline-block;
    color:#fff;
    font-weight:400;
    padding:0 6px
}
.gv_banner_blog .box .breadcrumb-nav a{
    color:#fff
}
.owl-carousel .owl-nav{
    margin:0
}
.owl-carousel .owl-nav [class*="owl-"]{
    height:50px;
    width:50px;
    border:0;
    position:absolute;
    border-radius:4px;
    padding:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    background:rgba(0,0,0,0.08);
    margin:0px;
    opacity:0
}
.owl-carousel .owl-nav [class*="owl-"] i{
    text-align:center;
    line-height:50px;
    font-size:25px;
    color:#fff
}
.owl-carousel .owl-nav .owl-prev{
    left:30px
}
.owl-carousel .owl-nav .owl-prev:hover{
    background:rgba(0,0,0,0.28)
}
.owl-carousel .owl-nav .owl-next{
    right:30px
}
.owl-carousel .owl-nav .owl-next:hover{
    background:rgba(0,0,0,0.28)
}
.owl-carousel:hover .owl-nav [class*="owl-"]{
    opacity:1
}
.owl-carousel .owl-dots{
    margin-top:0px;
    position:absolute;
    left:0;
    right:0;
    bottom:0px
}
.owl-carousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 3px 4px;
    background: transparent;
    border: solid 0px #ffffff;
    border-radius: 50%;
    background: #eee ;
}
.owl-carousel .owl-dots .owl-dot:hover span{
    background:#FFF
}
.owl-carousel .owl-dots .owl-dot.active span {
    background: #fff;
}
.bx-wrapper{
    margin-bottom:0;
    border:0;
    box-shadow:none;
    background:none
}
.bx-wrapper .bx-controls-direction>a{
    background:none;
    text-indent:0;
    height:50px;
    width:auto;
    line-height:50px;
    text-align:center;
    top:50%;
    color:#333;
    margin:0;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%)
}
.bx-wrapper .bx-controls-direction>a i{
    font-size:38px;
    line-height:50px;
    display:block
}
.bx-wrapper .bx-controls-direction .bx-prev{
    left:-75px
}
.bx-wrapper .bx-controls-direction .bx-next{
    right:-75px
}
div.wpcf7 .ajax-loader{
    display:none !important
}
.wpcf7-form p{
    margin-bottom:0
}
.wpcf7-form input,.wpcf7-form select{
    line-height:20px;
    border:0;
    padding:10px 15px;
    color:#001f46;
    background:#FFF;
    font-size:14px;
    margin:5px 0;
    width:100%;
    border-radius:0px
}
.wpcf7-form textarea{
    width:100%;
    border:1px solid #ddd;
    padding:10px 15px;
    height:91px;
    color:#001f46;
    font-size:14px;
    background:#FFF;
    margin:5px 0px;
    border-radius:0px
}
.wpcf7-form .wpcf7-radio{
    width:100%;
    padding:10px 0px 10px;
    display:-webkit-box;
    display:flex;
    margin-bottom:19px;
    -webkit-box-align:center;
    align-items:center;
    justify-content:space-around;
    background:orange;
    border-radius:6px
}
.wpcf7-form .wpcf7-radio .wpcf7-list-item label{
    display:-webkit-box;
    display:flex;
    flex-wrap:wrap;
    color:#fff;
    margin-bottom:0
}
.wpcf7-form .wpcf7-radio .wpcf7-list-item label input{
    width:auto;
    margin:0;
    margin-right:10px
}
.wpcf7-form .wpcf7-radio .wpcf7-list-item.first{
    margin-left:0
}
.wpcf7-form input.wpcf7-submit{
    background:#ff7a00;
    text-transform:uppercase;
    color:#fff;
    margin:5px 0;
    border-radius:0px;
    font-weight:bold;
    cursor:pointer;
    letter-spacing:0.5px;
    border:0
}
.wpcf7-form .wpcf7-checkbox{
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center
}
.wpcf7-form .wpcf7-checkbox input[type="checkbox"]{
    display:inline
}
.meta-box{
    font-weight:500;
    color:#333;
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    align-items:center;
    font-size:15px
}
.meta-box>span{
    margin-right:10px
}
.meta-box>span i{
    margin-right:5px
}
.entry-content{
    font-size:16px;
    font-weight:400;
    line-height:1.6em;
    text-align:justify
}
.entry-content img{
    max-width:100%;
    height:auto
}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{
    margin-bottom:20px
}
.entry-content h1{
    font-size:24px
}
.entry-content h2{
    font-size:22px
}
.entry-content h3{
    font-size:20px
}
.entry-content h4{
    font-size:18px
}
.entry-content h5{
    font-size:17px
}
.entry-content h6{
    font-size:16px
}
.entry-content iframe,.entry-content object{
    max-width:100%
}
.entry-content table{
    width:100%;
    border:1px solid #ccc
}
.entry-content table tr td{
    border:1px solid #ccc;
    padding:5px 10px
}
.entry-content table tr:nth-child(even){
    background:#eee
}
.entry-content ul,.entry-content ol{
    list-style:none;
    padding-left:3px;
    margin-bottom:13px
}
.entry-content ul>li,.entry-content ol>li{
    padding-left:18px;
    position:relative
}
.entry-content ul>li::before,.entry-content ol>li::before{
    content:"";
    height:7px;
    width:7px;
    border-radius:100%;
    background:#555;
    position:absolute;
    left:0;
    top:10px
}
.entry-content .aligncenter,.entry-content .alignleft,.entry-content .alignright{
    max-width:100%
}
.entry-content .aligncenter img,.entry-content .alignleft img,.entry-content .alignright img{
    max-width:100%;
    height:auto
}
.entry-content .aligncenter{
    float:none;
    margin:auto;
    display:block;
    text-align:center
}
.entry-content .aligncenter figcaption{
    display:block !important;
    font-style:italic;
    color:#999
}
.entry-content .alignleft{
    float:left;
    display:inline-block;
    margin-right:15px
}
.entry-content .alignright{
    float:right;
    display:inline-block;
    margin-left:15px
}
.entry-content .wp-caption-text{
    font-style:italic;
    padding:10px;
    background:#f4f4f4
}
.entry-content .wp-block-image .aligncenter,.entry-content .wp-block-image .alignleft,.entry-content .wp-block-image .alignright{
    max-width:100%
}
.entry-content .wp-block-image .aligncenter img,.entry-content .wp-block-image .alignleft img,.entry-content .wp-block-image .alignright img{
    max-width:100%;
    height:auto
}
.entry-content .wp-block-image figcaption{
    background:#fdfdfd;
    text-align:center;
    margin-bottom:13px;
    font-style:italic;
    padding:6px;
    font-size:13px
}
.desc{
    font-size:16px;
    font-weight:400;
    line-height:1.6em
}
.desc img{
    max-width:100%;
    height:auto
}
.desc ul,.desc ol{
    padding-left:18px;
    margin-bottom:15px
}
.desc .aligncenter,.desc .alignleft,.desc .alignright{
    max-width:100%
}
.desc .aligncenter img,.desc .alignleft img,.desc .alignright img{
    max-width:100%;
    height:auto
}
.desc .aligncenter{
    float:none;
    margin:auto;
    display:block
}
.desc .alignleft{
    float:left;
    display:inline-block;
    margin-right:15px
}
.desc .alignright{
    float:right;
    display:inline-block;
    margin-left:15px
}
.gv_divide{
    height:85px;
    display:block
}
.comment_block .comment_inner{
    padding:15px 0 0
}
.related_block ul.list{
    list-style:none;
    padding:10px 0;
    margin:0
}
.related_block ul.list>li{
    display:block
}
.related_block ul.list>li>a{
    font-size:14px;
    font-weight:400;
    position:relative;
    display:block;
    padding-left:13px;
    padding-bottom:5px;
    padding-top:5px
}
.related_block ul.list>li>a::before{
    content:"";
    height:5px;
    width:5px;
    position:absolute;
    left:0;
    top:12px
}
.contact_box{
}
.contact_box .inner{
    border:2px dashed #ff5400;
    padding:30px;
    background:#eee;
    border-radius:2px
}
.contact_box .inner>.row{
    align-items:center
}
.contact_box .inner>.row>[class*="col-"]{
    padding-top:10px;
    padding-bottom:10px
}
.contact_box .inner h3.name{
    font-size:18px;
    font-weight:600
}
.contact_box .inner h4.name{
    font-size:16px;
    margin-bottom:0;
    font-weight:600
}
.contact_box .inner ul{
    list-style:none;
    padding:0;
    margin:0
}
.contact_box .inner ul>li{
    padding:1px 0;
    font-size:14px
}
.contact_box .inner p.address{
    font-size:14px
}
.tag_block a{
    background:#FFF;
    border-radius:3px;
    display:inline-block;
    padding:4px 5px;
    color:#000
}
.post_inner{
    position:relative;
    padding:0
}
.post_inner .thumb{
    display:block
}
.post_inner .thumb>a{
    display:block;
    height:auto;
    width:100%;
    padding-bottom:59%;
    background-position:50% 50%;
    position:relative;
    overflow:hidden;
    box-shadow:0px 0px 3px 0px #eee
}
.post_inner .thumb>a img{
    position:absolute;
    left:0;
    top:0;
    right:0;
    -webkit-transition:all .45s ease 0s;
    transition:all .45s ease 0s;
    bottom:0;
    height:100%;
    width:100%;
    -o-object-position:50% 50%;
    object-position:50% 50%;
    -o-object-fit:cover;
    object-fit:cover
}
.post_inner .info{
    padding-top:15px
}
.post_inner .info .date{
    font-size:13px;
    font-weight:#999;
    margin-bottom:5px
}
.post_inner .info h3{
    font-size:16px;
    margin-bottom:8px;
    font-weight:600;
    line-height:1.3
}
.post_inner .info h3>a{
    color:#222
}
.post_inner .info .button_link>a{
    color:#ff4527;
    display:inline-block;
    font-size:14px;
    font-weight:400
}
.news_inner{
    position:relative;
    padding:0;
    box-shadow:0px 0px 4px 0px rgba(0,0,0,0.1);
    overflow:hidden;
    background:#fff;
    -webkit-transition:all .45s ease 0s;
    transition:all .45s ease 0s
}
.news_inner .thumb{
    display:block
}
.news_inner .thumb>a{
    display:block;
    height:auto;
    width:100%;
    padding-bottom:75%;
    background-position:50% 50%;
    position:relative;
    overflow:hidden
}
.news_inner .thumb>a img{
    position:absolute;
    left:0;
    top:0;
    right:0;
    -webkit-transition:all .45s ease 0s;
    transition:all .45s ease 0s;
    bottom:0;
    height:100%;
    width:100%;
    -o-object-position:50% 50%;
    object-position:50% 50%;
    -o-object-fit:cover;
    object-fit:cover
}
.news_inner .info{
    padding:30px 30px 30px 30px;
    position:relative
}
.news_inner .info h3{
    font-size:17px;
    margin-bottom:0px;
    font-weight:600;
    line-height:1.4;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    height:48px;
    overflow:hidden;
    text-transform:uppercase
}
.news_inner .info h3>a{
    color:#222
}
.news_inner .info .date{
    font-size:14px;
    font-weight:#000;
    font-weight:400;
    padding:13px 0 10px
}
.news_inner .info .desc{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    height:52px;
    overflow:hidden
}
.news_inner .info .link{
    padding-top:11px;
    position:relative;
    display:block
}
.news_inner .info .link>a{
    color:var(--primary-color);
    display:inline-flex;
    font-size:14px;
    font-weight:500;
    text-transform:uppercase
}
.news_inner:hover{
    box-shadow:0px 0px 16px 6px rgba(0,0,0,0.1)
}
.news_inner:hover .thumb>a img{
    transform:scale(1.1)
}
.product_inner{
    position:relative
}
.product_inner>.box{
    display:block;
    position:relative;
    overflow:hidden
}
.product_inner>.box .thumb{
    position:relative
}
.product_inner>.box .thumb a{
    position:relative;
    display:block;
    padding-bottom:78%;
    background-position:center;
    width:100%;
    overflow:hidden;
    transition:all .45s ease 0s
}
.product_inner>.box .thumb a img{
    position:absolute;
    left:0;
    top:0;
    right:0;
    -webkit-transition:all .45s ease 0s;
    transition:all .45s ease 0s;
    bottom:0;
    height:100%;
    width:100%;
    -o-object-position:50% 50%;
    object-position:50% 50%;
    -o-object-fit:cover;
    object-fit:cover
}
.product_inner>.box .thumb::before{
    content:"";
    height:100%;
    width:100%;
    left:0;
    top:0;
    background:rgba(0,0,0,0.56);
    position:absolute;
    opacity:0;
    z-index:1;
    visibility:hidden;
    -webkit-transition:all .35s ease 0s;
    transition:all .35s ease 0s
}
.product_inner>.box .info{
    position:absolute;
    left:0;
    top:0;
    padding:30px 0px 30px 50px;
    max-width:calc(100% - 40px);
    z-index:-1;
    transition:all .4s ease;
    opacity:0;
    visibility:hidden
}
.product_inner>.box .info>h3{
    font-size:24px;
    font-weight:500;
    margin-bottom:5px;
    text-transform:uppercase
}
.product_inner>.box .info>h3 a{
    color:#fff
}
.product_inner>.box .info>h3 a:hover{
    color:#fff
}
span.iconstr-projector {
    font-size: 30px !important;
    position: relative;
    top: 4px;
    padding: 0px !important;
    padding-right: 12px !important;
}
.our-process {
    padding: 45px 0;
    padding-bottom: 140px;
    background-color: #f8f8f8;
}

.our-process {
    padding: 45px 0;
    padding-bottom: 95px;
    background-color: #f8f8f8;
}

.our-process__item {
    background: #3478b8;
    padding: 45px 15px;
    position: relative;
    margin-top: 25px;
}

.our-process__item>h3 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: center;
}

.our-process__item>h3>i {
    display: block;
    color: #ffffff;
    margin-right: 8px;
    font-size: 80px;
    vertical-align: middle;
}
.our-process__item>p {
    color: #ffffff;
}

.our-process__item--l-b:after {
    content: '';
    height: 30px;
    width: 287px;
    border: 2px dashed #bbbbbb;
    border-top: none;
    position: absolute;
    left: 50%;
    bottom: -30px;
    /*display: none;*/
}

.our-process__item--l-t:before {
    content: '';
    height: 30px;
    width: 287px;
    border: 2px dashed #bbbbbb;
    border-bottom: none;
    position: absolute;
    left: 50%;
    top: -30px;
    /*display: none;*/
}

.gallery-image {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.gallery-image:before {
    content: '';
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: .15;
}

.gallery-image img {
    height: 230px;
    object-fit: cover;
    width: 100%;
}

section.client-say-2 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.gallery-overlay {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translate(0,-50%);
    text-align: center;
    width: 100%;
}

.gallery-overlay i {
    font-size: 50px;
    color: #f11b1b;
    background: #fff;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    line-height: 50px;
    padding-left: 1px;
}

.gallery-content {
    text-align: center;
    padding: 7px 0;
    border: 1px solid #eee;
    font-size: 15px;
    height: 60px;
    overflow: hidden;
}

.product_inner>.box .info .cate{
    display:block
}
.product_inner>.box .info .cate a{
    font-size:13px;
    font-weight:500;
    display:inline-block;
    color:#fff;
    text-transform:uppercase;
    line-height:1.2
}
.product_inner>.box .info .cate a:hover{
    color:#dedede
}
.product_inner>.box .info .cate span{
    font-size:13px;
    display:inline-block;
    padding:0 10px;
    color:#fff;
    line-height:1.2
}
.product_inner>.box .info .line-space{
    display:block;
    width:0;
    position:absolute;
    height:1px;
    left:0;
    bottom:0;
    background:#fff;
    transition:all .4s ease 0s
}
.product_inner>.box:hover .thumb::before{
    opacity:1;
    visibility:visible
}
.product_inner>.box:hover .info{
    opacity:1;
    visibility:visible;
    z-index:3
}
.product_inner>.box:hover .info .line-space{
    width:100%
}
.nav_pagination ul{
    list-style:none;
    padding:0;
    margin:0
}
.nav_pagination ul li{
    display:inline-block;
    vertical-align:middle
}
.nav_pagination ul li>a{
    margin:3px 3px;
    display:flex;
    align-items:center;
    justify-content:center;
    height:36px;
    width:36px;
    line-height:normal;
    background:#FFF;
    border:1px solid #bbb;
    text-align:center
}
.nav_pagination ul li>a:hover{
    border-color:#236ba1;
    background:#236ba1;
    color:#FFF
}
.nav_pagination ul li span{
    margin:3px 3px;
    display:flex;
    align-items:center;
    justify-content:center;
    height:36px;
    color:#fff;
    width:36px;
    line-height:normal;
    background:#236ba1;
    border:1px solid #236ba1;
    text-align:center
}
.nav_pagination ul .active>a{
    border-color:#236ba1;
    background:#236ba1;
    color:#FFF
}
.nav_paginate>ul{
    list-style:none;
    padding:0;
    margin:0
}
.nav_paginate>ul>li{
    display:inline-block;
    vertical-align:middle
}
.nav_paginate>ul>li>a,.nav_paginate>ul>li span{
    margin:3px 3px;
    display:block;
    height:30px;
    width:30px;
    line-height:28px;
    background:#FFF;
    border:1px solid #bbb;
    text-align:center
}
.nav_paginate>ul>li>a i,.nav_paginate>ul>li span i{
    display:block;
    text-align:center;
    line-height:28px
}
.nav_paginate>ul>li span.current{
    border-color:orange;
    background:orange;
    color:#FFF
}
@keyframes top_left{
    from{
        width:0
    }
    to{
        width:100%
    }
}
@keyframes top_bottom{
    from{
        height:0
    }
    to{
        height:100%
    }
}
@keyframes bottom_left{
    from{
        left:100%
    }
    to{
        left:0
    }
}
@keyframes bottom_top{
    from{
        top:100%
    }
    to{
        top:3px
    }
}
@keyframes fadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes banner_sub{
    from{
        -webkit-transform:translateY(-100%);
        -ms-transform:translateY(-100%);
        -o-transform:translateY(-100%);
        transform:translateY(-100%)
    }
    to{
        -webkit-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes trf_left{
    from{
        opacity:0;
        transform:translate3d(-100%, 0, 0)
    }
    to{
        opacity:1;
        transform:none
    }
}
@-webkit-keyframes banner_style{
    from{
        -webkit-transform:scale3d(1.5, 1.5, 1.5);
        transform:scale3d(1.5, 1.5, 1.5)
    }
    to{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
@keyframes banner_style{
    from{
        -webkit-transform:scale3d(1.5, 1.5, 1.5);
        transform:scale3d(1.5, 1.5, 1.5)
    }
    to{
        -webkit-transform:scale3d(1, 1, 1);
        transform:scale3d(1, 1, 1)
    }
}
.copyright {
    background: #fff;
    color: #000000;
    padding: 10px 0;
}
.copyright .desc{
    font-size:14px;
    font-weight:400;
    text-align:center
}
.gv_button_group{
    position:fixed;
    z-index:99;
    right:20px;
    bottom:60px;
    width:50px
}
.gv_button_group .inner{
    display:flex;
    flex-direction:column;
    padding:10px 0
}
.gv_button_group .inner a{
    background:rgba(255,255,255,0.7);
    border:0;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:100%;
    height:45px;
    width:45px;
    margin:7px 0;
    position:relative;
    text-align:center;
    color:#b5964b;
    animation:anmationSocial 1s infinite ease-in-out
}
.gv_button_group .inner a i{
    font-size:16px;
    line-height:normal
}
.gv_button_mobile{
    position:fixed;
    z-index:99;
    left:0;
    bottom:0px;
    background:#b5964b;
    color:#fff;
    width:100%;
    box-shadow:0px 0px 6px 0px #555
}
.gv_button_mobile .inner{
    display:flex;
    align-items:stretch;
    justify-content:center
}
.gv_button_mobile .inner>a{
    height:48px;
    border-right:1px solid #fff;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#FFF;
    font-size:16px;
    line-height:normal
}
.gv_button_mobile .inner>a:last-child{
    border-right:0
}
.gv_button_mobile .inner a.mail,.gv_button_mobile .inner a.facebook{
    min-width:70px;
    max-width:70px
}
.gv_button_mobile .inner a.phone{
    flex:1;
    font-size:18px;
    font-weight:bold
}
.gv_button_mobile .inner a.phone i{
    margin-right:10px;
    font-size:16px
}
.gv_form_popup{
    position:fixed;
    z-index:999;
    top:0;
    left:0;
    height:100%;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center
}
.gv_form_popup .inner{
    width:100%;
    max-width:480px;
    position:relative;
    padding:45px 30px;
    background:#236ba1;
    color:#FFF
}
.gv_form_popup .inner>button{
    position:absolute;
    right:0px;
    top:0;
    height:34px;
    width:34px;
    background:rgba(0,0,0,0.78);
    color:#FFF;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0;
    padding:0;
    z-index:98
}
.gv_form_popup .inner>button i{
    font-size:20px
}
.gv_form_popup .inner .form_box>.title{
    font-size:20px;
    text-transform:uppercase;
    color:#FFF;
    margin-bottom:10px
}
.gv_form_popup .inner .form_box .form .wpcf7-form input,.gv_form_popup .inner .form_box .form .wpcf7-form textarea,.gv_form_popup .inner .form_box .form .wpcf7-form select{
    border:1px solid #ccc;
    padding:8px 15px;
    color:#fff;
    background:transparent;
    line-height:20px;
    font-size:14px;
    margin-bottom:10px;
    width:100%;
    border-radius:0px
}
.gv_form_popup .inner .form_box .form .wpcf7-form span.wpcf7-radio{
    display:flex;
    align-items:center;
    padding-bottom:5px
}
.gv_form_popup .inner .form_box .form .wpcf7-form span.wpcf7-radio .wpcf7-list-item{
    display:flex;
    align-items:center;
    padding:0 10px
}
.gv_form_popup .inner .form_box .form .wpcf7-form span.wpcf7-radio .wpcf7-list-item input[type="radio"]{
    margin:10px 0;
    margin-left:6px
}
.gv_form_popup .inner .form_box .form .wpcf7-form input.wpcf7-submit{
    color:#FFF;
    background:orange;
    border-color:orange;
    margin-bottom:0
}
.gv_map_popup{
    position:fixed;
    z-index:999;
    top:0;
    left:0;
    height:100%;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center
}
.gv_map_popup .inner{
    width:100%;
    max-width:880px;
    position:relative;
    padding:10px;
    background:#236ba1;
    color:#FFF
}
.gv_map_popup .inner>button{
    position:absolute;
    right:0px;
    top:0;
    height:34px;
    width:34px;
    background:rgba(0,0,0,0.78);
    color:#FFF;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0;
    padding:0;
    z-index:98
}
.gv_map_popup .inner>button i{
    font-size:20px
}
.gv_map_popup .inner .map{
    display:block;
    padding-bottom:56.29%;
    position:relative;
    width:100%
}
.gv_map_popup .inner .map iframe{
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    height:100%;
    width:100%
}

.watermarked img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
}
.watermarked {
    display: block;
    overflow: hidden;
    position: relative;
    padding-bottom: 170%;
}

.square-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: all 0.5s;
}

.from_top_and_bottom {
    margin-bottom: 20px;
}
.square-img {
    display: block;
    overflow: hidden;
    position: relative;
    padding-bottom: 100%;
}

.rectangle-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    transition: all 0.5s;
}
.rectangle-img {
    display: block;
    overflow: hidden;
    position: relative;
    padding-bottom: 70%;
}


.albums-content {
    padding: 50px 0px;
    margin-top: 50px;
    background-image: url(/theme/bg-slider-home3.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

h2.title-home {
    font-weight: bold;
}

.container-fluid.layout-container {
    padding: 0px;
}

.elementor-post__card {
    border-radius: 7px;
}

.elementor-post__card {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
}

.elementor-post__card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    width: 100%;
    min-height: 100%;
    border-radius: 3px;
    border: 0 solid #69727d;
    transition: all .25s;
}

.elementor-post__title {
    font-size: 21px;
}

.elementor-post__text {
    display:  block;
    flex-direction: column;
    flex-grow: 1;
}

.elementor-post__text {
    padding: 0 20px;
    margin-bottom: 0;
    margin-top: 20px;
}

.elementor-post__meta-data {
    padding: 15px 30px;
    margin-bottom: 0;
    border-top: 1px solid #eaeaea;
line-height: 1.3em;
    font-size: 12px;
    margin-bottom: 13px;
    color: #adadad;   
}

.elementor-post__excerpt p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


.elementor-post {
    margin-bottom: 30px;
}


.pagination  {
    display: flex;
    justify-content: center;
}
.pagination .page-numbers {
    padding: 5px 10px;
    display: -webkit-box;
    text-decoration: none;
    background: #3478b8;
    color: #fff;
    margin: 10px 2px;
}
.pagination .page-numbers.current {
    background: #f2f2f2;
    color: #000;
}
.pagination li {
    list-style: none;
}

.total-page {
    display: none !important;
}

 .Thumbnail_outer-container__2TwxW {
     position: relative;
}
 .Thumbnail_container__8XB5q {
     position: relative;
     float: left;
     padding: 0;
     overflow: hidden;
     position: absolute;
     width: 100%;
     height: 100%;
     border-radius: 0px;
}
 .Thumbnail_container__8XB5q .Thumbnail_image__2OLJz {
     transition: all .25s ease-in-out;
}
 .Thumbnail_container__8XB5q .Thumbnail_image__2OLJz {
     margin: 0;
     padding: 0;
     float: left;
     z-index: 0;
}
 .Thumbnail_image__2OLJz {
     height: 100%;
     width: 100%;
     background-size: cover;
     background-position: 50%;
     background-repeat: no-repeat;
     border-radius: 0px;
}
 .Thumbnail_container__8XB5q .Thumbnail_caption__2Msw6 {
     height: 100%;
     width: 100%;
     cursor: pointer;
     position: absolute;
     opacity: 0;
     transition: all .45s ease-in-out;
}
 .Thumbnail_container__8XB5q .Thumbnail_blur__kvaU7 {
     background-color: rgba(0,0,0,.77);
     z-index: 5;
     position: absolute;
     height: 100%;
     width: 100%;
}
 .Thumbnail_container__8XB5q .Thumbnail_captionText__2C93x {
     height: 100%;
     width: 100%;
     z-index: 10;
     color: #fff;
     position: absolute;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     text-align: center;
     padding: 10px;
}
 .Thumbnail_outer-container__2TwxW:after {
     content: "";
     display: block;
     padding-top: calc(100%);
}
 .Thumbnail_container__8XB5q:hover .Thumbnail_caption__2Msw6 {
     opacity: 1;
     height: 100%;
     width: 100%;
}
b, strong {
    font-weight: bold;
}
 .Thumbnail_container__8XB5q:hover .Thumbnail_image__2OLJz {
     opacity: 1;
     transform: scale(1.15);
     -webkit-transform: scale(1.15);
     -moz-transform: scale(1.15);
     -ms-transform: scale(1.15);
     -o-transform: scale(1.15);
}
 .Thumbnail_container__8XB5q .Thumbnail_captionText__2C93x h1 {
     text-transform: uppercase;
     font-size: 24px;
     color: #fff;
     font-weight: 300 !important;
}
 .Thumbnail_container__8XB5q .Thumbnail_captionText__2C93x p {
     text-transform: inherit;
     font-size: 16px;
     font-weight: 300 !important;
}
 .gallery_image .postPreview_container__23rrE {
     width: 32.5%;
     float: left;
     margin-bottom: 1%;
     margin-left: 1%;
}
 .gallery_image .clear1 .postPreview_container__23rrE:nth-child(1) {
     width: 66%;
     margin-left: 0px;
}
 .gallery_image .clear0 .postPreview_container__23rrE:nth-child(1){
     margin-left: inherit;
}
 .clear1, .clear0 {
     clear: both;
}
h3.title-desc2, h1.entry-title.title-product {
    font-size: 22px;
    color: #000;
}
.short-desc {
    margin-bottom: 15px;
}
span.line-item {
    display: flex;
}

span.line-item span.laber-item {
    font-weight: bold;
    width: 110px;
    display: inline-block;
flex-grow: 0;     /* do not grow   - initial value: 0 */
flex-shrink: 0;   /* do not shrink - initial value: 1 */
}
.entry-content.single-page {
    border-top: 1px dashed #d9d9d9;
    padding-top: 10px !important;
}
.entry-content.single-page {
    margin-top: 10px;
}

.related-posts {
    margin: 20px 0;
}


span.r-10 {
    margin-right: 6px;
}

h2.section-title.section-title-normal span {
    color: #000;
    background: #fff;
    margin-bottom: -8px !important;
    padding-right: 10px;
    position: relative;
    z-index: 99;
    top: 10px;
}

h2.section-title.section-title-normal {
    border-bottom: 2px solid #3478b8;
    margin-bottom: 20px;
}
.hidden-desktop {
    display: none;
}
 .hidden-mobile {
    display: block;
}
/*# sourceMappingURL=style.css.map */
 @media (min-width: 1400px){
 .gv_footer_block , .copyright , #DoiTac, .gv_section_contact , #project , .gv_banner_block , #box_new_hot {
    max-width: 1200px;
    margin: auto;
}
.gv_section_contact .container , #box_new_hot .container{
    padding: 0px;
}
}
 @media (max-width: 767px){
.hidden-desktop {
    display: block;
}
 .hidden-mobile {
    display: none;
}
.gv_header_block.fixed {
}
.gv_header_block.fixed .logo>a img.main {
    display: block !important;
}
.gv_header_block.fixed .search span i {

}
.our-process__item--l-b:after ,.our-process__item--l-t:before{
    display: none !important;
}
.our-process {
    padding: 0px 0;
    padding-bottom: 0px;
    background-color: unset;
}
.gv_section_construct .construct-box {
    padding-left: 0px;
    padding-right: 0px;
}
}

.side-bar ul {
    list-style: none;
}

li.title-left ,.title-sider-bar{
    background: #3478b8;
    padding: 10px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}

.list-contact-sidebar {
    background: #f5f4f4;
    padding: 20px 15px;
}

.list-contact-sidebar ul.contact li {
    display: flex;
}

.list-contact-sidebar ul.contact li span {
    margin-right: 12px;
}

ul#demo1 li {
    display: block;
    width: 100%;
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
    font-size: 16px;
    background: #f5f4f4;
}

ul#demo1 {
    margin-bottom: 20px;
}

    /* Tiêu ð? LEADERSHIP */
    .section-title {
        display: flex;
        align-items: center;
        text-align: center;
        margin-bottom: 40px;
        font-size: 20px;
        font-weight: bold;
        text-transform: uppercase;
        color: #333;
    }

    .section-title::before,
    .section-title::after {
        content: "";
        flex: 1;
        border-bottom: 1px solid #ccc;
        margin: 0 10px;
    }

    /* Grid leader */
    .leader-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        gap: 20px;
        justify-items: center;
    }

    .leader-card {
        cursor: pointer;
        text-align: center;
        max-width: 200px;
    }

.leader-card img {
    width: 100%;
    border-radius: 6px;
    transition: transform 0.3s;
    height: 260px;
    object-fit: cover;
}

    .leader-card img:hover {
        transform: scale(1.05);
    }

    .leader-name {
        font-weight: bold;
        margin-top: 10px;
    }

    .leader-title {
        font-size: 0.9em;
        color: #555;
    }

    /* Popup */
    .popup {
        display: none;
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        background-color: rgba(0,0,0,0.6);
        padding: 30px 10px;
    }

    .popup-content {
        background: #fff;
        margin: auto;
        padding: 20px;
        border-radius: 8px;
        max-width: 800px;
        position: relative;
        animation: fadeIn 0.3s ease;
        display: flex;
        flex-direction: row;
        gap: 20px;
    }

.popup-content img {
    width: auto;
    border-radius: 6px;
    flex-shrink: 0;
    height: auto !important;
    height: 250px !important;
}

    .popup-text {
        flex: 1;
    }

    .popup-text h2 {
        margin: 0;
        font-size: 22px;
        color: #1b3a2f;
    }

    .popup-text h4 {
        margin: 5px 0 15px;
        font-size: 14px;
        text-transform: uppercase;
        color: #2e7d32;
    }

.popup-text p {
    text-align: justify !important;
    line-height: 1.5;
    font-size: 15px;
    color: #333;
}

    .close-btn {
        position: absolute;
        top: 12px;
        right: 16px;
        font-size: 24px;
        color: #333;
        cursor: pointer;
        font-weight: bold;
    }

    @keyframes fadeIn {
        from {opacity: 0; transform: translateY(-20px);}
        to {opacity: 1; transform: translateY(0);}
    }

    /* Responsive: mobile => ?nh lên trên, ch? xu?ng d??i */
    @media (max-width: 600px) {
        .popup-content {
            flex-direction: column;
            align-items: center;
            text-align: center;
        }
        .popup-text h2, .popup-text h4, .popup-text p {
            text-align: center;
        }
.popup-content img {
    width: 150px;
    height: auto !important;
}

    }
.text-mieutangan {
    margin-bottom: 30px;
}
.text-motachitiet {
    margin-bottom: 30px;
}
.partners {
  padding: 0px;
}
.partner-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 15px;
}
.partner-item {
  border: 1px solid #ccc;
  display: flex;
  align-items: center;   /* c?n gi?a theo chi?u d?c */
  justify-content: center; /* c?n gi?a theo chi?u ngang */
  height: 100px;          /* chi?u cao box ð?ng ð?u */
  background: #fff;
}
.partner-item img {
  max-width: 90%;
  max-height: 80%;
  object-fit: contain;   /* ð?m b?o logo không méo */
}

.logo-box {
  display: flex;
  align-items: center;
  font-family: Arial, Helvetica, sans-serif;
}

.logo-left {
  background-color: #e6f0fa; /* n?n xanh nh?t */
  padding: 19px 25px;
  position: relative;
}

.logo-text-blue {
    color: #0033cc;
    font-size: 40px;
    font-weight: bold;
    position: relative;
    line-height: 100%;
}

.logo-right {
  padding-left: 15px;
}

.logo-name {
  color: #3c6e27; /* xanh lá ð?m */
  font-size: 20px;
  font-weight: bold;
}

.logo-slogan {
  color: #337ab7; /* xanh d??ng nh?t */
  font-size: 15px;
  margin-top: 2px;
}
.logo-r {
    display: inline-block;
    border: 1.5px solid #0033cc;
    color: #0033cc;
    font-size: 10px;
    font-weight: bold;
    border-radius: 50%;
    width: 13px;
    height: 13px;
    text-align: center;
    line-height: 12px;
    vertical-align: top;
    margin-left: 4px;
    position: relative;
    top: -2px;
    left: -13px;
}
 @media (max-width: 600px) {
 
.head_nav .logo-left {
    background-color: #e6f0fa;
    padding: 10px 14px;
    position: relative;
}

.logo-r {
    display: inline-block;
    border: 1.5px solid #0033cc;
    color: #0033cc;
    font-size: 7px;
    font-weight: bold;
    border-radius: 50%;
    width: 13px;
    height: 13px;
    text-align: center;
    line-height: 12px;
    vertical-align: top;
    margin-left: 4px;
    position: relative;
    top: -2px;
    left: 0px;
}
 
 
.logo-text-blue {
    color: #0033cc;
    font-size: 16px;
    font-weight: bold;
    line-height: 100%;
}
.logo-box {
    padding: 0px 10px;
}


.head_center .logo-slogan {
    color: #337ab7;
    font-size: 12px;
    margin-top: 2px;
}

.head_center .logo-left {
    background-color: #e6f0fa;
    padding: 8px 6px;
    position: relative;
    left: 5px;
}

.head_center .logo-name {
    color: #3c6e27;
    font-size: 17px;
    font-weight: bold;
    position: relative;
    top: 8px;
}


.head_center .logo-text-blue {
    color: #0033cc;
    font-size: 16px;
    font-weight: bold;
    line-height: 100%;
}
}