/* _content/PKMGerejaEbenhaezer.Web/Areas/Dashboard/Views/Account/Edit.cshtml.rz.scp.css */
.cardplus[b-ufnni2it75] {
    padding: 20px;
    border-radius: 10px;
    background: var(--light);
    box-shadow: 4px 4px 16px rgba(0, 0, 0, .05);
}

.plusakn[b-ufnni2it75] {
    width: 100%;
    padding: 24px 20px 20px 20px;
}

    /* CSS Hyperlink */
    .plusakn .title[b-ufnni2it75] {
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .plusakn .breadcrumbs[b-ufnni2it75] {
        display: flex;
        grid-gap: 6px;
        padding: 0;
        margin: 0;
    }

        .plusakn .breadcrumbs li[b-ufnni2it75],
        .plusakn .breadcrumbs li a[b-ufnni2it75] {
            font-size: 14px;
            list-style: none;
        }

            .plusakn .breadcrumbs li a[b-ufnni2it75] {
                color: var(--blue);
            }

                .plusakn .breadcrumbs li a.active[b-ufnni2it75],
                .plusakn .breadcrumbs li.divider[b-ufnni2it75] {
                    color: var(--dark-grey);
                    pointer-events: none;
                }
/* Akhir CSS Hyperlink */


/* CSS type input Text dan Textarea */
[b-ufnni2it75] .input-box label {
    color: #333;
    font-size: 14px;
}

[b-ufnni2it75] .input-box input {
    position: relative;
    font-size: 14px;
    height: 40px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

[b-ufnni2it75] .input-box textarea {
    position: relative;
    font-size: 14px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}
/* Akhir CSS type input Text dan Textarea */

/* Atur ulang posisi ikon show password */
.show-box[b-ufnni2it75] {
    position: relative;
}

[b-ufnni2it75] .showpass {
    position: absolute;
    font-size: 23px;
    z-index: 1000;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: all 0.3s ease;
}

[b-ufnni2it75] .showpass2 {
    position: absolute;
    font-size: 23px;
    z-index: 1000;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: all 0.3s ease;
}
/* _content/PKMGerejaEbenhaezer.Web/Areas/Dashboard/Views/Account/Index.cshtml.rz.scp.css */
.akunn[b-ac5kr91bvq] {
    width: 100%;
    padding: 24px 20px 20px 20px;
}

    /* CSS Hyperlink */
    .akunn .title[b-ac5kr91bvq] {
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .akunn .breadcrumbs[b-ac5kr91bvq] {
        display: flex;
        grid-gap: 6px;
        padding: 0;
        margin: 0;
    }

        .akunn .breadcrumbs li[b-ac5kr91bvq],
        .akunn .breadcrumbs li a[b-ac5kr91bvq] {
            font-size: 14px;
            list-style: none;
        }

            .akunn .breadcrumbs li a[b-ac5kr91bvq] {
                color: var(--blue);
                cursor: pointer;
            }

                .akunn .breadcrumbs li a.active[b-ac5kr91bvq],
                .akunn .breadcrumbs li.divider[b-ac5kr91bvq] {
                    color: var(--dark-grey);
                    pointer-events: none;
                }
/* Akhir CSS Hyperlink */


/* CSS Datatable */
.table[b-ac5kr91bvq] {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

    .table th[b-ac5kr91bvq], .table td[b-ac5kr91bvq] {
        padding: 12px 15px;
        text-align: left;
    }

    .table thead th[b-ac5kr91bvq] {
        text-transform: uppercase;
        background-color: var(--primary-clr);
        color: #fff;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
    }

    .table tbody tr[b-ac5kr91bvq] {
        border-bottom: 1px solid #dddddd;
    }

        .table tbody tr:nth-of-type(even)[b-ac5kr91bvq] {
            background-color: #f3f3f3;
        }

        .table tbody tr:hover[b-ac5kr91bvq] {
            background-color: #f1f1f1;
        }

.img-fluid[b-ac5kr91bvq] {
    max-width: 50px;
    height: auto;
    border-radius: 5px;
}

.btn-primary[b-ac5kr91bvq] {
    background-color: #007BFF;
    border: none;
}

    .btn-primary:hover[b-ac5kr91bvq] {
        background-color: #0056b3;
    }

.btn-danger[b-ac5kr91bvq] {
    background-color: #dc3545;
    border: none;
}

    .btn-danger:hover[b-ac5kr91bvq] {
        background-color: #c82333;
    }

[b-ac5kr91bvq] label {
    margin-bottom: 10px;
}
/* Akhir CSS Datatable */
/* _content/PKMGerejaEbenhaezer.Web/Areas/Dashboard/Views/Account/Tambah.cshtml.rz.scp.css */
.cardplus[b-ter8odn4rt] {
    padding: 20px;
    border-radius: 10px;
    background: var(--light);
    box-shadow: 4px 4px 16px rgba(0, 0, 0, .05);
}

.plusakn[b-ter8odn4rt] {
    width: 100%;
    padding: 24px 20px 20px 20px;
}

    /* CSS Hyperlink */
    .plusakn .title[b-ter8odn4rt] {
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .plusakn .breadcrumbs[b-ter8odn4rt] {
        display: flex;
        grid-gap: 6px;
        padding: 0;
        margin: 0;
    }

        .plusakn .breadcrumbs li[b-ter8odn4rt],
        .plusakn .breadcrumbs li a[b-ter8odn4rt] {
            font-size: 14px;
            list-style: none;
        }

            .plusakn .breadcrumbs li a[b-ter8odn4rt] {
                color: var(--blue);
            }

                .plusakn .breadcrumbs li a.active[b-ter8odn4rt],
                .plusakn .breadcrumbs li.divider[b-ter8odn4rt] {
                    color: var(--dark-grey);
                    pointer-events: none;
                }
/* Akhir CSS Hyperlink */


/* CSS type input Text dan Textarea */
[b-ter8odn4rt] .input-box label {
    color: #333;
    font-size: 14px;
}

[b-ter8odn4rt] .input-box input {
    position: relative;
    font-size: 14px;
    height: 40px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

[b-ter8odn4rt] .input-box textarea {
    position: relative;
    font-size: 14px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}
/* Akhir CSS type input Text dan Textarea */

/* Atur ulang posisi ikon show password */
.show-box[b-ter8odn4rt] {
    position: relative;
}

[b-ter8odn4rt] .showpass {
    position: absolute;
    font-size: 23px;
    z-index: 1000;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: all 0.3s ease;
}

[b-ter8odn4rt] .showpass2 {
    position: absolute;
    font-size: 23px;
    z-index: 1000;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: all 0.3s ease;
}
/* _content/PKMGerejaEbenhaezer.Web/Areas/Dashboard/Views/Foto/Index.cshtml.rz.scp.css */
.fotoo[b-d1zp6gvnpn] {
    width: 100%;
    padding: 24px 20px 20px 20px;
}

    /* CSS Hyperlink */
    .fotoo .title[b-d1zp6gvnpn] {
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .fotoo .breadcrumbs[b-d1zp6gvnpn] {
        display: flex;
        grid-gap: 6px;
        padding: 0;
        margin: 0;
    }

        .fotoo .breadcrumbs li[b-d1zp6gvnpn],
        .fotoo .breadcrumbs li a[b-d1zp6gvnpn] {
            font-size: 14px;
            list-style: none;
        }

            .fotoo .breadcrumbs li a[b-d1zp6gvnpn] {
                color: var(--blue);
                cursor: pointer;
            }

                .fotoo .breadcrumbs li a.active[b-d1zp6gvnpn],
                .fotoo .breadcrumbs li.divider[b-d1zp6gvnpn] {
                    color: var(--dark-grey);
                    pointer-events: none;
                }
/* Akhir CSS Hyperlink */

.foto-container[b-d1zp6gvnpn] {
    margin-bottom: 20px;
    text-align: center;
}

[b-d1zp6gvnpn] .foto-container img {
    width: 100%;
    height: auto;
    max-width: 200px;
    max-height: 200px;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}


.btn-primary[b-d1zp6gvnpn], .btn-danger[b-d1zp6gvnpn] {
    width: 100%;
    margin-bottom: 10px;
}

#detailsPane .row[b-d1zp6gvnpn] {
    margin-bottom: 10px;
}

#detailsPane img[b-d1zp6gvnpn] {
    border-radius: 10px;
    max-height: 300px;
    object-fit: contain;
}

[b-d1zp6gvnpn] img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    display: inline-block;
}


/* CSS Content Galeri */
.grid-wrapper[b-d1zp6gvnpn] {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-auto-rows: 200px;
    grid-auto-flow: dense;
}

    .grid-wrapper[b-d1zp6gvnpn]  div {
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

        .grid-wrapper[b-d1zp6gvnpn]  div > img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
            border-radius: 5px;
        }

    .grid-wrapper .wide[b-d1zp6gvnpn] {
        grid-column: span 2;
    }

    .grid-wrapper .tall[b-d1zp6gvnpn] {
        grid-row: span 2;
    }

    .grid-wrapper .big[b-d1zp6gvnpn] {
        grid-column: span 2;
        grid-row: span 2;
    }
/* AKhir CSS Content Galeri */

.btn-hapus[b-d1zp6gvnpn] {
    background-color: darkred;
}

/* --------------------------------------------------- Responsive --------------------------------------------------- */
/* Responsive 768 */
@media (max-width: 768px) {

    #detailsPane[b-d1zp6gvnpn] {
        margin-top: 20px;
    }
}
/* _content/PKMGerejaEbenhaezer.Web/Areas/Dashboard/Views/Home/Index.cshtml.rz.scp.css */
.pertama[b-8cfk8wud5r] {
    width: 100%;
    padding: 24px 20px 20px 20px;
}

    /* CSS Hyperlink */
    .pertama .title[b-8cfk8wud5r] {
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .pertama .breadcrumbs[b-8cfk8wud5r] {
        display: flex;
        grid-gap: 6px;
        padding: 0;
        margin: 0;
    }

        .pertama .breadcrumbs li[b-8cfk8wud5r],
        .pertama .breadcrumbs li a[b-8cfk8wud5r] {
            font-size: 14px;
            list-style: none;
        }

            .pertama .breadcrumbs li a[b-8cfk8wud5r] {
                color: var(--blue);
                cursor: pointer;
            }

                .pertama .breadcrumbs li a.active[b-8cfk8wud5r],
                .pertama .breadcrumbs li.divider[b-8cfk8wud5r] {
                    color: var(--dark-grey);
                    pointer-events: none;
                }
    /* Akhir CSS Hyperlink */


    /* CSS Content Beranda */
    .pertama .info-data[b-8cfk8wud5r] {
        margin-top: 36px;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
        grid-gap: 20px;
    }

        .pertama .info-data .card[b-8cfk8wud5r] {
            padding: 20px;
            border-radius: 10px;
            background: var(--light);
            box-shadow: 4px 4px 16px rgba(0, 0, 0, .05);
        }

    .pertama .card .head[b-8cfk8wud5r] {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

        .pertama .card .head h2[b-8cfk8wud5r] {
            font-size: 24px;
            font-weight: 600;
        }

        .pertama .card .head p[b-8cfk8wud5r] {
            font-size: 14px;
        }

        .pertama .card .head .icon[b-8cfk8wud5r] {
            font-size: 20px;
            color: var(--green);
        }

            .pertama .card .head .icon.down[b-8cfk8wud5r] {
                color: var(--red);
            }

    .pertama .card .progress[b-8cfk8wud5r] {
        display: block;
        margin-top: 24px;
        height: 10px;
        width: 100%;
        border-radius: 10px;
        background: var(--grey);
        overflow-y: hidden;
        position: relative;
        margin-bottom: 4px;
    }

        .pertama .card .progress[b-8cfk8wud5r]::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            background: var(--blue);
            width: var(--value);
        }

    .pertama .card .label[b-8cfk8wud5r] {
        font-size: 14px;
        font-weight: 700;
    }

    .pertama .card hr[b-8cfk8wud5r] {
        color: black;
        margin: 0;
        margin-bottom: 10px;
        opacity: 0.1
    }


main .data[b-8cfk8wud5r] {
    margin-top: 36px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    grid-gap: 20px;
}

    main .data .content-data[b-8cfk8wud5r] {
        flex-grow: 1;
        align-items: center;
        flex-basis: 500px;
        padding: 20px;
        background: var(--light);
        border-radius: 10px;
        box-shadow: 4px 4px 16px rgba(0, 0, 0, .1);
    }

main .content-data .head[b-8cfk8wud5r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    main .content-data .head h3[b-8cfk8wud5r] {
        font-size: 20px;
        font-weight: 600;
    }


main .content-data .chart[b-8cfk8wud5r] {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
}

    main .content-data .chart[b-8cfk8wud5r]::-webkit-scrollbar {
        display: none;
    }

/* Akhir CSS Content Beranda */
/* _content/PKMGerejaEbenhaezer.Web/Areas/Dashboard/Views/Ibadah/Edit.cshtml.rz.scp.css */
.cardplus[b-sci64zdqlt] {
    padding: 20px;
    border-radius: 10px;
    background: var(--light);
    box-shadow: 4px 4px 16px rgba(0, 0, 0, .05);
}

.edibadah[b-sci64zdqlt] {
    width: 100%;
    padding: 24px 20px 20px 20px;
}

    /* CSS Hyperlink */
    .edibadah .title[b-sci64zdqlt] {
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .edibadah .breadcrumbs[b-sci64zdqlt] {
        display: flex;
        grid-gap: 6px;
        padding: 0;
        margin: 0;
    }

        .edibadah .breadcrumbs li[b-sci64zdqlt],
        .edibadah .breadcrumbs li a[b-sci64zdqlt] {
            font-size: 14px;
            list-style: none;
        }

            .edibadah .breadcrumbs li a[b-sci64zdqlt] {
                color: var(--blue);
            }

                .edibadah .breadcrumbs li a.active[b-sci64zdqlt],
                .edibadah .breadcrumbs li.divider[b-sci64zdqlt] {
                    color: var(--dark-grey);
                    pointer-events: none;
                }
/* Akhir CSS Hyperlink */

/* CSS type input Text dan Textarea */
[b-sci64zdqlt] .input-box label {
    color: #333;
    font-size: 14px;
}

[b-sci64zdqlt] .input-box input {
    position: relative;
    font-size: 14px;
    height: 40px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

[b-sci64zdqlt] .input-box select {
    position: relative;
    font-size: 14px;
    height: 40px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

[b-sci64zdqlt] .input-box textarea {
    position: relative;
    font-size: 14px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}
/* Akhir CSS type input Text dan Textarea */
/* _content/PKMGerejaEbenhaezer.Web/Areas/Dashboard/Views/Ibadah/Index.cshtml.rz.scp.css */
.ibadahh[b-nkhb8uzhv8] {
    width: 100%;
    padding: 24px 20px 20px 20px;
}

    /* CSS Hyperlink */
    .ibadahh .title[b-nkhb8uzhv8] {
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .ibadahh .breadcrumbs[b-nkhb8uzhv8] {
        display: flex;
        grid-gap: 6px;
        padding: 0;
        margin: 0;
    }

        .ibadahh .breadcrumbs li[b-nkhb8uzhv8],
        .ibadahh .breadcrumbs li a[b-nkhb8uzhv8] {
            font-size: 14px;
            list-style: none;
        }

            .ibadahh .breadcrumbs li a[b-nkhb8uzhv8] {
                color: var(--blue);
                cursor: pointer;
            }

                .ibadahh .breadcrumbs li a.active[b-nkhb8uzhv8],
                .ibadahh .breadcrumbs li.divider[b-nkhb8uzhv8] {
                    color: var(--dark-grey);
                    pointer-events: none;
                }
/* Akhir CSS Hyperlink */


/* CSS Datatable */
.table[b-nkhb8uzhv8] {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

    .table th[b-nkhb8uzhv8], .table td[b-nkhb8uzhv8] {
        padding: 12px 15px;
        text-align: left;
    }

    .table thead th[b-nkhb8uzhv8] {
        text-transform: uppercase;
        background-color: var(--primary-clr);
        color: #fff;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
    }

    .table tbody tr[b-nkhb8uzhv8] {
        border-bottom: 1px solid #dddddd;
    }

        .table tbody tr:nth-of-type(even)[b-nkhb8uzhv8] {
            background-color: #f3f3f3;
        }

        .table tbody tr:hover[b-nkhb8uzhv8] {
            background-color: #f1f1f1;
        }

.img-fluid[b-nkhb8uzhv8] {
    max-width: 50px;
    height: auto;
    border-radius: 5px;
}

.btn-primary[b-nkhb8uzhv8] {
    background-color: #007BFF;
    border: none;
}

    .btn-primary:hover[b-nkhb8uzhv8] {
        background-color: #0056b3;
    }

.btn-danger[b-nkhb8uzhv8] {
    background-color: #dc3545;
    border: none;
}

    .btn-danger:hover[b-nkhb8uzhv8] {
        background-color: #c82333;
    }

[b-nkhb8uzhv8] label {
    margin-bottom: 10px;
}
/* Akhir CSS Datatable */
/* _content/PKMGerejaEbenhaezer.Web/Areas/Dashboard/Views/Ibadah/Tambah.cshtml.rz.scp.css */
.cardplus[b-aeyyj8nhgu] {
    padding: 20px;
    border-radius: 10px;
    background: var(--light);
    box-shadow: 4px 4px 16px rgba(0, 0, 0, .05);
}

.tambadah[b-aeyyj8nhgu] {
    width: 100%;
    padding: 24px 20px 20px 20px;
}

    /* CSS Hyperlink */
    .tambadah .title[b-aeyyj8nhgu] {
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .tambadah .breadcrumbs[b-aeyyj8nhgu] {
        display: flex;
        grid-gap: 6px;
        padding: 0;
        margin: 0;
    }

        .tambadah .breadcrumbs li[b-aeyyj8nhgu],
        .tambadah .breadcrumbs li a[b-aeyyj8nhgu] {
            font-size: 14px;
            list-style: none;
        }

            .tambadah .breadcrumbs li a[b-aeyyj8nhgu] {
                color: var(--blue);
            }

                .tambadah .breadcrumbs li a.active[b-aeyyj8nhgu],
                .tambadah .breadcrumbs li.divider[b-aeyyj8nhgu] {
                    color: var(--dark-grey);
                    pointer-events: none;
                }
/* Akhir CSS Hyperlink */


/* CSS type input Text dan Textarea */
[b-aeyyj8nhgu] .input-box label {
    color: #333;
    font-size: 14px;
}

[b-aeyyj8nhgu] .input-box input {
    position: relative;
    font-size: 14px;
    height: 40px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

[b-aeyyj8nhgu] .input-box select {
    position: relative;
    font-size: 14px;
    height: 40px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

[b-aeyyj8nhgu] .input-box textarea {
    position: relative;
    font-size: 14px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}
/* Akhir CSS type input Text dan Textarea */
/* _content/PKMGerejaEbenhaezer.Web/Areas/Dashboard/Views/KategoriIbadah/Edit.cshtml.rz.scp.css */
.cardplus[b-n3rd18vv2n] {
    padding: 20px;
    border-radius: 10px;
    background: var(--light);
    box-shadow: 4px 4px 16px rgba(0, 0, 0, .05);
}

.edikatib[b-n3rd18vv2n] {
    width: 100%;
    padding: 24px 20px 20px 20px;
}

    /* CSS Hyperlink */
    .edikatib .title[b-n3rd18vv2n] {
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .edikatib .breadcrumbs[b-n3rd18vv2n] {
        display: flex;
        grid-gap: 6px;
        padding: 0;
        margin: 0;
    }

        .edikatib .breadcrumbs li[b-n3rd18vv2n],
        .edikatib .breadcrumbs li a[b-n3rd18vv2n] {
            font-size: 14px;
            list-style: none;
        }

            .edikatib .breadcrumbs li a[b-n3rd18vv2n] {
                color: var(--blue);
            }

                .edikatib .breadcrumbs li a.active[b-n3rd18vv2n],
                .edikatib .breadcrumbs li.divider[b-n3rd18vv2n] {
                    color: var(--dark-grey);
                    pointer-events: none;
                }
/* Akhir CSS Hyperlink */

.form-label[b-n3rd18vv2n] {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}

/* CSS type input Text dan Textarea */
[b-n3rd18vv2n] .input-box label {
    color: #333;
    font-size: 14px;
}

[b-n3rd18vv2n] .input-box input {
    position: relative;
    font-size: 14px;
    height: 40px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

[b-n3rd18vv2n] .input-box textarea {
    position: relative;
    font-size: 14px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}
/* Akhir CSS type input Text dan Textarea */


/* Warna */
.color-box[b-n3rd18vv2n] {
    width: 50px;
    height: 50px;
    border-radius: 10px;
}

.filterbut[b-n3rd18vv2n] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    gap: 10px;
}

    .filterbut[b-n3rd18vv2n]  a {
        text-decoration: none;
        box-shadow: 0 0 10px rgba(0,0,0,0.05);
        background: #fff;
        border: 1px solid rgba(0,0,0,0.1);
        border-radius: 10px;
        color: black;
        font-size: 18px;
        padding: 10px 20px;
        transition: all 0.3s ease;
    }

        .filterbut[b-n3rd18vv2n]  a:hover {
            color: #fff;
            background-color: var(--primary-clr);
        }

        .filterbut[b-n3rd18vv2n]  a.active {
            background-color: var(--primary-clr);
            color: white;
        }
/* Akhir Warna */
/* _content/PKMGerejaEbenhaezer.Web/Areas/Dashboard/Views/KategoriIbadah/Index.cshtml.rz.scp.css */
.katibadah[b-jyisl9wj16] {
    width: 100%;
    padding: 24px 20px 20px 20px;
}

    /* CSS Hyperlink */
    .katibadah .title[b-jyisl9wj16] {
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .katibadah .breadcrumbs[b-jyisl9wj16] {
        display: flex;
        grid-gap: 6px;
        padding: 0;
        margin: 0;
    }

        .katibadah .breadcrumbs li[b-jyisl9wj16],
        .katibadah .breadcrumbs li a[b-jyisl9wj16] {
            font-size: 14px;
            list-style: none;
        }

            .katibadah .breadcrumbs li a[b-jyisl9wj16] {
                color: var(--blue);
                cursor: pointer;
            }

                .katibadah .breadcrumbs li a.active[b-jyisl9wj16],
                .katibadah .breadcrumbs li.divider[b-jyisl9wj16] {
                    color: var(--dark-grey);
                    pointer-events: none;
                }
/* Akhir CSS Hyperlink */


/* CSS Datatable */
.table[b-jyisl9wj16] {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

    .table th[b-jyisl9wj16], .table td[b-jyisl9wj16] {
        padding: 12px 15px;
        text-align: left;
    }

    .table thead th[b-jyisl9wj16] {
        text-transform: uppercase;
        background-color: var(--primary-clr);
        color: #fff;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
    }

    .table tbody tr[b-jyisl9wj16] {
        border-bottom: 1px solid #dddddd;
    }

        .table tbody tr:nth-of-type(even)[b-jyisl9wj16] {
            background-color: #f3f3f3;
        }

        .table tbody tr:hover[b-jyisl9wj16] {
            background-color: #f1f1f1;
        }

.img-fluid[b-jyisl9wj16] {
    max-width: 50px;
    height: auto;
    border-radius: 5px;
}

.btn-primary[b-jyisl9wj16] {
    background-color: #007BFF;
    border: none;
}

    .btn-primary:hover[b-jyisl9wj16] {
        background-color: #0056b3;
    }

.btn-danger[b-jyisl9wj16] {
    background-color: #dc3545;
    border: none;
}

    .btn-danger:hover[b-jyisl9wj16] {
        background-color: #c82333;
    }

[b-jyisl9wj16] label {
    margin-bottom: 10px;
}
/* Akhir CSS Datatable */
/* _content/PKMGerejaEbenhaezer.Web/Areas/Dashboard/Views/KategoriIbadah/Tambah.cshtml.rz.scp.css */
.cardplus[b-0l0cy449wt] {
    padding: 20px;
    border-radius: 10px;
    background: var(--light);
    box-shadow: 4px 4px 16px rgba(0, 0, 0, .05);
}

.tamkatibd[b-0l0cy449wt] {
    width: 100%;
    padding: 24px 20px 20px 20px;
}

    /* CSS Hyperlink */
    .tamkatibd .title[b-0l0cy449wt] {
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .tamkatibd .breadcrumbs[b-0l0cy449wt] {
        display: flex;
        grid-gap: 6px;
        padding: 0;
        margin: 0;
    }

        .tamkatibd .breadcrumbs li[b-0l0cy449wt],
        .tamkatibd .breadcrumbs li a[b-0l0cy449wt] {
            font-size: 14px;
            list-style: none;
        }

            .tamkatibd .breadcrumbs li a[b-0l0cy449wt] {
                color: var(--blue);
            }

                .tamkatibd .breadcrumbs li a.active[b-0l0cy449wt],
                .tamkatibd .breadcrumbs li.divider[b-0l0cy449wt] {
                    color: var(--dark-grey);
                    pointer-events: none;
                }
/* Akhir CSS Hyperlink */

.form-label[b-0l0cy449wt] {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}

/* CSS type input Text dan Textarea */
[b-0l0cy449wt] .input-box label {
    color: #333;
    font-size: 14px;
}

[b-0l0cy449wt] .input-box input {
    position: relative;
    font-size: 14px;
    height: 40px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

[b-0l0cy449wt] .input-box textarea {
    position: relative;
    font-size: 14px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}
/* Akhir CSS type input Text dan Textarea */

/* Warna */
.color-box[b-0l0cy449wt] {
    width: 50px;
    height: 50px;
    border-radius: 10px;
}

.filterbut[b-0l0cy449wt] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    gap: 10px;
}

    .filterbut[b-0l0cy449wt]  a {
        text-decoration: none;
        box-shadow: 0 0 10px rgba(0,0,0,0.05);
        background: #fff;
        border: 1px solid rgba(0,0,0,0.1);
        border-radius: 10px;
        color: black;
        font-size: 18px;
        padding: 10px 20px;
        transition: all 0.3s ease;
    }

        .filterbut[b-0l0cy449wt]  a:hover {
            color: #fff;
            background-color: var(--primary-clr);
        }

        .filterbut[b-0l0cy449wt]  a.active {
            background-color: var(--primary-clr);
            color: white;
        }
/* Akhir Warna */
/* _content/PKMGerejaEbenhaezer.Web/Areas/Dashboard/Views/Pendeta/Edit.cshtml.rz.scp.css */
.cardplus[b-c1id1h82kb] {
    padding: 20px;
    border-radius: 10px;
    background: var(--light);
    box-shadow: 4px 4px 16px rgba(0, 0, 0, .05);
}

.edpend[b-c1id1h82kb] {
    width: 100%;
    padding: 24px 20px 20px 20px;
}

    /* CSS Hyperlink */
    .edpend .title[b-c1id1h82kb] {
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .edpend .breadcrumbs[b-c1id1h82kb] {
        display: flex;
        grid-gap: 6px;
        padding: 0;
        margin: 0;
    }

        .edpend .breadcrumbs li[b-c1id1h82kb],
        .edpend .breadcrumbs li a[b-c1id1h82kb] {
            font-size: 14px;
            list-style: none;
        }

            .edpend .breadcrumbs li a[b-c1id1h82kb] {
                color: var(--blue);
            }

                .edpend .breadcrumbs li a.active[b-c1id1h82kb],
                .edpend .breadcrumbs li.divider[b-c1id1h82kb] {
                    color: var(--dark-grey);
                    pointer-events: none;
                }
/* Akhir CSS Hyperlink */


#dvPreview[b-c1id1h82kb] {
    height: 300px;
    width: 300px;
    border-style: solid;
    border-width: medium;
    padding: 3px 3px 3px 3px;
}

    #dvPreview div[b-c1id1h82kb] {
        border-style: dashed;
        border-width: medium;
    }


.form-label[b-c1id1h82kb] {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}

/* CSS type input Text dan Textarea */
[b-c1id1h82kb] .input-box label {
    color: #333;
    font-size: 14px;
}

[b-c1id1h82kb] .input-box input {
    position: relative;
    font-size: 14px;
    height: 40px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

[b-c1id1h82kb] .input-box textarea {
    position: relative;
    font-size: 14px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}
/* Akhir CSS type input Text dan Textarea */
/* _content/PKMGerejaEbenhaezer.Web/Areas/Dashboard/Views/Pendeta/Index.cshtml.rz.scp.css */
.pendetaa[b-ci2g92x049] {
    width: 100%;
    padding: 24px 20px 20px 20px;
}

    /* CSS Hyperlink */
    .pendetaa .title[b-ci2g92x049] {
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .pendetaa .breadcrumbs[b-ci2g92x049] {
        display: flex;
        grid-gap: 6px;
        padding: 0;
        margin: 0;
    }

        .pendetaa .breadcrumbs li[b-ci2g92x049],
        .pendetaa .breadcrumbs li a[b-ci2g92x049] {
            font-size: 14px;
            list-style: none;
        }

            .pendetaa .breadcrumbs li a[b-ci2g92x049] {
                color: var(--blue);
                cursor: pointer;
            }

                .pendetaa .breadcrumbs li a.active[b-ci2g92x049],
                .pendetaa .breadcrumbs li.divider[b-ci2g92x049] {
                    color: var(--dark-grey);
                    pointer-events: none;
                }
/* Akhir CSS Hyperlink */


/* CSS Datatable */
.table[b-ci2g92x049] {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

    .table th[b-ci2g92x049], .table td[b-ci2g92x049] {
        padding: 12px 15px;
        text-align: left;
    }

    .table thead th[b-ci2g92x049] {
        text-transform: uppercase;
        background-color: var(--primary-clr);
        color: #fff;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
    }

    .table tbody tr[b-ci2g92x049] {
        border-bottom: 1px solid #dddddd;
    }

        .table tbody tr:nth-of-type(even)[b-ci2g92x049] {
            background-color: #f3f3f3;
        }

        .table tbody tr:hover[b-ci2g92x049] {
            background-color: #f1f1f1;
        }

.img-fluid[b-ci2g92x049] {
    max-width: 50px;
    height: auto;
    border-radius: 5px;
}

.btn-primary[b-ci2g92x049] {
    background-color: #007BFF;
    border: none;
}

    .btn-primary:hover[b-ci2g92x049] {
        background-color: #0056b3;
    }

.btn-danger[b-ci2g92x049] {
    background-color: #dc3545;
    border: none;
}

    .btn-danger:hover[b-ci2g92x049] {
        background-color: #c82333;
    }

[b-ci2g92x049] label {
    margin-bottom: 10px;
}
/* Akhir CSS Datatable */
/* _content/PKMGerejaEbenhaezer.Web/Areas/Dashboard/Views/Pendeta/Tambah.cshtml.rz.scp.css */
.cardplus[b-2rx29bi0ef] {
    padding: 20px;
    border-radius: 10px;
    background: var(--light);
    box-shadow: 4px 4px 16px rgba(0, 0, 0, .05);
}

.pluspend[b-2rx29bi0ef] {
    width: 100%;
    padding: 24px 20px 20px 20px;
}

    /* CSS Hyperlink */
    .pluspend .title[b-2rx29bi0ef] {
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .pluspend .breadcrumbs[b-2rx29bi0ef] {
        display: flex;
        grid-gap: 6px;
        padding: 0;
        margin: 0;
    }

        .pluspend .breadcrumbs li[b-2rx29bi0ef],
        .pluspend .breadcrumbs li a[b-2rx29bi0ef] {
            font-size: 14px;
            list-style: none;
        }

            .pluspend .breadcrumbs li a[b-2rx29bi0ef] {
                color: var(--blue);
            }

                .pluspend .breadcrumbs li a.active[b-2rx29bi0ef],
                .pluspend .breadcrumbs li.divider[b-2rx29bi0ef] {
                    color: var(--dark-grey);
                    pointer-events: none;
                }
/* Akhir CSS Hyperlink */


#dvPreview[b-2rx29bi0ef] {
    height: 300px;
    width: 300px;
    border-style: solid;
    border-width: medium;
    padding: 3px 3px 3px 3px;
}

    #dvPreview div[b-2rx29bi0ef] {
        border-style: dashed;
        border-width: medium;
    }


.form-label[b-2rx29bi0ef] {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}

/* CSS type input Text dan Textarea */
[b-2rx29bi0ef] .input-box label {
    color: #333;
    font-size: 14px;
}

[b-2rx29bi0ef] .input-box input {
    position: relative;
    font-size: 14px;
    height: 40px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

[b-2rx29bi0ef] .input-box textarea {
    position: relative;
    font-size: 14px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}
/* Akhir CSS type input Text dan Textarea */
/* _content/PKMGerejaEbenhaezer.Web/Areas/Dashboard/Views/Pengumuman/Edit.cshtml.rz.scp.css */
.cardedit[b-s2514t25ue] {
    padding: 20px;
    border-radius: 10px;
    background: var(--light);
    box-shadow: 4px 4px 16px rgba(0, 0, 0, .05);
}

.editpeng[b-s2514t25ue] {
    width: 100%;
    padding: 24px 20px 20px 20px;
}

    /* CSS Hyperlink */
    .editpeng .title[b-s2514t25ue] {
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .editpeng .breadcrumbs[b-s2514t25ue] {
        display: flex;
        grid-gap: 6px;
        padding: 0;
        margin: 0;
    }

        .editpeng .breadcrumbs li[b-s2514t25ue],
        .editpeng .breadcrumbs li a[b-s2514t25ue] {
            font-size: 14px;
            list-style: none;
        }

            .editpeng .breadcrumbs li a[b-s2514t25ue] {
                color: var(--blue);
            }

                .editpeng .breadcrumbs li a.active[b-s2514t25ue],
                .editpeng .breadcrumbs li.divider[b-s2514t25ue] {
                    color: var(--dark-grey);
                    pointer-events: none;
                }
    /* Akhir CSS Hyperlink */


/* Gambar Form */
#dvPreview[b-s2514t25ue] {
    height: 350px;
    width: 500px;
    border-style: solid;
    border-width: medium;
    padding: 3px 3px 3px 3px;
}

    #dvPreview div[b-s2514t25ue] {
        border-style: dashed;
        border-width: medium;
    }
/* Akhir Gambar Form */


/* CSS File PDF */
[b-s2514t25ue] .box {
    color: #333;
    font-size: 14px;
}
/* AKhir CSS File PDF */


/* CSS type input Text dan Textarea */
[b-s2514t25ue] .input-box label {
    color: #333;
    font-size: 14px;
}

[b-s2514t25ue] .input-box input {
    position: relative;
    font-size: 14px;
    height: 40px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

[b-s2514t25ue] .input-box textarea {
    position: relative;
    font-size: 14px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}
/* Akhir CSS type input Text dan Textarea */


/* CSS type input Checkbox */
[b-s2514t25ue] .check-box {
    vertical-align: middle;
}

    [b-s2514t25ue] .check-box label {
        padding-left: 5px;
        padding-top: 8px;
        color: #333;
        font-size: 14px;
    }

    [b-s2514t25ue] .check-box input {
        position: relative;
        font-size: 14px;
        height: 30px;
        outline: none;
        color: #707070;
        border: 1px solid #ddd;
        border-radius: 6px;
        padding: 0 15px;
    }
/* Akhir CSS type input Checkbox */
/* _content/PKMGerejaEbenhaezer.Web/Areas/Dashboard/Views/Pengumuman/Index.cshtml.rz.scp.css */
.pengumuman[b-93o4atjkxj] {
    width: 100%;
    padding: 24px 20px 20px 20px;
}

    /* CSS Hyperlink */
    .pengumuman .title[b-93o4atjkxj] {
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .pengumuman .breadcrumbs[b-93o4atjkxj] {
        display: flex;
        grid-gap: 6px;
        padding: 0;
        margin: 0;
    }

        .pengumuman .breadcrumbs li[b-93o4atjkxj],
        .pengumuman .breadcrumbs li a[b-93o4atjkxj] {
            font-size: 14px;
            list-style: none;
        }

            .pengumuman .breadcrumbs li a[b-93o4atjkxj] {
                color: var(--blue);
                cursor: pointer;
            }

                .pengumuman .breadcrumbs li a.active[b-93o4atjkxj],
                .pengumuman .breadcrumbs li.divider[b-93o4atjkxj] {
                    color: var(--dark-grey);
                    pointer-events: none;
                }
    /* Akhir CSS Hyperlink */


/* CSS Datatable */
.table[b-93o4atjkxj] {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

    .table th[b-93o4atjkxj], .table td[b-93o4atjkxj] {
        padding: 12px 15px;       
        text-align: left;
    }

    .table thead th[b-93o4atjkxj] {
        text-transform: uppercase;
        background-color: var(--primary-clr);
        color: #fff;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
    }

    .table tbody tr[b-93o4atjkxj] {
        border-bottom: 1px solid #dddddd;
    }

        .table tbody tr:nth-of-type(even)[b-93o4atjkxj] {
            background-color: #f3f3f3;
        }

        .table tbody tr:hover[b-93o4atjkxj] {
            background-color: #f1f1f1;
        }

.img-fluid[b-93o4atjkxj] {
    max-width: 50px;
    height: auto;
    border-radius: 5px;
}

.btn-primary[b-93o4atjkxj] {
    background-color: #007BFF;
    border: none;
}

    .btn-primary:hover[b-93o4atjkxj] {
        background-color: #0056b3;
    }

.btn-danger[b-93o4atjkxj] {
    background-color: #dc3545;
    border: none;
}

    .btn-danger:hover[b-93o4atjkxj] {
        background-color: #c82333;
    }

[b-93o4atjkxj] label {
    margin-bottom: 10px;
}
/* Akhir CSS Datatable */
/* _content/PKMGerejaEbenhaezer.Web/Areas/Dashboard/Views/Pengumuman/Tambah.cshtml.rz.scp.css */
.cardplus[b-5fw7ytf0rl] {
    padding: 20px;
    border-radius: 10px;
    background: var(--light);
    box-shadow: 4px 4px 16px rgba(0, 0, 0, .05);
}

.pluspeng[b-5fw7ytf0rl] {
    width: 100%;
    padding: 24px 20px 20px 20px;
}

    /* CSS Hyperlink */
    .pluspeng .title[b-5fw7ytf0rl] {
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .pluspeng .breadcrumbs[b-5fw7ytf0rl] {
        display: flex;
        grid-gap: 6px;
        padding: 0;
        margin: 0;
    }

        .pluspeng .breadcrumbs li[b-5fw7ytf0rl],
        .pluspeng .breadcrumbs li a[b-5fw7ytf0rl] {
            font-size: 14px;
            list-style: none;
        }

            .pluspeng .breadcrumbs li a[b-5fw7ytf0rl] {
                color: var(--blue);
            }

                .pluspeng .breadcrumbs li a.active[b-5fw7ytf0rl],
                .pluspeng .breadcrumbs li.divider[b-5fw7ytf0rl] {
                    color: var(--dark-grey);
                    pointer-events: none;
                }
    /* Akhir CSS Hyperlink */

/* CSS File PDF */
[b-5fw7ytf0rl] .box {
    color: #333;
    font-size: 14px;
}
/* AKhir CSS File PDF */


/* CSS type input Text dan Textarea */
[b-5fw7ytf0rl] .input-box label {
    color: #333;
    font-size: 14px;
}

[b-5fw7ytf0rl] .input-box input {
    position: relative;
    font-size: 14px;
    height: 40px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

[b-5fw7ytf0rl] .input-box textarea {
    position: relative;
    font-size: 14px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}
/* Akhir CSS type input Text dan Textarea */


/* CSS type input Checkbox */
[b-5fw7ytf0rl] .check-box {
    vertical-align: middle;
}

    [b-5fw7ytf0rl] .check-box label {
        padding-left: 5px;
        padding-top: 8px;
        color: #333;
        font-size: 14px;
    }

    [b-5fw7ytf0rl] .check-box input {
        position: relative;
        font-size: 14px;
        height: 30px;
        outline: none;
        color: #707070;
        border: 1px solid #ddd;
        border-radius: 6px;
        padding: 0 15px;
    }
/* Akhir CSS type input Checkbox */


/* Gambar Form */
#dvPreview[b-5fw7ytf0rl] {
    height: 350px;
    width: 500px;
    border-style: solid;
    border-width: medium;
    padding: 3px 3px 3px 3px;
}

    #dvPreview div[b-5fw7ytf0rl] {
        border-style: dashed;
        border-width: medium;
    }
/* Akhir Gambar Form */
/* _content/PKMGerejaEbenhaezer.Web/Areas/Dashboard/Views/Rayon/Edit.cshtml.rz.scp.css */
.cardedit[b-owcch4f9et] {
    padding: 20px;
    border-radius: 10px;
    background: var(--light);
    box-shadow: 4px 4px 16px rgba(0, 0, 0, .05);
}

.editray[b-owcch4f9et] {
    width: 100%;
    padding: 24px 20px 20px 20px;
}

    /* CSS Hyperlink */
    .editray .title[b-owcch4f9et] {
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .editray .breadcrumbs[b-owcch4f9et] {
        display: flex;
        grid-gap: 6px;
        padding: 0;
        margin: 0;
    }

        .editray .breadcrumbs[b-owcch4f9et]  li,
        .editray .breadcrumbs[b-owcch4f9et]  li a {
            font-size: 14px;
            list-style: none;
        }

            .editray .breadcrumbs[b-owcch4f9et]  li ::deep a {
                color: var(--blue);
            }

                .editray .breadcrumbs[b-owcch4f9et]  li a.active,
                .editray .breadcrumbs[b-owcch4f9et]  li.divider {
                    color: var(--dark-grey);
                    pointer-events: none;
                }
/* Akhir CSS Hyperlink */


#dvPreview[b-owcch4f9et] {
    height: 300px;
    width: 300px;
    border-style: solid;
    border-width: medium;
    padding: 3px 3px 3px 3px;
}

    #dvPreview div[b-owcch4f9et] {
        border-style: dashed;
        border-width: medium;
    }

.form-label[b-owcch4f9et] {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}


/* CSS type input Text dan Textarea */
[b-owcch4f9et] .input-box label {
    color: #333;
    font-size: 14px;
}

[b-owcch4f9et] .input-box input {
    position: relative;
    font-size: 14px;
    height: 40px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

[b-owcch4f9et] .input-box textarea {
    position: relative;
    font-size: 14px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}
/* Akhir CSS type input Text dan Textarea */
/* _content/PKMGerejaEbenhaezer.Web/Areas/Dashboard/Views/Rayon/Index.cshtml.rz.scp.css */
.dafray[b-rwejym55zk] {
    width: 100%;
    padding: 24px 20px 20px 20px;
}

    /* CSS Hyperlink */
    .dafray .title[b-rwejym55zk] {
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .dafray .breadcrumbs[b-rwejym55zk] {
        display: flex;
        grid-gap: 6px;
        padding: 0;
        margin: 0;
    }

        .dafray .breadcrumbs li[b-rwejym55zk],
        .dafray .breadcrumbs li a[b-rwejym55zk] {
            font-size: 14px;
            list-style: none;
        }

            .dafray .breadcrumbs li a[b-rwejym55zk] {
                color: var(--blue);
                cursor: pointer;
            }

                .dafray .breadcrumbs li a.active[b-rwejym55zk],
                .dafray .breadcrumbs li.divider[b-rwejym55zk] {
                    color: var(--dark-grey);
                    pointer-events: none;
                }
/* Akhir CSS Hyperlink */


/* CSS Datatable */
.table[b-rwejym55zk] {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

    .table th[b-rwejym55zk], .table td[b-rwejym55zk] {
        /*text-align: center;
        vertical-align: middle;
        font-size: 125%;*/
    }

    .table thead th[b-rwejym55zk] {
        text-transform: uppercase;
        background-color: var(--primary-clr);
        color: #fff;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
    }

    .table tbody tr[b-rwejym55zk] {
        border-bottom: 1px solid #dddddd;
    }

        .table tbody tr:nth-of-type(even)[b-rwejym55zk] {
            background-color: #f3f3f3;
        }

        .table tbody tr:hover[b-rwejym55zk] {
            background-color: #f1f1f1;
        }

.img-fluid[b-rwejym55zk] {
    max-width: auto;
    height: auto;
    border-radius: 5px;
}

.btn-primary[b-rwejym55zk] {
    background-color: #007BFF;
    border: none;
}

    .btn-primary:hover[b-rwejym55zk] {
        background-color: #0056b3;
    }

.btn-danger[b-rwejym55zk] {
    background-color: #dc3545;
    border: none;
}

    .btn-danger:hover[b-rwejym55zk] {
        background-color: #c82333;
    }

[b-rwejym55zk] label {
    margin-bottom: 10px;
}
/* Akhir CSS Datatable */
/* _content/PKMGerejaEbenhaezer.Web/Areas/Dashboard/Views/Rayon/Tambah.cshtml.rz.scp.css */
.cardplus[b-na6qoip2n9] {
    padding: 20px;
    border-radius: 10px;
    background: var(--light);
    box-shadow: 4px 4px 16px rgba(0, 0, 0, .05);
}

.tamrayon[b-na6qoip2n9] {
    width: 100%;
    padding: 24px 20px 20px 20px;
}

    /* CSS Hyperlink */
    .tamrayon .title[b-na6qoip2n9] {
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .tamrayon .breadcrumbs[b-na6qoip2n9] {
        display: flex;
        grid-gap: 6px;
        padding: 0;
        margin: 0;
    }

        .tamrayon .breadcrumbs li[b-na6qoip2n9],
        .tamrayon .breadcrumbs li a[b-na6qoip2n9] {
            font-size: 14px;
            list-style: none;
        }

            .tamrayon .breadcrumbs li a[b-na6qoip2n9] {
                color: var(--blue);
            }

                .tamrayon .breadcrumbs li a.active[b-na6qoip2n9],
                .tamrayon .breadcrumbs li.divider[b-na6qoip2n9] {
                    color: var(--dark-grey);
                    pointer-events: none;
                }
/* Akhir CSS Hyperlink */

#dvPreview[b-na6qoip2n9] {
    height: 300px;
    width: 300px;
    border-style: solid;
    border-width: medium;
    padding: 3px 3px 3px 3px;
}

    #dvPreview div[b-na6qoip2n9] {
        border-style: dashed;
        border-width: medium;
    }

.form-label[b-na6qoip2n9] {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}

/* CSS type input Text dan Textarea */
[b-na6qoip2n9] .input-box label {
    color: #333;
    font-size: 14px;
}

[b-na6qoip2n9] .input-box input {
    position: relative;
    font-size: 14px;
    height: 40px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

[b-na6qoip2n9] .input-box textarea {
    position: relative;
    font-size: 14px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}
/* Akhir CSS type input Text dan Textarea */
/* _content/PKMGerejaEbenhaezer.Web/Areas/Dashboard/Views/Shared/_Layout.cshtml.rz.scp.css */
/* CONTENT */
#content[b-vkxcm9juc3] {
    position: relative;
    width: calc(100% - 260px);
    left: 260px;
    transition: all .3s ease;
}

#sidebar.hide + #content[b-vkxcm9juc3] {
    width: calc(100% - 60px);
    left: 60px;
}

/* NAVBAR */
nav[b-vkxcm9juc3] {
    background: #fff;
    height: 64px;
    box-shadow: 0px 4px 5px 0px rgba(198,181,181,0.75);
    -webkit-box-shadow: 0px 4px 5px 0px rgba(198,181,181,0.75);
    -moz-box-shadow: 0px 4px 5px 0px rgba(198,181,181,0.75);
    padding: 0 20px;
    display: flex;
    align-items: center;
    grid-gap: 28px;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 100;
}

    nav .toggle-sidebar[b-vkxcm9juc3] {
        display: block;
        font-size: 18px;
        cursor: pointer;
    }

    nav .toggle-sidebar-hp[b-vkxcm9juc3] {
        display: none;
    }

    nav[b-vkxcm9juc3]  form {
        max-width: 400px;
        width: 100%;
        margin-right: auto;
    }

    nav .form-group[b-vkxcm9juc3] {
        position: relative;
    }

        nav .form-group input[b-vkxcm9juc3] {
            width: 100%;
            background: #F1F0F6;
            border-radius: 5px;
            border: none;
            outline: none;
            padding: 10px 36px 10px 16px;
            transition: all .3s ease;
        }

            nav .form-group input:focus[b-vkxcm9juc3] {
                box-shadow: 0 0 0 1px #1775F1, 0 0 0 4px #D0E4FF;
            }

        nav .form-group .icon[b-vkxcm9juc3] {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 16px;
            color: #8D8D8D;
        }

    nav .nav-link[b-vkxcm9juc3] {
        position: relative;
    }

        nav .nav-link .icon[b-vkxcm9juc3] {
            font-size: 18px;
            color: #000;
        }

        nav .nav-link .badge[b-vkxcm9juc3] {
            position: absolute;
            top: -12px;
            right: -12px;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            border: 2px solid #fff;
            background: #FC3B56;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            font-size: 10px;
            font-weight: 700;
        }

    nav .divider[b-vkxcm9juc3] {
        width: 1px;
        background: #F1F0F6;
        height: 12px;
        display: block;
    }

    nav .profile[b-vkxcm9juc3] {
        position: relative;
    }

    nav .profile li[b-vkxcm9juc3]{
        list-style: none;
    }

        nav .profile[b-vkxcm9juc3]  img {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            object-fit: cover;
            cursor: pointer;
        }

        nav .profile .profile-link[b-vkxcm9juc3] {
            position: absolute;
            top: calc(100% + 10px);
            right: 0;
            background: #fff;
            padding: 10px 0;
            box-shadow: 4px 4px 16px rgba(0, 0, 0, .1);
            border-radius: 10px;
            width: 180px;
            opacity: 0;
            pointer-events: none;
            transition: all .3s ease;
        }

            nav .profile .profile-link.show[b-vkxcm9juc3] {
                opacity: 1;
                pointer-events: visible;
                top: 100%;
            }

            nav .profile .profile-link[b-vkxcm9juc3]  a {
                padding: 10px 16px;
                display: flex;
                grid-gap: 10px;
                font-size: 14px;
                color: #000;
                align-items: center;
                transition: all .3s ease;
            }

                nav .profile .profile-link[b-vkxcm9juc3]  a:hover {
                    background: #F1F0F6;
                }

.tomboltoa[b-vkxcm9juc3] {
    padding: 10px 16px;
    display: flex;
    width: 100%;
    grid-gap: 10px;
    font-size: 14px;
    border: none;
    background: transparent;
    background-color: none;
    color: #000;
    align-items: center;
    transition: all .3s ease;
}

[b-vkxcm9juc3] .formuku {
}

    [b-vkxcm9juc3] .formuku:hover {
        cursor: pointer;
        background: #F1F0F6;
    }
/* NAVBAR */

@media screen and (max-width: 768px) {
    #content[b-vkxcm9juc3] {
        position: relative;
        width: calc(100% - 60px);
        transition: all .3s ease;
    }

    nav .nav-link[b-vkxcm9juc3],
    nav .divider[b-vkxcm9juc3] {
        display: none;
    }
}

@media screen and (max-width: 568px) {
    #content[b-vkxcm9juc3] {
        width: 100%;
        left: 0;
    }

    nav[b-vkxcm9juc3] {
        width: 100%;
    }

    nav .toggle-sidebar[b-vkxcm9juc3] {
        display: none;
    }

        nav .toggle-sidebar-hp[b-vkxcm9juc3] {
            display: block;
            font-size: 18px;
        }

    #sidebar[b-vkxcm9juc3] {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        z-index: 200;
    }

        #sidebar.show[b-vkxcm9juc3] {
            display: block;
        }
}
/* _content/PKMGerejaEbenhaezer.Web/Areas/Dashboard/Views/Shared/_SideBar.cshtml.rz.scp.css */
li[b-74ppinxwd6] {
    list-style: none;
}

/* Sidebar */
#sidebar[b-74ppinxwd6] {
    position: fixed;
    box-shadow: 4px 0px 5px 0px rgba(198,181,181,0.75);
    -webkit-box-shadow: 4px 0px 5px 0px rgba(198,181,181,0.75);
    -moz-box-shadow: 4px 0px 5px 0px rgba(198,181,181,0.75);
    max-width: 260px;
    width: 100%;
    background-color: white;
    top: 0;
    left: 0;
    height: 100%;
    overflow-y: auto;
    scrollbar-width: none;
    transition: all .3s ease;
    z-index: 200;
}

    #sidebar.hide[b-74ppinxwd6] {
        max-width: 60px;
    }

        #sidebar.hide:hover[b-74ppinxwd6] {
            max-width: 260px;
        }

    #sidebar[b-74ppinxwd6]::-webkit-scrollbar {
        display: none;
    }

    #sidebar .brand[b-74ppinxwd6] {
        font-size: 24px;
        display: flex;
        align-items: center;
        height: 64px;
        font-weight: 700;
        color: var(--primary-clr);
        transition: all .3s ease;
        padding: 0 6px;
    }

    #sidebar .icon[b-74ppinxwd6] {
        min-width: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-right: 6px;
    }

    #sidebar .icon-right[b-74ppinxwd6] {
        margin-left: auto;
        transition: all .3s ease;
    }

    #sidebar .side-menu[b-74ppinxwd6] {
        margin: 36px 0;
        padding: 0 20px;
        transition: all .3s ease;
    }

    #sidebar.hide .side-menu[b-74ppinxwd6] {
        padding: 0 6px;
    }

    #sidebar.hide:hover .side-menu[b-74ppinxwd6] {
        padding: 0 20px;
    }

    #sidebar .side-menu[b-74ppinxwd6]  a {
        display: flex;
        align-items: center;
        font-size: 14px;
        color: var(--dark);
        padding: 12px 16px 12px 0px;
        transition: all .3s ease;
        border-radius: 10px;
        margin: 4px 0px;
        white-space: nowrap;
    }

    /*#sidebar .side-menu > li > ::deep a:hover {
        background-color: var(--primary-clr);
        color: white;
        transition: all .1s ease;
    }*/


    #sidebar .side-menu[b-74ppinxwd6]  > li > ::deep a.active .icon-right {
        transform: rotateZ(90deg);
    }


    #sidebar .side-menu[b-74ppinxwd6]  > li > a.activee,
    #sidebar .side-menu[b-74ppinxwd6]  > li > a.activee:hover {
        color: white;
        background-color: var(--primary-clr);
        transition: .2s ease;
    }

    #sidebar .divider[b-74ppinxwd6] {
        margin-top: 24px;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700;
        color: var(--primary-clr);
        transition: all .3s ease;
        white-space: nowrap;
    }

    #sidebar.hide:hover .divider[b-74ppinxwd6] {
        text-align: left;
    }

    #sidebar.hide .divider[b-74ppinxwd6] {
        text-align: center;
    }

    #sidebar .side-dropdown[b-74ppinxwd6] {
        padding-left: 48px;
        max-height: 0px;
        overflow-y: hidden;
        transition: all .15s ease;
    }

        #sidebar .side-dropdown.show[b-74ppinxwd6] {
            max-height: 1000px;
        }

        #sidebar .side-dropdown[b-74ppinxwd6]  a:hover {
            color: var(--primary-clr);
        }

    #sidebar .logout[b-74ppinxwd6] {
        width: 100%;
        padding: 20px;
    }

    #sidebar.hide .logout[b-74ppinxwd6] {
        display: none;
    }

    #sidebar .logout .wrapper[b-74ppinxwd6] {
        background-color: #F1F0F6;
        padding: 20px;
        border-radius: 10px;
    }

