@media only screen and (max-device-width: 575px) {
.container {
    --bs-gutter-x: 0 !important;
}
.container-fluid {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}
#block-bootstrap5-menusejarahmobile .field__item {
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
    display: grid !important;
    grid-template-rows: auto !important;
    gap: 9px !important;
    width: 100% !important;
    margin: auto !important;
    text-align: center;
}
#block-bootstrap5-menusejarahmobile p {
    margin-bottom: 0;
}
#icon-sejarah, #icon-naskah, #icon-visimisi, #icon-mabda {
        background: #ffffff57;
        border: 1px solid #6abfa6ad;
        border-radius: 5px;
        padding-top: 5px;
        padding-bottom: 2px;
    color: #008f62;
}
#icon-sejarah:hover, #icon-naskah:hover, #icon-visimisi:hover, #icon-mabda:hover {
    background: #19874bed;
    color: #ffffff;
}
   .v-row-parlemen.row-1, .v-row-nasional.row-1, .v-row-daerah.row-1 {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
}
#block-bootstrap-subtheme-views-block-berita-parlemen-block-1-2, #block-bootstrap-subtheme-views-block-berita-parlemen-block-2-2, #block-bootstrap-subtheme-views-block-berita-parlemen-block-3-2 {
    margin-top: 0px !important;
    padding: 0 !important;
}
.featured-bottom {
    background: #ffffff !important;
    margin-top: -75px !important;
    padding-top: 0px !important;
    padding-bottom: 20px !important;
}
#ms {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto auto !important;
    gap: 3px !important;
    width: 100% !important;
    margin: auto !important;
}
#block-bootstrap-subtheme-menusejarah {
    position: relative !important;
    z-index: 100 !important;
    width: 100% !important;
    right: 0 !important;
    top: 0 !important;
    left: 0 !important;
    background: #ffffff !important;
    padding-top: 40px !important;
}
.slide-background img {
width: 100% !important;
}
.view-slide-show .views-row.is-loaded {
    padding: 0;
}
#block-bootstrap-subtheme-nextscreen {
    display: none;
}
.pager__item--next a.page-link {
    border-top-right-radius: 5pc !important;
    border-bottom-right-radius: 5pc !important;
}
.pager__item--previous a.page-link {
    border-top-left-radius: 5pc !important;
    border-bottom-left-radius: 5pc !important;
    border-top-right-radius: 5pc !important;
}
.view-slide-show .js-pager__items.pagination {
    position: absolute !important;
    top: -9px !important;
    right: 105px !important;
    z-index: 1000 !important;
    border-radius: 5px;
}
#block-bootstrap-subtheme-views-block-slide-show-block-1 {
    margin-bottom: -86px;
    position: relative;
    padding: 10px;
}
.slide-background {
    position: relative;
    z-index: 1000;
}
#icon-user, #icon-cari {
    display: none;
}
}

