/*
Theme Name:   Flatsome Child - Maxweb
Theme URI:    https://maxweb.vn
Description:  Child theme của Flatsome dùng cho khung web mẫu chuẩn nhận diện Maxweb. Kỹ thuật tùy biến code tại đây, không sửa trực tiếp theme cha để đảm bảo cập nhật an toàn.
Author:       Maxweb
Author URI:   https://maxweb.vn
Template:     flatsome
Version:      1.0.0
Text Domain:  flatsome-child
*/
@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/* =========================================================
   BIẾN MÀU NHẬN DIỆN MAXWEB
   Đổi nhanh nhận diện toàn site tại đây (hoặc chỉnh trong
   plugin Maxweb Setting). Khi có mã màu chính thức của khách,
   thay giá trị bên dưới.
   ========================================================= */
:root {
    --mw-primary: #e30613;      /* Đỏ chủ đạo Maxweb (nút, hotline) */
    --mw-primary-dark: #b30410;
    --mw-secondary: #0068ff;    /* Xanh Zalo / phụ */
    --mw-dark: #1f2733;
    --mw-light: #f7f7f7;
}

/* =========================================================
   CSS TÙY BIẾN CHUNG
   Ghi chú: CSS chi tiết nên viết trong assets/css/custom.css
   để dễ quản lý. File style.css này chủ yếu khai báo theme.
   ========================================================= */

