#helper {
    padding: 40px 0;
}

    #helper .helper-content {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 80px 40px;
        background: #f2f2f2;
        gap: 100px;
        border-radius: 20px;
    }

        #helper .helper-content h3 {
            font-size: 2.2em;
            flex: 1;
            margin: 0;
        }

        #helper .helper-content .content {
            flex: 2;
        }

            #helper .helper-content .content p {
                margin-bottom: 16px;
                font-size: 1.2em;
                line-height: 140%;
            }

            #helper .helper-content .content a {
                display: inline-block;
                padding: 12px 16px;
                background: #00639B;
                color: #fff;
                text-decoration: none;
                border-radius: 99px;
                font-size: 1em;
                transition: background 0.3s ease;
                font-weight: 300;
            }

                #helper .helper-content .content a:hover {
                    background: #004a75;
                }


@media (max-width: 768px) {
    #helper .helper-content {
        flex-direction: column;
        text-align: center;
        gap: 8px;
    }



        #helper .helper-content .content {
            flex: unset;
        }

            #helper .helper-content .content p {
                margin-bottom: 20px;
            }
}

@media (max-width: 480px) {
    #helper {
        padding: 16px 0;
    }

        #helper .helper-content {
            padding: 24px 24px;
            text-align: left;
        }

            #helper .helper-content h3 {
                font-size: 28px;
            }

            #helper .helper-content .content p {
                font-size: 16px;
            }

            #helper .helper-content .content a {
                font-size: 15px;
            }
}