.elementor-12 .elementor-element.elementor-element-22046b0{margin-top:10%;margin-bottom:10%;}/* Start custom CSS for html, class: .elementor-element-36de46a *//*-- typo custom --*/
.custom h2,
.custom h3,
.custom h4 {
    font-weight: 600;
}

@media (min-width: 320px) {
    .custom h1 {
        font-size: 28px;
        line-height: 38px;
        font-weight: 700;
    }

    .custom h2 {
        font-size: 24px;
        line-height: 34px;
        margin-top: calc(40px - 10px);
    }

    .custom h3 {
        font-size: 20px;
        line-height: 30px;
        margin-top: calc(30px - 10px);
        margin-bottom: 15px;
    }


    .custom h4 {
        font-size: 18px;
        line-height: 28px;
        margin-top: calc(20px - 10px);
        margin-bottom: 10px;
    }


    .custom p {
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) {
    .custom h1 {
        font-size: 48px;
        line-height: 62px;
        font-weight: 700;
    }

    .custom h2 {
        font-size: 28px;
        line-height: 38px;
        margin-top: calc(60px - 10px);
    }

    .custom h3 {
        font-size: 24px;
        line-height: 34px;
        margin-top: calc(30px - 10px);
        margin-bottom: 15px;
    }


    .custom h4 {
        font-size: 20px;
        line-height: 30px;
        margin-top: calc(20px - 10px);
        margin-bottom: 10px;
    }


    .custom p {
        margin-bottom: 10px;
    }
}/* End custom CSS */