/* Paired Numbers css starts here*/
.parried_numbers{
    background-image: url(/wp-content/uploads/2025/10/hosuecall.svg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0;
    background-color: #0A0A0A;
}
.parried_numbers .subhead{
    color: var(--text-blue, #0061FE);
    font-family: var(--font-family-family, Sora);
    font-size: var(--body-md-size, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--body-md-line-height, 24px);
}
.parried_numbers >div > div >div{
    display: flex;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    border-radius: 16px;
    background: var(--surface-counter, #E3F4FF);
}
.parried_numbers_grid{
    display: flex;
    align-items: center;
    gap: 56px;
    align-self: stretch;
}
.parried_numbers_grid .parried_numbers_item .animated_number{
    color: var(--text-primary, #15171B);
    font-family: var(--font-family-family, Sora);
    font-size: var(--heading-h3-size, 40px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--heading-h3-line-height, 56px);
    margin-bottom: 8px;
    display: inline-block;
    padding-left: 17px;
    border-left: 1px solid var(--text-blue, #0061FE);
    opacity: 0;
   transition: opacity 0.5s ease;
}
.parried_numbers_grid .parried_numbers_item .animated_number.visible {
  opacity: 1;
}
.parried_numbers_grid .parried_numbers_item{
    border-left: 1px solid rgba(21, 23, 27, 0.12);
}
.parried_numbers_grid .parried_numbers_item p{
    color: var(--text-secondary, #35393F);
    font-family: var(--font-family-family, Sora);
    font-size: var(--body-md-size, 16px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--body-md-line-height, 24px);
    padding-left: 16px;
}
@media(max-width:1024px){
    .parried_numbers_grid{
        display: flex;
        align-items: center;
        gap: 20px;
        align-self: stretch;
        flex-wrap: wrap;
    }
    
    .parried_numbers_grid .parried_numbers_item {
        border-left: 1px solid rgba(21, 23, 27, .12);
        flex: 1 1 calc(50% - 28px);
    }
    .parried_numbers_grid .parried_numbers_item:last-child {
        flex: 1 1 100%;
    }
}
@media(max-width:767px){
    .parried_numbers>div>div>div {
        gap: 20px;
        padding: 20px;
    }
    .parried_numbers_grid {
        flex-direction: column;
    }
    .parried_numbers_grid .parried_numbers_item .animated_number {
        font-size: var(--heading-h3-size, 30px);
        line-height: var(--heading-h3-line-height, 36px);
    }
}
/* Paired Numbers css ends here*/