/* Akhir Sidebar */

@media screen and (max-width: 568px) {
    #sidebar[b-74ppinxwd6] {
        display: block;
        left: -300px;
    }

    #sidebar.show[b-74ppinxwd6] {
        left: 0px;
    }
}
/* _content/PKMGerejaEbenhaezer.Web/Areas/Dashboard/Views/WartaJemaat/Edit.cshtml.rz.scp.css */
.cardplus[b-l9n9zvs84q] {
    padding: 20px;
    border-radius: 10px;
    background: var(--light);
    box-shadow: 4px 4px 16px rgba(0, 0, 0, .05);
}

.edwarta[b-l9n9zvs84q] {
    width: 100%;
    padding: 24px 20px 20px 20px;
}

    /* CSS Hyperlink */
    .edwarta .title[b-l9n9zvs84q] {
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .edwarta .breadcrumbs[b-l9n9zvs84q] {
        display: flex;
        grid-gap: 6px;
        padding: 0;
        margin: 0;
    }

        .edwarta .breadcrumbs li[b-l9n9zvs84q],
        .edwarta .breadcrumbs li a[b-l9n9zvs84q] {
            font-size: 14px;
            list-style: none;
        }

            .edwarta .breadcrumbs li a[b-l9n9zvs84q] {
                color: var(--blue);
            }

                .edwarta .breadcrumbs li a.active[b-l9n9zvs84q],
                .edwarta .breadcrumbs li.divider[b-l9n9zvs84q] {
                    color: var(--dark-grey);
                    pointer-events: none;
                }
/* Akhir CSS Hyperlink */


/* CSS type input Text dan Textarea */
[b-l9n9zvs84q] .input-box label {
    color: #333;
    font-size: 14px;
}

[b-l9n9zvs84q] .input-box input {
    position: relative;
    font-size: 14px;
    height: 40px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

[b-l9n9zvs84q] .input-box textarea {
    position: relative;
    font-size: 14px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}
/* Akhir CSS type input Text dan Textarea */
/* _content/PKMGerejaEbenhaezer.Web/Areas/Dashboard/Views/WartaJemaat/Index.cshtml.rz.scp.css */
.wartaa[b-j4h3atefna] {
    width: 100%;
    padding: 24px 20px 20px 20px;
}

    /* CSS Hyperlink */
    .wartaa .title[b-j4h3atefna] {
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .wartaa .breadcrumbs[b-j4h3atefna] {
        display: flex;
        grid-gap: 6px;
        padding: 0;
        margin: 0;
    }

        .wartaa .breadcrumbs li[b-j4h3atefna],
        .wartaa .breadcrumbs li a[b-j4h3atefna] {
            font-size: 14px;
            list-style: none;
        }

            .wartaa .breadcrumbs li a[b-j4h3atefna] {
                color: var(--blue);
                cursor: pointer;
            }

                .wartaa .breadcrumbs li a.active[b-j4h3atefna],
                .wartaa .breadcrumbs li.divider[b-j4h3atefna] {
                    color: var(--dark-grey);
                    pointer-events: none;
                }
    /* Akhir CSS Hyperlink */


/* CSS Datatable */
.table[b-j4h3atefna] {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

    .table th[b-j4h3atefna], .table td[b-j4h3atefna] {
        padding: 12px 15px;
        text-align: left;
    }

    .table thead th[b-j4h3atefna] {
        text-transform: uppercase;
        background-color: var(--primary-clr);
        color: #fff;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
    }

    .table tbody tr[b-j4h3atefna] {
        border-bottom: 1px solid #dddddd;
    }

        .table tbody tr:nth-of-type(even)[b-j4h3atefna] {
            background-color: #f3f3f3;
        }

        .table tbody tr:hover[b-j4h3atefna] {
            background-color: #f1f1f1;
        }

.img-fluid[b-j4h3atefna] {
    max-width: 50px;
    height: auto;
    border-radius: 5px;
}

.btn-primary[b-j4h3atefna] {
    background-color: #007BFF;
    border: none;
}

    .btn-primary:hover[b-j4h3atefna] {
        background-color: #0056b3;
    }

.btn-danger[b-j4h3atefna] {
    background-color: #dc3545;
    border: none;
}

    .btn-danger:hover[b-j4h3atefna] {
        background-color: #c82333;
    }

[b-j4h3atefna] label {
    margin-bottom: 10px;
}
/* Akhir CSS Datatable */
/* _content/PKMGerejaEbenhaezer.Web/Areas/Dashboard/Views/WartaJemaat/Tambah.cshtml.rz.scp.css */
.cardplus[b-vvlr7m6hnn] {
    padding: 20px;
    border-radius: 10px;
    background: var(--light);
    box-shadow: 4px 4px 16px rgba(0, 0, 0, .05);
}

.tamwarta[b-vvlr7m6hnn] {
    width: 100%;
    padding: 24px 20px 20px 20px;
}

    /* CSS Hyperlink */
    .tamwarta .title[b-vvlr7m6hnn] {
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .tamwarta .breadcrumbs[b-vvlr7m6hnn] {
        display: flex;
        grid-gap: 6px;
        padding: 0;
        margin: 0;
    }

        .tamwarta .breadcrumbs li[b-vvlr7m6hnn],
        .tamwarta .breadcrumbs li a[b-vvlr7m6hnn] {
            font-size: 14px;
            list-style: none;
        }

            .tamwarta .breadcrumbs li a[b-vvlr7m6hnn] {
                color: var(--blue);
            }

                .tamwarta .breadcrumbs li a.active[b-vvlr7m6hnn],
                .tamwarta .breadcrumbs li.divider[b-vvlr7m6hnn] {
                    color: var(--dark-grey);
                    pointer-events: none;
                }
/* Akhir CSS Hyperlink */


/* CSS type input Text dan Textarea */
[b-vvlr7m6hnn] .input-box label {
    color: #333;
    font-size: 14px;
}

[b-vvlr7m6hnn] .input-box input {
    position: relative;
    font-size: 14px;
    height: 40px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

[b-vvlr7m6hnn] .input-box textarea {
    position: relative;
    font-size: 14px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}
/* Akhir CSS type input Text dan Textarea */
/* _content/PKMGerejaEbenhaezer.Web/Views/Account/Edit.cshtml.rz.scp.css */
/* CSS Content Manajemen Akun Section */
.containerkun[b-i3xkb46zgh] {
    margin-top: 8rem;
    padding-bottom: 30px;
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 2%;
}

.jud[b-i3xkb46zgh] {
    margin-bottom: 30px;
}

.jud h1[b-i3xkb46zgh] {
    font-size: 32px;
    font-weight: bold;
}

    .jud p[b-i3xkb46zgh] {
        font-size: 14px;
        font-weight: 400;
    }

.input-wrapper[b-i3xkb46zgh] {
    position: relative;
}

    .input-wrapper input[b-i3xkb46zgh] {
        padding-right: 30px;
    }

    .input-wrapper .toggle-password[b-i3xkb46zgh] {
        position: absolute;
        right: 10px;
        font-size: 16px;
        transition: all 0.3s ease;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        color: #707070;
    }
/* Akhir CSS Content Manajemen Akun Section */


/* CSS Type Input Text dan Select dan Textarea */
[b-i3xkb46zgh] .input-box label {
    color: #333;
    font-size: 14px;
}

[b-i3xkb46zgh] .input-box input {
    position: relative;
    font-size: 14px;
    height: 40px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

[b-i3xkb46zgh] .input-box textarea {
    position: relative;
    font-size: 14px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}
/* Akhir CSS Type Input Text dan Select dan Textarea */


/* --------------------------------------------------- Responsive --------------------------------------------------- */
/*  Responsive 968 */
@media (max-width:968px)  {
    .containerkun[b-i3xkb46zgh] {
        padding-bottom: 30px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 8%;
    }
}
/* _content/PKMGerejaEbenhaezer.Web/Views/Account/Login.cshtml.rz.scp.css */
/* Form Login Section */
#login-form[b-iygkbaf9g4] {
    margin-top: 8rem;
    padding-top: 80px;
    padding-bottom: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.container-login[b-iygkbaf9g4] {
    width: 440px;
    padding: 40px 32px;
    margin: 0px 20px;
    border-radius: 8px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

    .container-login h1[b-iygkbaf9g4] {
        font-size: 24px;
        font-weight: bold;
        text-align: center;
    }

    .container-login .divider[b-iygkbaf9g4] {
        display: flex;
        align-items: center;
        gap: 20px;
    }

        .container-login .divider .line[b-iygkbaf9g4] {
            height: 1px;
            width: 100%;
            background: var(--primary-clr);
            opacity: 0.2;
            margin: 30px 0 16px;
        }

    .container-login[b-iygkbaf9g4]  form label {
        color: var(--primary-clr);
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.03rem;
        display: block;
        margin-top: 12px;
    }

    .container-login[b-iygkbaf9g4]  form .custome-input {
        position: relative;
    }

        .container-login[b-iygkbaf9g4]  form .custome-input input {
            color: var(--primary-clr);
            font-size: 16px;
            font-weight: 500;
            width: 100%;
            height: 46px;
            letter-spacing: 0.03rem;
            border: 1px solid #1d1d1d;
            background: transparent;
            outline: none;
            border-radius: 8px;
            text-indent: 20px;
            margin-top: 6px;
            transition: all 0.3s ease;
            padding-right: 45px;
        }

            .container-login[b-iygkbaf9g4]  form .custome-input input::-ms-reveal {
                filter: invert(100%);
                display: none;
            }

            .container-login[b-iygkbaf9g4]  form .custome-input input:focus {
                border-color: var(--primary-clr);
            }

        .container-login[b-iygkbaf9g4]  form .custome-input i {
            position: absolute;
            font-size: 28px;
            right: 10px;
            top: 10px;
            transition: all 0.3s ease;
        }

        .container-login[b-iygkbaf9g4]  form .custome-input input:focus + i {
            color: var(--primary-clr);
        }

.container-login[b-iygkbaf9g4]  form .login {
    width: 100%;
    margin-top: 30px;
    background: var(--primary-clr);
    color: var(--light-heading-clr);
    border: 1px solid;
    line-height: 50px;
    font-size: 18px;
    letter-spacing: 0.025rem;
    cursor: pointer;
    font-weight: 800;
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

    .container-login[b-iygkbaf9g4]  form .login:hover {
        background: var(--light-heading-clr);
        color: var(--primary-clr);
    }

.container-login[b-iygkbaf9g4]  form .form-check {
    text-align: start;
    margin-top: 18px;
}

    .container-login[b-iygkbaf9g4]  form .form-check .form-check-input {
        margin-top: 0px;
        margin-left: -1rem;
        color: black;
        font-size: 23px;
        margin-right: 10px;
    }
/* Akhir Form Login Section */
/* _content/PKMGerejaEbenhaezer.Web/Views/Home/Index.cshtml.rz.scp.css */
/* CSS Hero Section */
#hero[b-t5jt8ugovc] {
    background-image: linear-gradient(rgba(9, 5, 54, 0.3),rgba(5, 4, 46, 0.75)),url("img/homepage/background_1_ebenhaezer.jpg");
    /* Effect Parallax */
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
    /* Akhir Effect Parallax */
    margin: 0px auto;
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center;
    background-position-y: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    #hero h1[b-t5jt8ugovc] {
        width: 80%;
        padding-top: 30px;
        color: #fff;
        font-size: 70px;
        font-weight: bold;
        text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
        text-transform: uppercase;
    }

    /* Masih Dinonaktifkan*/
    #hero p[b-t5jt8ugovc] {
        width: 60%;
        text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 1px;
    }
/* Akhir CSS Hero Section */


/* CSS Sejarah Section */
#sejarah[b-t5jt8ugovc] {
    margin: 6vw 8vw 0vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

    #sejarah[b-t5jt8ugovc]  .row-container {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

        #sejarah[b-t5jt8ugovc]  .row-container .image-container {
            width: 50%;
            align-content: center;
            padding: 3vw;
        }

            #sejarah[b-t5jt8ugovc]  .row-container .image-container img {
                width: 100%;
                background: linear-gradient(rgba(9, 5, 54, 0.4),rgba(5, 4, 46, 0.75));
                height: auto;
                border-radius: 10px;
            }

        #sejarah[b-t5jt8ugovc]  .row-container .content-sej {
            width: 50%;
            padding: 3vw;
            vertical-align: middle;
        }

            #sejarah[b-t5jt8ugovc]  .row-container .content-sej h2 {
                margin-bottom: 1vw;
                font-size: 40px;
            }

            #sejarah[b-t5jt8ugovc]  .row-container .content-sej a {
                text-decoration: none;
                cursor: pointer;
                color: #e5e5e5;
                font-size: 15px;
                border: 1px solid transparent;
                background-color: var(--primary-clr);
                padding: 13px 18px;
                border-radius: 5px;
                transition: all 0.3s;
            }

                #sejarah[b-t5jt8ugovc]  .row-container .content-sej a:hover {
                    background-color: var(--light-heading-clr);
                    color: var(--primary-clr);
                    border: 1px solid var(--primary-clr);
                }

.row-container .content-sej p[b-t5jt8ugovc] {
    margin-bottom: 30px;
    text-align: justify;
    font-size: 16px;
    /* Limit 8 baris */
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Akhir CSS Sejarah Section */


/* CSS Pendeta Section */
#pendeta[b-t5jt8ugovc] {
    padding: 5vw 8vw 0 8vw;
    text-align: center;
    z-index: -1;
}

    #pendeta h1[b-t5jt8ugovc] {
        font-size: 40px;
    }

    #pendeta p[b-t5jt8ugovc] {
        font-size: 16px;
    }

    #pendeta[b-t5jt8ugovc]  .pendeta-box {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        grid-gap: 1rem;
        margin-top: 50px;
    }

        #pendeta[b-t5jt8ugovc]  .pendeta-box .profile {
            background: #fafaf1;
            padding: 30px 10px;
        }

            #pendeta[b-t5jt8ugovc]  .pendeta-box .profile .gambar-pen {
                display: flex;
                justify-content: center;
            }

                #pendeta[b-t5jt8ugovc]  .pendeta-box .profile .gambar-pen img {
                    border-radius: 50%;
                    height: 200px;
                    width: 200px;
                    object-fit: cover;
                }

            #pendeta[b-t5jt8ugovc]  .pendeta-box .profile h6 {
                padding-top: 10px;
                font-size: 15px;
                font-weight: 500;
            }

            #pendeta[b-t5jt8ugovc]  .pendeta-box .profile p {
                font-size: 14px;
            }

