.elementor-19936 .elementor-element.elementor-element-c78f12f{--display:flex;--border-radius:30px 30px 30px 30px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.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 );color:var( --e-global-color-primary );}.elementor-19936 .elementor-element.elementor-element-2688f39 .elementor-heading-title{font-family:"Inter", Sans-serif;font-weight:600;}.elementor-widget-search{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search.e-focus{--e-search-input-color:var( --e-global-color-text );}.elementor-widget-search .elementor-pagination{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-19936 .elementor-element.elementor-element-9e6ed26 .e-search-submit{background-color:var( --e-global-color-primary );}.elementor-19936 .elementor-element.elementor-element-9e6ed26{--e-search-results-columns:1;--e-search-placeholder-color:var( --e-global-color-primary );--e-search-submit-margin-inline-start:0px;}.elementor-19936 .elementor-element.elementor-element-9e6ed26 .e-search-input{border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;}#elementor-popup-modal-19936 .dialog-widget-content{animation-duration:0.7s;border-radius:20px 20px 20px 20px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);margin:176px 0px 0px 0px;}#elementor-popup-modal-19936 .dialog-message{width:1140px;height:auto;}#elementor-popup-modal-19936{justify-content:center;align-items:flex-start;pointer-events:all;}#elementor-popup-modal-19936 .dialog-close-button{display:flex;font-size:21px;}#elementor-popup-modal-19936 .dialog-close-button i{color:var( --e-global-color-primary );}#elementor-popup-modal-19936 .dialog-close-button svg{fill:var( --e-global-color-primary );}@media(max-width:767px){.elementor-19936 .elementor-element.elementor-element-c78f12f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-19936 .elementor-element.elementor-element-2688f39 .elementor-heading-title{font-size:20px;}.elementor-19936 .elementor-element.elementor-element-9e6ed26{--e-search-submit-margin-inline-start:0px;--e-search-icon-submit-size:16px;--e-search-submit-icon-gap:7px;--e-search-submit-padding:10px 10px 10px 10px;}#elementor-popup-modal-19936 .dialog-widget-content{margin:215px 0px 0px 0px;}#elementor-popup-modal-19936 .dialog-message{padding:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-264ba82 *//* Widget dan kotak borang */
.yp-filter {
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  box-sizing: border-box;
  border-radius: 0 0 24px 24px;
  background: #fff;
}

.yp-filter .elementor-widget-container,
.yp-filter form.searchandfilter,
.yp-filter form.searchandfilter > div {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0;
  box-sizing: border-box;
}

/* Tiga medan di atas */
.yp-filter .searchandfilter > div > ul {
  display: grid !important;
  grid-template-columns:
    minmax(0, 2fr)
    minmax(0, 1fr)
    minmax(0, .7fr);
  gap: 18px;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none;
  box-sizing: border-box;
}

.yp-filter .searchandfilter > div > ul > li {
  display: block !important;
  float: none !important;
  width: auto !important;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
}

/* Tajuk */
.yp-filter .searchandfilter h4 {
  margin: 0 0 7px;
  padding: 0;
  color: #253047;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}

/* Medan */
.yp-filter .searchandfilter input[type="text"],
.yp-filter .searchandfilter input[type="date"],
.yp-filter .searchandfilter select {
  display: block;
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  height: 50px;
  box-sizing: border-box;
  margin: 0;
  padding: 0 14px;
  border: 1px solid #777;
  border-radius: 9px;
  background: #fff;
  color: #111;
  font-family: inherit;
  font-size: 16px;
  line-height: normal;
}

.yp-filter .searchandfilter input::placeholder {
  color: #222;
  opacity: 1;
}

/* Butang bawah, full width */
.yp-filter .searchandfilter > div > ul > li:last-child {
  grid-column: 1 / -1;
}

.yp-filter .searchandfilter input[type="submit"] {
  display: block;
  width: 100% !important;
  max-width: none !important;
  height: 50px;
  box-sizing: border-box;
  margin: 0;
  padding: 0 20px 0 44px;
  border: 0;
  border-radius: 9px;
  background-color: #000;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='7.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: calc(50% - 28px) center;
  color: #fff;
  font-family: inherit;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  cursor: pointer;
}

.yp-filter .searchandfilter input[type="submit"]:hover {
  background-color: #222;
}

/* Telefon */
@media (max-width: 767px) {
  .yp-filter {
    padding: 20px;
  }

  .yp-filter .searchandfilter > div > ul {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
}/* End custom CSS */