/* --- Small devices (Ponsel besar, 576px ke atas) --- */
@media (min-width: 576px) {
.container {
    --bs-gutter-x: 0 !important;
}
.container-fluid {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}
#block-bootstrap5-menusejarahmobile .field__item {
    grid-template-columns: 1fr 1fr 1fr 1fr !important;
    display: grid !important;
    grid-template-rows: auto !important;
    gap: 9px !important;
    width: 100% !important;
    margin: auto !important;
    text-align: center;
}
#block-bootstrap5-menusejarahmobile p {
    margin-bottom: 0;
}
#icon-sejarah, #icon-naskah, #icon-visimisi, #icon-mabda {
        background: #ffffff57;
        border: 1px solid #6abfa6ad;
        border-radius: 5px;
        padding-top: 15px;
        padding-bottom: 2px;
    color: #008f62;
}
#icon-sejarah:hover, #icon-naskah:hover, #icon-visimisi:hover, #icon-mabda:hover {
    background: #19874bed;
    color: #ffffff;
}
#ms {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto auto !important;
    gap: 3px !important;
    width: 100% !important;
    margin: auto !important;
}
#block-bootstrap-subtheme-menusejarah {
    position: relative !important;
    z-index: 100 !important;
    width: 100% !important;
    right: 0 !important;
    top: 0 !important;
    left: 0 !important;
    background: #ffffff !important;
    padding-top: 50px !important;
}
#block-bootstrap-subtheme-views-block-slide-show-block-1 {
    margin-bottom: -86px !important;
    position: relative !important;
    padding: 10px !important;
}
.slide-background {
    position: relative !important;
    z-index: 1000 !important;
}
.featured-bottom {
    background: #ffffff !important;
    margin-top: -75px !important;
    padding-top: 0px !important;
    padding-bottom: 20px !important;
}
#block-bootstrap-subtheme-nextscreen {
    display: none !important;
}
.pager__item--next a.page-link {
    border-top-right-radius: 5pc !important;
    border-bottom-right-radius: 5pc !important;
}
.pager__item--previous a.page-link {
    border-top-left-radius: 5pc !important;
    border-bottom-left-radius: 5pc !important;
    border-top-right-radius: 5pc !important;
}
.view-slide-show .js-pager__items.pagination {
    position: absolute !important;
    top: -9px !important;
    right: 105px !important;
    z-index: 1000 !important;
    border-radius: 9px !important;
}
.view-slide-show .views-row.is-loaded {
    padding: 0;
}
.v-row-parlemen.row-1, .v-row-nasional.row-1, .v-row-daerah.row-1 {
    grid-template-columns: repeat(2, 1fr) !important;
}
.v-col-parlemen.views-col.col-1, .v-col-nasional.views-col.col-1, .v-col-daerah.views-col.col-1 {
    grid-column: 1 / span 2 !important;
}
.v-row-nasional.row-1 .v-col-nasional.views-col.col-2 {
    grid-row: span 1 !important;
}
.v-col-parlemen.views-col.col-2, .v-col-nasional.views-col.col-2, .v-col-daerah.views-col.col-3 {
    grid-row: 2 !important;
}
.v-col-parlemen.views-col.col-3, .v-col-nasional.views-col.col-3, .v-col-daerah.views-col.col-3 {
    grid-column: 2 / span 1 !important;
}
#icon-user, #icon-cari {
    display: none;
}
}

/* --- Medium devices (Tablet, 768px ke atas) --- */
@media (min-width: 768px) {
.container {
    max-width: 100% !important;
}
.v-row-parlemen.row-1, .v-row-nasional.row-1, .v-row-daerah.row-1 {
    grid-template-columns: repeat(6, 1fr)  !important;
}
.v-col-parlemen.views-col.col-1, .v-col-parlemen.views-col.col-2, .v-col-nasional.views-col.col-1, .v-col-nasional.views-col.col-2, .v-col-daerah.views-col.col-1, .v-col-daerah.views-col.col-2 {
    grid-column: span 3  !important;
}
.v-row-parlemen.row-1 .v-col-parlemen.views-col.col-2 {
    grid-row: 1 !important;
}
.v-row-nasional.row-1 .v-col-nasional.views-col.col-1 {
    grid-row: span 1 !important;
}
.v-col-parlemen.views-col.col-3, .v-col-parlemen.views-col.col-4, .v-col-parlemen.views-col.col-5,
.v-col-nasional.views-col.col-3, .v-col-nasional.views-col.col-4, .v-col-nasional.views-col.col-5,
.v-col-daerah.views-col.col-3, .v-col-daerah.views-col.col-4, .v-col-daerah.views-col.col-5 {
    grid-column: span 2  !important;
}
}