/* Container Media Sosial */
.pen-link[b-t5jt8ugovc] {
    margin-top: 18px;
}

    .pen-link a[b-t5jt8ugovc] {
        text-decoration: none;
        color: #000;
    }

        .pen-link a.disabled[b-t5jt8ugovc] {
            background: transparent;
            color: #000;
        }

    .pen-link i[b-t5jt8ugovc] {
        font-size: 15px;
        margin-right: 3px;
        padding: 10px 13px;
        border: 1px solid rgb(21, 21, 100);
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .pen-link a:not(.disabled) i:hover[b-t5jt8ugovc] {
        background: rgb(21, 21, 100);
        color: #fff;
    }
/* Akhir Container Media Sosial */
/* Akhir CSS Pendeta Section */


/* CSS Injil Section */
#injil[b-t5jt8ugovc] {
    display: flex;
    background-attachment: fixed;
    flex-direction: column;
    background-size: cover;
    background-position: center;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 4vw;
    margin-bottom: 2vw;
    color: #fff;
    padding: 8vw 9vw 8vw 9vw;
    background-image: linear-gradient(rgba(9, 5, 54, 0.1),rgba(5, 4, 46, 0.5)),url("img/homepage/mimbar_gereja1-min.jpg");
}

    #injil .injil-text h6[b-t5jt8ugovc] {
        font-family: 'Tinos';
        text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
        font-weight: 400;
        font-size: 20px;
    }

    #injil .injil-text p[b-t5jt8ugovc] {
        font-family: 'Tinos';
        text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
        font-weight: 500;
        font-size: 20px;
    }
