.breadcrumbs {
  padding: 150px 0 50px 0;
  min-height: 0vh;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  margin-top: 0px;
}
.breadcrumbs::before {
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  inset: 0;
}
.breadcrumbs h1 {
  font-size: 45px;
  color: #fff;
  font-family: 'Open Sans',sans-serif;
  font-weight: 900;
  text-transform: uppercase;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0 0 10px 0;
  margin: 0;
  font-size: 16px;
  color: #E7C75B;
}
.dashboard {
  background: linear-gradient(rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.50)), url(../img/bg/dashboard-1.jpg) fixed center center;
    background-size: auto, auto;
  background-size: auto, auto;
  background-size: auto, auto;
  background-size: cover;
  padding: 60px 0;
}
.dashboard {
  text-align: center;
}
.dashboard h2 {
  color: #004aad;
  font-size: 36px;
  font-weight: 900;
}
.dashboard .row div .dashboard-details {
  background: #AB2849;
  padding: 10px;
  height: 100%;
}

.dashboard .row div .dashboard-details.sectors {
  background: #004AAD;
}
.dashboard .row div .dashboard-details.beneficiries {
  background: #AB2849;
}
.dashboard .row div .dashboard-details.iwdc {
  background: #E6AF0A;
}
.dashboard .row div .dashboard-details.campign {
  background: #FF914D;
}
.dashboard .row div .dashboard-details.initiative {
  background: #008037;
}
.dashboard .row div .dashboard-details.program {
  background: #A6A6A6;
}
.dashboard .row div .dashboard-details.partnerships {
  background: #CB6CE6;
}
.dashboard .row div .dashboard-details.connecting {
  background: #5271FF;
}
.dashboard .row div .dashboard-details.drive {
  background: #79216C;
}


.dashboard .row div .dashboard-details h3 {
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 900;
  padding: 5px 0px;
  margin: 0px;
}
.dashboard .row div .dashboard-details p {
  font-size: 12px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0px;
  margin: 0px;
}
.dashboard .hashtag p {
  padding: 2px 0px;
  margin: 0px;
}
.dashboard .hashtag p a {
  color: #fff;
  margin: 0px;
  text-transform: uppercase;
}
.dashboard .hashtag p a:hover {
  color: #92845c;
}


.footer {
  color: #fff;
  background: url("../img/footer-bg.html") top center no-repeat;
    background-size: auto;
  background-size: cover;
  font-size: 14px;
  padding: 80px 0 60px 0;
  position: relative;
}
.footer::before {
  content: "";
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  inset: 0;
}