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

/*************** ADD CUSTOM CSS HERE.   ***************/
:root {
    --se-color: #eeb742;
}
.no-margin {margin: 0 !important}
.no-margin > * {margin: 0 !important}
.no-paddding {padding: 0 !important}
.no-paddding > *{padding: 0 !important}
/* .row-no-padding-bottom .col{padding-bottom: 0 !important} */

.owl-nav.disabled{display: none !important;}
.owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-prev {left: 0}
.owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next {right: 0;}
.absolute-footer {display: none !important;}
.text-shadow { & > * { text-shadow: -1px 0 #fff, 0 2px #fff; }}
.font-w-700 { & > * { font-weight: 700 !important; }}
.al-center {align-items: center;}
.fs-14 {font-size: 14px !important;}
.fs-24 {font-size: 24px !important;}
.mb-10 {margin-bottom: 10px !important;}

.img-r img {
	border-radius: 20px;
}
.header-main {padding: 20px 0;}
.icon-box-header {
    .icon-box-text h4 {
        margin-bottom: 0;
        font-size: 15px;
        font-weight: bold;
    }
    .icon-box-text p {
        margin-bottom: 0;
        font-size: 15px;
        color: #787878;
    }
    .text-phone h4 {
        color: #d70101;
        font-size: 23px;
    }
}
.header-bottom-nav {
    li { margin: 0; }
    li a {
        padding-left: 13px;
        padding-right: 13px;
        color: #fff !important;
        font-weight: 700 !important;
    }
    li.active a {
        color: var(--se-color) !important;
    }
}
.title-website {
    h2 {color: var(--primary-color);}
    p {margin-bottom: 0;}
}
.page-title h1 { 
	font-size: 40px;
}
.bcr span, .bcr a {
	color: #fff;
	font-size: 16px;
}
.btn-cus {
    font-size: 13px;
    font-weight: 600;
    fill: #1B1D21;
    color: #1B1D21;
    background-color: rgba(238, 183, 66, .19) !important;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--se-color);
    border-radius: 3px 3px 3px 3px;
    padding: 6px 29px 6px 29px;
    &:hover {
        color: #1B1D21;
    }
    &.blue {
        color: #fff;
        border-color: var(--primary-color);
        background-color: var(--primary-color) !important;
    }
}
.button1 {
    font-family: "Inter", sans-serif;
    padding: 10px 35px;
    font-weight: 500;
    letter-spacing: 0;
    border-radius: 5px;
    font-size: 15px;
}

.section1 .icon-box {
    overflow: hidden;
    padding: 25px 25px 35px 25px;
    background-color: #FFF;
    border-radius: 10px;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 12%);
}

.section1 .icon-box .icon-box-img {padding-top: 10px;}

.section1 .icon-box h3 {
    margin-bottom: 5px;
    font-size: 18px;
}
.section-service .box-text h3 {
    color: var(--primary-color);
    margin: 15px 0;
}
.section-service .box-text p {
    margin-bottom: 0;
}


