
.digits-wrap{ margin: 30px 0}
.digits .digit-wrap{ background: #F1F1F1; border-radius: 15px; display: flex; padding: 20px; margin-bottom: 20px;}
.digits .digit-wrap:last-child{ margin-bottom: 0}
.digits .digit-icon{ background-repeat: no-repeat; background-size: contain; background-position: center;   width: 40px; height: 40px}
.digits .digit-icon.dig1{background-image: url(../../../images/dig1.svg)}
.digits .digit-icon.dig2{background-image: url(../../../images/dig2.svg)}
.digits .digit-icon.dig3{background-image: url(../../../images/dig3.svg)}
.digits .digit-text{ margin-left: 20px; text-transform: uppercase; font-size: 14px; font-weight: 500;  color: #465F7C;}
.digits .digit-text p:first-child{ margin-bottom: 5px}
.digits .digit-num{ font-size: 38px; font-weight: 900; line-height: 40px; }
.digits .digit-desc{ font-weight: 700}

@media only screen and (min-width: 768px) {
    .digits{ display: flex; margin: 15px  -10px}
    .digits .digit-wrap{ width: calc(33.33% - 10px); margin: 0 10px;}
}
@media only screen and (min-width: 1024px) {
    .digits{margin: 40px -15px}
    .digits .digit-wrap{ width: calc(33.33% - 15px);margin: 0 15px;}

    .digits .digit-icon{   width: 46px; height: 46px}
    .digits .digit-text{  font-size: 16px;  }
    .digits .digit-num{ font-size:46px; line-height: 46px; }
}