/* Akhir CSS Injil Section */


/* CSS Chart jemaat Section */
#about-container[b-t5jt8ugovc] {
    display: flex;
    align-items: center;
    margin-top: 30px;
    padding: 0vw 8vw 0vw 8vw;
}

    #about-container .about-char[b-t5jt8ugovc] {
        height: 450px;
        width: 50%;
        padding-left: 50px;
        align-items: center;
    }

        #about-container .about-char img[b-t5jt8ugovc] {
            width: 100%;
        }

    #about-container .about-text[b-t5jt8ugovc] {
        width: 50%;
    }

        #about-container .about-text h2[b-t5jt8ugovc] {
            font-size: 40px;
            color: #29303B;
            padding-bottom: 15px;
        }

        #about-container .about-text p[b-t5jt8ugovc] {
            color: #686F7A;
            font-size: 16px;
            padding-bottom: 15px;
            font-weight: 300;
        }

        #about-container .about-text .about-fe[b-t5jt8ugovc] {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-top: 30px;
        }

            #about-container .about-text .about-fe img[b-t5jt8ugovc] {
                width: 50px;
                background-size: cover;
                background-position: center;
                margin-right: 20px;
            }

            #about-container .about-text .about-fe .fe-text[b-t5jt8ugovc] {
                width: 90%;
            }

                #about-container .about-text .about-fe .fe-text h5[b-t5jt8ugovc] {
                    font-size: 16px;
                    color: #29303B;
                }

    #about-container .counters[b-t5jt8ugovc] {
        padding: 3em 2em;
        background: var(--primary-clr);
        color: white;
        text-align: center;
    }

.counters > div[b-t5jt8ugovc] {
    max-width: auto;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 4em 2em;
}

#about-container .counters .counter[b-t5jt8ugovc] {
    position: relative;
}

    #about-container .counters .counter h4[b-t5jt8ugovc] {
        font-size: 3em;
        margin-bottom: 0.5em;
    }

        #about-container .counters .counter h4 span[b-t5jt8ugovc] {
            color: white;
        }
/* Akhir CSS Chart jemaat Section */


/* CSS Warta Section */
section.warta[b-t5jt8ugovc] {
    width: 100%;
    padding-bottom: 30px;
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 2%;
}

.warta .section-header[b-t5jt8ugovc] {
    position: relative;
    display: flex;
    justify-content: space-between;
}

    .warta .section-header[b-t5jt8ugovc]  .warta-btn {
        position: absolute;
        right: 0;
        bottom: 40px;
    }

.tombolbaca[b-t5jt8ugovc] {
    padding: 10px 18px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    background: var(--primary-clr);
    width: 100%;
    font-size: 15px;
    border: 1px solid var(--primary-clr);
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s;
}

    .tombolbaca:hover[b-t5jt8ugovc] {
        background-color: var(--light-heading-clr);
        color: var(--primary-clr);
    }

.warta .warta-contents[b-t5jt8ugovc] {
    display: flex;
    flex-wrap: wrap;
}

    .warta .warta-contents .warta-card[b-t5jt8ugovc] {
        display: flex;
        flex-direction: column;
        flex-basis: calc(calc(100% / 3) - 1.2%);
        position: relative;
        height: auto;
        border: 1px solid #eee;
        padding: 10px;
        border-radius: 5px;
        margin: 5px 5px 5px 5px;
        cursor: pointer;
        transition: all 0.3s;
    }

        .warta .warta-contents .warta-card:hover[b-t5jt8ugovc] {
            box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
        }

.warta-contents .warta-card[b-t5jt8ugovc]  img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 5px;
}

.image-wrapper[b-t5jt8ugovc] {
    position: relative;
    margin-bottom: 10px;
}

    .image-wrapper img[b-t5jt8ugovc] {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 5px;
    }

.warta .warta-contents .warta-card .tanggal[b-t5jt8ugovc] {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background-color: rgba(16, 49, 107, 0.9);
    padding: 5px 10px;
    border-radius: 5px;
}

    .warta .warta-contents .warta-card .tanggal h3[b-t5jt8ugovc] {
        font-size: 43px;
        color: #fafaf1;
        font-family: "Noto Serif Display", serif;
        margin: 0;
    }

.tanggal-text[b-t5jt8ugovc] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.warta .warta-contents .warta-card .tanggal h4[b-t5jt8ugovc] {
    font-size: 11px;
    color: #fff;
    font-family: "Noto Serif Display", serif;
    margin: 0;
}

.warta .warta-contents .warta-card .tanggal h5[b-t5jt8ugovc] {
    font-size: 15px;
    padding-top: 10px;
    padding-right: 5px;
    color: #fff;
    font-family: "Noto Serif Display", serif;
    margin: 0;
}
/* Akhir CSS Warta Section */


/* CSS Ibadah Section */
section.ibadah[b-t5jt8ugovc] {
    width: 100%;
    padding-bottom: 30px;
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 2%;
}

.ibadah .section-header[b-t5jt8ugovc] {
    position: relative;
    display: flex;
    justify-content: space-between;
}

    .ibadah .section-header[b-t5jt8ugovc]  .ibadah-btn {
        position: absolute;
        right: 0;
        bottom: 40px;
    }

.ibadah .ibadah-contents[b-t5jt8ugovc] {
    display: flex;
    flex-wrap: wrap;
}

    .ibadah .ibadah-contents .ibadah-card[b-t5jt8ugovc] {
        flex-basis: calc(calc(100% / 3) - 1.2%);
        border: 1px solid #eee;
        padding: 10px;
        border-radius: 5px;
        margin: 5px 5px 5px 5px;
        cursor: pointer;
        transition: all 0.3s;
    }

        .ibadah .ibadah-contents .ibadah-card:hover[b-t5jt8ugovc] {
            box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
        }

.ibadah-contents .ibadah-card[b-t5jt8ugovc]  img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    border-radius: 5px;
}

.ibadah-contents .ibadah-card .category-pendeta-ibadah[b-t5jt8ugovc] {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 10px 0px;
}

.ibadah-card .nats[b-t5jt8ugovc] {
    position: absolute;
    left: 0;
    top: 40px;
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    align-content: center;
}

    .ibadah-card .nats h2[b-t5jt8ugovc] {
        font-family: "Amarante", serif;
        font-weight: 500;
        font-size: 18px;
    }

.ibadah-card .info-atas[b-t5jt8ugovc] {
    position: absolute;
    left: 0;
    top: 300px;
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    align-content: center;
}

    .ibadah-card .info-atas h2[b-t5jt8ugovc] {
        font-family: "Amarante", serif;
        font-weight: 400;
        font-size: 15px;
    }

    .ibadah-card .info-atas i[b-t5jt8ugovc] {
        font-family: "Amarante", serif;
        font-weight: 400;
        font-size: 15px;
    }

.ibadah-card .category-pendeta-ibadah[b-t5jt8ugovc]  img {
    position: absolute;
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 50%;
    right: 20px;
    top: -50%;
    outline: 1px solid var(--primary-clr);
    outline-offset: 3px;
}

.ibadah-card .category-pendeta-ibadah .gambar-pendeta .tooltip-pendeta[b-t5jt8ugovc] {
    right: 20px;
    padding: 10px 15px;
    border-radius: 15px;
    position: absolute;
    z-index: 104;
    color: white;
    background-color: var(--primary-clr);
    box-shadow: 5px 5px 15px 15px rgba(0,0,0,0.12);
    top: 0%;
    opacity: 0;
    pointer-events: none;
    transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

    .ibadah-card .category-pendeta-ibadah .gambar-pendeta .tooltip-pendeta h3[b-t5jt8ugovc] {
        font-size: 15px;
    }

.ibadah-card .category-pendeta-ibadah .gambar-pendeta:hover .tooltip-pendeta[b-t5jt8ugovc] {
    opacity: 1;
    pointer-events: auto;
    top: 110%;
}

.ibadah-card .category-pendeta-ibadah .tooltip-pendeta[b-t5jt8ugovc]:before {
    right: 20px;
    position: absolute;
    z-index: 104;
    color: white;
    background-color: var(--primary-clr);
    top: -20%;
    transform: translateX(-50%) rotate(45deg);
    content: "";
    height: 17px;
    width: 17px;
}


.ibadah-card .category-pendeta-ibadah .subject-ibadah[b-t5jt8ugovc] {
    padding: 8px 10px;
    background-color: var(--primary-light-clr);
    border-radius: 5px;
}

    .ibadah-card .category-pendeta-ibadah .subject-ibadah h3[b-t5jt8ugovc] {
        font-size: 18px;
        font-weight: 500;
        color: var(--primary-clr);
    }

.ibadah-card .ibadah-title[b-t5jt8ugovc] {
    font-size: 20px;
    font-weight: 600;
    color: var(--dark-heading-clr);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-height: 1.3;
    text-overflow: ellipsis;
}

.ibadah-deskripsi-ckEditor[b-t5jt8ugovc] {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 13px;
    color: var(--dark-heading-clr);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    line-height: 1.5em;
}

.ibadah-deskripsi-ckEditor[b-t5jt8ugovc]  p {
    margin : 0;
}

.ibadah-card .ibadah-date[b-t5jt8ugovc] {
    margin: 15px 0px;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 40px;
    margin-right: 10px;
}

    .ibadah-card .ibadah-date .date-kiri[b-t5jt8ugovc] {
        display: flex;
        padding-left: 40px;
        font-size: 14px;
        font-weight: 500;
        color: var(--dark-text-clr);
    }


        .ibadah-card .ibadah-date .date-kiri i[b-t5jt8ugovc] {
            color: var(--primary-clr);
            margin-right: 5px;
        }

    .ibadah-card .ibadah-date .date-kanan[b-t5jt8ugovc] {
        display: flex;
        font-size: 14px;
        font-weight: 500;
        justify-content: start;
        color: var(--dark-text-clr);
        text-align: right;
    }


        .ibadah-card .ibadah-date .date-kanan i[b-t5jt8ugovc] {
            color: var(--primary-clr);
            margin-right: 5px;
        }


.ibadah-card .ibadah-info[b-t5jt8ugovc] {
    padding: 15px 0px 0px;
    display: flex;
    text-align: center;
    margin-right: 10px;
    justify-content: center;
    border-top: 1px solid #ccc;
}

    .ibadah-card .ibadah-info h5[b-t5jt8ugovc] {
        font-size: 14px;
    }
/* CSS Akhir Ibadah Section */


/* CSS Pengumuman Section */
section.peng[b-t5jt8ugovc] {
    width: 100%;
    padding-bottom: 30px;
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 2%;
}

.peng .section-header[b-t5jt8ugovc] {
    position: relative;
    display: flex;
    justify-content: space-between;
}

    .peng .section-header[b-t5jt8ugovc]  .peng-btn {
        position: absolute;
        right: 0;
        bottom: 40px;
    }

[b-t5jt8ugovc] .tombolseleng {
    padding: 10px 18px;
    text-decoration: none;
    color: #000;
    font-size: 15px;
    border: 1px solid transparent;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s;
}

    [b-t5jt8ugovc] .tombolseleng:hover {
        background-color: var(--light-heading-clr);
        color: var(--primary-clr);
        border: 1px solid var(--primary-clr);
    }

.peng .peng-contents[b-t5jt8ugovc] {
    display: flex;
    flex-wrap: wrap;
}

    .peng .peng-contents .peng-card[b-t5jt8ugovc] {
        flex-basis: calc(calc(100% / 3) - 1.2%);
        border: 1px solid #eee;
        padding: 10px;
        border-radius: 5px;
        margin: 5px 5px 5px 5px;
        cursor: pointer;
        transition: all 0.3s;
    }

        .peng .peng-contents .peng-card:hover[b-t5jt8ugovc] {
            box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
        }

.peng-contents .peng-card img[b-t5jt8ugovc] {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 5px;
}

.custom-text-ckeditor[b-t5jt8ugovc] {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 13px;
    color: var(--dark-heading-clr);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    line-height: 1.5em;
}

.peng-contents .peng-card .category[b-t5jt8ugovc] {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 10px 0px;
}

.peng-card .category img[b-t5jt8ugovc] {
    position: absolute;
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 50%;
    right: 15px;
    top: -50px;
    outline: 1px solid var(--primary-clr);
    outline-offset: 3px;
}

.peng-card .category .subject[b-t5jt8ugovc] {
    padding: 8px 10px;
    background-color: var(--primary-light-clr);
    border-radius: 5px;
}

    .peng-card .category .subject h3[b-t5jt8ugovc] {
        font-size: 18px;
        font-weight: 500;
        color: var(--primary-clr);
    }

.peng-card .peng-title[b-t5jt8ugovc] {
    font-size: 20px;
    margin-top: 15px;
    font-weight: 600;
    color: var(--dark-heading-clr);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
}

.peng-card .peng-tombol[b-t5jt8ugovc] {
    padding: 15px 0px 0px;
    display: flex;
    text-align: center;
    margin-right: 10px;
    justify-content: center;
    border-top: 1px solid #ccc;
}

.peng-card .peng-tanggal[b-t5jt8ugovc] {
    padding: 15px 0px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .peng-card .peng-tanggal span[b-t5jt8ugovc] {
        color: var(--primary-clr);
        text-align: center;
        font-size: 13px;
        font-weight: 500;
    }

        .peng-card .peng-tanggal span:nth-child(1) i[b-t5jt8ugovc] {
            color: var(--primary-clr);
            padding-right: 10px;
            font-size: 13px;
        }

        .peng-card .peng-tanggal span b[b-t5jt8ugovc] {
            font-size: 24px;
        }
/* Akhir CSS Pengumuman Section */


/* CSS Section Peta */
#peta[b-t5jt8ugovc] {
    width: 100%;
    height: 60vh;
    margin-bottom: 50px;
    margin-top: 30px;
}

    #peta iframe[b-t5jt8ugovc] {
        width: 100%;
        height: 100%;
    }
/* Akhir CSS Section Peta */


/* CSS Slider Pendeta */
#pendeta .owl-carousel[b-t5jt8ugovc]  .owl-nav .owl-next {
    position: absolute;    
    top: calc(50% - 50px);
    right: 0;
    opacity: 1;
    font-size: 30px !important;
    border-radius: 50%;
    z-index: 1;
    transition: all 0.3s ease;
}

    #pendeta .owl-carousel[b-t5jt8ugovc]  .owl-nav .owl-next:hover {
        background-color: var(--primary-clr);
        opacity: 0.6;
        color: #fff;
    }

#pendeta .owl-carousel[b-t5jt8ugovc]  .owl-nav .owl-prev {
    position: absolute;
    top: calc(50% - 50px);
    left: 0;
    opacity: 1;
    font-size: 30px !important;
    border-radius: 50%;
    z-index: 1;
    transition: all 0.3s ease;
}

    #pendeta .owl-carousel[b-t5jt8ugovc]  .owl-nav .owl-prev:hover {
        background-color: var(--primary-clr);
        opacity: 0.6;
        color: #fff;
    }

#pendeta .owl-carousel[b-t5jt8ugovc]  .owl-dots {
    margin-top: 20px;
}

#pendeta .owl-carousel .owl-dots span[b-t5jt8ugovc] {
    padding: 4px !important;
}

#pendeta .owl-carousel .owl-dots.active span[b-t5jt8ugovc] {
    background-color: var(--primary-clr) !important;
}
/* Akhir CSS Slider Pendeta */



/* CSS Slider Umum */
.owl-carousel[b-t5jt8ugovc]  .owl-nav .owl-next {
    width: 50px;
    height: 50px;
    opacity: 1;
    font-size: 30px !important;
    border-radius: 50%;
    z-index: 1;
    transition: all 0.3s ease;
}

    .owl-carousel[b-t5jt8ugovc]  .owl-nav .owl-next:hover {
        background-color: var(--primary-clr);
        opacity: 0.6;
        color: #fff;
    }

.owl-carousel[b-t5jt8ugovc]  .owl-nav .owl-prev {
    opacity: 1;
    height: 50px;
    width: 50px;
    font-size: 30px !important;
    border-radius: 50%;
    z-index: 1;
    transition: all 0.3s ease;
}

    .owl-carousel[b-t5jt8ugovc]  .owl-nav .owl-prev:hover {
        background-color: var(--primary-clr);
        opacity: 0.6;
        color: #fff;
    }

