/*--------------------------------------------------------------
# Counter One
--------------------------------------------------------------*/
.counter-one {position: relative;display: block;padding: 120px 0 90px;overflow: hidden;z-index: 1;}
.counter-one__bg-shape {position: absolute;top: 0;left: 0;right: 0;bottom: -30px;opacity: 0.60;background-repeat: no-repeat;background-size: cover;background-position: center;z-index: -1;}
.counter-one__inner {position: relative;display: block;}
.counter-one__count-list {position: relative;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.counter-one__count-list li {position: relative;display: block;text-align: center;margin-bottom: 22px;}
.counter-one__icon {position: relative;display: flex;align-items: center;justify-content: center;width: 120px;height: 120px;border-radius: 50%;transition: all 500ms linear;margin: 0 auto;background-color: var(--tanspot-base);-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center center;mask-position: center center;-webkit-mask-size: cover;mask-size: cover;z-index: 1;}
.counter-one__icon::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: var(--tanspot-black);border-radius: 50%;opacity: 0;transform: translateY(50px);transition: background-color 0.7s ease;transition: all 0.7s ease;z-index: -1;}
.counter-one__count-list li:hover .counter-one__icon::before {opacity: 1;transform: translateY(0px);}
.counter-one__icon span {position: relative;display: inline-block;font-size: 55px;color: var(--tanspot-white);transition: all 500ms linear;transition-delay: 0.1s;transform: scale(1);}
.counter-one__count-list li:hover .counter-one__icon span {transform: scale(0.9);color: var(--tanspot-white);}
.counter-one__count {position: relative;display: flex;align-items: center;justify-content: center;margin-top: 28px;margin-bottom: 3px;}
.counter-one__count h3 {font-size: 60px;font-weight: 700;line-height: 60px !important;color: var(--tanspot-black);font-family: var(--tanspot-font-two) !important;}
.counter-one__count span {font-size: 60px;font-weight: 700;line-height: 60px;color: var(--tanspot-black);}
.counter-one__text {font-size: 18px;font-weight: 500;line-height: 28px;color: var(--tanspot-black);}
/*--------------------------------------------------------------
# Counter Two
--------------------------------------------------------------*/
.counter-two {position: relative;display: block;padding: 0 0 90px;z-index: 2;}
.counter-two__single {position: relative;display: block;text-align: center;margin-bottom: 30px;}
.counter-two__icon {position: relative;display: flex;align-items: center;justify-content: center;width: 120px;height: 120px;background-color: var(--tanspot-black);border-radius: 50%;margin: 0 auto;transition: all 500ms linear;z-index: 2;}
.counter-two__single:hover .counter-two__icon {background-color: var(--tanspot-white);}
.counter-two__icon:before {position: absolute;top: 0;left: 0;right: 0;bottom: 0;content: "";border-radius: 50%;background-color: var(--tanspot-white);transform: scale(0);transform-origin: center;transform-style: preserve-3d;transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);z-index: -1;}
.counter-two__single:hover .counter-two__icon:before {transform: scaleX(1);box-shadow: 0px 0px 60px 0px rgba(4, 23, 26, 0.06);}
.counter-two__icon span {position: relative;display: inline-block;font-size: 48px;color: var(--tanspot-white);transition: all 500ms linear;transition-delay: 0.1s;transform: scale(1);}
.counter-two__single:hover .counter-two__icon span {transform: scale(0.9);color: var(--tanspot-black);}
.counter-two__content {position: relative;display: block;background-color: rgb(255, 255, 255);box-shadow: 0px 0px 60px 0px rgba(4, 23, 26, 0.06);padding: 88px 30px 36px;border-radius: 15px;margin-top: -60px;z-index: 1;}
.counter-two__content::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: var(--tanspot-base);border-radius: 15px;transform: scaleX(0.7) rotateX(20deg);opacity: 0;transition: all 0.4s linear;z-index: -1;}
.counter-two__single:hover .counter-two__content::before {transform: scaleX(1.0) rotateX(0deg);transition: all 0.4s linear;opacity: 1;}
.counter-two__count {position: relative;display: flex;align-items: center;justify-content: center;}
.counter-two__count h3 {font-size: 60px;font-weight: 700;line-height: 60px !important;color: var(--tanspot-base);font-family: var(--tanspot-font-two) !important;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.counter-two__single:hover .counter-two__count h3 {color: var(--tanspot-white);}
.counter-two__count span {font-size: 60px;font-weight: 700;line-height: 60px;color: var(--tanspot-base);-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.counter-two__single:hover .counter-two__count span {color: var(--tanspot-white);}
.counter-two__count-text {font-size: 18px;color: var(--tanspot-black);font-weight: 600;line-height: 28px;margin-top: 3px;-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.counter-two__single:hover .counter-two__count-text {color: var(--tanspot-white);}
/*--------------------------------------------------------------
# End
--------------------------------------------------------------*/