/*
Created by Hendi
Created date 21 dec 2024
Created update 22 dec 2024
titasictech.com
CSS for bpbd sulteng
*/
.bg-default {
    background-color: #ff7b00 !important;
}
.bg-primary {
    background-color: #1e73be !important;
}
.btn-primary,.btn-primary:hover {
    border-color: #1e73be;
    background-color: #1e73be;
}
.text-primary {
    color: #1e73be !important;
}
.card-header {
    background-color: #1e73be !important;
}
.card-header h3 {
    color: #ffffff !important;
}
/* HTML: <div class="ribbon">Your text content</div> */
.ribbon {
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.ribbon {
  --d: .8em; /* the depth */
  position: absolute;
  top: 5px;
  inset-inline: calc(-1*var(--d));
  border-bottom: var(--d) solid #0008;
  line-height: 1.8;
  clip-path: polygon(0 0,100% 0,100% calc(100% - var(--d)),calc(100% - var(--d)) 100%,calc(100% - var(--d)) calc(100% - var(--d)),var(--d) calc(100% - var(--d)),var(--d) 100%,0 calc(100% - var(--d)));
  background-color: #3FB8AF; /* the main color */
}