/*==============================================
    Counter One
===============================================*/
.counter-one {
  position: relative;
  display: block;
  padding: 0 0 110px;
  z-index: 1;
}

.counter-one__top {
  position: relative;
  display: block;
}

.counter-one__needy {
  position: relative;
  display: block;
  border-radius: var(--anity-bdr-radius);
  padding: 80px 60px 80px;
  margin-bottom: 30px;
  z-index: 1;
}

.counter-one__needy-bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: var(--anity-bdr-radius);
  z-index: -1;
}

.counter-one__needy-bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90.92deg, #343434 0.57%, rgba(0, 0, 0, 0) 99.11%);
  border-radius: var(--anity-bdr-radius);
}

.counter-one__needy-title {
  font-size: 50px;
  font-weight: 700;
  line-height: 60px;
  text-transform: capitalize;
  color: var(--anity-white);
  margin-bottom: 39px;
}

.counter-one__needy-title span {
  position: relative;
  display: inline-block;
}

.counter-one__needy-title span img {
  position: absolute;
  bottom: -26px;
  right: 7px;
}

.counter-one__needy-btn-box {
  position: relative;
  display: block;
}

.counter-one__author-box {
  position: relative;
  display: block;
  background-color: var(--anity-base);
  border-radius: var(--anity-bdr-radius);
  padding: 42px 40px 42px;
  z-index: 1;
}

.counter-one__author-box-shape {
  position: absolute;
  right: 7px;
  bottom: 14px;
  opacity: 0.1;
  animation: topBottom 3s ease-in-out infinite;
  z-index: -1;
}

.counter-one__author-box-shape img {
  width: auto;
}

.counter-one__author-info {
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
}

.counter-one__author-img {
  position: relative;
  display: block;
}

.counter-one__author-img img {
  width: auto;
  border-radius: 50%;
}

.counter-one__author-content {
  position: relative;
  display: block;
}

.counter-one__author-content h3 {
  font-size: 20px;
  font-weight: 700;
  color: var(--anity-white);
  margin-bottom: 7px;
}

.counter-one__author-content span {
  color: var(--anity-white);
}

.counter-one__count-box {
  position: relative;
  display: block;
  margin-top: 98px;
}

.counter-one__count {
  position: relative;
  display: flex;
  align-items: center;
}

.counter-one__count h1 {
  font-size: 100px;
  line-height: 100px;
  color: var(--anity-white);
  font-weight: 700;
}

.counter-one__count span {
  font-size: 100px;
  line-height: 100px;
  color: var(--anity-white);
  font-weight: 700;
  font-family: var(--anity-font-two);
}

.counter-one__text {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  color: var(--anity-white);
  margin-top: 2px;
}

.counter-one__bottom {
  position: relative;
  display: block;
}

.counter-one__single {
  position: relative;
  display: block;
  background-color: var(--anity-extra-two);
  border-radius: var(--anity-bdr-radius);
  text-align: center;
  margin-bottom: 30px;
  padding: 79px 30px 76px;
  z-index: 1;
}

.counter-one__count-box-2 {
  position: relative;
  display: block;
}

.counter-one__count-2 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.counter-one__count-2 h2 {
  font-size: 50px;
  font-weight: 700;
  line-height: 50px;
}

.counter-one__count-2 span {
  font-size: 50px;
  font-weight: 700;
  line-height: 50px;
  color: var(--anity-base);
  font-family: var(--anity-font-two);
}

.counter-one__single-1 .counter-one__count-2 span {
  color: var(--anity-extra);
}

.counter-one__single-4 .counter-one__count-2 span {
  color: var(--anity-extra);
}

.counter-one__text-2 {
  font-size: 18px;
  line-height: 30px;
  font-family: var(--anity-font-two);
  font-weight: 700;
  margin-top: 15px;
}

.counter-one__single-shape-1 {
  position: absolute;
  top: 10px;
  left: 10px;
  animation: topBottom 3s ease-in-out infinite;
  z-index: -1;
}

.counter-one__single-2 .counter-one__single-shape-1 {
  bottom: 10px;
  left: 10px;
  top: inherit;
}

.counter-one__single-3 .counter-one__single-shape-1 {
  bottom: 10px;
  left: 10px;
  top: inherit;
}

.counter-one__single-4 .counter-one__single-shape-1 {
  left: inherit;
  right: 10px;
}

.counter-one__single-shape-1 img {
  width: auto;
  opacity: 0.1;
}

.counter-one__bottom-img {
  position: relative;
  display: block;
  border-radius: var(--anity-bdr-radius);
  margin-bottom: 30px;
  overflow: hidden;
  z-index: 1;
}

.counter-one__bottom-img::after {
  background: linear-gradient(
    90deg,
    rgba(var(--karoons-white-rgb, 255, 255, 255), 0.05) 0px,
    rgba(var(--karoons-white-rgb, 255, 255, 255), 0.05) 77%,
    rgba(var(--karoons-white-rgb, 255, 255, 255), 0.25) 92%,
    rgba(var(--karoons-white-rgb, 255, 255, 255), 0)
  );
  content: "";
  height: 200%;
  left: -210%;
  opacity: 0;
  position: absolute;
  top: -50%;
  transition: all 0.7s ease 0s;
  width: 200%;
}

.counter-one__bottom-img:hover::after {
  left: -30%;
  opacity: 1;
  top: -20%;
  transition-duration: 0.7s, 0.7s, 0.15s;
  transition-property: left, top, opacity;
  transition-timing-function: linear;
}

.counter-one__bottom-img img {
  width: 100%;
  border-radius: var(--anity-bdr-radius);
}

/*--------------------------------------------------------------
# End
--------------------------------------------------------------*/