/*
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.   ***************/
.ez-toc-debug-messages {
	display: none !important;	
}

:root {
    --cs-primary-color: #696687;
    --cs-main-color: #3b3663;
    --yellow-color: #FFAD4F;
	--blur-color: #437EEB;
}

body {
    font-family: 'Nunito', sans-serif;
    color: var(--cs-primary-color);
	font-size: 16px;
}

.blur {
	color: var(--blur-color) !important;
}

.main-title {
	color: var(--cs-main-color); 
	font-size: 30px;
	font-weight: 800;
}

.main-sub-title {
	color: var(--cs-main-color);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.box-main-title {
	font-size: 24px;
    font-weight: 700;
    color: var(--cs-main-color);
}

.main-button {
    border: 1px solid #6254e7;
    padding: 10px 20px;
    border-radius: 8px;
    text-transform: uppercase;
    font-size: 14px;
    transition: background-color 0.3s, color 0.3s;
}

.main-button:hover {
    background-color: #6254E7; 
    color: #fff;
}

.button-center {
	display: flex;
    width: fit-content;
    margin: auto;
}

li.current-dropdown>.nav-dropdown {
	border-radius: 8px;
    padding: 10px;
}

.home-banner h1 {
	font-size: 2.5em;
}

.home-banner h2 {
	font-size: 1.8em;
	margin-bottom: 40px;
}

.home-banner h3 {
	font-size: 1.3em;
	margin-bottom: 40px;
	line-height: 1.4;
}

.home-banner .main-button {
	background-color: #ffff;
    color: var(--cs-main-color);
    font-weight: 400;
}

.ss_intro .section-bg {
    background-position: 100% 0%;
}

.ss_culture .main-title {
	width: fit-content;
    margin: 0 auto 30px;
}

/**SS_SERVICE**/
.ss_service .row-box{box-shadow:0 22px 90px 0 rgba(18.000000000000014,27.999999999999975,109,.13);border-radius:30px 30px 30px 30px}.ss_service .col-box{padding:0 50px 40px;margin-top:-85px}.ss_service .icon-inner{position:relative;margin-bottom:-10%;cursor:pointer}.ss_service .icon-inner img{transition:transform .3s}.ss_service .icon-inner:hover img{transform:scale(1.2)}.ss_service .icon-inner h2{font-family:"Montserrat",Nunito;color:#fff;font-size:3rem;position:absolute;top:40%;left:45%;transform:translate(-50%,-50%);display:flex;justify-content:center}.ss_service .icon-box .icon-box-img{margin:0 auto}.ss_service .icon-box .icon-box-text{text-align:center}.ss_service .icon-box .icon-box-text h3{font-size:20px;font-weight:700;line-height:26px;color:var(--cs-primary-color)}

/**SS_ABOUTUS**/
.ss_about-us{background-image:url(http://qiqrealestate.com/wp-content/uploads/2024/02/home09_vawe-bg11.png);background-position:top center;background-repeat:no-repeat;background-size:100% auto}.ss_about-us .progress-wrapper{margin-bottom:40px}.ss_about-us .progress-container{background-color:#E6E6E7;height:5px;margin-bottom:10px;border-radius:6px}.ss_about-us .progress-box{position:relative;width:100%;margin-bottom:25px}.ss_about-us .progress-bar{width:0%;height:5px;background-color:var(--yellow-color);color:var(--yellow-color);border-radius:6px;box-shadow:0 10px 25px rgba(255,173,79,.4)}.ss_about-us .progress-title{color:var(--cs-primary-color);font-size:18px}.ss_about-us .progress-percentage{position:absolute;top:0;right:0;color:var(--cs-main-color);font-size:15px}.ss_about-us .target-element{font-size:56px;font-weight:800;color:var(--cs-main-color);line-height:1.2}.ss_about-us .row-counting{position:relative;border-right:1px solid #DCDDE4}.ss_about-us .pr-text{color:var(--cs-primary-color);font-family:"Nunito",Nunito;font-size:14px;font-weight:400;text-transform:uppercase;letter-spacing:1px}.ss_about-us .plus{right:0;font-size:24px;line-height:1;color:#e64828;font-weight:400;padding-top:1px;position:absolute;top:10px}.ss_about-us .target-element-box{display:flex;align-items:center;gap:20px;margin-bottom:38px}.ss_about-us .target-element-left{min-width:150px}.ss_about-us .target-element-right{color:var(--cs-primary-color);font-size:16px;font-weight:400}.ss_about-us .row-bottom .col{padding-bottom:0}.ss_about-us .row-bottom .col:first-child{border-right:2px solid #DEE2FB}.ss_about-us .row-bottom .col:nth-child(2){display:flex;align-items:center;padding-left:50px;font-size:18px;font-style:italic}.ss_about-us .icon-box{padding:30px 15px;box-shadow:0 10px 40px 0 rgb(0 0 0 / 5%);transition:background .3s,border .3s,border-radius .3s,box-shadow .3s}.ss_about-us .icon-box .icon-inner:before{content:"";position:absolute;bottom:0;right:-15px;width:70px;height:70px;border-radius:10px;transform:rotate(22deg);background:linear-gradient(62.5deg,transparent,rgba(47,85,212,.09))}.ss_about-us .icon-box:hover .icon-inner:before{background:rgba(47,85,212,.07);animation:spinner-border 5s linear infinite}@keyframes spinner-border{50%{transform:rotate(360deg)}}.ss_about-us .icon-box:after{position:absolute;bottom:0;content:"";width:0;background:#437eeb;transition:all .5s ease-in-out;z-index:2}.ss_about-us .icon-box:hover:after{height:4px;left:0;width:100%}.ss_about-us .icon-box-text h5{font-size:18px;font-weight:800;color:var(--cs-main-color);margin-top:20px}.ss_about-us .icon-box-text h6{font-weight:400;font-size:16px;text-transform:math-auto;color:var(--cs-primary-color);line-height:1.4;letter-spacing:0}

.home.form-froup p{display:flex;gap:15px}.home.form-button{text-align:left}.form-button input{background-image:linear-gradient(96deg,#f0ac0e 0%,#ff7426 51%,#f0ac0e 100%);color:#fff!important;font-size:14px;font-weight:400}.ss_contact input,.ss_contact textarea{height:50px !important;border-radius:6px!important;border-color:#eaedef!important;color:#696588!important;background-color:#f9f9f9!important}.ss_contact input::placeholder,.ss_contact textarea::placeholder{color:var(--cs-main-color);font-size:14px;font-weight:400}.ss_contact .col-form{text-align:center}.ss_contact .main-sub-title{line-height:2.4}

.ss_faq{margin-top:-100px}.ss_faq .accordion-title{padding:.6em 0em;color:var(--cs-main-color);font-size:18px;font-weight:700;border-top:unset;border-bottom:1px solid #d9d6fa}.ss_faq .accordion-inner{padding:0;padding-top:1em}.ss_faq .accordion .toggle{left:unset;right:0;margin:0}.ss_faq .accordion-title.active{background-color:unset;color:#f47514}.ss_faq .main-sub-title{margin-top:10px;font-size:18px;color:var(--cs-main-color);opacity:1;line-height:1.4;text-transform:math-auto}.ss_faq .main-content{margin-bottom:0}

.ss_partner .main-title {
	width: fit-content;
    margin: 0px auto 20px;
}

.ss_culture .col-box .col-inner,
.ss_culture .col-box .box {
	height: 100%
}

.ss_culture .col-box .box {
	box-shadow: 0 0px 5px rgba(0,0,0,.2);
    padding: 20px;
    border-radius: 20px;
	background: #fff;
}

.ss_culture .box-text p {
	margin-bottom: 1px;
}

.ss_formed{background-image:url(https://dichvuseo.com.vn/wp-content/uploads/2019/09/PCC_bg_img-scaled.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover}.ss_formed:before{content:"";background-image:url(https://dichvuseo.com.vn/wp-content/themes/ewebot/dist/img/bg-clouds_bottom.5d8f60b8.png);width:100%;height:191px;position:absolute;bottom:0;left:0;background-repeat:repeat;background-position:0 0;background-size:auto 100%;-webkit-animation:animatedBackground 300s linear infinite;animation:animatedBackground 300s linear infinite}@-webkit-keyframes animatedBackground{0%{background-position:0 0}to{background-position:-10000px 0}}@keyframes animatedBackground{0%{background-position:0 0}to{background-position:-10000px 0}}.ss_formed .main-title,.ss_formed .main-sub-title{text-align:center}.ss_formed .main-sub-title::first-child{margin-bottom:0;font-weight:700}.ss_formed .main-sub-title{font-size:18px;text-transform:math-auto;font-weight:400;line-height:1.4}.ss_formed .timeline{width:100%}.ss_formed .timeline-box{display:flex;align-items:center;position:relative;width:100%;color:#42CD83}.ss_formed .timeline-box:nth-child(2){color:#F29111}.ss_formed .timeline-box:nth-child(3){color:#7164EA}.ss_formed .timeline-box:nth-child(4){color:#0CF}.ss_formed .timeline-box:nth-child(5){color:#0CF}.ss_formed .timeline-box:nth-child(6){color:#F29111}.ss_formed .timeline-box-year,.ss_formed .timeline-box-field{flex:1}.ss_formed .timeline-box-content{background:#fff;padding:10px 20px;border-radius:10px;border-left:2px solid;box-shadow:0 1px 10px 0 rgba(0,0,0,.05)}.ss_formed .timeline-box:nth-child(2) .timeline-box-content,.ss_formed .timeline-box:nth-child(4) .timeline-box-content,.ss_formed .timeline-box:nth-child(6) .timeline-box-content{border-left:unset;border-right:2px solid}.ss_formed .timeline-box:nth-child(2) .timeline-box-year,.ss_formed .timeline-box:nth-child(4) .timeline-box-year,.ss_formed .timeline-box:nth-child(6) .timeline-box-year{text-align:left}.ss_formed .timeline-box-content h4{font-size:18px;color:var(--cs-main-color);margin-bottom:5px;line-height:1.2}.ss_formed .timeline-box-content p{font-size:16px;line-height:1.2;color:var(--cs-primary-color);margin-bottom:0}.ss_formed .timeline-box-year{text-align:right;font-size:24px;font-weight:700}.ss_formed .timeline-box-center{position:relative;min-width:120px;min-height:120px}.ss_formed .timeline-box-center::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background-color:#D0CDF9;transform:translateX(-50%)}.ss_formed .timeline-box-center::after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%)}.ss_formed .timeline-box:first-child .timeline-box-center::after{background-color:#42CD83}.ss_formed .timeline-box:nth-child(2) .timeline-box-center::after{background-color:#F29111}.ss_formed .timeline-box:nth-child(3) .timeline-box-center::after{background-color:#7164EA}.ss_formed .timeline-box:nth-child(4) .timeline-box-center::after{background-color:#0CF}.ss_formed .timeline-box:nth-child(5) .timeline-box-center::after{background-color:#0CF}.ss_formed .timeline-box:nth-child(6) .timeline-box-center::after{background-color:#F29111}

.service_ss-reason .service-silder .col-inner,.service_ss-reason .service-silder .icon-box{height:100%}.service_ss-reason .icon-box{background-color:#fff;padding:30px 15px;box-shadow:0 10px 40px 0 rgb(0 0 0 / 5%);transition:background .3s,border .3s,border-radius .3s,box-shadow .3s}.service_ss-reason .icon-box h5{font-size:18px;font-weight:800;color:var(--cs-main-color);margin:20px 0;text-align:center}.service_ss-reason .icon-box h6{font-weight:400;font-size:16px;text-transform:math-auto;color:var(--cs-primary-color);line-height:1.4;letter-spacing:0;text-align:justify}.service_ss-package table{font-size:18px;border-style:solid;border-width:1px;border-color:#eee!important}.service_ss-package td{border-left:1px solid #eeee;padding:12px}.service_ss-package td:first-child{padding:12px}.service_ss-detail .detail-box{background-color:#fff;padding:30px 15px;box-shadow:0 10px 40px 0 rgb(0 0 0 / 5%);transition:background .3s,border .3s,border-radius .3s,box-shadow .3s}.service_ss-detail .box-title{font-size:18px;font-weight:800;color:var(--cs-main-color);margin:20px 0;text-align:center}.service_ss-detail .box-description{font-weight:400;font-size:16px;text-transform:math-auto;color:var(--cs-primary-color);line-height:1.4;letter-spacing:0;text-align:justify}.service_ss-detail .box-description p{margin-bottom:10px}.service_ss-procedure .tab-panels .panel{text-align:left}.service_ss-procedure .tab-panels .panel h3{color:var(--cs-main-color)}.service_ss-procedure .nav-vertical li{margin-bottom:10px}.service_ss-procedure .nav-vertical li a{font-size:14px;color:#fff;background:#358cdb;flex:220px;margin-right:15px;height:55px;border-radius:5px;display:inline-flex;align-items:center;padding:0 20px;line-height:22px;text-align:center;width:100%;justify-content:center;border:1px solid #358cdb;text-transform:none}.service_ss-procedure .nav-vertical li.active a,.service_ss-procedure .nav-vertical li:hover a{background:#fff;color:#000}.service_ss-procedure .nav-vertical+.tab-panels{padding:0 15px}.service_ss-procedure .nav-vertical.nav-line>li>a:before{display:none}.service_ss-quote .quote-col{padding:46px 40px 52px;border-radius:5px;background-color:#fff;box-shadow:0 4px 6px 1px rgba(0,0,0,.11);color:var(--cs-primary-color)}.service_ss-quote .quote-col:nth-child(3){color:#fff}.service_ss-quote .quote-col:nth-child(3):before{content:'';position:absolute;top:0;left:0;width:100%;height:110%;background-image:linear-gradient(84deg,#f0ac0e 0%,#f47215 100%);color:#fff;border-radius:8px}.service_ss-quote .quote-col a{background-image:linear-gradient(84deg,#88fdb9 0%,#34c478 100%);padding:10px 20px;border-radius:6px;color:#fff}.service_ss-quote .quote-title,.service_ss-quote .quote-price{font-size:24px;font-weight:800;margin:0;line-height:1;color:var(--cs-primary-color)}.service_ss-quote .quote-price{color:#34c478}.service_ss-quote .quote-content{margin-top:25px;margin-bottom:0}.service_ss-quote .quote-list{list-style:none;margin-top:10px;margin-bottom:30px}.service_ss-quote .quote-col:nth-child(3) .quote-title,.service_ss-quote .quote-col:nth-child(3) .quote-price{color:#fff}.service_ss-quote .quote-col:nth-child(3) a{background:#fff;color:#f47215}.service_ss-quote .quote-col:nth-child(4) .quote-price{color:#6254e7}.service_ss-quote .quote-col:nth-child(4) a{background-image:linear-gradient(90deg,#9289f1 0%,#6254e7 100%)}.service_ss-register,.service_ss-register .row .col{padding-bottom:0!important}.service-form{display:flex;gap:20px;justify-content:center;text-align:left}.service-faq{text-align:left}.service-faq .accordion-title{padding:.6em 0;border-top:unset;border-bottom:1px solid #ddd;font-size:18px;font-weight:700}.service-faq .accordion-title.active{background-color:transparent;color:var(--blur-color)}.service-faq .accordion-item .toggle{position:absolute;left:100%}

.contact-box .contact-title {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	gap: 10px;
}

.contact-box .contact-title img {
	width: auto;
    height: 60px;
}

.contact-box .contact-title h3,
.contact-box .contact-title p {
	margin: 0;
}

.contact-box .contact-if {
	margin-bottom: 20px;
}

.contact-box .contact-if p {
	margin: 0;
	font-size: 16px;
}

.contact-box .contact-if p:first-child {
	color: #3b3663;
    font-weight: 700;
}

.contact-box .contact-if.phone p:last-child {
	color: #5747e4; 
	font-weight: 400;
}

.contact.form-froup p {
	display: flex;
    gap: 20px;
}

.contact.form-froup p input,
.ss_contact .wpcf7-textarea {
	border: unset;
    border-bottom: 1px solid rgba(98,84,231,.3);
    padding: 0;
	background-color: transparent !important;
}

.contact.form-froup p input::placeholder,
.ss_contact .wpcf7-textarea::placeholder {
  color: var(--cs-primary-color);
	font-size: 14px;
}

.contact-form-col {
	padding: 30px;
}

.contact-form-col:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(https://dichvuseo.com.vn/wp-content/uploads/2019/07/contacts_img_02.png);
	top: 0;
    left: 0;
	border-radius: 12px;
}

.contact-form-col .main-title {
	font-size: 22px;
	text-align: center;
}

.science_page .section-title-normal,
.science_page .section-title-normal span{
	border: none;
	text-transform: none;
}

.science_page .top-post .col.post-item:first-child {
	flex-basis: 50%;
    max-width: 50%;
}

.science_page .top-post .col.post-item:first-child .box-text {
	position: absolute;
    bottom: 0;
    padding: 24px;
    background-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px
}

.science_page .top-post .col.post-item .box-text {
	padding: 20px;
}

.science_page .top-post .col.post-item .box {
	border: 1px solid #ddd;
    border-radius: 8px;
}

.science_page .top-post .col.post-item:first-child .box-text .post-title a,
.science_page .top-post .col.post-item:first-child .box-text .cat-label{
	color: #fff;
	opacity: 1;
}

.science_page .top-post .col.post-item .col-inner,
.science_page .top-post .col.post-item .box {
	height: 100%;
}

.science_page .top-post .col.post-item:first-child .box-normal .box-image,
.science_page .box.box-vertical .box-image {
	border-radius: 8px;
}


.science_page .top-post .col.post-item .box-image {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.faq_ss-top h2,
.faq_ss-top h3 {
	color: #fff;
}

.faq_ss-content .icon-box {
	display: flex;
	align-items: center;
	padding-bottom: 10px;
	border-bottom: 2px solid var(--primary-color);
	margin-bottom: 15px;
}

.faq_ss-content .icon-box .icon-box-text h5 {
	color: var(--primary-color);
    font-size: 20px;
}

.faq_ss-content .post-item {
	padding-bottom: 0;
}

.faq_ss-content .post-item .box-text {
	padding: 5px 0;
}

.faq_ss-content .cs-col .col-inner {
	background-color: #fff;
    padding: 15px;
    border-radius: 5px;
}


.faq_ss-content .post-item .col-inner {
	padding: 0;
}

.user_ss-intro {
	padding: 170px 0 !important;
}

.user_ss-intro .section-bg.bg-loaded {
	min-height: 350px;
    background-position: 60% 17%;
}

.user-col {
	text-align: center;
}

.user-col .col-inner {
	padding: 40px;
    background-color: rgb(240, 240, 240);
    border-radius: 16px;
    margin-top: -200px;
}

.user-col .img {
	max-width: 300px;
	margin: 0 auto;
}

.user-col .user-title {
	color: var(--blur-color);
}

.user-col .user-part {
	color: var(--cs-main-color);
}

.user_ss-skill .col-inner {
	text-align: justify;
}

.user_ss-skill .ss_about-us {
	background-image: unset;
}

.post-item .post-title {
	color: var(--cs-main-color);
}

.post-item .cat-label {
	    font-size: 14px;
    font-weight: 600;
    color: var(--cs-primary-color);
    text-transform: none;
}

.post-item .is-divider,
.post-item .from_the_blog_excerpt {
	display: none;
}

.single.single-post .featured-title {
	min-height: 250px !important;
	background-image: url(https://dichvuseo.com.vn/wp-content/uploads/2019/09/pic_paralax_2.jpg);
}

.single.single-post .featured-title .page-title-inner .entry-divider {
	display: none;
}

.custom-html-widget .main-content {
	font-size: 14px;
	text-align: justify;
}

.custom-html-widget .main-title {
	font-size: 18px;
    text-align: center;
    margin-top: 20px;
}

#search-2 .widget-title,
#search-2 .is-divider,
.widget.flatsome_recent_posts .is-divider{
	display: none;
}

#search-2 .ux-search-submit {
	background: none;
    color: #000;
}

#custom_html-2 img {
	border-radius: 50%;
}

#custom_html-3 .is-divider {
	display: none;
}

.post_comments.block {
	display: none;
}

#comments {
	display: none;
}

.posst-contact {
	display: flex;
    justify-content: center;
    gap: 15px;
}

.widget.flatsome_recent_posts .widget-title,
#custom_html-3 .widget-title{
	font-size: 18px;
    text-transform: none;
    color: var(--cs-main-color);
    margin-bottom: 15px;
    display: block;
}

.widget.flatsome_recent_posts .recent-blog-posts {
	padding: 10px;
    border: 1px solid #eee;
    border-radius: 8px;
	margin-bottom: 10px;
}

.widget.flatsome_recent_posts>ul>li+li {
	border-top: none;
}

.mfp-container {
	background: #fff;
}

#search-lightbox .ux-search-submit {
	background: none;
    color: #000;
}

.live-search-results {
	display: none;
}

.live-search-results .search-name {
	color: var(--cs-main-color);
}

.footer-top-col {
	border-bottom: 1px solid #ddd;
}

.footer-top-col .col-inner {
	display: flex;
	align-items: center;
    gap: 20px;
}

.footer-top-col .col-inner p {
	margin: 0;
}

.footer-title {
	color: var(--cs-main-color);
	font-weight: 700;
}

.footer-top-col .social-icons i {
	color: var(--cs-main-color);
	margin: 0 10px;
}

.footer-top-col .social-icons i

.row-footer-bottom {
	margin-top: 30px;
}

#footer .medium-5 p {
	margin-bottom: 10px;
}

input[type="email"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="text"],
input[type="password"],
textarea,
select {
    box-shadow: unset !important;
}

.wpcf7 .wpcf7-not-valid-tip {
	font-size: 12px;
}

.wpcf7 .wpcf7-not-valid-tip:after {
	content: none;
}

.wpcf7 form .wpcf7-response-output {
	font-size: 12px;
	margin: 0;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	body {
		font-size: 16px;
	}
	
	.home-banner {
		height: unset;
	}
	
	.home-banner .text-box {
		width: 100% !important;
	}
	
	.ss_service .col-box {
		margin-top: 0;
	}
	
	.ss_service .row-box {
		margin-left: 15px;
		margin-right: 15px;
		width: auto;
	}
	
	.ss_about-us .row-bottom .col:nth-child(2) {
		padding-left: 15px;
	}
	
	.science_page .top-post .col.post-item:first-child {
		flex-basis: 100%;
    	max-width: 100%;
	}
	
	.main-title {
		font-size: 20px;
	}
	
	.ss_culture .main-title {
		padding: 0 15px;
	}
	
	.box-text {
		font-size: 100%;
	}

}