html {
    scroll-behavior: unset !important;
}

/* Containers */
.container-fluid,
.content-section {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}
.container { /* old blocks container */
    width: 1500px;
    max-width: 100%;
}
.container-large {
    width: 1800px;
    max-width: 100%;
    margin: 0 auto;
}

/*** Block Frames - For Blocks that need white space around them ***/
.framed_desktop {
    max-width: calc(100% - 120px);
}

@media(max-width: 1919.98px) {
    .framed_desktop {
        max-width: calc(100% - 90px);
    }
}
@media(max-width: 1620px) {
    .container {
        padding-left: 60px;
        padding-right: 60px;
    }
}
@media(max-width: 991.98px) {
    .container {
        padding-right: 30px;
        padding-left: 30px;
    }
    .container-large {
        padding-right: 30px;
        padding-left: 30px;
    }
    .framed_desktop {
        max-width: 100%;
    }
    /*** Add this if you want the frame to happen on mobile too ***/
    .framed_mobile {
        max-width: calc(100% - 80px);
    }
}
@media(max-width: 767.98px) {
    .container {
        padding-right: 30px;
        padding-left: 30px;
    }
    .container-large {
        padding-right: 30px;
        padding-left: 30px;
    }
    .framed_mobile {
        max-width: calc(100% - 60px);
    }
}
@media(max-width: 575px) {
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }
    .container-large {
        padding-right: 15px;
        padding-left: 15px;
    }
    .framed_mobile {
        max-width: calc(100% - 30px);
    }
}



:root {
    --global-border-radius: 36px;
    --global-border-radius-small: 12px;
}
@media(max-width: 767.98px) {
    :root {
        --global-border-radius: 18px;
        --global-border-radius-small: 6px;
    }
}
.global-border-radius {
    border-radius: var(--global-border-radius);
}
.global-border-radius-small {
    border-radius: var(--global-border-radius-small);
}