.page-contact-box{
    padding-top: 50px;
    padding-inline: 0;
    @media (min-width: 1200px) {
        padding-top: 80px;
        margin: auto;
    }
    .container{
        display: flex;
        gap: 30px;
        flex-wrap: wrap;
        > div{
            width: 100%;
            @media (min-width: 768px){
                flex: 1;
                width: auto;
            }
        }
    }
    h2{
        font-size: 24px;
        line-height: 1.2;
        margin: 0;
        text-align: center;
        @media (min-width: 768px){
            font-size: 26px;
        }
        @media (min-width: 1200px) {
            font-size: 30px;
        }
    }
    h3{
        font-size: 22px;
        line-height: 1.2;
        margin-bottom: 30px;
        text-align: center;
        @media (min-width: 768px){
            font-size: 24px;
        }
        @media (min-width: 1200px) {
            font-size: 26px;
        }
        span{
            font-size: 18px;
            display: block;
            @media (min-width: 768px){
                font-size: 20px;
            }
            @media (min-width: 1200px) {
                font-size: 24px;
            }
        }
    }
    img{
        margin: 50px auto 0;
        display: block;
    }
    form{
        margin: 0 !important;
        i{
            font-style: normal;
        }
        [data-accordion-header]{
            a{
                text-decoration: underline;
            }
        }
        [data-accordion-content]{
            display: block;
            overflow: hidden;
            transition: max-height 0.3s ease-in-out;
            &:not(.active){
                max-height: 0;
            }
            p, ol li, ul li{
                font-size: 12px;
                line-height: 1.25;
                justify-content: flex-start;
                &:first-child{
                    margin-top: 20px;
                }
            }
        }
    }
}