/* --- Large devices (Desktop, 992px ke atas) --- */
@media (min-width: 992px) {
.container {
    max-width: 100% !important;
}
  .v-row-parlemen.row-1, .v-row-nasional.row-1, .v-row-daerah.row-1 {
    grid-template-columns: repeat(6, 1fr)  !important;
}
.v-col-parlemen.views-col.col-1, .v-col-parlemen.views-col.col-2, .v-col-nasional.views-col.col-1, .v-col-nasional.views-col.col-2, .v-col-daerah.views-col.col-1, .v-col-daerah.views-col.col-2 {
    grid-column: span 3  !important;
}
.v-row-parlemen.row-1 .v-col-parlemen.views-col.col-2 {
    grid-row: 1 !important;
}
.v-row-nasional.row-1 .v-col-nasional.views-col.col-1 {
    grid-row: span 1 !important;
}
.v-col-parlemen.views-col.col-3, .v-col-parlemen.views-col.col-4, .v-col-parlemen.views-col.col-5,
.v-col-nasional.views-col.col-3, .v-col-nasional.views-col.col-4, .v-col-nasional.views-col.col-5,
.v-col-daerah.views-col.col-3, .v-col-daerah.views-col.col-4, .v-col-daerah.views-col.col-5 {
    grid-column: span 2  !important;
}
}

/* --- Extra large devices (Desktop besar, 1200px ke atas) --- */
@media (min-width: 1200px) {
.container {
    max-width: 100% !important;
}
.v-row-parlemen.row-1, .v-row-nasional.row-1, .v-row-daerah.row-1 {
    grid-template-columns: repeat(6, 1fr)  !important;
}
.v-col-parlemen.views-col.col-1, .v-col-parlemen.views-col.col-2, .v-col-nasional.views-col.col-1, .v-col-nasional.views-col.col-2, .v-col-daerah.views-col.col-1, .v-col-daerah.views-col.col-2 {
    grid-column: span 3  !important;
}
.v-row-parlemen.row-1 .v-col-parlemen.views-col.col-2 {
    grid-row: 1 !important;
}
.v-row-nasional.row-1 .v-col-nasional.views-col.col-1 {
    grid-row: span 1 !important;
}
.v-col-parlemen.views-col.col-3, .v-col-parlemen.views-col.col-4, .v-col-parlemen.views-col.col-5,
.v-col-nasional.views-col.col-3, .v-col-nasional.views-col.col-4, .v-col-nasional.views-col.col-5,
.v-col-daerah.views-col.col-3, .v-col-daerah.views-col.col-4, .v-col-daerah.views-col.col-5 {
    grid-column: span 2  !important;
}
.slide-background img {
    position: relative !important;
    left: 0 !important;
    top: 60px !important;
    width: 70% !important;
    right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 15px !important;
    margin-bottom: 115px !important;
    opacity: 0 !important;
    transform: scale(0.8) !important;
    transition: opacity 0.5s 
ease-out, transform 0.5s 
ease-out !important;
}
    #ms {
        display: grid !important;
        grid-template-columns: 1fr;
        grid-template-rows: auto !important;
        gap: 3px !important;
        width: 86% !important;
        margin: auto;
    }
#block-bootstrap-subtheme-menusejarah {
    position: absolute !important;
    z-index: 100 !important;
    width: 9% !important;
    right: 0px !important;
    top: 45px !important;
    background: none !important;
margin-left: 40px;
}
    .featured-bottom {
        background: #ffffff !important;
        margin-top: -30px !important;
        padding-top: 0px !important;
        padding-bottom: 20px !important;
    }
