/*
Theme Name: WebNganh Child
Description: Website Design by Wordpress and Theme Flatsome
Author: UX Themes Web Nganh
Template: flatsome
Theme URI: https://webnganh.com/
Author URI: https://webnganh.com/
Description: WebNganh.Com - WebNganh.Vn - iFnt.Vn
Version: Code DevWp WebNganh
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

@font-face {
  font-family: "Bebas";
  src: url(/wp-content/themes/webnganh/fonts/UTM-Bebas.ttf)
    format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


.stuck #logo .header-logo, .post-item .is-divider, .hidden__avatar .box-image, .owl-dots, .nav-dark .header-logo-dark, .flatsome_recent_posts .is-divider{
    display: none !important;
}

.nav-dark .header-logo, .stuck .header-logo-dark{
    display: block !important;
}

.text-jusitfy{
    text-align: justify;
}

.text-primary{
    color: #770E14 !important;
}

.header-wrapper.stuck .header-nav-main li a, header:not(.transparent) .mobile-nav > li > a{
    color: #000 !important;
}



.sec__banner{
    padding-top: 160px !important;
}

.sec__banner .img{
    margin: 0 auto;
}

.home .nav > li > a{
    font-weight: 500 !important;
    color: #fff !important;

}

body:not(.home) .header-nav-main > li > a{
    color: #000 !important;
    font-weight: 500;
}

body:not(.home) .nav > li.active > a{
    color: #770E14 !important;
}

.data__item {
    margin-bottom: 20px;
}

.data__item p{
    font-size: 14px;
    margin-bottom: 0;
    line-height: 22px;
}

.data__value{
    display: flex;
    align-items: flex-end;
    gap: 10px;
    margin-bottom: 15px;
}

.data__value .count__data{
    font-family: "Bebas";
    font-size: 60px;
    line-height: 44px;
    -webkit-text-stroke: 1px #770E14;
    color: #fff;
}

.data__value .name__data{
    font-size: 16px;
    line-height: 20px;
    color: #770E14;
    margin-bottom: -8px;
}

/* .sec__about-us .row{
    max-width: calc(100% - (100% - 1300px) / 2) !important;
    margin-right: 0;
} */

.row__title .large-3::before{
    content: "";
    position: absolute;
    width: 420px;
    height: 69px;
    background: url(/wp-content/uploads/2025/12/Group.png) no-repeat center / contain;
    top: -10%;
}
.sec__partner .row__title .large-3::before{
	opacity: 0.3;
	top: -14%;
}


.sec__projects .row__title .large-3::before, .sec__news .row__title .large-3::before, .sec__profession .row__title .large-3::before{
    top: -40%;
}

.sec__about-us .row .col__right{
    padding: 0;
}

.sec__about-us .text__about-us h3{
    font-size: 38px;
    line-height: 48px;
    font-weight: 700;
}

.sec__about-us .text__about-us p{
    font-size: 14px;
    line-height: 24px;
}

.sec__about-us .button{
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0;
}

.sec__profession .row__title h3, .sec__support h3, .sec__partner h3, .sec__projects h3, .sec__news h3{
    font-size: 30px;
    line-height: 40px;
}

.sec__profession .row__content .nv__item{
    flex-basis: 18%;
    max-width: 18%;
    transition: flex-basis 0.6s cubic-bezier(.25,.8,.25,1);
}

.sec__profession .row__content .large-2.active{
    flex-basis: 64%;
    max-width: 64%;
}

.sec__profession .box-text .number{
    font-family: "Bebas";
    font-size: 60px;
    line-height: 44px;
    opacity: .5;
    margin: 0;
}

.sec__profession .box-text .name{
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    margin: 20px 0 10px;
}

.sec__profession .box-text .description{
    font-size: 14px;
    line-height: 24px;
    margin: 0;
    display: none;
    max-width: 60%;
}

.sec__profession .row__content .nv__item.active .box-text .description{
    display: block;
}


.sec__support .col__left .col-inner{
    position: absolute;
    bottom: 15%;
}

.sec__support h3{
    margin-bottom: 0;
}

.sec__support .text__description p{
    font-size: 14px;
    line-height: 24px;
}


.support__icon--lists{
    display: flex;
    align-items: center;
    gap: 25px;
    margin: 30px 0;
}

.support__icon--item{
    display: flex;
    align-items: center;
    gap: 10px;
}

.support__icon--item span{
    font-size: 16px;
    line-height: 26px;
    color: #770E14;
}

.sec__partner h3{
    margin-bottom: 30px;
}