.owl-carousel[b-t5jt8ugovc]  .owl-dots {

}

#pendeta .owl-carousel .owl-dots span[b-t5jt8ugovc] {
    padding: 4px !important;
}

#pendeta .owl-carousel .owl-dots.active span[b-t5jt8ugovc] {
    background-color: var(--primary-clr) !important;
}
/* Akhir CSS Slider Umum*/


/* --------------------------------------------------- Responsive --------------------------------------------------- */
/* Responsive 1200 */
@media (max-width:1200px) {

    /* CSS Injil Section */
    #injil[b-t5jt8ugovc] {
        margin-bottom: 4vw;
    }

        #injil .injil-text h6[b-t5jt8ugovc] {
            font-family: 'Tinos';
            font-weight: 400;
            font-size: 18px;
        }

        #injil .injil-text p[b-t5jt8ugovc] {
            font-family: 'Tinos';
            font-weight: 500;
            font-size: 18px;
        }
    /* Akhir CSS Injil Section */


    /* CSS Chart jemaat Section */
    #about-container .about-char[b-t5jt8ugovc] {
        padding-right: 50px;
    }

    .counters > div[b-t5jt8ugovc] {
        grid-template-columns: 1fr 1fr;
    }

    .counter:nth-child(2)[b-t5jt8ugovc]::before {
        display: none;
    }
    /* Akhir CSS Chart jemaat Section */


    /* CSS Warta Section */
    section .warta[b-t5jt8ugovc] {
        padding-bottom: 30px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 8%;
    }

    .warta .warta-contents .warta-card[b-t5jt8ugovc] {
        flex-basis: calc(calc(100% / 2) - 1%);
    }

    .warta .section-header[b-t5jt8ugovc] {
        flex-direction: column;
    }

        .warta .section-header[b-t5jt8ugovc]  .warta-btn.btn {
            position: relative;
            align-self: flex-start;
            margin-top: 20px;
        }
    /* Akhir CSS Warta Section */


    /* CSS Ibadah Section */
    section .ibadah[b-t5jt8ugovc] {
        padding-bottom: 30px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 8%;
    }

    .ibadah .ibadah-contents .ibadah-card[b-t5jt8ugovc] {
        flex-basis: calc(calc(100% / 2) - 1%);
    }

    .ibadah .section-header[b-t5jt8ugovc] {
        flex-direction: column;
    }

        .ibadah .section-header[b-t5jt8ugovc]  .ibadah-btn.btn {
            position: relative;
            align-self: flex-start;
            margin-top: 20px;
        }
    /* Akhir CSS Ibadah Section */


    /* CSS Pengumuman Section */
    section .peng[b-t5jt8ugovc] {
        padding-bottom: 30px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 8%;
    }

    .peng .peng-contents .peng-card[b-t5jt8ugovc] {
        flex-basis: calc(calc(100% / 2) - 1%);
    }

    .peng .section-header[b-t5jt8ugovc] {
        flex-direction: column;
    }

        .peng .section-header[b-t5jt8ugovc]  .peng-btn.btn {
            position: relative;
            align-self: flex-start;
            margin-top: 20px;
        }
    /* Akhir CSS Pengumuman Section */
}


/* Responsive 968 */
@media (max-width:968px) {

    /* CSS Hero Section */
    #hero[b-t5jt8ugovc] {
        height: 100vh;
        background-attachment: scroll;
        position: relative;
        overflow: scroll;
        background-image: linear-gradient(rgba(9, 5, 54, 0.3),rgba(5, 4, 46, 0.75)),url("img/homepage/background_3_ebenhaezer.jpg");
    }

        #hero h1[b-t5jt8ugovc] {
            font-size: 42px;
        }
    /* Akhir CSS Hero Section */


    /* CSS Chart jemaat Section */
    #about-container .about-char[b-t5jt8ugovc] {
        padding-top: 70px;
    }

    .counters > div[b-t5jt8ugovc] {
        grid-template-columns: 1fr 1fr;
    }

    .counter:nth-child(2)[b-t5jt8ugovc]::before {
        display: none;
    }
    /* Akhir CSS Chart jemaat Section */


    /* CSS warta Section */
    section.warta[b-t5jt8ugovc] {
        padding-bottom: 30px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 8%;
    }

    .warta .warta-contents .warta-card[b-t5jt8ugovc] {
        flex-basis: calc(calc(100% / 2) - 1.5%);
    }

    .warta .section-header[b-t5jt8ugovc] {
        flex-direction: column;
    }

        .warta .section-header[b-t5jt8ugovc]  .warta-btn.btn {
            position: relative;
            align-self: flex-start;
            margin-top: 20px;
        }
    /* Akhir CSS warta Section */


    /* CSS Ibadah Section */
    section.ibadah[b-t5jt8ugovc] {
        padding-bottom: 30px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 8%;
    }

    .ibadah .ibadah-contents .ibadah-card[b-t5jt8ugovc] {
        flex-basis: calc(calc(100% / 2) - 1.5%);
    }

    .ibadah .section-header[b-t5jt8ugovc] {
        flex-direction: column;
    }

        .ibadah .section-header[b-t5jt8ugovc]  .ibadah-btn.btn {
            position: relative;
            align-self: flex-start;
            margin-top: 20px;
        }
    /* Akhir CSS Ibadah Section */


    /* CSS Pengumuman Section */
    section.peng[b-t5jt8ugovc] {
        padding-bottom: 30px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 8%;
    }

    .peng .peng-contents .peng-card[b-t5jt8ugovc] {
        flex-basis: calc(calc(100% / 2) - 1.5%);
    }

    .peng .section-header[b-t5jt8ugovc] {
        flex-direction: column;
    }

        .peng .section-header[b-t5jt8ugovc]  .peng-btn.btn {
            position: relative;
            align-self: flex-start;
            margin-top: 20px;
        }
    /* Akhir CSS Pengumuman Section */
}


/* Responsive 768 */
@media (max-width:768px) {

    /* CSS Hero Section */
    #hero h1[b-t5jt8ugovc] {
        font-size: 42px;
    }
    /* Akhir CSS Hero Section */


    /* CSS Sejarah Section */
    #sejarah[b-t5jt8ugovc] {
        margin-top: 40px;
        margin-left: 10px;
        margin-right: 10px;
    }


        #sejarah .row-container[b-t5jt8ugovc] {
            flex-direction: column;
            align-items: center;
        }

            #sejarah .row-container .image-container[b-t5jt8ugovc],
            #sejarah .row-container .content-sej[b-t5jt8ugovc] {
                width: 100%;
            }

        #sejarah[b-t5jt8ugovc]  .row-container .image-container {
            margin-top: 10px;
        }
    /* Akhir CSS Sejarah Section */


    /* CSS Chart Jemaat Section */
    #about-container[b-t5jt8ugovc] {
        padding: 2vw 4vw 2vw 4vw;
        justify-content: center;
        flex-direction: column-reverse;
    }

        #about-container[b-t5jt8ugovc]  .about-char {
            width: 100%;
            padding: 0px 0px 0px 0px;
        }

        #about-container[b-t5jt8ugovc]  .about-text {
            width: 100%;
            padding-bottom: 20px;
        }

        #about-container[b-t5jt8ugovc]  .about-char {
            padding-left: 100px;
        }
    /* Akhir CSS Chart Jemaat Section */


    /* CSS warta Section */
    section.warta[b-t5jt8ugovc] {
        width: 100%;
        padding-bottom: 30px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 0px;
    }
    /* Akhir CSS warta Section */


    /* CSS Ibadah Section */
    section.ibadah[b-t5jt8ugovc] {
        width: 100%;
        padding-bottom: 30px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5%;
    }
    /* Akhir CSS Ibadah Section */


    /* CSS Pengumuman Section */
    section.peng[b-t5jt8ugovc] {
        width: 100%;
        padding-bottom: 30px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5%;
    }
    /* Akhir CSS Pengumuman Section */
}


/* Responsive 690 */
@media (max-width:690px) {

    /* CSS Hero Section */
    #hero h1[b-t5jt8ugovc] {
        font-size: 50px;
    }
    /* Akhir CSS Hero Section */


    /* CSS Pendeta Section */
    #pendeta[b-t5jt8ugovc] {
        padding: 8vw 8vw 3vw 8vw;
    }
    /* Akhir CSS Pendeta Section */


    /* CSS Chart Jemaat Section */
    #about-container .about-char[b-t5jt8ugovc] {
        height: 300px;
        width: 100%;
        padding-left: 50px;
        align-items: center;
    }

    #about-container[b-t5jt8ugovc]  .about-char {
        padding-left: 80px;
    }
    /* Akhir CSS Chart Jemaat Section */


    /* CSS warta Section */
    .warta .warta-contents .warta-card[b-t5jt8ugovc] {
        flex-basis: 100%;
    }
    /* Akhir CSS warta Section */


    /* CSS Ibadah Section */
    .ibadah .ibadah-contents .ibadah-card[b-t5jt8ugovc] {
        flex-basis: 100%;
    }
    /* Akhir CSS Ibadah Section */


    /* CSS Pengumuman Section */
    .peng .peng-contents .peng-card[b-t5jt8ugovc] {
        flex-basis: 100%;
    }
    /* Akhir CSS Pengumuman Section */
}


/* Responsive 568 */
@media (max-width:568px) {

    /* CSS Hero Section */
    #hero[b-t5jt8ugovc] {
        display: flex;
        flex-direction: column;
    }

        #hero h1[b-t5jt8ugovc] {
            font-size: 40px;
        }

        #hero p[b-t5jt8ugovc] {
            font-size: 14px;
            width: 80%;
        }
    /* Akhir CSS Hero Section */

    /* CSS Sejarah Section */

        #sejarah .row-container .content-sej h2[b-t5jt8ugovc] {
            font-size: 30px;
            margin-bottom: 15px;
        }
    /* Akhir CSS Sejarah Section */

    #pendeta h1[b-t5jt8ugovc] {
        font-size: 30px;
    }

    #pendeta p[b-t5jt8ugovc] {
        font-size: 16px;
    }


    /* CSS Chart Jemaat Section */
    .counters > div[b-t5jt8ugovc] {
        grid-template-columns: 1fr;
        row-gap: 5em;
    }
    /* Akhir CSS Chart Jemaat Section */


    /* CSS Injil Section */
    #injil[b-t5jt8ugovc] {
        margin-bottom: 2vw;
    }

        #injil .injil-text h6[b-t5jt8ugovc] {
            font-family: 'Tinos';
            font-weight: 400;
            font-size: 16px;
        }

        #injil .injil-text p[b-t5jt8ugovc] {
            font-family: 'Tinos';
            font-weight: 500;
            font-size: 16px;
        }
    /* Akhir CSS Injil Section */


    #about-container .about-text h2[b-t5jt8ugovc] {
        font-size: 30px;
        color: #29303B;
        padding-top: 10px;
        padding-bottom: 5px;
    }

    #about-container .about-text p[b-t5jt8ugovc] {
        color: #686F7A;
        font-size: 16px;
        padding-bottom: 15px;
        font-weight: 300;
    }


    /* CSS warta Section */
    section.warta[b-t5jt8ugovc] {
        width: 100%;
        padding-bottom: 30px;
        padding-left: 10px;
        padding-right: 10px;
    }
    /* Akhir CSS warta Section */


    /* CSS Ibadah Section */
    section.ibadah[b-t5jt8ugovc] {
        width: 100%;
        padding-bottom: 30px;
        padding-left: 10px;
        padding-right: 10px;
    }
    /* Akhir CSS Ibadah Section */


    /* CSS Pengumuman Section */
    section.peng[b-t5jt8ugovc] {
        width: 100%;
        padding-bottom: 30px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 8%;
    }
    /* Akhir CSS Pengumuman Section */

    /* CSS Section Peta */
    #peta[b-t5jt8ugovc] {
        width: 100%;
        height: 50vh;
        margin-bottom: 30px;
    }
    /* Akhir CSS Section Peta */
}


/* Responsive 468 */
@media (max-width:468px) {

    /* CSS Hero Section */
    #hero[b-t5jt8ugovc] {
        display: flex;
        flex-direction: column;
    }

        #hero h1[b-t5jt8ugovc] {
            font-size: 35px;
        }

        #hero p[b-t5jt8ugovc] {
            font-size: 14px;
            width: 80%;
        }
    /* Akhir CSS Hero Section */

    /* CSS Sejarah Section */
    #sejarah[b-t5jt8ugovc] {
        margin-top: 10vw;
    }

        #sejarah .row-container .content-sej h2[b-t5jt8ugovc] {
            font-size: 28px;
            margin-bottom: 15px;
        }

        #sejarah .row-container .content-sej p[b-t5jt8ugovc] {
            font-size: 14px;
        }
    /* Akhir CSS Sejarah Section */

    #pendeta h1[b-t5jt8ugovc] {
        font-size: 28px;
    }

    #pendeta p[b-t5jt8ugovc] {
        font-size: 14px;
    }


    #about-container .about-text h2[b-t5jt8ugovc] {
        font-size: 28px;
        color: #29303B;
        padding-top: 10px;
        padding-bottom: 5px;
    }

    #about-container .about-text p[b-t5jt8ugovc] {
        color: #686F7A;
        font-size: 14px;
        padding-bottom: 15px;
        font-weight: 300;
    }

    #about-container[b-t5jt8ugovc]  .about-char {
        padding-left: 20px;
    }


    /* CSS Injil Section */
    #injil[b-t5jt8ugovc] {
        margin-bottom: 2vw;
    }

        #injil .injil-text h6[b-t5jt8ugovc] {
            font-family: 'Tinos';
            font-weight: 400;
            font-size: 14px;
        }

        #injil .injil-text p[b-t5jt8ugovc] {
            font-family: 'Tinos';
            font-weight: 500;
            font-size: 14px;
        }
    /* Akhir CSS Injil Section */
}

/* Responsive 568 */
@media (max-width:400px) {

        #hero h1[b-t5jt8ugovc] {
            font-size: 30px;
        }

        #hero p[b-t5jt8ugovc] {
            font-size: 14px;
            width: 80%;
        }
    /* Akhir CSS Hero Section */
}
/* _content/PKMGerejaEbenhaezer.Web/Views/Home/Kontak.cshtml.rz.scp.css */
/* CSS Kontak Bagian Top */
#kontak-us[b-d1oh0f0pu8] {
    background-image: linear-gradient(rgba(9, 5, 54, 0.4),rgba(5, 4, 46, 0.75)),url("img/homepage/background_1_ebenhaezer.jpg");
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    display: flex;
    background-position-y: inherit;
    flex-direction: column;
    margin: 0px auto;
    width: 100%;
    height: 60vh;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    #kontak-us h2[b-d1oh0f0pu8] {
        color: #fff;
        padding-top: 60px;
        font-size: 40px;
        font-weight: bold;
        max-width: 80%;
        margin: 0 auto;
        word-wrap: break-word;
    }
/* Akhir CSS Kontak Bagian Top */


/* CSS Section Contact */
#contact[b-d1oh0f0pu8] {
    padding: 4vw 8vw;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

#contact .getin[b-d1oh0f0pu8] {
    width: 350px;
}

    #contact .getin h2[b-d1oh0f0pu8] {
        color: #2c234d;
        font-size: 30px;
        font-weight: 800;
        line-height: .8;
        margin-bottom: 16px;
    }

    #contact .getin p[b-d1oh0f0pu8] {
        color: #686875;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 33px;
        padding-bottom: 25px;
        border-bottom: 1px solid #e5e4ed;
    }

    #contact .getin h3[b-d1oh0f0pu8] {
        color: #2c234d;
        font-size: 16px;
        font-weight: 600;
        line-height: 26px;
        margin-bottom: 15px;
    }

    #contact .getin .getin-details div[b-d1oh0f0pu8] {
        display: flex;
    }

        #contact .getin .getin-details div .dpt[b-d1oh0f0pu8] {
            font-size: 16px;
            line-height: 22px;
            color: var(--primary-clr);
            margin-right: 20px;
        }

    #contact .getin .getin-details div p[b-d1oh0f0pu8] {
        font-size: 14px;
        border-bottom: none;
        line-height: 22px;
        margin-bottom: 15px;
    }

    #contact .getin .getin-details .pro-links[b-d1oh0f0pu8] {
        margin-top: 10px;
    }

        #contact .getin .getin-details .pro-links i[b-d1oh0f0pu8] {
            padding: 10px 13px;
            font-size: 15px;
            border: 1px solid rgb(21, 21, 100);
            cursor: pointer;
            margin-right: 8px;
            transition: 0.3s ease;
        }

        #contact .getin .getin-details .pro-links i:hover[b-d1oh0f0pu8] {
            background: rgb(21, 21, 100);
            color: #fff;
            
            border: 1px solid rgb(21, 21, 100);
            cursor: pointer;
            margin-right: 8px;
        }

#contact .formko[b-d1oh0f0pu8] {
    width: 60%;
    background: #f7f6fa;
    padding: 40px;
    border-radius: 10px;
}

    #contact .formko h4[b-d1oh0f0pu8] {
        font-size: 24px;
        color: #2c234d;
        line-height: 30px;
        margin-bottom: 8px;
    }

    #contact .formko p[b-d1oh0f0pu8] {
        color: #686875;
        font-size: 16px;
        line-height: 24px;
        padding-bottom: 25px;
    }

    #contact .formko .form-row[b-d1oh0f0pu8] {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    #contact .formko .form-row input[b-d1oh0f0pu8] {
        font-size: 14px;
        font-weight: 400;
        width: 48%;
        border-radius: 3px;
        border: none;
        background: #fff;
        color: #7e7c87;
        outline: none;
        padding: 20px 30px;
        margin-bottom: 20px;
    }

    #contact .formko .form-col input[b-d1oh0f0pu8],
    #contact .formko .form-col textarea[b-d1oh0f0pu8] {
        font-size: 14px;
        font-weight: 400;
        width: 100%;
        border-radius: 3px;
        border: none;
        background: #fff;
        color: #7e7c87;
        outline: none;
        padding: 20px 30px;
        margin-bottom: 20px;
    }

    #contact .formko button[b-d1oh0f0pu8] {
        font-size: 12px;
        padding: 13px 25px;
        background: rgb(21, 21, 100);
        border-radius: 5px;
        outline: none;
        border: 1px solid rgb(21, 21, 100);
        font-weight: 600;
        cursor: pointer;
        color: #fff;
        transition: 0.3s ease;
    }

        #contact .formko button:hover[b-d1oh0f0pu8] {
            background: #fff;
            color: rgb(21, 21, 100);
            border: 1px solid rgb(21, 21, 100);
        }
/* Akhir CSS Section Contact */


/* CSS Section Peta */
#peta[b-d1oh0f0pu8] {
    width: 100%;
    height: 70vh;
    margin-bottom: 30px;
}

#peta iframe[b-d1oh0f0pu8] {
    width: 100%;
    height: 100%;
}
/* Akhir CSS Section Peta */


/* --------------------------------------------------- Responsive --------------------------------------------------- */
/* Responsive 968px */
@media (max-width:968px) {
    
    /* CSS Kontak Bagian Top */
    #kontak-us[b-d1oh0f0pu8] {
        background-attachment: scroll;
        background-image: linear-gradient(rgba(9, 5, 54, 0.4),rgba(5, 4, 46, 0.75)),url("img/top_section_image/background_2_ebebenhaezer.jpg");
    }
    /* Akhir CSS Kontak Bagian Top */


    /* CSS Section Contact */
    #contact[b-d1oh0f0pu8] {
        padding: 4vw 4vw;
    }

        #contact .getin[b-d1oh0f0pu8] {
            width: 250px;
        }
    /* Akhir CSS Section Contact */
}


/* Responsive 768px */
@media (max-width:768px) {

    /* CSS Section Contact */
    #contact[b-d1oh0f0pu8] {
        padding: 4vw 4vw;       
    }

        #contact .getin[b-d1oh0f0pu8] {
            width: 250px;
        }

        #contact .formko .form-row[b-d1oh0f0pu8] {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            width: 100%;
        }

            #contact .formko .form-row input[b-d1oh0f0pu8] {
                width: 100%;
            }
    /* Akhir CSS Section Contact */
}


/* Responsive 690px */
@media (max-width:690px) {

    /* CSS Section Contact */
    #contact[b-d1oh0f0pu8] {
        padding: 9vw 4vw;
        flex-direction: column;
        align-content: flex-start;
        justify-content: flex-start;
    }

        #contact .getin[b-d1oh0f0pu8] {
            width: 100%;
            margin-bottom: 30px;
        }

        #contact .formko[b-d1oh0f0pu8] {
            width: 100%;
            padding: 40px 30px;
        }

            #contact .formko .form-row[b-d1oh0f0pu8] {
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                width: 100%;
            }

                #contact .formko .form-row input[b-d1oh0f0pu8] {
                    width: 100%;
                }
    /* Akhir CSS Section Contact */
}

/* Responsive 568px */
@media (max-width:568px) {

    /* CSS Section Contact */
    #contact[b-d1oh0f0pu8] {
        padding: 13vw 5vw;
    }

        #contact .getin p[b-d1oh0f0pu8] {           
            margin-bottom: 12px;
            padding-bottom: 8px; 
        }

        #contact .getin h3[b-d1oh0f0pu8] {           
            margin-bottom: 10px;
        }
    /* Akhir CSS Section Contact */


    /* CSS Section Peta */
    #peta[b-d1oh0f0pu8] {
        width: 100%;
        height: 50vh;
        margin-bottom: 30px;
    }
    /* Akhir CSS Section Peta */
}
/* _content/PKMGerejaEbenhaezer.Web/Views/Home/KoordinatorRayon.cshtml.rz.scp.css */
.judul-koor-rayon[b-d3f72i4ukj] {
    margin-bottom: 10px;
}

