/*
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.   ***************/
.hidden-tab {display: none !important;}
.pixta-service-wrapper { margin: 20px 0; }
.pixta-header { display:flex; justify-content:flex-end; margin-bottom:10px; }
.province-select-trigger {color: #2d6bf6;border-bottom: 1.5px solid #2d6bf6;}
.province-popup-inner { padding:20px; max-width:520px; }
.province-list { list-style:none; padding:0; columns:2; }
.province-list li { margin:6px 0; }
.pixta-tabs { display:flex; gap:10px; margin-bottom:12px; width: max-content;min-width: 100%;}
.pixta-tab { padding:6px 20px; cursor:pointer; border:1px solid #ddd; margin-right: 0; border-radius: 25px;font-size: 14px;font-weight: 600;}
.pixta-tab.active { background: #F0F3FE; border-color:#2d6bf6;}
.pixta-grid .service-card {border:1px solid #eee; border-radius:10px; overflow: hidden;box-sizing:border-box; background:#fff; }
@media (max-width: 992px) {
	.pixta-grid.medium-columns-2 .flickity-slider .col{flex-basis: 45%;max-width: 45%;}
}
@media (max-width: 576px) {
	.pixta-grid.small-columns-1 .flickity-slider .col{flex-basis: 90%;max-width: 90%;}
}
.pixta-thumb{position: relative;}
.pixta-thumb .package-badge{position: absolute; top: 0; left: 0; padding: 2px 15px 2px 12px; align-items: center; z-index: 10; border-radius: 12px 0 32px 0; display: flex; gap: 5px; }
.pixta-thumb .package-badge .package-badge-text{font-size: 13px;}
.pixta-service-content{padding: 20px 15px;}
.pixta-service-content .pixta-title{text-align: center;font-size: 24px;}
.pixta-service-content .icon-info{color: #888888;font-size: 16px;text-align: center;position: relative;width: 100%;background: url("assets/img/info-circle.svg") no-repeat calc(50% + 35px) center/16px 16px;}
.pixta-service-content .pixta-price{text-align: center;margin-bottom: 15px;}
.pixta-service-content .pixta-excerpt{height: 100px;overflow: hidden;margin-bottom: 15px;}
.pixta-service-content .pixta-excerpt ul{position: relative;list-style: none;overflow-y: scroll;height: 100%;padding-right: 16px;-webkit-overflow-scrolling: touch;scrollbar-width: thin;scrollbar-color: #E7E7E7 #F5F5F5;font-size: 15px;}
.pixta-service-content .pixta-excerpt ul li{background: url("assets/img/tick-circle.svg") no-repeat left center;margin-left: 0;padding-left: 35px;}

.pixta-service-btn{background-color: #2d6bf6;width: 100%;display: block;color: #fff;padding: 10px;text-align: center;border-radius: 10px;}
.form-tuvansanpham .wpcf7-form{margin-bottom: 0;}
.form-tuvansanpham .wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-control{border-radius: 10px;min-height: 45px;}
.form-tuvansanpham .wpcf7-form .wpcf7-submit{width: 100%;color: #fff;border-radius: 10px;margin: 0;position: relative;}
.price-value{ font-weight:600; font-size:21px; }
.province-popup {display: none; position: fixed; z-index: 9999; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); } 
.province-popup .popup-content {background: #fff; width: 90%; max-width: 500px; margin: 120px auto; padding: 20px; border-radius: 10px; } 
.select2-container {z-index: 99999 !important; }
.save-province{margin: 0px;width: 100%;}

.card-speed-box {background: #F7F7F8; border: 1px solid #E7E7E7; border-radius: 10px; padding: 12px; display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-bottom: 15px; position: relative; } 
.speed-info {flex: 1; display: flex; flex-direction: column; gap: 6px; padding-right: 70px; width: 100%; } 
.speed-label {font-size: 13px; font-weight: 400; line-height: 1.4; color: #3D3D3D; } 
.speed-values {display: flex; align-items: center; gap: 4px; } 
.speed-item {display: flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 700; line-height: 1.5; letter-spacing: -0.6px; color: #3D3D3D; } 
.speed-icon {width: 16px; height: 16px; flex-shrink: 0; } 
.speed-meter {width: 62px; height: 32px; flex-shrink: 0; position: relative; padding-right: 8px; } 
.speed-meter svg {width: 100%; height: 100%; }

/* Speed meter gauge colors - All Orange (no red) */
.speed-gauge-0 { stroke: #E7E7E7; } /* 0% - Grey */
.speed-gauge-25 { stroke: #FF8C00; } /* 25% - Orange */
.speed-gauge-50 { stroke: #FF8C00; } /* 50% - Orange */
.speed-gauge-75 { stroke: #FF8C00; } /* 75% - Orange */
.speed-gauge-100 { stroke: #FF8C00; } /* 100% - Orange */

.speed-needle {transition: transform 0.3s ease;}
.speed-needle path {fill: #B0B0B0!;stroke: #FFFFFF;stroke-width: 0.5;filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.1));}

.gauge {width: 60px;height: 30px;position: absolute;right: 15px;top: 20px;}
.gauge svg {display: block;width: 100%;height: 100%;}

.main-popup{padding-left: 20px;padding-right: 20px;}
.popup-form .wpcf7-form{margin-bottom: 0;}
#popup{background-color: #fff !important;border-radius: 10px;}
#popup .mfp-close{color: #333;opacity: 1;}