.sec__projects .row__project h4{
    font-size: 30px;
    line-height: 40px;
    font-family: "Bebas";
    font-weight: normal;
}

.sec__projects .row__project .box-text{
    padding-top: 15px;
}

.owl-nav button{
    width: 50px;
    margin-right: 0;
}

.owl-nav button:first-child{
    position: absolute;
    bottom: 60%;
    right: 100%;
}

.sec__projects .row__project{
    max-width: calc(100% - (100% - 1230px) / 2) !important;
    margin-right: 0
}

.sec__projects .row__project .owl-stage {
    padding-left: 0 !important;
}

.post-title a{
    font-size: 16px;
    line-height: 26px !important;
}

.post-meta{
    font-size: 12px;
    line-height: 22px;
    font-style: italic;
}

.post-meta i{
    margin-right: 5px;
}

.from_the_blog_excerpt {
    font-size: 12px;
    line-height: 22px;
    margin: 10px 0 !important;
}

.new__center .post-title a{
    font-size: 18px;
    line-height: 28px;
}

.new__center .from_the_blog_excerpt{
    font-size: 14px;
    line-height: 24px;
}

.news__exchange{
    margin: 0 !important;
}

.news__exchange .post-item .box-vertical{
    display: flex;
    flex-direction: row-reverse;
    padding-top: 15px;
}

.news__exchange .post-item:first-child .box-vertical{
    padding-top: 0;
}

.news__exchange .box-vertical .box-text{
    padding: 0;
}

.news__exchange .post-item{
    border-bottom: 1px solid #E3E3E8;
}

.news__exchange  .post-title a{
    font-size: 14px;
    line-height: 24px;
}

.news__exchange .post-item:last-child{
    border-bottom: none;
}

.box-vertical .box-image{
    width: 68%;
    margin-left: 20px;
}

.row-divided>.col+.col:not(.large-12){
    height: 525px;
}

.fa-heart{
    color: red;
}

.sec__footer .title > p{
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    color: #fff;
}


.sec__footer .ux-menu .ux-menu-link__link{
    align-items: center;
    padding: 5px 0;
}

.sec__footer .ux-menu .ux-menu-link__text{
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    opacity: .7;
}

.info__title{
    margin-bottom: 10px;
}

.info__title p{
    font-size: 14px;
    line-height: 24px;
}

.detail{
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
}

.copyright{
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    opacity: .7;
}

.absolute-footer{
    display: none;
}

.sec__footer .col__right p{
    font-size: 60px;
    line-height: 60px;
    font-family: "Bebas";
    margin-bottom: 50px;
}

.btn__contact {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border: 1px solid rgba(255,255,255,0.3);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
}

.btn__contact img{
    max-width: 30%;
}

.btn__contact span{
    font-size: 16px;
    line-height: 26px;
}

