/* Homepage #divider: key numbers beside the "This integrated format..." statement */

#divider.has-stats {
   padding: 70px 0;
   /* A dark wash over the pattern so it recedes behind the numbers */
   background-image:
      linear-gradient(rgba(22, 22, 22, .75), rgba(22, 22, 22, .75)),
      url(../../img/home/pattern-black-1.png);
   background-size: auto, 490px;
   background-position: center, right;
   background-repeat: no-repeat;
}

#divider.has-stats .divider-row {
   align-items: center;
   justify-content: space-between;
   row-gap: 40px;
}

#divider.has-stats .sect-content {
   width: 45%;
}

.divider-stats {
   width: 52%;
   margin: 0;
   padding: 0;
   list-style: none;
   display: grid;
   grid-template-columns: repeat(3, 1fr);
}

.divider-stats__item {
   padding: 24px 20px;
   border-left: 1px solid rgba(198, 197, 169, .25);
}

.divider-stats__item:nth-child(3n+1) {
   padding-left: 0;
   border-left: 0;
}

.divider-stats__item:nth-child(n+4) {
   border-top: 1px solid rgba(198, 197, 169, .25);
}

.divider-stats__icon {
   display: block;
   margin-bottom: 14px;
   font-size: 28px;
   line-height: 1;
   color: var(--red2, #F9050B);
}

.divider-stats__num {
   font-family: 'bie-b';
   font-size: 40px;
   line-height: 1.1;
   color: var(--green1, #C6C5A9);
   white-space: nowrap;
   /* Equal-width digits keep the number from jittering while it counts */
   font-variant-numeric: tabular-nums;
}

.divider-stats__label {
   margin-top: 6px;
   font-size: 13px;
   letter-spacing: .08em;
   text-transform: uppercase;
   color: var(--white1, #fff);
   opacity: .85;
}

@media (max-width: 1199px) {
   .divider-stats__num {
      font-size: 32px;
   }
}

@media (max-width: 991px) {
   #divider.has-stats .sect-content,
   .divider-stats {
      width: 100%;
   }
}

@media (max-width: 575px) {
   #divider.has-stats {
      padding: 50px 0;
   }

   .divider-stats {
      grid-template-columns: repeat(2, 1fr);
   }

   .divider-stats__item,
   .divider-stats__item:nth-child(3n+1) {
      padding: 20px 16px;
      border-left: 1px solid rgba(198, 197, 169, .25);
   }

   .divider-stats__item:nth-child(odd) {
      padding-left: 0;
      border-left: 0;
   }

   .divider-stats__item:nth-child(n+3) {
      border-top: 1px solid rgba(198, 197, 169, .25);
   }

   .divider-stats__num {
      font-size: 28px;
   }

   .divider-stats__icon {
      font-size: 24px;
   }
}