#form-advise {
    background: var(--primary-color);
    padding: 20px 15px;
    input, textarea {
        border: 0;
        box-shadow: none;
        border-radius: 10px;
    }
    textarea {
        min-height: 90px !important;
    }
    input[type="submit"] {
        width: 100%;
        margin: 0;
        margin-bottom: 15px;
        background: #faa142;
    }
    .wpcf7-spinner {display: none;}
    .header-form  {
        margin-bottom: 15px;
    }
    .header-form .title {
        font-size: 25px;
        font-weight: 600;
        margin-bottom: 15px;
    }
    .header-form {
        text-align: center;
        color: #fff;
    }
    & > p {
        text-align: center;
        color: #fff;
    }
}
.wpcf7-form {margin-bottom: 0;}
.title-banner-1 {
    p {margin-top: 5px; font-weight: 700; font-size: 27px; text-shadow: -1px 0 #fff, 0 2px #fff;}
}
.icon-box-banner-1 {
    margin-bottom: 20px;
    .icon-box-img .icon-inner {
        background: var(--primary-color) !important;
    }
    .icon-box-img .icon-inner svg path{
        fill: #fff;
    }
    .icon-box-text p {
        margin-top: 0;
        text-shadow: -1px 0 #fff, 0 2px #fff;
        color: #504f4f;
        font-size: 18px;
    }
}
.ic-service-text {min-height: 60px;}
.text-exp {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    color: #fff;
    .number, .text-des {
        font-family: "Inter", sans-serif;
        display: inline-block;
        font-size: 14px;
        line-height: 24px;
        text-transform: uppercase;
        font-weight: 700;
    }
    div.number, div.number span.count-up {
        font-weight: 700;
        font-size: 48px;
        line-height: 1;
    }
    .text-des { margin-bottom: 0; }
}

.post-item {
    .col-inner {
        border-radius: 6px;
        box-shadow: 8px 8px 30px 0 rgb(0 0 0 / 10%);
    }
    .box-image {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }
    .cat-label {
        left: 20px;
        position: absolute;
        top: -10px;
        background: var(--se-color);
        opacity: 1;
        font-family: "Inter", sans-serif;
        padding: 4px 17px;
        border-radius: 15px;
        color: #fff;
        font-weight: 700;
    }
    .box-text {
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        padding: 0 0 13px 0px;
    }
    .post-title {
        margin: 0;
        margin-bottom: 0;
        padding: 30px 20px 20px 20px;
        color: #1b1d21;
        line-height: 32px;
        font-size: 24px;
		& a:first-letter {
			text-transform: uppercase;
		}
    }
    .post-meta {
        font-weight: bold;
        font-family: "Inter", sans-serif;
        letter-spacing: 0;
        padding: 0 20px;
        color: gray;
        font-size: 14px;
    }
    .is-divider {
        margin-top: 0;
        margin-bottom: 15px;
        height: 1px;
        max-width: 100%;
    }
    .button {
        margin-right: 0;
        margin-left: 20px;
    }
    .from_the_blog_excerpt {
        padding: 0 20px;
    }
}

#post-list .post-item .post-title {
    padding-bottom: 0;
}
.text-client {
    h3 {font-size: 14px; text-transform: uppercase;}
    p {margin-bottom: 0; text-transform: uppercase; color: #333 !important; font-size: 14px;}
}
.col-client .col-inner {height: 100%;}
.slider-client {
    .img::before {
        content: unset;
    }
    .img img {
        object-fit: contain;
    }
    .img .img-inner {
        border: 1px solid #eee;
        border-radius: 5px;
    }
}
.btn-open-modal-form-ad {
    background: #eeb742 !important;
}
.menu-link-footer {
    .ux-menu-link__text {
        color: #fff;
    }
}
.nav-footer #menu-menu-footer{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    li {
        border-top: 0;
        &.current-menu-item {
            border-bottom: 1px solid #fff;
        }
    }
    a {
        color: #fff;
        text-transform: uppercase;
        font-size: 15px;
        padding: 10px 5px;
    }
}
.blog-wrapper.blog-archive.page-wrapper {
    padding-top: 0;
}