.sec__footer .col__right{
    background-image: url('/wp-content/uploads/2025/12/background__footer.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-left: 60px !important;
}

.sec__footer .row{
    max-width: calc(100% - (100% - 1325px) / 2) !important;
    margin-right: 0;
}

.sec__footer .col__content > .col-inner{
    margin-top: 50px;
}

.sec__footer .col__right > .col-inner{
    margin-top: 35px;
}

.copyright p{
    margin-bottom: 0;
}

.social{
    margin-top: 110px;
}

.social .col-inner{
    display: flex;
    gap: 10px;
}

.sec__projects{
    padding-bottom: 50px !important;
}

.btn__see-more{
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
}

.btn__see-more img{
    width: 35px;
    margin-right: 10px;
}

.sec__projects h3, .sec__news h3{
    width: 85%;
}

.sec__projects .large-9 .col-inner, .sec__news .large-9 .col-inner{
    display: flex;
}

.value-table {
  width: 100%;
  border-collapse: collapse;
  margin: 30px 0;
  font-family: "Segoe UI", sans-serif;
  font-size: 16px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.value-table thead {
  background-color: #770E14;
  color: #fff;
}

.value-table th,
.value-table td {
  padding: 14px 18px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #ddd;
}

.value-table th {
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
}

.value-table td:first-child {
  font-weight: 600;
  color: #770E14;
}

.value-table tbody tr:nth-child(even) {
  background-color: #f8f9fc;
}

.value-table tbody tr:hover {
  background-color: #eaf1ff;
  transition: 0.3s;
}

.recent-blog-posts a, #post-list .post-title a{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.first__post .box-default{
    display: flex;
    flex-direction: column-reverse;
}

.sec__about-us .row__background{
    position: absolute;
    bottom: -30px;
}

.sec__support .row__background{
    position: absolute;
    top: 0;
    left: -8%;
}

.first__post .box-default .box-image{
    margin: unset;
}

.sec__support{
    padding-bottom: 60px !important;
}

.sec__about-us{
    padding-bottom: 30px !important;
}

.sec__contact .icon-box{
    margin-bottom: 10px;
}

.contact_general i{
    font-size: 20px;
    margin-right: 10px;
    color: #770E14;
}

.sec__about-us .toanha {
    margin-left: auto;
}

@media (max-width: 850px) {
    .sec__about-us{
        padding-bottom: 0 !important;
		padding-left: 15px;
        padding-right: 15px;
    }

    .sec__about-us .col__center .col-inner, .sec__support .col__content .col-inner{
        max-width: 100%;
    }

    .sec__about-us .row__title{
		justify-content: space-between;
    }

    .sec__about-us .text__about-us h3{
        font-size: 30px;
        line-height: 40px;
    }

    .sec__profession .row__content .small-12{
        flex-basis: 100% !important;
        max-width: 100% !important;
    }
    .sec__profession .box-text .description{
        max-width: 100%;
    }

    .sec__profession .row__content .nv__item .box-text .description{
        display: block;
    }

    .sec__support .col__left .col-inner{
        position: unset;
    }

    .sec__projects .large-9 .col-inner, .sec__news .large-9 .col-inner{
        display: block;
    }
    .owl-nav{
        display: none;
    }
    .news__exchange{
        margin: auto !important;
    }

    .row-divided>.col+.col:not(.large-12){
        height: auto;
    }

    .is-divider{
        margin: 35px 0 !important;
    }

    .value-table thead {
        display: none;
    }

    .value-table,
    .value-table tbody,
    .value-table tr,
    .value-table td {
        display: block;
        width: 100%;
    }

    .value-table tr {
        margin-bottom: 20px;
        border: 1px solid #ddd;
        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 1px 4px rgba(0,0,0,0.05);
    }

    .value-table td {
        text-align: left;
        padding: 10px 15px;
        border: none;
        position: relative;
    }

    .value-table td:first-child {
        background-color: #770E14;
        color: white;
        font-weight: 600;
        font-size: 17px;
        border-bottom: 1px solid #ccc;
    }

    .value-table td:not(:first-child)::before {
        content: "Ý nghĩa:";
        font-weight: 600;
        color: #770E14;
        display: block;
        margin-bottom: 6px;
    }

    .row__title .large-3::before{
        content: "";
        position: unset;
    }

    .sec__about-us .row__background, .sec__support .row__background{
        position: unset;
    }
}






.pb-0 {
	padding-bottom: 0 !important;
}



.transparent .header-main {
    height: unset !important;
}
.menu-title {
    font-size: 1.5em;
	display: unset !important;
}
.icon-menu {
    top: -1px;
}
.stuck .header-bg-color {
	background-color: rgba(255, 255, 255, 0.8);
	-webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
.mfp-bg {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    opacity: 1 !important;
    background: rgb(11 11 11 / 80%);
}
.off-canvas-center .nav-vertical>li>a {
    font-size: 1em;
}
.mfp-ready .mfp-close {
    opacity: 1;
    top: 28px;
    right: 28px;
}
.sec__banner .col-inner .img .img-inner img {
    margin-bottom: -5px;
}

@media (max-width: 1210px) {
	#logo {
		width: 170px !important;
	}
	.stuck #logo {
		width: 240px !important;
	}
	.stuck .menu-title {
		display: none !important;
	}
}

@media (max-width: 1140px) {
	.stuck .nav-spacing-xlarge>li {
        margin: 0 6px;
    }
	.stuck .nav-size-medium>li>a {
        font-size: .65em;
    }
}

@media (min-width: 850px) and (max-width: 1110px) {
	.nav-spacing-xlarge>li {
		margin: 0 6px;
	}
	.nav-size-medium>li>a {
		font-size: .75em;
		letter-spacing: 0;
	}
}

@media (max-width: 849px) {
    .medium-logo-left .flex-right {
        flex: unset;
    }
}





