.others-section-area2 .property-tab-section .filters {
    gap: 30px;
}

.input-cari-pesantren {
    padding: 18px 14px !important;
    border: none;
    outline: none;
    border-radius: 8px;
    background: #F0F1F1;
    color: var(--ztc-text-text-2);
    font-family: var(--ztc-family-font1);
    font-size: var(--ztc-font-size-font-s16);
    font-style: normal;
    font-weight: var(--ztc-weight-medium);
    line-height: 16px !important;
    height: auto;
}

.others-section-area2 .property-tab-section {
  margin-top: -150px;
}

.container-btn-kategori {
    display: flex;
    column-gap: 18px;
    background: var(--ztc-bg-bg-1);
    padding: 24px 24px;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.09);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.btn-kategori-pencarian {
  font-family: var(--ztc-family-font1);
  font-size: var(--ztc-font-size-font-s14);
  color: var(--ztc-text-text-2);
  transition: all 0.4s;
  font-weight: var(--ztc-weight-medium);
  background: var(--ztc-border-border-1);
  padding: 12px 20px;
  display: inline-block;
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  border-radius: 8px;
  width: 120px;
  height: 40px;
  justify-content: center;
}

.btn-kategori-pencarian.active {
    background: var(--ztc-text-text-5);
    color: var(--ztc-text-text-1);
}

.properties2-section-area .property-feature-slider .property-boxarea .category-list ul li a,
.properties2-section-area .property-feature-slider .property-boxarea .content-area ul li a {
    font-size: var(--ztc-font-size-font-s12);
}

.btn-kategori-pencarian.active:hover {
    background-color: var(--ztc-text-text-3) !important;
}

.filters-custom {
    padding-bottom: 0 !important;
    box-shadow: none !important;
}

.add-property-section {
    margin-top: -160px;
    z-index: 2;
}

.daftar-pengelola-pesantren {
    width: 50%;
    padding: 35px 30px !important;
}

.btn-link-sosial {
    border-color: transparent !important;
}

.daftar-pesantren {
    width: 70% !important;
    padding: 35px 50px !important;
}

.judul-daftar-pengelola-pesantren {
    font-size: 24px;
    font-weight: bold;
    color: var(--ztc-text-text-5);
}

.logo-daftar {
    width: 140px;
}

.label-form {
    font-size: 14px;
}

.add-property-section {
    margin-bottom: 40px;
    position: relative;
}

.add-property-section .upload-main-boxarea .input-area .form-control,
.add-property-section .upload-main-boxarea .input-area .nice-select {
    padding: 12px 18px;
    font-size: 12px;
    border-color: var(--ztc-border-border-2);
}

.add-property-section .upload-main-boxarea .input-area .form-control::placeholder {
  color: var(--ztc-text-text-2);
  font-size: var(--ztc-font-size-font-s12);
}

.add-property-section .upload-main-boxarea {
    background-color: var(--ztc-bg-bg-1);
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.09);
    box-sizing: border-box;
}

.loading-screen {
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 10px;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: 2;
    border-radius: 16px;
    text-align: center;
}

.loading-item {
    width: 60%;
    height: 50px;
    background-color: var(--ztc-bg-bg-1);
    border-radius: 8px;
}

.checkbox-item label {
    font-size: 14px;
}

.judul-section-daftar-pesantren {
    font-size: 18px;
    font-weight: bold;
    color: var(--ztc-text-text-5);
    border-bottom: 1px solid var(--ztc-text-text-5);
    padding-bottom: .5rem;
}

.properties2-section-area .property-feature-slider .property-boxarea .content-area ul {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.properties2-section-area .property-feature-slider .property-boxarea .content-area ul li a {
    padding: 8px 12px;
}

.properties2-section-area .property-feature-slider .property-boxarea .content-area ul li {
    margin: 0;
}

.properties2-section-area.sp2,
.mission-section-area.sp1 {
    background-color: rgba(3, 116, 58, .2);
}

.text-justify {
    text-align: justify;
}

.property-inner-section-find.sp1 {
    padding-top: 40px;
}

.others-section-area .property-tab-section .filter-group::after {
    height: 0;
    width: 0;
}

.container-filter-cari-pesantren {
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.09);
}

