@import url(https://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

h1,
h2,
h3,
h4,
h5,
h6,
a,
span,
div {
  font-family: "Manrope" !important;
}

.bg-light-1 {
  background: #f0f7fd;
}

.bg-green-light {
  background: #96bab8;
}

.modal-dialog-custom {
  overflow-y: initial !important
}

.modal-body-custom {
  height: 75vh;
  overflow-y: auto;
}

.icon-box.border .icon i,
.icon-box.fancy .icon i,
a i,
button i,
span i,
.list-icon i {
  font-family: "Font Awesome 5 Free" !important;
}

.fab {
  font-family: "Font Awesome 5 Brands" !important;
}

#header #header-wrap {
  max-height: 100px;
  height: auto;
}

#header #header-wrap #logo a>img {
  height: 40px;
}

#header,
#header-wrap {
  background-color: #f0f7fd !important;
}

#header.header-sticky #header-wrap {
  background-color: #f0f7fd !important;
}

#header #header-wrap {
  border-bottom: bg-img-4 0 !important;
}

#mainMenu nav>ul>li>a {
  color: #fff;
  padding: 11px 8px;
}

#header #mainMenu:not(.menu-overlay) nav>ul>li.dropdown:before {
  color: #fff;
}

.select2,
.select2-icon,
.select2-photo,
.select2-arrow {
  width: 100% !important;
}

.select2-dropdown {
  border-color: #d8e2e7;
  font-size: 1rem;
}

