
/*
 * Homepage — Hubungi Kami / Contact
 * Inserted after Layanan Kami and before Footer.
 */
.darfa-home-contact{
	--dhc-font:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
	--dhc-bg:#fff;
	--dhc-text:#17315D;
	--dhc-muted:#5B7095;
	--dhc-label:#17315D;
	--dhc-heading-label:#333333;
	--dhc-heading-title:#333333;
	--dhc-heading-intro:#333333;
	--dhc-accent:#FF6B1A;
	--dhc-accent-dark:#FF5A0A;
	--dhc-form-bg:#F4F7FB;
	--dhc-input-bg:#fff;
	--dhc-input-border:#DCE3ED;
	--dhc-info-bg:#25205F;
	--dhc-info-title:#99A2CC;
	--dhc-info-text:#fff;
	--dhc-info-icon:rgba(255,255,255,.12);
	--dhc-map-button-bg:#fff;
	--dhc-map-button-text:#1373E6;
	width:100%;
	background:var(--dhc-bg);
	color:var(--dhc-text);
	font-family:var(--dhc-font);
	box-sizing:border-box;
	clear:both;
	position:relative;
	isolation:isolate;
}

.darfa-home-contact,
.darfa-home-contact *{
	box-sizing:border-box;
}

.darfa-home-contact__inner{
	width:min(var(--dhc-max-width,1240px),calc(100% - 48px));
	margin:0 auto;
	padding:var(--dhc-pad-top,78px) 0 var(--dhc-pad-bottom,86px);
}

.darfa-home-contact__heading{
	text-align:center;
	max-width:940px;
	margin:0 auto 52px;
}

.darfa-home-contact__label{
	display:inline-block;
	margin:0 0 18px;
	font-size:var(--dhc-label-size,13px);
	line-height:1.2;
	font-weight:700;
	letter-spacing:.15em;
	color:var(--dhc-heading-label);
}

.darfa-home-contact__heading h2{
	margin:0 auto 18px;
	padding:0;
	color:var(--dhc-heading-title);
	font-family:var(--dhc-font);
	font-size:var(--dhc-title-size,17px);
	font-weight:800;
	line-height:1.3;
	letter-spacing:.01em;
}

.darfa-home-contact__heading p{
	margin:0 auto;
	max-width:820px;
	color:var(--dhc-heading-intro);
	font-family:var(--dhc-font);
	font-size:var(--dhc-intro-size,20px);
	font-weight:400;
	line-height:1.5;
}

