.elementor-362385 .elementor-element.elementor-element-622bf683{--display:flex;--min-height:300px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.35;}.elementor-362385 .elementor-element.elementor-element-622bf683:not(.elementor-motion-effects-element-type-background), .elementor-362385 .elementor-element.elementor-element-622bf683 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dev1.getup.my/wp-content/uploads/2026/04/fish-swimming-sea-scaled-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-362385 .elementor-element.elementor-element-622bf683::before, .elementor-362385 .elementor-element.elementor-element-622bf683 > .elementor-background-video-container::before, .elementor-362385 .elementor-element.elementor-element-622bf683 > .e-con-inner > .elementor-background-video-container::before, .elementor-362385 .elementor-element.elementor-element-622bf683 > .elementor-background-slideshow::before, .elementor-362385 .elementor-element.elementor-element-622bf683 > .e-con-inner > .elementor-background-slideshow::before, .elementor-362385 .elementor-element.elementor-element-622bf683 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#161D57;--background-overlay:'';}.elementor-362385 .elementor-element.elementor-element-59bce441{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-362385 .elementor-element.elementor-element-59bce441.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );color:var( --e-global-color-primary );}.elementor-362385 .elementor-element.elementor-element-71da0133{text-align:center;}.elementor-362385 .elementor-element.elementor-element-71da0133 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:30px;font-weight:600;line-height:1em;letter-spacing:-0.5px;word-spacing:0px;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.30196078431372547);color:var( --e-global-color-accent );}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-362385 .elementor-element.elementor-element-1c5640a3{padding:10px 0px 0px 0px;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:500;letter-spacing:-0.5px;word-spacing:0px;color:#FFFFFF;}.elementor-362385 .elementor-element.elementor-element-1c5640a3 a{color:var( --e-global-color-2f61f58 );}.elementor-362385 .elementor-element.elementor-element-7700849{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:12px 12px;--row-gap:12px;--column-gap:12px;--padding-top:50px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-362385 .elementor-element.elementor-element-c61faba{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--flex-wrap:wrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E2E8F0;--border-color:#E2E8F0;--border-radius:8px 8px 8px 8px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-362385 .elementor-element.elementor-element-c61faba:not(.elementor-motion-effects-element-type-background), .elementor-362385 .elementor-element.elementor-element-c61faba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F9FC;}.elementor-362385 .elementor-element.elementor-element-95f4aba .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:700;line-height:1em;letter-spacing:-0.5px;word-spacing:0px;color:var( --e-global-color-primary );}.elementor-362385 .elementor-element.elementor-element-0b708b9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-362385 .elementor-element.elementor-element-03ef7a7{--grid-columns:4;--grid-row-gap:16px;--grid-column-gap:16px;}.elementor-362385 .elementor-element.elementor-element-03ef7a7 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-362385 .elementor-element.elementor-element-03ef7a7 .e-loop-item > .elementor-section, .elementor-362385 .elementor-element.elementor-element-03ef7a7 .e-loop-item > .elementor-section > .elementor-container, .elementor-362385 .elementor-element.elementor-element-03ef7a7 .e-loop-item > .e-con, .elementor-362385 .elementor-element.elementor-element-03ef7a7 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-362385 .elementor-element.elementor-element-03ef7a7 .elementor-pagination{text-align:center;margin-top:40px;}.elementor-362385 .elementor-element.elementor-element-03ef7a7 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-0d51fbf );}.elementor-362385 .elementor-element.elementor-element-03ef7a7 .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-primary );}.elementor-362385 .elementor-element.elementor-element-03ef7a7 .elementor-pagination .page-numbers.current{color:var( --e-global-color-secondary );}body:not(.rtl) .elementor-362385 .elementor-element.elementor-element-03ef7a7 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 12px/2 );}body:not(.rtl) .elementor-362385 .elementor-element.elementor-element-03ef7a7 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 12px/2 );}body.rtl .elementor-362385 .elementor-element.elementor-element-03ef7a7 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 12px/2 );}body.rtl .elementor-362385 .elementor-element.elementor-element-03ef7a7 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 12px/2 );}@media(max-width:1024px){.elementor-362385 .elementor-element.elementor-element-622bf683{--min-height:250px;}.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-362385 .elementor-element.elementor-element-71da0133{text-align:center;}.elementor-widget-breadcrumbs{letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-362385 .elementor-element.elementor-element-95f4aba{text-align:center;}.elementor-widget-loop-grid .elementor-pagination{letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-loop-grid .e-load-more-message{letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-362385 .elementor-element.elementor-element-03ef7a7{--grid-columns:2;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{letter-spacing:var( --e-global-typography-primary-letter-spacing );word-spacing:var( --e-global-typography-primary-word-spacing );}.elementor-widget-breadcrumbs{letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-loop-grid .elementor-pagination{letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-loop-grid .e-load-more-message{letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-362385 .elementor-element.elementor-element-03ef7a7{--grid-columns:1;}}@media(min-width:768px){.elementor-362385 .elementor-element.elementor-element-59bce441{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-c61faba */.elementor-362385 .elementor-element.elementor-element-c61faba {
	--dof-primary: #2b1a66;
	--dof-primary-dark: #21134f;
	--dof-text: #0f172a;
	--dof-muted: #64748b;
	--dof-border: #d6dee8;
	--dof-surface: #f7f9fc;
	--dof-white: #ffffff;

	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 18px 16px;

	width: 100%;
	margin-bottom: 32px;
	padding: 24px;

	background: var(--dof-surface);
	border: 1px solid var(--dof-border);
	border-radius: 10px;
}

