/*
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.   ***************/
ul{padding-left: 15px;}
blockquote, dl, figure, form, ol, p, pre, ul {margin-bottom: 0.8em;}
.is-uppercase, .uppercase{line-height: 1.3}
.bg-linear-gradient{background: linear-gradient(180deg,#0565BC 0%,#39A6F1 100%);}
.box-borer{padding: 30px 20px;border: 3px solid #fff;border-radius: 20px;}
.box-borer .icon-box-text{min-height: 57px;}
.box-blog-post .is-divider{display: none;}
.box-text{font-size: 1em}
.is-large{font-size: 1.3em}
.is-small{font-size: .9em;}

.nav-dropdown{min-width: 325px;}
.nav-dropdown li a{font-size: 14px;}

.absolute-footer{display: none;}

.is-outline {color: #fff;}
.align-items-center{align-items: center;}

.wpcf7-form .wpcf7-form-control{height: 45px; border-radius: 5px;}
.wpcf7-form textarea{border-radius: 5px;}
.wpcf7-form .wpcf7-submit{width: 100%; margin-right: 0; border-radius: 5px; height: 45px;}

.widget .is-divider{display: none;}
.widget .widget-title {padding: 15px 10px; text-align: center; border-radius: 10px 10px 0 0; margin: 0; background: #1053A2; text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 600; width: 100%; display: block;}
.widget .post-title.is-large{font-size: 15px; font-weight: 500;}
.widget .box-text{padding-left: 10px; padding-right: 0;padding-bottom: 0; padding-top: 0}
.widget .box-vertical .box-image{vertical-align: top;}
.widget ul.product-categories{border-radius: 0 0 10px 10px;border: .5px solid rgba(51,51,51,0.50);background: #FFF;box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);padding: 15px;}

.aboutus-01{background-color: #fff; border-radius: 20px; padding-top: 40px; padding-bottom: 40px;}
.aboutus-01 .col:not(:last-child){border-right: 3px solid #0565BC;}

.category .page-wrapper,
.tax-danh_muc_du_an .page-wrapper{padding-top: 0;}
.archive-page-header{background-image: url(assets/img/contact-top-banner.jpg); background-repeat: no-repeat; background-position: center center;background-size: cover; padding-top: 70px; padding-bottom: 70px; margin-bottom: 40px;}
.archive-page-header h1,
.archive-page-header .rank-math-breadcrumb,
.archive-page-header .rank-math-breadcrumb a{color: #fff;}

.entry-meta-post{display: flex;justify-content: space-between;border-top: 1px solid #252525;padding-top: 10px;margin-top: 10px;}
.entry-meta-post p{display: flex; align-items: center; margin-bottom: 0;}
.entry-meta-post p:not(:last-child){margin-right: 20px;}
.entry-meta-post p span{margin-left: 10px;}
.entry-meta-post-right{display: flex;}

.rank-math-breadcrumb{margin-top: 15px;}
.rank-math-breadcrumb p{margin-bottom: 0;}

.page-title-line h1,
.page-title-line h2{padding-bottom: 20px; position: relative; font-size: 32px; line-height: 40px; text-transform: uppercase; margin: 0;color: #fff;}
.page-title-line h1:before,
.page-title-line h2:before{position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 1; content: ''; width: 256px; height: 12px; background: url(assets/img/contact-top-title-bg.png) center center no-repeat; background-size: 100% 100%;}

.certification-bg{background-color: #fff; position: absolute; left: 0; top: 0; content: ''; width: 50% !important; height: 100%;}
.certification-bg .img-inner,
.certification-bg .img-inner img{height: 100%;}

.sd-box{margin-bottom: 90px;border-radius: 10px;}
.sd-box .text-inner{position: absolute;top: 50%;transform: translateY(-50%);padding: 40px 10px 90px;}
.sd-box .text-inner h1,
.sd-box .text-inner h2,
.sd-box .text-inner h3,
.sd-box .text-inner h4,
.sd-box .text-inner h5,
.sd-box .text-inner h6 {margin-bottom: 10px;}
.sd-box .banner-bg{border-radius: 10px;}
.sd-number {position: absolute; left: 50%; bottom: 0; z-index: 1; height: 140px; width: 140px; background: #fff; border-radius: 140px; padding: 20px; transform: translate(-50%,50%); box-shadow: 0 2px 4px 0 rgba(0,0,0,0.25); }
.sd-number .sd-number-inner {border-radius: 100px; float: left; width: 100px; height: 100px; background: #004AAD; color: #fff; line-height: 100px; text-align: center; font-size: 28px; font-weight: 600; }

.duan-list{position: relative;margin-top: 10px;}
.duan-list .duan-item{display: flex; width: 100%; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #C9C5C5; flex-direction: row; flex-wrap: wrap; justify-content: left; align-items: center; gap: 2%;}
.duan-list .duan-item:last-child{border-bottom:0;padding-bottom:0}
.duan-item .duan-img{width:49%;position:relative}
.duan-item .duan-img .duan-img-fill{border-radius:15px;position:absolute;left:0;top:0;z-index:1;height:100%;width:100%;background:linear-gradient(0deg,rgba(57,166,241,0.50) 0%,rgba(57,166,241,0.00) 100%)}
.duan-item .duan-img img{width:100%}
.duan-item .duan-text{width:49%}
.duan-item .duan-text h3{float:left;width:100%;font-size:28px;line-height:35px;color:#0565BC;font-weight:600;margin:0 0 15px}
.duan-item .duan-text h3 a{color:#0565BC}
.duan-item .duan-text h3 a:hover{color:#000}
.duan-item .duan-text .duan-shortdes{float:left;width:100%;font-size:16px;color:#000;font-weight:400;line-height:25px;margin:0 0 15px}
.duan-item .duan-text .title-viewmore{text-transform:none}



/*Home*/
.row-slider .flickity-page-dots .dot{height: 12px;width: 12px;}
.flickity-page-dots .dot.is-selected{background: linear-gradient(180deg,#0565BC 0%,#39A6F1 100%);}
.flickity-prev-next-button svg{border-radius: 50%; background: #fff; box-shadow: 0 8px 12px 0 rgba(21,21,21,0.10);}
.section-title{margin: 0 0 5px;padding: 0 0 13px;background: url(assets/img/row-title-bg.png) left bottom no-repeat;background-size: 127px 5px;}
.home-section01 {background: linear-gradient(180deg,#C7E5FF 0%,#FFF 100%);}
.home-section01 .cat-viewmore {padding-top: 30px; display: inline-block; background: url(assets/img/row-img-icon.png) top center no-repeat; background-size: 25px 25px;}
.home-section02-video{position: relative;}
.home-section02-video:after {content: '';background: #9EDFFF; position: absolute; right: -15px; top: 15px; z-index: -1; height: 100%; width: 100%; border-radius: 15px;}
.home-section02-video .img{border-radius: 15px;overflow: hidden;}
.home-section02-video .video-button-wrapper{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.video-button-wrapper a{margin-bottom: 0;}
.section-support{border-radius: 10px;overflow: hidden;}
.section-support .box-text{padding: 10px 10px 5px;}
.section-support .box-text h4{margin-bottom: 10px;}
.section-support .box-text li{margin-bottom: 5px;}
.form-giaiphap .wpcf7-form{background: linear-gradient(180deg,#0565BC 0%,#39A6F1 100%); border-radius: 15px; padding: 30px;}
.form-giaiphap .wpcf7-form h2,
.form-giaiphap .wpcf7-form p{color: #fff;}
.form-giaiphap .wpcf7-form .sub-p{margin-bottom: 20px;}
.form-giaiphap .wpcf7-form .wpcf7-spinner{display: none;}

/*Woo*/
.woocommerce-products-header__title{font-size: 32px;line-height: 45px;color: #008CCF;text-transform: uppercase;font-weight: bold}

@media (max-width: 820px) {
	.duan-item .duan-text h3 {font-size: 20px;line-height: 30px;}
	.duan-item .duan-text .duan-shortdes {font-size: 14px;line-height: 20px;}

	.sd-number{height: 100px;width: 100px;padding: 10px;}
	.sd-number .sd-number-inner{width: 80px;height: 80px;line-height: 80px;font-size: 24px;}
}

@media (max-width: 576px) {
	.duan-item .duan-img {width: 100%;margin: 0 0 10px;}
	.duan-item .duan-text {width: 100%;}

	.sd-box{margin-bottom: 50px;}
	.sd-box .text-inner{padding: 40px 0px 90px;}
	.sd-number{height: 80px;width: 80px;}
	.sd-number .sd-number-inner{width: 60px;height: 60px;line-height: 60px;font-size: 20px;}
	.certification-bg{width: 100% !important;}
	.aboutus-01 .col{border-right: unset;}
}