/*:root {
    --primary: #002e56;
    --light: #e0e6e6;
    --grey: #002e56;
}*/

body {
    overflow: hidden;
    font-family: 'Muli', sans-serif;
    font-weight: 300;
    color: #002e56;;
}

a:hover {
    text-decoration: none;
}

ul{
    list-style: none;
}


.bg-primary { background-color: #002e56 !important; }

.bg-light { background-color: #e0e6e6 !important; }

.bg-grey { background-color: #002e56 !important; }

.bg-mix { background: linear-gradient(180deg, #e0e6e6 50%, #002e56 0); }

.btn-primary {
    background-color: #002e56;
    border: 0;
}

.btn-primary:hover {
    background-color: #002e56;
}



#content {
    overflow-y: auto;
    height: 100vh;
    padding-bottom: 5rem;
}

.avatar {
    max-width: 35px;
}

.btn-search {
    right: 0;
}

.stat {
    border-right: 1px solid #002e56;
}

.testimonial__content{
    display:grid;
    background-color: white;
    color: #002e56;
    border-radius: .5rem;
    padding: 2rem 1rem;
    text-align: center;
    box-shadow: 0 4px 8px rgba(47,10,13,.25);
}

.testimonial__img{
    width: 50px;
    height: 50px;
    border-radius:50%;
    justify-self: center;
    margin-bottom:5px;
}

.testimonial__client{
    font-size: 8px;
    color: #002e56; 
   
}

.swiper-pagination{
    position: initial;

}

.swiper-pagination-bullet-active{
    background-color:#e0e6e6;
}

.circle-wrap {
    margin: 50px auto;
    width: 150px;
    height: 150px;
    background: #e6e2e7;
    border-radius: 50%;
  }
  .circle-wrap .circle .mask,
  .circle-wrap .circle .fill {
    width: 150px;
    height: 150px;
    position: absolute;
    border-radius: 50%;
  }
  .circle-wrap .circle .mask {
    clip: rect(0px, 150px, 150px, 75px);
  }
  
  .circle-wrap .circle .mask .fill {
    clip: rect(0px, 75px, 150px, 0px);
    background-color: #002e56; 
  }
  .circle-wrap .circle .mask.full,
  .circle-wrap .circle .fill {
    animation: fill ease-in-out 3s;
    transform: rotate(180deg);
  }
  
  @keyframes fill {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(180deg);
    }
  }
  .circle-wrap .inside-circle {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: #fff;
    line-height: 130px;
    text-align: center;
    margin-top: 10px;
    margin-left: 10px;
    position: absolute;
    z-index: 100;
    font-weight: 700;
    font-size: 2em;
  }