#main-wrapper {
    margin-top: 85px;
}
}
.container {
    max-width: 100% !important;
}
}
/******************************RESPON*********************/
.views-field.views-field-field-foto::after {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    background: linear-gradient(to top, rgb(0 0 0 / 65%), rgb(0 0 0 / 0%)) !important;
    height: -webkit-fill-available;
    content: "";
border-radius: 5px;
}
/****************BERITA PARLEMEN*******************/
#block-bootstrap-subtheme-views-block-berita-parlemen-block-1-2 {
    margin-top: 50px !important;
}
.v-row-parlemen.row-1 {
    display: grid !important;
    grid-template-columns: 2fr 4fr 2fr;
    grid-template-rows: auto auto !important;
    gap: 16px !important;
    width: 100% !important;
    margin: auto !important;
}
.v-col-parlemen.views-col {
    width: 100% !important;
   position: relative !important; 
  height: 100% !important; 
}
.v-col-parlemen.views-col.col-2 {
    grid-row: span 2;
}
.v-col-parlemen .views-field-field-foto img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.v-col-parlemen .views-field-title {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  padding: 10px !important;
  color: white !important;
   background: linear-gradient(to top, rgb(0 0 0 / 60%), rgb(0 0 0 / 0%)) !important;
    z-index: 1 !important;
border-radius: 5px;
}
.v-col-parlemen  .views-field-title a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: bold !important;
    position: relative !important;
}
.v-col-parlemen .views-field-title a:hover {
  color: #0db742 !important;
}
/********************BERITA NASIONAL****************/
#block-bootstrap-subtheme-views-block-berita-parlemen-block-2-2 {
    margin-top: 250px !important;
}
.v-row-nasional.row-1 {
    display: grid !important;
    grid-template-columns: 4fr 2fr 2fr;
    grid-template-rows: auto auto !important;
    gap: 16px !important;
    width: 100% !important;
    margin: auto !important;
}
.v-col-nasional.views-col {
    background-color: rgba(0, 0, 0, 0.125) !important;
    width: 100% !important;
   position: relative !important; 
  height: 100% !important; 
}
.v-col-nasional.views-col.col-1 {
    grid-row: span 2;
}
.v-col-nasional .views-field-field-foto img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.v-col-nasional .views-field-title {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  padding: 10px !important;
  color: white !important;
   background: linear-gradient(to top, rgb(0 0 0 / 60%), rgb(0 0 0 / 0%)) !important;
    z-index: 1 !important;
border-radius: 5px;
}
.v-col-nasional  .views-field-title a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: bold !important;
}
.v-col-nasional .views-field-title a:hover {
  color: #0db742 !important;
}
/********************DAERAH****************/
#block-bootstrap-subtheme-views-block-berita-parlemen-block-3-2 {
    margin-top: 250px !important;
}
.v-row-daerah.row-1 {
    display: grid !important;
    grid-template-columns: 2fr 2fr 4fr;
    grid-template-rows: auto auto !important;
    gap: 16px !important;
    width: 100% !important;
    margin: auto !important;
}
.v-col-daerah.views-col {
    background-color: rgba(0, 0, 0, 0.125) !important;
    width: 100% !important;
   position: relative !important; 
  height: 100% !important; 
}
.v-col-daerah.views-col.col-3 {
    grid-row: span 2;
}
.v-col-daerah .views-field-field-foto img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}
.v-col-daerah .views-field-title {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  padding: 10px !important;
  color: white !important;
   background: linear-gradient(to top, rgb(0 0 0 / 60%), rgb(0 0 0 / 0%)) !important;
    z-index: 1 !important;
border-radius: 5px;
}
.v-col-daerah  .views-field-title a {
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: bold !important;
}
.v-col-daerah .views-field-title a:hover {
  color: #0db742 !important;
}
/********************KOLASE******************/
.path-frontpage .region-content{
margin-top: 0 !important;
}
.region-content {
    background: #ffffff !important;
    padding: 0px !important;
    margin-top: 0px !important;
margin-bottom: 40px;
}
:root {
  --contrast: #000000b5 !important;
}
.featured-bottom {
    background: #ffffff;
    margin-top: -30px;
    padding-top: 20px;
    padding-bottom: 20px;
}