.judul-koor-rayon h3[b-d3f72i4ukj] {
    font-size: 35px;
    color: #29303B;
}

    .judul-koor-rayon p[b-d3f72i4ukj] {
        font-size: 16px;
        color: #686F7A;
    }



/* CSS Koor Bagian Top */
#korayonus[b-d3f72i4ukj] {
    background-image: linear-gradient(rgba(9, 5, 54, 0.4),rgba(5, 4, 46, 0.75)),url("img/homepage/background_1_ebenhaezer.jpg");
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    display: flex;
    background-position-y: inherit;
    flex-direction: column;
    margin: 0px auto;
    width: 100%;
    height: 60vh;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    #korayonus h2[b-d3f72i4ukj] {
        color: #fff;
        padding-top: 60px;
        font-size: 40px;
        font-weight: bold;
        max-width: 80%;
        margin: 0 auto;
        word-wrap: break-word;
    }
/* Akhir CSS Koor Bagian Top */


#container-koor[b-d3f72i4ukj] {
    padding:0vw 6vw 3vw;
}

.content-koor[b-d3f72i4ukj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
}

.card[b-d3f72i4ukj] {
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
    border: .1px solid #ddd;
    padding: 20px;
    text-align: center;
    margin-bottom: 10px;
}

    .card h3[b-d3f72i4ukj] {
        margin-top: 0;
        font-size: 1.5em;
    }

    .card p[b-d3f72i4ukj] {
        font-size: 1.2em;
    }

.jabatan[b-d3f72i4ukj] {
    padding-top: 5px;
    margin-bottom: 20px;
}

.usia[b-d3f72i4ukj] {
    margin-top: 0;
    margin-bottom: 1px;
}

.gambar-koor[b-d3f72i4ukj] {
    margin-bottom: 10px;
}


.gambar-koor[b-d3f72i4ukj]  img {
    width: 90px;
    object-fit: cover;
    height: 90px;
    border-radius: 50%;
}

.wa-koor[b-d3f72i4ukj] {
    display: flex;
    justify-content: center;
    background-color: var(--primary-clr);
    padding: 10px;
    width: 200px;
    border-radius: 3rem;
    box-shadow: 0 8px 24px hsl(210, 74%, 55%, 0,20);
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1.50rem;
    margin: 0 auto;
    vertical-align: middle;
    align-content: center;
    align-items: center;
}

    .wa-koor i[b-d3f72i4ukj] {
        color: white;
        font-size: 15px;
    }

    .wa-koor p[b-d3f72i4ukj] {
        color: white;
        margin: 0;
        font-size: 13px;
        margin-left: 5px;
    }




/* CSS Chart jemaat Section */
#about-container[b-d3f72i4ukj] {
    display: flex;
    align-items: center;
    margin-top: 0px;
    padding: 0vw 0vw 0vw 5vw;
}

    #about-container .about-char[b-d3f72i4ukj] {
        height: 450px;
        width: 50%;
        padding-left: 50px;
        align-items: center;
    }

        #about-container .about-char img[b-d3f72i4ukj] {
            width: 100%;
        }

    #about-container .about-text[b-d3f72i4ukj] {
        width: 50%;
    }

        #about-container .about-text h2[b-d3f72i4ukj] {
            font-size: 40px;
            color: #29303B;
            padding-bottom: 15px;
        }

        #about-container .about-text p[b-d3f72i4ukj] {
            color: #686F7A;
            font-size: 16px;
            padding-bottom: 15px;
            font-weight: 300;
        }

        #about-container .about-text .about-fe[b-d3f72i4ukj] {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            margin-top: 30px;
        }

            #about-container .about-text .about-fe img[b-d3f72i4ukj] {
                width: 50px;
                background-size: cover;
                background-position: center;
                margin-right: 20px;
            }

            #about-container .about-text .about-fe .fe-text[b-d3f72i4ukj] {
                width: 90%;
            }

                #about-container .about-text .about-fe .fe-text h5[b-d3f72i4ukj] {
                    font-size: 16px;
                    color: #29303B;
                }

    #about-container .counters[b-d3f72i4ukj] {
        padding: 3em 2em;
        background: var(--primary-clr);
        color: white;
        text-align: center;
    }

.counters > div[b-d3f72i4ukj] {
    max-width: auto;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 4em 2em;
}

#about-container .counters .counter[b-d3f72i4ukj] {
    position: relative;
}

    #about-container .counters .counter h4[b-d3f72i4ukj] {
        font-size: 3em;
        margin-bottom: 0.5em;
    }

        #about-container .counters .counter h4 span[b-d3f72i4ukj] {
            color: white;
        }
/* Akhir CSS Chart jemaat Section */




/* Responsive 1200 */
@media (max-width:1200px) {

    /* CSS Chart jemaat Section */

    #about-container[b-d3f72i4ukj] {
        padding-bottom: 50px;
    }

    #about-container .about-char[b-d3f72i4ukj] {
        padding-right: 50px;
    }

    .counters > div[b-d3f72i4ukj] {
        grid-template-columns: 1fr 1fr;
    }

    .counter:nth-child(2)[b-d3f72i4ukj]::before {
        display: none;
    }
    /* Akhir CSS Chart jemaat Section */

}

/* Responsive 968px */
@media (max-width:1000px) {

    /* CSS Chart jemaat Section */
    #about-container[b-d3f72i4ukj] {
        padding-top: 30px;
    }

}

/* Responsive 968px */
@media (max-width:968px) {


    #korayonus[b-d3f72i4ukj] {
        background-attachment: scroll;
        background-image: linear-gradient(rgba(9, 5, 54, 0.4),rgba(5, 4, 46, 0.75)),url("img/top_section_image/background_2_ebebenhaezer.jpg");
    }

    /* CSS Chart jemaat Section */
    #about-container .about-char[b-d3f72i4ukj] {
        padding-top: 70px;
    }

    .counters > div[b-d3f72i4ukj] {
        grid-template-columns: 1fr 1fr;
    }

    .counter:nth-child(2)[b-d3f72i4ukj]::before {
        display: none;
    }
    /* Akhir CSS Chart jemaat Section */

}



/* Responsive 768 */
@media (max-width:768px) {

    /* CSS Chart Jemaat Section */
    #about-container[b-d3f72i4ukj] {
        padding: 2vw 1vw 2vw 1vw;
        justify-content: center;
        flex-direction: column-reverse;
    }

        #about-container[b-d3f72i4ukj]  .about-char {
            width: 100%;
            padding: 0px 0px 0px 0px;
        }

        #about-container[b-d3f72i4ukj]  .about-text {
            width: 100%;
            padding-bottom: 20px;
        }

        #about-container[b-d3f72i4ukj]  .about-char {
            padding-left: 100px;
        }
    /* Akhir CSS Chart Jemaat Section */
}


/* Responsive 690 */
@media (max-width:690px) {

   


    /* CSS Chart Jemaat Section */
    #about-container .about-char[b-d3f72i4ukj] {
        height: 300px;
        width: 100%;
        padding-left: 50px;
        align-items: center;
    }

    #about-container[b-d3f72i4ukj]  .about-char {
        padding-left: 80px;
    }
    /* Akhir CSS Chart Jemaat Section */
}


/* Responsive 568 */
@media (max-width:568px) {


    #korayonus h2[b-d3f72i4ukj] {
        font-size: 35px;
        padding-top: 70px;
    }

    /* CSS Chart Jemaat Section */
    .counters > div[b-d3f72i4ukj] {
        grid-template-columns: 1fr;
        row-gap: 5em;
    }
    /* Akhir CSS Chart Jemaat Section */

}


/* Responsive 468 */
@media (max-width:468px) {


    #korayonus h2[b-d3f72i4ukj] {
        font-size: 30px;
        padding-top: 70px;
    }

    #about-container .about-text h2[b-d3f72i4ukj] {
        font-size: 28px;
        color: #29303B;
        padding-top: 10px;
        padding-bottom: 5px;
    }

    #about-container .about-text p[b-d3f72i4ukj] {
        color: #686F7A;
        font-size: 14px;
        padding-bottom: 15px;
        font-weight: 300;
    }

    #about-container[b-d3f72i4ukj]  .about-char {
        padding-left: 20px;
    }

}


@media (max-width: 530px) {
    .wa-koor[b-d3f72i4ukj] {
        
        width: 150px;
        
    }

        .wa-koor i[b-d3f72i4ukj] {
            color: white;
            font-size: 15px;
        }

        .wa-koor p[b-d3f72i4ukj] {
            color: white;
            margin: 0;
            font-size: 13px;
            margin-left: 5px;
        }
}

@media (max-width: 400px) {
    .content-koor[b-d3f72i4ukj] {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 401px) and (max-width: 800px) {
    .content-koor[b-d3f72i4ukj] {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* _content/PKMGerejaEbenhaezer.Web/Views/Home/SejarahGereja.cshtml.rz.scp.css */
/* CSS SejarahGereja Bagian Top */
#sejeo[b-9ks3vzvptn] {
    background-image: linear-gradient(rgba(9, 5, 54, 0.4),rgba(5, 4, 46, 0.75)),url("img/homepage/background_1_ebenhaezer.jpg");
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    display: flex;
    background-position-y: inherit;
    flex-direction: column;
    margin: 0px auto;
    width: 100%;
    height: 60vh;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    #sejeo h2[b-9ks3vzvptn] {
        color: #fff;
        padding-top: 60px;
        font-size: 40px;
        font-weight: bold;
        max-width: 80%;
        margin: 0 auto;
        word-wrap: break-word;
    }
/* Akhir CSS SejarahGereja Bagian Top */


.container-sejarah-gereja[b-9ks3vzvptn] {
    margin: 4vw 5vw 3vw;
}

.container-sejarah[b-9ks3vzvptn] {
    display: flex;
    margin-bottom: 30px;
}

.tahun-sejarah[b-9ks3vzvptn] {
}

.text-tahun[b-9ks3vzvptn] {
    display: flex;
    vertical-align: middle;
    justify-content: center;
}

.text-tahun h5[b-9ks3vzvptn] {
    padding-top: 10px;
    font-size: 16px;
    color: #ADADAD;
}

.isi-sejarah[b-9ks3vzvptn] {
}

.text-isi[b-9ks3vzvptn] {
    display: flex;
    flex-direction: column;
}

    .text-isi h3[b-9ks3vzvptn] {
        font-size: 32px;
        color: black;
        font-weight: bold;
    }

    .text-isi p[b-9ks3vzvptn] {
        font-size: 16px;
    }



/* Responsive 968px */
@media (max-width:968px) {


    #sejeo[b-9ks3vzvptn] {
        background-attachment: scroll;
        background-image: linear-gradient(rgba(9, 5, 54, 0.4),rgba(5, 4, 46, 0.75)),url("img/top_section_image/background_2_ebebenhaezer.jpg");
    }


    .container-sejarah[b-9ks3vzvptn] {
        display: flex;
        flex-direction: column;
    }

    .text-tahun[b-9ks3vzvptn] {
        display: flex;
        justify-content: start;
    }
}

/* Responsive 568 */
@media (max-width:568px) {


    #sejeo h2[b-9ks3vzvptn] {
        font-size: 35px;
        padding-top: 70px;
    }
}


/* Responsive 468 */
@media (max-width:468px) {

    #sejeo h2[b-9ks3vzvptn] {
        font-size: 30px;
        padding-top: 70px;
    }
}
/* _content/PKMGerejaEbenhaezer.Web/Views/Home/StatusCode400.cshtml.rz.scp.css */
.containerku[b-0m9l1qoybv] {
    text-align: center;
    margin-top: 12rem;
    font-family: 'poppins';
    padding-bottom: 50px;
}

    .containerku h1[b-0m9l1qoybv] {
        font-size: 40px;
        margin-top: 10px;
        color: #333;
        font-weight: bold;   
    }

    .containerku h3[b-0m9l1qoybv] {
        font-size: 18px;
        color: var(--dark-text-clr);
        font-weight: 500;
        margin-bottom: 20px;
    }

    .containerku[b-0m9l1qoybv]  img {
        max-width: 100%;
        height: auto;
    }
/* _content/PKMGerejaEbenhaezer.Web/Views/Home/StatusCode404.cshtml.rz.scp.css */
.containerku[b-eqrg6kzxwz] {
    text-align: center;
    margin-top: 12rem;
    font-family: 'poppins';
    padding-bottom: 50px;
}

    .containerku h1[b-eqrg6kzxwz] {
        font-size: 40px;
        margin-top: 10px;
        color: #333;
        font-weight: bold;   
    }

    .containerku h3[b-eqrg6kzxwz] {
        font-size: 18px;
        color: var(--dark-text-clr);
        font-weight: 500;
        margin-bottom: 20px;
    }

    .containerku[b-eqrg6kzxwz]  img {
        max-width: 100%;
        height: auto;
    }
/* _content/PKMGerejaEbenhaezer.Web/Views/Home/StatusCode500.cshtml.rz.scp.css */
.containerku[b-5y1pzov48n] {
    text-align: center;
    margin-top: 12rem;
    font-family: 'poppins';
    padding-bottom: 50px;
}

    .containerku h1[b-5y1pzov48n] {
        font-size: 40px;
        margin-top: 10px;
        color: #333;
        font-weight: bold;   
    }

    .containerku h3[b-5y1pzov48n] {
        font-size: 18px;
        color: var(--dark-text-clr);
        font-weight: 500;
        margin-bottom: 20px;
    }

    .containerku[b-5y1pzov48n]  img {
        max-width: 100%;
        height: auto;
    }
/* _content/PKMGerejaEbenhaezer.Web/Views/Home/TentangKami.cshtml.rz.scp.css */
/* CSS Tentang Kami Bagian Top */
#tentangus[b-26spbq3erf] {
    background-image: linear-gradient(rgba(9, 5, 54, 0.4),rgba(5, 4, 46, 0.75)),url("img/homepage/background_1_ebenhaezer.jpg");
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    display: flex;
    background-position-y: inherit;
    flex-direction: column;
    margin: 0px auto;
    width: 100%;
    height: 60vh;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    #tentangus h2[b-26spbq3erf] {
        color: #fff;
        padding-top: 60px;
        font-size: 40px;
        font-weight: bold;
        letter-spacing: 1px;
    }
/* Akhir CSS Tentang Kami Bagian Top */
/* _content/PKMGerejaEbenhaezer.Web/Views/Home/VisiMisi.cshtml.rz.scp.css */
/* CSS VIsiMisi Bagian Top */
#visimisi[b-qth2822ffh] {
    background-image: linear-gradient(rgba(9, 5, 54, 0.4),rgba(5, 4, 46, 0.75)),url("img/homepage/background_1_ebenhaezer.jpg");
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    display: flex;
    background-position-y: inherit;
    flex-direction: column;
    margin: 0px auto;
    width: 100%;
    height: 60vh;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    #visimisi h2[b-qth2822ffh] {
        color: #fff;
        padding-top: 60px;
        font-size: 40px;
        font-weight: bold;
        max-width: 80%;
        margin: 0 auto;
        word-wrap: break-word;
    }
/* Akhir CSS VIsiMisi Bagian Top */


.container-visi-misi[b-qth2822ffh] {
    display: flex;
    margin: 4vw 0vw;
}

.visi[b-qth2822ffh] {
    padding: 40px 20px;
    /*background-color: var(--primary-clr);*/
    background-color: #173c7c;
}

.text-visi[b-qth2822ffh] {
    display: flex;
    padding: 0px 50px;
    flex-direction: column;
    text-align: center;
    justify-content: center;
}

    .text-visi h3[b-qth2822ffh] {
        color: #F5F5F5;
        font-size: 38px;
        font-weight: bold;
    }

    .text-visi p[b-qth2822ffh] {
        color: #F5F5F5;
        line-height: 2.5rem;
        font-size: 16px;
    }

.misi[b-qth2822ffh] {
    padding: 40px 20px;
    /*background-color: #FFC107;*/
    background-color: #ffca2b;
}

.text-misi[b-qth2822ffh] {
    display: flex;
    padding: 0px 50px;
    flex-direction: column;
    text-align: center;
    justify-content: center;
}

.text-misi h3[b-qth2822ffh] {
    font-size: 38px;
    color: black;
    font-weight: bold;
}

.text-misi p[b-qth2822ffh] {
    font-size: 16px;
    text-align: start;
    color: black;
}

    .text-misi ol[b-qth2822ffh] {
        font-size: 16px;
        text-align: start;
        color: black;
    }

    .text-misi ol li[b-qth2822ffh] {
        font-size: 16px;
        text-align: start;
        color: black;
    }




/* Responsive 968px */
@media (max-width:968px) {


    #visimisi[b-qth2822ffh] {
        background-attachment: scroll;
        background-image: linear-gradient(rgba(9, 5, 54, 0.4),rgba(5, 4, 46, 0.75)),url("img/top_section_image/background_2_ebebenhaezer.jpg");
    }   
}

/* Responsive 768 */
@media (max-width:768px) {

    .container-visi-misi[b-qth2822ffh] {
        display: flex;
        flex-direction: column;
    }
    
}


/* Responsive 568 */
@media (max-width:568px) {


    #visimisi h2[b-qth2822ffh] {
        font-size: 35px;
        padding-top: 70px;
    }
}


/* Responsive 468 */
@media (max-width:468px) {

    #visimisi h2[b-qth2822ffh] {
        font-size: 30px;
        padding-top: 70px;
    }
}
/* _content/PKMGerejaEbenhaezer.Web/Views/Ibadah/Detail.cshtml.rz.scp.css */
 .breadcrumbs[b-vhuw6u5bfe] {
    display: flex;
    grid-gap: 6px;
    padding: 0;
    margin: 0;
}

     .breadcrumbs li[b-vhuw6u5bfe],
     [b-vhuw6u5bfe] .breadcrumbs li a {
        font-size: 14px;
        list-style: none;
        text-decoration: none;
    }

        .breadcrumbs li a[b-vhuw6u5bfe] {
            color: #1775F1;
            text-decoration: none;
        }

            .breadcrumbs li a.active[b-vhuw6u5bfe],
            .breadcrumbs li.divider[b-vhuw6u5bfe] {
                color: black;
                pointer-events: none;
            }



#blog-container[b-vhuw6u5bfe] {
    margin-top: 8rem;
    display: flex;
    padding: 30px 50px 30px 50px;
    align-content: center;
    text-align: center;
    align-items: center;
    justify-content: space-between;
}

    #blog-container .blogs[b-vhuw6u5bfe] {
        width: 70%;
        margin: 0 auto;
    }

        #blog-container .blogs .post .atas[b-vhuw6u5bfe]  img {
            width: 100%;
            height: 300px;
            object-fit: cover;
            border-radius: 20px;
        }

        #blog-container .blogs .post .pendeta-detail[b-vhuw6u5bfe] {
            display: flex;
            flex-direction: row;
            justify-content: center;
        }

        #blog-container .blogs .post .pendeta-detail[b-vhuw6u5bfe]  img {
            width: 25px;
            height: 25px;
            object-fit: cover;
            border-radius: 50%;
        }

        #blog-container .blogs .post[b-vhuw6u5bfe] {
            align-items: center;
            justify-content: center;
        }

            #blog-container .blogs .post h3[b-vhuw6u5bfe]{
                color: #29303B;
                padding: 15px 0 0px 0;
                font-size: 38px;
                font-weight: 500;
            }

            #blog-container .blogs .post h4[b-vhuw6u5bfe] {
                color: #10316B;
                padding: 0px 0 0px 0;
                font-size: 18px;
                font-weight: 600;
            }

            #blog-container .blogs .post h5[b-vhuw6u5bfe] {
                display: flex;
                font-size: 14px;
                padding: 10px 0 0px 0;
                              
            }

            #blog-container .blogs .post h6[b-vhuw6u5bfe] {
                font-size: 15px;
                padding: 0px 0 0px 0;
            }

        #blog-container .blogs .post .info-blog[b-vhuw6u5bfe] {
            display: flex;
            padding: 30px 0px;
            justify-content: center;
            gap: 20px;
            color: #29303B;          
        }

            #blog-container .blogs .post .info-blog h5[b-vhuw6u5bfe] {              
                font-size: 14px;              
            }

        #blog-container .blogs .post p[b-vhuw6u5bfe] {
            text-align: justify;
            font-size: 14px;
            margin-top: 10px;
            margin-bottom: 20px;
        }

.deskripsi-ibadah[b-vhuw6u5bfe] {
    text-align: justify;
    font-size: 14px;
    margin-top: 40px;
    margin-bottom: 10px;
}

#blog-container .blogs .post .info-ibd[b-vhuw6u5bfe] {
    display: flex;
    text-align: center;
    justify-content: center;
    gap: 10px;
}

#blog-container .blogs .post .info-ibd i[b-vhuw6u5bfe] {
    color: var(--primary-clr);
}

        #blog-container .blogs .post .dokumen[b-vhuw6u5bfe] {
            margin-top: 30px;
        }

        #blog-container .blogs .post .nats h5[b-vhuw6u5bfe] {
            font-size: 14px;
            font-weight: bold;
        }



/* --------------------------------------------------- Responsive --------------------------------------------------- */
/* Responsive 768 */
@media(max-width: 768px) {

    #blog-container[b-vhuw6u5bfe] {
        padding: 10px 25px 30px 25px;       
    }

    #blog-container .blogs[b-vhuw6u5bfe] {
        width: 100%;
        margin-top: 30px;
    }

        #blog-container .blogs img[b-vhuw6u5bfe] {
            width: 100%;
            height: 50vh;
            object-fit: cover;
        }

        #blog-container .blogs .post .info-blog[b-vhuw6u5bfe] {
            display: flex;
            flex-direction: column;
        }
}