.container-filter-cari-pesantren {
    border-radius: 8px;
}

.filter-cari-kedua {
    width: max-content;
    border-bottom-left-radius: 8px;
}

.others-section-area .property-tab-section .tab-btn.active {
    background: var(--ztc-bg-bg-5);
}

.others-section-area .property-tab-section .filters {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.filter-cari-pertama,
.filter-cari-kedua {
    box-shadow: none !important;
    padding: 20px 24px !important;
}

.property-inner-section-find .tab-content .tab-pane .property-boxarea2 .category-list ul li a {
    font-size: var(--ztc-font-size-font-s12);
}

.property-inner-section-find .tab-content .tab-pane .property-boxarea2 .content-area ul li a {
    font-size: var(--ztc-font-size-font-s12);
}

.property-inner-section-find .tab-content .tab-pane .property-boxarea2 .content-area ul {
    display: flex;
    gap: 4px;
}

.property-inner-section-find .tab-content .tab-pane .property-boxarea2 .content-area ul li {
    margin: 0;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.wrap-input-verifikasi {
    gap: 12px;
    width: 70%;
}

.wrap-input-verifikasi input {
    height: 50px;
    padding: 8px 12px !important;
    width: 50px;
    font-size: 20px !important;
    text-align: center;
}

.others-section-area .property-tab-section .search-button button {
    background-color: var(--ztc-bg-bg-5);
}

.btn-area-list {
    flex-direction: column;
    align-items: start !important;
    gap: 8px;
    padding-top: 20px !important;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 24px);
}

.nama-pesantren {
    gap: 12px;
    justify-content: start !important;
}

.nama-pesantren .tahun-berdiri {
    font-size: 16px;
    font-weight: 600;
    margin-top: .5rem;
}

.detail-pesantren-utama {
    padding: 0 !important;
}

.gambar-pesantren-utama {
    border: none;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.09);
}

.card-loading-pesantren {
    border: none;
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.09);
    min-height: 300px;
}

