/*
 * Abstracts: Core Exports
 *
 * DESCRIPTION
 * Entry point that forwards all abstract modules (functions, variables,
 * mixins) for convenient importing throughout the codebase.
 *
 * USAGE
 * Import entire abstracts layer: @use "../../abstracts/core" as *;
 * All functions, variables, and mixins become available after import.
 */
/*
 * Abstracts: Sass Functions
 *
 * DESCRIPTION
 * Custom Sass functions for calculations, conversions, and utilities.
 * Used throughout the codebase for consistent value transformations.
 *
 * KEY FUNCTIONS
 * - decimal-round: Rounds numbers to specific decimal places
 * - rem: Converts px values to rem units using $base (16px)
 * - Other utility functions for calculations
 *
 * USAGE
 * @use "function" as *;
 * $font-size: rem(24);  // Returns 1.5rem
 */
/**
 * Rounds a number to specified decimal places
 *
 * @param {number} $number - Value to round
 * @param {number} $digits - Number of decimal places
 * @param {string} $mode - round, ceil, or floor
 * @return {number} Rounded value
 */
/*
 * Abstracts: Core Exports
 *
 * DESCRIPTION
 * Entry point that forwards all abstract modules (functions, variables,
 * mixins) for convenient importing throughout the codebase.
 *
 * USAGE
 * Import entire abstracts layer: @use "../../abstracts/core" as *;
 * All functions, variables, and mixins become available after import.
 */
/*
 * Abstracts: Global Variables
 *
 * DESCRIPTION
 * Application-wide Sass variables including typography, color system,
 * spacing scales, and breakpoint definitions. All color and sizing
 * variables are defined here for consistent theming across components.
 *
 * USAGE
 * Import as: @use "variables" as *;
 * Access variables directly: $primary-100, $font-size-base, etc.
 */
/* Note: If need Disable Decimal-value functionilty open function.scss file */
/*
 * Abstracts: Core Exports
 *
 * DESCRIPTION
 * Entry point that forwards all abstract modules (functions, variables,
 * mixins) for convenient importing throughout the codebase.
 *
 * USAGE
 * Import entire abstracts layer: @use "../../abstracts/core" as *;
 * All functions, variables, and mixins become available after import.
 */
/*
 * Abstracts: Global Mixins
 *
 * DESCRIPTION
 * Reusable Sass mixins for responsive design, utility patterns, and
 * common styling needs. Includes media query helpers, flexbox utilities,
 * and other frequently used patterns.
 *
 * KEY MIXINS
 * - respond-above: Media query min-width breakpoint
 * - respond-below: Media query max-width breakpoint
 * - respond-between: Media query range between two breakpoints
 * - flex patterns and other utility mixins
 *
 * USAGE
 * Import as: @use "mixins" as *;
 * Call mixin: @include respond-above(md) { ... }
 */
/* mini laptop resolution 1349 X 662 and 1246 X 681 and 1218 X 672 */
/* Mozila Firefox */
.statistics-component {
  position: relative;
  overflow: hidden;
}
.statistics-component .container {
  max-width: 816px;
}
@media (max-width: 767px) {
  .statistics-component::before {
    width: 53.13rem;
    height: 100%;
    background-position: top;
    top: 0;
    transform: translate(-50%, 0);
  }
}
.statistics-component .sc-heading {
  position: relative;
  margin-bottom: 3.44rem;
}
@media (max-width: 991px) {
  .statistics-component .sc-heading {
    margin-bottom: 2.19rem;
  }
}
.statistics-component .sc-item.cell-md-4.cell-6 {
  position: relative;
}
.statistics-component .sc-item.cell-md-4.cell-6::after {
  content: "";
  position: absolute;
}
.statistics-component .sc-item.cell-md-4.cell-6:nth-child(1)::after {
  height: 200%;
  width: 1px;
  right: 0;
  top: 0;
  background-image: linear-gradient(to top, transparent, #dce1e4, transparent);
}
@media (max-width: 767px) {
  .statistics-component .sc-item.cell-md-4.cell-6:nth-child(1)::after {
    width: 1px;
    height: 300%;
    background-image: linear-gradient(to top, transparent, #dce1e4, #dce1e4, transparent);
  }
}
.statistics-component .sc-item.cell-md-4.cell-6:nth-child(2)::after {
  height: 1px;
  width: 300%;
  right: -100%;
  bottom: 0;
  background-image: linear-gradient(to left, transparent, #dce1e4, #dce1e4, transparent);
}
@media (max-width: 767px) {
  .statistics-component .sc-item.cell-md-4.cell-6:nth-child(2)::after {
    right: 0;
    width: 200%;
    height: 1px;
    background-image: linear-gradient(to left, transparent, #dce1e4, #dce1e4, transparent);
  }
}
.statistics-component .sc-item.cell-md-4.cell-6:nth-child(3)::after {
  height: 200%;
  width: 1px;
  left: 0;
  top: 0;
  background-image: linear-gradient(to top, transparent, #dce1e4, transparent);
}
@media (max-width: 767px) {
  .statistics-component .sc-item.cell-md-4.cell-6:nth-child(3)::after {
    top: unset;
    bottom: 0;
    width: 200%;
    height: 1px;
    background-image: linear-gradient(to left, transparent, #dce1e4, #dce1e4, transparent);
  }
}
.statistics-component .sc-row {
  margin-right: -0.62rem;
  margin-left: -0.62rem;
}
.statistics-component .sc-row [class*=cell-] {
  padding-left: 0.63rem;
  padding-right: 0.63rem;
}
.statistics-component .sc-row {
  row-gap: 1.57rem;
}
@media (max-width: 991px) {
  .statistics-component .sc-row {
    margin-right: -0.31rem;
    margin-left: -0.31rem;
  }
  .statistics-component .sc-row [class*=cell-] {
    padding-left: 0.32rem;
    padding-right: 0.32rem;
  }
  .statistics-component .sc-row {
    row-gap: 0.63rem;
  }
}
@media (max-width: 575px) {
  .statistics-component .sc-row {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
}
.statistics-component .sc-cad-inner {
  position: relative;
  padding: 1.25rem 1.25rem 2.5rem;
  height: 100%;
  transition-duration: 1.8s !important;
  text-align: center;
}
@media (max-width: 991px) {
  .statistics-component .sc-cad-inner {
    padding: 0.94rem;
  }
}
.statistics-component .sc-cad-inner.aos-animate .sc-card-pattern {
  clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
}
.statistics-component .sc-cad-inner .sc-card-pattern {
  transition: clip-path 1.5s ease 0s;
  transition-delay: inherit;
  clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}
.statistics-component .sc-counter {
  display: block;
  line-height: 1;
  font-size: 3.88rem;
  font-weight: 600;
  color: #2a4887;
  margin-bottom: 0.5rem;
  word-wrap: break-word;
}
@media (max-width: 1199px) {
  .statistics-component .sc-counter {
    font-size: 3.25rem;
  }
}
@media (max-width: 767px) {
  .statistics-component .sc-counter {
    margin-bottom: 0.63rem;
    font-size: 2.5rem;
  }
}
@media (max-width: 575px) {
  .statistics-component .sc-counter {
    font-size: 2rem;
  }
}
.statistics-component .sc-card-pattern {
  margin-bottom: 0.88rem;
  max-height: 1.69rem;
}
@media (max-width: 767px) {
  .statistics-component .sc-card-pattern {
    max-height: 1.19rem;
    margin-bottom: 0.63rem;
  }
}
.statistics-component .sc-card-desc p {
  font-size: 0.94rem;
  color: #2f2f2f;
}