/*atec-legacy*/
@layer legacy {
@scope (main) to (.atec-calc-embed, .atec-embed) {
.header-content-wrap{
        width: 100%; 
        max-width: 500px;
    }
.header-content-wrap .header-text{
        height: auto !important;
    }
.header-content-block{
        display: flex; 
        justify-content: space-between;
        gap: 20px;
    }
@media(max-width: 1050px) {
.header-content-block{
            flex-direction: column;
            gap: 0px;
        }
.header-content-wrap{
            max-width: 100%;
        }
}
@media(max-width: 400px) {
.header-block{
            height: auto;
        }
}
}
}