.container {
    width: var(--container);
    margin-left: auto;
    margin-right: auto;
    max-width: calc(100% - 48px);
}

.container-large {
    width: 1320px;
    margin-left: auto;
    margin-right: auto;
    max-width: calc(100% - 48px);
}

.content-container {
    width: var(--container);
    max-width: calc(100% - 40px) !important
}

.centered-x {
    margin-left: auto;
    margin-right: auto
}

.flex {
    display: flex;
}

.h-center {
    justify-content: center;
}

.v-center {
    align-items: center;
}

#main {
    width: 100%;
    min-height: 620px;
}

.pad-v {
    padding-top: 140px;
    padding-bottom: 140px
}

.pad-v-s {
    padding-top: 90px;
    padding-bottom: 90px
}


.fluidLeft {
    padding-left: calc(((100vw - var(--container)) / 2) - 8px);
}

@media screen and (max-width: 1328px) {
    .fluidLeft {
        padding-left: 24px;
    }
}

/** SPACING **/
.m-top {
    margin-top: 40px
}

.m-top-l {
    margin-top: 50px
}

.m-top-xl {
    margin-top: 70px
}

.m-top-xxl {
    margin-top: 120px
}

.m-bot-s {
    margin-bottom: 16px
}

.m-bot {
    margin-bottom: 40px
}

.m-bot-l {
    margin-bottom: 50px
}

.m-bot-xl {
    margin-bottom: 70px
}

.m-bot-xxl {
    margin-bottom: 120px
}


/** GAP **/
.gap-35 {
    gap: 35px
}

.row-gap-30 {
    row-gap: 30px
}

@media screen and (max-width:767px) {
    .pad-v {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .m-bot-xl {
        margin-bottom: 40px
    }

    .mobile-bot-0 {
        margin-bottom: 0;
        padding-bottom: 0
    }
}