.card-loading-pesantren .card-body {
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrap-loading-pesantren {
    display: flex;
    gap: 30px;
    align-items: center;
}

.active>.page-link, .page-link.active {
    background-color: #03743a;
    border-color: #03743a;
}

.box-flex-col {
    flex-direction: column;
    gap: 12px;
}

.ppdb-content-pertama {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1;
    width: 100%;
}

.ppdb-content-kedua {
    flex: 1;
    width: 100%;
}

.custom-loader {
  width:12px;
  height:12px;
  background: #03743a;
  border-radius: 50%;
  box-shadow: 20px 0 #03743a22,-20px 0 #03743a;
  animation:d5 1s infinite linear alternate;
}
@keyframes d5 {
    0% {box-shadow: 20px 0 #03743a,-20px 0 #03743a22;background: #03743a}
    33%{box-shadow: 20px 0 #03743a,-20px 0 #03743a22;background: #03743a22}
    66%{box-shadow: 20px 0 #03743a22,-20px 0 #03743a;background: #03743a22}
}

.properties-details4-area .details-siderbar .list-area {
    flex-direction: column;
    align-items: start;
    gap: 12px;
}

.list-area .share {
    align-self: end;
}

.list-detail-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.list-detail-item .judul-list-detail {
    font-size: 16px;
    font-weight: 600;
}

.alamat-ringkas {
    display: flex;
    gap: 8px;
}

.alamat-ringkas span {
    line-height: 24px;
}

.property-inner-section-find .tab-content .tab-pane .property-boxarea2 .img1 {
    height: 300px;
}

.list-detail-item .content-list-detail {
    font-size: 18px;
}

.capitalize {
    text-transform: capitalize;
}

.box-between {
    justify-content: space-between !important;
}

.properties-details4-area .details-siderbar .list-box {
    display: flex;
    align-items: center;
    border-radius: 8px;
    background: var(--ztc-bg-bg-1);
    padding: 20px;
    margin-top: 20px;
    transition: all 0.4s;
}

.list-detail-item .content-list-detail a {
    color: var(--Paragraph-Color, #252728);
    font-family: var(--ztc-family-font1);
    border-bottom: 1px solid var(--Paragraph-Color, #252728);
}

.list-box.disabled {
    background-color: #ccc !important;
}

.footer2-section-area {
    padding : 100px 0 32px !important;
}

.conatent-area {
    padding-left: 0 !important;
}

.star-rating-hidden {
    display: none;
}

.dashboard-section-area .dashboard-info-sider-deatils .dashboard-info-sider .message-boxarea .conatent-area ul li.disabled {
    color: #ccc;
}

.properties-details4-area .all-side-details {
    top: 90px;
}

.inline-gallery-container {
    width: 100%;
    height: 0;
    padding-bottom: 65%; /* kira-kira 16:10; ganti sesuai kebutuhan */
    position: relative;
    border-radius: 8px;
}

.wrap-text-tentang-santri {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.properties-details4-area .details-siderbar {
    padding: 0;
}

.nav-pills-website .nav-link.active, .nav-pills-website .show>.nav-link {
    background-color: var(--ztc-bg-bg-4);
    color: white;
}

.properties-details4-area .details-siderbar .list-area .list ul li:nth-child(1) {
    line-height: inherit !important;
    font-size: var(--ztc-font-size-font-s16);
}

.properties-details4-area .details-siderbar .list-area {
    gap: 0;
}

.nav-pills-website .nav-link {
    color: var(--ztc-text-text-5);
}

.wrap-text-tentang-santri .text-judul {
    font-size: 14px !important;
    font-weight: normal !important;
}

.input-group {
    flex-wrap: nowrap;
}

/* select2 */
/* Label */
label[for="types"]{
  display:block;
  margin:0 0 6px;
  font-weight:600;
  color:#1f2937; /* slate-800 */
}

/* Kotak select (single) */
.select2-container--default .select2-selection--single{
  background:#f0f1f1;               /* abu lembut */
  border:1px solid #e5e7eb;         /* abu border tipis */
  border-radius:10px;
  height:52px;
  padding:0 36px 0 14px;            /* ruang kanan utk chevron */
  transition:border-color .2s, box-shadow .2s;
}

/* Teks ter-render di dalam select */
.select2-container .select2-selection--single .select2-selection__rendered{
  line-height:52px;                 /* vertikal centering */
  color:#0f172a;                    /* slate-900 */
  font-weight:600;                  /* seperti contoh */
}

/* Hilangkan arrow default */
.select2-container--default .select2-selection--single .select2-selection__arrow b{
  display:none;
}

/* Area arrow */
.select2-container--default .select2-selection--single .select2-selection__arrow{
  position:absolute;
  top:0;
  right:10px;
  height:100%;
  width:22px;
}

/* Gambar chevron dengan border */
.select2-container--default .select2-selection--single .select2-selection__arrow::after{
  content:'';
  position:absolute;
  top:50%;
  left:50%;
  width:8px; height:8px;
  border-right:2px solid #6b7280;  /* slate-500 */
  border-bottom:2px solid #6b7280;
  transform:translate(-50%,-60%) rotate(45deg);
}

.others-section-area2 .property-tab-section .filter-group::after {
    width: 0;
    height: 0;
}

/* Hover & fokus */
.select2-container--default .select2-selection--single:hover{
  border-color:#cfd4dc;
}
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default .select2-selection--single:focus{
  border-color:#93c5fd;                          /* biru lembut */
  box-shadow:0 0 0 3px rgba(59,130,246,.15);
}

/* Dropdown (menu) */
.select2-container .select2-dropdown{
  border:1px solid #e5e7eb;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 8px 24px rgba(0,0,0,.08);
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
  background:#eef2ff;   /* highlight */
  color:#1f2937;
}
.select2-container--default .select2-results__option[aria-selected=true]{
  background:#e5e7eb;
  color:#111827;
}

/* Disabled (opsional) */
.select2-container--default.select2-container--disabled .select2-selection--single{
  background:#f3f4f6;
  color:#9ca3af;
  border-color:#e5e7eb;
}
/* select2 */


@media (min-width: 320px) and (max-width: 767px){
    .filter-cari-kedua {
        width: fit-content;
    } 

    .daftar-pengelola-pesantren {
        width: 100%;
    }

    .wrap-input-verifikasi {
        width: 100%;
    }
}