@import url('https://fonts.googleapis.com/css?family=Arvo|Josefin+Slab|Lato|Open+Sans|Vollkorn&display=swap');
@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700';
@import 'https://fonts.googleapis.com/css?family=Montserrat:400,700';
@import url('https://fonts.googleapis.com/css2?family=Montez&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
body {
  font-size: 14px;
  overflow-x: hidden;
  position: relative;
  padding-top: 0px;
  padding-bottom: 0;
  color: #0e0e0e;
  height: 100%;
  font-family: 'Montserrat', sans-serif;
  vertical-align: baseline;
  font-weight: 400;
  background: #ecf0f3;
}

a, a:focus, a:hover {
  text-decoration: none;
  transition: all .5s;
  color: #2B3044;
}

a:focus, a:hover {
  color: #ff6b6b;
}

nav.navbar.bg-body-tertiary {
  background-color: rgba(255, 244, 255, 0) !important;
  border-bottom: 1px solid rgba(255,255,255,0.6);
  height: 70px;
  z-index: 1;
  backdrop-filter: blur(5px);
}


nav.navbar ul.navbar-nav li a{
  text-transform: uppercase;
  font-size: 13px;
  color: #262626;
  /* font-weight: 600; */
  padding-top: 10px;
}

nav.navbar.navPage.bg-body-tertiary {
  background-color: #fff !important;
}

.fixed-nav nav.navbar ul.navbar-nav li a {
  color: #262626;
}


nav.navbar ul.navbar-nav li a:hover,
nav.navbar ul.navbar-nav li a.active{
  color: #ff6b6b;
}

nav.navbar ul.dropdown-menu {
  margin-top: 13px;
  /* -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown; */
  border-radius: 0;
  padding: 0;
}

  
nav.navbar.navPage ul.dropdown-menu li a,
nav.navbar ul.dropdown-menu li a {
  color: #262626;
  font-weight: 500;
  padding: 7px 40px 7px 10px;
  border-bottom: 1px solid #e6e6e6;
}

nav.navbar ul.dropdown-menu li a.dropdown-item:hover,
nav.navbar ul.dropdown-menu li a.dropdown-item.active,
.fixed-nav nav.navbar ul.dropdown-menu li a.dropdown-item:hover,
.fixed-nav nav.navbar ul.dropdown-menu li a.dropdown-item.active {
  color: #fff;
  background-color: #ff6b6b;
}

.fixed-nav nav.navbar.bg-body-tertiary {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  background-color: white !important;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

#sliderHome {
  margin-top: -70px;
  z-index: 0;
}

#sliderHome .carousel-inner .carousel-item {
  max-height: 120vh;
  position: relative;
}

#sliderHome .carousel-inner .carousel-item img.img-carousel {
  height: 120vh;
}

#sliderHome .carousel-inner .carousel-item .carousel-caption {
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 0, 0,0.1);
  color: #262626;
}

#sliderHome .carousel-inner .carousel-item .carousel-caption .carousel-text {
  position: absolute;
  top: 30%;
  padding: 0 120px;
}

#sliderHome .carousel-inner .carousel-item .carousel-caption .carousel-text .sub_titel {
  font-size: 13px;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

#sliderHome .carousel-inner .carousel-item .carousel-caption .carousel-text .sub_titel i {
  font-size: 40px;
  margin-right: 15px;
  color: #ff6b6b;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

#sliderHome .carousel-inner .carousel-item .carousel-caption .carousel-text h5 {
  font-size: 60px;
  font-weight: bold;
  line-height: 58px;
  margin-bottom: 20px;
  letter-spacing: 0;
}

#sliderHome .carousel-inner .carousel-item .carousel-caption .carousel-text h5 span {
  color: #ff6b6b;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

#sliderHome .carousel-inner .carousel-item .carousel-caption .carousel-text p {
  text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

.btn-carousel {
  font-size: 10px;
  font-weight: 00;
  color: #ff6b6b;
  background-color: #2B3044;
  text-transform: uppercase;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 12px 24px;
  position: relative;
  border-radius: 10px;
  box-shadow: 0px 1px 2px #2B3044,
    0px 4px 8px #2B3044;
  transform-style: preserve-3d;
  transform: scale(var(--s, 1)) perspective(600px)
    rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));
  perspective: 600px;
  transition: all .3s;
}

.btn-carousel:hover {
  margin-right: 10px;
  color: #01d6a3;
}

.btn-carousel-o {
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  color: #ff6b6b;
  background-color: #e0e8ef;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(255, 255, 255, 0.333);
  border-radius: 10px;
  padding: 12px 14px;
  transform: translate(0px, 0px) rotate(0deg);
  transition: all 0.2s;
  box-shadow: -2px -1px 5px 0px #ffffff, 2px 1px 9px 0px rgb(95 157 231 / 48%);
}

.btn-carousel-o:hover {
  margin-bottom: -10px;
  color: #01d6a3;
}

.home-section {
  padding-top: 50px;
  margin-bottom: 50px;
}

.promkes-home {
  margin-top: -50px;
  font-family: 'Vollkorn', sans-serif;
  padding: 0 50px 20px;
  background-color: rgba(255, 255, 255, 1);
  /* box-shadow: 5px 5px 10px rgba(0,0,0,0.2); */
  border: 2px solid rgba(255, 255, 255, 1);
  border-radius: 10px;
  backdrop-filter: blur(10px);
}

.promkes-home .ph-title {
 color: #292727;
}

.promkes-home .ph-title h5 {
  font-family: 'Montez', sans-serif;
  font-size: 30px;
  font-weight: bold;
}

.promkes-home .phItem {
  text-align: center;
  padding: 3px;
}

.promkes-home .phItem .ph-icon {
  padding: 10px;
  border-radius: 10px;
  transition: all .5s;
  background-color: #e0e8ef;
}

.promkes-home .phItem .ph-icon .ph-img {
  padding: 20px;
  border-radius: 10px;
  transition: all .5s;
}

.promkes-home .phItem:hover .ph-icon {
  background-color: #e0e8ef;
}

.promkes-home .phItem:hover .ph-icon .ph-img {
  background-color: #ffffff;
  border-color: rgba(255, 255, 255, 0.333);
  box-shadow: -2px -1px 9px 0px #ffffff, 2px 1px 9px 0px rgb(95 157 231 / 48%);
}

.promkes-home .phItem .ph-text {
  line-height: 14px;
  margin-top: 5px;
}

.blog-home .bhKonten .bh-item .bh-card {
  /* box-shadow: rgba(100, 100, 111, 0.2) 0px 5px 19px 0px;  */
  background-color: #ffffff;
  position: relative;
}

.blog-home .bhKonten .bh-item .bh-card .bh-img {
  overflow: hidden;
}

.blog-home .bhKonten .bh-item .bh-card .bh-img img {
  min-height: 270px;
  transition: all 1s;
}

.blog-home .bhKonten .bh-item .bh-card:hover .bh-img img {
  transform: scale(1.1);
}

.blog-home .bhKonten .bh-item .bh-card .bh-tag {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 10px;
  margin-left: 10px;
  padding: 0 10px;
  background-color: #e0e8ef;
  color: #ff6b6b;
  font-size: 12px;
  border-radius: 7px;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}

.blog-home .bhKonten .bh-item .bh-card .bh-text {
  padding: 20px;
}

.blog-home .bhKonten .bh-item .bh-card .bh-meta {
  margin-bottom: 5px;
}

.blog-home .bhKonten .bh-item .bh-card .bh-meta li {
  margin-right: 10px;
  font-size: 12px;
}

.blog-home .bhKonten .bh-item .bh-card .bh-meta li i {
  margin-right: 3px;
}

.blog-home .bhKonten .bh-item .bh-card .bh-text .bh-judul {
  font-weight: 600;
  line-height: 20px;
}

.blog-home .bhKonten .bh-item .bh-card .bh-text .bh-body {
  margin-top: 15px;
  /* line-height: 20px; */
  text-align: justify ;
}

.blog-home .bhKonten .owl-nav {
  position: absolute;
  top: 0;
  right: 20px;
  margin-top: -70px;
}


.lhKonten .lh-item {
  padding: 10px;
}

.lhKonten .lh-item .lh-card {
  padding: 15px;
  background-color: #ffffff;
  border: 2px solid rgba(255,255,255,0.333);
  backdrop-filter: blur(9.3px);
  -webkit-backdrop-filter: blur(9.3px);
  border-radius: 10px;
  transition: all 1s;
}

.lhKonten .lh-item .lh-card .lh-icon .lh-img {
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
}

.lhKonten .lh-item .lh-card .lh-judul {
  font-weight: bold;
  margin-bottom: 5px;
}

.lhKonten .lh-item .lh-card:hover {
  background-color: #fff;
  border-color: rgba(255, 255, 255, 0.333);
  box-shadow: -2px -1px 9px 0px #ffffff, 2px 1px 9px 0px rgb(95 157 231 / 48%);
}

.lhKonten .owl-nav {
  position: absolute;
  top: 0;
  right: 20px;
  margin-top: -50px;
}

.ph-konten {
  padding: 10px;
}

.ph-konten .ph-cover {
  position: relative;
}

