/*
Theme Name: Flatsome Child
Description: NamKiem developed for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.17.7
*/

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


/* Văn Phòng Chia Sẽ */
.bg-box-text {
    background: #1ba9ff;
    border-radius: 8px;
    text-align: center;
    padding: 30px 20px;
}
.bg-box-text h3 {
    font-size: 40px;
    color: #fff;
    margin-bottom: 0px;
}
.under {
    color: rgb(255, 255, 255);
    font-weight: bold;
    margin-bottom: 0px;
    border-bottom: 1px solid #fff;
    width: auto;
    display: inline-block;
}

.btn-dangky {
    width: 100%;
    background: #fff;
    border-radius: 8px;
    color: #1ba9ff !important;
    font-weight: bold;
    font-size: 26px !important;
    margin-bottom: 20px;
}
.bg-box-text:after {
    background: transparent;
    content: '';
    top: 20px;
    left: -20px;
    border: 2px solid #ffffff;
    height: 100%;
    width: 100%;
    z-index: -1;
    position: absolute;
    border-radius: 8px;
}

.list {margin-top: -50px;}


.list .col .col-inner {
    background: white;
    border-radius: 10px;
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

.list .col-gradien .col-inner {
    background: linear-gradient(130deg, rgba(16, 154, 167, 1.0), rgba(25, 93, 163, 1.0)) !important;
    color: #fff;
}
.form-vp-cs {
    background: #01adee;
    text-align: center;
    padding: 40px;
    color: white;
    border-radius: 15px;
}

.form-vp-cs span.wpcf7-spinner {display: none;}

.form-vp-cs input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: 100%;
}
.form-vp-cs p {
    font-size: 110%;
}


/* Văn Phòng Trịn Gói */
.row-quytrinh {
    counter-reset: section;
}
.row-quytrinh .col-quy-trinh:before {
    counter-increment: section;
    content: counter(section);
    position: absolute;
    width: 50px;
    height: 50px;
    background: #0752f9;
    font-size: 22px;
    font-weight: 600;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    color: #fff;
    border-radius: 50px;
    line-height: 50px;
    text-align: center;
    z-index: 1;
}

.row-quytrinh .col-quy-trinh .col-inner {
    border: 1px solid;
    border-radius: 10px;
}


.row-quytrinh .col-quy-trinh i.fas.fa-heart {
    color: red;
}
.row-quytrinh .col-quy-trinh {
    flex: 20%;
    max-width: 20%;
}
.row-quytrinh .col-quy-trinh p:first-child {
    min-height: 200px;
}

p.text-count {
    font-size: 300%;
    margin-bottom: 0px;
    color: #01adee;
}

.col-taisao .col-inner {
    border: 1px solid;
    padding: 20px 50px;
    border-radius: 20px;
}

.col-taisao p {
    font-weight: bold;
}

.col-loinhan .col-inner {min-height: 400px;height: 100%;border: 1px solid;border-radius: 10px;background: #5e6c93;color: white;font-size: 150%;}

.col-loinhan .col-inner .text {padding-top: 10%;width: 50%;margin: auto;}





/*
 * Thành Lập Công Ty */
p.count-up {
    margin-bottom: 0px;
    font-size: 250%;
}

@media only screen and (min-width: 500px) {
	.row-quytrinh-tlct .quy-trinh {
    flex: 20%;
    max-width: 20%;
}
	
}

/* Cho thuê phòng họp */

.row-sec-dv {
    border-radius: 10px;
    overflow: hidden;
    background: white;
}

.row-sec-dv .col-text .col-inner {
    padding: 20px;
}


.row-loaiphong .col-phong .col-inner {
    background: white;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,.16), 0 3px 6px rgba(0,0,0,.23);
    padding: 20px;
    border-radius: 10px;
}

p.gph {
    margin-bottom: 10px;
}
p.gph span {
    color: red;
    font-weight: bold;
}







/* Viết Phần Mobile Ở Đây */

@media only screen and (max-width: 490px) {
	
	.row-quytrinh .col-quy-trinh {
		flex: 100%;
		max-width: 100%;
	}
	.row-quytrinh .col-quy-trinh p:first-child {
		min-height: auto;
	}
	.col-loinhan .col-inner .text {
		padding-top: 20%;
		width: 100%;
		margin: auto;
	}
	.sec-footer p {font-size:95%;
	}
	
	
	
}