﻿

.stats-main{padding: 72px 0;}
.stats-intro{margin-bottom: 76px;}
.stats-intro h2{color: var(--Foreground); font-family: var(--Header-Font, Poppins); font-size: var(--Header-Header-XL, 40px); font-style: normal; font-weight: 400; line-height: 130%; margin-bottom: 0;}
.stats-row{align-items: flex-start;}

.stats-rule{width: 1px; height: 47px; opacity: 0.5;}
.stats-circle{width: 17px; height: 17px; outline: 6px solid var(--Subtle);}
.stats-divider{margin-bottom: 32px;}

.stats-number{ color: var(--Foreground); line-height: 1.1; margin-bottom: 11px; letter-spacing: -0.03em; font-weight: 700;}
.stats-heading{color: var(--Foreground); font-weight: 400;}
.stats-description{font-size: clamp(13px, 1.1vw, 14px); font-weight: 400; color: var(--Slate); line-height: 1.6;}

body .stats-section .stats-wrap.no_icons{padding-top: 0;}


/*-- media css starts here --*/
@media screen and (min-width: 1024px) {
  .stats-wrap{padding: 0;}
  body.home .stats-wrap hr.vr{min-height: 80px;}
  .stats-wrap hr.vr{min-height: 47px;}
  .stats-intro{max-width: 886px;}
  .stats-number{font-size: 48px; line-height: 48px; margin-bottom: 13px;}
  .stats-description{font-size: 14px;}
  .stats-row{gap: 32px;}
  .stats-list{flex: 0 0 calc(25% - 24px);}

  body.page-template-services .stats-main{padding: 0 0 80px}

  .stats-no-num > p{margin-top: 87px;}
}

@media screen and (min-width: 768px) {
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
    hr.stats-vr{min-height: 80px;}
    .stats-main{padding: 56px 0;}
    .stats-row{gap: 20px;}
    .stats-list{padding: 0; width: calc(25% - 15px); }
    .stats-heading{font-size: 20px; }
    .stats-number{font-size: 35px;}
    .stats-description{font-size: 13px;}

   body:not(.home) .stats-main{padding-top: 0;}
  body:not(.home)  .stats-wrap hr.vr{min-height: 47px; }
}

@media only screen and (max-width: 767px) and (min-width: 0px) {
    .stats-wrap { padding: 0; }
    .stats-main{padding: 0 0 28px; margin-top: -9px;}
    hr.stats-vr{min-height: 40px;}
    hr.stats-hr{margin-bottom: 49px;}
    
    .stats-intro-circle .stats-circle{top: 50%; left: 50%; transform: translate(-50%, -50%);}

    .stats-intro { margin-bottom: 30px; }
    .stats-intro h2 { font-size: 24px; line-height: 31px; }
    body.home .stats-divider{display: none; }
    .stats-row { flex-direction: column; gap: 0; }
    .stats-row > hr { display: none; }
    .stats-list { flex: none; width: 100%; border-left: none; border-top: 1px solid rgba(0, 129, 255, .5); padding: 28px 0; }
    .stats-number { font-size: 48px; line-height: 48px; }
    .stats-heading { font-size: 20px; letter-spacing: normal; }
    .stats-description { font-size: 14px; }
    .stats-divider-mob { margin: 0; }

    .stats-rule{height: 40px;}
}