/* Elakkan child Elementor memaksa width tertentu */
.elementor-362385 .elementor-element.elementor-element-c61faba > .elementor-element {
	width: auto;
	min-width: 0;
}

/* Tajuk */
.elementor-362385 .elementor-element.elementor-element-c61faba .dof-filter-title {
	grid-column: 1 / -1;
}

.elementor-362385 .elementor-element.elementor-element-c61faba .dof-filter-title .elementor-heading-title {
	margin: 0;
	color: var(--dof-text);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3;
}

/* Search menggunakan satu baris penuh */
.elementor-362385 .elementor-element.elementor-element-c61faba .dof-filter-search {
	grid-column: 1 / -1;
}

.elementor-362385 .elementor-element.elementor-element-c61faba .facetwp-facet {
	margin-bottom: 0;
}

.elementor-362385 .elementor-element.elementor-element-c61faba .facetwp-input-wrap,
.elementor-362385 .elementor-element.elementor-element-c61faba input.facetwp-search {
	width: 100%;
}

/* Search dan dropdown */
.elementor-362385 .elementor-element.elementor-element-c61faba input.facetwp-search,
.elementor-362385 .elementor-element.elementor-element-c61faba select {
	width: 100%;
	min-height: 48px;
	margin: 0;
	padding: 10px 42px 10px 14px;

	color: var(--dof-text);
	font-family: inherit;
	font-size: 15px;
	line-height: 1.4;

	background-color: var(--dof-white);
	border: 1px solid var(--dof-border);
	border-radius: 6px;

	box-shadow: none;
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease,
		background-color 0.2s ease;
}

/* Ruang untuk ikon search */
.elementor-362385 .elementor-element.elementor-element-c61faba input.facetwp-search {
	padding-left: 46px;
}

.elementor-362385 .elementor-element.elementor-element-c61faba input.facetwp-search::placeholder {
	color: #7c8798;
	opacity: 1;
}

/* Hover */
.elementor-362385 .elementor-element.elementor-element-c61faba input.facetwp-search:hover,
.elementor-362385 .elementor-element.elementor-element-c61faba select:hover {
	border-color: #9489b5;
}

/* Keyboard focus */
.elementor-362385 .elementor-element.elementor-element-c61faba input.facetwp-search:focus,
.elementor-362385 .elementor-element.elementor-element-c61faba select:focus {
	outline: none;
	border-color: var(--dof-primary);
	box-shadow: 0 0 0 3px rgba(43, 26, 102, 0.16);
}

/* Label setiap dropdown */
.elementor-362385 .elementor-element.elementor-element-c61faba .dof-filter-field::before {
	display: block;
	margin-bottom: 7px;

	color: var(--dof-text);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
}