.row__title {
    z-index: 99;
    position: relative;
}
@media (max-width: 1300px) {
	.row__title .large-3::before {
		position: unset;
	}
}
@media (min-width: 850px) and (max-width: 1300px) {
	.sec__about-us .left-counter, .hide-for-small, .sec__support .col__left, .sec__partner .col__left, .sec__projects .col__left, .sec__news .col__left {
		flex-basis: 300px;
		max-width: 300px;
	}
	 .sec__about-us .col__center, .titlee, .sec__support .col__content, .sec__partner .noidung, .sec__projects .noidung, .sec__news .noidung {
		flex-basis: 55%;
        max-width: 55%;
	}
	.row__title {
		justify-content: space-between;
	}
	.sec__support .col__left {
		padding-bottom: 0 !important;
	}
}
@media (min-width: 550px) and (max-width: 850px) {
	.sec__about-us .left-counter, .hide-for-small, .sec__support .col__left, .sec__partner .col__left, .sec__projects .col__left, .sec__news .col__left {
		flex-basis: 260px;
		max-width: 260px;
		padding-left: 0;
		padding-right: 0;
	}
	 .sec__about-us .col__center, .titlee, .sec__support .col__content, .sec__partner .noidung, .sec__projects .noidung, .sec__news .noidung {
		flex-basis: 50%;
        max-width: 50%;
		padding-left: 0;
		padding-right: 0;
	}
	.row__title {
		justify-content: space-between;
	}
	.sec__support .col__left {
		padding-bottom: 0 !important;
	}
}
@media (max-width: 550px) {
	.sec__about-us .left-counter {
		padding-bottom: 0;
	}
}




.sec__profession .section-bg {
    background: url(/wp-content/uploads/2025/12/image.png);
    background-repeat: no-repeat;
    background-position: bottom left;
}
@media (max-width: 850px) {
.sec__profession {
    padding-left: 15px;
    padding-right: 15px;
}
}



@media (max-width: 1300px) {
	.support__icon--lists {
		display: grid;
		gap: 15px;
	}
}
@media (min-width: 850px) and (max-width: 1300px) {
	.sec__support .row__background .col {
		flex-basis: 40%;
		max-width: 40%;
	}
}
@media (max-width: 850px) {
	.sec__support {
		padding-bottom: 0 !important;
		padding-left: 15px;
		padding-right: 15px;
	}
	.sec__support .row__background .col {
		padding-left: 20px !important;
		flex-basis: 60%;
		max-width: 60%;
		margin-bottom: -12%;
	}
	.sec__support .col__content {
		padding-bottom: 0;
	}
}




@media (max-width: 850px) {
	.sec__partner {
		padding-bottom: 70px !important;
		padding-left: 15px;
		padding-right: 15px;
	}
	.sec__partner .noidung {
		padding-bottom: 0;
	}
	.sec__partner .doitaclogo {
		padding: 0 10px !important;
	}
	.sec__partner .doitaclogo .col {
		padding: 0 5px 0;
	}
}


@media (max-width: 1300px) {
.sec__projects .large-9 .col-inner, .sec__news .large-9 .col-inner {
    display: unset;
}
}



@media (max-width: 850px) {
	.sec__projects {
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 10px !important;
	}
	.sec__news .is-divider {
        margin: 30px 0 10px !important;
    }
	.sec__news {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (max-width: 730px) {
	.sec__projects .row__project h4 {
		font-size: 22px;
		line-height: 30px;
	}
}



.sec__news .first__post .box-text {
    padding-top: 0;
}
.news__exchange .post-item .box-vertical {
    align-items: center !important;
}
@media (max-width: 550px) {
	.hidden__avatar .box-blog-post .box-text {
		border-bottom: 1px solid rgb(227, 227, 232);
		padding-bottom: 30px;
	}
	.new__center .box-text {
		border-bottom: 1px solid rgb(227, 227, 232);
		padding-bottom: 30px;
	}
	.news__exchange .post-item {
		padding-left: 0;
		padding-right: 0;
	}
	.sec__news {
		padding-bottom: 30px !important;
	}
	.sec__projects h3, .sec__news h3 {
		width: 100%;
	}
}




#footer .hotlineee .col-inner {
    display: flex;
    gap: 30px;
}
#footer .info__title {
    font-size: 14px;
    opacity: .7;
    margin-bottom: 0;
}
#footer .detail {
    margin-bottom: 0;
}
#footer .logofooter {
    max-width: 310px;
}
@media (max-width: 850px) {
	#footer .section-content .leftt {
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 35px;
	}
	.sec__footer .col__right {
		padding-left: 30px !important;
	}
}
@media (min-width: 550px) and (max-width: 1700px) {
	#footer .so-1 {
		flex-basis: 70%;
		max-width: 70%;
	}
	#footer .so-2 {
		flex-basis: 30%;
		max-width: 30%;
	}
	#footer .so-3 {
		flex-basis: 100%;
		max-width: 100%;
		padding-bottom: 0;
	}
}
@media (max-width: 550px) {
	#footer .so-2 .ux-menu.stack.stack-col {
		display: grid !important;
		grid-template-columns: repeat(3, 1fr);
	}
}