.banner-text {
   font-size: 42px;
   font-family: 'OpenSans-ExtraBold';
}
.banner-content-wrapper .chatbox {
   color: #FFF;
}
a, .contentCircle .CirItem, .title-box span {
   color: #FFF;
}

.title-box .title,
.title-box i,
.testimonials-content-wrapper:before,
.testimonials-content-wrapper:after,
.awards-stats-content-wrapper:before,
.awards-stats-content-wrapper:after {
    z-index: 0;
}

.round {
  background-color: transparent;
}
.shape-container .shape-item {
  fill: #222;
}

.services-content .list-wrapper .list-item {
      border: dashed 1px #ccc;
}
.services-content .list-wrapper .list-item:nth-child(2),
.services-content .list-wrapper .list-item:nth-child(3) {
  height: 221px; top: 20%;
}

.slice-xl {
  padding-top: 4em;
}

.scroll-content {
  margin-top: 64px;
}

.services-content{
    z-index: 999;
}
/*
.services-content-wrapper{
    display: block !important;
}
*/
.btn-custom.btn-primary {
  background: rgb(255 255 255 / 34%);
  border-color: #FFF;
  color: #FFF;
}
.btn-custom.btn-primary:active {
  border-color: #FFF!important;
}
.btn-custom.btn-primary:hover{
  background-color: #FFF;
    color: #000;
}
.btn-custom.btn-primary:hover:before {
  background-color: #FFF;
}

.btn-custom.btn-primary:hover:after {
  transition-duration: .4s;
  background-color: #FFF;
  border: 2px solid #FFF;
  -moz-box-shadow: -3px -3px 0 #fff,8px -8px 0 -2px #FFF;
  -webkit-box-shadow: -3px -3px 0 #fff, 8px -8px 0 -2px #FFF;
  box-shadow: -3px -3px 0 #fff, 8px -8px 0 -2px #FFF;
}

.sectors-grid .grid-item .card {
  background: transparent;
}
.sectors-grid .grid-item .card .h3 {
  color: #FFF;
}

.services-content .list-wrapper .list-item .item-box .itemTitle {
  color: #000;
}
/*a, .contentCircle .CirItem, .title-box span {
  color: #000;
}*/
.right-logo-wrapper .icon-text-wrapper .text-wrapper {
  color: #000;
}

.stats-content .item-box .item-icon.shape .bg-icon {
  z-index: 0;
}

/* Banner animation */
.brainContainer{
    width:95vw;
    height:85vh;
    max-height:95%;
    max-width:95%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    overflow:hidden;
    cursor:crosshair;
    z-index:0;
    opacity:0.70;
}
svg{
    height:100%;
    width:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
}
path{
	fill:transparent;
}
.brainPath{
	stroke:#00967f;
	stroke-width:1;
}
.brainCircle{
	stroke:#00967f;
	fill:#00967f;
}
.brainRect{
	stroke:#00967f;
	fill:#00967f;
}
.brainEllipse{
	stroke:#00967f;
	fill:#00967f;
}
.animatePaths{
  animation: goPath 3000ms alternate infinite;
}
.animateCircles{
  animation: goCircle 3000ms alternate infinite;
}
.animateRects{
  animation: goRect 3000ms alternate infinite;
}
@keyframes goPath {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes goRect {
  to {
    opacity:0;
  }
}
@keyframes goCircle {
  0% {
		opacity:0;
  }
  50% {
		opacity:1;
  }
  100% {
		opacity:0;
  }
}
/* End Banner Animation */