.ph-konten .ph-cover .ph-dots {
  margin-top: -20px;
  position: absolute;
  background-image: radial-gradient(#ff6b6b 20%, transparent 20%),
     radial-gradient(#ff6b6b 20%, transparent 20%);
  background-color: transparent;
  background-position: 0 0, 30px 30px;
  background-size: 30px 30px;
  height: 150px;
  width: 130px;
}

.ph-konten .ph-cover .ph-line {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-left: -50px;
  margin-bottom: 50px;
}


.separator{
  border-top: 5px solid #ff6b6b;
  width: 400px;
  rotate: 30deg;
}

.ph-konten .ph-cover .ph-meta {
  position: absolute;
  top: 50px;
  right: 0;
  margin-right: -160px;
}

.ph-konten .ph-cover .ph-meta .ph-meta-item {
  display: inline-flex;
  align-items: center;
  margin-bottom: 5px;
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
  border: 1px solid rgba(255, 255, 255, 1);
  border-radius: 10px;
  backdrop-filter: blur(10px);
  padding: 5px 10px;
  margin-left: 150px;
  cursor: pointer;
}

.ph-konten .ph-cover .ph-meta .ph-meta-item.item-dua {
  margin-left: 100px;
  background-color: #ff6b6b;
  border: 1px solid #ff6b6b;
  color: #ffffff;
}

.ph-konten .ph-cover .ph-meta .ph-meta-item.item-tiga {
  margin-left: 220px;
}

.ph-konten .ph-cover .ph-meta .ph-meta-item  .icon {
  height: 25px;
  width: 25px;
  margin-right: 15px;
}

.ph-konten .ph-cover .ph-meta .ph-meta-item  .icon img {
  width: 100%;
}

.ph-konten .ph-cover .ph-meta .ph-meta-item .text {
  font-size: 12px;
}

.ph-konten .ph-cover .ph-bg {
  position: relative;
  background-color: #3bbb8b;
  box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
  border-top-left-radius: 120px;
  border-bottom-right-radius: 120px;
  padding: 1px;
  margin-left: 40px;
  margin-bottom: -10px;
  height: 400px;
}

.ph-konten .ph-cover .ph-bg .ph-img {
  background-color: rgba(255, 255, 255, 0.4);
  box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
  border-top-left-radius: 120px;
  border-bottom-right-radius: 120px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  overflow: hidden;
  backdrop-filter: blur(5px);
  margin-left: -10px;
  bottom: 20px;
  margin-right: 7px;
  height: 410px;
  position: relative;
}

.ph-konten .ph-cover .ph-bg .ph-img img {
  width: 100%;
  position: absolute;
  right: -10px;
  bottom: 0;
}

.ph-konten .ph-text {
  padding-left: 150px;
  margin-top: -20px;
}

.ph-konten .ph-text .titel {
  margin-bottom: 20px;
}

.ph-konten .ph-text .titel .sub-judul {
  color: #ff6b6b;
}

.ph-konten .ph-text .titel .judul {
  font-size: 23px;
  color: #262626;
  font-weight: bold;
  line-height: 30px;
}

.ph-konten .ph-text .titel .judul span {
  color: #3bbb8b;
}


.ph-konten .ph-text .ph-item {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.ph-konten .ph-text .ph-item .icon {
  font-size: 20px;
  padding: 10px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
  background-color: #e0e8ef;
  color: #555;
  color: #3bbb8b;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
  transition: all 1s;
}

.ph-konten .ph-text .ph-item .text a {
  font-weight: 600 !important;
  
}


.ph-konten .ph-text .ph-item:hover .text a,
.ph-konten .ph-text .ph-item:hover .icon {
  color: #ff6b6b;
}

.ph-konten .ph-text .ph-item .text .small-text {
  color: #555;
  font-size: 12px;
  line-height: 14px;
}

.dhKonten .dh-item {
  padding: 5px;
}


.dhKonten .dh-item .dh-card {
  padding: 0px;
  background-color: rgba(255, 255, 255, 1.0);
  box-shadow: -2px -1px 9px 0px #ffffff, 2px 1px 9px 0px rgb(95 157 231 / 48%);
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  backdrop-filter: blur(10px);
  position: relative;
  cursor: pointer;
  transition: all .5s;
}



.dhKonten .dh-item .dh-card .dh-foto {
  /* margin-bottom: 10px; */
}

.dhKonten .dh-item .dh-card .dh-foto img {
  height: 250px;
}

.dhKonten .dh-item .dh-card .dh-text {
  background-color: rgba(255, 255, 255, 1);
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  text-align: left;
  -webkit-transition: all .5s;
  transition: all .5s;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  height: 100px;
  padding: 10px;
  position: relative;
}



.dhKonten .dh-item .dh-card .dh-text .meta {
  position: absolute;
  background-color: #e0e8ef;
  display: inline-block;
  padding: 3px 7px 1px;
  font-size: 12px;
  color: #ff6b6b;
  border: 1px solid;
  border-radius: 5px;
  top: 0;
  margin-top: -20px;
  background-color: #ffffff;
  border-color: rgba(255, 255, 255, 0.333);
  box-shadow: -2px -1px 9px 0px #ffffff, 2px 1px 9px 0px rgb(95 157 231 / 48%);
  transition: all .5s;
}


.dhKonten .dh-item .dh-card .dh-text .meta.dhKonten .dh-item .dh-card .dh-text .meta.dua {
  color : rgba(143,187,128, 1)
}

.dhKonten .dh-item .dh-card .dh-text .meta.tiga{
  color : rgba(156,161,255, 1)
}

.dhKonten .dh-item .dh-card .dh-text .meta.empat{
  color : rgb(223, 134, 45)
}

.dhKonten .dh-item .dh-card .dh-text .nama {
  margin-top: 10px;
  font-weight: bold;
  line-height: 18px;
  color: #262626;
  transition: all 1s;
}

.dhKonten .dh-item .dh-card:hover .dh-text .nama {
  color: #3bbb8b
}

.dhKonten .dh-item .dh-card .dh-text .nip,
.dhKonten .dh-item .dh-card .dh-text .pangkat {
  font-size: 12px;
} 
.dhKonten .dh-item .dh-card .dh-text .pangkat {
  font-size: 12px;
  margin-top: -5px;
} 

.dhKonten .owl-nav {
  position: absolute;
  top: 0;
  right: 20px;
  margin-top: -50px;
}

.vh-konten .vd-cover {
  border-radius: 30px;
  position: relative;
}

.vh-konten .vd-cover img.img-cover {
  box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
  border-radius: 30px;
  position: relative;
  width: 100%;
  max-height: 350px;
}

.vh-konten .vd-cover .play {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  border-radius: 5px;
  z-index: 1;
  opacity: 1;
  transition: all 1s;
  border-radius: 30px;
}

.vh-konten .vd-cover .play a {
  cursor: pointer;
  font-size: 24px;
  top: 50%;
  position: absolute;
  z-index: 2;
  height: 60px;
  width: 60px;
  line-height: 60px;
  display: flex;
  justify-content: center;
  text-align: center;
  margin: auto;
  border-radius: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-animation: video-animation 1s linear infinite;
  animation: video-animation 1s linear infinite;
  -webkit-transition: .5s linear;
  background: #ff6b6b;
  padding: 20px;
}


.vh-konten .vd-cover .play a img {
  max-width: 30px;
  box-shadow: none;
}

.vh-konten .vd-text {
  padding: 30px 20px 10px 50px;
}

.vh-konten .vd-text h2 {
  font-family: 'Montez', sans-serif;
  font-weight: bold;
}

.vh-konten .vd-text h5 {
  font-size: 15px;
  color: #555;
  margin-bottom: 30px;
}

.vh-konten .vd-text .vd-mini .vd-mini-cover img {
  border-radius: 15px;
}
.vh-konten .vd-text .vd-mini .vd-mini-meta {
  padding-top: 10px;
}

.vh-konten .vd-text .vd-mini .vd-mini-meta h6 {
  font-size: 13px;
  font-weight: 600;
}

.vh-konten .vd-text .vd-mini .vd-mini-meta a {
  display: flex;
  align-items: center;
  font-size: 13px;
}

.vh-konten .vd-text .vd-mini .vd-mini-meta a i {
  font-size: 20px;
  margin-right: 10px;
}

.vh-konten .vd-mini .listenon {
  border-top: 1px solid #cec9c9;
}

.vh-konten .vd-mini .listenon .lo-konten {
  display: flex;
  align-items: center;
}

.vh-konten .vd-mini .listenon .lo-konten .text {
  margin-right: 10px;
}

.vh-konten .vd-mini .listenon .lo-konten .icon a.yt {
  margin-right: 2px;
  color: #f60002;
}

.vh-konten .vd-mini .listenon .lo-konten .icon a.sp {
  color: #1dd05d;
}


.vh-konten .vd-mini .listenon .lo-konten .icon a i {
  transition: all .5s;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

.vh-konten .vd-mini .listenon .lo-konten .icon a:hover i {
  transform: translateY(-5px);
}

.gh-foto {
  /* background-color: #ffffff; */
  /* border-color: rgba(255, 255, 255, 0.333);
  box-shadow: -2px -1px 9px 0px #ffffff, 2px 1px 9px 0px rgb(95 157 231 / 48%); */
  border-radius: 10px;
  padding: 10px;
}

.gh-foto .gh-foto-single{
  height: 300px;
  width: 100%;
  background-size: cover;
  background-position: top center;
  border-radius: 10px;
}

.gh-foto .ghf-judul {
  margin-bottom: 50px;
  padding-top: 20px;
}

.gh-foto .ghf-judul h4 {
  font-weight: bold;
}

.gh-foto .gh-foto-item {
  padding: 5px;
}

.gh-foto .gh-foto-item img {
  height: 100px;
  width: 100%;
}

.gh-foto .slider.slider-nav {
  position: relative;
}


.gh-foto .slider.slider-nav button.slick-prev {
  position: absolute !important;
  left: 5px;
}

.gh-foto .slider.slider-nav button.slick-next {
  position: absolute !important;
  left: 0px;
  margin-left: 30px;
}


.gh-foto .ghf-text {
  margin-top: 20px;
  line-height: 20px;
  margin-bottom: 10px;
}

.gh-foto .ghf-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.gh-foto .ghf-meta .tgl {
  font-size: 12px;
}

.gh-video {
  /* background-color: #ffffff; */
  /* border-color: rgba(255, 255, 255, 0.333);
  box-shadow: -2px -1px 9px 0px #ffffff, 2px 1px 9px 0px rgb(95 157 231 / 48%); */
  padding: 0px;
  position: relative;
}

.gh-video .ghv-item {
  padding: 15px 20px 20px 10px;
  margin-top: 40px;
}

.gh-video .ghv-item .ghv-card {
  padding: 15px;
  border-radius: 10px;
  margin-top: 50px;
}

.gh-video .ghv-item .ghv-card .ghv-cover {
  padding: 0 10px;
  margin-top: -50px;
}


.gh-video .ghv-item .ghv-card .ghv-cover img {
  box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
  border-radius: 10px;
  min-height: 150px;
  margin-bottom: 20px;
}

.gh-video .ghv-item .ghv-card .ghv-text h6 {
  font-size: 13px;
  font-weight: 600;
}

.gh-video .owl-nav {
  position: absolute;
  top: 0;
  right: 20px;
  margin-top: 0px;
}


.gh-video .watchon {
  border-top: 1px dotted rgb(228, 222, 222);
}

.gh-video .watchon .wo-konten {
  display: flex;
  align-items: center;
  font-size: 12px;
}

.gh-video .watchon .wo-konten .text {
  margin-right: 10px;
}


.gh-video .watchon .wo-konten .icon a i {
  transition: all .5s;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
  font-size: 13px;
  margin-left: 5px;
}

.gh-video .watchon .wo-konten .icon a:hover i {
  transform: translateY(-5px);
}

.gh-video .watchon .wo-konten .icon a.yt {
  margin-right: 2px;
  color: #f60002;
}

.gh-video .watchon .wo-konten .icon a.ig {
  color: #f403c5;
}

.gh-video .watchon .wo-konten .icon a.tw {
  color: #029eec;
}

.gh-video .watchon .wo-konten .icon a.fb {
  color: #3e65a8;
}

.phkonten {
  padding: 5px;
}


.phkonten .ph-item .ph-card img {
  height: 40px;
  /* -webkit-filter: grayscale(100%);
  filter: grayscale(100%); */
  transition: all .4s;
  width: 100%;
}

.phkonten .ph-item .ph-card:hover img {
  -webkit-filter: none;
  filter: none;
}

.partner .home-section-heading .home-heading-title.mini h3 {
  font-size: 18px !important;
}

.sambutan .cover {
  background-image: url(../../img/cover/sambutan.jpg);
  padding-bottom: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  position: relative;
  margin-left: -120px;
  padding: 50px 10px;
}

.sambutan .cover .cover-konten {
  padding: 20px;
  background: rgba(255,255,255,0.5);
  border: 1px solid rgba(255,255,255,0.4);
  box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
  /* backdrop-filter: blur(10px); */

  margin-left: 250px;
  position: relative;
  margin-right: -100px;
  overflow: hidden;
  backdrop-filter: blur(5px);
  
}

.sambutan .cover .cover-konten:before
{
  content: '';
  position: absolute;
  top: 0;
  left: 180%;
  height: 100%;
  width: 100%;
  background: rgba(255,255,255,.3);
  z-index: 1;
  transform: skew(45deg);
  transition: .5s;
}


.sambutan .cover .cover-konten:hover:before
{
  left: -180%;
}

.sambutan .cover .cover-konten .text {
  position: absolute;
  bottom: 20px;
  left: 10px;
  right: 10px;
  padding: 10px 20px;
  border-radius: 3px;
  background: rgba(255,255,255,0.5);
  border: 1px solid rgba(255,255,255,0.4);
  box-shadow: 5px 5px 10px rgba(0,0,0,0.1);

  backdrop-filter: blur(1px);
  background-color: #ff6b6b;
  color: #fff;
}


.sambutan .cover .cover-konten .text h2{
  font-size: 15px;
  font-weight: bold;
}

.sambutan .cover .cover-konten .text h5 {
  font-size: 13px;
}

.sambutan .welcome-text {
  padding: 50px 10px;
  margin-left: 120px;
}

.sambutan .welcome-text .page-heading {
  padding-top: 10px;
}

.sambutan .welcome-text .welcome-text-konten {
  text-align: justify;
}

.sambutan .welcome-text .ttd {
  width: auto !important;  /* biar tidak fix 100px */
  text-align: center;      /* kalau mau gambar center */
}

.profil-top {
  border-radius: 20px;
}

.profil-top .profil-img img {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 100%;
}

.profil-top .profil-text {
  margin-top: 30px;
  padding: 20px 50px 20px 60px;
  position: relative;
  text-align: justify;
}

.profil-top .profil-text .meta-text {
  position: absolute;
  transform: rotate(-90deg);
  left: -80px;
  top: 0;
  margin-top: 90px;
  color: #777;
  font-size: 10px;
  letter-spacing: 0.5px;
}

.profil-top .profil-text .meta-text span.garis {
  height: 1px;
  width: 30px;
  background-color: #fff;
  position: absolute;
  top: 8px;
  left: -35px;
}

.profil-center {
  margin-top: 100px;
  padding: 80px 0;
  background-image: url(../../img/cover/prof.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: -115px;
  margin-right: 150px;
}

.profil-center .visi-misi {
  margin-left: 115px;
  margin-right: -110px;
}

.profil-center .visi-misi .vm-item {
  padding: 20px 15px 15px 25px;
  backdrop-filter: blur(10px);
}

.profil-center .visi-misi .vm-item .vm-heading {
  display: flex;
  align-items: center;
}

.profil-center .visi-misi .vm-item .vm-heading .icon {
  font-size: 20px;
  padding: 5px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 15px;
  background-color: rgba(255,255,255,0.4);
  color: #41b983;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
  border: 2px solid rgba(255, 255, 255, 0.333);
}


.profil-center .visi-misi .vm-item .vm-heading .judul h6
{
  font-family: 'Montez', sans-serif;
  font-size: 30px;
}

.profil-center .visi-misi .vm-item .vm-heading .judul h5
{
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.profil-center .visi-misi .vm-item .vm-text {
  margin-left: 50px;
}

.profil-center .banner {
  margin-left: 150px;
  margin-right: -120px;
  margin-top: 50px;
  background-color: #ecf0f3;
  padding: 50px 30px;
  border-radius: 20px;
  text-align: center;
}

.profil-center .banner .banner-text {
  font-weight: 900;
  font-size: 16px;
  text-transform: capitalize;
}

.profil-bottom {
  margin-top: 100px;
  padding: 13px 25px;
  border-radius: 5px;
  position: relative;
}

.profil-bottom  .map-text h5 {
  font-weight: bold;
  color: rgba(0, 60, 77);
  margin-bottom: 20px;
}

.profil-bottom  .map-text ul li {
  display: flex;
  margin-bottom: 5px;
}

.profil-bottom  .map-text ul li span {
  margin-right: 10px;
}

.profil-bottom  .map-text ul li span i {
  padding: 5px;
  box-shadow: -2px -2px 2px 0 lightgray, 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}

.ihh {
  z-index: 2;
}

.ahah {
  /* border-radius: 72% 58% 30% 52% / 26% 58% 41% 70%; */
  padding: 0px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.maps iframe {
 padding: 5px;
 z-index: -1;
}

.sejarah{
  height: auto;
  overflow: hidden;
  box-shadow: 0 0 8px rgba(0,0,0,0.06),
              0 1px 0 rgba(0,0,0,0.02);
  margin-bottom: 80px;
  margin-top: -50px;
}

.sejarah .sejarah-header{
  box-shadow: 0 0 8px rgba(0,0,0,0.5),
              0 4px 0 rgba(0,0,0,0.02);
    position: relative;
  background-image: url(../../img/cover/olds.jpg);
  padding: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.sejarah .sejarah-header .page-heading .sub-judul {
  color: #ede9e9;
}

.sejarah .sejarah-header .page-heading .judul {
  color: #fff;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

.sejarah .sejarah-header .sh-text {
  min-height: 80px;
}

.sejarah .sejarah-header .sh-area{
  padding: 40px;
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
  /* border: .5px solid rgba(255, 255, 255, .5); */
  border-radius: 10px;
  backdrop-filter: blur(3px);
  color: #fff;
}

/* .sejarah .sejarah-body{
  max-height: 600px;
  overflow-x: hidden;
  overflow-y: auto;
} */
.sejarah .sejarah-body .timlineS{
  padding: 40px 35px 30px 15px !important;
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  z-index: 2;
}
.sejarah .sejarah-body .timlineS:before{
  content: '';
  position: absolute;
  width: 4px;
  background: #fff;
  top: 0;
  right: auto;
  left: 25px;
  height: 100%;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0,0,0,0.085),
    0 1px 0 rgba(0,0,0,0.02);
}

.sejarah .sejarah-body .timlineS .item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 50px;
  position: relative;
}

.sejarah .sejarah-body .timlineS .item .dot {
  height: 1.5rem;
  width: 1.5rem;
  background: #fff;
  border-radius: 2rem;
  flex: 0 0 1.5rem;
  margin-right: 20px;
  margin-top: 25px;
  box-shadow: 0 0 8px #01d6a3;
  position: relative;
}

.sejarah .sejarah-body .timlineS .item .dot::after {
  content: '';
  position: absolute;
  top: 4px;
  left: 4px;
  height: 1rem;
  width: 1rem;
  background: #01d6a3;
  border-radius: 50%;
}

.sejarah .sejarah-body .timlineS .item .itemArea {
  box-sizing: border-box;
  border: 1px solid white;
  background-color: rgba(255, 255, 255, 0.4);
  /* box-shadow: -2px -1px 9px 0px #ffffff, 2px 1px 9px 0px rgb(95 157 231 / 48%); */
  backdrop-filter: blur(8px);
  border-radius: 7px;
  transition: all 0.5s;
  padding: 15px;
  position: relative;
}

.sejarah .sejarah-body .timlineS .item .itemArea:hover {
  box-shadow: -2px -1px 9px 0px #ffffff, 2px 1px 9px 0px rgba(75, 239, 195, 0.84);
}

.sejarah .sejarah-body .timlineS .itemKonten .heading {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.sejarah .sejarah-body .timlineS .itemKonten .heading .tahun {
  display: flex;
  color: #41b983;
  box-shadow: 5px 5px 5px #d1d9e6,
    -5px -5px 5px #f9f9f9;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 10px;
  margin-right: 20px;
  position: relative;
}

.sejarah .sejarah-body .timlineS .item .heading .tahun:before {
  position: absolute;
  width: 30px;
  height: 3px;
  /* background: #41b983; */
  border-bottom: 1.5px dotted #41b983;
  left: -32px;
  top: 45%;
  display: block;
  content: "";
}

.sejarah .sejarah-body .timlineS .item .heading .text h3 {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600; 
  margin-bottom: 3px;
}

.sejarah .sejarah-body .timlineS .item .heading .text .sub
{
  font-family: 'Montez', sans-serif;
  font-size: 18px;
  color: #ff6b6b;
}

.direkturs {
  margin-top: 150px;
}

.direkturs .dhs-konten {
  padding-top: 80px;
}


.direkturs .dhs-konten .list-dir {
  position: relative;
  width: 100%;
}

.direkturs .dhs-konten .list-dir .slider-nav-dr {
  padding-right: 5px;
}

.direkturs .dhs-konten .list-dir .slider-nav-dr .dhs-item {
  padding: 10px;
}

.direkturs .dhs-konten .list-dir .slider-nav-dr .dhs-item img {
  min-height: 250px;
  box-shadow:
    5px 5px 5px #d1d9e6,
    -5px -5px 5px #f9f9f9;
  border-radius: 10px;
}

.direkturs .dhs-konten .list-dir .slider.slider-nav-dr {
  position: relative;
} 

.direkturs .dhs-konten .list-dir .slider.slider-nav-dr button {
  position: absolute !important;
  top: 0;
  margin-top: -40px;
  background: #e0e5ec;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
  box-shadow:
  -7px -7px 20px 0px #fff9,
  -4px -4px 5px 0px #fff9,
  7px 7px 20px 0px #0002,
  4px 4px 5px 0px #0001,
  inset 0px 0px 0px 0px #fff9,
  inset 0px 0px 0px 0px #0001,
  inset 0px 0px 0px 0px #fff9, inset 0px 0px 0px 0px #0001;
  padding: 15px 20px 18px;
  border-radius: 10px;
  transition:box-shadow 0.6s cubic-bezier(.79,.21,.06,.81);
  transition: all 1s;
  text-shadow: -1px -1px 1px #d0d3d6, 1px 1px 1px #f2f7fa;
  font-weight: bold;
}

.direkturs .dhs-konten .list-dir .slider.slider-nav-dr button.slick-prev {
  margin-left: 87%;
}

.direkturs .dhs-konten .list-dir .slider.slider-nav-dr button.slick-next {
  margin-right: 50px;
}

.direkturs .dhs-konten .list-dir .slider.slider-nav-dr button.slick-prev:before,
.direkturs .dhs-konten .list-dir .slider.slider-nav-dr button.slick-next:before {
  font-family:initial!important;
  
  color: #ff6b6b;
}

.direkturs .dhs-konten .list-dir .slider.slider-nav-dr button:active {
  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),
              -4px -4px 6px 0 rgba(116, 125, 136, .2), 
    inset -4px -4px 6px 0 rgba(255,255,255,.5),
    inset 4px 4px 6px 0 rgba(116, 125, 136, .3) !important;
  transition: all 1s;
}

.direkturs .dhs-konten .colsingle {
  margin-top: -160px;
}

.direkturs .dhs-konten .dhs-single {
  margin-left: 10px;
  /* padding: 10px; */
  padding-bottom: 0 !important;
  transition: all .1s ease;
  background: rgba(255,255,255,0.5);
  box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
  border: 1px solid rgba(255,255,255,0.4);
  position: relative;
  justify-content: center;
  padding: 10px;
  /* backdrop-filter: blur(10px); */
  backdrop-filter: blur(5px);
}

.direkturs .dhs-konten .dhs-single .dhss-item {
  padding-bottom: 0;
  margin: 0 !important;
  
}

.direkturs .dhs-konten .dhs-single .dhss-item img {
  width: 100%;
  max-height: 400px;
}

.direkturs .dhs-konten .dhs-single .dhss-text {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  background-color: #01d6a3;
  padding: 15px;
  text-align: center;
  color: #fff;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

.direkturs .dhs-konten .dhs-single .dhss-text h4 {
  font-size: 20px;
  font-weight: 900;
}

.direkturs .dhs-konten .dhs-single .dhss-text .tahun {
  font-size: 14px;
}

.pejabat .pp-card {
  padding: 10px;
  background-color: rgba(255, 255, 255, 1.0);
  box-shadow: -2px -1px 9px 0px #ffffff, 2px 1px 9px 0px rgb(95 157 231 / 48%);
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  backdrop-filter: blur(10px);
  position: relative;
  cursor: pointer;
  transition: all .5s;
  overflow: hidden;
  margin-bottom: 40px;
}

.pejabat .pp-card .pp-img img {
  height: 250px;
  width: 100%;
}

.pejabat .pp-card .pp-text {
  padding: 10px 5px;
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  transition: all .5s;
  text-align: center;
  /* color: #fff; */
  /* background-color: rgba(1, 214, 163, 1); */
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(5px);
  box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
  margin-bottom: -70px;
}

.pejabat .pp-card .pp-text h4 {
  font-size: 13px;
  font-weight: bolder;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

.pejabat .pp-card .pp-text h6 {
  font-size: 18px;
  font-family: 'Montez', sans-serif;
  margin-bottom: 1px;
  color: #ff6b6b;
}

.pejabat .pp-card .pp-text .pp-detail {
  font-size: 12px;
}

.pejabat .pp-card:hover .pp-text {
  margin-bottom: -25px;
}

.jadwal .menuJadwal li.nav-item,
.bedinfo .menuBed li.nav-item,
.pejabat .jajaran .menuJajaran li.nav-item {
  background: rgba(255,255,255,0.3);
    border-left: 2px solid rgba(255, 255, 255, 0.5);
    border-top: 2px solid rgba(255, 255, 255, 0.5);
    box-shadow: 5px -5px 10px rgba(0,0,0,0.1);
    border-radius: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-right: 10px;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}

.jadwal .menuJadwal li.nav-item a,
.bedinfo .menuBed li.nav-item a,
.pejabat .jajaran .menuJajaran li.nav-item a {
  background-color: transparent;
  color :#0e0e0e;
}

.jadwal .menuJadwal li.nav-item a.active,
.bedinfo .menuBed li.nav-item a.active,
.pejabat .jajaran .menuJajaran li.nav-item a.active {
  color: #ff6b6b;
  
}

.jadwal .menuJadwal li.nav-item>a.active,
.bedinfo .menuBed li.nav-item>a.active,
.pejabat .jajaran .menuJajaran li.nav-item>a.active {
  border-bottom: 1px solid #ff6b6b;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.pejabat .jajaran .jajaranKonten {
  padding-top: 10px;
}

.dokterHeader {
  background-image: url(../../img/bg/dokt.jpg);
  padding-bottom: 80px;
  z-index: -1;
}

.search-widget {
  padding: 30px;
}

.search-widget .sw-konten {
  padding: 30px 50px;
  background: rgba(255,255,255,0.7);
  border-left: 2px solid rgba(255, 255, 255, 0.5);
  border-top: 2px solid rgba(255, 255, 255, 0.5);
  margin-top: -80px;
  z-index: 2;
  backdrop-filter: blur(5px);
  border-radius: 10px;
  box-shadow: 5px -5px 10px rgba(0,0,0,0.1);
}

.search-widget .sw-konten .title {
  font-size: 12px;
  font-weight: 600;
}

.search-widget .sw-konten input {
  border-color: #b8b4b4;
}

.search-widget .sw-konten input::placeholder {
  font-size: 13px;
}

.search-widget .sw-konten .btnneu {
  color: #ff6b6b;
}

.search-widget .sw-konten .btnneu:hover {
  background-color: #ff6b6b;
  color: #fff;
}

.dokterSP {
  margin-top: -20px;
}

.dokterSP .sp-card {
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.2);
  box-shadow: -2px -1px 9px 0px #ffffff, 2px 1px 9px 0px rgb(95 157 231 / 48%);
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  backdrop-filter: blur(10px);
  position: relative;
  cursor: pointer;
  transition: all .5s;
  overflow: hidden;
  margin-bottom: 40px;
}

.dokterSP .sp-card .sp-img {
  text-align: center;
}

.dokterSP .sp-card .sp-img img {
  height: 230px;
}

.dokterSP .sp-card .sp-tag {
  position: absolute;
  bottom: 0;
  left: 10px;
  margin-bottom: 40px;
  z-index: 2;
  background-color: #e0e8ef;
  display: inline-block;
  padding: 3px 7px 1px;
  font-size: 12px;
  color: #ff6b6b;
  border: 1px solid;
  border-radius: 5px;
  background-color: #ffffff;
  border-color: rgba(255, 255, 255, 0.333);
  box-shadow: -2px -1px 9px 0px #ffffff, 2px 1px 9px 0px rgb(95 157 231 / 48%);
}

.dokterSP .sp-card .sp-text {
  padding: 20px 5px 5px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px);
  box-shadow: 5px -5px 10px rgba(0,0,0,0.1);
}

.dokterSP .sp-card .sp-text h4 {
  font-size: 12px;
  font-weight: bolder;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

.igdHeader {
  background-image: url(../../img/bg/igd2.jpg);
}

.layanan-top {
  border-radius: 20px;
  margin-top: -70px;
}

.layanan-top .layanan-img img {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 100%;
}

.layanan-top .layanan-text {
  padding: 20px;
  position: relative;
  text-align: justify;
}

.layanan-top .layanan-text .meta-text {
  position: absolute;
  transform: rotate(-90deg);
  left: -100px;
  top: 0;
  margin-top: 150px;
  color: #777;
  font-size: 10px;
  letter-spacing: 0.5px;
}

.layanan-top .layanan-text .meta-text span.garis {
  height: 1px;
  width: 30px;
  background-color: #fff;
  position: absolute;
  top: 8px;
  left: -35px;
}

.layanan-gal {
  margin-top: 80px;
}

.layanan-gal .judul {
  margin-bottom: 30px;
}

.layanan-gal .judul h3 {
  font-size: 28px;
  font-family: 'Montez', sans-serif;
  margin-bottom: 1px;
  font-weight: 600;
}

.layanan-gal .judul p {
  font-size: 12px;
}

.layanan-gal .lg-konten .boklet {
  position: relative;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
}

.layanan-gal .lg-konten .boklet img {
  width: 100%;
  height: 200px;
  transition: all .5s;
  -webkit-transition: all .5s;
}

.layanan-gal .lg-konten .boklet a .boklet-overlay {
  position: absolute;
  backdrop-filter: blur(1px);
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  padding-top: 50px;
  margin-left: auto;
  justify-content: center;
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all .5s;
  transition: all .5s;
  opacity: 0;
  transition: all 1s;
}

.layanan-gal .lg-konten .boklet a:hover .boklet-overlay {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.layanan-gal .lg-konten .boklet a .boklet-overlay i {
  position: relative;
  font-size: 30px;
  margin-bottom: 10px;
}

.layanan-gal .lg-konten .boklet .boklet-text p {
  font-size: 11px;
  -webkit-transform: translateY(15px);
          transform: translateY(15px);
  -webkit-transition: all .5s;
  transition: all .5s;
}

.layanan-gal .lg-konten .boklet a:hover img {
  transform: scale(1.1);
}

.layanan-gal .lg-konten .boklet a:hover .boklet-text p {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: all 1s;
  transition: all 1s;
}

.unggulanHeader {
  background-image: url(../../img/bg/ug2.jpg);
  padding-bottom: 80px;
  padding-top: 80px;
}


.unggulan .lu-item {
  margin-bottom: 50px;
}

.unggulan .lu-item .lu-card {
  background-color: #ffffff;
  box-shadow: -2px -1px 9px 0px #ffffff, 2px 1px 9px 0px rgb(95 157 231 / 48%);
  border: 2px solid rgba(255, 255, 255, 0.5);
  position: relative;
}

.unggulan .lu-item .lu-card .lu-img {
  overflow: hidden;
}

.unggulan .lu-item .lu-card .lu-img img {
  height: 235px;
  width: 100%;
  transition: all .5s;
}

.unggulan .lu-item .lu-card:hover .lu-img img {
  transform: scale(1.1);
}


.unggulan .lu-item .lu-card .lu-text {
  margin-top: 20px;
  padding: 0 20px 20px;
}

.unggulan .lu-item .lu-card a.lu-heading {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bolder;
}


.unggulan .lu-item .lu-card a.lu-heading .icon {
  width: 50px;
  height: 50px;
  padding: 10px;
  border-radius: 50%;
  margin-right: 10px;
}

.unggulan .lu-item .lu-card a.lu-heading .name {
  padding-top: 15px;
}

.unggulan .lu-item .lu-card .lu-body {
  text-align: justify;
}

.beritaHeader {
  background-image: url(../../img/bg/blog.jpeg);
  padding-bottom: 80px;
  padding-top: 100px;
}

.berita .berita-konten .bk-zoom {
  border-radius: 20px;
  margin-bottom: 85px;
}

.berita .berita-konten .bk-zoom .img img {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 100%;
}

.berita .berita-konten .bk-zoom .img.top img {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  border-top-right-radius: 0px;
}

.berita .berita-konten .bk-zoom .text {
  margin-top: 20px;
  padding: 10px 30px 30px;
}

.berita .berita-konten .bk-zoom .text.top {
  margin-top: 20px;
  padding: 10px 30px 30px;
}

.berita .berita-konten .bk-zoom .text .judul {
  margin-bottom: 15px;
}

.berita .berita-konten .bk-zoom .text .judul a {
  font-size: 18px;
  font-weight: bold;
}

.berita .berita-konten .bk-zoom .text .meta {
  font-size: 12px;
  
}

.berita .berita-konten .bk-zoom .text .meta .meta-item {
  margin-right: 20px;
  margin-bottom: 15px;
}

.berita .berita-konten .bk-zoom .text .meta .meta-item.tag {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  padding: 5px 7px ;
  color: #41b983;
  border-radius: 5px;
  box-shadow: -2px -1px 5px 0px #ffffff, 2px 1px 5px 0px rgb(95 157 231 / 48%);
  margin-right: 30px;
}

.berita .berita-konten .bk-zoom .text .meta .meta-item {
  display: inline-flex;
  align-items: center;
}

.berita .berita-konten .bk-zoom .text .meta .meta-item .icon {
  background: #e0e5ec;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
  box-shadow:
   -7px -7px 20px 0px #fff9,
   -4px -4px 5px 0px #fff9,
   7px 7px 20px 0px #0002,
   4px 4px 5px 0px #0001,
   inset 0px 0px 0px 0px #fff9,
   inset 0px 0px 0px 0px #0001,
   inset 0px 0px 0px 0px #fff9, inset 0px 0px 0px 0px #0001;
   padding: 7px 10px;
   border-radius: 10px;
   color: #41b983;
   transition:box-shadow 0.6s cubic-bezier(.79,.21,.06,.81);
  margin-right: 5px;
}

.berita .berita-konten .bk-zoom .text .body {
  text-align: justify;
  margin-top: 10px;
}

.berita .berita-konten .bk-item {
  border-radius: 10px;
  margin-bottom: 50px;
  padding: 20px;
  margin-left: 50px;
  border: none;
}

.berita .berita-konten .bk-item .img {
  position: relative;
  margin-left: -50px;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
}


.berita .berita-konten .bk-item .img img {
  margin-right: -50px;
  border-radius: 10px;
  left: 0;
  width: 100%;
  transition: all 1s;
}

.berita .berita-konten .bk-item:hover .img img {
  transform: scale(1.1);
}

.berita .berita-konten .bk-item .text {
  padding: 5px 0px;
  position: relative;
}

.berita .berita-konten .bk-item .text .tag {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  margin-bottom: 5px;
  color: #ff6b6b;
}

.berita .berita-konten .bk-item .text .judul a {
  font-weight: bold;
  font-size: 13px;
}

.berita .berita-konten .bk-item .text .meta {
  margin-top: 10px;
  font-size: 12px;
}

.berita .berita-konten .bk-item .text .meta .meta-item {
  display: inline-flex;
  align-items: center;
  margin-right: 20px;
}

.berita .berita-konten .bk-item .text .meta .meta-item i {
  color: #41b983;
  margin-right: 5px;
}

.berita .berita-konten .bk-item .text .meta .meta-item.tag {
  color: #ff6b6b;
  background-color: #e0e8ef;
  display: inline-block;
  padding: 3px 7px ;
  font-size: 12px;
  border: 1px solid;
  border-radius: 5px;
  background-color: #ffffff;
  border-color: rgba(255, 255, 255, 0.333);
  box-shadow: -2px -1px 10px 0px #ffffff, 2px 1px 9px 0px rgb(95 157 231 / 48%);
  margin-top: -5px;
  margin-bottom: 10px;
}

.berita .berita-konten .bk-item .text .meta .meta-item.tag i {
  color: #ff6b6b;
}

.berita .berita-konten .bk-item .body {
  text-align: justify;
  padding: 10px 0px;
}

.bs-cover .cover-text{
  padding: 50px 0;
}

.bs-cover .cover-text .meta {
  margin-bottom: 10px;
}

.bs-cover .cover-text .meta .meta-item {
  display: inline-flex;
  align-items: center;
}

.bs-cover .cover-text .meta .meta-item .icon {
  background: #e0e5ec;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
  box-shadow:
   -7px -7px 20px 0px #fff9,
   -4px -4px 5px 0px #fff9,
   7px 7px 20px 0px #0002,
   4px 4px 5px 0px #0001,
   inset 0px 0px 0px 0px #fff9,
   inset 0px 0px 0px 0px #0001,
   inset 0px 0px 0px 0px #fff9, inset 0px 0px 0px 0px #0001;
   padding: 7px 10px;
   border-radius: 10px;
   color: #41b983;
   transition:box-shadow 0.6s cubic-bezier(.79,.21,.06,.81);
  margin-right: 8px;
}

.bs-cover .cover-text .judul {
  font-weight: bold;
}

.bs-cover .cover-text .author {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.bs-cover .cover-text .author .icon {
  width: 50px;
  height: 50px;
  padding: 5px;
  background-color: #ffffff;
  box-shadow: -2px -1px 10px 0px #ffffff, 2px 1px 9px 0px rgb(95 157 231 / 48%);
  border-radius: 50%;
  margin-right: 18px;
}

.bs-cover .cover-text .author .user .metas {
  /* font-size: 20px;
  font-family: 'Montez', sans-serif; */
  color: #555;
  font-size: 12px;
  margin-bottom: -5px;
}

.bs-cover .cover-text .author .user .nama {
  font-size: 20px;
  font-family: 'Montez', sans-serif;
  font-weight: 600;
}

.bs-cover .cover-text .share {
  margin-top: 30px;
  display: flex;
}

.bs-cover .cover-text .share .share-left {
  margin-right: 20px;
}

.bs-cover .cover-text .share .share-right .btn-share:hover {
  transform: translateY(-5px);
} 

.single-b {
  margin-top: -70px;
}

.promkes .search-widget,
.single-b .search-widget {
  padding: 10px;
}

.gv-single .search-widget .sw-konten,
.promkes .search-widget .sw-konten,
.single-b .search-widget .sw-konten {
  margin-top: 0px;
  padding: 20px;
}

.single-b .search-widget .sw-konten .title {
  font-size: 11px;
}

.katdetail {
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}

.katdetail .icon {
  width: 40px;
  height: 40px;
  padding: 7px;
  background: #e0e5ec;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
  box-shadow:
   -7px -7px 20px 0px #fff9,
   -4px -4px 5px 0px #fff9,
   7px 7px 20px 0px #0002,
   4px 4px 5px 0px #0001,
   inset 0px 0px 0px 0px #fff9,
   inset 0px 0px 0px 0px #0001,
   inset 0px 0px 0px 0px #fff9, inset 0px 0px 0px 0px #0001;
   padding: 7px 10px;
   border-radius: 10px;
   color: #41b983;
   transition:box-shadow 0.6s cubic-bezier(.79,.21,.06,.81);
  margin-right: 12px;
}

.katdetail .txt .meta {
  color: #555;
  margin-bottom: -3px;
}

.katdetail .txt .nama {
  font-size: 26px;
  font-family: 'Montez', sans-serif;
  font-weight: 600;
}

.pk-konten  {
  border-radius: 5px;
  margin-bottom: 30px;
  background-color: rgba(255, 255, 255, 0.2);
  box-shadow: -2px -1px 9px 0px #ffffff, 2px 1px 9px 0px rgb(95 157 231 / 48%);
  border: 2px solid rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(10px);
}

.pk-konten .cover {
  height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  position: relative;
}

.pk-konten .cover .date {
  top: 0;
  position: absolute;
  margin-top: -20px;
  background-color: #ff6b6b;
  display: inline-block;
  margin-left: 20px;
  text-align: center;
  color: #fff;
  font-size: 11px;
  padding: 10px;
  box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
  backdrop-filter: blur(5px);
  border-radius: 5px;
}

.pk-konten .cover .date .tgl {
  font-size: 20px;
  font-weight: bold;
}

.pk-konten .pk-text {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.pk-konten .pk-text .left  {
  padding-right: 20px;
}

.pk-konten .pk-text .left .judul {
  font-size: 14px;
  font-weight: bold;
}

.pk-konten .pk-text .left .kategori {
  display: flex;
  align-items: center;
  margin-top: 5px;
  font-size: 12px;
  font-weight: 500;
}

.pk-konten .pk-text .left .kategori .icon {
  height: 25px;
  width: 25px;
  background: #e0e5ec;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
   border-radius: 10px;
  margin-right: 8px;
  padding: 5px;
}

.pk-konten .pk-text .left .kategori .icon img {
  box-shadow: none;
}

.pk-konten .pk-text .right {
  text-align: end;
} 

.pk-konten .pk-text .right .angka {
  font-size: 25px;
  font-family: 'Montez', sans-serif; 
  font-weight: bold;
  color: #41b983;
  margin-bottom: -10px;
}

.pk-konten .pk-text .right .info {
  font-size: 12px;
  color: #555;
}

.sp-cover {
  background-image: url(../../img/bg/prom.jpg);
  padding-bottom: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  padding: 10px;
}

.sp-cover .heading {
  background-color: rgba(255, 255, 255, 0.1);
  /* border: .5px solid rgba(255, 255, 255, .5); */
  border-radius: 10px;
  backdrop-filter: blur(0px);
  padding: 50px 20px;
}

.sp-cover .heading .meta {
  margin-bottom: 20px;
}

.sp-cover .heading .meta .meta-item .icon {
  background: #e0e5ec;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
  box-shadow:
   -7px -7px 20px 0px #fff9,
   -4px -4px 5px 0px #fff9,
   7px 7px 20px 0px #0002,
   4px 4px 5px 0px #0001,
   inset 0px 0px 0px 0px #fff9,
   inset 0px 0px 0px 0px #0001,
   inset 0px 0px 0px 0px #fff9, inset 0px 0px 0px 0px #0001;
   padding: 7px 10px;
   border-radius: 10px;
   color: #41b983;
   transition:box-shadow 0.6s cubic-bezier(.79,.21,.06,.81);
  margin-right: 8px;
}

.sp-cover .heading .judul {
  font-weight: bold;
}


.sp-cover .heading .meta-bottom .kategori {
  display: flex;
  align-items: center;
}

.sp-cover .heading .meta-bottom .kategori .icon {
  width: 50px;
  height: 50px;
  padding: 10px;
  background-color: #ffffff;
  box-shadow: -2px -1px 10px 0px #ffffff, 2px 1px 9px 0px rgb(95 157 231 / 48%);
  border-radius: 50%;
  margin-right: 18px;
}

.sp-cover .heading .meta-bottom .kategori .ktg .metas {
  /* font-size: 20px;
  font-family: 'Montez', sans-serif; */
  color: #555;
  font-size: 12px;
  margin-bottom: -5px;
}

.sp-cover .heading .meta-bottom .kategori .ktg .textktg {
  font-size: 20px;
  font-family: 'Montez', sans-serif;
  font-weight: 600;
}

.sp-cover .heading .meta-bottom .share {
  margin-top: 30px;
  display: flex;
}

.sp-cover .heading .share .share-left {
  margin-right: 20px;
}

.sp-cover .heading .share .share-right .btn-share:hover {
  transform: translateY(-5px);
} 

.single-promkes .spm-area {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 0 10px;
}

.single-promkes .spm-area .spm-konten{
  columns: 4 100px;
  column-gap: 1rem;
  width: 100%;
  margin: 0 auto;
}

.single-promkes .spm-area .spm-konten .spm-img {
  margin: 0 1.5rem 1.5rem 0;
  display: inline-block;
  width: 100%;
  margin: 0 1rem 1rem 0;
  /* box-shadow: 5px 5px 5px rgba(0,0,0,0.5); */
  border-radius: 5px;
  overflow: hidden;
}

.single-promkes .spm-area .spm-konten .spm-img img {
  width: 100%;
  border-radius: 5px;
  transition: all 1.5s ease;
}

.galeriHeader {
  background-image: url(../../img/bg/gal.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.gl-item {
  border-radius: 10px;
  position: relative;
  margin-bottom: 100px;
}

.gl-item .cover img {
  border-radius: 10px;
  min-height: 250px;
}

.gl-item .text {
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 0;
  padding: 10px;
  margin-bottom: -90px;
}

.gl-item .text .meta {
  font-size: 12px;
  margin-bottom: 10px;
}

.gv-item .gv-text .meta .meta-item .icon,
.gl-item .text .meta .meta-item .icon {
  background: #e0e5ec;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
  box-shadow:
   -7px -7px 10px 0px #fff9,
   -4px -4px 5px 0px #fff9,
   7px 7px 10px 0px #0002,
   4px 4px 5px 0px #0001,
   inset 0px 0px 0px 0px #fff9,
   inset 0px 0px 0px 0px #0001,
   inset 0px 0px 0px 0px #fff9, inset 0px 0px 0px 0px #0001;
   padding: 7px 10px;
   border-radius: 10px;
   color: #41b983;
   transition:box-shadow 0.6s cubic-bezier(.79,.21,.06,.81);
  margin-right: 5px;
}

.gl-item .text .judul {
  font-weight: bold;
  margin-bottom: 10px;
}

.gl-item .text .body {
  font-size: 13px;
  text-align: justify;
}

.galeri-single { margin-top: -80px;}

.bs-konten {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 0 10px;
}

.bs-konten .bs-items {
  columns: 4 100px;
  column-gap: 1rem;
  width: 100%;
  margin: 0 auto;
}

.bs-konten .bs-items .bs-img {
  margin: 0 1.5rem 1.5rem 0;
  display: inline-block;
  width: 100%;
  margin: 0 1rem 1rem 0;
  /* box-shadow: 5px 5px 5px rgba(0,0,0,0.5); */
  border-radius: 5px;
  overflow: hidden;
}

.bs-konten .bs-items .bs-img img {
  width: 100%;
  border-radius: 5px;
  transition: all .5s ease;
}

.bs-konten .bs-items .bs-img:hover img {
  transform: scale(1.1);
}

.search-mono  {
  margin-top: -20px;
}

.gv-item {
  padding: 20px;
  border-radius: 10px;
  position: relative;
  margin-top: 50px;
  margin-bottom: 50px;
}

.gv-item .cover {
  margin-top: -80px;
  position: relative;
}

.gv-item .cover img {
  border-radius: 10px;
  height: 200px;
  width: 100%;
}

.v-card .cover .gv-play,
.gv-item .cover .gv-play {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  border-radius: 5px;
  z-index: 1;
  opacity: 0;
  transition: all 1s;
  border-radius: 10px;
}


.gv-item:hover .cover .gv-play {
  opacity: 1;
  transition: all 1s;
}

.v-card .cover .gv-play a,
.gv-item .cover .gv-play a {
  cursor: pointer;
  font-size: 24px;
  top: 45%;
  position: absolute;
  z-index: 2;
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  margin: auto;
  border-radius: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-animation: video-animation 1s linear infinite;
  animation: video-animation 1s linear infinite;
  -webkit-transition: .5s linear;
  background: #ff6b6b;
}

.v-card .cover .gv-play a {
  height: 80px;
  width: 80px;
  line-height: 80px;
}

.gv-item .cover .gv-play a img {
  max-width: 20px;
  height: auto;
  box-shadow: none;
}

.gv-item .gv-text {
  margin-top: 20px;
  overflow: hidden;
}

.gv-item .gv-text .judul a {
  margin-bottom: 15px;
  transform: translateX(-20px);
  transition: all .7s;
  display: flex;
  align-items: center;
  font-weight: bold;
}

.gv-item .gv-text .judul a i {
  margin-right: 10px;
}

.gv-item:hover .gv-text a{
  transform: translateX(0);
}

.gv-item .meta {
  font-size: 13px;
  padding: 0px 0px 18px 6px;
}

.v-card {
  padding: 40px;
  border-radius: 20px;
  position: relative;
  margin-top: 100px;
}

.v-card .cover {
  margin-top: -150px;
  position: relative;
}

.v-card .cover img {
  border-radius: 10px;
  width: 100%;
}

.v-card .cover .gv-play {
  opacity: 1;
}

.v-card .cover .gv-play a img {
  max-width: 50px;
  height: auto;
  box-shadow: none;
  margin-left: 10px;
}

.v-card .text {
  margin-top: 25px;
}

.v-card .text .judul {
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.v-card .text .judul i {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
  box-shadow:
   -7px -7px 10px 0px #fff9,
   -4px -4px 5px 0px #fff9,
   7px 7px 10px 0px #0002,
   4px 4px 5px 0px #0001,
   inset 0px 0px 0px 0px #fff9,
   inset 0px 0px 0px 0px #0001,
   inset 0px 0px 0px 0px #fff9, inset 0px 0px 0px 0px #0001;
   padding: 7px 10px;
   border-radius: 10px;
   color: #ff6b6b;
   transition:box-shadow 0.6s cubic-bezier(.79,.21,.06,.81);
  margin-right: 15px;
}

.v-card .text .meta {
  margin-bottom: 10px;
}

.v-card .text .meta .meta-item {
  display: inline-flex;
  align-items: center;
}

.v-card .text .meta .meta-item .icon  {
  display: inline-flex;
  background: #e0e5ec;
  box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),
              -4px -4px 6px 0 rgba(116, 125, 136, .2), 
    inset -4px -4px 6px 0 rgba(255,255,255,.5),
    inset 4px 4px 6px 0 rgba(116, 125, 136, .3);
  padding: 10px;
  border-radius: 50%;
  color: #ff6b6b;
  margin-right: 5px;
}

.gv-single .search-widget {
  padding: 10px;
}

.jadwalHeader {
  background-image: url(../../img/bg/dokt.jpg);
}


.tabledata,
.japel {
  padding: 25px 30px;
  border-radius: 10px;
  backdrop-filter: blur(5px);
  background-color: rgba(255, 255, 255, 0.2);
  box-shadow: -2px -1px 9px 0px #ffffff, 2px 1px 9px 0px rgb(95 157 231 / 48%);
  border: 2px solid rgba(255, 255, 255, 0.5);
}

.tabledata {
  border: 1px solid #eee;
}

.japel .banner img {
  width: 100%;
  margin-bottom: 10px;
}

.japel .judul {
  font-family: 'Montez', sans-serif;
  display: flex;
  align-items: center;
  font-weight: bold;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
  font-size: 20px;
}

.japel .judul .icon {
  background: #e0e5ec;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
  box-shadow:
   -7px -7px 10px 0px #fff9,
   -4px -4px 5px 0px #fff9,
   7px 7px 10px 0px #0002,
   4px 4px 5px 0px #0001,
   inset 0px 0px 0px 0px #fff9,
   inset 0px 0px 0px 0px #0001,
   inset 0px 0px 0px 0px #fff9, inset 0px 0px 0px 0px #0001;
   padding: 7px 10px;
   border-radius: 10px;
   color: #41b983;
   transition:box-shadow 0.6s cubic-bezier(.79,.21,.06,.81);
  margin-right: 10px;
}

.japel .japel-items .jp-item {
  display: flex;
  margin-bottom: 10px;
  align-items: center;
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px dotted #fff;
}

.japel .japel-items .jp-item .hari {
  font-weight: 500;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

.japel-konten {

}
.japel-konten .pl-item {
  align-items: center;
  box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
  margin-bottom: 30px;
  padding: 8px;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-top: 2px solid rgba(255, 255, 255, 0.6);
  border-left: 2px solid rgba(255, 255, 255, 0.6);
  border-radius: 5px;
}

.japel-konten .pl-item .icon {
  position: absolute;
  top: 0;
  margin-top: -15px;
  /* background-color: #7293fe; */
  align-items: center;
  justify-content: center;
  padding: 7px;
  box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
  font-size: 12px;
  color: #fff;
  border-radius: 10%;
  margin-right: 10px;
  
}

.japel-konten .pl-item .text {
  text-align: right;
  width: 100%;
}

.japel-konten .pl-item .text .nama {
  font-weight: bold;
  margin-top: 10px;
}

/* .japel .japel-items .jp-item .hari.Senin {
  color: #2684ff;
}

.japel .japel-items .jp-item .hari.Selasa {
  color: #927aff;
}

.japel .japel-items .jp-item .hari.Rabu {
  color: #7ec665;
}

.japel .japel-items .jp-item .hari.Kamis {
  color: #4eaafd;
}

.japel .japel-items .jp-item .hari.Jumad {
  color: #ffc670;
}

.japel .japel-items .jp-item .hari.Sabtu {
  color: #ea9fba;
}

.japel .japel-items .jp-item .hari.Minggu {
  color: #fc6049;
} */


.japel .japel-items .jp-item .waktu {
  display: flex;
  position: absolute;
  right: 0;
}

.japel .japel-items .jp-item .waktu .start,
.japel .japel-items .jp-item .waktu .end {
  background: #eaeaea;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
  box-shadow: 0 15px 25px -4px rgba(0, 0, 0, 0.5), 
      inset 0 -3px 4px -1px rgba(0, 0, 0, 0.2), 
      0 -10px 15px -1px rgba(255, 255, 255, 0.6), 
      inset 0 3px 4px -1px rgba(255, 255, 255, 0.2), 
      inset 0 0 5px 1px rgba(255, 255, 255, 0.8), 
      inset 0 20px 30px 0 rgba(255, 255, 255, 0.2);
   padding: 5px 10px;
   border-radius: 10px;
   color: #41b983;
   transition:box-shadow 0.6s cubic-bezier(.79,.21,.06,.81);
  margin-right: 10px;
  font-size: 12px;
}

.japel .japel-items .jp-item .waktu .start.libur {
  color: #0ec8ed;
  margin-right: 30px;
}

.japel .japel-items .jp-item .waktu .end {
  color: #ff6b6b;
  margin-right: 0px;
}

.jadwal .search-widget {
  padding: 10px;
}

.jadwal .search-widget .sw-konten {
  margin-top: 0px;
  padding: 20px;
}

.jd-item {
  display: flex;
  align-items: center;
  background: rgba(255,255,255,0.1);
  border: 1px solid rgba(255,255,255,0.6);
  border-top: 2px solid rgba(255,255,255,0.6);
  border-left: 2px solid rgba(255,255,255,0.6);
  box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
  backdrop-filter: blur(10px);
  padding: 10px;
  border-radius: 10px;
  height: 100%;
  width: 100%;
}

.jd-item .foto {
  width: 60px;
  height: 60px;
  margin-right: 10px;
}

.jd-item .foto img {
  border-radius: 50%;
}

.jd-item .text .poli {
  font-size: 11px;
}

.jd-item .text .nama {
  font-size: 12px;
  font-weight: bold;
}

.jd-item .text .jadwal {
  display: flex;
  align-items: center;
  font-size: 12px;
}

.jd-item .text .jadwal .hari {
  margin-right: 15px;
}

.jd-item .text .jadwal .jam {
  text-align: end;
  font-weight: bold;
}

.jd-item .text .jadwal .jam .mulai {
  color: #01d6a3;
}

.jd-item .text .jadwal .jam .selesai {
  color: #ff6b6b;
}

.jadwal.jdwalDokter,
.bedinfo {
  margin-top: -50px;
}

.bedinfo .bedKonten {
  padding-top: 10px;
}


.infoPublicHeader {
  background-image: url(../../img/bg/ip.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  padding-bottom: 100px;
}

.infopublic {
  margin-top: -50px;
}

.ipk-item {
  display: flex;
  justify-content:space-between;
  align-items: center;
  padding: 30px 20px 30px 10px;
  backdrop-filter: blur(5px);
  background-color: rgba(255, 255, 255, 0.2);
  /* box-shadow: -2px -1px 9px 0px #ffffff, 2px 1px 9px 0px rgb(95 157 231 / 48%); */
  border: none;;
  border-bottom: 2px dotted rgba(255, 255, 255, 1);
  transition: all .5s;
}

.ipk-item:hover {
  box-shadow: -2px -1px 9px 0px #ffffff, 2px 1px 9px 0px rgb(95 157 231 / 48%);
  border-bottom: 2px solid  rgba(255, 255, 255, 0.5);
}

.ipk-item .kiri {
  display: flex;
  align-items: center;
}

.ipk-item .kiri .icon {
  background: #e0e5ec;
  font-size: 20px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
  /* box-shadow:
   -7px -7px 10px 0px #fff9,
   -4px -4px 5px 0px #fff9,
   7px 7px 10px 0px #0002,
   4px 4px 5px 0px #0001,
   inset 0px 0px 0px 0px #fff9,
   inset 0px 0px 0px 0px #0001,
   inset 0px 0px 0px 0px #fff9, inset 0px 0px 0px 0px #0001; */
   padding: 7px 10px;
   border-radius: 10px;
   color: #41b983;
   transition:box-shadow 0.6s cubic-bezier(.79,.21,.06,.81);
  margin-right: 18px;
}

.ipk-item .kiri .icon .pdf {
  color: #ff6b6b;
}

.ipk-item .kiri .text .judul {
  font-weight: 600;
  margin-bottom: 5px;
}

.ipk-item .kiri .text .meta {
  font-size: 13px;
}

.ipk-item .kiri .text .meta .iconmeta {
  color: #41b983;
}

.tableData2 {
  background-color: transparent;
}

table.table.tableData2 {
  border-collapse: collapse;
}

.chart-home {
  margin-top: 140px;
  background-image: url('../../img/bg/bg_stat.jpg');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding: 10px;
  border-radius: 15px;
}

.chart-home .ch-konten {
  background: rgba(255,255,255,0.5);
  box-shadow: 15px 15px 40px rgba(0,0,0,0.1);
  backdrop-filter: blur(7px);
  border: none;
  border-top: 2px solid rgba(255,255,255,0.2);
  border-left: 2px solid rgba(255,255,255,0.2);
  border-radius: 15px;
}

.chart-home .ch-konten .text {
  padding: 100px 50px;
}

.chart-home .ch-chart {
  position: relative;
  padding: 20px;
}

.ch-chart .chc-one {
  position: absolute;
  padding: 20px;
  width: 350px;
  height: 220px;
  /* z-index: -1; */
  top: 0;
  margin-top: 150px;
  background: rgba(255,255,255,0.5);
}

.ch-chart .chc-one h6 {
  font-weight: bold;
  font-size: 13px;
}

.ch-chart .chc-dua {
  position: absolute;
  right: 0;
  margin-right: 20px;
  padding: 10px;
  width: 200px;
  height: 200px;
  /* z-index: 1; */
  top: 0;
  margin-top: 50px;
  background: rgba(255,255,255,0.3);
}

.ch-chart .chc-dua h6 {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 0px;
}

.ch-chart .chc-dua p {
  font-size: 12px;
  margin-bottom: 0;
}

.indikatorHeader {
  background-image: url(../../img/bg/ip.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.grafikdata .data {
  margin-bottom: 30px;
}

.grafikdata .data .gd-item {
  padding: 10px 20px 10px 15px;
  border-radius: 10px;
  position: relative;
}

.grafikdata .gd-title {
  margin-bottom: 50px;
}

.grafikdata .gd-title .judul {
  font-weight: bold;
}

.grafikdata .gd-title .judul span {
  color: #ff6b6b;
}

.grafikdata .gd-title .meta.metagrafik {
  color: #ff6b6b;
  font-family: 'Montez', sans-serif;
  font-size: 18px;
}

.grafikdata .data .gd-item .icon {
  position: absolute;
  top: 0;
  margin-top: -15px;
  background-color: #7293fe;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  padding: 7px 10px;
  box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
  color: #fff;
  border-radius: 10%;
  margin-right: 10px;
}

.grafikdata.kunjungan .data .gd-item .icon {
  font-size: 35px;
  margin-top: 15px;
}

.grafikdata .data .gd-item.bor .icon {
  background-color: #3bbb8b;
}

.grafikdata .data .gd-item.alos .icon {
  background-color: #f1ac47;
}

.grafikdata .data .gd-item.bto .icon {
  background-color: #7ec665;
}

.grafikdata .data .gd-item.gdr .icon {
  background-color: #ff6b6b;
}

.grafikdata .data .gd-item.ndr .icon {
  background-color: #ea9fba;
}



.grafikdata .data .gd-item .text {
  text-align: right;
  margin-top: 15px;
}

.grafikdata.kunjungan .data .gd-item .text {
  text-align: left;
}

.grafikdata .data .gd-item .text .name {
  font-family: 'Vollkorn', sans-serif;
  margin-bottom: -5px;
  color: #7293fe;
}

.grafikdata .data .gd-item.bor .text .name {
  color: #3bbb8b;
}

.grafikdata .data .gd-item.alos .text .name {
  color: #f1ac47;
}

.grafikdata .data .gd-item.bto .text .name {
  color: #7ec665;
}

.grafikdata .data .gd-item.gdr .text .name {
  color: #ff6b6b;
}

.grafikdata .data .gd-item.ndr .text .name {
  color: #ea9fba;
}

.grafikdata .data .gd-item .text .angka {
  font-size: 22px;
  font-family: 'Vollkorn', sans-serif;
  font-weight: 600;
}

.grafikdata .data .gd-item .text .meta {
  font-size: 11px;
}

.grafikdata.kunjungan .data .gd-item .text .name {
  color: #0e0e0e;
  text-align: end;
}

.grafikdata.kunjungan .data .gd-item .text .name .nama {
  font-weight: bold;
}

.grafikdata.kunjungan .data .gd-item .text .name .total {
  margin-top: -5px;
}

.grafikdata.kunjungan .data .gd-item.bor .text .name .total .angka {
  color: #3bbb8b;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

.grafikdata.kunjungan .data .gd-item.alos .text .name .total .angka {
  color: #f1ac47;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

.grafikdata.kunjungan .data .gd-item.toi .text .name .total .angka {
  color: #7293fe;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

.grafikdata.kunjungan .data .gd-item.gdr .text .name .total .angka {
  color: #ff6b6b;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

.grafikdata.kunjungan .data .gd-item .text .meta {
  margin-top: -5px;
}

.grafikdata.kunjungan .data .gd-item .text .detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}

.grafikdata.kunjungan .data .gd-item .text .detail .dsitem .dsangka {
  font-weight: 600;
  font-size: 13px;
  margin-bottom: -5px;
}

.grafikdata.kunjungan .data .gd-item .text .detail .dsitem.asuransi {
  text-align: center;
}

.grafikdata.kunjungan .data .gd-item .text .detail .dsitem.gratis {
  text-align: right;
}

.grafikdata.kunjungan .data .gd-item .text .detail .dsitem .dstag {
  font-size: 11px;
}
/* 
.grafikdata .charts {
  background-image: url('../../img/bg/bg_stat.jpg');
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  padding: 10px;
  border-radius: 15px;
} */

.grafikdata .charts .charKonten {
  background: rgba(255,255,255,0.5);
  box-shadow: 15px 15px 40px rgba(0,0,0,0.1);
  backdrop-filter: blur(7px);
  border: none;
  border-top: 2px solid rgba(255,255,255,0.2);
  border-left: 2px solid rgba(255,255,255,0.2);
  border-radius: 15px;
  padding: 20px;
}

.grafikdata .chBs {
  padding: 30px;
}

.grafikdata.kunjungan .charts .charKonten2 {
  border-radius: 15px;
  padding: 20px;
}

.grafikdata .data .gk-item {
  padding: 10px 20px 10px 20;
  border-radius: 10px;
  position: relative;
  display: flex;
  align-items: center;
}

.grafikdata .data .gk-item .icon {
  align-items: center;
  justify-content: center;
  font-size: 25px;
  padding: 7px 10px;
  box-shadow: 5px 5px 10px rgba(0,0,0,0.2);
  color: #fff;
  border-radius: 10%;
  margin-right: 15px;
}

.grafikdata .data .gk-item.rad .icon {
  background-color: #7293fe;
}

.grafikdata .data .gk-item.pat .icon {
  background-color: #3bbb8b;
}

.grafikdata .data .gk-item.im .icon {
  background-color: #ff6b6b;
}

.grafikdata .data .gk-item.kb .icon {
  background-color: #f1ac47;
}

.grafikdata .data .gk-item .text .name {
  font-weight: 500;
}

.grafikdata .data .gk-item .text .angka {
  font-size: 15px;
  /* font-family: 'Vollkorn', sans-serif; */
  font-weight: 600;
}

.grafikdata .data .gk-item .text .meta {
  font-size: 12px;
}

.grafikdata .data .gk-item.rad .text .meta {
  color: #7293fe;
}

.grafikdata .data .gk-item.pat .text .meta {
  color: #3bbb8b;
}

.grafikdata .data .gk-item.im .text .meta {
  color: #ff6b6b;
}

.grafikdata .data .gk-item.kb .text .meta {
  color: #f1ac47;
}

.grafikdata.ikm .gd-title {
  margin-bottom: 0;
  text-align: center;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}

.grafikdata .gd-title .meta.metagrafik#label1 {
  color: #3366cc;
  font-size: 20px;
}

.grafikdata.ikm .gd-title .judul#judul1 span {
  color: #3366cc;
}

.grafikdata .gd-title .meta.metagrafik#label3 {
  color: #3bbb8b;
  font-size: 20px;
}

.grafikdata.ikm .gd-title .judul#judul3 span {
  color: #3bbb8b;
}

.ttd img {
    width: 250px;
    max-width: 100%;
    height: auto;
}

@media (min-width: 768px) {
    .ttd img { width: 400px; }
}

@media (min-width: 1200px) {
    .ttd img { width: 500px; }
}
.sambutan .welcome-text .ttd img {
  width: 50%;               /* hanya setengah dari parent */
  height: auto;             /* jaga rasio */
  max-width: 500px;         /* batas maksimal biar ga terlalu besar */
}