.select2-dropdown.select2-dropdown--above {
  border-bottom: none;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-results__option {
  padding: 5px 1rem;
  background: none !important;
}

.select2-results__option:hover {
  color: #00a8ff;
}

.select2-results__option[role="group"]:hover {
  color: #343434;
}

.select2-results__option[role="group"] .select2-results__option {
  padding-left: 2.25rem;
}

.select2-results__option[aria-selected="true"] {
  color: #00a8ff;
}

.select2-container--default .select2-selection--single,
.select2-container--arrow .select2-selection--single,
.select2-container--white .select2-selection--single {
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  height: auto;
  background: none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--arrow .select2-selection--single .select2-selection__rendered,
.select2-container--white .select2-selection--single .select2-selection__rendered {
  border: solid 1px #d8e2e7;
  -webkit-border-radius: .25rem;
  border-radius: .25rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #343434;
  padding: .375rem 25px .375rem 1rem;
  min-height: 38px;
  background: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__rendered .user-item img,
.select2-container--arrow .select2-selection--single .select2-selection__rendered .user-item img,
.select2-container--white .select2-selection--single .select2-selection__rendered .user-item img {
  top: 50%;
  margin-top: -10px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--arrow .select2-selection--single .select2-selection__arrow,
.select2-container--white .select2-selection--single .select2-selection__arrow {
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  width: 23px;
  text-align: center;
  background: #dbe4ea;
  -webkit-border-radius: 0 .25rem .25rem 0;
  border-radius: 0 .25rem .25rem 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow:before,
.select2-container--arrow .select2-selection--single .select2-selection__arrow:before,
.select2-container--white .select2-selection--single .select2-selection__arrow:before,
.select2-container--default .select2-selection--single .select2-selection__arrow:after,
.select2-container--arrow .select2-selection--single .select2-selection__arrow:after,
.select2-container--white .select2-selection--single .select2-selection__arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  left: 50%;
  margin-left: -3px;
  top: 50%;
}

.select2-container--default .select2-selection--single .select2-selection__arrow:before,
.select2-container--arrow .select2-selection--single .select2-selection__arrow:before,
.select2-container--white .select2-selection--single .select2-selection__arrow:before {
  border-width: 0 3px 5px 3px;
  border-color: transparent transparent #6c7a86 transparent;
  margin-top: -6px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow:after,
.select2-container--arrow .select2-selection--single .select2-selection__arrow:after,
.select2-container--white .select2-selection--single .select2-selection__arrow:after {
  border-width: 5px 3px 0 3px;
  border-color: #6c7a86 transparent transparent transparent;
  margin-top: 1px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b,
.select2-container--arrow .select2-selection--single .select2-selection__arrow b,
.select2-container--white .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.select2-container--default .select2-results__group,
.select2-container--arrow .select2-results__group,
.select2-container--white .select2-results__group {
  font-weight: 600;
  padding: 5px 1rem;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--arrow .select2-results__option--highlighted[aria-selected],
.select2-container--white .select2-results__option--highlighted[aria-selected] {
  background: none;
  color: #00a8ff;
}

.select2-container--default .select2-results>.select2-results__options,
.select2-container--arrow .select2-results>.select2-results__options,
.select2-container--white .select2-results>.select2-results__options {
  max-height: 250px;
}

.select2-container--default .select2-search--inline .select2-search__field,
.select2-container--arrow .select2-search--inline .select2-search__field,
.select2-container--white .select2-search--inline .select2-search__field {
  font-size: 1rem;
  padding-left: 11px;
}

.select2-container--default .font-icon,
.select2-container--arrow .font-icon,
.select2-container--white .font-icon {
  display: inline-block;
  color: #929faa;
  margin: -2px 8px -2px 0;
  font-size: 1rem;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  vertical-align: middle;
  position: relative;
  top: -0.05em;
}

.select2-container--default .user-item,
.select2-container--arrow .user-item,
.select2-container--white .user-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  min-height: 20px;
  padding: 0 0 0 21px;
}

.select2-container--default .user-item img,
.select2-container--arrow .user-item img,
.select2-container--white .user-item img {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: -5px;
  top: 0;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered,
.select2-container--arrow.select2-container--open .select2-selection--single .select2-selection__rendered,
.select2-container--white.select2-container--open .select2-selection--single .select2-selection__rendered {
  border-bottom-color: #fff;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow,
.select2-container--arrow.select2-container--open .select2-selection--single .select2-selection__arrow,
.select2-container--white.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single .select2-selection__rendered,
.select2-container--arrow.select2-container--open.select2-container--above .select2-selection--single .select2-selection__rendered,
.select2-container--white.select2-container--open.select2-container--above .select2-selection--single .select2-selection__rendered {
  -webkit-border-radius: 0 0 .25rem .25rem;
  border-radius: 0 0 .25rem .25rem;
  border-top-color: #fff;
  border-bottom-color: #d8e2e7;
}

.select2-container--default.select2-container--disabled,
.select2-container--arrow.select2-container--disabled,
.select2-container--white.select2-container--disabled {
  opacity: .65;
}

.select2-container--default.select2-container--disabled .select2-selection--single,
.select2-container--arrow.select2-container--disabled .select2-selection--single,
.select2-container--white.select2-container--disabled .select2-selection--single {
  cursor: not-allowed;
  background: none;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered,
.select2-container--arrow.select2-container--disabled .select2-selection--single .select2-selection__rendered,
.select2-container--white.select2-container--disabled .select2-selection--single .select2-selection__rendered {
  background-color: #dbe4ea;
  color: #6c7a86;
}

.select2-container--default.select2-container--disabled .user-item img,
.select2-container--arrow.select2-container--disabled .user-item img,
.select2-container--white.select2-container--disabled .user-item img {
  opacity: .7;
}

.select2-container--default .select2-selection--multiple,
.select2-container--arrow .select2-selection--multiple,
.select2-container--white .select2-selection--multiple {
  border-color: #d8e2e7;
  min-height: 38px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--arrow .select2-selection--multiple .select2-selection__choice,
.select2-container--white .select2-selection--multiple .select2-selection__choice {
  color: #fff;
  background: #919fa9;
  border: none;
  font-weight: 600;
  font-size: 1rem;
  padding: 0 2rem 0 .5rem;
  height: 26px;
  line-height: 26px;
  position: relative;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
.select2-container--arrow .select2-selection--multiple .select2-selection__choice__remove,
.select2-container--white .select2-selection--multiple .select2-selection__choice__remove {
  position: absolute;
  right: 0;
  top: 1px;
  color: #fff !important;
  width: 1.5rem;
  text-align: center;
  font-size: 2rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--arrow .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--white .select2-selection--multiple .select2-selection__choice__remove:hover {
  opacity: .7;
}

.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--arrow.select2-container--focus .select2-selection--multiple,
.select2-container--white.select2-container--focus .select2-selection--multiple {
  border-color: #c5d6de;
}

.select2-container--arrow .select2-selection--single .select2-selection__arrow {
  background: none;
}

.select2-container--arrow .select2-selection--single .select2-selection__arrow:after {
  display: none;
}

.select2-container--arrow .select2-selection--single .select2-selection__arrow:before {
  width: auto;
  height: auto;
  border: none;
  left: 0;
  margin-left: 0;
  top: 50% !important;
  margin-top: -8px;
  font-family: "startui" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  position: relative;
  top: -0.15em;
  content: "\51";
  color: #6c7a86;
  font-size: 0.6875rem
    /*11/16*/
  ;
  text-align: left;
}

.select2-container--white .select2-selection--single .select2-selection__arrow {
  background: none;
}

.background-colored {
  background-color: #005267;
}

.bgc-secondary {
  background: rgb(116 116 116 / 35%);
}

.bgc-success {
  background-color: #94ac3f !important;
}

.btn {
  padding: 12px 18px !important;
}

.btn-success {
  background-color: #53904d !important;
  border-color: #53904d !important;
}

.bg-success {
  background: #53904d !important;
}

.textc-success {
  color: #94ac3f !important;
}

.textc-primary {
  background: -webkit-linear-gradient(74deg, rgb(74 92 169) 0%, rgb(0 165 207) 50%, rgb(74 92 169) 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.form-control {
  padding: 10px 18px !important;
}

.c-fullscreen {
  top: -80px;
  margin-bottom: -80px;
  min-height: 800px;
}

.nav-link {
  color: #ffffff;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #fff;
  background-color: #f0932b;
  border-radius: 10px !important;
}

a:hover {
  color: #f0932b;
}

#mainMenu nav>ul>li:hover>span {
  color: #f0932b;
}

.btn:hover,
.btn.btn-light:hover {
  background-color: #f0932b;
  border-color: #f0932b;
}

.box-peraturan {
  background: url(../../images/JDIH3.png), linear-gradient(90deg, rgba(148, 172, 63, 1) 0%, rgba(0, 82, 103, 1) 100%, rgba(148, 172, 63, 1) 100%);
  background-size: cover;
}

.box-artikel {
  background: url(../../images/bg-3.png);
  background-size: cover;
  border: 1px solid #ccc;
}

.bg-img {
  background: url(../../images/2.png);
  /* background-size: cover; */
}

.bg-img-4 {
  background: url(../../images/5v1.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
  border-radius: 15px;
  height: 550px;
  /* width: 99.5%; */
  /* object-fit: cover; */
}

/* .bg-img-5 {
  background: url(../../images/5.png);
  background-repeat: no-repeat;
  background-size: 100%;
} */
.bg-img-6 {
  background: url(../../images/6.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.bg-img-7 {
  background: url(../../images/7.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

#header.header-transparent+.fullscreen {
  margin-bottom: 0px;
}

.title-monografi {
  bottom: 30px;
  position: absolute;
  width: 80%;
  background: #ffffffa8;
  padding: 5px;
}

.box-slide-peraturan {
  background-color: rgb(142 168 64 / 9%) !important;
}

.testimonial.testimonial-single .testimonial-item {
  border-bottom: 3px solid #59884e !important;
}

.testimonial.testimonial-single .testimonial-item>img {
  box-shadow: 0px 0px 15px 0px rgb(255 255 255);
}

.post-image img {
  max-height: 300px;
  width: 100%;
  object-fit: cover;
}

.post-item .post-image {
  max-height: 300px;
}

.post-thumbnail-list .post-thumbnail-entry>img {
  object-fit: cover !important;
}

.sidebar .widget .post-thumbnail-list .post-thumbnail-entry>img {
  object-fit: cover;
}

#chartStatistik,
#chartPengunjung,
#chartMonografi,
#chartArtikel,
#chartPutusan,
#chartKategori {
  width: 100%;
  height: 310px;
}

.pie-chart span.percent:after {
  content: '';
}

.img-grafis {
  width: 400px !important;
  height: 500px !important;
  object-fit: cover !important;
}

.rating {
  border: none;
  margin-right: 49px
}

.myratings {
  font-size: 85px;
  color: green
}

.rating>[id^="star"] {
  display: none
}

.rating>label:before {
  margin: 5px;
  font-size: 2.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005"
}

.rating>.half:before {
  content: "\f089";
  position: absolute
}

.rating>label {
  color: #ddd;
  float: right
}

.rating>[id^="star"]:checked~label,
.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label {
  color: #FFD700
}

.rating>[id^="star"]:checked+label:hover,
.rating>[id^="star"]:checked~label:hover,
.rating>label:hover~[id^="star"]:checked~label,
.rating>[id^="star"]:checked~label:hover~label {
  color: #FFED85
}

.reset-option {
  display: none
}

.reset-button {
  margin: 6px 12px;
  background-color: rgb(255, 255, 255);
  text-transform: uppercase
}

.post-item .post-item-description .post-meta-category {
  color: #fff;
  font-size: 13px;
  padding: 2px 16px;
  border-radius: 50px;
  position: absolute;
  right: 10px;
  top: 11px;
  z-index: 3;
  margin-right: 0;
}

.post-thumbnails .post-item:not(.quote) .post-item-description {
  width: 68% !important;
}

.shadow {
  box-shadow: 3px 4px 18px #ddd
}

.shadow-0 {
  box-shadow: 0 0px 0px #efefef !important;
}

.view-font {
  position: relative;
  top: -4px;
  font-size: 12px;
  margin-right: 8px;
}

.galeri-img {
  height: 278px !important;
  object-fit: cover;
}

.font-50 {
  font-size: 50px !important;
}

.portfolio-item .portfolio-description {
  width: 90%;
}

.icon-box.medium>p {
  font-size: 14px;
}

.counter-c {
  margin: 0px 80px;
  font-size: 50px;
}

/* *MAP DIV ICON* */
.leaflet-div-icon {
  background: transparent !important;
  border: 0 !important;
}

.map-div-icon {
  border-radius: 50%;
  padding: 3px;
  width: 32px;
  height: 32px;
}

.map-div-icon-beban {
  width: 37px;
  height: 37px;
}

.bg-info-green,
.map-div-icon-green {
  background: #2B8638 !important;
}

.bg-info-blue,
.map-div-icon-blue {
  background: #5959FF !important;
}

.bg-info-yellow,
.map-div-icon-yellow {
  background: #c4c419 !important;
}

.bg-info-red,
.map-div-icon-red {
  background: #FF1E00 !important;
}

.bg-info-brown,
.map-div-icon-brown {
  background: #915E3B !important;
}

.bg-info-grey,
.map-div-icon-grey {
  background: #7B7B7B !important;
}

.bg-info-black,
.map-div-icon-black {
  background: #000 !important;
}

.map-div-icon-content {
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding-top: 5px;
  font-size: 10px;
}

.map-div-icon-content-beban {
  padding-top: 8px;
}

.map-title {
  padding: 3px;
  color: #fff;
}

.lihat-banksampah,
.lihat-sebaran-kabkota {
  display: block;
  margin: 5px 0;
}

.gis-title {
  font-weight: bold;
  text-transform: uppercase;
}

.cursor-pointer {
  cursor: pointer !important;
}

#reset-map {
  position: absolute;
  z-index: 99;
  bottom: 70px;
  left: 36px;
}

.text-shadow {
  text-shadow: 2px 2px 4px #343434;
}

.table-bsi td,
.table-bsi th {
  font-size: 12px;
}

.table-bsi th {
  vertical-align: middle !important;
}

.modal {
  overflow-y: auto;
}

.slide-text {
  top: 160px;
}

/* .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
    z-index: 1;
    border-radius: 15px;
} */
.btn-orange {
  background: #f0932b;
  border-color: #f0932b;
}

.btn-contact {
  width: 200px;
  margin-top: 1%;
  box-shadow: -5px -1px 20px rgb(240 147 43 / 56%);
}

.btn-logres {
  padding: 4px 10px;
  color: #f0932b;
  border: 1px solid #f0932b;
  border-radius: 12px;
  border-radius: 20px;
  background: transparent;
}

.btn-logres a {
  color: #f0932b !important;
}

.news-flash-body {
  background: #fff;
  padding: 10px;
  border-radius: 10px;
}

.news-flash-title {
  padding-left: 25px !important;
  background: #96bab8;
  position: absolute;
  height: 40px;
  padding: 9px;
  width: 145px;
  z-index: 112;
  border-bottom-left-radius: 15px;
  border-top-left-radius: 15px;
  transition: transform 250ms;
}

.news-flash-title:hover {
  width: 180px;
  padding-left: 40px !important;
  /* transform: translateX(20px); */
  transition: all 0.7s ease-in-out;
}

.border-radius {
  border-radius: 15px;
}

.btn-title {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

#page-title {
  background-color: #005952;
  color: #fff;
}

#mainMenu nav>ul>li>a {
  color: #3b3b3b !important;
}

.article-section {
  /* text-align: center; */
  margin-top: 30px;
}

.article-card {
  position: relative;
  padding: 0px;
  border-radius: 10px;
  background: transparent;
  /* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); */
  margin-bottom: 20px;
  overflow: hidden;
}

.article-card img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 10px;
}

.article-card .date {
  font-size: 14px;
  color: #6c757d;
  margin-top: 15px;
}

.article-card .title {
  /* font-size: 18px; */
  font-weight: bold;
}

.arrow-btn-con {
  position: absolute;
  bottom: 0px;
  right: 0px;
  background: #f0f7fd;
  border-bottom-right-radius: 10px;
  padding: 10px;
  border-top-left-radius: 20px;
}

.arrow-btn {
  width: 40px;
  height: 40px;
  /* background: #007bff; */
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  cursor: pointer;
}

.arrow-btn:hover {
  background: #0056b3;
}

.btn.btn-sm {
  padding: 0 18px !important;
}

.btn-statistik {
  color: #000;
  background-color: #ffffff;
  border-radius: 10px !important;
  margin: 30px;
  height: 88px
}

.statistik-image {
  position: absolute;
  margin-top: -41px;
  margin-left: -56px;
}

.btn-statistik h5 {
  margin-left: 80px !important;
}

.uji-lab-section {
  background-color: #336c67;
  border-radius: 2rem;
  padding: 5rem;
  color: white;
}

.uji-lab-btn {
  background: none;
  border: 1px solid white;
  color: white;
  border-radius: 2rem;
  padding: 0.5rem 1.5rem;
  margin-bottom: 1rem;
}

.step-box {
  border: 1px solid rgb(255 255 255);
  border-radius: 1.5rem 21px;
  padding: 1.5rem;
  text-align: left;
  height: 100%;
  color: white;
}

.step-icon {
  font-size: 2rem;
  margin-bottom: 1rem;
}

.step-title {
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.step-desc {
  font-size: 0.95rem;
  min-height: 70px;
}

.news-section {
  padding: 60px 0;
}

.news-card {
  background-color: #fff;
  border-radius: 1rem;
  padding: 0;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  position: relative;
  height: 100%;
}

.news-image {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.news-content {
  padding: 1rem;
}

.news-date {
  font-size: 0.85rem;
  color: #6c757d;
  display: flex;
  align-items: center;
}

.news-date i {
  margin-right: 5px;
}

.news-title {
  font-weight: 600;
  font-size: 1rem;
  margin-top: 0.5rem;
  color: #000;
}

/* .news-btn {
  position: absolute;
  bottom: 15px;
  right: 15px;
  background-color: #f7941d;
  color: white;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
  font-weight: bold;
  font-size: 1rem;
} */
.btn-outline-custom {
  border-radius: 20px;
  border: 1px solid #0d6efd;
  color: #0d6efd;
  background: transparent;
  font-size: 0.9rem;
  padding: 4px 14px;
}

.faq-section {
  background: url('../../images/5v1.png') center center/cover no-repeat;
  border-radius: 2rem;
  padding: 60px 50px;
  position: relative;
  color: #000;
}

.faq-box {
  background: #fff;
  padding: 40px;
  border-radius: 1.5rem;
  max-width: 500px;
}

.faq-header {
  font-weight: bold;
  font-size: 1.5rem;
}

.faq-button {
  background: #fff;
  border: 2px solid #ccc;
  border-radius: 2rem;
  padding: 12px 20px;
  font-weight: 500;
  text-align: left;
  width: 100%;
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.faq-button:focus {
  box-shadow: none;
}

.faq-badge {
  border: 1px solid #000;
  border-radius: 20px;
  font-size: 12px;
  padding: 4px 12px;
  display: inline-block;
  margin-bottom: 10px;
  font-weight: 500;
}

.btn-contact-2 {
  margin-top: 40px;
  border-radius: 50px;
  background: white;
  border: 1px solid #000;
  font-weight: 500;
  padding: 10px 24px;
}

.btn-contact:hover {
  background-color: #f0f0f0;
}

.faq-con-btn {
  max-width: 500px;
}

.footer {
  background-color: #2d6d66;
  color: white;
  /* padding: 40px 0 0px 0; */
  position: relative;
}

.footer-logo img {
  height: 50px;
  margin-right: 15px;
}

.footer-logo {
  border-right: 0px;
  margin-right: 0px;
  padding-right: 0px;
}

.footer .social-icons a {
  color: #2d6d66;
  background-color: white;
  border-radius: 50%;
  display: inline-block;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  margin-right: 10px;
  font-size: 16px;
  transition: 0.3s;
}

.footer .social-icons a:hover {
  background-color: #ddd;
}

.footer-contact a {
  color: #cfeef3;
  text-decoration: underline;
}

.footer-bottom {
  background-color: white;
  text-align: center;
  padding: 10px;
  border-radius: 30px 30px 0 0;
  margin-top: 40px;
  color: black;
}

/* .owl-carousel {
  position: absolute;
  right: -175px;
  top: -109px;
} */
.articel-desc {
  min-height: 93px;
}

.con-layanan {
  height: 500px;
}

.bg-publikasi-0 {
  background-color: #005267;
}

.bg-publikasi-1 {
  background-color: #2d6d66;
}

.bg-publikasi-2 {
  background-color: #336c67;
}

.bg-publikasi-3 {
  background-color: #3f847e;
}

.bg-publikasi-4 {
  background-color: #5caea7;
}

.bg-publikasi-5 {
  background-color: #8bc0bc;
}

.card-publikasi {
  height: 505px;
  overflow-y: auto;
  border-bottom: 1px solid #ddd;
}

.card-grafik {
  height: 550px;
}

.circular-chart {
  display: block;
  margin: 10px auto;
  max-width: 100%;
  max-height: 100px;
  transform: scale(2);
}

.circle-bg {
  fill: none;
  stroke: #eee;
  stroke-width: 3.8;
}

.circle {
  fill: none;
  stroke: #ffb400;
  stroke-width: 3.8;
  stroke-linecap: round;
  transform: rotate(-90deg);
  transform-origin: center;
  transition: stroke-dasharray 0.3s ease;
}

.percentage {
  fill: #000;
  font-size: 5px;
  font-weight: bold;
}

@media (max-width: 768px) {
  .faq-section {
    padding: 30px 15px;
  }

  .faq-box {
    padding: 20px;
  }

  .con-layanan {
    height: 610px;
  }

  .owl-carousel {
    top: 0;
    right: 0;
  }

  .container-fluid {
    padding: 0 15px;
  }

  .section-body {
    padding: 0px !important;
  }

  #mainMenu {
    background: aliceblue;
  }
}

@media (max-width: 991px) {
  .fullscreen {
    height: auto !important;
  }

  #header #header-wrap #logo a>img {
    height: 39px;
    margin-top: 23px;
    margin-left: -45px;
  }

  #header #header-wrap {
    /* background-color: #002129 !important; */
    border-bottom: 0px solid #eeeeee !important;
  }

  #page-title,
  #page-title.page-title-classic {
    padding: 10px 0 !important;
  }
}

@media (min-width: 1240px) {

  .container-fluid,
  .container-wide {
    padding-left: 80px;
    padding-right: 80px;
  }
}

.section-body {
  background-color: #eaf5fb;
  padding: 2rem;
}

.custom-badge {
  background-color: white;
  color: #0f62a0;
  font-weight: 600;
  padding: 6px 30px;
  border-radius: 15px;
  display: inline-block;
  margin-bottom: 10px;
}

.profil-title {
  font-weight: 700;
  font-size: 2rem;
  color: #000;
  line-height: 1.2;
  margin-bottom: 5px !important;
}

.profil-subtitle {
  font-weight: 600;
  font-size: 1.5rem;
  color: #1d1d1d;
  margin-bottom: 1rem;
}

.profil-text {
  color: #333;
}

.statistik {
  background-color: #83aaa6;
}

/* NEWS CARD  */
.news-card {
  border-radius: 12px;
  background-color: #f1f8fe;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  margin: 10px;
  min-height: 330px;
  max-height: 330px;
}

.news-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.news-content {
  padding: 1rem;
  font-size: 0.9rem;
  background: #eaf5fb;
}

.news-date {
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  color: #666;
  margin-bottom: 5px;
}

.news-date i {
  margin-right: 6px;
  color: #999;
}

.news-title {
  font-weight: 600;
  color: #1a1a1a;
}

.news-action-cont {
  position: absolute;
  bottom: 0px;
  right: 0px;
  background-color: #eaf5fb;
  border-top-left-radius: 20px;
  padding: 10px;
}

.news-action {
  background-color: #2196f3;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.news-action i {
  color: #fff;
}

.position-relative {
  position: relative;
}

/* // FOOTER  */
.contact-info {
  font-size: 0.95rem;
}

.contact-info i {
  width: 20px;
}

.contact-info a {
  text-decoration: none;
}

.contact-info a:hover {
  text-decoration: underline;
}

.menu-box {
  background-color: white;
  border-radius: 15px;
  padding: 12px;
  display: inline-flex;
  align-items: center;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  min-width: 160px;
  width: 100%;
  margin-bottom: 10px;
}

.menu-box img {
  height: 120px;
  position: absolute;
  left: 12px;
  margin-top: -6px;
}

.menu-box span {
  font-weight: 600;
  color: #333;
  line-height: 1.2;
  margin-left: 90px;
}

.tabs.tabs-vertical .nav-tabs .nav-link.active {
  color: #fff;
  background-color: transparent;
  border-right: 0px;
}