/*
Theme Name: Dịch vụ 3T
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.1
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.stuck .header-main {
    display: none;
}
.header-bottom .nav > li > ul {
		padding: 5px;
}
h1, h2, h3, h4 {
    text-wrap: inherit!important;
}
.headerbutton {
		color: #fff!important;
		padding: 5px 15px 5px 8px!important;
		border-radius: 99px;
		text-transform: none!important;
		font-weight: normal!important;
		text-align: left;
}
.headerbutton i {
		font-size: 140%!important;
		background: #fff;
		padding: 8px;
		border-radius: 50%;
		margin-right: 0!important;
}
.headerbutton span span {
		display: block;
		font-size: 120%;
		font-weight: bold;
		line-height: 1;
}
.bookingbtn {
		padding: 8px 20px 8px 20px!important;
		border-radius: 99px;
		align-items:center;
}
.bookingbtn i {
		font-size: 120%!important;
}
.deskslider {
		margin-top: 15px;
}
.deskslider img {
		border-radius: 8px;
}
.slider .dot {
    background: #1e9fd8;
    border: none;
    opacity: 1;
}
.slider .dot.is-selected {
    background: #ffb038;
}
.homeabout {
		padding-top: 60px;
		padding-bottom: 40px;
}
.homeabout .hometitle {
		margin-bottom: 10px;
}
.homeabout p {
		margin-bottom: 10px;
}
.homestats .stats {
		display: flex;
		align-content: center;
		align-items: center;
}
.homestats .leftside {
		font-size: 45px;
		color: #ffb038;
		padding-right: 5px;
		line-height: 1;
}
.homestats .rightside {
		font-size: 20px;
		font-weight: bold;
}
.homestats p {
		margin-bottom: 0px;
}
.homestats strong {
		background: #fff;
		color: #D3312C;
		font-size: 30px;
}
.homeabout img, .homeabout iframe {
		border-radius: 10px;
}
.hometitle {
		font-size: 36px;
		text-transform: uppercase;
}
.homeservices {
		background: #fff;
		padding-top: 50px;
		margin-bottom: 50px;
		padding-bottom: 40px;
}
.hometabs .nav {
		margin-bottom: 10px;
}
.hometabs .nav > li {
		background: #fff;
		padding: 0 20px;
		border-radius: 5px;
		margin: 0 2px;
		border:1px solid #1e9fd8;
}
.hometabs .nav > li > a {
		color: #1e9fd8;
		font-size: 100%;
		font-weight: bold;
		line-height: 1.2;
}
.hometabs .nav > li.active, .hometabs .nav > li:hover {
		background: #1e9fd8;
}
.hometabs .nav > li.active a, .hometabs .nav > li:hover a {
	color: #fff!important;
}
.camket {
		background: #fff;
		padding: 25px;
		margin-bottom: 15px;
		border-radius: 8px;
		display: flex;
		align-items: center;
}
.camket img {
		width:80px;
		height: auto;
		margin-right:10px;
}
.camket p {
		margin-bottom:0;
}
.camket .title {
		font-weight: bold;
		font-size: 120%;
		color: #1e9fd8;
}
.camket .subtitle {
		font-size: 90%;
}
.homereview {
		background: #fff;
		padding-top: 50px;
		padding-bottom: 50px;
}
.desktab {
		width: 74%!important;
		margin-right:1%;
}
.processtabs li {
		padding: 0 10px;
		border: 1px solid #f2f2f2;
}
.processtabs li + li {
		border-top: none;
}
.processtabs li a {
		color: #000;
		font-weight: normal;
}
.processtabs li.active, .processtabs li:hover {
		background: #f2f2f2;
}
.processtabs li.active>a, .processtabs li:hover>a {
		color: #1e9fd8!important;
}
.processtabs .tab-panels {
		padding-top: 0;
}
.processtabs .button {
		margin-top: 15px;
		margin-bottom:0
}
.processtabs .button {
		width:100%;
		padding: 16px 0;
		font-weight: normal;
		margin-right:0;
}
.homefeedbacks {
		padding-top: 60px;
}
.hometrainghiem h2 {
		margin-bottom: 0;
}
.homefeedbacks .aboutvideo .button {
		width: 50px;
		z-index:1;
}
.swiper-container {
	width: 100%;
	padding-top: 30px;
	padding-bottom: 50px;
}

.swiper-slide {
	background-position: center;
	background-size: cover;
	width: 450px;
	overflow: hidden;
	border-radius: 8px;
}
.picture {
	width: 450px;
	height: 253px;
	overflow: hidden;
}
.picture img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 2;
}
.picture .title {
		text-shadow:
    -1px -1px 0 white,
    1px -1px 0 white,
    -1px 1px 0 white,
    1px 1px 0 white;
		font-size: 150%;
		position: absolute;
		text-align: center;
		width:100%;
		left: 0;
		color: #1e9fd8;
}
.homepartners {
		padding-bottom: 40px;
        padding-top: 20px;
}
.homepartners .image-cover {
		border-radius: 8px;
}
.homepartners .slider {
		padding-bottom: 10px;
}
.homenews {
    padding-bottom: 40px;
    padding-top: 60px;
}
.homenews .col-inner, .homenews .image-cover {
		border-radius: 8px;
        background-color: #fff;
}
.homenews h3 a {
		color: #000;
		font-size: 16px;
}
.homenews .box-text {
		padding: 15px;
}
.homenews h3 {
		height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.homecta p {
		margin-bottom:10px;
}
.homecta i {
		padding-right: 5px;
}
.datlichhen .col {
		padding-bottom:0;
}
.datlichhen p {
		margin-bottom:0;
}
.viewmorebtn {
		border-radius: 99px;
		font-weight: normal;
		font-size: 90%;
		padding: 5px 40px;
}
.entry-content {
	padding-top: 0!important;
}
.entry-title {
	color: #000!important;
}
.single-page img {
	border-radius: 8px;
}
.custombread {
		background: #fff;
		margin-bottom: 30px;
}
.breadinner {
		margin: auto;
		max-width: 1370px;
		padding: 15px;
}
.breadinner p {
		margin-bottom:0;
		color: #1e9fd8;
}
.breadinner a {
		color: #000;
}
.single-page h2 {
		border-left: 5px solid #ffb038;
		padding-left: 10px;
}
.headerbanner {
		margin-top: 15px;
}
.headerbanner img {
		border-radius: 10px;
}
.servicepage {
		margin-top: 20px;
		margin-bottom: 30px
}
.businessprocess {
		padding-bottom: 30px;
}
.process .col-inner {
		background: #fff;
		padding: 20px 20px 1px 20px;
		border-radius: 8px;
}
.process .image {
		width: 60px;
		margin: auto;
		margin-bottom: 15px;
}
.process .title {
		font-weight: bold;
		color: #ffb038;
		margin-bottom: 10px;
		text-align: center;
}
.process .subtitle {
		font-size: 90%;
}
.deskprocess:first-child i, .mobileprocess:nth-child(5) i {
		display:none;
}
.deskprocess i {
		position: absolute;
		margin-left: -35px;
		top: 40%;
		color: #dd3333;
}
.mobileprocess {
		display: block!important;
		text-align: center;
}
.mobileprocess i {
		color: #dd3333;
		bottom: 0;
		margin-top: 30px;
}
.servicepage .homepromise .col-inner {
		padding: 10px;
}
.servicecta p {
		margin-bottom:0px
}
.servicecta form {
		margin-top: 20px;
}
.servicecta i {
		color: #ffb038;
		padding-right: 5px;
}
.wpcf7-text, .wpcf7-textarea, .wpcf7-select {
		border:1px solid #ffb038!important;
		box-shadow: none!important;
		border-radius: 4px!important;
}
.wpcf7-submit {
		border-radius: 4px!important;
		font-weight: normal!important;
		margin-right: 0!important;
        margin-bottom: 0!important;
}
.wpcf7-spinner {
		display: none;
}

.widget {
		background: #fff;
}
.widget-title {
		display: block;
		background: #1e9fd8;
		color: #fff;
		padding: 15px;
		border-radius: 6px 6px 0 0;
}
.widget .is-divider {
		display: none;
}
.widget ul {
		padding: 0 15px;
}
.widget ul li a {
		color: #000;
}
.widget .current-cat a {
		color: #1e9fd8;
}
.widget ul li ul {
		border-left: none;
		margin-left:0;
}
.widget ul li ul li {
		list-style-type: circle;
}
.pageinner {
		background: #fff;
		padding: 15px;
		border-radius: 6px;
}
.postslist {
		background: #fff;
		border-radius: 6px;
}
.postslist .box-image {
		border-radius: 6px;
}
.postslist h2 {
		font-size: 16px;
}
.postslist h2 a {
		color: #000;
}
.postslist .postinfo {
		color: #1e9fd8;
		font-size: 90%;
}
.postslist .postinfo i {
		padding-right: 5px;
}
.page-wrapper {
		padding:0;
}
.rightpost {
		display: flex;
		align-items:center;
		border-top:1px dotted #1e9fd8;
		padding-top: 8px;
		margin-bottom: 8px;
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
}
.rightpost .box {
		width: 90px!important;
}
.rightpost .box-image {
		border-radius: 5px;
}
.rightpost .title {
		width: 100%;
		margin-bottom:0;
		margin-left: 10px;
		color: #000;
		font-size: 90%;
}
p.widget-title {
		margin-bottom: 0px;
		padding: 10px 15px;
		text-transform: uppercase;
}
.post {
		margin:0;
}
.relatedtitle {
		text-transform: uppercase;
		font-size: 140%;
		border-bottom: 1px dotted;
		margin-bottom:15px;
}
.relatedpost .box-image {
		border-radius: 6px;
}
.relatedpost .box-text {
		padding: 15px;
}
.relatedpost .overlay {
		background: linear-gradient(0deg, #1b283bc7, transparent 75%);
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(0deg, rgba(27, 40, 59, 0.78), transparent 75%);
}
.homeexpert {
	max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
	font-size: 90%;
}
.postdate {
		font-size: 90%;
}
.postdate i {
		margin-right: 5px;
		color: #1e9fd8;
}
#acf-filters, .acf-pagination {
    display: flex;
	align-items:center;
    flex-wrap: nowrap; /* Không xuống dòng */
    overflow-x: auto;  /* Bật cuộn ngang */
    gap: 10px;         /* Khoảng cách giữa các item */
    padding-bottom: 5px; /* Tạo khoảng để tránh che thanh cuộn */
    -webkit-overflow-scrolling: touch; /* Cho iOS mượt */
}