span.widget-title  {
    margin-bottom: 30px;
    font-size: 20px;
    font-family: "inter", sans-serif;
    letter-spacing: 0;
    text-transform: none;
    color: #272933;
    display: block;
    padding-bottom: 15px;
    border-bottom: 2px solid #e5e5e5;
}
.widget .is-divider  {
    margin-top: -32px;
    right: 0px;
    position: absolute;
    background: var(--se-color);
    height: 2px;
    max-width: 52px;
}
.flatsome_recent_posts .badge {
    width: 65px;
    height: 65px;
}
.flatsome_recent_posts .badge .badge-inner {
    border-radius: 6px;
}
.recent-blog-posts a {
    margin-bottom: 6px;
    font-family: "inter", sans-serif;
    color: black;
    font-weight: 500;
    font-size: 15px;
}
.widget_search input {
    border-radius: 5px;
    box-shadow: none;
    height: 48px;
}
.widget .searchform .button.icon {
    border-radius: 5px !important;
    background: var(--se-color);
    margin-left: -43px;
}
#comments {
    display: none;
}
.bai-viet-lien-quan {
    h3 {
        font-size: 20px;
        color: #313131;
        font-weight: bold;
        margin-bottom: 15px;
    }
    .list-bai-viet .box-image .image-cover img {
        border-radius: 10px;
    }
    .tieu-de-bai-viet {
        font-size: 14px;
        text-transform: inherit;
        margin-top: .5em;
    }
}
.col-copyright .col-inner{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    .img {margin: 0;}
    .text {margin: 0;}
}
.section-footer {
    padding-top: 120px !important;
}
.img-box-service img{
	border-radius: 10px;
}
.gioi-thieu-2 {
	background: url(/wp-content/uploads/2025/08/bg1-about-us.jpg);
	background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
}

.gioi-thieu-2 .box {
	background: white;
    box-shadow: 8px 8px 30px 0 rgb(0 0 0 / 12%);
    border-radius: 6px;
}

.gioi-thieu-2 .box .box-image {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.gioi-thieu-2 .box h3 {
    text-align: center;
    margin-bottom: 15px;
    font-size: 24px;
    color: #272933;
}

.gioi-thieu-2 .box p {
    text-align: center;
    margin-bottom: 15px;
    font-size: 16px;
}

.gioi-thieu-2 .box .box-text {
    padding: 30px 20px 15px 20px;
    background: white;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.lien-he-1 {
    background-image: url(/wp-content/uploads/2025/08/image-contacts.png);
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: 71%;
    background-size: 760px;
}

.lien-he-1 {
    padding-bottom: 200px !important;
}
.lien-he-1 .icon-box {
    margin-bottom: 30px;
}
.lien-he-2 {
    margin-top: -100px;
}
.form-lien-he {
    padding: 60px 60px 60px 60px;
    background-color: #FFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 12%);
}
.form-lien-he h3 {
    font-size: 30px;
}
.form-lien-he .row-info {
    display: inline-block;
    width: 100%;
    clear: boht;
}
.form-lien-he .left {
    display: inline-block;
    width: 50%;
    float: left;
    padding-right: 10px;
}
.form-lien-he .right {
    display: inline-block;
    width: 50%;
    float: left;
    padding-left: 10px;
}
.form-lien-he input, .form-lien-he textarea {
    font-size: 15px;
    border-radius: 5px;
    box-shadow: none;
}
.ot-heading>span {
    position: relative;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #266c92;
    margin-bottom: 10px;
}
.ot-heading>span.is_highlight {
    background: rgba(38, 108, 146, .1);
    padding: 2px 10px;
    border: 1px solid #266c92;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.lien-he-1 .icon-box h3 {
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 0;
}
.lien-he-1 .icon-box .icon-box-text p {
    margin-bottom: 0;
    font-weight: 600;
    font-family: "inter", sans-serif;
    color: #272933;
}

.polylang_langswitcher {
    list-style: none;
    display: flex;
    align-items: center;
	padding-left: 20px !important;
    gap: 8px;
	li a { 
		padding: 0 !important;
		display: inline-block;
		width: 32px !important;
		height: 23px !important;
		overflow: hidden;
	}
	img {
		width: 100% !important;
		height: 100% !important;
	}
}

.section1 .icon-box.cn .icon-box-img {
	padding-top: 0;
} 

.category-34 .post-meta, .category-55 .post-meta, .category-171 .post-meta {
	display: none !important;
}

/* mobile */
@media (max-width: 549px) {
    .section1 .icon-box .icon-box-img {
        width: 60px !important; 
    }
}

/*table*/
@media (max-width: 849px) {
    .section1 .icon-box .icon-box-img {
        width: 70px !important; 
    }
}

/*desktop*/
@media (min-width: 850px) {
    .row-no-padding-bottom-col {
        & > .col {
            padding-bottom: 0 !important;
        }
    }
}