.contact-boxes-wrap{
    padding: 70px 0;
    @media (min-width: 768px){
        padding: 90px 0;
    }
    @media (min-width: 1024px){
        padding: 110px 0;
    }
    .contact-boxes{
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        .contact-box{
            width: 100%;
            @media (min-width: 768px){
                width: calc((100% / 3) - 20px);
            }
            h3{
                font-size: 19px;
                line-height: 1.27;
                color: #002c5f;
                text-align: center;
                margin-top: 0;
                margin-bottom: 10px;
                @media (min-width: 768px){
                    font-size: 22px;
                }
                small{
                    font-size: 14px;
                    color: #323232;
                    font-weight: 400;
                }
            }
            p{
                font-size: 16px;
                line-height: 1.1;
                color: #999999;
                text-align: center;
                margin: 0;
                &:not(:last-child){
                    margin-bottom: 10px;
                }
                a{
                    color: #999999;
                    &:hover, &:active{
                        text-decoration: underline;
                        color: #323232;
                    }
                }
            }
        }
    }
}