.ccMainWrap {
  background: var(--page-bg);
  color: var(--font-color);
}
.cc-hero {
  background: var(--page-bg);
}
.cc-mesh {
  background: var(--hero-bg-from);
  background: linear-gradient(
    -45deg,
    var(--hero-bg-from) 30%,
    var(--hero-bg-via) 60%,
    var(--hero-bg-to) 90%
  );
}

.cc-other-sec {
  background: linear-gradient(
    180deg,
    var(--page-bg),
    var(--primary-color) 100%
  );
}
.titleText,
.subTitleText,
.captionText {
  color: var(--page-bg);
}
.bg-dual-motif img{
    filter: drop-shadow(0px 1000px 0 var(--page-bg) );
    transform: translateY(-1000px);
}
.btnLink,
.btnLink a {
  color: var(--page-bg);
}
.btnLink:hover,
.btnLink a:hover {
  color: var(--hlgt-color);
}
.list-chips li {
  border: 1px dashed var(--primary-color);
  color: var(--page-bg);
  transition: ease 0.25s all;
}
.sec-swiper {
  background: var(--secondary-color);
}
.list-chips li:hover {
  color: var(--page-bg);
  background: var(--primary-color);
}
.hairline-12 {
  background: var(--hlgt-color);
}
.btn-hairline .hairline {
  background: var(--page-bg);
}
.btn-hairline button {
  background: var(--btn-color);
  color: var(--page-bg);
}
.btn-hairline:hover button:hover {
  background: var(--font-color);
  color: var(--page-bg);
}
.showcase-sec {
  background: var(--secondary-color);
}
.dh-bullet .swiper-pagination-bullet {
  background: var(--font-color);
}
.dh-bullet .swiper-pagination-bullet-active {
  background: var(--hlgt-color);
}

.sec-dh-team {
  background: var(--secondary-color);
}
.sectionHeading {
  color: var(--font-color);
}
.team-heading,
.team-role {
  color: var(--hlgt-color);
}
.team-card {
  background: var(--primary-color);
}
.team-card-wrap {
  background: var(--secondary-color);
}
.swiper-slide {
  background-position: center;
  background-size: cover;
  width: 300px;
}
.bioWrapText {
  color: var(--page-bg);
}
.storeBtn a {
  background-color: var(--secondary-color);
  color: var(--page-bg);
}
.storeBtn:hover a {
  background-color: var(--font-color);
  color: var(--page-bg);
}
.project-bg-grad {
  background-color: var(--hlgt-color);
  background-image: radial-gradient(
    circle at 5% 1%,
    var(--page-bg) 20%,
    transparent 80%
  );
  background-blend-mode: normal;
}