.header.fixed-header{

    background-color:  #ffffffbd !important;

}

.border-primary{

    border-color:#0180b5 !important;

}

.bg-primary{


    background-image:  linear-gradient(45deg, #7eb832, #43964b)!important;
}

#futuerwebpage .card{

     background: #f4f7fa;
    border-radius:30px;
    color:#343f52 !important;

}

#futuerwebpage .card h2{

    color:#343f52 !important;
}

#futuerwebpage .card h6{

    color:#047ab5 !important;
}


.clien-slider {
  height: 100px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.client-slide-track {
  display: flex;
  width: calc(250px * 40); 
  animation: scroll 40s linear infinite;
}

.client-logo-slide {
  height: 100px;
  width: 250px;
  flex-shrink: 0;
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}


.pxl-counter--number.style-default .pxl-counter--value,
.pxl-counter--number.style-default .pxl-counter--suffix {
    
    color: #2d4e82;
    font-size:210px;
}

.pxl-counter--value .effect-default{

color: transparent;
    -webkit-text-stroke: 1.86px #5b57e7;
    font-size:300px;

}

.services-tab .nav-tabs .nav-item .nav-link.active{

  color:#95d03a;
}

.icon-wordpress {
    animation-play-state: running;
    
}

.btn{

  background-image:linear-gradient(45deg, #7eb832, #43964b)!important;
  color:#fff !important;
}

.marquee-tag{

  width:auto !important;
}



/*** Title ***/
.title {
    margin-bottom: 2rem;
}

.title .title-left,
.title .title-center,
.title .title-right {
    display: inline-block;
    text-transform: uppercase;
    overflow: hidden;
}

.title .title-center {
    text-align: center;
}

.title .title-right {
    text-align: right;
}

.title .title-left h5,
.title .title-center h5,
.title .title-right h5 {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: 300;
}

.title .title-left h5::after,
.title .title-center h5::before,
.title .title-center h5::after,
.title .title-right h5::before {
    position: absolute;
    content: "";
    width: 500%;
    height: 0;
    top: 9px;
    border-bottom: 1px solid #ccc;
}

.title .title-left h5::after,
.title .title-center h5::after {
    left: calc(100% + 15px);
}

.title .title-right h5::before,
.title .title-center h5::before {
    right: calc(100% + 15px);
}

.title .title-left h1,
.title .title-center h1,
.title .title-right h1 {
    border-bottom: 1px solid #ccc;
}


.service-item {
    position: relative;
    margin-top: 2.5rem;
    overflow: hidden;
}

.service-item .service-img {
    position: relative;
    display: inline-block;
}

.service-item .service-img::before {
    position: absolute;
    content: "";
    width: calc(100% - 12rem);
    height: calc(100% - 12rem);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 3rem solid #eef7f2bd;
    border-radius: 300px;
    z-index: 1;
}

.service-item.service-item-left {
    border-radius: 500px 0 0 500px;
    background: linear-gradient(to right, #e5f2ea, #ddf6ff12);
}

.service-item.service-item-right {
    border-radius: 0 500px 500px 0;
    background: linear-gradient(to left,#e5f2ea, #ddf6ff12);
}

@media (max-width: 767.98px) {
    .service-item.service-item-left,
    .service-item.service-item-right {
        border-radius: 500px 500px 0 0;
        background: linear-gradient(to bottom,#e5f2ea, #ddf6ff12);
        text-align: center;
    }
}