.insights_current_counts_bar {
    background-color: #0C64B6;
}

.custom_progress {
    background-color: #fff;
}

.insight_dash_newdesign_arrow {
    color: #001A53;
    margin-left: 30px;
}

.insights_newdesign_back_btn {
    color: #0C64B6;
    font-family: "OpenSans-Regular";
    font-weight: 500;
    font-size: 16px;
}

.insights_newdesign_back_btn span {
    margin-left: 10px;
}

.insights_newdesign_back_btn:hover {
    color: #0C64B6;
}

.insights_district_performance_kpis_slider .slick-prev:before,
.insights_district_performance_kpis_slider .slick-next:before {
    color: #001A53;
    font-size: 25px;
}

.insights_dist_quart_white_bg {
    background-color: #fff;
    border-radius: 10px;
    padding: 15px 15px;
}

.insights_dist_quart_counts{
    font-family: "OpenSans-Regular";
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 6px;
}

.insights_dist_quart_counts_heading{
    font-family: "OpenSans-Regular";
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
}

.insights_dist_quart_counts_heading_wrapper{
    display: flex;
    justify-content: space-between;
}

.insights_dist_quart_counts_note{
    font-family: "OpenSans-Regular";
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #333333;
    margin-bottom: 0;
}

.current-month-comm-card {
  position: relative;
  overflow: hidden;
  /* border-radius: 12px; */
  z-index: 1;
}

/* rotating border layer */
.current-month-comm-card::before {
  content: "";
  position: absolute;
  inset: -2px; /* border thickness */
  background: linear-gradient(90deg, #00c6ff, #0072ff, #00c6ff);
  z-index: -1;
  border-radius: inherit;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}

/* inner background to cover center */
.current-month-comm-card::after {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: 10px;
  z-index: -1;
}

.kpi-best-p-card1:after {
    background-color: #EBDAEE;
}

.kpi-best-p-card2:after {
    background-color: #DEEBD2;
}

.kpi-best-p-card4:after {
    background-color: #E4E3C4;
}

.kpi-best-p-card5:after {
    background-color: #DBE5EF;
}

.kpi-best-p-card6:after {
    background-color: #F1DFD9;
}

.kpi-best-p-card7:after {
    background-color: #DFDAF0;
}

/* hover effect */
/* .current-month-comm-card:hover::before {
  opacity: 1;
  animation: rotateBorder 2s linear infinite;
} */

/* rotation animation */
/* @keyframes rotateBorder {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} */