/**********************NEXT SCREEN**************/
#scroll-next-screen,
#scroll-prev-screen {
    position: fixed !important;
    bottom: auto !important;
    padding: 0px 7px !important;
    font-size: 25px !important;
    background-color: rgb(255 255 255 / 36%) !important;
    color: #000000 !important;
    border: none !important;
    border-radius: 20% !important;
    cursor: pointer !important;
    z-index: 1000 !important;
    box-shadow: 0 2px 4px rgb(255 255 255 / 10%) !important;
    top: 10px !important;
}
#scroll-next-screen {
    right: 5px !important; /* Tombol bawah di kanan */
}
#scroll-prev-screen {
  /*  right: 70px !important; Tombol atas di kiri tombol bawah */
    /* right: 20px !important; left: auto !important; jika ingin di sisi kiri layar */
    right: 35px !important ;
    margin-bottom: 35px ;
}
#scroll-next-screen:hover,
#scroll-prev-screen:hover {
    background-color: #ffffffb0 !important;
}
/**********************NEXT SCREEN**************/
/***********SCROLER************/
/* Pastikan elemen utama tidak terkunci */
html, body, .dialog-off-canvas-main-canvas, #page-wrapper, .main-content {
  overflow-x: hidden !important; /* Sembunyikan gulir horizontal */
  overflow-y: auto !important;   /* Paksa gulir vertikal aktif */
}
/* Sembunyikan bilah gulirnya secara visual */
body::-webkit-scrollbar, html::-webkit-scrollbar {
  display: none !important;
}
body, html {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}
/***********SCROLER************/
/*********************ANIMASI*********************/
/* 1. Atur gaya awal gambar yang baru dimuat */
.views-row.is-loading img {
  opacity: 0 !important;
  transform: translateY(20px) !important; /* Opsi: mulai sedikit di bawah */
  transition: opacity 0.5s ease-out, transform 0.5s ease-out !important;
}

/* 2. Gaya akhir setelah animasi selesai */
.views-row.is-loaded img {
  opacity: 1 !important;
  transform: translateY(0) !important;
border-radius: 5px;
}
/***************AND ANIMASI*********************/
#page, #main-wrapper, .region-primary-menu .menu-item a.is-active, .region-primary-menu .menu-item--active-trail a {
    background: #00000000 !important;
}
.row {
    --bs-gutter-x: 1.5rem !important;
    --bs-gutter-y: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
}
#navbar-top {
    background-color: #00000000 !important;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    height: 64px !important;
    left: 0 !important;
    padding: 8px 12px !important;
    position: absolute !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 9 !important;
    border: none !important;
    box-shadow: 0 1px 2px rgb(255 255 255 / 0%) !important;
}
#block-bootstrap-subtheme-logopkb img {
    float: left !important;
    width: 160px !important;
    height: auto !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
z-index: 9 !important;
}
.featured-top {
    display: inline-flex !important;
    padding: 0 !important;
    text-align: center !important;
    min-width: 100% !important;
    border-radius: 5px !important;
    margin: 0 !important;
    height: auto !important;
}
.featured-top .container {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: -60px !important;
    margin-left: auto !important;
    position: relative !important;
    margin-right: auto !important;
    padding: 0 !important;
}
img {
    width: 100% !important;
    height: auto !important;
}
/* Sembunyikan indikator loading (spinner) */
.view-infinite-scroll-status .views-infinite-scroll-loading {
  display: none !important;
}
/* Opsi lain: Sembunyikan seluruh area pager saat loading jika Anda tidak ingin ada ruang kosong */
.view-id-slide_show .pager.views-infinite-scroll-loading-active {
  display: none !important;
}
/* Menyembunyikan throbber (ikon berputar) AJAX default Drupal */
.ajax-progress-throbber {
  display: none !important;
}

/* Opsi tambahan: Jika throbber dibungkus oleh elemen .ajax-progress, 
   Anda juga bisa menargetkan induknya */
