.breadcrumb-area {
  background: url(../images/breadcrumb/1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  position: relative;
}
.breadcrumb-area::after {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%);
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
}
.breadcrumb-area .breadcrumb-main-wrapper a {
  color: var(--color-white);
}
.breadcrumb-area .breadcrumb-main-wrapper a.active {
  color: var(--color-primary);
}
.breadcrumb-area .breadcrumb-main-wrapper i {
  color: var(--color-white);
}
.breadcrumb-area .breadcrumb-main-wrapper .title {
  color: var(--color-white);
  margin-top: 15px;
  margin-bottom: 0;
}



.breadcrumb-area1 {
  background: url(../images/workshop/01.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  position: relative;
}
.breadcrumb-area1::after {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%);
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
}
.breadcrumb-area1 .breadcrumb-main-wrapper a {
  color: var(--color-white);
}
.breadcrumb-area1 .breadcrumb-main-wrapper a.active {
  color: var(--color-primary);
}
.breadcrumb-area1 .breadcrumb-main-wrapper i {
  color: var(--color-white);
}
.breadcrumb-area1 .breadcrumb-main-wrapper .title {
  color: var(--color-white);
  margin-top: 15px;
  margin-bottom: 0;
}



.breadcrumb-area2 {
  background: url(../images/breadcrumb/2.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  position: relative;
}
.breadcrumb-area2::after {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%);
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
}
.breadcrumb-area2 .breadcrumb-main-wrapper a {
  color: var(--color-white);
}
.breadcrumb-area2 .breadcrumb-main-wrapper a.active {
  color: var(--color-primary);
}
.breadcrumb-area2 .breadcrumb-main-wrapper i {
  color: var(--color-white);
}
.breadcrumb-area2 .breadcrumb-main-wrapper .title {
  color: var(--color-white);
  margin-top: 15px;
  margin-bottom: 0;
}



.breadcrumb-area3 {
  background: url(../images/breadcrumb/content-writing-crash-course.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  position: relative;
}
.breadcrumb-area3::after {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.658) 50%);
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
}
.breadcrumb-area3 .breadcrumb-main-wrapper a {
  color: var(--color-white);
}
.breadcrumb-area3 .breadcrumb-main-wrapper a.active {
  color: var(--color-primary);
}
.breadcrumb-area3 .breadcrumb-main-wrapper i {
  color: var(--color-white);
}
.breadcrumb-area3 .breadcrumb-main-wrapper .title {
  color: var(--color-white);
  margin-top: 15px;
  margin-bottom: 0;
}



.breadcrumb-area4 {
  background: url(../images/breadcrumb/content-writing.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  position: relative;
}
.breadcrumb-area4::after {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.658) 50%);
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
}
.breadcrumb-area4 .breadcrumb-main-wrapper a {
  color: var(--color-white);
}
.breadcrumb-area4 .breadcrumb-main-wrapper a.active {
  color: var(--color-primary);
}
.breadcrumb-area4 .breadcrumb-main-wrapper i {
  color: var(--color-white);
}
.breadcrumb-area4 .breadcrumb-main-wrapper .title {
  color: var(--color-white);
  margin-top: 15px;
  margin-bottom: 0;
}



.breadcrumb-area5 {
  background: url(../images/breadcrumb/digital-marketing-fundamentals.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  position: relative;
}
.breadcrumb-area5::after {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.658) 50%);
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
}
.breadcrumb-area5 .breadcrumb-main-wrapper a {
  color: var(--color-white);
}
.breadcrumb-area5 .breadcrumb-main-wrapper a.active {
  color: var(--color-primary);
}
.breadcrumb-area5 .breadcrumb-main-wrapper i {
  color: var(--color-white);
}
.breadcrumb-area5 .breadcrumb-main-wrapper .title {
  color: var(--color-white);
  margin-top: 15px;
  margin-bottom: 0;
}



.breadcrumb-area6 {
  background: url(../images/breadcrumb/financial-literacy-program.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  position: relative;
}
.breadcrumb-area6::after {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.658) 50%);
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
}
.breadcrumb-area6 .breadcrumb-main-wrapper a {
  color: var(--color-white);
}
.breadcrumb-area6 .breadcrumb-main-wrapper a.active {
  color: var(--color-primary);
}
.breadcrumb-area6 .breadcrumb-main-wrapper i {
  color: var(--color-white);
}
.breadcrumb-area6 .breadcrumb-main-wrapper .title {
  color: var(--color-white);
  margin-top: 15px;
  margin-bottom: 0;
}



.breadcrumb-area7 {
  background: url(../images/breadcrumb/storytelling.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  position: relative;
}
.breadcrumb-area7::after {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.658) 50%);
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
}
.breadcrumb-area7 .breadcrumb-main-wrapper a {
  color: var(--color-white);
}
.breadcrumb-area7 .breadcrumb-main-wrapper a.active {
  color: var(--color-primary);
}
.breadcrumb-area7 .breadcrumb-main-wrapper i {
  color: var(--color-white);
}
.breadcrumb-area7 .breadcrumb-main-wrapper .title {
  color: var(--color-white);
  margin-top: 15px;
  margin-bottom: 0;
}



.breadcrumb-area8 {
  background: url(../images/breadcrumb/the-reading-clube.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  position: relative;
}
.breadcrumb-area8::after {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.658) 50%);
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
}
.breadcrumb-area8 .breadcrumb-main-wrapper a {
  color: var(--color-white);
}
.breadcrumb-area8 .breadcrumb-main-wrapper a.active {
  color: var(--color-primary);
}
.breadcrumb-area8 .breadcrumb-main-wrapper i {
  color: var(--color-white);
}
.breadcrumb-area8 .breadcrumb-main-wrapper .title {
  color: var(--color-white);
  margin-top: 15px;
  margin-bottom: 0;
}



.breadcrumb-area9 {
  background: url(../images/breadcrumb/the-reading-clube.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  position: relative;
}
.breadcrumb-area9::after {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.658) 50%);
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
}
.breadcrumb-area9 .breadcrumb-main-wrapper a {
  color: var(--color-white);
}
.breadcrumb-area9 .breadcrumb-main-wrapper a.active {
  color: var(--color-primary);
}
.breadcrumb-area9 .breadcrumb-main-wrapper i {
  color: var(--color-white);
}
.breadcrumb-area9 .breadcrumb-main-wrapper .title {
  color: var(--color-white);
  margin-top: 15px;
  margin-bottom: 0; 
}

.breadcrumb-area10 {
  background: url(../images/breadcrumb/creative-writing.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  position: relative;
}
.breadcrumb-area10::after {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.658) 50%);
  width: 100%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 0;
}
.breadcrumb-area10 .breadcrumb-main-wrapper a {
  color: var(--color-white);
}
.breadcrumb-area10 .breadcrumb-main-wrapper a.active {
  color: var(--color-primary);
}
.breadcrumb-area10 .breadcrumb-main-wrapper i {
  color: var(--color-white);
}
.breadcrumb-area10 .breadcrumb-main-wrapper .title {
  color: var(--color-white);
  margin-top: 15px;
  margin-bottom: 0; 
}