.darfa-home-contact__status{
	max-width:960px;
	margin:-26px auto 28px;
	padding:13px 16px;
	border-radius:12px;
	font-size:14px;
	line-height:1.5;
	text-align:center;
}
.darfa-home-contact__status--success{background:var(--dhc-success-bg,#E7F7EF);color:var(--dhc-success-text,#166534)}
.darfa-home-contact__status--error{background:var(--dhc-error-bg,#FEECEC);color:var(--dhc-error-text,#B42318)}

.darfa-home-contact__grid{
	display:grid;
	grid-template-columns:minmax(0,1.02fr) minmax(350px,.70fr);
	gap:var(--dhc-gap,32px);
	align-items:stretch;
}

.darfa-home-contact__form-card{
	background:var(--dhc-form-bg);
	border-radius:var(--dhc-radius,16px);
	padding:var(--dhc-form-padding,32px);
}

.darfa-home-contact__form{
	display:flex;
	flex-direction:column;
	gap:20px;
	position:relative;
}

.darfa-home-contact__row{
	display:grid;
	gap:20px;
}
.darfa-home-contact__row--two{
	grid-template-columns:repeat(2,minmax(0,1fr));
}

.darfa-home-contact__field{
	display:flex;
	flex-direction:column;
	min-width:0;
}

.darfa-home-contact__field label{
	margin:0 0 8px;
	color:var(--dhc-label);
	font-family:var(--dhc-font);
	font-size:var(--dhc-field-label-size,14px);
	font-weight:600;
	line-height:1.35;
}

.darfa-home-contact__field input,
.darfa-home-contact__field textarea{
	width:100%;
	border:1px solid var(--dhc-input-border);
	border-radius:var(--dhc-input-radius,13px);
	background:var(--dhc-input-bg);
	color:var(--dhc-text);
	font-family:var(--dhc-font);
	font-size:var(--dhc-input-size,14px);
	font-weight:400;
	line-height:1.45;
	padding:11px 15px;
	outline:none;
	box-shadow:none;
	transition:border-color .22s ease,box-shadow .22s ease,background-color .22s ease;
}

.darfa-home-contact__field input{
	height:44px;
}

.darfa-home-contact__field textarea{
	min-height:122px;
	height:122px;
	resize:vertical;
}

.darfa-home-contact__field input::placeholder,
.darfa-home-contact__field textarea::placeholder{
	color:#92A2BA;
	opacity:1;
}

.darfa-home-contact__field input:focus,
.darfa-home-contact__field textarea:focus{
	border-color:var(--dhc-accent);
	box-shadow:0 0 0 3px rgba(255,107,26,.11);
	background:#fff;
}

.darfa-home-contact__submit{
	align-self:flex-start;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:9px;
	min-height:48px;
	padding:11px 22px;
	border:0;
	border-radius:var(--dhc-button-radius,999px);
	background:var(--dhc-accent);
	color:var(--dhc-button-text,#fff);
	font:700 var(--dhc-button-size,15px)/1.2 var(--dhc-font);
	cursor:pointer;
	box-shadow:0 10px 22px rgba(255,107,26,.18);
	transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;
}
.darfa-home-contact__submit:hover{
	background:var(--dhc-accent-dark);
	transform:translateY(-1px);
	box-shadow:0 13px 26px rgba(255,107,26,.24);
}
.darfa-home-contact__submit:focus-visible{
	outline:2px solid var(--dhc-text);
	outline-offset:3px;
}

.darfa-home-contact__side{
	min-width:0;
	display:flex;
	flex-direction:column;
	gap:20px;
}

.darfa-home-contact__map-wrap{
	position:relative;
	overflow:hidden;
	min-height:var(--dhc-map-height,228px);
	height:var(--dhc-map-height,228px);
	border-radius:var(--dhc-radius,16px);
	background:#E6ECF4;
}

.darfa-home-contact__map{
	display:block;
	width:100%;
	height:100%;
	min-height:100%;
	border:0;
}

.darfa-home-contact__map-placeholder{
	width:100%;
	height:100%;
	min-height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:24px;
	text-align:center;
	background:#E6ECF4;
	color:var(--dhc-muted);
	font-size:14px;
}

.darfa-home-contact__map-open{
	position:absolute;
	left:10px;
	top:10px;
	z-index:2;
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:9px 12px;
	border-radius:6px;
	background:var(--dhc-map-button-bg);
	color:var(--dhc-map-button-text);
	text-decoration:none;
	font:600 13px/1.1 var(--dhc-font);
	box-shadow:0 2px 10px rgba(0,0,0,.11);
}
.darfa-home-contact__map-open:hover{color:var(--dhc-map-button-text);text-decoration:none;transform:translateY(-1px)}

.darfa-home-contact__info-card{
	background:var(--dhc-info-bg);
	color:var(--dhc-info-text);
	border-radius:var(--dhc-radius,16px);
	padding:var(--dhc-info-padding,24px);
	display:flex;
	flex-direction:column;
	gap:20px;
	min-height:0;
}

.darfa-home-contact__info-item{
	display:grid;
	grid-template-columns:42px minmax(0,1fr);
	gap:12px;
	align-items:center;
	min-width:0;
}

.darfa-home-contact__icon{
	width:42px;
	height:42px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex:0 0 42px;
	border-radius:12px;
	background:var(--dhc-info-icon);
	color:#fff;
	overflow:hidden;
}
.darfa-home-contact__icon img{
	width:22px;
	height:22px;
	display:block;
	object-fit:contain;
	filter:none;
}

.darfa-home-contact__info-copy{
	display:flex;
	flex-direction:column;
	min-width:0;
	gap:5px;
}

.darfa-home-contact__info-label{
	color:var(--dhc-info-title);
	font-family:var(--dhc-font);
	font-size:var(--dhc-info-title-size,13px);
	font-weight:700;
	line-height:1.2;
	letter-spacing:.04em;
}

.darfa-home-contact__info-text{
	color:var(--dhc-info-text);
	font-family:var(--dhc-font);
	font-size:var(--dhc-info-text-size,14px);
	font-weight:500;
	line-height:1.45;
	text-decoration:none;
	overflow-wrap:anywhere;
}
a.darfa-home-contact__info-text:hover{
	color:var(--dhc-info-text);
	text-decoration:underline;
}

.darfa-home-contact__honeypot{
	position:absolute!important;
	left:-10000px!important;
	top:auto!important;
	width:1px!important;
	height:1px!important;
	overflow:hidden!important;
	opacity:0!important;
}

@media (min-width:768px) and (max-width:1024px){
	.darfa-home-contact__inner{
		width:min(var(--dhc-max-width,1240px),calc(100% - 36px));
		padding-top:var(--dhc-pad-top-tablet,64px);
		padding-bottom:var(--dhc-pad-bottom-tablet,70px);
	}
	.darfa-home-contact__heading{
		margin-bottom:40px;
	}
	.darfa-home-contact__grid{
		grid-template-columns:minmax(0,1fr);
	}
	.darfa-home-contact__side{
		display:grid;
		grid-template-columns:minmax(0,1fr) minmax(0,1fr);
		align-items:stretch;
	}
	.darfa-home-contact__map-wrap{
		height:var(--dhc-map-height-tablet,220px);
		min-height:var(--dhc-map-height-tablet,220px);
	}
}

@media (max-width:767px){
	.darfa-home-contact__inner{
		width:min(var(--dhc-max-width,1240px),calc(100% - 30px));
		padding-top:var(--dhc-pad-top-mobile,50px);
		padding-bottom:var(--dhc-pad-bottom-mobile,58px);
	}
	.darfa-home-contact__heading{
		margin-bottom:32px;
	}
	.darfa-home-contact__label{
		margin-bottom:14px;
		letter-spacing:.12em;
	}
	.darfa-home-contact__heading h2{
		margin-bottom:12px;
	}
	.darfa-home-contact__grid{
		grid-template-columns:1fr;
		gap:22px;
	}
	.darfa-home-contact__row--two{
		grid-template-columns:1fr;
		gap:18px;
	}
	.darfa-home-contact__form-card{
		padding:22px 18px;
	}
	.darfa-home-contact__form{
		gap:17px;
	}
	.darfa-home-contact__side{
		gap:16px;
	}
	.darfa-home-contact__map-wrap{
		height:var(--dhc-map-height-mobile,210px);
		min-height:var(--dhc-map-height-mobile,210px);
	}
	.darfa-home-contact__info-card{
		padding:20px;
		gap:17px;
	}
	.darfa-home-contact__submit{
		width:100%;
	}
}

@media (max-width:420px){
	.darfa-home-contact__heading p{
		max-width:100%;
	}
	.darfa-home-contact__form-card{
		padding:20px 16px;
	}
	.darfa-home-contact__info-card{
		padding:18px;
	}
	.darfa-home-contact__info-item{
		grid-template-columns:40px minmax(0,1fr);
	}
	.darfa-home-contact__icon{
		width:40px;height:40px;flex-basis:40px;
	}
}