/* Responsive 568 */
@media(max-width: 568px) {
    #blog-container .blogs .post .pendeta-detail[b-vhuw6u5bfe] {
        display: flex;
        flex-direction: row;
        justify-content: start;
    }

    #blog-container .blogs .post h3[b-vhuw6u5bfe] {
        text-align: start;
        padding-left: 5px;
        font-size: 28px;
    }

    #blog-container .blogs .post h4[b-vhuw6u5bfe] {
        text-align: start;
        padding-left: 5px;
        font-size: 16px;
    }

    #blog-container .blogs .post .info-ibd[b-vhuw6u5bfe] {
        display: flex;
        flex-direction: column;
        gap: normal;
        align-items: start;
    }
}
/* _content/PKMGerejaEbenhaezer.Web/Views/Ibadah/Index.cshtml.rz.scp.css */
/* CSS Ibadah Bagian Top */
#ibadahus[b-7s68mgtxye] {
    background-image: linear-gradient(rgba(9, 5, 54, 0.4),rgba(5, 4, 46, 0.75)),url("img/homepage/background_1_ebenhaezer.jpg");
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-position-y: inherit;
    display: flex;
    flex-direction: column;
    margin: 0px auto;
    width: 100%;
    height: 60vh;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 101;
}

    #ibadahus h2[b-7s68mgtxye] {
        color: #fff;
        padding-top: 60px;
        font-size: 40px;
        font-weight: bold;
        max-width: 80%;
        margin: 0 auto;
        word-wrap: break-word;
    }
/* AKhir CSS Ibadah Bagian Top */


/* CSS Content Ibadah Section */
section.ibadah[b-7s68mgtxye] {
    width: 100%;
    padding: 3% 100px 30px;
}

.ibadah .section-header[b-7s68mgtxye] {
    position: relative;
    display: flex;
    justify-content: space-between;
}

    .ibadah .section-header[b-7s68mgtxye]  .ibadah-btn {
        position: absolute;
        right: 0;
        bottom: 40px;
    }

.ibadah .ibadah-contents[b-7s68mgtxye] {
    display: flex;
    flex-wrap: wrap;
    justify-items: center;
}

    .ibadah .ibadah-contents h1[b-7s68mgtxye] {
        width: 100%;
        padding: 70px 0 70px;
    }

    .ibadah .ibadah-contents .ibadah-card[b-7s68mgtxye] {
        flex-basis: calc(calc(100% / 3) - 1.2%);
        border: 1px solid #eee;
        padding: 10px;
        border-radius: 5px;
        margin: 5px 5px 5px 5px;
        cursor: pointer;
        transition: all 0.3s;
        position: relative;
    }

        .ibadah .ibadah-contents .ibadah-card:hover[b-7s68mgtxye] {
            box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
        }

.ibadah-contents .ibadah-card[b-7s68mgtxye]  img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    border-radius: 5px;
}

.ibadah-contents .ibadah-card .category-pendeta-ibadah[b-7s68mgtxye] {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 10px 0px;
}

.ibadah-card .nats[b-7s68mgtxye] {
    position: absolute;
    left: 0;
    top: 30px;
    width: 100%;
    height: auto; 
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    align-content: center;
}

    .ibadah-card .nats h2[b-7s68mgtxye] {
        font-family: "Amarante", serif;
        font-weight: 500;
        font-size: 18px;
    }

.ibadah-card .info-atas[b-7s68mgtxye] {
    position: absolute;
    left: 0;
    top: 300px;
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    align-content: center;
}

    .ibadah-card .info-atas h2[b-7s68mgtxye] {
        font-family: "Amarante", serif;
        font-weight: 400;
        font-size: 15px;
    }

    .ibadah-card .info-atas i[b-7s68mgtxye] {
        font-family: "Amarante", serif;
        font-weight: 400;
        font-size: 15px;
    }

.ibadah-card .category-pendeta-ibadah[b-7s68mgtxye]  img {
    position: absolute;
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 50%;
    right: 20px;
    top: -50%;
    outline: 1px solid var(--primary-clr);
    outline-offset: 3px;
}

.ibadah-card .category-pendeta-ibadah .gambar-pendeta .tooltip-pendeta[b-7s68mgtxye] {
    right: 20px;
    padding: 10px 15px;
    border-radius: 15px;
    position: absolute;
    z-index: 104;
    color: white;
    background-color: var(--primary-clr);
    box-shadow: 5px 5px 15px 15px rgba(0,0,0,0.12);
    top: 0%;
    opacity: 0;
    pointer-events: none;
    transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

    .ibadah-card .category-pendeta-ibadah .gambar-pendeta .tooltip-pendeta h3[b-7s68mgtxye] {
        font-size: 15px;
    }

.ibadah-card .category-pendeta-ibadah .gambar-pendeta:hover .tooltip-pendeta[b-7s68mgtxye] {
    opacity: 1;
    pointer-events: auto;
    top: 110%;
}

.ibadah-card .category-pendeta-ibadah .tooltip-pendeta[b-7s68mgtxye]:before {
    right: 20px;
    position: absolute;
    z-index: 104;
    color: white;
    background-color: var(--primary-clr);
    top: -20%;
    transform: translateX(-50%) rotate(45deg);
    content: "";
    height: 17px;
    width: 17px;
}

.ibadah-card .category-pendeta-ibadah .subject-ibadah[b-7s68mgtxye] {
    padding: 8px 10px;
    background-color: var(--primary-light-clr);
    border-radius: 5px;
}

    .ibadah-card .category-pendeta-ibadah .subject-ibadah h3[b-7s68mgtxye] {
        font-size: 18px;
        font-weight: 500;
        color: var(--primary-clr);
    }

.ibadah-card .ibadah-title[b-7s68mgtxye] {
    font-size: 20px;
    font-weight: 600;
    color: var(--dark-heading-clr);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-height: 1.3;
    text-overflow: ellipsis;
}


.ibadah-deskripsi-ckEditor[b-7s68mgtxye] {
    font-size: 13px;
    color: var(--dark-heading-clr);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    margin-top: 10px;
    margin-bottom: 10px;
}

.ibadah-deskripsi-ckEditor[b-7s68mgtxye]  p {
    margin: 0;
}

.ibadah-card .ibadah-date[b-7s68mgtxye] {
    margin: 15px 0px;
    display: grid;
    grid-template-columns: 50% 50%;
    grid-gap: 40px;
    margin-right: 10px;
}

    .ibadah-card .ibadah-date .date-kiri[b-7s68mgtxye] {
        display: flex;
        padding-left: 40px;
        font-size: 14px;
        font-weight: 500;
        color: var(--dark-text-clr);
    }


        .ibadah-card .ibadah-date .date-kiri i[b-7s68mgtxye] {
            color: var(--primary-clr);
            margin-right: 5px;
        }

    .ibadah-card .ibadah-date .date-kanan[b-7s68mgtxye] {
        display: flex;
        font-size: 14px;
        font-weight: 500;
        justify-content: start;
        color: var(--dark-text-clr);
        text-align: right;
    }


        .ibadah-card .ibadah-date .date-kanan i[b-7s68mgtxye] {
            color: var(--primary-clr);
            margin-right: 5px;
        }


.ibadah-card .ibadah-info[b-7s68mgtxye] {
    padding: 15px 0px 0px;
    display: flex;
    text-align: center;
    margin-right: 10px;
    justify-content: center;
    border-top: 1px solid #ccc;
}

    .ibadah-card .ibadah-info h5[b-7s68mgtxye] {
        font-size: 14px;
    }
/* Akhir CSS Content Ibadah Section */


/* CSS Type Input Text dan Select dan Textarea */
[b-7s68mgtxye] .input-box label {
    color: #333;
    font-size: 14px;
}

[b-7s68mgtxye] .input-box input {
    position: relative;
    font-size: 14px;
    height: 40px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

[b-7s68mgtxye] .input-box select {
    position: relative;
    font-size: 14px;
    height: 40px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

[b-7s68mgtxye] .input-box textarea {
    position: relative;
    font-size: 14px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

[b-7s68mgtxye] select.custom-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px 40px 5px 15px;
    font-size: 16px;
    color: #333;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    transition: border-color 0.3s, box-shadow 0.3s;
}

    [b-7s68mgtxye] select.custom-select:focus {
        border-color: #007bff;
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
        outline: none;
    }

[b-7s68mgtxye] .custom-select-wrapper {
    position: relative;
}

[b-7s68mgtxye] .custom-arrow {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
    pointer-events: none;
    transform: translateY(-50%);
}

[b-7s68mgtxye] select.custom-select option {
    background-color: #fff;
    color: #333;
}


[b-7s68mgtxye] select.custom-select {
    max-height: 200px;
    overflow-y: auto;
}
/* Akhir CSS Type Input Text dan Select dan Textarea */


/* CSS Search dan Pagination */
[b-7s68mgtxye] .penc .form-inline {
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-7s68mgtxye] .penc .input-group {
    flex-wrap: nowrap;
    width: 60%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

[b-7s68mgtxye] .penc .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-size: 16px;
}

[b-7s68mgtxye] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

[b-7s68mgtxye] .penc .input-group-append .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

[b-7s68mgtxye] .penc {
    padding: 30px 10px 30px;
    margin: 0;
}

[b-7s68mgtxye] .pagination {
    padding: 30px 0px 10px;
    margin: 0;
    font-size: 16px;
}

[b-7s68mgtxye] .page-item {
    margin: 0 5px;
}

[b-7s68mgtxye] .page-link {
    padding: 5px 10px;
    font-size: 16px;
}

[b-7s68mgtxye] .page-item.active .page-link {
    background-color: var(--primary-clr);
    border-color: var(--primary-clr);
    color: white;
}
/* Akhir CSS Search dan Pagination */


/* --------------------------------------------------- Responsive --------------------------------------------------- */
/*  Responsive 1160 */
@media (max-width:1160px) {

    /* CSS Content Ibadah Section */
    section.ibadah[b-7s68mgtxye] {
        padding: 8% 10px 30px;
    }

    

    .ibadah .ibadah-contents .ibadah-card[b-7s68mgtxye] {
        flex-basis: calc(calc(100% / 2) - 1.5%);
    }
    /* Akhir CSS Content Ibadah Section */
}


@media (max-width:968px) {

    #ibadahus[b-7s68mgtxye] {
        background-attachment: scroll;
        background-image: linear-gradient(rgba(9, 5, 54, 0.4),rgba(5, 4, 46, 0.75)),url("img/top_section_image/background_2_ebebenhaezer.jpg");
    }
}


/* Responsive 768 */
@media (max-width:768px) {

    /* CSS Content Ibadah Section */
    section.ibadah[b-7s68mgtxye] {
        width: 100%;
    }
    /* Akhir CSS Content Ibadah Section */


    /* CSS Type Input Text dan Select dan Textarea */
    [b-7s68mgtxye] select.custom-select {
        font-size: 14px;
        padding: 8px 35px 8px 10px;
    }

    [b-7s68mgtxye] .custom-arrow {
        right: 10px;
    }
    /* Akhir CSS Type Input Text dan Select dan Textarea */


    /* CSS Search dan Pagination */
    [b-7s68mgtxye] .penc .input-group {
        width: 100%;
    }
    /* Akhir CSS Search dan Pagination */
}


/* Responsive 690 */
@media (max-width:690px) {

    /* CSS Content Ibadah Section */
    .ibadah .ibadah-contents .ibadah-card[b-7s68mgtxye] {
        flex-basis: 100%;
    }
    /* Akhir CSS Content Ibadah Section */
}


/* Responsive 568 */
@media (max-width:568px) {

    /* CSS Content Ibadah Section */
    #ibadahus h2[b-7s68mgtxye] {
        font-size: 28px;
        padding-top: 70px;
    }
    /* Akhir CSS Content Ibadah Section */
}


/* Responsive 468 */
@media (max-width:468px) {

    /* CSS Content Ibadah Section */
    #ibadahus h2[b-7s68mgtxye] {
        font-size: 24px;
        padding-top: 70px;
    }
    /* Akhir CSS Content Ibadah Section */
}
/* _content/PKMGerejaEbenhaezer.Web/Views/Pengumuman/Detail.cshtml.rz.scp.css */
*[b-mbji4il0k2] {
    font-family: 'poppins';
}

#blog-container[b-mbji4il0k2] {
    margin-top: 8rem;
    display: flex;
    padding: 30px 50px 30px 50px;
    align-items: flex-start;
    justify-content: space-between;
}

    #blog-container .blogs[b-mbji4il0k2] {
        width: 70%;
        margin: 0 auto;
    }

        #blog-container .blogs[b-mbji4il0k2]  img {
            width: 50%;
            border-radius: 13px;
        }

        #blog-container .blogs .post h3[b-mbji4il0k2] {
            color: #29303B;
            padding: 15px 0 0px 0;
            font-size: 30px;
            font-weight: 600;
        }

        #blog-container .blogs .post .info-blog[b-mbji4il0k2] {
            display: flex;           
            color: #29303B;
            justify-content: space-between;
            margin-bottom: 10px;
        }

        #blog-container .blogs .post .info-blog h4[b-mbji4il0k2] {
            color: #29303B;
            
        }

/* Ini paragraf */
.custom-text-ckeditor[b-mbji4il0k2] {
    text-align: justify;
    color: #757373;
    font-size: 14px;
    margin: 0;
}

        #blog-container .blogs .post .dokumen[b-mbji4il0k2] {            
            margin-top: 30px;
        }


/* --------------------------------------------------- Responsive --------------------------------------------------- */
/* Responsive 768 */
 @media(max-width: 768px) {

    #blog-container[b-mbji4il0k2] {
        padding: 10px 25px 30px 25px;
    }

    #blog-container .blogs[b-mbji4il0k2] {
        width: 100%;
        margin-top: 30px;
    }

        #blog-container .blogs[b-mbji4il0k2]  img {
            width: 100%;
            height: 30vh;
            object-fit: cover;
        }

        #blog-container .blogs .post .info-blog[b-mbji4il0k2] {
            display: flex;
            flex-direction: column;
        }

        #blog-container .blogs .post h3[b-mbji4il0k2] {
            font-size: 25px;

        }
}
/* _content/PKMGerejaEbenhaezer.Web/Views/Pengumuman/Index.cshtml.rz.scp.css */
/* CSS Pengumuman Bagian Top */
#peng-us[b-5jjlsgs7eb] {
    background-image: linear-gradient(rgba(9, 5, 54, 0.4),rgba(5, 4, 46, 0.75)),url("img/homepage/background_1_ebenhaezer.jpg");
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-position-y: inherit;
    display: flex;
    flex-direction: column;
    margin: 0px auto;
    width: 100%;
    height: 60vh;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 101;
}

    #peng-us h2[b-5jjlsgs7eb] {
        color: #fff;
        padding-top: 60px;
        font-size: 40px;
        font-weight: bold;
        max-width: 80%;
        margin: 0 auto;
        word-wrap: break-word;
    }
/* Akhir CSS Pengumuman Bagian Top */


/* CSS Content Pengumuman Section */
section.peng[b-5jjlsgs7eb] {
    width: 100%;
    padding: 3% 100px 30px;
}

.peng .peng-contents[b-5jjlsgs7eb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%;
}

    .peng .peng-contents h1[b-5jjlsgs7eb] {
        width: 100%;
        padding: 70px 0 70px;
    }

    .peng .peng-contents .peng-card[b-5jjlsgs7eb] {
        flex-basis: calc(calc(100% / 3) - 1.2%);
        border: 1px solid #eee;
        border-radius: 5px;
        padding: 10px;
        margin: 5px 5px 5px 5px;
        cursor: pointer;
        transition: all 0.3s;
    }

        .peng .peng-contents .peng-card:hover[b-5jjlsgs7eb] {
            box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
        }

.peng-contents .peng-card[b-5jjlsgs7eb]  img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 5px;
}

.peng-contents .peng-card .category[b-5jjlsgs7eb] {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 10px 0px;
}

.peng-card .category .subject[b-5jjlsgs7eb] {
    background-color: var(--primary-light-clr);
    border-radius: 5px;
    padding: 8px 10px;
}

    .peng-card .category .subject h3[b-5jjlsgs7eb] {
        font-size: 18px;
        font-weight: 500;
        color: var(--primary-clr);
    }

.peng-card .peng-title[b-5jjlsgs7eb] {
    color: var(--dark-heading-clr);
    margin-top: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    font-size: 20px;
    font-weight: 600;
}

/* Ini Untuk Paragraf */
.custom-text-ckeditor[b-5jjlsgs7eb] {
    color: var(--dark-heading-clr);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 13px;
}

.peng-card .peng-tombol[b-5jjlsgs7eb] {
    padding: 15px 0px 0px;
    display: flex;
    text-align: center;
    margin-right: 10px;
    justify-content: center;
    border-top: 1px solid #ccc;
}

.peng-card .peng-tanggal[b-5jjlsgs7eb] {
    display: flex;
    padding: 15px 0px 0px;
    justify-content: space-between;
    align-items: center;
}

    .peng-card .peng-tanggal span[b-5jjlsgs7eb] {
        color: var(--primary-clr);
        text-align: center;
        font-size: 14px;
        font-weight: 500;
    }

        .peng-card .peng-tanggal span:nth-child(1) i[b-5jjlsgs7eb] {
            color: var(--primary-clr);
            padding-right: 10px;
            font-size: 14px;
        }

        .peng-card .peng-tanggal span b[b-5jjlsgs7eb] {
            font-size: 24px;
        }

[b-5jjlsgs7eb] .tombolseleng {
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 5px;
    color: #000;
    padding: 10px 18px;
    font-size: 15px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s;
}

    [b-5jjlsgs7eb] .tombolseleng:hover {
        background-color: var(--light-heading-clr);
        color: var(--primary-clr);
        border: 1px solid var(--primary-clr);
    }
/* Akhir CSS Content Pengumuman Section */


/* CSS Type Input Text dan Select dan Textarea */
[b-5jjlsgs7eb] .input-box label {
    color: #333;
    font-size: 14px;
}

[b-5jjlsgs7eb] .input-box input {
    position: relative;
    font-size: 14px;
    height: 40px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

[b-5jjlsgs7eb] .input-box select {
    position: relative;
    font-size: 14px;
    height: 40px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

[b-5jjlsgs7eb] .input-box textarea {
    position: relative;
    font-size: 14px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

[b-5jjlsgs7eb] select.custom-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px 40px 5px 15px;
    font-size: 16px;
    color: #333;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    transition: border-color 0.3s, box-shadow 0.3s;
}

    [b-5jjlsgs7eb] select.custom-select:focus {
        border-color: #007bff;
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
        outline: none;
    }

[b-5jjlsgs7eb] .custom-select-wrapper {
    position: relative;
}

[b-5jjlsgs7eb] .custom-arrow {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
    pointer-events: none;
    transform: translateY(-50%);
}

[b-5jjlsgs7eb] select.custom-select option {
    background-color: #fff;
    color: #333;
}


[b-5jjlsgs7eb] select.custom-select {
    max-height: 200px;
    overflow-y: auto;
}
/* Akhir CSS Type Input Text dan Select dan Textarea */


/* CSS Search dan Pagination */
[b-5jjlsgs7eb] .penc .form-inline {
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-5jjlsgs7eb] .penc .input-group {
    flex-wrap: nowrap;
    width: 60%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

[b-5jjlsgs7eb] .penc .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-size: 16px;
}

[b-5jjlsgs7eb] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

[b-5jjlsgs7eb] .penc .input-group-append .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

[b-5jjlsgs7eb] .penc {
    padding: 30px 10px 30px;
    margin: 0;
}

[b-5jjlsgs7eb] .pagination {
    padding: 30px 0px 10px;
    margin: 0;
    font-size: 16px;
}

[b-5jjlsgs7eb] .page-item {
    margin: 0 5px;
}

[b-5jjlsgs7eb] .page-link {
    padding: 5px 10px;
    font-size: 16px;
}

[b-5jjlsgs7eb] .page-item.active .page-link {
    background-color: var(--primary-clr);
    border-color: var(--primary-clr);
    color: white;
}
/* Akhir CSS Search dan Pagination */


/* --------------------------------------------------- Responsive --------------------------------------------------- */
/*  Responsive 1160 */
@media (max-width:1160px) {

    /* CSS Content Pengumuman Section */
    section.peng[b-5jjlsgs7eb] {
        padding: 8% 10px 30px;
    }

    .peng .peng-contents .peng-card[b-5jjlsgs7eb] {
        flex-basis: calc(calc(100% / 2) - 1.5%);
    }
    /* Akhir CSS Content Pengumuman Section */
}


@media (max-width:968px) {

    /* CSS Pengumuman Bagian Top */
    #peng-us[b-5jjlsgs7eb] {
        background-attachment: scroll;
        background-image: linear-gradient(rgba(9, 5, 54, 0.4),rgba(5, 4, 46, 0.75)),url("img/top_section_image/background_2_ebebenhaezer.jpg");
    }
    /* Akhir CSS Pengumuman Bagian Top */
}


/* Responsive 768 */
@media (max-width:768px) {

    /* CSS Content Pengumuman Section */
    section.peng[b-5jjlsgs7eb] {
        width: 100%;
    }
    /* Akhir CSS Content Pengumuman Section */


    /* CSS Type Input Text dan Select dan Textarea */
    [b-5jjlsgs7eb] select.custom-select {
        font-size: 14px;
        padding: 8px 35px 8px 10px;
    }

    [b-5jjlsgs7eb] .custom-arrow {
        right: 10px;
    }
    /* Akhir CSS Type Input Text dan Select dan Textarea */


    /* CSS Search dan Pagination */
    [b-5jjlsgs7eb] .penc .input-group {
        width: 100%;
    }
    /* Akhir CSS Search dan Pagination */
}


/* Responsive 690 */
@media (max-width:690px) {

    /* CSS Content Pengumuman Section */
    .peng .peng-contents .peng-card[b-5jjlsgs7eb] {
        flex-basis: 100%;
    }
    /* Akhir CSS Content Pengumuman Section */
}


/* Responsive 568 */
@media (max-width:568px) {

    /* CSS Pengumuman Bagian Top */
    #peng-us h2[b-5jjlsgs7eb] {
        font-size: 28px;
        padding-top: 70px;
    }
    /* Akhir CSS Pengumuman Bagian Top */
}