html,body,span,label,a,p,button,b,div {
    font-family: "Roboto", sans-serif;
}
h1,h2,h3,h4,h5,h6,:is(h1,h2,h3,h4,h5,h6)>span {
	font-family: "Arimo", sans-serif!important;
}
.icon-location:before {
    content: "\e910";
}
#top-bar li{
    font-size: 15px;
	font-family: "Arimo", sans-serif!important;
}
#top-bar li>a{
    font-size: 15px;
	font-family: "Arimo", sans-serif!important;
}
.nav-spacing-xlarge>li {
    margin: 0 20px;
}
.header-main:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #034dae;
}
.header-main .flex-left {
    margin-right: auto;
    padding-left: 5rem;
    position: relative;
    min-height: inherit;
    background-color: #034dae;
    height: 90px;
    align-items: center;
    justify-content: center;
    display: flex;
}
.header-main .flex-left:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 3rem;
    height: 100%;
    background-color: #fff;
    clip-path: polygon(0 -1%, 100% -1%, 0 100%);
}
@media (min-width: 1200px) {
    .header-main:before {
        width: calc((100% - 0px) / 2);
    }
}
.animate-character {
    text-transform: uppercase;
    background-image: linear-gradient(-225deg, #002e6a 0, #034dae 29%, #000 67%, #cf3083 100%);
    background-size: 200% auto;
    color: #000;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: text-clip 2s linear infinite;
    display: inline-block;
}
@keyframes text-clip{
	100% {
    background-position: 200% center;
}
}
.nav-dropdown>li.nav-dropdown-col{display:block}
.nav-dropdown{border:1px solid #ddd; padding:0}
.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{font-weight:normal !important;text-transform:none !important;font-size: 16px;font-weight:500}
.nav-dropdown .nav-dropdown-col>ul li:hover{background: #034dae;}
.nav-dropdown-default>li:hover>a, .nav-dropdown .nav-dropdown-col>ul li:hover>a{color:white}
.nav-dropdown-default>li:hover{background: #034dae;}
.nav-dropdown-default>li>a{border-bottom:0 !important;color: #111;}.nav-dropdown-has-arrow li.has-dropdown:before{border-width: 10px;
margin-left: -10px;}
.nav-dropdown .nav-dropdown-col>ul{border: 1px solid #d2d2d2;margin-top:-40px;box-shadow: 2px 2px 5px #828282;display:none;position: absolute;
left: 100%;z-index: 9;background: white;min-width: 240px;}
.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
.nav-dropdown .nav-dropdown-col>ul li a{padding:10px; text-transform: none;color:black}
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}
.text-j p{
	text-align: justify;
}
.heading h3{
	    font-size: 29px;
	    text-transform: uppercase;
	    color: #034dae;
}
.dividing-line {
    margin-bottom: 1.2rem;
    height: .3rem;
    background-color: #ffac4b;
	width: 25%;
}
.f-family-body{
    position: relative;
    border: 1rem solid #034dae;
    border-radius: 1rem;
}
.f-family-body h2 {
    padding: 0 3rem;
    background-color: #fff;
    position: relative;
    top: -28px;
    max-width: max-content;
    left: 50%;
    transform: translateX(-50%);
    font-size: 30px;
	color: #034dae;
}
.f-family-body ul {
    list-style: none;
    display: flex;
    justify-content: space-around;
}
.text-giayphep h2{
	    border: 2px solid #034dae;
    color: #034dae;
    padding: 8px;
}
.testimonial-box {
    display: grid !important;
    grid-template-columns: 80px 1fr;
    column-gap: 15px;
    align-items: start;
}
.testimonial-box .icon-box-text {
    display: contents !important;
}
.testimonial-box .testimonial-image {
    grid-column: 1;
    grid-row: 1;
    width: 80px !important;
    margin: 0 !important;
}
.testimonial-box .testimonial-image img{
	border-radius: 1px!important;
}
.testimonial-box .testimonial-meta {
    grid-column: 2;
    grid-row: 1;
    margin: 0 !important;
    text-align: left;
    align-self: center;
}
.testimonial-box .star-rating {
    grid-column: 1 / -1;
    grid-row: 2;
    margin-top: 15px;
}
.testimonial-box .testimonial-text {
    grid-column: 1 / -1 !important;
    grid-row: 3;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 10px;
    display: block !important;
}
.testimonial-box .testimonial-meta strong {
    display: block;
    margin-bottom: 3px;
    color: #034dae;
}
.testimonial-box .testimonial-meta span {
    display: block;
}
.testimonial-name-divider {
	display: none!important;
}
.col-nhanxet .col-inner{
	background: #fff;
	border-radius: 1px;
	padding: 20px;
	height: 100%;
}
.col-dl .col-inner {
    background: #fff;
    padding: 20px 40px 5px;
    border-radius: 999px;
}
.form-lh p {
    display: flex;
    align-items: center;
}
.form-lh .wpcf7-form-control-wrap {
    flex: 1;
    margin: 0;
}
.form-lh input {
    margin: 0;
    height: 50px;
}
.form-lh input[type="tel"] {
    border-radius: 30px 0 0 30px;
}
.form-lh input[type="submit"] {
    width: 20%;
    margin: 0;
    white-space: nowrap;
    border-radius: 0 30px 30px 0;
}
.wpcf7-spinner {
    display: none;
}
.text-sdt p{
    font-size: 30px;
    line-height: 0;
    padding-top: 20px;
}
.text-sdt p>strong{
	color: red;
}
.is-divider {
    display: none;
}
.blog-wrapper .box-vertical .box-image{
    width: 35%!important;
}
.blog-wrapper .box-vertical .box-image .image-cover{
    padding-top: 70%!important;
}
span.widget-title{
    background: linear-gradient(180deg, #0e458d 0, #1365d1 100%);
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    display: block;
    padding: 14px 0 10px;
	border-radius: 6px 6px 0 0;
}
.widget-area {
    border-radius: .5rem;
    border: 1px solid #034dae;
}
.widget ul {
    margin: 0;
    padding: 0 10px;
}
.widget>ul>li+li{
    border-top: 1px dashed #034dae;
}
@media screen and (min-width: 850px) {
    .row-divided>.col+.col:not(.large-12) {
        border-left: 0;
    }
}
@media screen and (min-width: 850px) {
    .post-sidebar.large-3 {
        padding: 0 30px 30px 0;
    }
}






.gal-hethong{
    background: #fff;
    padding: 30px 50px 0;
    border-radius: 10px;
}
.gal-hethong .box-image img {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    padding: 0;
}
.box-dk{
	    background: #054599;
    padding: 30px;
    border-radius: 10px;
}
.box-dk h4{
    font-size: 31px;
    line-height: 0;
    padding-top: 20px;
    color: #fff;
}
.box-dk:before {
    position: absolute;
    content: "";
    top: .9rem;
    left: .9rem;
    bottom: .9rem;
    right: .9rem;
    border: .1rem solid #fff;
    border-radius: 1rem;
}
.text-1 p {
    font-size: 22px;
    font-weight: 900;
    padding: 5px 0;
}
.icon-list-footer ul{
    list-style: none;
}
.icon-list-footer i{
	margin-right: 10px;
}
.icon-list-footer li i,.icon-list-footer li span{
	font-size: 15px;
	color: #fff;
}
.icon-list-footer li{
	border-bottom: 1px solid #c1c1c1;
	padding: 10px 0;
	margin: 0 !important;
}
.icon-list-footer li:last-child{
	border-bottom: none;
}
.item {
    padding: 10px 5px 10px;
    border-radius: 1rem;
    border: 2px solid #fff;
}
.item h3, .item p{
    margin-bottom: 0;
}
.absolute-footer {
    background-color: #0047a5!important;
    color: #fff !important;
}
.col-height .col-inner{
	height: 100%;
}
.icon-hangmuc .icon-inner {
    background: var(--fs-color-primary)!important;
}
.icon-hangmuc{
	justify-items: center;
}