/*====================
Counter css 
======================*/

.counter-area {
  position: relative;
  z-index: 2;
}
.counter-area .row {
  justify-content: space-around;
}
@media (min-width: 992px) {
  .counter-area .col-lg-2 {
        -ms-flex: 0 0 20%;
        -webkit-box-flex: 0;
        flex: 0 0 22%;
        max-width: 22%;
    }
}

@media (max-width: 1440px) {
  .counter-area .col-lg-2 {
        -ms-flex: 0 0 23%;
        -webkit-box-flex: 0;
        flex: 0 0 23%;
        max-width: 23%;
    }
}

@media (max-width: 1280px) {
  .counter-area .col-lg-2 {
        -ms-flex: 0 0 22%;
        -webkit-box-flex: 0;
        flex: 0 0 22%;
        max-width: 22%;
    }
}

@media (max-width: 820px) {
  .counter-area .col-lg-2 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 10px;
        padding-right: 10px;
    }
}

.counter-area .counter-wrapper {
  /* background-repeat: no-repeat; */
  /* background-position: center; */
  /* background-size: cover; */
  margin-top: -40px;
  padding-bottom: 40px;
  /* margin-bottom: -150px; */
  border-radius: 30px;
}

.counter-area .counter-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  gap: 13px;
  position: relative;
  z-index: 1;
  background: #fff;
  box-shadow: 1px 7px 16px #a0a0a042;
  padding: 30px;
  border-radius: 10px;
}

.counter-area .counter-box .icon {
  position: relative;
  text-align: center;
  font-size: 60px;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  line-height: 100px;
  color: #fff;
  border: 5px solid #fff;
  /* background: var(--color-second); */
  z-index: 1;
}

.counter-area .counter-box .icon img {
  width: 70px;
  /*filter: brightness(200%) contrast(120%);*/
}

.counter-area .counter-box .counter {
  display: block;
  line-height: 1;
  color: #000;
  font-size: clamp(30px, 2.7vw, 50px);
  font-weight: 600;
  font-family: var(--title-font-family);
}

.counter-area .counter-box .title {
  color: #000;
  margin-top: 20px;
  font-size: clamp(14px, 1.12vw, 18px);
  /* font-weight: 600; */
  text-transform: capitalize;
  /* font-family: var(--title-font-family); */
}

@media all and (max-width: 1280px) {
.counter-area .counter-box {padding: 20px;}
.counter-area .counter-box .icon {height: 90px;line-height: 67px;}
  .counter-area .counter-wrapper {
    margin-top: -20px;
}
}

@media all and (max-width: 991px) {
  .counter-area .counter-box {margin: 20px 0 0;padding: 12px 5px;gap: 5px;}
  .counter-area .counter-wrapper {margin-top: 0;}
  .counter-area .counter-box .icon img {width: 55px;}
  .counter-area .counter-box .icon {width: 55px;height: 55px;line-height: 33px;}
  .counter-area .counter-box .title {margin-top: 10px;}
}