/* Responsive 468 */
@media (max-width:468px) {

    /* CSS Pengumuman Bagian Top */
    #peng-us h2[b-5jjlsgs7eb] {
        font-size: 24px;
        padding-top: 70px;
    }
    /* Akhir CSS Pengumuman Bagian Top */
}
/* _content/PKMGerejaEbenhaezer.Web/Views/Shared/Components/FotoPicker/Default.cshtml.rz.scp.css */
[b-1sf0tpz0hm] .foto-container.selected {
    background: var(--primary-clr)
}

[b-1sf0tpz0hm] .foto-container {
    background: white;
}

/* Gambar Form */
.dvPreview[b-1sf0tpz0hm] {
    min-height: 400px;
    width: 400px;
    overflow: scroll;
    border-style: solid;
    border-width: medium;
    padding: 3px 3px 3px 3px;
}

.dvPreview:not(.multi)[b-1sf0tpz0hm]  img{
    object-fit: contain;
}

    .dvPreview.multi[b-1sf0tpz0hm] {
        height: 400px;
    }

        .dvPreview.multi[b-1sf0tpz0hm]  img {
            object-fit: cover;
            width: 100%;
            height: 80px !important;
        }

    .dvPreview div#dash[b-1sf0tpz0hm] {
        border-style: dashed;
        border-width: medium;
    }
/* Akhir Gambar Form */
/* _content/PKMGerejaEbenhaezer.Web/Views/Shared/_Layout.cshtml.rz.scp.css */
/* CSS Body */
.badan-utama[b-ux5tjnmkj2] {
    margin: 0;
    padding: 0;
    padding-left: 0;
    padding-right: 0;    
}
/* Akhir CSS Body */


/* CSS Go to top Section */
#progress[b-ux5tjnmkj2] {
    background-color: var(--primary-clr);
    position: fixed;
    bottom: 20px;
    right: 20px;
    height: 50px;
    width: 50px;
    display: none;
    place-items: center;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: all 1s ease;
    z-index: 5;
}

#progress-value[b-ux5tjnmkj2] {
    display: block;
    height: calc(100% - 5px);
    width: calc(100% - 5px);
    background-color: #fff;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 20px;
    color: #001a2e;
    transition: all 1s ease;
}
/* Akhir CSS Go to top Section */


/* CSS Footer */
footer[b-ux5tjnmkj2] {
    position: relative;
    width: 100%;
    bottom: 0px;
    margin-top: auto;
    height: auto;
    padding: 0px 100px 0px 100px;
    background: #1b4182;
}

.copyrightText[b-ux5tjnmkj2] {
    width: 100%;
    display: flex;
    text-align: center;
    justify-content: space-between;
    color: var(--light-heading-clr);
    padding: 25px 0px 15px;
}

    .copyrightText p[b-ux5tjnmkj2] {
        font-size: 16px;
        margin-top: 15px;
    }

    .copyrightText[b-ux5tjnmkj2]  img {
        height: 50px;
        max-width: 100%;
    }
/* Akhir CSS Footer */


/* --------------------------------------------------- Responsive --------------------------------------------------- */
/*  Responsive 768 */
@media (max-width: 768px) {

    /* CSS Footer */
    footer[b-ux5tjnmkj2] {
        padding: 0px 10px 0px 10px;
    }

    .copyrightText p[b-ux5tjnmkj2] {
        margin-top: 12px;
        font-size: 12px;
    }

    .copyrightText[b-ux5tjnmkj2]  img {
        height: 44px;
    }
    /* Akhir CSS Footer */
}

/*  Responsive 468 */
@media (max-width: 468px) {

    /* CSS Footer */
    .copyrightText[b-ux5tjnmkj2] {
        flex-direction: column;
        align-items: center; 
    }

        .copyrightText img[b-ux5tjnmkj2] {
            margin-bottom: 10px;
        }
    /* Akhir CSS Footer */
}
/* _content/PKMGerejaEbenhaezer.Web/Views/Shared/_NavbarPartial.cshtml.rz.scp.css */
.stick[b-9x397dhx2e] {
    width: 100%;
    max-height: 80px;
    height: 8rem;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
    background-color: var(--primary-clr);
    opacity: 0.9;
    padding: 0px;
    margin: 0px auto;
    z-index: 100;
    position: fixed;
    transition: all 0.3s ease;
}

.main-navbar[b-9x397dhx2e] {
    width: 100%;
    max-height: 80px;
    height: 8rem;
    position: absolute;
    opacity: 0.9;
    padding: 0px 8%;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 101;
}

    .main-navbar .logo[b-9x397dhx2e] {
        text-decoration: none;
    }

        [b-9x397dhx2e] .main-navbar .logo img {
            width: 180px;
            height: auto;
        }

    .main-navbar .nav-list[b-9x397dhx2e] {
        list-style: none;
    }

        .main-navbar .nav-list li[b-9x397dhx2e] {
            display: inline-block;
            padding: 10px 10px;
            padding-top: 15px;
            position: relative;
        }

            .main-navbar .nav-list li[b-9x397dhx2e]  a.login-btn {
                position: relative;
                font-weight: 500;
                font-size: 14px;
                text-transform: uppercase;
                text-decoration: none;
                letter-spacing: 1px;
            }

                .main-navbar .nav-list li[b-9x397dhx2e]  a.login-btn::after {
                    position: absolute;
                    content: '';
                    width: 100%;
                    height: 2px;
                    left: 0;
                    top: calc(100% + 2px);
                    transition: all 0.3s;
                    transform: scaleX(0);
                }

                .main-navbar .nav-list li[b-9x397dhx2e]  a.login-btn:hover::after {
                    transform: scaleX(1);
                }

            .main-navbar .nav-list li[b-9x397dhx2e]  a {
                position: relative;
                color: var(--light-heading-clr);
                text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
                font-weight: 500;
                font-size: 15px;
                text-transform: uppercase;
                text-decoration: none;
                letter-spacing: 1px;
                transition: all .3s ease;
            }

                .main-navbar .nav-list li[b-9x397dhx2e]  a:hover {
                    color: #f1e324;
                }

            .main-navbar .nav-list li i[b-9x397dhx2e] {
                padding-left: 5px;
                font-size: 16px;
            }

    .main-navbar .menu-btn[b-9x397dhx2e] {
        min-width: 30px;
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        cursor: pointer;
        display: none;
    }

        .main-navbar .menu-btn span[b-9x397dhx2e] {
            position: relative;
            display: block;
            width: 100%;
            height: 2px;
            background-color: var(--light-heading-clr);
            border-radius: 5px;
            transition: all 0.4s;
        }

            .main-navbar .menu-btn span[b-9x397dhx2e]::before,
            .main-navbar .menu-btn span[b-9x397dhx2e]::after {
                position: absolute;
                content: '';
                top: 0;
                left: 0;
                width: 80%;
                height: 100%;
                background-color: var(--light-heading-clr);
                transition: all 0.4s;
            }

            .main-navbar .menu-btn span[b-9x397dhx2e]::before {
                transform: translateY(-9px);
            }

            .main-navbar .menu-btn span[b-9x397dhx2e]::after {
                transform: translateY(9px);
            }

        .main-navbar .menu-btn.active span[b-9x397dhx2e],
        .main-navbar .menu-btn.active span[b-9x397dhx2e]::before,
        .main-navbar .menu-btn.active span[b-9x397dhx2e]::after {
            width: 100%;
        }

            .main-navbar .menu-btn.active span[b-9x397dhx2e]::before {
                transform: rotate(45deg) translateY(0px);
            }

            .main-navbar .menu-btn.active span[b-9x397dhx2e]::after {
                transform: rotate(-45deg) translateY(0px);
            }

        .main-navbar .menu-btn.active span[b-9x397dhx2e] {
            background-color: transparent;
        }

.container-submenu[b-9x397dhx2e] {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 100%;
    gap: 10px;
    width: 240px;
    padding: 20px 15px;
    background-color: var(--primary-clr);
    border-radius: 5px;
    box-shadow: 0px 5px 50px rgba(0, 67, 101, 0.08);
    opacity: 0; /* Set opacity to 0 initially */
    transform: translateY(-20px); /* Start from -20px (above its final position) */
    transition: all 0.3s ease; /* Transition effect */
    visibility: hidden; /* Initially hide the submenu */
}

.submenu:hover .container-submenu[b-9x397dhx2e] {
    opacity: 1; /* Fade in */
    transform: translateY(0); /* Slide down */
    visibility: visible; /* Make submenu visible */
}

.container-submenu[b-9x397dhx2e]  a {
    cursor: pointer;
}

.submenu:hover .rotate-icon[b-9x397dhx2e] {
    transform: rotate(180deg);
    transition: transform 0.3s ease-in-out;
}

/* Side Menu */
.side-menu[b-9x397dhx2e] {
    position: fixed;
    top: 0;
    right: -70%;
    width: 60%;
    height: 100%;
    background-color: var(--primary-clr);
    box-shadow: -4px 0 4px rgba(0, 0, 0, 0.3);
    z-index: 1003;
    transition: right 0.3s ease-in-out;
    overflow-y: auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
}

    .side-menu .content-wrapper[b-9x397dhx2e] {
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
    }

    .side-menu .navbar-nav[b-9x397dhx2e] {
        display: flex;
        flex-direction: column;
        gap: 15px;
        padding: 0;
        text-transform: uppercase;
    }

    .side-menu .navbar-toggler-icon[b-9x397dhx2e] {
        cursor: pointer;
        align-self: flex-end;
        margin-bottom: 20px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 50px;
        height: 50px;
        /*border-radius: 50%;
        backdrop-filter: blur(5px);*/
        /*box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);*/
        transition: 0.3s linear;
        padding-right: 5px;
    }

        .side-menu .navbar-toggler-icon:active[b-9x397dhx2e] {
            transform: scale(0.85);
        }

.gambar[b-9x397dhx2e] {
    color: white;
    font-size: 30px;
}

.side-menu .nav-item[b-9x397dhx2e] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 3px solid #666666;
    padding-bottom: 10px;
    transition: all 0.1s ease;
}

    .side-menu .nav-item:hover[b-9x397dhx2e] {
        border-bottom: 3px solid #FDC93B;
    }

    .side-menu .nav-item[b-9x397dhx2e]  a {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: start;
        color: white;
        font-size: 17px;
        text-decoration: none;
    }

    .side-menu .nav-item[b-9x397dhx2e]  a:hover {
        color: #FDC93B;
    }

.side-menu .nav-link[b-9x397dhx2e] {
    color: #333;
    font-size: 18px;
    font-weight: 500;
    padding: 8px 0 16px;
    position: relative;
    overflow: hidden;
}

[b-9x397dhx2e] .side-menu .nav-link::after {
    content: "";
    position: absolute;
    bottom: -1;
    left: 0;
    width: 0;
    height: 3px;
    background-color: #FDC93B; /* Yellow color */
    transition: width 0.3s ease-in-out;
}

[b-9x397dhx2e] .side-menu .nav-link:hover::after {
    color: #FDC93B;
    width: 100%;
}

.side-menu .nav-link.active[b-9x397dhx2e] {
    color: #FDC93B; /* Yellow color */
}

[b-9x397dhx2e] .side-menu .nav-link.active::after {
    width: 100%;
}

.side-menu .logo-container[b-9x397dhx2e] {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

[b-9x397dhx2e] .side-menu .logo-container img {
    max-width: 110px;
    height: auto;
}

/* Overlay */
.overlay[b-9x397dhx2e] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1002;
    display: none;
    backdrop-filter: blur(5px);
}

.side-menu.open[b-9x397dhx2e] {
    right: 0;
    display: block;
}

.overlay.show[b-9x397dhx2e] {
    display: block;
}

/* --------------------------------------------------- Responsive --------------------------------------------------- */

@media (max-width: 1150px) {
    .main-navbar[b-9x397dhx2e] {
        width: 100%;
        max-height: 80px;
        height: 8rem;
        position: absolute;
        opacity: 0.9;
        padding: 0px 3%;
        margin: 0px auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        z-index: 101;
    }


    .main-navbar .nav-list li[b-9x397dhx2e]  a {
        position: relative;
        color: var(--light-heading-clr);
        font-weight: 500;
        font-size: 13px;
        text-transform: uppercase;
        text-decoration: none;
        letter-spacing: 1px;
        transition: all .3s ease;
    }
}


@media (min-width: 969px) {
    .navbar-toggler[b-9x397dhx2e] {
        display: none;
    }
}


/*  Responsive 968 */
@media (max-width:968px) {
    .main-navbar[b-9x397dhx2e] {
        opacity: 1;
        position: fixed;
        background-color: var(--primary-clr);
        box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
        padding: 0px 5% 0px 5%;
    }

    .stick[b-9x397dhx2e] {
        opacity: 1;
    }

    .main-navbar .menu-btn[b-9x397dhx2e] {
        display: flex;
        margin-left: 40px;
        z-index: 101;
    }

    .main-navbar .nav-list[b-9x397dhx2e] {
        position: fixed;
        width: 100%;
        height: 100vh;
        top: 0;
        right: -100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: var(--primary-clr);
        transition: right 0.3s cubic-bezier(.1, .1, .1, .1);
        z-index: 100;
    }

        .main-navbar .nav-list.active[b-9x397dhx2e] {
            right: 0;
            transition: all 0.3s;
            opacity: 1;
        }

        .main-navbar .nav-list li[b-9x397dhx2e] {
            margin: 25px 0px 0px;
        }

            .main-navbar .nav-list li:nth-child(1)[b-9x397dhx2e] {
                margin-top: calc(50% - 50px);
            }

    .main-navbar[b-9x397dhx2e]  .login-btn {
        margin-left: auto;
        font-size: 20px;
    }

    .main-navbar .nav-list li[b-9x397dhx2e]  a.login-btn {
        font-size: 20px;
    }


    .navbar-toggler[b-9x397dhx2e] {
        display: block;
    }
}

/*  Responsive 768 */
@media (max-width:768px) {
    .main-navbar .nav-list li:nth-child(1)[b-9x397dhx2e] {
        top: calc(50% - 50px);
    }
}
/* _content/PKMGerejaEbenhaezer.Web/Views/WartaJemaat/Index.cshtml.rz.scp.css */
/* CSS Warta Bagian Top */
#wartaus[b-tduvnv8o6v] {
    background-image: linear-gradient(rgba(9, 5, 54, 0.4),rgba(5, 4, 46, 0.75)),url("img/homepage/background_1_ebenhaezer.jpg");
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    background-position-y: inherit;
    display: flex;
    flex-direction: column;
    margin: 0px auto;
    width: 100%;
    height: 60vh;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 101;
}

    #wartaus h2[b-tduvnv8o6v] {
        color: #fff;
        padding-top: 60px;
        font-size: 40px;
        text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
        font-weight: bold;
        max-width: 80%;
        margin: 0 auto;
        word-wrap: break-word;
    }
/* Akhir CSS Warta Bagian Top */


/* CSS Content Warta Section */
section.warta[b-tduvnv8o6v] {
    width: 100%;
    padding: 3% 100px 30px;
}

.tombolbaca[b-tduvnv8o6v] {
    padding: 10px 18px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    background: var(--primary-clr);
    width: 100%;
    font-size: 15px;
    border: 1px solid var(--primary-clr);
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s;
}

    .tombolbaca:hover[b-tduvnv8o6v] {
        background-color: var(--light-heading-clr);
        color: var(--primary-clr);
    }

.warta .warta-contents[b-tduvnv8o6v] {
    flex-wrap: wrap;
    display: flex;
    justify-items: center;
    height: 100%;
}
.warta .warta-contents h1[b-tduvnv8o6v] {
    width: 100%;
    padding: 70px 0 70px;
}

    .warta .warta-contents .warta-card[b-tduvnv8o6v] {
        display: flex;
        flex-direction: column;
        flex-basis: calc(calc(100% / 3) - 1.2%);
        position: relative;
        height: auto;
        border: 1px solid #eee;
        padding: 10px;
        border-radius: 5px;
        margin: 5px 5px 5px 5px;
        cursor: pointer;
        transition: all 0.3s;
    }

        .warta .warta-contents .warta-card:hover[b-tduvnv8o6v] {
            box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
        }

.warta-contents .warta-card[b-tduvnv8o6v]  img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-radius: 5px;
}

.image-wrapper[b-tduvnv8o6v] {
    position: relative;
    margin-bottom: 10px;
}

    .image-wrapper img[b-tduvnv8o6v] {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 5px;
    }

.warta .warta-contents .warta-card .tanggal[b-tduvnv8o6v] {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background-color: rgba(16, 49, 107, 0.9);
    padding: 5px 10px;
    border-radius: 5px;
}

    .warta .warta-contents .warta-card .tanggal h3[b-tduvnv8o6v] {
        font-size: 43px;
        color: #fafaf1;
        font-family: "Noto Serif Display", serif;
        margin: 0;
    }

.tanggal-text[b-tduvnv8o6v] {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.warta .warta-contents .warta-card .tanggal h4[b-tduvnv8o6v] {
    font-size: 11px;
    color: #fff;
    font-family: "Noto Serif Display", serif;
    margin: 0;
}

.warta .warta-contents .warta-card .tanggal h5[b-tduvnv8o6v] {
    font-size: 15px;
    padding-top: 10px;
    padding-right: 5px;
    color: #fff;
    font-family: "Noto Serif Display", serif;
    margin: 0;
}
/* Akhir CSS Content Warta Section */


/* CSS Type Input Text dan Select dan Textarea */
[b-tduvnv8o6v] .input-box label {
    color: #333;
    font-size: 14px;
}

[b-tduvnv8o6v] .input-box input {
    position: relative;
    font-size: 14px;
    height: 40px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

[b-tduvnv8o6v] .input-box select {
    position: relative;
    font-size: 14px;
    height: 40px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

[b-tduvnv8o6v] .input-box textarea {
    position: relative;
    font-size: 14px;
    width: 100%;
    outline: none;
    color: #707070;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

[b-tduvnv8o6v] select.custom-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px 40px 5px 15px;
    font-size: 16px;
    color: #333;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    transition: border-color 0.3s, box-shadow 0.3s;
}

    [b-tduvnv8o6v] select.custom-select:focus {
        border-color: #007bff;
        box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
        outline: none;
    }

[b-tduvnv8o6v] .custom-select-wrapper {
    position: relative;
}

[b-tduvnv8o6v] .custom-arrow {
    position: absolute;
    top: 50%;
    right: 15px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
    pointer-events: none;
    transform: translateY(-50%);
}

[b-tduvnv8o6v] select.custom-select option {
    background-color: #fff;
    color: #333;
}


[b-tduvnv8o6v] select.custom-select {
    max-height: 200px;
    overflow-y: auto;
}
/* Akhir CSS Type Input Text dan Select dan Textarea */


/* CSS Search dan Pagination */
[b-tduvnv8o6v] .penc .form-inline {
    display: flex;
    justify-content: center;
    align-items: center;
}

[b-tduvnv8o6v] .penc .input-group {
    flex-wrap: nowrap;
    width: 60%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

[b-tduvnv8o6v] .penc .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    font-size: 16px;
}

[b-tduvnv8o6v] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

[b-tduvnv8o6v] .penc .input-group-append .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

[b-tduvnv8o6v] .penc {
    padding: 30px 10px 30px;
    margin: 0;
}

[b-tduvnv8o6v] .pagination {
    padding: 30px 0px 10px;
    margin: 0;
    font-size: 16px;
}

[b-tduvnv8o6v] .page-item {
    margin: 0 5px;
}

[b-tduvnv8o6v] .page-link {
    padding: 5px 10px;
    font-size: 16px;
}

[b-tduvnv8o6v] .page-item.active .page-link {
    background-color: var(--primary-clr);
    border-color: var(--primary-clr);
    color: white;
}
/* Akhir CSS Search dan Pagination */


/* --------------------------------------------------- Responsive --------------------------------------------------- */
/* Responsive 1160 */
@media (max-width:1160px) {

    /* CSS Content Warta Section */
    section.warta[b-tduvnv8o6v] {
        padding: 8% 10px 30px;
    }

    .warta .warta-contents .warta-card[b-tduvnv8o6v] {
        flex-basis: calc(calc(100% / 2) - 1.5%);
    }
    /* Akhir CSS Content Warta Section */
}


@media (max-width:968px) {

    #wartaus[b-tduvnv8o6v] {
        background-attachment: scroll;
        background-image: linear-gradient(rgba(9, 5, 54, 0.4),rgba(5, 4, 46, 0.75)),url("img/top_section_image/background_2_ebebenhaezer.jpg");
    }
}


/* Responsive 768 */
@media (max-width:768px) {

    /* CSS Content Warta Section */
    section.warta[b-tduvnv8o6v] {
        width: 100%;
    }
    /* Akhir CSS Content Warta Section */


    /* CSS Type Input Text dan Select dan Textarea */
    [b-tduvnv8o6v] select.custom-select {
        font-size: 14px;
        padding: 8px 35px 8px 10px;
    }

    [b-tduvnv8o6v] .custom-arrow {
        right: 10px;
    }
    /* Akhir CSS Type Input Text dan Select dan Textarea */


    /* CSS Search dan Pagination */
    [b-tduvnv8o6v] .penc .input-group {
        width: 100%;
    }
    /* Akhir CSS Search dan Pagination */
}


/* Responsive 690 */
@media (max-width:690px) {

    /* CSS Content Warta Section */
    .warta .warta-contents .warta-card[b-tduvnv8o6v] {
        flex-basis: 100%;
    }
    /* Akhir CSS Content Warta Section */
}


/* Responsive 568 */
@media (max-width:568px) {

    /* CSS Content Warta Section */
    #wartaus h2[b-tduvnv8o6v] {
        font-size: 28px;
        padding-top: 70px;
    }
    /* Akhir CSS Content Warta Section */
}


/* Responsive 468 */
@media (max-width:468px) {

    /* CSS Content Warta Section */
    #wartaus h2[b-tduvnv8o6v] {
        font-size: 24px;
        padding-top: 70px;
    }
    /* Akhir CSS Content Warta Section */
}