.elementor-362385 .elementor-element.elementor-element-c61faba .dof-filter-negeri::before {
	content: "Negeri";
}

.elementor-362385 .elementor-element.elementor-element-c61faba .dof-filter-bahagian::before {
	content: "Pejabat / PPD / Pusat";
}

.elementor-362385 .elementor-element.elementor-element-c61faba .dof-filter-cawangan::before {
	content: "Cawangan";
}

/* Jika masih menggunakan Unit */
.elementor-362385 .elementor-element.elementor-element-c61faba .dof-filter-unit::before {
	content: "Unit";
}

/* Footer: result count kiri, reset kanan */
.elementor-362385 .elementor-element.elementor-element-c61faba .dof-filter-footer {
	grid-column: 1 / -1;

	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 16px;

	width: 100%;
	padding-top: 2px;
}

/* Result count */
.elementor-362385 .elementor-element.elementor-element-c61faba .dof-filter-count,
.elementor-362385 .elementor-element.elementor-element-c61faba .facetwp-counts {
	color: var(--dof-muted);
	font-size: 14px;
	line-height: 1.5;
}

/* Reset */
.elementor-362385 .elementor-element.elementor-element-c61faba .dof-filter-reset button,
.elementor-362385 .elementor-element.elementor-element-c61faba .dof-filter-reset a,
.elementor-362385 .elementor-element.elementor-element-c61faba .facetwp-type-reset button,
.elementor-362385 .elementor-element.elementor-element-c61faba .facetwp-type-reset a {
	min-height: 42px;
	padding: 9px 16px;

	color: #475569;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;

	background: var(--dof-white);
	border: 1px solid #cbd5e1;
	border-radius: 6px;

	cursor: pointer;
	transition:
		color 0.2s ease,
		border-color 0.2s ease,
		background-color 0.2s ease;
}

.elementor-362385 .elementor-element.elementor-element-c61faba .dof-filter-reset button:hover,
.elementor-362385 .elementor-element.elementor-element-c61faba .dof-filter-reset a:hover,
.elementor-362385 .elementor-element.elementor-element-c61faba .facetwp-type-reset button:hover,
.elementor-362385 .elementor-element.elementor-element-c61faba .facetwp-type-reset a:hover {
	color: var(--dof-primary);
	background: #f2f0f8;
	border-color: var(--dof-primary);
}

.elementor-362385 .elementor-element.elementor-element-c61faba .dof-filter-reset button:focus-visible,
.elementor-362385 .elementor-element.elementor-element-c61faba .dof-filter-reset a:focus-visible {
	outline: 3px solid rgba(43, 26, 102, 0.22);
	outline-offset: 2px;
}

/* Tablet */
@media (max-width: 1024px) {
	.elementor-362385 .elementor-element.elementor-element-c61faba {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.elementor-362385 .elementor-element.elementor-element-c61faba .dof-filter-cawangan,
	.elementor-362385 .elementor-element.elementor-element-c61faba .dof-filter-unit {
		grid-column: auto;
	}
}

/* Mobile */
@media (max-width: 767px) {
	.elementor-362385 .elementor-element.elementor-element-c61faba {
		grid-template-columns: 1fr;
		gap: 14px;
		margin-bottom: 24px;
		padding: 16px;
	}

	.elementor-362385 .elementor-element.elementor-element-c61faba .dof-filter-title,
	.elementor-362385 .elementor-element.elementor-element-c61faba .dof-filter-search,
	.elementor-362385 .elementor-element.elementor-element-c61faba .dof-filter-field,
	.elementor-362385 .elementor-element.elementor-element-c61faba .dof-filter-footer {
		grid-column: 1;
	}

	.elementor-362385 .elementor-element.elementor-element-c61faba .dof-filter-footer {
		align-items: flex-start;
		flex-direction: column;
	}

	.elementor-362385 .elementor-element.elementor-element-c61faba .dof-filter-reset,
	.elementor-362385 .elementor-element.elementor-element-c61faba .dof-filter-reset button,
	.elementor-362385 .elementor-element.elementor-element-c61faba .dof-filter-reset a {
		width: 100%;
	}
}/* End custom CSS */