.header.sticky.absolute-light {
    background: #000;
    height: 100px;
}

.summerHero {
    border-top: 100px solid #000;
    margin-top: 0;
    padding-top: 0;
}

.summerHero > .container {
    padding: 0;
}

.summerHero .contentCont {
    border-top: 10px solid #EBE70E;
    background: #FFFFFF;
    padding: 2rem var(--bs-gutter-x, 1.5rem);
}

.summerHero .contentCont .title {
    font-size: 38px;
    font-weight: 800;
    line-height: 46px;
    color: #000;
    text-transform: initial;
    margin-bottom: 30px;
}

.summerHero .description {
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 30px;
}

.summerHero .primary-theme-btn {
    cursor: pointer;
}

.summerHero .mobileHeroContainer {
    position:relative;
    min-height: 400px;
    background-size: cover;
    /*background-position: center top;*/
    background-position: center;
    background-repeat: no-repeat;
}

@media (max-width: 768px) {
    .summerHero > .container {
        padding: 0;
        max-width: unset;
    }
}

@media (min-width: 768px) {
    .summerHero {padding-bottom:20px}
    .summerHero .mobileHeroContainer {
        display: none;
    }
    .summerHero > .container {
        padding-right: var(--bs-gutter-x, 1.5rem);
        padding-left: var(--bs-gutter-x, 1.5rem);
    }
    .summerHero .contentCont {
        background: rgba(255, 255, 255, .9);
        padding: 15px 20px 25px 20px;
        margin-top: 50px;
    }
    .summerHero .contentCont .title {
        font-size: 44px;
    }
    .summerHero .description {
        font-size: 19px;
        line-height: 29px;
    }

}

@media (min-width:1199px) {
    .summerHero .contentCont {width:60%;padding:30px}
}

