/* ===== KHỐI TRÊN ===== */
 .ka-quote-top {
	 background: var(--ka-bg-soft);
	 padding: 3rem 0 3.4rem;
}
 .ka-crumb {
	 font-size: 13px;
	 color: var(--ka-muted);
	 margin-bottom: 2rem;
}
 .ka-crumb a {
	 color: inherit;
	 text-decoration: none;
}
 .ka-crumb a:hover {
	 text-decoration: underline;
}
 .ka-crumb .sep {
	 margin: 0 .5rem;
}
 .ka-crumb .current {
	 color: var(--ka-orange);
	 font-weight: 500;
}
 .ka-eyebrow-t {
	 color: var(--ka-orange);
	 font-weight: 700;
	 font-size: 14px;
	 text-transform: uppercase;
	 letter-spacing: .01em;
	 margin-bottom: .7rem;
}
 .ka-h1 {
	 color: var(--ka-navy);
	 font-weight: 700;
	 line-height: 1.15;
	 font-size: clamp(2rem, 4vw, 2.75rem);
	 margin-bottom: 1.1rem;
}
 .ka-lead {
	 color: var(--ka-muted);
	 font-size: 1.1rem;
	 line-height: 1.6;
	 max-width: 600px;
	 margin-bottom: 1.8rem;
}
 .ka-steps-v {
	 list-style: none;
	 margin: 0 0 1.8rem;
	 padding: 0;
	 display: grid;
	 gap: 1rem;
}
 .ka-steps-v li {
	 display: flex;
	 align-items: center;
	 gap: .9rem;
}
 .ka-num {
	 flex: none;
	 width: 36px;
	 height: 36px;
	 border-radius: 50%;
	 display: grid;
	 place-items: center;
	 font-weight: 700;
	 font-size: .9rem;
	 background: #EAF2F8;
	 color: var(--ka-navy);
}
 .ka-steps-v li:first-child .ka-num {
	 background: var(--ka-orange);
	 color: #fff;
	 width: 36px;
	 height: 36px;
}
 .ka-steps-v strong {
	 display: block;
	 color: var(--ka-navy);
	 font-size: 1rem;
	 font-weight: 500;
	 line-height: 1.25;
}
 .ka-steps-v small {
	 color: var(--ka-muted);
	 font-size: .88rem;
}
 .ka-secure {
	 display: flex;
	 align-items: center;
	 gap: .7rem;
	 background: #fdeee3;
	 border-radius: 10px;
	 padding: .95rem 1.1rem;
	 font-size: .92rem;
	 max-width: 596px;
}
 .ka-secure i {
	 color: #2e9e5b;
	 font-size: 1.1rem;
}
/* ===== THẺ FORM ===== */
 .ka-form-card {
	 background: #fff;
	 border-radius: 20px;
	 padding: 2rem;
	 box-shadow: 0 10px 30px rgba(26, 58, 92, .10);
}
 .ka-form-card h2 {
	 color: var(--ka-navy);
	 font-weight: 700;
	 font-size: 1.75rem;
	 margin: 0 0 .2rem;
}
 .ka-form-card .ka-form-sub {
	 color: var(--ka-muted);
	 font-size: .88rem;
	 margin: 0 0 1.4rem;
}
/* ===================================================== FORM CONTACT FORM 7 ===================================================== */
 .ka-cf7 .wpcf7-form p {
	 margin: 0;
}
/* bỏ <p> do wpautop sinh ra */
 .ka-cf7 br {
 	display: none;
 }
 .ka-cf7 .ka-field {
	 margin-bottom: 1.15rem;
}
 .ka-cf7 .ka-label {
	 display: block;
	 color: var(--ka-navy);
	 font-weight: 500;
	 font-size: .95rem;
	 margin-bottom: .5rem;
}
 .ka-cf7 .wpcf7-form-control-wrap {
	 display: block;
	 position: relative;
}
/* input / select / textarea */
 .ka-cf7 input[type="text"], .ka-cf7 input[type="tel"], .ka-cf7 input[type="email"], .ka-cf7 select, .ka-cf7 textarea {
	 width: 100%;
	 border: 1px solid #D9E2EA;
	 border-radius: 8px;
	 background: #fff;
	 padding: .8rem 1rem;
	 font: inherit;
	 font-size: .95rem;
	 color: var(--ka-text);
	 transition: border-color .15s, box-shadow .15s;
}
 .ka-cf7 input::placeholder, .ka-cf7 textarea::placeholder {
	 color: #94a3b8;
}
 .ka-cf7 input:focus, .ka-cf7 select:focus, .ka-cf7 textarea:focus {
	 outline: 0;
	 border-color: var(--ka-navy);
	 box-shadow: 0 0 0 3px rgba(26, 58, 92, .12);
}
 .ka-cf7 select {
	 appearance: none;
	 -webkit-appearance: none;
	 padding-right: 2.4rem;
	 color: #64748b;
	 background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='%231a3a5c'%3E%3Cpath d='M0 0h10L5 6z'/%3E%3C/svg%3E") no-repeat right 1rem center;
}
 .ka-cf7 textarea {
	 min-height: 92px;
	 resize: vertical;
}
/* pill hạng mục (CF7 radio) */
 .ka-cf7 .wpcf7-radio.ka-pills {
	 display: flex;
	 flex-wrap: wrap;
	 gap: .6rem;
}
 .ka-cf7 .ka-pills .wpcf7-list-item {
	 margin: 0;
}
 .ka-cf7 .ka-pills label {
	 position: relative;
	 margin: 0;
	 cursor: pointer;
}
 .ka-cf7 .ka-pills input {
	 position: absolute;
	 opacity: 0;
	 inset: 0;
	 width: 100%;
	 height: 100%;
	 margin: 0;
	 cursor: pointer;
}
.ka-cf7 .ka-pills .wpcf7-list-item-label {
	display: inline-block;
	padding: 7px 14px;
	border: 1px solid #D9E2EA;
	border-radius: 999px;
	background: #fff;
	color: var(--ka-navy);
	font-size: 13px;
	font-weight: 500;
	transition: all .15s;
}
 .ka-cf7 .ka-pills label:hover .wpcf7-list-item-label {
	 border-color: var(--ka-navy);
}
 .ka-cf7 .ka-pills input:checked + .wpcf7-list-item-label {
	 background: var(--ka-navy);
	 border-color: var(--ka-navy);
	 color: #fff;
}
 .ka-cf7 .ka-pills input:focus-visible + .wpcf7-list-item-label {
	 outline: 3px solid rgba(26, 58, 92, .35);
	 outline-offset: 2px;
}
/* vùng kéo thả ảnh (CF7 file) */
.ka-cf7 .ka-drop {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	min-height: 76px;
	padding: 1rem;
	border: 1.5px solid #D9E2EA;
	border-radius: 10px;
	transition: background .15s, border-color .15s;
	background: #EAF2F8;
}
.ka-cf7 .ka-drop p {
	margin-bottom: 0;
}
 .ka-cf7 .ka-drop:hover, .ka-cf7 .ka-drop:focus-within {
	 background: #dde9f5;
	 border-color: var(--ka-navy);
}
 .ka-cf7 .ka-drop > i {
	 font-size: 1.7rem;
	 color: var(--ka-navy);
	 opacity: .8;
}
 .ka-cf7 .ka-drop-text strong {
	 display: block;
	 color: var(--ka-navy);
	 font-size: .9rem;
	 font-weight: 500;
}
 .ka-cf7 .ka-drop-text small {
	 color: var(--ka-muted);
	 font-size: .78rem;
}
 .ka-cf7 .ka-drop .wpcf7-form-control-wrap {
	 position: static;
}
 .ka-cf7 .ka-drop input[type="file"] {
	 position: absolute;
	 inset: 0;
	 width: 100%;
	 height: 100%;
	 opacity: 0;
	 cursor: pointer;
}
/* nút gửi (CF7 submit) */
 .ka-cf7 .ka-submit-wrap {
	 position: relative;
	 margin-top: 1.4rem;
}
 .ka-cf7 .ka-submit-wrap::after {
	 /*content: "\f138";*/
	 font-family: "bootstrap-icons";
	 position: absolute;
	 right: 1.6rem;
	 top: 50%;
	 transform: translateY(-50%);
	 color: #fff;
	 pointer-events: none;
}
 .ka-cf7 input[type="submit"], .ka-cf7 .wpcf7-submit {
	 width: 100%;
	 border: 0;
	 border-radius: 10px;
	 background: var(--ka-orange);
	 color: #fff;
	 font: inherit;
	 font-weight: 700;
	 font-size: 1rem;
	 padding: 1.05rem 3rem;
	 cursor: pointer;
	 transition: background .15s;
}
 .ka-cf7 input[type="submit"]:hover {
	 background: var(--ka-orange-dark);
}
 .ka-cf7 input[type="submit"]:focus-visible {
	 outline: 3px solid rgba(238, 118, 33, .4);
	 outline-offset: 2px;
}
 .ka-cf7 .wpcf7-spinner {
	 position: absolute;
	 right: 3.6rem;
	 top: 50%;
	 margin: -12px 0 0;
}
/* thông báo / lỗi của CF7 */
 .ka-cf7 .wpcf7-not-valid {
	 border-color: #dc3545 !important;
}
 .ka-cf7 .wpcf7-not-valid-tip {
	 color: #dc3545;
	 font-size: .8rem;
	 margin-top: .3rem;
	 display: block;
}
 .ka-cf7 .ka-drop .wpcf7-not-valid-tip {
	 position: absolute;
	 left: 0;
	 bottom: -1.5rem;
}
 .ka-cf7 .wpcf7 form .wpcf7-response-output {
	 margin: 1.2rem 0 0;
	 padding: .8rem 1rem;
	 border-radius: 8px;
	 border-width: 1px;
	 font-size: .9rem;
}
 .ka-cf7 .wpcf7 form.sent .wpcf7-response-output {
	 border-color: #2e9e5b;
	 background: #eaf7ef;
	 color: #1e6b3d;
}
 .ka-cf7 .wpcf7 form.invalid .wpcf7-response-output, .ka-cf7 .wpcf7 form.unaccepted .wpcf7-response-output {
	 border-color: #f0ad4e;
	 background: #fff7ea;
	 color: #8a5a00;
}
 .ka-cf7 .wpcf7 form.failed .wpcf7-response-output, .ka-cf7 .wpcf7 form.aborted .wpcf7-response-output {
	 border-color: #dc3545;
	 background: #fdecee;
	 color: #a02531;
}
/* ===== AN TÂM ===== */
 .ka-trust {
	 padding: 3rem 0 3.4rem;
	 text-align: center;
}
 .ka-trust h2 {
	 color: var(--ka-navy);
	 font-weight: 700;
	 font-size: 1.75rem;
	 margin-bottom: .4rem;
}
 .ka-trust .sub {
	 color: var(--ka-muted);
	 margin-bottom: 1.8rem;
}
 .ka-trust-card {
	 display: flex;
	 align-items: center;
	 gap: 1rem;
	 text-align: left;
	 background: var(--ka-bg-soft);
	 border-radius: 12px;
	 padding: 1.1rem 1.3rem;
	 height: 100%;
}
 .ka-trust-ic {
	 flex: none;
	 width: 44px;
	 height: 44px;
	 border-radius: 50%;
	 background: #fdeee3;
	 color: var(--ka-orange);
	 display: grid;
	 place-items: center;
	 font-size: 1.3rem;
}
 .ka-trust-card strong {
	 display: block;
	 color: var(--ka-navy);
	 font-size: 1rem;
	 font-weight: 700;
	 margin-bottom: .15rem;
}
 .ka-trust-card span {
	 color: var(--ka-muted);
	 font-size: .85rem;
}
 @media (max-width: 575.98px) {
	 .ka-form-card {
		 padding: 1.4rem 1.1rem;
	}
	 .ka-cf7 input[type="submit"] {
		 padding-inline: 2.4rem;
	}
}


@media only screen and (max-width: 640px) {
	.ka-cf7 input[type="text"], .ka-cf7 input[type="tel"], .ka-cf7 input[type="email"], .ka-cf7 select, .ka-cf7 textarea{
		padding: 10px;
	}
	.ka-quote-top {
		padding: 20px 0;
	}
	.ka-crumb {
		margin-bottom: 1rem;
	}
	.ka-h1 {
		font-size: 22px;
	}
	.ka-lead {
		font-size: 14px;
		line-height: 1.4;
		margin-bottom: 15px;
	}
	.ka-trust h2,
	.ka-form-card h2{
		font-size: 22px;
	}
	.ka-form-card-popup p,
	.ka-form-card p {
		margin-bottom: 0;
	}
	.ka-trust {
		padding: 20px 0;
	}
	.ka-trust .sub {
		margin-bottom: 20px;
	}
}