#acf-filters::-webkit-scrollbar {
    height: 6px; /* Độ cao thanh cuộn */
}

#acf-filters::-webkit-scrollbar-thumb {
    background: #ccc; 
    border-radius: 4px;
}
#acf-filters label {
	display: flex;
	align-items:center;
	font-weight:normal;
}
#acf-filters input {
	margin-bottom:3px!important;
	margin-right:5px;
}
#acf-filters::-webkit-scrollbar-track {
    background: transparent;
}
.customfooter .col {
		padding-bottom:0;
}
.customfooter p {
		margin-bottom: 10px;
}
.customfooter .button {
		padding: 5px;
		font-weight: normal;
}
.customfooter .follow-icons .button {
		padding: inherit!important;
}
.off-canvas-left , .off-canvas-right  {
		width: 100%;
		background-image: linear-gradient(to right bottom, #1e9fd8, #ffb038) !important;
		background-size: 100%!important;
	
}
.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
		width: 100%;
        background-image: linear-gradient(to right bottom, #1e9fd8, #ffb038) !important;
}
.off-canvas-left .mfp-content ul li a, .off-canvas-right .mfp-content ul li a {
		color: #fff!important;
		font-size: 16px;
}
.off-canvas-left .mfp-content ul li a:hover, .off-canvas-right .mfp-content ul li a:hover {
		text-decoration:none;
	color:#fff !important
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .homestats .stats {
        display: block!important;
        text-align: center!important;
    }
    .homestats .subtitle {
        text-align: center!important;
    }
    .swiper-slide {
		width: 300px;
	}
    .picture {
	width: 300px;
	height: 169px;
	overflow: hidden;
	}
}