/*@@@@@@@ style001 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
.heroCorp001 {
    border-top: 100px solid #000;
    margin-top: 0;
    padding-top: 0;
}
.heroCorp001RedBar {
    width: 100%;
    height: 20px;
    background-image: url("/themes/mathnasium/assets/images/bg-num-redp.gif");
}

.heroCorp001 > .container {
    padding: 0;
}

.heroCorp001 .contentCont {
    border-top: 10px solid #EBE70E;
    background: #fff;
    padding: 2rem var(--bs-gutter-x, 1.5rem);
}

.heroCorp001 .contentCont .title {
    font-size: 38px;
    font-weight: 900;
    line-height: 46px;
    color: #000;
    text-transform: initial;
    margin-bottom: 30px;
}

.heroCorp001 .description {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px;
}

.heroCorp001 .primary-theme-btn {
    cursor: pointer;
    margin: 0;
}

.heroCorp001 .mobileHeroContainer {
    position:relative;
    min-height: 400px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
    .heroCorp001 > .container {
        padding-right: var(--bs-gutter-x, 1.5rem);
        padding-left: var(--bs-gutter-x, 1.5rem);
    }

    .heroCorp001 {padding-bottom:20px}
    .heroCorp001 .mobileHeroContainer {
        display: none;
    }
    .heroCorp001 > .container {
        padding-right: var(--bs-gutter-x, 1.5rem);
        padding-left: var(--bs-gutter-x, 1.5rem);
    }
    .heroCorp001 .contentCont {
        background: rgba(255, 255, 255, .7);
        padding: 20px ;
        margin-top: 40px;
        max-width:450px;
    }
    .heroCorp001 .contentCont .title {
        font-size: 38px;
        line-height: 45px;
    }
    .heroCorp001 .description {
        font-size: 24px;
        line-height: 29px;
    }
}

@media (min-width: 992px) {
    .heroCorp001 .contentCont {
        margin-top:90px;
        padding:35px
    }
    .heroCorp001 .contentCont .title {
        font-size: 44px;
        line-height: 53px;
    }
}


@media (min-width: 1279px) {
    .heroCorp001 .contentCont {margin-left:100px}
}


/*@@@@@@@ style002 @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
.heroCorp002 {
    position: relative;
    border-top: 100px solid #000;
    margin-top: 0;
    padding-top: 0;
    background-color: #FFF;
}

.heroCorp002 .contentCont {
    background:none;order:1;padding:15px 20px;
}

.heroCorp002 .contentCont .title,
.heroCorp003 .contentCont .title {
    font-size: 28px;
    font-weight: 900;
    line-height: 33px;
    color: #000;
    text-transform: uppercase;
}

.heroCorp002 .contentCont .title span,
.heroCorp003 .contentCont .title span {
    color: #EF3E33;
}

.heroCorp002 .description,
.heroCorp003 .description {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px;
}

.heroCorp002 p, .heroCorp002 ul li,
.heroCorp003 p, .heroCorp003 ul li {
    font-family: "Nunito Sans", 'Avenir';
    font-size: 16px;
    line-height: 22px;
}

.heroCorp002 ul {
    list-style: none;
}

.heroCorp002 ul li {
    display: flex;
    font-weight: 800;
    margin-bottom: 15px;
}

.heroCorp002 ul li:before {
    font-family: FontAwesome;
    content: "\f00c";
    margin-right: 8px;
}


.heroCorp002 .primary-theme-btn {
    cursor:pointer;margin:30px 18px 15px 18px
}

.heroCorp002 .imgCont img {
    width:100%;height:100%;max-height:400px;object-fit:cover;
}

.heroCorp002 .heroWysiwyg,
.heroCorp002 .cardContOuter {
    display: none;
}

@media (max-width:768px) {
    .heroCorp002 > .container {
        width:100%;max-width:none;
    }
    .heroCorp002 .imgCont {padding:0}
}

@media (min-width: 768px) {
    .heroCorp002 {margin-bottom:30px}
    .heroCorp002 .contentCont .title,
    .heroCorp003 .contentCont .title {
        font-size:3.5vw;line-height:4.7vw
    }

    .heroCorp002 p {
        font-size: 19px;line-height: 29px;
    }
    .heroCorp002 .description {
        font-size: 24px;
        line-height: 29px;
    }

    .heroCorp002 > .container {
        all: unset;
        box-sizing: border-box;
    }

    .heroCorp002 .imgCont img {
        max-height: unset;
    }

    .heroCorp002 .contentCont {
        display: flex;
        align-items: center;
        flex-direction: column;
        padding: 20px ;
        margin-top: 40px;
        order: 2;
    }

    .heroCorp002 .primary-theme-btn {
        margin-left:0;
    }

    .heroCorp002 ul {
        display: none;
    }

    .heroCorp002 .heroWysiwyg,
    .heroCorp002 .cardContOuter {
        display: block;
    }

    .heroCorp002 .heroWysiwyg {
        margin-top: 20px;
    }

    .heroCorp002 .heroWysiwyg span {
        display: block;
        font-size: 19px;
        line-height: 29px;
        font-weight: 400;
    }

    .heroCorp002 .heroWysiwyg p {
        font-size: 26px;
        line-height: 30px;
        font-weight: 800;
    }

    .heroCorp002 .cardContOuter {
        display: flex !important;
        justify-content: center;
        width: 100%;
        max-width: 100%;
        padding: 20px;
    }

    .heroCorp002 .cardContOuter .row {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
    }

    .heroCorp002 .cardInner {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        background:#fafafa;
        padding:20px;
        border-radius: 2px;
        box-shadow:0 3px 6px rgba(0, 0, 0, 0.08);
        height: 100%;
    }

    .heroCorp002 .cardInner img {
        width: 50px;
        height: auto;
        margin:0 auto;
        display:block;
    }

    .heroCorp002 .cardInner h3 {
        font-size: 20px;
        font-weight: 700;
        margin: 15px 0;
    }

    .heroCorp002 .cardInner p {
        font-size:16px;line-height:23px;margin:0;
    }

}

@media (min-width: 992px) {
    .heroCorp002 .cardContOuter {
        padding:30px 40px
    }
    .heroCorp002 .cardInner p {
        font-size:19px;
        line-height:28px;
    }
}

@media (min-width: 1120px) {
    .heroCorp002 .contentCont .title {
        font-size: 41px;
        line-height:53px;
    }
    .heroCorp002 .contentCont {margin-top:100px}
}

@media (min-width: 1280px) {
    .heroCorp002 .heroWysiwyg p {
        font-size:30px;line-height:38px;font-weight:800;
    }
    .heroCorp002 .cardContOuter {
        position:absolute;bottom:0;left:0;padding-bottom:40px;
    }
    .heroCorp002 .contentCont, .heroCorp003 .contentCont {
        margin-top:50px;
    }
    .heroCorp002 .innerContent {
        min-height:700px
    }
    .heroCorp002 .imgCont img {
        max-height:800px;
    }
}

@media (min-width: 1400px) {
    .heroCorp002 .contentCont .title {
        font-size:50px;line-height:58px;
    }
}

@media (min-width: 1500px) {
    .heroCorp002 .contentCont .title {
        font-size: 56px;
        line-height: 58px;
    }

    .heroCorp002 .imgCont img {
        object-fit: cover;
        width: 100%;
        max-height: 720px;
    }
}

@media (min-width: 1600px) {
    .heroCorp002 .imgCont img {
        object-fit: cover;
        width: 100%;
        max-height: 700px;
    }
}