@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

#bantuan1 {
  background-image: url("https://tirtaalbantani.web.id/gbr/kopo/1.jpeg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#gebyar1 {
  background-image: url("https://tirtaalbantani.web.id/gbr/gebyar-hadiah.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#ramadhan {
  background-image: url("https://tirtaalbantani.web.id/gbr/ramadhan-1442.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#umroh {
  background-image: url("https://tirtaalbantani.web.id/gbr/paket-umroh.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#imsak {
  background-image: url("https://tirtaalbantani.web.id/gbr/imsak-kab-serang1442.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#spanduk {
  background-image: url("https://tirtaalbantani.web.id/gbr/spanduk-4x.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#spanduk2 {
  background-image: url("https://tirtaalbantani.web.id/gbr/spanduk-fitri1442.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#maintenance {
  background-image: url("https://tirtaalbantani.web.id/gbr/under-maintenance.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

#header-logo {
  background-image: url("https://tirtaalbantani.web.id/gbr/header-new.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#pancasila {
  background-image: url("https://tirtaalbantani.web.id/gbr/hari-lahir-pancasila.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#visi {
  background-image: url("https://tirtaalbantani.web.id/gbr/100_5549.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#misi {
  background-image: url("https://tirtaalbantani.web.id/gbr/100_5647.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#lingkungan {
  background-image: url("https://tirtaalbantani.web.id/gbr/linkungan-hidup.jpeg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#mou100621 {
  background-image: url("https://tirtaalbantani.web.id/gbr/mou-10juni.gif");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#wa-cc {
  background-image: url("https://tirtaalbantani.web.id/gbr/wa-cc.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#pl-11 {
  background-image: url("https://tirtaalbantani.web.id/gbr/pl-11.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#arsip-bg {
  background-image: url("https://tirtaalbantani.web.id/gbr/arsip-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#users-bg {
  background-image: url("https://tirtaalbantani.web.id/gbr/users.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.map-bg {
  background-image: url("http://182.253.1.142:8080/gbr/kab.map.png");
  background-color: #868686;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  background-attachment: fixed;
}

@font-face {
  font-family: PoeText-peKO;
  src: url(/font/PoeText-peKO.ttf);
}

@font-face {
  font-family: AvengeroRegular-zvgl;
  src: url(/font/AvengeroRegular-zvgl.ttf);
}

.ff-rubik {
  font-family: 'Rubik', sans-serif;
}

.poeText {
  font-family: PoeText-peKO;
}

.avnText {
  font-family: AvengeroRegular-zvgl;
}

.footbar {
  position: fixed;
  bottom: 0%;
  width: 100%;
}

.bodybg {
  background: #FFF1E3;
}

.bodybg0 {
  background: #E3FFE3;
}

.bodybg1 {
  background: #FFE3FF;
}

.bodybg2 {
  background: #E3F1FF;
}

h5 {
  color: black;
}

form {
  color: rgb(0, 0, 0)
}

.atbbg {
  background: rgb(0, 0, 0);
  background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 90%, rgba(255, 255, 255, 0.5) 100%);
  color: white;
}

.tbbg {
  background: rgb(227, 241, 255);
  background: linear-gradient(180deg, rgba(227, 241, 255, 1) 0%, rgba(176, 215, 255, 1) 100%);
  color: black;
}

.btbg {
  background: rgb(227, 241, 255);
  background: linear-gradient(360deg, rgba(227, 241, 255, 1) 0%, rgba(176, 215, 255, 1) 100%);
  color: black;
}

.wtbg {
  background: rgb(255, 250, 225);
  background: linear-gradient(0deg, rgba(255, 250, 225, 1) 0%, rgba(253, 220, 40, 1) 50%, rgba(253, 220, 40, 1) 100%);
}

.statusBar {
  background: #B0D7FF;
}

.header-web {
  display: block;
}

@media all and (max-width: 768px) {
  .header-web {
    display: none;
  }
}

.menu {
  display: block;
}

@media all and (max-width: 768px) {
  .menu {
    display: none;
  }
}

.header-mobile {
  display: none;
}

@media all and (max-width: 768px) {
  .header-mobile {
    display: block;
  }
}

.light-box {
  border: 0.5px solid #0dcaf0;
}

.menu {
  background-color: #0dcaf0;
}

.margin-text-card {
  margin-top: -16;
  margin-left: -16;
  padding-top: 16;
  padding-left: 16;
  padding-bottom: 16;
}

.enlarge-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 150%;
}

.no-padding {
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
}

.judul-kartu {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  width: 100%;
}

.gbr-kartu {
  height: 455.391
}

a {
  text-decoration: none;
}

embed {
  height: 50rem;
}

.newspaper {
  column-count: 3;
}

.newspaper2 {
  column-count: 2;
}