.ajax-progress {
  display: none !important;
}
.slide-background img {
    position: relative !important;
    left: 0 !important;
    top: -15px !important;
    width: 78%;
    right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 15px !important;
    margin-bottom: 5px !important;
opacity: 0 !important;
  transform: scale(0.8) !important; 
  transition: opacity 0.5s ease-out, transform 0.5s ease-out !important;
}
.image-slide img {
    z-index: -9 !important;
    position: fixed !important;
    overflow: hidden !important;
    filter: blur(8px) !important;
    left: 0 !important;
    top: 0 !important;
opacity: 0 !important;
  transform: scale(0.8) !important; 
  transition: opacity 0.15s ease-out, transform 0.15s ease-out !important;
}
#block-bootstrap-subtheme-views-block-slide-show-block-1 .text-content {
    background: #aecdc66e !important;
    position: absolute !important;
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
z-index: -1 !important;
}
.pager__item--next a.page-link {
    border-top-right-radius: 5pc !important;
    border-bottom-right-radius: 5pc !important;
}
.view-slide-show .js-pager__items.pagination {
    position: absolute;
    top: 11px;
    right: 64px;
    z-index: 10;
border-radius: 9px;
}
.view-slide-show li.page-item span.page-link {
    display: none !important;
}
.pager a.page-link {
    color: #198754 !important;
    background: #ffffff21 !important;
    border-top-left-radius: 5pc !important;
    background-color: #ffffff63 !important;
    border-color: #09946a5e !important;
    padding-top: 5px;
    padding-bottom: 3px;
    margin-top: 2px;
}
.view-slide-show li.page-item {
    margin-left: 1px !important;
    margin-right: 1px !important;
border-radius: 9px;
}

/******Menu Sejarah*************/
#block-bootstrap-subtheme-menusejarah {
    position: absolute;
    z-index: 100;
    width: 8%;
    right: 0;
    top: 100px;
}
#block-bootstrap-subtheme-menusejarah img {
    background: #2f993324;
    border-radius: 9px;
    position: relative;
}
body #block-bootstrap-subtheme-menusejarah img:hover {
    background: #e8ffe954;
}
#native-share-button {
    margin-right: auto !important;
    position: absolute;
    background: #87ff07bf;
    margin-left: auto !important;
    left: auto;
    right: 15px;
    margin-top: 40px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, .5);
}
#share-original-url {
    display: none !important;
}
#block-bootstrap-subtheme-tombolmenu {
    position: absolute !important;
    z-index: 100 !important;
    width: 3% !important;
    right: 0px !important;
    top: 9% !important;
    background: none !important;
    margin-left: 1%;
}
body, .site-footer {
    background: #ffffff !important;
}
.h-100 {
    height: auto !important;
}
.ck.ck-powered-by {
    display: none;
}
.form-no-label, .text-format-wrapper .form-wrapper  {
    display: none;
}
.path-frontpage .region-content {
    margin-top: 0 !important;
    background: rgb(0 0 0 / 0%) !important;
}
li.nav-item {
    background: rgb(255 255 255 / 50%);
    border-radius: 5px;
    margin-right: 5px;
}
li.nav-item a.nav-link {
    padding-top: 1px;
    padding-bottom: 2px;
}
li.nav-item a:hover {
    background: #588d40b3;
    color: white;
    border-radius: 5px;
}
#block-bootstrap5-logopkb img {
    width: auto !important;
    height: 50px !important;
}
#block-bootstrap5-tombolmenu img {
    width: 50px !important;
    height: auto !important;
}
#icon-home, #icon-menu, #icon-user, #icon-cari{
    float: left;
}
#block-bootstrap5-logopkb {
    float: left;
}
#block-bootstrap5-tombolmenu {
    float: right;
}
#block-bootstrap5-menusejarahmobile img {
    width: 50px !important;
    height: auto !important;
}
#block-bootstrap5-views-block-slide-show-block-1 {
    text-align: center;
}
#block-bootstrap5-account-menu ul.nav.navbar-nav {
    flex-flow: nowrap;
    float: left;
    margin-left: 10px;
    margin-top: 18px;
}
.card-header {
background-color: rgb(224 255 235);
}
.form-check-input:checked {
    background-color: #299c78;
    border-color: #089065;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #00743b;
    --bs-btn-border-color: #198754;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #6c397f;
    --bs-btn-hover-border-color: rgb(110 45 121);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #198754;
    --bs-btn-active-border-color: #198754;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754;
float: right;
    margin-bottom: 20px !important;
}
a.button.button--danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(187, 45.05, 58.65);
    --bs-btn-hover-border-color: rgb(176, 42.4, 55.2);
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(176, 42.4, 55.2);
    --bs-btn-active-border-color: rgb(165, 39.75, 51.75);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545;
    float: right;
    margin-right: 10px;
}