body {
    padding: 0
}

.h1,.h2,.h3,.h4,.h5,.h6,body,h1,h2,h3,h4,h5,h6 {
    margin: 0
}

strong {
    font-weight: 700
}

img {
    height: auto
}

img,svg {
    max-width: 100%
}

li,ul {
    padding: 0;
    margin: 0;
    list-style: none
}

a {
    text-decoration: none
}

body {
    background: #f8f8f8;
    font-family: Montserrat,sans-serif;
    padding-top: 90px
}

@media (max-width: 599px) {
    body {
        padding-top:75px
    }
}

@media (max-width: 599px) {
    body,body .fixed-top {
        background:#fff
    }
}

body #headerBackground {
    min-height: 310px;
    position: relative;
    margin-bottom: 60px;
    overflow: hidden
}

body #headerBackground .sectionHeader {
    color: #fff
}

@media (max-width: 599px) {
    body #headerBackground .sectionHeader {
        line-height:2rem
    }
}

body #fullwidthheaderBackground {
    min-height: 310px;
    position: relative;
    margin-top: 10px;
    margin-bottom: 5px;
    overflow: visible
}

body #fullwidthheaderBackground .sectionHeader {
    color: #fff
}

@media (max-width: 599px) {
    body #fullwidthheaderBackground .sectionHeader {
        line-height:2rem;
        margin-top: 20px;
    }
}

body a:focus,body button:focus,body input:focus,body textarea:focus {
    outline: none
}

body a.link {
    color: #063116;
    font-weight: 700;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s
}

body a.link:hover {
    text-decoration: none;
    color: #24a85c
}

body a.link:hover:before {
    text-decoration: none;
    width: 100%
}

body a.link:before {
    position: absolute;
    bottom: -4px;
    width: 10px;
    content: "";
    left: 0;
    height: 3px;
    background: #24a85c;
    -webkit-transition: width 2s;
    -webkit-transition: width .3s;
    transition: width .3s
}

body .actions a,body .greenButton {
    background: transparent -webkit-gradient(linear,right top,left top,from(#6ede84),to(#3cad66)) 0 0 no-repeat padding-box;
    background: transparent linear-gradient(270deg,#6ede84,#3cad66) 0 0 no-repeat padding-box;
    color: #fff;
    border: none;
    margin: 15px 0 30px;
    border-radius: 20px;
    height: 40px;
    font-weight: 700;
    padding: 0 20px;
    display: block
}

body .actions a:hover,body .greenButton:hover {
    background: transparent -webkit-gradient(linear,right top,left top,from(#7fd490),to(#65b582)) 0 0 no-repeat padding-box;
    background: transparent linear-gradient(270deg,#7fd490,#65b582) 0 0 no-repeat padding-box
}

body .actions a img,body .greenButton img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    width: 16px;
    display: inline-block;
    margin-right: 10px
}

body a.greenButton {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-decoration: none
}

body .borderBtn {
    margin-top: 15px;
    border: 3px solid #063116;
    border-radius: 23px;
    padding: 8px 20px;
    display: inline-block;
    font-weight: 700;
    color: #063116;
    font-size: .8em;
    background: none
}

body .borderBtn:hover {
    text-decoration: none
}

body .custom-select {
    margin-top: 5px;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    border-radius: 10px;
    font-size: .8rem;
    height: auto;
    padding: 11px 25px;
    border: none
}

body .custom-select:focus {
    outline: 0 auto -webkit-focus-ring-color;
    box-shadow: 0 3px 6px rgba(0,0,0,.16)
}

body p {
    color: #6a746f;
    font-size: 1em
}

body #navigationSearchBtn {
    -webkit-mask: url(/wp-content/themes/ssa/src/img/icons/Icon-Search-Default.svg);
    mask: url(/wp-content/themes/ssa/src/img/icons/Icon-Search-Default.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

body #navigationCartBtn {
    -webkit-mask: url(/wp-content/themes/ssa/src/img/icons/Icon-Cart-Default.svg);
    mask: url(/wp-content/themes/ssa/src/img/icons/Icon-Cart-Default.svg);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%
}

body button#navigationCartBtn,body button#navigationSearchBtn {
    height: 26px;
    width: 26px;
    -webkit-transition: .3s;
    transition: .3s;
    background: #063116
}

body button#navigationCartBtn:hover,body button#navigationSearchBtn:hover {
    background: #24a85c
}

body .leftDots,body .rightDots {
    position: absolute;
    width: 70px
}

body .container {
    position: relative
}

body .backgroundSVG {
    position: absolute;
    z-index: -1;
    width: 100%;
    top: 0
}

body .testimonialCard {
    background: #fff;
    width: 100%;
    min-height: 400px;
    border-radius: 5px;
    padding: 30px 25px 25px;
    box-shadow: 0 10px 30px rgba(198,165,252,.3);
    margin-bottom: 20px
}

body .testimonialCard .quotesIcon {
    height: 80px;
    display: block;
    margin: 0 auto
}

body .testimonialCard .quoteIcon {
    width: 40px;
    height: 50px;
    margin: 15px auto;
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSIxNDYiPjx0ZXh0IHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMTE2KSIgZmlsbD0iIzRkM2I4OSIgZm9udC1zaXplPSIxMjAiIGZvbnQtZmFtaWx5PSJNb250c2VycmF0LUJvbGQsIE1vbnRzZXJyYXQiIGZvbnQtd2VpZ2h0PSI3MDAiPjx0c3BhbiB4PSIwIiB5PSIwIj7igJw8L3RzcGFuPjwvdGV4dD48L3N2Zz4=) no-repeat center;
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSIxNDYiPjx0ZXh0IHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMTE2KSIgZmlsbD0iIzRkM2I4OSIgZm9udC1zaXplPSIxMjAiIGZvbnQtZmFtaWx5PSJNb250c2VycmF0LUJvbGQsIE1vbnRzZXJyYXQiIGZvbnQtd2VpZ2h0PSI3MDAiPjx0c3BhbiB4PSIwIiB5PSIwIj7igJw8L3RzcGFuPjwvdGV4dD48L3N2Zz4=) no-repeat center;
    mask-size: auto 80px;
    -webkit-mask-size: auto 80px;
    mask-position: top;
    -webkit-mask-position: top;
    background: #4d3b89
}

@media (max-width: 599px) {
    body .testimonialCard .quoteIcon {
        margin:0 auto 10px
    }
}

body .testimonialCard .authorDetails {
    margin-top: 40px
}

body .testimonialCard .authorDetails img {
    float: left;
    height: 60px;
    margin-right: 10px
}

body .testimonialCard .authorDetails>div.name {
    float: left;
    margin-top: 14px
}

body .testimonialCard .authorDetails>div.name strong {
    display: block;
    color: #063116;
    font-size: .9em;
    line-height: 1em
}

body .testimonialCard .authorDetails>div.name span {
    color: #4d3b89;
    font-size: .7em
}

header {
    background: #f8f8f8
}

@media (min-width: 1200px) {
    .dropdown:hover .dropdown-menu {
        display:block
    }
}

.navbar .navbar-nav .dropdown~.dropdown .dropdown-menu {
    margin-left: calc(50% - 80px)
}

@media (max-width: 599px) {
    .navbar .navbar-nav .dropdown~.dropdown .dropdown-menu {
        margin-left:0
    }
}

.navbar .navbar-nav .nav-item {
    margin-right: 25px;
    margin-left: 25px;
    margin-top: 4px
}

.navbar .navbar-nav .nav-item a {
    font-weight: 700;
    font-size: 16px;
    padding: 0 0 1px;
    line-height: 1em;
    color: #063116;
    text-decoration: none;
    -webkit-transition: .3s;
    transition: .3s;
    position: relative
}

.navbar .navbar-nav .nav-item a:hover {
    color: #24a85c
}

@media (max-width: 599px) {
    .navbar .navbar-nav .nav-item a:hover {
        color:#063116
    }
}

.navbar .navbar-nav .nav-item .nav-link:before {
    width: 0
}

.navbar .navbar-nav .nav-item .nav-link:before,.navbar .navbar-nav .nav-item .nav-link:hover:before {
    position: absolute;
    bottom: -3px;
    content: "";
    left: 0;
    height: 3px;
    background: #24a85c;
    -webkit-transition: width 2s;
    -webkit-transition: width .3s;
    transition: width .3s
}

.navbar .navbar-nav .nav-item .nav-link:hover:before {
    width: 100%
}

.navbar .navbar-nav .current-menu-item>a {
    color: #24a85c!important;
    border-bottom: 3px solid #24a85c
}

.navbar .navbar-nav .dropdown-menu {
    border: none;
    box-shadow: 0 10px 6px rgba(0,0,0,.16);
    border-radius: 5px;
    margin-left: calc(50% - 175px);
    margin-top: 20px
}

.navbar .navbar-nav .dropdown-menu:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 16px solid #fff;
    position: absolute;
    top: -16px;
    left: calc(50% - 10px)
}

.navbar .navbar-nav .dropdown-menu:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 20px;
    top: -20px;
    left: 0
}

.navbar .navbar-nav .dropdown-menu li {
    margin: 0
}

.navbar .navbar-nav .dropdown-menu li a {
    color: #063116;
    border: none
}

.navbar .navbar-nav .dropdown-menu .dropdown-item {
    font-weight: 400!important;
    padding: 10px 20px;
    display: block
}

.navbar .navbar-nav .dropdown-menu .dropdown-item:active,.navbar .navbar-nav .dropdown-menu .dropdown-item:hover {
    background: #f7f7f7
}

.navbar .navbar-brand {
    padding: .6rem 0
}

@media (max-width: 599px) {
    .navbar .navbar-brand img {
        max-width:180px
    }
}

.navbar .navbar-brand svg {
    width: 250px
}

@media (max-width: 599px) {
    .navbar .navbar-brand svg {
        max-width:180px
    }
}

.navbar a.hoverBorderBtn {
    position: relative;
    float: right;
    margin-left: 15px;
    margin-right: 15px
}

.navbar a.hoverBorderBtn:before {
    position: absolute;
    bottom: -5px;
    width: 0
}

.navbar a.hoverBorderBtn:before,.navbar a.hoverBorderBtn:hover:before {
    content: "";
    left: 0;
    height: 3px;
    background: #24a85c;
    -webkit-transition: width 2s;
    -webkit-transition: width .3s;
    transition: width .3s
}

.navbar a.hoverBorderBtn:hover:before {
    width: 100%
}

.cartCount {
    position: absolute;
    top: -8px;
    right: -7px;
    background: #063116;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: .7rem;
    line-height: 1.3rem
}

.jumbotron {
    background: none;
    padding: 0
}

.jumbotron .container>div {
    position: relative;
    min-height: 500px
}

.jumbotron .jumbotronImageContainer {
    width: 60%;
    min-height: 500px;
    position: relative;
    margin-left: auto;
    right: -20px
}

@media (max-width: 599px) {
    .jumbotron .jumbotronImageContainer {
        width:calc(100% + 30px);
        margin-left: 0;
        left: -15px;
        top: -15px
    }
}

.jumbotron .jumbotronImageContainer>div:first-child {
    position: relative;
    width: 100%
}

.jumbotron .jumbotronImageContainer .grid {
    width: 100%;
    min-height: 500px
}

.jumbotron .jumbotronImageContainer .grid .leftDots {
    left: -55px;
    top: 30px;
    z-index: 10
}

.jumbotron .jumbotronImageContainer .grid .rightDots {
    right: -33px;
    bottom: -34px;
    z-index: 10
}

.jumbotron .jumbotronImage {
    width: 100%;
    min-height: 500px;
    position: absolute;
    border-radius: 5px;
    background-size: cover;
    background-position: 50%;
    z-index: 20;
    box-shadow: 0 10px 30px rgba(0,0,0,.16)
}

.jumbotron .jumbotronImage>div {
    width: 100%;
    height: 100%;
    background: rgba(36,168,92,.15);
    position: absolute
}

.jumbotron .searchWizard {
    width: 50%;
    position: absolute;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    box-shadow: 0 10px 30px rgba(0,0,0,.16);
    border-radius: 5px;
    padding: 30px;
    background: #fff;
    z-index: 30
}

@media (max-width: 599px) {
    .jumbotron .searchWizard {
        width:100%;
        top: 320px;
        padding: 15px 15px 50px
    }
}

@media (max-width: 599px) {
    .jumbotron .searchWizard .sectionHeader br {
        display:none
    }
}

@media (max-width: 599px) {
    .jumbotron .searchWizard .greenButton {
        font-size:.7rem
    }
}

.jumbotron .searchWizard .greenButton img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    width: 16px;
    display: inline-block;
    margin-right: 10px
}

.jumbotron .searchWizard span {
    font-size: 1em;
    color: #6a746f;
    display: block;
    margin-bottom: 5px
}

.jumbotron .searchWizard p {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #24a85c;
    color: #fff;
    font-size: .8em;
    text-align: center;
    font-weight: 700;
    padding: 10px 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin: 0
}

@media (max-width: 599px) {
    .jumbotron .searchWizard p {
        padding:10px;
        text-align: center
    }
}

.sectionHeader {
    font-size: 35px;
    font-weight: 700;
    max-width: 680px;
    color: #063116;
    line-height: 1
}

.sectionHeader,.sectionSubHeader {
    font-family: Nunito,"sans-serif";
    margin-bottom: 10px
}

.sectionSubHeader {
    color: #24a85c;
    display: block;
    font-size: 20px
}

.form-group input,.form-group textarea {
    background: #f7f7f7;
    border: none;
    font-size: .8em;
    padding: 15px;
    min-height: 46px;
    width: 100%
}

footer {
    position: relative;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    padding-top: 50px;
    overflow: hidden;
    background: #f8f8f8
}

@media (max-width: 599px) {
    footer {
        background-image:url(img/592344f2840d21c970498b6f6fb32404.webp);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: 0 300px;
        background-color: #73d18a
    }
}

@media (min-width: 320px) and (max-width:737px) and (orientation:landscape) {
    footer {
        background-image:url(img/592344f2840d21c970498b6f6fb32404.webp);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: 0 300px;
        background-color: #73d18a
    }
}

footer .menu-footer-menu-support-container {
    margin-top: -5px
}

footer .greenBackgroundSVG {
    position: absolute;
    width: 100%;
    top: 130px;
    left: 0
}

@media (max-width: 599px) {
    footer .greenBackgroundSVG {
        display:none
    }
}

@media (min-width: 320px) and (max-width:737px) and (orientation:landscape) {
    footer .greenBackgroundSVG {
        display:none
    }
}

footer .rightDots {
    top: -36px;
    right: -36px;
    z-index: 0
}

footer .footerNewsLetter {
    width: 100%;
    background: #fff;
    margin-top: 0;
    box-shadow: 0 10px 30px rgba(0,0,0,.25);
    padding: 50px 50px 20px;
    margin-bottom: 50px;
    position: relative;
    z-index: 2
}

@media (max-width: 599px) {
    footer .footerNewsLetter {
        padding:50px 20px 0
    }
}

footer .footerNewsLetter .leftDots {
    left: -36px;
    bottom: -36px
}

footer .footerNewsLetter .greenButton {
    margin-top: 20px;
    float: right
}

footer .footerNewsLetter .ginput_container input::-webkit-input-placeholder {
    color: #acacac!important
}

footer .footerNewsLetter .ginput_container input::-moz-placeholder {
    color: #acacac!important
}

footer .footerNewsLetter .ginput_container input:-ms-input-placeholder {
    color: #acacac!important
}

footer .footerNewsLetter .ginput_container input::-ms-input-placeholder {
    color: #acacac!important
}

footer .footerNewsLetter .ginput_container input::placeholder {
    color: #acacac!important
}

footer .footerLogo {
    width: 100%;
    max-width: 250px;
    margin-bottom: 20px
}

@media (max-width: 599px) {
    footer .footerLogo {
        max-width:100%
    }
}

footer span {
    color: #fff;
    font-size: .8em;
    display: block
}

footer .copyrightText {
    display: block;
    margin-bottom: 5px
}

footer .footerNavHeader {
    font-weight: 700;
    color: #4d3b89;
    margin-bottom: 10px;
    display: block
}

@media (max-width: 599px) {
    footer .footerNavHeader {
        margin-top:20px
    }
}

footer .navList {
    margin: 0 0 15px;
    padding: 0
}

footer .navList li {
    list-style: none;
    display: block;
    font-size: .8em;
    margin-bottom: 10px
}

footer .navList li a {
    color: #fff
}

footer .socialLink {
    margin: 17px 0 5px;
    padding: 0
}

@media (max-width: 599px) {
    footer .socialLink {
        margin-top:10px
    }
}

footer .socialLink li {
    list-style: none;
    display: inline-block;
    margin-right: 10px
}

@media (max-width: 599px) {
    footer .socialLink li {
        max-width:22%
    }
}

footer .socialLink li img {
    width: 32px
}

footer .siteBy {
    display: block;
    margin-top: 10px
}

footer .siteBy a {
    color: #ffd898
}

@media (max-width: 599px) {
    footer .siteBy {
        margin-bottom:20px
    }
}

@media (min-width: 320px) and (max-width:737px) and (orientation:landscape) {
    footer .siteBy {
        margin-bottom:20px
    }
}

.modal-backdrop {
    background-color: #fff!important
}

.cardShadow {
    box-shadow: 0 10px 30px rgba(0,0,0,.16)
}

.gform_wrapper {
    margin-top: 0
}

.gform_wrapper ul.gform_fields li,.gform_wrapper ul.gform_fields li .ginput_container {
    margin-top: 0!important
}

.gform_wrapper ul.gform_fields li .ginput_container input,.gform_wrapper ul.gform_fields li .ginput_container textarea {
    margin-top: 0;
    margin-bottom: 10px;
    background: #f7f7f7;
    border: none;
    font-size: .8em!important;
    padding: 15px 20px!important;
    min-height: 46px;
    width: 100%;
    color: #063116;
    border-radius: 5px
}

.gform_wrapper ul.gform_fields li .ginput_container input::-webkit-input-placeholder,.gform_wrapper ul.gform_fields li .ginput_container textarea::-webkit-input-placeholder {
    color: #063116
}

.gform_wrapper ul.gform_fields li .ginput_container input::-moz-placeholder,.gform_wrapper ul.gform_fields li .ginput_container textarea::-moz-placeholder {
    color: #063116
}

.gform_wrapper ul.gform_fields li .ginput_container input:-ms-input-placeholder,.gform_wrapper ul.gform_fields li .ginput_container textarea:-ms-input-placeholder {
    color: #063116
}

.gform_wrapper ul.gform_fields li .ginput_container input::-ms-input-placeholder,.gform_wrapper ul.gform_fields li .ginput_container textarea::-ms-input-placeholder {
    color: #063116
}

.gform_wrapper ul.gform_fields li .ginput_container input::placeholder,.gform_wrapper ul.gform_fields li .ginput_container textarea::placeholder {
    color: #063116
}

.gform_wrapper .gform_footer {
    text-align: right;
    margin-top: 0!important;
    min-height: 70px;
    margin-bottom: 20px
}

.gform_wrapper .gform_footer input[type=submit] {
    background: transparent -webkit-gradient(linear,right top,left top,from(#6ede84),to(#3cad66)) 0 0 no-repeat padding-box;
    background: transparent linear-gradient(270deg,#6ede84,#3cad66) 0 0 no-repeat padding-box;
    color: #fff;
    border: none;
    border-radius: 20px;
    height: 40px;
    font-weight: 700;
    font-size: .8em;
    padding: 0 50px;
    display: block;
    float: right
}

.gform_wrapper .gform_footer input[type=submit]:hover {
    background: transparent -webkit-gradient(linear,right top,left top,from(#7fd490),to(#65b582)) 0 0 no-repeat padding-box;
    background: transparent linear-gradient(270deg,#7fd490,#65b582) 0 0 no-repeat padding-box
}

.woocommerce-error,.woocommerce-message {
    max-width: 1110px;
    margin: 0 auto 10px;
    border: none;
    font-size: .8rem;
    background: #24a85c;
    padding: 12px 43px;
    border-radius: 5px;
    color: #fff
}

.woocommerce-error a,.woocommerce-message a {
    color: #fff
}

.menu-icon {
    position: relative;
    padding: .3rem;
    display: -webkit-inline-box;
    display: inline-flex;
    cursor: pointer;
    color: inherit;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    z-index: 1040
}

.menu-icon-box {
    width: 26px;
    height: 26px;
    display: inline-block;
    position: relative
}

.menu-icon-inner {
    display: block;
    top: 50%;
    margin-top: -2px
}

.menu-icon-inner,.menu-icon-inner:after,.menu-icon-inner:before {
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #000
}

.menu-icon-inner:after,.menu-icon-inner:before {
    content: "";
    display: block
}

.menu-icon-inner:before {
    top: -8px
}

.menu-icon-inner:after {
    bottom: -8px
}

.menu-active .menu {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.menu {
    display: none;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    color: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1030;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.2,0,.2,1);
    transition: -webkit-transform .3s cubic-bezier(.2,0,.2,1);
    transition: transform .3s cubic-bezier(.2,0,.2,1);
    transition: transform .3s cubic-bezier(.2,0,.2,1),-webkit-transform .3s cubic-bezier(.2,0,.2,1)
}

.menu-inner {
    width: 100%;
    height: 100%;
    padding: 20px 30px
}

.menu-inner .navbar {
    padding: 0;
    margin: 20px 0
}

.menu-inner .navbar .navbar-nav {
    margin-top: 20px
}

.menu-inner .navbar .navbar-nav li {
    margin: 0 0 30px;
    padding: 0
}

.menu-inner .navbar .navbar-nav li a {
    border: none;
    color: #063116;
    font-size: 1.2rem
}

.menu-inner .navbar .navbar-nav li.show .nav-link:after {
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMy40NTkiIGhlaWdodD0iMTMuODUiPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCA4NzQiIGQ9Ik0xLjA2MSAxMi43ODlMMTEuNzI5IDIuMTIxbDEwLjY3IDEwLjY2OCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDYzMTE2IiBzdHJva2Utd2lkdGg9IjMiLz48L3N2Zz4=) no-repeat center;
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMy40NTkiIGhlaWdodD0iMTMuODUiPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCA4NzQiIGQ9Ik0xLjA2MSAxMi43ODlMMTEuNzI5IDIuMTIxbDEwLjY3IDEwLjY2OCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDYzMTE2IiBzdHJva2Utd2lkdGg9IjMiLz48L3N2Zz4=) no-repeat center;
    mask-size: 100% 100%;
    -webkit-mask-size: 100% 100%;
    mask-position: top;
    -webkit-mask-position: top
}

.menu-inner .navbar .navbar-nav .nav-item .nav-link:hover:before {
    display: none
}

.menu-inner .navbar .navbar-nav .current-menu-item>a {
    border: none;
    color: #063116!important;
    font-size: 1.2rem
}

.menu-inner .navbar .dropdown-menu {
    margin: 0 auto;
    padding: 0;
    box-shadow: none!important
}

.menu-inner .navbar .dropdown-menu li {
    margin: 0
}

.menu-inner .navbar .dropdown-menu li:last-child a {
    margin-bottom: 0;
    padding-bottom: 0!important
}

.menu-inner .navbar .dropdown-menu a {
    margin: 10px 0 0;
    padding: 10px 0!important;
    color: #6a746f;
    font-size: 1rem!important
}

.menu-inner .navbar .dropdown-menu a:hover {
    background: none!important
}

.menu-inner .navbar .dropdown-toggle:after {
    height: 18px;
    width: 24px;
    border: none;
    position: absolute;
    right: 0;
    top: -3px;
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMy40NTkiIGhlaWdodD0iMTMuODUiPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCA4NzMiIGQ9Ik0xLjA2MSAxLjA2MWwxMC42NjggMTAuNjY4IDEwLjY3LTEwLjY2OCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDYzMTE2IiBzdHJva2Utd2lkdGg9IjMiLz48L3N2Zz4=) no-repeat center;
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMy40NTkiIGhlaWdodD0iMTMuODUiPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCA4NzMiIGQ9Ik0xLjA2MSAxLjA2MWwxMC42NjggMTAuNjY4IDEwLjY3LTEwLjY2OCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDYzMTE2IiBzdHJva2Utd2lkdGg9IjMiLz48L3N2Zz4=) no-repeat center;
    mask-size: 24px 18px;
    -webkit-mask-size: 24px 18px;
    mask-position: top;
    -webkit-mask-position: top;
    background: #063116
}

.menu-inner .closeMenuBtn {
    border: none;
    background: none;
    margin-top: 10px;
    margin-right: -15px
}

.menu-inner .search-form input {
    margin-top: 0;
    margin-bottom: 10px;
    background: #f7f7f7;
    border: none;
    font-size: .8em!important;
    padding: 10px 20px!important;
    min-height: 46px;
    width: 160px!important;
    color: #063116;
    border-radius: 5px
}

.menu-inner .search-form #navigationSearchBtn {
    height: 50px;
    width: 30px
}

.menu-inner #navigationCartBtn {
    height: 50px!important;
    width: 30px!important;
    margin-left: 30px
}

button.active {
    background: #24a85c!important
}

a.active:before {
    width: 100%!important;
    content: "";
    left: 0;
    height: 3px;
    background: #24a85c;
    -webkit-transition: width 2s;
    -webkit-transition: width .3s;
    transition: width .3s
}

.woocommerce-error:before {
    content: ""
}

.woocommerce-error,.woocommerce-message {
    padding-left: 15px
}

.woocommerce-error:before,.woocommerce-message:before {
    content: ""
}

@media (max-width: 599px) {
    .navbar-toggler {
        margin-right:-15px
    }
}

.customNav {
    min-width: 350px
}

@media (max-width: 599px) {
    .customNav {
        min-width:100%;
        margin-left: 0;
        padding: 0
    }
}

.customNav>span {
    padding: 0 20px;
    font-size: .8rem;
    color: #063116
}

@media (max-width: 599px) {
    .customNav>span {
        color:#6a746f;
        padding-left: 0;
        margin-top: 10px;
        display: block
    }
}

.customNav li {
    -webkit-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out
}

.customNav li a {
    display: block;
    padding: 10px 20px!important;
    font-size: .8rem
}

.customNav li a small {
    margin-top: 5px;
    display: block;
    color: #707070
}

.customNav li .holidayNav {
    color: #64aceb!important
}

.customNav li:hover {
    background: #f7f7f7
}

.custom-pagination {
    margin: 20px 0;
    text-align: center;
    color: #24a85c;
    font-weight: 700;
    line-height: 2
}

.custom-pagination .current {
    background: #24a85c;
    color: #fff;
    border-radius: 50%
}

.custom-pagination .current,.custom-pagination .page-numbers {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 10px
}

.custom-pagination .next,.custom-pagination .prev {
    width: auto
}

.custom-pagination a {
    color: inherit
}

.custom-pagination a:hover {
    text-decoration: none
}

#homeProgramTypeContainer {
    position: relative;
    min-height: 550px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    padding-top: 50px;
    overflow: hidden
}

@media (max-width: 599px) {
    #homeProgramTypeContainer {
        background-size:100%;
        background-repeat: no-repeat;
        padding: 60px 0;
        line-height: 2rem
    }
}

#homeProgramTypeContainer .greenBackgroundSVG {
    position: absolute;
    z-index: -1;
    width: 100%;
    top: 0
}

#homeProgramTypeContainer div.programDtl {
    position: relative;
    overflow: hidden
}

#homeProgramTypeContainer .sectionHeader {
    color: #fff;
    margin-bottom: 25px
}

#homeProgramTypeContainer .programDtlContainer {
    min-height: 200px;
    background-color: #fff;
    width: 100%;
    border-radius: 5px;
    padding: 30px 150px 30px 30px;
    margin: 5px 0 20px;
    position: relative;
    overflow: hidden;
    border: 3px solid #fff;
    -webkit-transition: .2s;
    transition: .2s
}

@media (max-width: 599px) {
    #homeProgramTypeContainer .programDtlContainer {
        padding:15px
    }
}

#homeProgramTypeContainer .programDtlContainer:hover {
    border: 3px solid #f7931e;
    -webkit-transition: .2s;
    transition: .2s
}

#homeProgramTypeContainer .programDtlContainer strong {
    font-family: Nunito,"sans-serif";
    color: #063116;
    font-size: 1.5em;
    display: block;
    margin-bottom: 10px;
    font-weight: 800
}

@media (max-width: 599px) {
    #homeProgramTypeContainer .programDtlContainer strong {
        font-size:1.3em
    }
}

@media (max-width: 599px) {
    #homeProgramTypeContainer .programDtlContainer p {
        margin-right:65px;
        line-height: 1.2rem
    }
}

#homeProgramTypeContainer .background {
    position: absolute;
    right: -20px;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    background-size: cover
}

@media (max-width: 599px) {
    #homeProgramTypeContainer .background {
        width:100px;
        height: 100px;
        top: 40%
    }
}

#homeProgramTypeContainer .leftDots {
    bottom: 60px;
    left: -80px
}

#homeProgramLevel {
    margin: 50px 0;
    min-height: 600px
}

#homeProgramLevel .sectionHeader {
    max-width: 600px
}

#homeProgramLevel .sectionSubHeader {
    color: #24A85C;
    margin-bottom: 20px;
    font-size: 2em
}

#homeProgramLevel .sectionHeader {
    margin-bottom: 20px;
    font-size: 1.5em
}

#homeProgramLevel p {
    color: #171D1A;
    font-weight: 500;
    max-width: 600px;
    margin: 0 auto
}

#homeProgramLevel .programLevelList {
    margin-top: 30px;
    margin: 0 auto;
}

#homeProgramLevel .programLevelList .tab-content {
    margin-bottom: 60px;
}

#homeProgramLevel .programLevelList .nav {
    margin: 0 auto;
    max-width: 400px;
    height: 44px;
    border-radius: 22px;
    text-align: center;
    border: 2px solid #063116;
    margin-top: 15px
}

#homeProgramLevel .programLevelList .nav .nav-item {
    display: inline-block;
    width: 50%
}

@media (max-width: 599px) {
    #homeProgramLevel .programLevelList .nav .nav-item {
        font-size:.8rem
    }
}

#homeProgramLevel .programLevelList .nav .nav-item .nav-link {
    color: #063116;
    font-weight: 700;
    padding: 10px 0;
    top: -2px;
    position: relative;
    left: -2px
}

@media (max-width: 599px) {
    #homeProgramLevel .programLevelList .nav .nav-item .nav-link {
        padding:13px 0
    }
}

#homeProgramLevel .programLevelList .nav .nav-item .nav-link.active {
    background: transparent -webkit-gradient(linear,left top,right top,from(#6ede84),to(#3cad66)) 0 0 no-repeat padding-box;
    background: transparent linear-gradient(90deg,#6ede84,#3cad66) 0 0 no-repeat padding-box;
    color: #fff;
    border-radius: 22px
}

#homeProgramLevel .programLevelList .nav .nav-item:nth-child(2) .nav-link {
    left: auto;
    right: -2px
}

#homeProgramLevel .programLevelList .nav .nav-item:nth-child(2) .nav-link.active {
    left: auto
}

#homeProgramLevel .programLevelList .item {
    text-align: center;
    margin-top: 20px
}

#homeProgramLevel .programLevelList .item a:hover {
    text-decoration: none
}

#homeProgramLevel .programLevelList .item a:hover strong {
    text-decoration: underline
}

#homeProgramLevel .programLevelList .item strong {
    display: block;
    color: #24a85c
}

#homeProgramLevel .programLevelList .item span {
    color: #24a85c;
    font-size: .8em;
    display: block;
    font-weight: 700;
    margin-bottom: 5px;
    margin: 0 auto;
}

#homeProgramLevel .programLevelList .item img {
    max-height: 150px; 
    max-width:150px;
}

#homeProgramLevel .programLevelList .item .orangeTheme span,#homeProgramLevel .programLevelList .item .orangeTheme strong {
    color: #f7931e
}

#homeProgramLevel .programLevelList .item .blueTheme span,#homeProgramLevel .programLevelList .item .blueTheme strong {
    color: #147bba
}

#homeProgramLevel .programLevelList .item .redTheme span,#homeProgramLevel .programLevelList .item .redTheme strong {
    color: #D72330
}

#homeProgramLevel .programLevelList .item .purpleTheme span,#homeProgramLevel .programLevelList .item .purpleTheme strong {
    color: #4d3b89
}

#homeProgramLevel .programLevelList .item .pinkTheme span,#homeProgramLevel .programLevelList .item .pinkTheme strong {
    color: #ff66cc
}

#homeProgramLevel .rightDots {
    top: 80px;
    right: 0
}

#homeAboutUs {
    position: relative;
    min-height: 500px;
    width: 100%;
    padding-top: 70px;
    padding-bottom: 200px;
    margin: 50px 0;
    overflow: hidden;
}

#homeAboutUs p {
    color: #171D1A;
    font-weight: 500;
}

#homeAboutUs .sectionHeader {
    color: #4d3b89;
    font-size: 1.6em;
}

#homeAboutUs .sectionSubHeader {
    color: #4d3b89;
    margin-bottom: 80px;
    font-size: 2em;
}

@media (max-width: 599px) {
    #homeAboutUs .sectionSubHeader {
        margin-bottom:20px
    }
}

#homeAboutUs .leftDots {
    left: -30px;
    top: -80px
}

@media (max-width: 599px) {
    #homeAboutUs .link {
        margin-bottom:30px;
        display: block
    }
}

#homeVoucher {
    margin-top: -150px;
    margin-bottom: 50px;
    min-height: 725px;
    position: relative;
    overflow: hidden;
    padding-top: 60px;
    padding-bottom: 40px
}

@media (max-width: 993px) {
    #homeVoucher {
        padding-bottom: 40px;
    }
}

@media (max-width: 599px) {
    #homeVoucher {
        background-repeat:no-repeat;
        background-size: 100%;
        padding-top: 30px;
    }
}

#homeVoucher>.container {
    min-height: 200px
}

#homeVoucher .sectionHeader {
    color: #fff;
    font-size: 1.6em;
}

@media (max-width: 1200px) {
    #homeVoucher .sectionHeader {
        max-width: 350px;
    }
}

@media (max-width: 993px) {
    #homeVoucher .sectionHeader {
        margin-top: 200px;
        max-width: 350px;
    }
}

@media (max-width: 767px) {
    #homeVoucher .sectionHeader {
        margin-top: 30px;
    }
}

#homeVoucher .sectionSubHeader {
    color: #fff;
    margin-bottom: 60px;
    font-size: 2em;
}

@media (max-width: 599px) {
    #homeVoucher .sectionSubHeader {
        margin-bottom: 30px;
    }
}

#homeVoucher .voucherImage {
    width: 200px;
    margin-right: 40px
}

@media (max-width: 599px) {
    #homeVoucher .voucherImage {
        text-align: center;
        display:block;
        margin: 0 auto;
        width: 70%;
        margin-bottom: 30px;
    }
}

#homeVoucher .voucherDetails {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    left: 240px
}

@media (max-width: 599px) {
    #homeVoucher .voucherDetails {
        position:relative;
        left: auto;
        top: auto;
        margin-top: 0;
        -webkit-transform: none;
        transform: none
    }
}

#homeVoucher .voucherDetails a,#homeVoucher .voucherDetails p {
    color: #fff
}

#homeTestimonials .sectionSubHeader{
    margin-top: 60px;
    margin-bottom:20px;
}

@media (max-width: 993px) {
    #homeTestimonials .sectionSubHeader {
        margin-top:250px;
    }
}

@media (max-width: 767px) {
    #homeTestimonials .sectionSubHeader {
        margin-top: 120px;
    }
}

@media (max-width: 599px) {
    #homeTestimonials .sectionSubHeader {
        margin-top: 40px;
    }
}

#homeCommunitySponsors {
    min-height: 100px;
    width: 100%;
    margin: 50px 0
}

#homeCommunitySponsors .sectionSubHeader{
    font-size: 2em;
}

#homeCommunitySponsors p {
    color: #171D1A;
    margin-bottom: 0;
    font-weight:500;
}

#homeCommunitySponsors .item {
    margin-bottom: 20px;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative
}

#homeCommunitySponsors .item img {
    width: 80%;
    margin: 0 auto;
    display: block
}

#homeCommunitySponsors .leftDots {
    left: -50px;
    top: -50px
}

#searchWizardModal .modal-content {
    border: none
}

#searchWizardModal .close {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 2
}

#searchWizardModal .wizard .content {
    display: block;
    min-height: 250px;
    overflow: hidden;
    position: relative;
    width: auto
}

@media (max-width: 599px) {
    #searchWizardModal .wizard .content {
        min-height:60vh;
        overflow-y: scroll
    }
}

#searchWizardModal .wizard .content .body {
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px
}

@media (max-width: 599px) {
    #searchWizardModal .wizard .content .body {
        margin-left:0;
        margin-right: 0;
        width: 100%
    }
}

#searchWizardModal .wizard .content .body .sectionSubHeader {
    margin-bottom: 5px;
    line-height: 1rem
}

#searchWizardModal .wizard .content .body .sectionHeader {
    font-weight: 700!important;
    margin-bottom: 5px
}

#searchWizardModal .wizard .content .body .radio-toolbar {
    margin-top: 40px
}

#searchWizardModal .wizard .actions a {
    padding-top: 10px;
    margin: 0
}

#searchWizardModal .wizard .actions a:hover {
    text-decoration: none
}

.steps {
    display: none!important
}

.tabcontrol,.wizard {
    display: block;
    width: 100%;
    overflow: hidden
}

.tabcontrol ul,.wizard ul {
    list-style: none!important;
    padding: 0;
    margin: 0
}

.tabcontrol ul>li,.wizard ul>li {
    display: block;
    padding: 0
}

.tabcontrol>.content>.title,.tabcontrol>.steps .current-info,.wizard>.content>.title,.wizard>.steps .current-info {
    position: absolute;
    left: -999em
}

.wizard>.steps {
    position: relative;
    display: block;
    width: 100%
}

.wizard.vertical>.steps {
    display: inline;
    float: left;
    width: 30%
}

.wizard>.steps .number {
    font-size: 1.429em
}

.wizard>.steps>ul>li {
    width: 25%
}

.wizard>.actions>ul>li,.wizard>.steps>ul>li {
    float: left
}

.wizard>.actions>ul>li:first-child,.wizard>.steps>ul>li:first-child {
    display: none
}

.wizard.vertical>.steps>ul>li {
    float: none;
    width: 100%
}

.wizard>.steps a,.wizard>.steps a:active,.wizard>.steps a:hover {
    display: block;
    width: auto;
    margin: 0 .5em .5em;
    padding: 1em;
    text-decoration: none;
    border-radius: 5px
}

.wizard.vertical>.content {
    display: inline;
    float: left;
    margin: 0 2.5% .5em;
    width: 65%
}

.wizard>.content>.body ul {
    list-style: disc!important
}

.wizard>.content>.body ul>li {
    display: list-item
}

.wizard>.content>.body>iframe {
    border: 0;
    width: 100%;
    height: 100%
}

.wizard>.content>.body input {
    display: block;
    border: 1px solid #ccc
}

.wizard>.content>.body input[type=checkbox] {
    display: inline-block
}

.wizard>.content>.body input.error {
    background: #fbe3e4;
    border: 1px solid #fbc2c4;
    color: #8a1f11
}

.wizard>.content>.body label {
    display: inline-block;
    margin-bottom: .5em
}

.wizard>.content>.body label.error {
    color: #8a1f11;
    display: inline-block;
    margin-left: 1.5em
}

.wizard>.actions {
    position: relative;
    display: block;
    text-align: right;
    width: 100%
}

.wizard.vertical>.actions {
    display: inline;
    float: right;
    margin: 0 2.5%;
    width: 95%
}

.wizard>.actions>ul {
    display: inline-block;
    text-align: right
}

.wizard>.actions>ul>li {
    margin: 0 .5em
}

.wizard.vertical>.actions>ul>li {
    margin: 0 0 0 1em
}

.tabcontrol>.steps {
    position: relative;
    display: block;
    width: 100%
}

.tabcontrol>.steps>ul {
    position: relative;
    margin: 6px 0 0;
    top: 1px;
    z-index: 1
}

.tabcontrol>.steps>ul>li {
    float: left;
    margin: 5px 2px 0 0;
    padding: 1px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.tabcontrol>.steps>ul>li:hover {
    background: #edecec;
    border: 1px solid #bbb;
    padding: 0
}

.tabcontrol>.steps>ul>li.current {
    background: #fff;
    border: 1px solid #bbb;
    border-bottom: 0;
    padding: 0 0 1px;
    margin-top: 0
}

.tabcontrol>.steps>ul>li>a {
    color: #5f5f5f;
    display: inline-block;
    border: 0;
    margin: 0;
    padding: 10px 30px;
    text-decoration: none
}

.tabcontrol>.steps>ul>li>a:hover {
    text-decoration: none
}

.tabcontrol>.steps>ul>li.current>a {
    padding: 15px 30px 10px
}

.tabcontrol>.content {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 35em;
    overflow: hidden;
    border-top: 1px solid #bbb;
    padding-top: 20px
}

.tabcontrol>.content>.body {
    float: left;
    position: absolute;
    width: 95%;
    height: 95%;
    padding: 2.5%
}

.tabcontrol>.content>.body ul {
    list-style: disc!important
}

.tabcontrol>.content>.body ul>li {
    display: list-item
}

.courseMetaList {
    margin-bottom: 10px
}

@media (max-width: 599px) {
    .courseMetaList {
        text-align:center
    }
}

.courseMetaList li {
    display: inline-block;
    font-size: .8rem;
    font-weight: 700;
    color: #063116;
    margin-right: 30px
}

.courseMetaList li:last-child {
    margin-right: 0
}

@media (max-width: 599px) {
    .courseMetaList li {
        margin-right:10px
    }
}

.coursesBanner {
    padding-top: 80px;
    margin-bottom: 40px!important
}

@media (max-width: 599px) {
    .coursesBanner {
        background-repeat:no-repeat;
        background-size: 100%;
        min-height: auto!important;
        padding: 40px 0!important
    }
}

.coursesBanner .sectionHeader {
    max-width: 600px;
    margin-left: 80px
}

@media (max-width: 599px) {
    .coursesBanner .sectionHeader {
        margin-left:0
    }
}

.locationPopupLink {
    color: #1b48d6;
    font-weight: 700;
    font-size: .8rem;
    position: relative;
    padding-left: 25px
}

.locationPopupLink:before {
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEgLS41MjMpIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZT0iIzFiNDhkNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBmaWxsPSJub25lIj48Y2lyY2xlIGRhdGEtbmFtZT0iRWxsaXBzZSA4NSIgY3g9IjcuNSIgY3k9IjcuNSIgcj0iNy41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyIDEuNTIzKSIvPjxwYXRoIGRhdGEtbmFtZT0iTGluZSAzNSIgZD0iTTkuNSAxMS41MjN2LTMiLz48cGF0aCBkYXRhLW5hbWU9IkxpbmUgMzYiIGQ9Ik05LjUgNS41MjNoMCIvPjwvZz48L3N2Zz4=);
    width: 17px;
    height: 17px;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: 15px;
    position: absolute
}

@media (max-width: 599px) {
    .locationPopupLink:before {
        top:2px
    }
}

.locationPopupLink:hover {
    text-decoration: none
}

.radio-toolbar {
    margin-top: 15px;
    margin-bottom: 25px
}

.radio-toolbar>div {
    display: inline-block;
    margin-right: 15px;
    position: relative
}

.radio-toolbar label {
    display: inline-block;
    padding: 10px 20px;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    background: #fff;
    border-radius: 10px;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s
}

.radio-toolbar label:hover {
    background-color: #eee;
    -webkit-transition: .2s;
    transition: .2s
}

.radio-toolbar input[type=radio] {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.radio-toolbar input[type=radio]:checked+label {
    background-color: #063116;
    color: #fff
}

#courseFilterFormContainer {
    position: relative;
    padding-top: 5px
}

@media (max-width: 599px) {
    #courseFilterFormContainer #course-filters {
        margin-bottom:60px!important
    }
}

#courseFilterFormContainer #course-filters .sectionSubHeader {
    color: #063116;
    font-size: 1rem;
    font-weight: 700
}

@media (max-width: 599px) {
    #courseFilterFormContainer #course-filters .sectionSubHeader {
        margin-bottom:15px
    }
}

#courseFilterFormContainer #course-filters .other-filters {
    margin-top: 15px
}

#courseFilterFormContainer #course-filters .other-filters .greenButton {
    margin-top: 30px;
    display: inline-block;
    margin-left: 20px
}

#courseFilterFormContainer #course-filters .other-filters .greenButton:first-child {
    margin-left: 0
}

@media (max-width: 599px) {
    #courseFilterFormContainer #course-filters .other-filters .greenButton {
        margin-top:0;
        margin-left: 0
    }
}

#courseFilterFormContainer #course-filters .other-filters select {
    cursor: pointer
}

@media (max-width: 599px) {
    #courseFilterFormContainer #course-filters .other-filters select {
        margin-bottom:20px
    }
}

#courseFilterFormContainer .rightDots {
    top: -50px;
    right: 0
}

#courseContainer .fade:not(.show) {
    z-index: -1
}

#courseContainer .courseList .courseCard {
    box-shadow: 0 5px 10px rgba(0,0,0,.16);
    min-height: 200px;
    border-radius: 5px;
    margin: 0 -10px 100px 0
}

@media (max-width: 599px) {
    #courseContainer .courseList .courseCard {
        margin:0 0 100px
    }
}

#courseContainer .courseList .courseCard .cardBody {
    padding: 15px 15px 10px;
    position: relative;
    background: #fff
}

#courseContainer .courseList .courseCard .cardBody .sold-out {
    position: absolute;
    background: #fee2e2;
    color: #d72330;
    padding: 4px 8px;
    border-radius: 10px;
    top: 10px;
    right: 10px;
    font-weight: 600;
    font-size: 14px
}

#courseContainer .courseList .courseCard .cardBody .courseIcon {
    width: 150px;
    height: 150px;
    position: absolute;
    left: calc(50% - 75px);
    top: -75px;
    border-radius: 50%;
    background-size: 135px;
    background-position: 50%;
    background-repeat: no-repeat
}

#courseContainer .courseList .courseCard .cardBody .sectionSubHeader {
    color: #063116;
    line-height: 1em;
    margin-bottom: 5px
}

#courseContainer .courseList .courseCard .cardBody .sectionSubHeader.holidayProgram {
    color: #64aceb
}

@media (max-width: 599px) {
    #courseContainer .courseList .courseCard .cardBody .sectionSubHeader {
        max-width:30%
    }
}

#courseContainer .courseList .courseCard .cardBody .location {
    color: #707070;
    font-weight: 700;
    font-size: .8rem
}

#courseContainer .courseList .courseCard .cardBody .courseShortDetails {
    text-align: center;
    margin-top: 10px
}

#courseContainer .courseList .courseCard .cardBody .courseShortDetails .sectionSubHeader {
    color: #24a85c;
    margin-bottom: 10px
}

@media (max-width: 599px) {
    #courseContainer .courseList .courseCard .cardBody .courseShortDetails .sectionSubHeader {
        max-width:100%
    }
}

#courseContainer .courseList .courseCard .cardBody .courseShortDetails p {
    max-width: 400px;
    margin: 0 auto
}

#courseContainer .courseList .courseCard .cardBody .courseShortDetails .viewCourseBtn {
    color: #fff;
    font-weight: 700;
    font-size: .8rem;
    padding: 10px 20px;
    border-radius: 20px;
    margin-top: 20px;
    display: inline-block
}

#courseContainer .courseList .courseCard .cardBody .courseShortDetails .viewCourseBtn:hover {
    text-decoration: none
}

#courseContainer .courseList .courseCard .cardBody .courseScheduleLocationList {
    margin: 20px -15px 0
}

#courseContainer .courseList .courseCard .cardBody .courseScheduleLocationList .viewBtn {
    border-top: 1px solid #d1d1d1;
    display: block;
    text-align: center;
    padding-top: 10px;
    font-size: .8rem;
    font-weight: 700;
    color: #24a85c;
    position: relative
}

#courseContainer .courseList .courseCard .cardBody .courseScheduleLocationList .viewBtn:hover {
    text-decoration: none
}

#courseContainer .courseList .courseCard .cardBody .courseScheduleLocationList .viewBtn:after {
    content: "";
    width: 18px;
    height: 9px;
    top: 15px;
    position: absolute;
    left: calc(50% + 98px);
    background: #24a85c;
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS4xMiIgaGVpZ2h0PSIxMS42ODEiPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCA2IiBkPSJNMS4wNiAxMC42Mmw4LjUtOC41IDguNSA4LjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzI0YTg1YyIgc3Ryb2tlLXdpZHRoPSIzIi8+PC9zdmc+) no-repeat;
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS4xMiIgaGVpZ2h0PSIxMS42ODEiPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCA2IiBkPSJNMS4wNiAxMC42Mmw4LjUtOC41IDguNSA4LjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzI0YTg1YyIgc3Ryb2tlLXdpZHRoPSIzIi8+PC9zdmc+) no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    mask-size: 100%;
    -webkit-mask-size: 100%
}

#courseContainer .courseList .courseCard .cardBody .courseScheduleLocationList .collapsed:after {
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS4xMiIgaGVpZ2h0PSIxMS42ODEiPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCA2IiBkPSJNMTguMDU5IDEuMDYxbC04LjUgOC41LTguNS04LjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzI0YTg1YyIgc3Ryb2tlLXdpZHRoPSIzIi8+PC9zdmc+) no-repeat center;
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS4xMiIgaGVpZ2h0PSIxMS42ODEiPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCA2IiBkPSJNMTguMDU5IDEuMDYxbC04LjUgOC41LTguNS04LjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzI0YTg1YyIgc3Ryb2tlLXdpZHRoPSIzIi8+PC9zdmc+) no-repeat center;
    background: #24a85c;
    top: 17px
}

#courseContainer .courseList .courseCard .cardBody .courseScheduleLocationList .card-body {
    background: #fafafa;
    border: none;
    padding: 0
}

#courseContainer .courseList .courseCard .cardBody .courseScheduleLocationList .locationRow {
    padding: 20px 20px 0;
    border-bottom: 1px solid #acacac;
    position: relative
}

#courseContainer .courseList .courseCard .cardBody .courseScheduleLocationList .locationRow .dateList {
    margin-bottom: 15px
}

#courseContainer .courseList .courseCard .cardBody .courseScheduleLocationList .locationRow:last-child {
    border-bottom: none
}

#courseContainer .courseList .courseCard .cardBody .courseScheduleLocationList .locationRow>div {
    position: relative
}

#courseContainer .courseList .courseCard .cardBody .courseScheduleLocationList .locationRow .sectionSubHeader {
    color: #063116;
    font-size: .8rem
}

#courseContainer .courseList .courseCard .cardBody .courseScheduleLocationList .locationRow .dateList p {
    margin-bottom: 0
}

#courseContainer .courseList .courseCard .cardBody .courseScheduleLocationList .locationRow p {
    font-size: .7rem;
    margin-top: 3px;
    display: inline-block;
    margin-bottom: 20px
}

@media (max-width: 599px) {
    #courseContainer .courseList .courseCard .cardBody .courseScheduleLocationList .locationRow .locationPopupLink {
        margin-bottom:15px;
        display: block
    }
}

#courseContainer .courseList .courseCard .cardBody .courseScheduleLocationList .locationRow .importantInfo {
    background: #063116;
    color: #fff;
    font-style: italic;
    font-size: .8rem;
    position: absolute;
    bottom: 20px;
    width: auto;
    border-radius: 5px;
    padding: 5px 15px;
    font-weight: 700
}

@media (max-width: 599px) {
    #courseContainer .courseList .courseCard .cardBody .courseScheduleLocationList .locationRow .importantInfo {
        position:relative;
        margin-top: 15px;
        display: inline-block
    }
}

#courseContainer .courseList .courseCard .cardBody .courseScheduleLocationList .locationRow .disabled {
    background: hsla(0,0%,100%,.74);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#courseContainer .courseList .greenTheme .courseCard {
    border: 4px solid #24a85c
}

#courseContainer .courseList .greenTheme .courseCard .courseMetaList li {
    color: #24a85c
}

#courseContainer .courseList .greenTheme .courseCard .viewCourseBtn {
    background: #24a85c;
    border: 2px solid #24a85c;
    -webkit-transition: .2s;
    transition: .2s;
    border-radius: 22px!important
}

#courseContainer .courseList .greenTheme .courseCard .viewCourseBtn:hover {
    background: none;
    color: #24a85c;
    border: 2px solid #24a85c;
    -webkit-transition: .2s;
    transition: .2s
}

#courseContainer .courseList .purpleTheme .courseCard {
    border: 4px solid #4d3b89
}

#courseContainer .courseList .purpleTheme .courseCard .courseMetaList li {
    color: #4d3b89
}

#courseContainer .courseList .purpleTheme .courseCard .courseShortDetails .sectionSubHeader {
    color: #4d3b89!important
}

#courseContainer .courseList .purpleTheme .courseCard .viewCourseBtn {
    background: #4d3b89;
    border: 2px solid #4d3b89;
    -webkit-transition: .2s;
    transition: .2s;
    border-radius: 22px!important
}

#courseContainer .courseList .purpleTheme .courseCard .viewCourseBtn:hover {
    background: none;
    color: #4d3b89;
    border: 2px solid #4d3b89;
    -webkit-transition: .2s;
    transition: .2s
}

#courseContainer .courseList .purpleTheme .courseCard .courseScheduleLocationList .viewBtn {
    color: #4d3b89
}

#courseContainer .courseList .purpleTheme .courseCard .courseScheduleLocationList .collapsed:after,#courseContainer .courseList .purpleTheme .courseCard .courseScheduleLocationList .viewBtn:after {
    background: #4d3b89
}

#courseContainer .courseList .orangeTheme .courseCard {
    border: 4px solid #f7931e
}

#courseContainer .courseList .orangeTheme .courseCard .courseMetaList li {
    color: #f7931e
}

#courseContainer .courseList .orangeTheme .courseCard .courseShortDetails .sectionSubHeader {
    color: #f7931e!important
}

#courseContainer .courseList .orangeTheme .courseCard .viewCourseBtn {
    background: #f7931e;
    border: 2px solid #f7931e;
    -webkit-transition: .2s;
    transition: .2s;
    border-radius: 22px!important
}

#courseContainer .courseList .orangeTheme .courseCard .viewCourseBtn:hover {
    background: none;
    color: #f7931e;
    border: 2px solid #f7931e;
    -webkit-transition: .2s;
    transition: .2s
}

#courseContainer .courseList .orangeTheme .courseCard .courseScheduleLocationList .viewBtn {
    color: #f7931e
}

#courseContainer .courseList .orangeTheme .courseCard .courseScheduleLocationList .collapsed:after,#courseContainer .courseList .orangeTheme .courseCard .courseScheduleLocationList .viewBtn:after {
    background: #f7931e
}

#courseContainer .courseList .blueTheme .courseCard {
    border: 4px solid #147bba
}

#courseContainer .courseList .blueTheme .courseCard .courseMetaList li {
    color: #147bba
}

#courseContainer .courseList .blueTheme .courseCard .courseShortDetails .sectionSubHeader {
    color: #147bba!important
}

#courseContainer .courseList .blueTheme .courseCard .viewCourseBtn {
    background: #147bba;
    border: 2px solid #147bba;
    -webkit-transition: .2s;
    transition: .2s;
    border-radius: 22px!important
}

#courseContainer .courseList .blueTheme .courseCard .viewCourseBtn:hover {
    background: none;
    color: #147bba;
    border: 2px solid #147bba;
    -webkit-transition: .2s;
    transition: .2s
}

#courseContainer .courseList .blueTheme .courseCard .courseScheduleLocationList .viewBtn {
    color: #147bba
}

#courseContainer .courseList .blueTheme .courseCard .courseScheduleLocationList .collapsed:after,#courseContainer .courseList .blueTheme .courseCard .courseScheduleLocationList .viewBtn:after {
    background: #147bba
}

#courseContainer .courseList .redTheme .courseCard {
    border: 4px solid #ff767b
}

#courseContainer .courseList .redTheme .courseCard .courseMetaList li {
    color: #ff767b
}

#courseContainer .courseList .redTheme .courseCard .courseShortDetails .sectionSubHeader {
    color: #ff767b!important
}

#courseContainer .courseList .redTheme .courseCard .viewCourseBtn {
    background: #ff767b;
    border: 2px solid #ff767b;
    -webkit-transition: .2s;
    transition: .2s;
    border-radius: 22px!important
}

#courseContainer .courseList .redTheme .courseCard .viewCourseBtn:hover {
    background: none;
    color: #ff767b;
    border: 2px solid #ff767b;
    -webkit-transition: .2s;
    transition: .2s
}

#courseContainer .courseList .redTheme .courseCard .courseScheduleLocationList .viewBtn {
    color: #ff767b
}

#courseContainer .courseList .redTheme .courseCard .courseScheduleLocationList .collapsed:after,#courseContainer .courseList .redTheme .courseCard .courseScheduleLocationList .viewBtn:after {
    background: #ff767b
}

#courseContainer .courseList .pinkTheme .courseCard {
    border: 4px solid #ff66cc
}

#courseContainer .courseList .pinkTheme .courseCard .courseMetaList li {
    color: #ff66cc
}

#courseContainer .courseList .pinkTheme .courseCard .courseShortDetails .sectionSubHeader {
    color: #ff66cc!important
}

#courseContainer .courseList .pinkTheme .courseCard .viewCourseBtn {
    background: #ff66cc;
    border: 2px solid #ff66cc;
    -webkit-transition: .2s;
    transition: .2s;
    border-radius: 22px!important
}

#courseContainer .courseList .pinkTheme .courseCard .viewCourseBtn:hover {
    background: none;
    color: #ff66cc;
    border: 2px solid #ff66cc;
    -webkit-transition: .2s;
    transition: .2s
}

#courseContainer .courseList .pinkTheme .courseCard .courseScheduleLocationList .viewBtn {
    color: #ff66cc
}

#courseContainer .courseList .pinkTheme .courseCard .courseScheduleLocationList .collapsed:after,#courseContainer .courseList .pinkTheme .courseCard .courseScheduleLocationList .viewBtn:after {
    background: #ff66cc
}

#checkoutProgressbar {
    max-width: 640px;
    margin: 40px auto
}

#checkoutProgressbar ul {
    border-top: 1px solid #d1d1d1;
    padding-top: 20px;
    margin: 0 20px
}

#checkoutProgressbar ul li {
    float: left;
    position: relative
}

#checkoutProgressbar ul li .sectionSubHeader {
    margin-left: -25px;
    font-size: .8rem
}

#checkoutProgressbar ul li:before {
    content: "";
    width: 22px;
    height: 22px;
    position: absolute;
    border-radius: 50%;
    left: 3px;
    top: -32px;
    z-index: 1;
    background: #ddd
}

#checkoutProgressbar ul li.active:before {
    background: #24a85c;
    border: 1px solid #24a85c;
    width: 22px;
    height: 22px;
    left: 4px;
    top: -31px
}

#checkoutProgressbar ul li.disableAfter:before {
    left: 0!important
}

#checkoutProgressbar ul li.disableAfter:after {
    border: none!important;
    background: none!important
}

#checkoutProgressbar ul li.disableAfter .sectionSubHeader {
    color: #d1d1d1!important
}

#checkoutProgressbar ul li.active:after {
    content: "";
    background: #fff;
    border: 1px solid #24a85c;
    width: 30px;
    height: 30px;
    position: absolute;
    border-radius: 50%;
    left: 0;
    top: -35px
}

#checkoutProgressbar ul li:nth-child(2) {
    float: right
}

#checkoutProgressbar ul li:nth-child(2):before {
    right: 0;
    left: auto
}

#checkoutProgressbar ul li:nth-child(2) .sectionSubHeader {
    margin-right: -20px;
    margin-left: 0;
    color: #d1d1d1
}

#checkoutProgressbar ul li.active:nth-child(2) {
    float: right
}

#checkoutProgressbar ul li.active:nth-child(2):before {
    right: 4px;
    left: auto
}

#checkoutProgressbar ul li.active:nth-child(2):after {
    right: 0;
    left: auto
}

#checkoutProgressbar ul li.active:nth-child(2) .sectionSubHeader {
    color: #24a85c
}

#checkoutProgressbar .progress100 {
    border-top: 2px solid #24a85c
}

#bookingCartContainer {
    margin: 50px 0
}

.accordion-header {
    width: 100%
}

.accordion-header .cardShadow {
    border-radius: 5px
}

.accordion-header:hover {
    text-decoration: none
}

@media (max-width: 599px) {
    .bookingCart {
        margin-bottom:20px
    }
}

.bookingCart .header {
    background: #24a85c;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.bookingCart .header h3 {
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    padding: 10px 15px
}

@media (max-width: 599px) {
    .bookingCart .header h3 {
        padding:15px 20px
    }
}

.bookingCart .content {
    padding: 20px 20px 22px;
    margin-top: -2px;
    background: #fff;
    border-radius: 5px
}

.bookingCart .content .sectionSubHeader {
    color: #063116;
    margin-bottom: 0
}

@media (max-width: 599px) {
    .bookingCart .content .sectionSubHeader {
        text-align:center
    }
}

.bookingCart .content hr {
    margin: 20px 0
}

.bookingCart .content .product-thumbnail img {
    width: 100%;
    height: auto
}

@media (max-width: 599px) {
    .bookingCart .content .product-thumbnail img {
        max-width:100px
    }
}

.bookingCart .content .program-details ul li {
    font-size: .8rem;
    color: #6a746f;
    margin-bottom: 3px
}

.bookingCart .content .program-details ul li:first-child {
    color: #063116;
    font-weight: 700
}

.bookingCart .content .program-details ul li a {
    font-weight: 700;
    color: #1b48d6
}

@media (max-width: 599px) {
    .bookingCart .content .program-details ul li a {
        text-decoration:underline
    }
}

@media (max-width: 599px) {
    .bookingCart .content .booking-details .sectionSubHeader {
        margin-bottom:10px;
        margin-top: 10px
    }
}

.bookingCart .content .booking-details ul li {
    font-size: .8rem;
    color: #6a746f;
    margin-bottom: 3px
}

.bookingCart .content .booking-details ul li:first-child {
    color: #063116;
    font-weight: 700
}

.bookingCart .content .booking-details a {
    color: #f7931e;
    font-size: .8rem
}

.bookingCart .content .remove-and-price {
    position: relative
}

@media (max-width: 599px) {
    .bookingCart .content .remove-and-price {
        text-align:center
    }
}

.bookingCart .content .remove-and-price a {
    font-size: .8rem;
    color: #ff767b;
    display: block;
    text-align: right
}

@media (max-width: 599px) {
    .bookingCart .content .remove-and-price a {
        text-align:center
    }
}

.bookingCart .content .remove-and-price strong {
    position: absolute;
    bottom: 0;
    right: 15px;
    font-size: .8rem
}

@media (max-width: 599px) {
    .bookingCart .content .remove-and-price strong {
        position:relative;
        width: 100%;
        right: 0!important;
        margin: 15px 0
    }
}

.bookingCart .accordion-item {
    margin-top: 20px
}

.bookingCart .accordion-content {
    background: #fff
}

.bookingCart .accordion-content .woocommerce-input-wrapper {
    display: block;
    width: 100%
}

.bookingCart .accordion-content .woocommerce-input-wrapper input {
    border: none;
    background: #fcfafa;
    display: block;
    width: 100%;
    padding: 15px
}

.bookingCart .accordion-content label {
    display: block;
    width: 100%
}

.bookingCart .accordion-content #customer_details h3,.bookingCart .accordion-content #customer_details h4 {
    font-size: 1rem;
    color: #24a85c;
    font-weight: 700
}

.bookingCart .accordion-content #customer_details [type=checkbox]:checked,.bookingCart .accordion-content #customer_details [type=checkbox]:not(:checked) {
    position: absolute;
    left: -9999px
}

.bookingCart .accordion-content #customer_details [type=checkbox]:checked+label,.bookingCart .accordion-content #customer_details [type=checkbox]:not(:checked)+label {
    position: relative;
    padding-left: 1.95em;
    cursor: pointer
}

.bookingCart .accordion-content #customer_details [type=checkbox]:checked+label:before,.bookingCart .accordion-content #customer_details [type=checkbox]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1.25em;
    height: 1.25em;
    background: #fff;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
    border: 1px solid #24a85c
}

.bookingCart .accordion-content #customer_details [type=checkbox]:checked+label:after,.bookingCart .accordion-content #customer_details [type=checkbox]:not(:checked)+label:after {
    content: "\2713\0020";
    position: absolute;
    top: -5px;
    left: 2px;
    font-size: 2em;
    line-height: .8;
    color: #09ad7e;
    -webkit-transition: all .2s;
    transition: all .2s
}

.bookingCart .accordion-content #customer_details [type=checkbox]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.bookingCart .accordion-content #customer_details [type=checkbox]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.bookingCart .accordion-content #customer_details [type=checkbox]:disabled:checked+label:before,.bookingCart .accordion-content #customer_details [type=checkbox]:disabled:not(:checked)+label:before {
    border: 1px solid #24a85c
}

.bookingCart .accordion-content #customer_details [type=checkbox]:disabled:checked+label:after {
    color: #999
}

.bookingCart .accordion-content #customer_details [type=checkbox]:disabled+label {
    color: #aaa
}

.bookingCart .accordion-content #customer_details [type=checkbox]:checked:focus+label:before,.bookingCart .accordion-content #customer_details [type=checkbox]:not(:checked):focus+label:before {
    border: 1px solid #24a85c
}

.bookingCart .accordion-content #payment {
    background: none;
    position: relative
}

.bookingCart select {
    margin-top: 5px;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    border-radius: 10px;
    font-size: .8rem;
    padding: 11px 25px;
    border: none;
    height: 45px
}

.bookingCart .form-row label {
    color: #063116
}

.bookingCart input::-webkit-input-placeholder {
    color: #acacac
}

.bookingCart input::-moz-placeholder {
    color: #acacac
}

.bookingCart input:-ms-input-placeholder {
    color: #acacac
}

.bookingCart input::-ms-input-placeholder {
    color: #acacac
}

.bookingCart input::placeholder {
    color: #acacac
}

.bookingCart #order_review {
    border-top: 1px solid #eaeaea;
    margin-top: 20px
}

.bookingCart #order_review .checkbox {
    position: relative
}

.bookingCart #order_review [type=checkbox] {
    position: absolute;
    left: -9999px
}

.bookingCart #order_review .woocommerce-terms-and-conditions-checkbox-text {
    padding-left: 25px
}

.bookingCart #order_review [type=checkbox]:checked+span:before,.bookingCart #order_review [type=checkbox]:not(:checked)+span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 1.25em;
    height: 1.25em;
    background: #fff;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
    border: 1px solid #24a85c
}

.bookingCart #order_review [type=checkbox]:checked+span:after,.bookingCart #order_review [type=checkbox]:not(:checked)+span:after {
    content: "\2713\0020";
    position: absolute;
    top: -1px;
    left: 2px;
    font-size: 2em;
    line-height: .8;
    color: #09ad7e;
    -webkit-transition: all .2s;
    transition: all .2s
}

.bookingCart #order_review [type=checkbox]:not(:checked)+span:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.bookingCart #order_review [type=checkbox]:checked+span:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.bookingCart #order_review [type=checkbox]:disabled:checked+span:before,.bookingCart #order_review [type=checkbox]:disabled:not(:checked)+span:before {
    border: 1px solid #24a85c
}

.bookingCart #order_review [type=checkbox]:disabled:checked+span:after {
    color: #999
}

.bookingCart #order_review [type=checkbox]:disabled+span {
    color: #aaa
}

.bookingCart #order_review [type=checkbox]:checked:focus+span:before,.bookingCart #order_review [type=checkbox]:not(:checked):focus+span:before {
    border: 1px solid #24a85c
}

.bookingCart .woocommerce-checkout-payment {
    padding-top: 20px;
    max-width: 500px;
    margin: 0 auto
}

.bookingCart .woocommerce-checkout-payment:before {
    content: "Payment Method";
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAaCAYAAACtv5zzAAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAGKADAAQAAAABAAAAGgAAAAC7PQT3AAAB4klEQVRIDe1VvU4CQRCeOc5gZcDKziNQG+ILiJ2dEgtBSDxLK30D8BF8AjHBQEwMPAKdLVir4QkMdmKWG2eQPc/jDsSLHZNcZnbm25mdn91DmENWy04YQ3WCADkAygJgguUuIHSUo276xWZ/lgvGhpN1d5yNOdhCQCsIRQAD/qovhfpVkF10sTBDplHOGYAP7DwRhuHTrfK3t364ha/3j50gnBGklLIQ0rW2EdAbkXOqSKVU3EwCwS7betrO5apItu7aI5ge2RXNd3UBiJYoxPkovmL187WBrCfUYZ5NN0ttznBfdFJKZimRvRSYAQNyLgjR9jl3TRzYlgOIQvokmbvGiRAcAGFHA5+P6m0t+7kERsKu1nPmWS1rHhxAW3/BCXlkJ+SgjPFPihwACQbapUHTExc5gHYexlEaY36ocyA64FZNpRi2cbaeuoR4Kf1DvlBVmePZG/5m5f7kDR4z27+ddWOV5n67d+3FeGXBIFHFRMRNvUFuqYzeuGw8cs/F2462zeLjWzxyBvrhyzTLXyfkkuP3AuCpUOenJTp5ff77FC0DzG3YskSLlSjohzHXgw/g94HpRqnvvc0+fNRlz+BfXS2ql7D9/NhVY2vl7a6hnCG/qEkGboSBF9T32PmZPNefOn2dYHGgTGkAAAAASUVORK5CYII=);
    color: #24a85c;
    font-weight: 700;
    font-size: 1rem;
    padding-left: 40px;
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: 15px 1px
}

.bookingCart .woocommerce-checkout-payment .wc_payment_method {
    position: relative
}

.bookingCart .woocommerce-checkout-payment .wc_payment_method label {
    margin-left: 25px
}

.bookingCart .woocommerce-checkout-payment .wc_payment_method input {
    position: absolute;
    top: 6px
}

.bookingCart .woocommerce-checkout-payment .wc_payment_method .payment_box {
    background-color: #fff!important;
    padding-top: 0!important;
    padding-left: 25px!important;
    margin-top: 0!important
}

.bookingCart .woocommerce-checkout-payment .wc_payment_method .payment_box:before {
    border-bottom: 1em solid #fff!important
}

.bookingCart .wc-credit-card-form>div {
    margin: 0!important;
    padding: 0 0 15px!important
}

.bookingCart .wc_payment_methods {
    border-bottom: 0!important
}

.bookingCart #woo_pp_ec_button_checkout {
    margin: 0 auto
}

.bookingCart .woocommerce-privacy-policy-link,.bookingCart .woocommerce-terms-and-conditions-link {
    color: #24a85c;
    font-weight: 700;
    text-decoration: underline
}

.bookingCart .place-order button {
    margin: 0 auto;
    background: transparent -webkit-gradient(linear,right top,left top,from(#6ede84),to(#3cad66)) 0 0 no-repeat padding-box;
    background: transparent linear-gradient(270deg,#6ede84,#3cad66) 0 0 no-repeat padding-box;
    color: #fff;
    border: none;
    border-radius: 20px;
    height: 40px;
    font-weight: 700;
    font-size: .8em;
    padding: 0 20px;
    display: block
}

.bookingCart .wc-stripe-elements-field,.bookingCart .wc-stripe-iban-element-field {
    border: none;
    background: #fcfafa;
    display: block;
    width: 100%;
    padding: 15px
}

.bookingCart #stripe-payment-data label {
    margin-left: 0;
    font-size: .8rem;
    color: #063116;
    margin-bottom: 0
}

.bookingCart #billing_info {
    background: #fcfafa;
    padding: 15px;
    border: none;
    min-height: 100px
}

.bookingCart #billing_subscribe_field .checkbox {
    position: relative;
    padding-left: 20px
}

.bookingCart #billing_subscribe_field .checkbox input {
    position: absolute;
    left: 0;
    top: 3px
}

.bookingCart .clear {
    display: none
}

.disabledCheckoutBox {
    background: #d1d1d1;
    color: #fff;
    font-weight: 700;
    border-radius: 5px;
    padding: 8px 15px;
    font-size: 1rem;
    margin: 10px 0
}

.woocommerce-form-coupon input {
    border: none;
    background: #fcfafa;
    display: block;
    width: 100%;
    padding: 15px
}

.woocommerce-form-coupon button {
    margin-top: 15px!important;
    border: 3px solid #24a85c!important;
    border-radius: 23px!important;
    padding: 10px 20px!important;
    display: block!important;
    font-weight: 700!important;
    color: #24a85c!important;
    font-size: .8em!important;
    background: none!important;
    width: 100%!important;
    font-size: 1rem!important
}

#bookingCheckoutContainer {
    margin: 50px 0
}

.order-card {
    box-shadow: 0 10px 30px rgba(0,0,0,.16);
    width: 100%;
    margin-bottom: 20px;
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    font-size: .8rem;
    color: #6a746f
}

.order-card .sectionSubHeader {
    font-size: 1rem
}

.order-card table {
    width: 100%
}

.order-card table thead td {
    padding: 5px 0
}

.order-card table tbody {
    border-top: 1px solid #ddd
}

.order-card table tbody td {
    padding: 3px 0
}

.order-card table tbody b {
    color: #063116
}

.order-card .checkout-button {
    width: 100%;
    text-align: center;
    background: transparent -webkit-gradient(linear,left top,right top,from(#6ede84),to(#3cad66)) 0 0 no-repeat padding-box!important;
    background: transparent linear-gradient(90deg,#6ede84,#3cad66) 0 0 no-repeat padding-box!important;
    padding: 12px 0!important;
    font-size: 1rem!important;
    border-radius: 20px!important
}

.locationModal {
    top: 50px
}

@media (max-width: 599px) {
    .locationModal {
        top:0
    }
}

.locationModal .modal-dialog {
    border: 3px solid #1b48d6;
    border-radius: 5px
}

@media (max-width: 599px) {
    .locationModal .modal-dialog {
        margin:0
    }
}

.locationModal .modal-dialog .modal-content {
    border: none;
    border-radius: none
}

.locationModal .modal-dialog .modal-body {
    border: none;
    padding: 40px;
    max-width: 100%;
    position: relative
}

@media (max-width: 599px) {
    .locationModal .modal-dialog .modal-body {
        padding:40px 0
    }
}

@media (max-width: 599px) {
    .locationModal .modal-dialog .modal-body .justify-content-between {
        margin:0
    }
}

.locationModal .modal-dialog .modal-body .popupBackground {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

@media (max-width: 599px) {
    .locationModal .modal-dialog .modal-body .popupBackground {
        width:100%;
        bottom: 0
    }
}

.locationModal .modal-dialog .modal-body .gmap_canvas {
    margin-top: 40px;
    width: 100%;
    height: 440px
}

@media (max-width: 599px) {
    .locationModal .modal-dialog .modal-body .gmap_canvas {
        margin-top:20px;
        height: 300px
    }
}

.locationModal .modal-dialog .modal-body .sectionHeader {
    color: #063116;
    margin-bottom: 0
}

.locationModal .modal-dialog .modal-body span {
    color: #707070
}

.locationModal .modal-dialog .modal-body .close {
    margin-top: -20px;
    margin-right: -20px
}

@media (max-width: 599px) {
    .locationModal .modal-dialog .modal-body .close {
        position:absolute;
        top: 35px;
        right: 35px;
        opacity: 1!important
    }
}

.locationModal .modal-dialog .modal-body .featuredImage {
    border-radius: 5px
}

@media (max-width: 599px) {
    .locationModal .modal-dialog .modal-body .venueDetails {
        margin-top:20px
    }
}

.locationModal .sectionSubHeader {
    color: #1b48d6;
    margin-bottom: 0
}

.programBanner {
    position: relative;
    padding-top: 40px
}

@media (max-width: 599px) {
    .programBanner {
        padding-top:20px
    }
}

@media (max-width: 599px) {
    .programBanner .sectionHeader {
        text-align:center
    }
}

.programBanner .cardShadow {
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 5px
}

@media (max-width: 599px) {
    .programBanner .cardShadow p {
        text-align:center
    }
}

.programBanner .cardShadow img {
    margin: 0 auto;
    display: block
}

.programBanner .cardShadow .sectionSubHeader {
    color: #063116
}

@media (max-width: 599px) {
    .programBanner .cardShadow .sectionSubHeader {
        text-align:center;
        font-size: .8rem
    }
}

.programBanner .cardShadow .courseObjectives .sectionSubHeader {
        text-align:center;
        margin-left: 20px
}

@media (max-width: 599px) {
    .programBanner .cardShadow .courseObjectives .sectionSubHeader {
        text-align:center;
    }
}

.programBanner .cardShadow .courseObjectives .courseObjectivesList {
    margin-bottom: 20px
}

.programBanner .cardShadow .courseObjectives .courseObjectivesList li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px
}

.programBanner .cardShadow .courseObjectives .courseObjectivesList li p {
    margin: 0
}

@media (max-width: 599px) {
    .programBanner .cardShadow .courseObjectives .courseObjectivesList li p {
        text-align:left
    }
}

.programBanner .cardShadow .courseObjectives .courseObjectivesList li:before {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    left: 0;
    top: 6px;
    border-radius: 50%
}

@media (max-width: 599px) {
    .programBanner .cardShadow a.link {
        text-align:center;
        margin: 0 auto;
        width: 138px;
        display: block
    }
}

.programBanner .greenTheme .courseMetaList>li,.programBanner .greenTheme .courseObjectives .sectionSubHeader,.programBanner .greenTheme h3.sectionHeader {
    color: #24a85c
}

.programBanner .greenTheme .courseObjectivesList li:before {
    background: #24a85c
}

.programBanner .redTheme .courseMetaList>li,.programBanner .redTheme .courseObjectives .sectionSubHeader,.programBanner .redTheme h3.sectionHeader {
    color: #ff767b
}

.programBanner .redTheme .courseObjectivesList li:before {
    background: #ff767b
}

.programBanner .orangeTheme .courseMetaList>li,.programBanner .orangeTheme .courseObjectives .sectionSubHeader,.programBanner .orangeTheme h3.sectionHeader {
    color: #f7931e
}

.programBanner .orangeTheme .courseObjectivesList li:before {
    background: #f7931e
}

.programBanner .blueTheme .courseMetaList>li,.programBanner .blueTheme .courseObjectives .sectionSubHeader,.programBanner .blueTheme h3.sectionHeader {
    color: #147bba
}

.programBanner .blueTheme .courseObjectivesList li:before {
    background: #147bba
}

.programBanner .purpleTheme .courseMetaList>li,.programBanner .purpleTheme .courseObjectives .sectionSubHeader,.programBanner .purpleTheme h3.sectionHeader {
    color: #4d3b89
}

.programBanner .purpleTheme .courseObjectivesList li:before {
    background: #4d3b89
}

.programBanner .pinkTheme .courseMetaList>li,.programBanner .pinkTheme .courseObjectives .sectionSubHeader,.programBanner .pinkTheme h3.sectionHeader {
    color: #ff66cc
}

.programBanner .pinkTheme .courseObjectivesList li:before {
    background: #ff66cc
}

.programRegisterInterest .cardShadow {
    background: #fff;
    padding: 20px 90px;
    border-radius: 5px
}

@media (max-width: 599px) {
    .programRegisterInterest .cardShadow {
        padding:10px 15px 20px
    }
}

.programRegisterInterest .cardShadow p {
    font-size: 1rem;
    margin-top: 10px;
    margin-bottom: 0
}

@media (max-width: 599px) {
    .programRegisterInterest .cardShadow p {
        margin-bottom:10px;
        text-align: center
    }
}

.programRegisterInterest .cardShadow button {
    margin: 0
}

@media (max-width: 599px) {
    .programRegisterInterest .cardShadow button {
        float:none!important;
        margin: 0 auto
    }
}

.courseVariations {
    margin: 20px 0
}

.courseVariations .container>.row {
    margin: 0
}

@media (max-width: 599px) {
    .courseVariations .container>.row {
        margin:0 -15px
    }
}

.courseVariations .container>.row>div {
    padding: 0 10px 0 0
}

@media (max-width: 599px) {
    .courseVariations .container>.row>div {
        padding:0 15px
    }
}

.courseVariations .container>.row>div:last-child {
    padding-right: 0
}

@media (max-width: 599px) {
    .courseVariations .container>.row>div:last-child {
        padding:0 15px
    }
}

.courseVariations .rightDots {
    top: -30px;
    right: -40px;
    z-index: -1
}

.courseVariations .item {
    -webkit-transition: border-color .2s ease-in-out;
    transition: border-color .2s ease-in-out;
    border-radius: 5px;
    min-height: 400px;
    overflow: hidden;
    background: #fff;
    position: relative;
    border: 3px solid #063116
}

@media (max-width: 599px) {
    .courseVariations .item {
        margin-bottom:15px;
        min-height: auto
    }
}

.courseVariations .item .header {
    padding: 10px 0;
    background-color: #063116;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

.courseVariations .item .header.disabled {
    background: #919191
}

.courseVariations .item .header h3 {
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: .8rem
}

.courseVariations .item .content {
    padding: 20px;
    position: relative
}

.courseVariations .item .content .spotLeft {
    background: #f7931e;
    position: absolute;
    top: 0;
    right: 0;
    border-bottom-left-radius: 5px;
    font-weight: 600;
    font-size: .8rem;
    color: #fff;
    padding: 5px 20px
}

.courseVariations .item .content strong {
    font-size: .8rem
}

.courseVariations .item .content .date {
    margin-bottom: 5px
}

.courseVariations .item .content .locationPopupLink {
    display: block;
    margin-bottom: 10px
}

.courseVariations .item .content .borderBtn {
    display: inline-block;
    margin-top: 0
}

.courseVariations .item .disabledProgram {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: hsla(0,0%,100%,.52)
}

.courseVariations .item .disabledProgram .messageBox {
    width: 100%;
    background: rgba(35,168,92,.85);
    position: absolute;
    top: calc(50% - 65px);
    padding: 35px;
    text-align: center
}

.courseVariations .item .disabledProgram .messageBox strong {
    display: block;
    color: #fff;
    font-size: 1rem
}

.courseVariations .item .disabledProgram .messageBox a {
    color: #fff;
    font-size: .8rem;
    max-width: 200px;
    display: block;
    margin: 0 auto
}

.courseVariations .greenTheme .item:not(.disabledDiv):hover {
    border-color: #24a85c
}

.courseVariations .greenTheme .item:not(.disabledDiv):hover .header {
    background: #24a85c
}

.courseVariations .greenTheme .item:not(.disabledDiv) strong {
    color: #24a85c
}

.courseVariations .redTheme .item:not(.disabledDiv):hover {
    border-color: #ff767b
}

.courseVariations .redTheme .item:not(.disabledDiv):hover .header:not(.disabled) {
    background: #ff767b
}

.courseVariations .redTheme .item:not(.disabledDiv) strong {
    color: #ff767b
}

.courseVariations .redTheme .item:not(.disabledDiv) .disabledProgram .messageBox {
    background: rgba(255,118,123,.85)
}

.courseVariations .orangeTheme .item:not(.disabledDiv):hover {
    border-color: #f7931e
}

.courseVariations .orangeTheme .item:not(.disabledDiv):hover .header {
    background: #f7931e
}

.courseVariations .orangeTheme .item:not(.disabledDiv) strong {
    color: #f7931e
}

.courseVariations .orangeTheme .item:not(.disabledDiv) .disabledProgram .messageBox {
    background: rgba(247,147,30,.85)
}

.courseVariations .blueTheme .item:not(.disabledDiv):hover {
    border-color: #147bba
}

.courseVariations .blueTheme .item:not(.disabledDiv):hover .header {
    background: #147bba
}

.courseVariations .blueTheme .item:not(.disabledDiv) strong {
    color: #147bba
}

.courseVariations .blueTheme .item:not(.disabledDiv) .disabledProgram .messageBox {
    background: rgba(247,147,30,.85)
}

.courseVariations .purpleTheme .item:not(.disabledDiv):hover {
    border-color: #4d3b89
}

.courseVariations .purpleTheme .item:not(.disabledDiv):hover .header {
    background: #4d3b89
}

.courseVariations .purpleTheme .item:not(.disabledDiv) strong {
    color: #4d3b89
}

.courseVariations .purpleTheme .item:not(.disabledDiv) .disabledProgram .messageBox {
    background: rgba(77,59,137,.85)
}

.courseVariations .pinkTheme .item:not(.disabledDiv):hover {
    border-color: #ff66cc
}

.courseVariations .pinkTheme .item:not(.disabledDiv):hover .header {
    background: #ff66cc
}

.courseVariations .pinkTheme .item:not(.disabledDiv) strong {
    color: #ff66cc
}

.courseVariations .pinkTheme .item:not(.disabledDiv) .disabledProgram .messageBox {
    background: rgba(255,102,204,.85)
}

.courseVariations .disabledDiv {
    border: 3px solid #acacac
}

.courseVariations .disabledDiv:hover {
    border: 3px solid #acacac!important
}

.courseVariations .disabledDiv:hover .header h3 {
    background: #919191!important
}

.programOverview {
    margin: 80px 0
}

@media (max-width: 599px) {
    .programOverview {
        margin:80px 0 40px
    }
}

.programOverview .gmap_canvas {
    margin-bottom: 20px;
    position: relative
}

.programOverview .image {
    padding-top: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.programOverview .video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    width: 100%
}

.programOverview .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.programOverview .leftDots {
    left: -25px;
    bottom: 30px;
    z-index: -1
}

.programOverview .accordion .header button {
    text-align: left
}

@media (max-width: 599px) {
    .programOverview .accordion .header button {
        padding-left:35px
    }
}

@media (max-width: 599px) {
    .programOverview .accordion .header button.collapsed:before,.programOverview .accordion .header button:before {
        left:0
    }
}

.programOverview .redTheme .accordion .header button {
    color: #ff767b
}

.programOverview .redTheme .accordion .header button:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNC41MzEiIGhlaWdodD0iMjQuNTMxIj48cGF0aCBkYXRhLW5hbWU9IlBhdGggMjEiIGQ9Ik0yMy41MzEgMTIuMjY2TC45OTggMTIuMjY1IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZjc2N2IiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);
    background-size: 100%
}

.programOverview .redTheme .accordion .header button.collapsed:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNC41MzIiIGhlaWdodD0iMjQuNTMyIj48ZyBmaWxsPSJub25lIiBzdHJva2U9IiNmZjc2N2IiIHN0cm9rZS13aWR0aD0iMiI+PHBhdGggZGF0YS1uYW1lPSJQYXRoIDIxIiBkPSJNMjMuNTMzIDEyLjI2N0wxIDEyLjI2NiIvPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCAyMiIgZD0iTTEyLjI2NSAyMy41MzJWMSIvPjwvZz48L3N2Zz4=);
    background-size: 100%
}

.programOverview .orangeTheme .accordion .header button {
    color: #f7931e
}

.programOverview .orangeTheme .accordion .header button:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNC41MzEiIGhlaWdodD0iMjQuNTMxIj48cGF0aCBkYXRhLW5hbWU9IlBhdGggMjEiIGQ9Ik0yMy41MzEgMTIuMjY2TC45OTggMTIuMjY1IiBmaWxsPSJub25lIiBzdHJva2U9IiNmNzkzMWUiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);
    background-size: 100%
}

.programOverview .orangeTheme .accordion .header button.collapsed:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNC41MzIiIGhlaWdodD0iMjQuNTMyIj48ZyBmaWxsPSJub25lIiBzdHJva2U9IiNmNzkzMWUiIHN0cm9rZS13aWR0aD0iMiI+PHBhdGggZGF0YS1uYW1lPSJQYXRoIDIxIiBkPSJNMjMuNTMzIDEyLjI2N0wxIDEyLjI2NiIvPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCAyMiIgZD0iTTEyLjI2NSAyMy41MzJWMSIvPjwvZz48L3N2Zz4=);
    background-size: 100%
}

.programOverview .blueTheme .accordion .header button {
    color: #147bba
}

.programOverview .blueTheme .accordion .header button:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNC41MzEiIGhlaWdodD0iMjQuNTMxIj48cGF0aCBkYXRhLW5hbWU9IlBhdGggMjEiIGQ9Ik0yMy41MzEgMTIuMjY2TC45OTggMTIuMjY1IiBmaWxsPSJub25lIiBzdHJva2U9IiMxNDdiYmEiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);
    background-size: 100%
}

.programOverview .blueTheme .accordion .header button.collapsed:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNC41MzIiIGhlaWdodD0iMjQuNTMyIj48ZyBmaWxsPSJub25lIiBzdHJva2U9IiMxNDdiYmEiIHN0cm9rZS13aWR0aD0iMiI+PHBhdGggZGF0YS1uYW1lPSJQYXRoIDIxIiBkPSJNMjMuNTMzIDEyLjI2N0wxIDEyLjI2NiIvPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCAyMiIgZD0iTTEyLjI2NSAyMy41MzJWMSIvPjwvZz48L3N2Zz4=);
    background-size: 100%
}

.programOverview .purpleTheme .accordion .header button {
    color: #4d3b89
}

.programOverview .purpleTheme .accordion .header button:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNC41MzEiIGhlaWdodD0iMjQuNTMxIj48cGF0aCBkYXRhLW5hbWU9IlBhdGggMjEiIGQ9Ik0yMy41MzEgMTIuMjY2TC45OTggMTIuMjY1IiBmaWxsPSJub25lIiBzdHJva2U9IiM0ZDNiODkiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);
    background-size: 100%
}

.programOverview .purpleTheme .accordion .header button.collapsed:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNC41MzIiIGhlaWdodD0iMjQuNTMyIj48ZyBmaWxsPSJub25lIiBzdHJva2U9IiM0ZDNiODkiIHN0cm9rZS13aWR0aD0iMiI+PHBhdGggZGF0YS1uYW1lPSJQYXRoIDIxIiBkPSJNMjMuNTMzIDEyLjI2N0wxIDEyLjI2NiIvPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCAyMiIgZD0iTTEyLjI2NSAyMy41MzJWMSIvPjwvZz48L3N2Zz4=);
    background-size: 100%
}

.programOverview .pinkTheme .accordion .header button {
    color: #ff66cc
}

.programOverview .pinkTheme .accordion .header button:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNC41MzEiIGhlaWdodD0iMjQuNTMxIj48cGF0aCBkYXRhLW5hbWU9IlBhdGggMjEiIGQ9Ik0yMy41MzEgMTIuMjY2TC45OTggMTIuMjY1IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZjY2Y2MiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);
    background-size: 100%
}

.programOverview .pinkTheme .accordion .header button.collapsed:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNC41MzIiIGhlaWdodD0iMjQuNTMyIj48ZyBmaWxsPSJub25lIiBzdHJva2U9IiNmZjY2Y2MiIHN0cm9rZS13aWR0aD0iMiI+PHBhdGggZGF0YS1uYW1lPSJQYXRoIDIxIiBkPSJNMjMuNTMzIDEyLjI2N0wxIDEyLjI2NiIvPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCAyMiIgZD0iTTEyLjI2NSAyMy41MzJWMSIvPjwvZz48L3N2Zz4=);
    background-size: 100%
}

.programReviews {
    margin: 50px 0
}

@media (max-width: 599px) {
    .programReviews {
        margin:0
    }
}

.programReviews .leftDots {
    top: 35px;
    left: -25px;
    z-index: -1
}

.programReviews .sectionSubHeader {
    margin-bottom: 50px
}

.programReviews .reviewMetaList {
    margin-top: 35px;
    margin-left: 70px
}

@media (max-width: 599px) {
    .programReviews .reviewMetaList {
        margin-left:0
    }
}

.programReviews .reviewMetaList li {
    margin-bottom: 20px
}

@media (max-width: 599px) {
    .programReviews .reviewMetaList li {
        width:49%;
        display: inline-block
    }
}

.programReviews .reviewMetaList li p {
    margin: 0
}

.programReviews .reviewMetaList li strong {
    font-size: 1.5rem
}

.programReviews .greenTheme .reviewMetaList strong,.programReviews .greenTheme .sectionSubHeader {
    color: #24a85c
}

.programReviews .greenTheme .testimonialCard {
    box-shadow: 0 10px 30px rgba(36,168,92,.3)
}

.programReviews .greenTheme .testimonialCard .quoteIcon {
    background: #24a85c
}

.programReviews .redTheme .reviewMetaList strong,.programReviews .redTheme .sectionSubHeader {
    color: #ff767b
}

.programReviews .redTheme .testimonialCard {
    box-shadow: 0 10px 30px rgba(255,118,123,.3)
}

.programReviews .redTheme .testimonialCard .quoteIcon {
    background: #ff767b
}

.programReviews .orangeTheme .reviewMetaList strong,.programReviews .orangeTheme .sectionSubHeader {
    color: #f7931e
}

.programReviews .orangeTheme .testimonialCard {
    box-shadow: 0 10px 30px rgba(255,216,152,.3)
}

.programReviews .orangeTheme .testimonialCard .quoteIcon {
    background: #f7931e
}

.programReviews .blueTheme .reviewMetaList strong,.programReviews .blueTheme .sectionSubHeader {
    color: #147bba
}

.programReviews .blueTheme .testimonialCard {
    box-shadow: 0 10px 30px rgba(255,216,152,.3)
}

.programReviews .blueTheme .testimonialCard .quoteIcon {
    background: #147bba
}

.programReviews .purpleTheme .reviewMetaList strong,.programReviews .purpleTheme .sectionSubHeader {
    color: #4d3b89
}

.programReviews .purpleTheme .testimonialCard .quoteIcon {
    background: #4d3b89
}

.programReviews .pinkTheme .reviewMetaList strong,.programReviews .pinkTheme .sectionSubHeader {
    color: #ff66cc
}

.programReviews .pinkTheme .testimonialCard {
    box-shadow: 0 10px 30px rgba(255,148,219,.3)
}

.programReviews .pinkTheme .testimonialCard .quoteIcon {
    background: #ff66cc
}

#bookingModals .modal-content {
    border: none;
    border-radius: 5px;
    overflow: hidden
}

#bookingModals .modal-body {
    max-width: 100%;
    margin: 0;
    padding: 0;
    max-height: calc(100vh - 60px);
    overflow-y: auto
}

@media (max-width: 599px) {
    #bookingModals .modal-body {
        padding:20px
    }
}

@media (max-width: 599px) {
    #bookingModals .modal-dialog {
        margin:0
    }
}

#bookingModals .cart {
    position: relative
}

#bookingModals .headerLevel {
    background: #ff767b;
    padding: 15px 20px;
    font-weight: 700;
    font-size: 1rem;
    color: #fff
}

#bookingModals .close {
    position: absolute;
    top: 13px;
    right: 15px;
    width: 15px
}

#bookingModals .cartForm {
    max-width: 400px;
    margin: 30px auto
}

#bookingModals .cartForm .gform_wrapper {
    margin-top: 0
}

#bookingModals .cartForm .gfield_label {
    font-weight: 400;
    font-size: .8rem;
    color: #063116
}

#bookingModals .cartForm .ginput_container_text input,#bookingModals .cartForm .ginput_container input {
    margin-bottom: 15px;
    width: 100%;
    border: none!important
}

#bookingModals .cartForm .gfield_checkbox input {
    margin-bottom: 7px;
    margin-right: 5px
}

#bookingModals .cartForm .gfield_checkbox label {
    width: 100%
}

#bookingModals .cartForm input::-webkit-input-placeholder {
    color: #acacac
}

#bookingModals .cartForm input::-moz-placeholder {
    color: #acacac
}

#bookingModals .cartForm input:-ms-input-placeholder {
    color: #acacac
}

#bookingModals .cartForm input::-ms-input-placeholder {
    color: #acacac
}

#bookingModals .cartForm input::placeholder {
    color: #acacac
}

#bookingModals .cartForm h4 {
    font-size: 1rem;
    font-weight: 700;
    margin: 15px 0 5px
}

#bookingModals .cartForm p {
    color: #063116
}

#bookingModals .cartForm select {
    margin-top: 5px;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    border-radius: 10px;
    font-size: .8rem;
    padding: 11px 25px;
    border: none;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    height: 49px;
    margin-bottom: 15px
}

#bookingModals .cartForm .gform_fields li {
    max-width: 100%!important
}

#bookingModals .cartForm .gform_button {
    background: transparent -webkit-gradient(linear,left top,right top,from(#6ede84),to(#3cad66)) 0 0 no-repeat padding-box;
    background: transparent linear-gradient(90deg,#6ede84,#3cad66) 0 0 no-repeat padding-box;
    color: #fff;
    border: none;
    border-radius: 20px;
    height: 40px;
    font-weight: 700;
    font-size: .8em;
    padding: 0 50px;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0
}

@media (max-width: 599px) {
    #bookingModals .cartForm .gform_button {
        left:calc(50% - 83px);
        bottom: -38px
    }
}

#bookingModals .cartForm .gfield_date_day {
    position: relative;
    margin-bottom: 25px;
    margin-right: 25px
}

#bookingModals .cartForm .gfield_date_day:before {
    content: "Day";
    position: absolute;
    bottom: -10px;
    font-size: .75rem;
    color: #acacac;
    left: 0;
    right: 0;
    text-align: center
}

#bookingModals .cartForm .gfield_date_month {
    position: relative;
    margin-bottom: 25px;
    margin-right: 25px
}

#bookingModals .cartForm .gfield_date_month:before {
    content: "Month";
    position: absolute;
    bottom: -10px;
    font-size: .75rem;
    color: #acacac;
    left: 0;
    right: 0;
    text-align: center
}

#bookingModals .cartForm .gfield_date_year {
    position: relative;
    margin-bottom: 25px;
    margin-right: 25px
}

#bookingModals .cartForm .gfield_date_year:before {
    content: "Year";
    position: absolute;
    bottom: -10px;
    font-size: .75rem;
    color: #acacac;
    left: 0;
    right: 0;
    text-align: center
}

#bookingModals .cartForm .gfield_date_day:after,#bookingModals .cartForm .gfield_date_month:after {
    position: absolute;
    content: "\2014";
    right: -21px;
    color: #063116;
    font-size: 16px;
    top: 14px
}

#bookingModals .cartForm .gfield_radio li {
    display: inline-block;
    margin-right: 40px;
    position: relative
}

#bookingModals .cartForm .gfield_radio li input {
    margin-right: 10px
}

#bookingModals .cartForm .gfield_radio li label {
    font-weight: 400;
    color: #063116
}

@media (max-width: 599px) {
    #bookingModals .cartForm .gfield_radio li label {
        display:inline
    }
}

#bookingModals .cartForm .gfield_radio input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    position: relative;
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    outline: none;
    margin-top: 0;
    border: 1px solid #063116!important;
    margin-bottom: 0;
    padding: 0!important;
    width: 20px!important;
    min-height: 20px!important
}

#bookingModals .cartForm .gfield_radio input:checked:before {
    position: absolute;
    content: "";
    background: #24a85c;
    border-radius: 5px;
    width: 14px;
    height: 14px;
    top: 2px;
    left: 2px
}

#bookingModals .cartForm .gfield_radio input:checked {
    border: 1px solid #24a85c!important
}

#bookingModals .cartForm .gfield_radio input:checked+label {
    color: #24a85c
}

#bookingModals .cartForm .gform_footer {
    display: none
}

#bookingModals .cartForm .validation_error {
    color: #ff767b;
    font-size: .8rem;
    background-color: none;
    border: 2px solid #ff767b;
    border-radius: 5px
}

#bookingModals .cartForm .validation_message {
    font-weight: 400;
    font-size: .8rem;
    margin: 0;
    padding: 0;
    color: #f7931e
}

#bookingModals .cartForm .gfield_error {
    border: none;
    background: none
}

#bookingModals .cartForm .ginput_price {
    color: #24a85c;
    float: right;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 700
}

#bookingModals .cartForm .product_totals {
    margin-top: 20px
}

@media (max-width: 599px) {
    #bookingModals .cartForm .product_totals {
        text-align:center
    }
}

#bookingModals .cartForm .product_totals .formattedTotalPrice,#bookingModals .cartForm .product_totals .gfield_label,#bookingModals .cartForm .product_totals .ginput_container {
    font-weight: 700;
    color: #063116;
    display: inline-block;
    font-size: 1rem;
    position: relative
}

#bookingModals .cartForm .product_totals .gfield_label:after {
    content: ":"
}

#bookingModals .cartForm .quantity {
    display: none
}

#bookingModals .cartForm [type=checkbox]:checked,#bookingModals .cartForm [type=checkbox]:not(:checked) {
    position: absolute;
    left: -9999px
}

#bookingModals .cartForm [type=checkbox]:checked+label,#bookingModals .cartForm [type=checkbox]:not(:checked)+label {
    position: relative;
    padding-left: 1.95em;
    cursor: pointer
}

#bookingModals .cartForm [type=checkbox]:checked+label:before,#bookingModals .cartForm [type=checkbox]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1.25em;
    height: 1.25em;
    background: #fff;
    border-radius: 4px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
    border: 1px solid #24a85c
}

#bookingModals .cartForm [type=checkbox]:checked+label:after,#bookingModals .cartForm [type=checkbox]:not(:checked)+label:after {
    content: "\2713\0020";
    position: absolute;
    top: -5px;
    left: 2px;
    font-size: 2em;
    line-height: .8;
    color: #09ad7e;
    -webkit-transition: all .2s;
    transition: all .2s
}

#bookingModals .cartForm [type=checkbox]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

#bookingModals .cartForm [type=checkbox]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

#bookingModals .cartForm [type=checkbox]:disabled:checked+label:before,#bookingModals .cartForm [type=checkbox]:disabled:not(:checked)+label:before {
    border: 1px solid #24a85c
}

#bookingModals .cartForm [type=checkbox]:disabled:checked+label:after {
    color: #999
}

#bookingModals .cartForm [type=checkbox]:disabled+label {
    color: #aaa
}

#bookingModals .cartForm [type=checkbox]:checked:focus+label:before,#bookingModals .cartForm [type=checkbox]:not(:checked):focus+label:before {
    border: 1px solid #24a85c
}

.pdfDownloadBtn {
    display: block;
    color: #acacac;
    font-weight: 700;
    font-size: .8rem;
    line-height: 1rem;
    margin: 15px auto 0;
    position: relative;
    width: 170px;
    padding-left: 28px
}

.pdfDownloadBtn:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 26px;
    height: 26px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNCI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYWNhY2FjIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiI+PHBhdGggZGF0YS1uYW1lPSJQYXRoIDEzIiBkPSJNMjQgMTd2NGEyLjMzIDIuMzMgMCAwMS0yLjU1NiAySDMuNTU2QTIuMzMgMi4zMyAwIDAxMSAyMXYtNCIvPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCAxNCIgZD0iTTcuNSA5LjY5Mmw1IDUgNS01Ii8+PHBhdGggZGF0YS1uYW1lPSJMaW5lIDIxIiBkPSJNMTIuNSAxM1YxIi8+PC9nPjwvc3ZnPg==);
    background-size: contain;
    background-repeat: no-repeat
}

.pdfDownloadBtn:hover {
    color: #acacac
}

.bookingSuccessful {
    min-height: 300px
}

.bookingSuccessful h3 {
    display: block;
    max-width: 100%
}

.bookingSuccessful p {
    max-width: 500px;
    margin: 20px auto
}

.bookingSuccessful .pdfDownloadBtn {
    padding-left: 0
}

.bookingSuccessful .pdfDownloadBtn:before {
    left: 4px;
    top: 2px;
    width: 13px
}

.bookingSuccessful .greenButton {
    margin: 40px auto
}

.securePayment {
    color: #acacac;
    font-weight: 700;
    font-size: 1rem;
    display: block;
    text-align: center
}

.securePayment img {
    top: -2px;
    width: 16px;
    position: relative;
    margin-right: 6px
}

.ginput_container {
    position: relative
}

.year-warning {
    color: #f7931e!important;
    font-size: 13px;
    position: absolute;
    top: 0;
    margin-left: 215px
}

@media (max-width: 599px) {
    .year-warning {
        margin-left:0;
        position: relative
    }
}

#aboutBanner {
    margin: 80px 0 0;
    position: relative
}

#aboutBanner .sectionHeader {
    max-width: 530px;
    margin: 0 auto
}

#aboutBanner .sectionHeaderSub {
    max-width: 530px;
    margin: 0 auto;
    font-size: 1.5rem;
    font-weight: 600;
    font-family: Nunito,"sans-serif";
}

#aboutBanner .leftDots {
    left: 0;
    bottom: -100px
}

@media (max-width: 599px) {
    #aboutBanner .leftDots {
        width:50px;
        bottom: -50px;
        left: 20px
    }
}

#aboutBanner .rightDots {
    top: -70px;
    right: 100px
}

@media (max-width: 599px) {
    #aboutBanner .rightDots {
        top:-75px;
        right: 20px;
        width: 50px
    }
}

#aboutBanner .bannerImageList {
    margin-top: 60px;
    overflow: hidden;
    margin-bottom: -180px
}

@media (max-width: 599px) {
    #aboutBanner .bannerImageList {
        margin-bottom: -140px;
        padding-bottom:0
    }
}

#aboutBanner .bannerImageList ul {
    width: 500%;
    margin-left: -50px
}

@media (max-width: 599px) {
    #aboutBanner .bannerImageList ul {
        height:230px;
        overflow: hidden;
        margin-left: -10px
    }
}

#aboutBanner .bannerImageList ul li {
    display: inline-block;
    width: 300px;
    height: 300px;
    position: relative;
    background-size: cover;
    background-position: 50%;
    margin-right: 10px;
    border-radius: 5px
}

@media (max-width: 599px) {
    #aboutBanner .bannerImageList ul li {
        width:150px;
        height: 150px;
        margin-bottom: 25px
    }
}

#aboutBanner .bannerImageList ul li:nth-child(2n) {
    height: 190px;
    width: 350px
}

@media (max-width: 599px) {
    #aboutBanner .bannerImageList ul li:nth-child(2n) {
        width:150px;
        height: 210px;
        margin-bottom: 25px
    }
}

#aboutOurDifference {
    position: relative;
    min-height: 674px;
    overflow: hidden;
    padding: 250px 0 30px
}

#aboutOurDifference .sectionSubHeader {
    color: #fff;
    margin-bottom: 50px;
    font-size: 2em
}

@media (max-width: 599px) {
    #aboutOurDifference .sectionSubHeader {
        margin-bottom:15px
    }
}

#aboutOurDifference .differenceMetaData {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: center;
    align-items: center;
    min-height: 150px;
    position: relative
}

@media (max-width: 599px) {
    #aboutOurDifference .differenceMetaData {
        min-height:90px;
        -webkit-box-align: start;
        align-items: center
    }
}

#aboutOurDifference .differenceMetaData span {
    color: #fff;
    text-align: center
}

#aboutOurDifference .differenceMetaData strong {
    font-size: bold;
    color: #fff;
    font-size: 2rem;
    text-align: center;
    font-family: Nunito,"sans-serif";
}

#aboutOurDifference h4,#aboutOurDifference h5,#aboutOurDifference h6,#aboutOurDifference p {
    color: #fff
}

#aboutOurDifference h4 {
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 2rem
}

#aboutOurDifference h5 {
    color:#fff;
    font-family: Nunito,"sans-serif";
    padding-top: 20px;
}

@media (max-width: 599px) {
    #aboutOurDifference h4 {
        margin-top:20px
    }
}

#aboutOurDifference p {
    margin-bottom: 50px
}

@media (max-width: 599px) {
    #aboutOurDifference p {
        margin-bottom:20px
    }
}

#aboutOurDifference .features {
    margin-top: 20px;
    margin-bottom:20px;
}

@media (max-width: 599px) {
    #aboutOurDifference .features {
        margin-top:30px
    }
}

#aboutOurDifference .featureItem {
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    min-height: 97px;
    margin: 20px 0
}

@media (max-width: 599px) {
    #aboutOurDifference .featureItem {
        margin-bottom:30px
    }
}

#aboutOurDifference .featureItem img {
    width: 60px;
    height: 60px;
    margin-right: 20px;
    border: 1px solid #f7931e;
    border-radius: 50%;
    padding: 10px;
    position: absolute;
    top: -10px;
    background: #fff;
    left: calc(50% - 30px)
}

#aboutOurDifference .featureItem strong {
    width: 100%;
    font-weight: 700;
    color: #f7931e;
    line-height: 1.3rem;
    box-shadow: 0 0 #000;
    font-size: .9rem;
    margin-top: 27px;
    text-align: center;
    display: block
}

#aboutOurDifference .awardsList {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
    align-items: center
}

#aboutOurDifference .item {
    margin-bottom: 40px
}

#aboutOurDifference .item img {
    width: 50%;
}

@media (max-width: 768px) {
    #aboutOurDifference .featureItem {
        max-height: 300px;
    }
}

#aboutOurLocation {
    margin: 50px 0 80px
}

#aboutOurLocation .sectionSubHeader {
    margin-bottom: 40px;
    font-size: 2em
}

#aboutOurLocation .locationItem {
    text-align: center
}

#aboutOurLocation .locationItem .locationImage {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 10px auto;
    background-position: 50%;
    background-size: 140px 140px
}

#aboutManagementTeam {
    position: relative;
    min-height: 700px;
    padding: 60px 0;
    overflow: hidden
}

@media (max-width: 599px) {
    #aboutManagementTeam {
        min-height:auto;
        padding-top: 50px;
        padding-bottom: 30px;
        margin-bottom: 40px
    }
}

#aboutManagementTeam .leftDots {
    top: -60px;
    left: -60px
}

#aboutManagementTeam .sectionSubHeader {
    color: #fff;
    margin-bottom: 80px;
    font-size: 2em
}

@media (max-width: 599px) {
    #aboutManagementTeam .sectionSubHeader {
        margin-bottom:25px
    }
}

#aboutManagementTeam .coachCard .sectionSubHeader {
    margin-bottom: 10px;
    font-size: 1.1em

}

#aboutManagementTeam .owl-carousel .owl-item .item {
    padding-bottom: 30px
}

#aboutManagementTeam .owl-carousel .owl-nav {
    margin-top: 70px;
    text-align: center
}

@media (max-width: 599px) {
    #aboutManagementTeam .owl-carousel .owl-nav {
        margin-top:0
    }
}

#aboutManagementTeam .owl-carousel .owl-nav button {
    background: #fff;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    font-size: 40px;
    line-height: 1rem;
    color: #4d3b89;
    margin: 0 8px;
    position: relative
}

#aboutManagementTeam .owl-carousel .owl-nav button.owl-prev span {
    left: 16px
}

#aboutManagementTeam .owl-carousel .owl-nav button span {
    left: 18px;
    top: 12px;
    position: absolute
}

#ourCoaches {
    margin: 50px 0
}

@media (max-width: 599px) {
    #ourCoaches {
        margin-top:0;
        margin-bottom: 10px
    }
}

#ourCoaches .linkMobileCoaches {
    margin: 0 auto;
    width: 120px;
    display: block
}

#ourCoaches .sectionHeader {
    margin-top: 80px;
    margin-bottom: 20px;
}

#ourCoaches .sectionSubHeader {
    font-size: 2em;
}

@media (max-width: 990px) {
    #ourCoaches .sectionHeader {
        margin-top: 100px;
        font-size: 1em;
    }
}

@media (max-width: 768px) {
    #ourCoaches .sectionHeader {
        margin-top: 20px;
        font-size: 1em;
        text-align: center;
    }
}

#ourCoaches .coachList {
    margin-top: 40px;
    min-height: 200px;
    margin-bottom: -150px
}

@media (max-width: 599px) {
    #ourCoaches .coachList {
        margin-top:0;
        margin-bottom: 20px
    }
}

#ourCoaches .coachList li {
    width: calc(33.33333% - 10px);
    float: left;
    margin-right: 15px;
    margin-bottom: 15px
}

@media (max-width: 599px) {
    #ourCoaches .coachList li {
        width:calc(50% - 10px)
    }
}

#ourCoaches .coachList li:nth-child(3n) {
    margin-right: 0
}

@media (max-width: 599px) {
    #ourCoaches .coachList li:nth-child(3n) {
        margin-right:15px
    }
}

@media (max-width: 599px) {
    #ourCoaches .coachList li:nth-child(2n) {
        margin-right:0
    }
}

#ourCoaches .coachList li .profileContainer {
    width: 100%;
    padding-bottom: 100%;
    background-position: 50%;
    background-size: cover;
    border-radius: 5px;
    box-shadow: 0 5px 10px rgba(0,0,0,.16)
}

#ourCoaches .link {
    width: 260px
}

#aboutTestimonials {
    position: relative;
    min-height: auto;
    margin-top: -110px;
    overflow: hidden;
}

@media (max-width: 768px) {
    #aboutTestimonials {
        min-height:auto;
        padding-top: 50px;
        padding-bottom: 30px;
        margin-bottom: 0px;
        margin-top: -10px;

    }
}

#aboutTestimonials .sectionSubHeader {
    color: #f7f7f7;
    padding-top: 500px;
    padding-bottom: 30px;
    font-size: 2em;
    padding-left: 20%;
    padding-right: 20%;
}

@media (max-width: 1350px) {
    #aboutTestimonials .sectionSubHeader {
        padding-top: 400px;
    }
}

@media (max-width: 920px) {
    #aboutTestimonials .sectionSubHeader {
        padding-top: 300px;
    }
}

@media (max-width: 768px) {
    #aboutTestimonials .sectionSubHeader {
        padding-top: 100px;
    }
}

@media (max-width: 400px) {
    #aboutTestimonials .sectionSubHeader {
        padding-top: 50px;
        font-size: 1.8em; 
    }
}

#aboutTestimonials .rightDots {
    top: 50px;
    right: -20px;
    z-index: -1
}

#aboutCommunitySponsors {
    margin: 0px 0;
    padding: 60px 0 20px;
    background: #147BBA;
    opacity: 75%;
}

#aboutCommunitySponsors .sectionSubHeader {
    color: #fff;
    padding-top: 60px;
    font-size: 2em;
}

#aboutCommunitySponsors h5 {
    color:#fff;
    font-family: Nunito,"sans-serif";
    max-width: 600px;
    margin: 0 auto;
    display: block;
    padding-top: 20px;
}

#aboutCommunitySponsors h6 {
    color:#fff;
    font-family: Montserrat,sans-serif;
    max-width: 600px;
    margin: 0 auto;
    display: block
}

#aboutCommunitySponsors p {
    color:#fff;
    max-width: 600px;
    margin: 0 auto;
    display: block
}

#aboutCommunitySponsors .copaniesList {
    margin-top: 40px;
    margin-bottom: 40px
}

#aboutCommunitySponsors .item {
    margin-bottom: 40px
}

#aboutCommunitySponsors .item img {
    width: 80%
}

#aboutCommunitySponsors .item p {
    margin-top: 30px
}

.coachesBanner {
    padding-top: 80px
}

@media (max-width: 599px) {
    .coachesBanner {
        padding-top:20px;
        margin-bottom: 0!important
    }
}

.coachesBanner .sectionHeader {
    max-width: 500px
}

@media (max-width: 599px) {
    .coachesBanner .videoWrapper {
        margin:-65px 0 0;
        max-height: 300px
    }
}

@media (max-width: 599px) {
    .coachesBanner .videoWrapper iframe {
        width:100%
    }
}

#coachListContainer {
    margin: 50px 0
}

#coachListContainer .teacherSearchFormContainer .sectionSubHeader {
    color: #063116
}

#coachListContainer .teacherSearchFormContainer .greenButton {
    margin-top: 40px
}

@media (max-width: 599px) {
    #coachListContainer .teacherSearchFormContainer .greenButton {
        margin:20px 0
    }
}

#coachListContainer .coachCardList {
    margin-top: 20px;
    margin-bottom: 50px
}

@media (max-width: 599px) {
    #coachListContainer .coachCardList {
        margin-top:0
    }
}

#coachListContainer .coachCardList>div:nth-child(3n-1) .coachCard {
    margin-top: 80px
}

@media (max-width: 599px) {
    #coachListContainer .coachCardList>div:nth-child(3n-1) .coachCard {
        margin-top:20px
    }
}

#coachListContainer .coachCardList>div:nth-child(3n) .coachCard {
    margin-top: 160px
}

@media (max-width: 599px) {
    #coachListContainer .coachCardList>div:nth-child(3n) .coachCard {
        margin-top:20px
    }
}

.coachCard {
    box-shadow: 0 10px 30px rgba(0,0,0,.16);
    border-radius: 5px;
    overflow: hidden;
    padding-top: 110%;
    width: 100%;
    margin: 0;
    background-position: 50%;
    background-size: cover;
    position: relative
}

@media (max-width: 599px) {
    .coachCard {
        margin-top:20px
    }
}

.coachCard>div {
    position: absolute;
    bottom: 0;
    padding: 10px 25px;
    z-index: 1
}

.coachCard>div .sectionHeader {
    color: #c6a5fc;
    margin: 0
}

.coachCard>div .sectionSubHeader {
    color: #fff
    
}

.coachCard:after {
    background: rgba(77,59,137,.19)
}

.coachCard:after,.coachCard:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ""
}

.coachCard:before {
    background: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.8)),color-stop(70%,hsla(0,0%,100%,0)));
    background: linear-gradient(0deg,rgba(0,0,0,.8),hsla(0,0%,100%,0) 70%)
}

#coachDetailContainer {
    margin: 50px 0
}

#coachDetailContainer .wp-post-image {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 380px;
    box-shadow: 0 10px 30px rgba(0,0,0,.16)
}

#coachDetailContainer .sectionHeader {
    margin-bottom: 0
}

#coachDetailContainer .postTitleContainer .sectionHeader {
    font-size: 2rem
}

#coachDetailContainer .sectionSubHeader {
    margin-top: 0;
    margin-bottom: 20px;
}

#coachDetailContainer .postContent {
    margin: 20px
}

#coachDetailContainer span {
    color: #acacac;
    font-size: 1.3rem;
    display: block;
    margin-bottom: 5px
}

#coachDetailContainer .coachCourseList {
    margin-bottom: 40px
}

#coachDetailContainer .coachCourseList li {
    margin-top: 20px
}

#coachDetailContainer .coachCourseList img {
    width: 60px;
    display: inline-block;
    margin-right: 10px
}

#coachDetailContainer .coachCourseList .sectionSubHeader {
    display: inline-block;
    color: #4d3b89
}

#coachDetailContainer .greenButton {
    margin-top: 40px
}

#coachDetailContainer .rightDots {
    top: 0;
    right: 40px
}

#coachDetailContainer .leftDots {
    left: -20px;
    top: 200px;
    z-index: -1
}

#coacheDetailContainer .leftDots {
    left: -20px;
    top: 300px;
    z-index: -1
}

#coacheDetailContainer .rightDots {
    right: 45px;
    top: 30px
}

#coacheDetailContainer .postTitleContainer {
    margin-left: 50px
}

@media (max-width: 599px) {
    #coacheDetailContainer .postTitleContainer {
        margin-left:0
    }
}

#coacheDetailContainer .postTitleContainer h3 {
    margin-top: 50px;
    margin-bottom: 0
}

@media (max-width: 599px) {
    #coacheDetailContainer .postTitleContainer h3 {
        margin-top:20px
    }
}

#coacheDetailContainer .postTitleContainer span {
    color: #acacac;
    font-size: 1.1rem;
    margin-top: 15px;
    display: block
}

#coacheDetailContainer .coachCard {
    position: fixed;
    width: 460px;
    height: 500px;
    padding-top: 0;
    top: 120px
}

@media (max-width: 599px) {
    #coacheDetailContainer .coachCard {
        position:relative;
        width: 100%;
        height: 320px;
        padding-top: 0;
        top: 0
    }
}

#coacheDetailContainer .coachCard:after,#coacheDetailContainer .coachCard:before {
    background: none
}

#coacheDetailContainer .aboutCoach {
    margin-left: 50px;
    margin-top: 20px
}

@media (max-width: 599px) {
    #coacheDetailContainer .aboutCoach {
        margin-left:0
    }
}

@media (max-width: 599px) {
    #coacheDetailContainer .aboutCoach .greenButton {
        margin:0 auto
    }
}

#coacheDetailContainer .coachCourseList img {
    width: 90px;
    display: block;
    margin: 0 auto
}

@media (max-width: 599px) {
    #coacheDetailContainer .coachCourseList img {
        float:left
    }
}

@media (max-width: 599px) {
    #coacheDetailContainer .coachCourseList .sectionSubHeader {
        float:left;
        width: calc(100% - 100px);
        margin-top: 37px;
        text-align: left!important;
        margin-left: 10px;
        font-size: .8rem
    }
}

#coacheDetailContainer .coachCourseList li img {
    width: 90px;
    display: inline-block
}

#coacheDetailContainer .coachCourseList li .sectionSubHeader {
    display: inline-block;
    color: #4d3b89
}

#coacheDetailContainer .coachCourseList a:hover {
    text-decoration: none
}

#coacheDetailContainer .coachCourseList .purpleTheme .sectionSubHeader {
    color: #4d3b89
}

#coacheDetailContainer .coachCourseList .blueTheme .sectionSubHeader {
    color: #147bba
}

#coacheDetailContainer .coachCourseList .orangeTheme .sectionSubHeader {
    color: #f7931e
}

#coacheDetailContainer .coachCourseList .greenTheme .sectionSubHeader {
    color: #24a85c
}

#coacheDetailContainer .coachCourseList .redTheme .sectionSubHeader {
    color: #ff767b
}

#coacheDetailContainer .coachCourseList .pinkTheme .sectionSubHeader {
    color: #ff66cc
}

#faqBanner {
    text-align: center;
    margin-top: 30px
}

#faqBanner .sectionHeader {
    margin: 0 auto
}

#faqBanner .faqSearchContainer {
    max-width: 700px;
    margin: 40px auto;
    position: relative
}

#faqBanner .faqSearchContainer .searchIcon {
    position: absolute;
    top: 15px;
    widtH: 24px;
    left: 17px
}

@media (max-width: 599px) {
    #faqBanner .faqSearchContainer .searchIcon {
        left:12px;
        top: 24px
    }
}

#faqBanner .faqSearchContainer .searchInput {
    box-shadow: 0 10px 30px rgba(0,0,0,.16);
    border-radius: 5px;
    border: none;
    padding: 15px 20px 15px 100px;
    width: 100%
}

@media (max-width: 599px) {
    #faqBanner .faqSearchContainer .searchInput {
        padding-left:50px;
        height: 70px;
        font-size: .8rem
    }
}

#faqBanner .faqSearchContainer .greenButton {
    position: absolute;
    top: 8px;
    right: 20px;
    margin: 0
}

@media (max-width: 599px) {
    #faqBanner .faqSearchContainer .greenButton {
        top:15px;
        right: 10px
    }
}

#faqBanner .rightDots {
    right: 90px;
    top: 15px;
    z-index: 10
}

@media (max-width: 599px) {
    #faqBanner .rightDots {
        width:50px;
        top: -45px;
        right: 20px
    }
}

.faqsContainer {
    min-height: 300px;
    margin: 100px 0 50px
}

.faqsContainer .faqNavPills a {
    box-shadow: 0 10px 30px rgba(0,0,0,.16);
    border-radius: 5px;
    background: #fff;
    margin-bottom: 10px;
    font-size: 1em;
    display: block;
    color: #063116;
    font-weight: 700;
    padding: 15px
}

.faqsContainer .faqNavPills a.active {
    background: #24a85c;
    color: #fff
}

.faqsContainer .tab-content {
    margin: 0 60px
}

@media (max-width: 599px) {
    .faqsContainer .tab-content {
        margin:0 2px
    }
}

.faqsContainer .contactFormContainer {
    box-shadow: 0 10px 30px rgba(0,0,0,.16);
    border-radius: 5px;
    min-height: 100px;
    width: 100%;
    background: #fff;
    padding: 40px
}

@media (max-width: 599px) {
    .faqsContainer .contactFormContainer {
        padding:20px
    }
}

.faqsContainer .contactFormContainer .sectionHeader {
    color: #24a85c
}

.faqsContainer .contactFormContainer p {
    max-width: 400px
}

.faqsContainer .contactFormContainer a {
    font-size: .8em;
    color: #5472d2;
    display: block
}

.faqsContainer .contactFormContainer a.phone {
    margin-top: -40px
}

.faqsContainer .contactFormContainer a.email {
    margin-top: -55px
}

.faqsContainer .contactFormContainer .gform_confirmation_wrapper+a {
    margin-top: 20px
}

.faqsContainer .leftDots {
    top: -20px;
    left: 0
}

@media (max-width: 599px) {
    .faqsContainer .leftDots {
        width:50px;
        top: -65px;
        left: 20px
    }
}

.faqsContainer .gform_wrapper ul.gform_fields li {
    padding-right: 0!important
}

.faqsContainer .gform_wrapper ul.gform_fields li .ginput_container input,.faqsContainer .gform_wrapper ul.gform_fields li .ginput_container textarea {
    background: #fcfafa
}

.faqsContainer .gform_wrapper ul.gform_fields li .ginput_container input::-webkit-input-placeholder,.faqsContainer .gform_wrapper ul.gform_fields li .ginput_container textarea::-webkit-input-placeholder {
    color: #acacac
}

.faqsContainer .gform_wrapper ul.gform_fields li .ginput_container input::-moz-placeholder,.faqsContainer .gform_wrapper ul.gform_fields li .ginput_container textarea::-moz-placeholder {
    color: #acacac
}

.faqsContainer .gform_wrapper ul.gform_fields li .ginput_container input:-ms-input-placeholder,.faqsContainer .gform_wrapper ul.gform_fields li .ginput_container textarea:-ms-input-placeholder {
    color: #acacac
}

.faqsContainer .gform_wrapper ul.gform_fields li .ginput_container input::-ms-input-placeholder,.faqsContainer .gform_wrapper ul.gform_fields li .ginput_container textarea::-ms-input-placeholder {
    color: #acacac
}

.faqsContainer .gform_wrapper ul.gform_fields li .ginput_container input::placeholder,.faqsContainer .gform_wrapper ul.gform_fields li .ginput_container textarea::placeholder {
    color: #acacac
}

.faqsContainer .gform_wrapper .gform_footer input[type=submit] {
    padding: 0 25px
}

.accordion .header {
    background: none;
    border-top: 1px solid #d1d1d1;
    border-bottom: none;
    padding-top: 10px;
    padding-bottom: 10px
}

.accordion .header button {
    margin-left: 0;
    padding-left: 0;
    color: #24a85c;
    font-weight: 700;
    position: relative
}

.accordion .header button:active,.accordion .header button:focus,.accordion .header button:hover {
    text-decoration: none
}

.accordion .header button:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNC41MzEiIGhlaWdodD0iMjQuNTMxIj48cGF0aCBkYXRhLW5hbWU9IlBhdGggMjEiIGQ9Ik0yMy41MzEgMTIuMjY2TC45OTggMTIuMjY1IiBmaWxsPSJub25lIiBzdHJva2U9IiMyNGE4NWMiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);
    width: 20px;
    height: 20px;
    background-position: 50%;
    background-size: cover
}

.accordion .header button.collapsed:before,.accordion .header button:before {
    content: "";
    position: absolute;
    left: -40px;
    -webkit-transition: .1s;
    transition: .1s
}

.accordion .header button.collapsed:before {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNC41MzIiIGhlaWdodD0iMjQuNTMyIj48ZyBmaWxsPSJub25lIiBzdHJva2U9IiMyNGE4NWMiIHN0cm9rZS13aWR0aD0iMiI+PHBhdGggZGF0YS1uYW1lPSJQYXRoIDIxIiBkPSJNMjMuNTMzIDEyLjI2N0wxIDEyLjI2NiIvPjxwYXRoIGRhdGEtbmFtZT0iUGF0aCAyMiIgZD0iTTEyLjI2NSAyMy41MzJWMSIvPjwvZz48L3N2Zz4=);
    background-position: 50%;
    background-size: cover
}

.accordion div:first-child .header {
    border-top: none
}

.accordion .body {
    padding-bottom: 15px
}

.accordion .body ol,.accordion .body ul {
    margin-left: 25px;
    margin-bottom: 1rem;
    list-style: unset
}

.accordion .body ol li,.accordion .body ul li {
    list-style: unset;
    color: #6a746f
}

.accordion .body img.aligncenter {
    display: block;
    margin: 0 auto
}

.accordion .body blockquote {
    margin: 0 50px
}

.accordion .header button {
    text-align: left
}

@media (max-width: 599px) {
    .accordion .header button {
        padding-left:35px
    }
}

@media (max-width: 599px) {
    .accordion .header button.collapsed:before,.accordion .header button:before {
        left:0
    }
}

.blogBanner {
    padding-top: 80px
}

@media (max-width: 599px) {
    .blogBanner {
        margin-bottom:0!important;
        min-height: 270px!important
    }
}

.blogBanner .sectionHeader {
    max-width: 500px
}

#blogListContainer .rightDots {
    right: 0;
    top: -45px
}

#blogListContainer .blogItem {
    margin-bottom: 50px
}

#blogListContainer .blogItem .sectionHeader {
    font-size: 30px
}

#blogListContainer .blogItem .date {
    color: #24a85c;
    margin-bottom: 0
}

#blogListContainer .blogItem a {
    color: #6a746f
}

#blogListContainer .blogItem a:hover {
    text-decoration: none
}

#blogListContainer .blogItem .featuredImageContainer {
    width: 100%;
    padding-top: 60%;
    background: #eee;
    position: relative;
    margin-bottom: 5px
}

#blogListContainer .blogItem .featuredImageContainer img {
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

#blogPost {
    margin-top: -330px
}

#blogPost .wp-post-image {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 380px;
    box-shadow: 0 10px 30px rgba(0,0,0,.16);
    max-width: 445px;
    position: fixed
}

@media (max-width: 599px) {
    #blogPost .wp-post-image {
        position:relative;
        max-width: 100%
    }
}

#blogPost .postContent {
    margin-left: 60px;
    margin-top: 150px
}

@media (max-width: 599px) {
    #blogPost .postContent {
        margin-left:0;
        margin-top: 15px
    }
}

#blogPost .postContent ol,#blogPost .postContent ul {
    margin-bottom: 1rem
}

#blogPost .postContent ol li,#blogPost .postContent ul li {
    color: #6a746f
}

#blogPost .postContent ul {
    -webkit-padding-start: 40px;
    padding-inline-start:40px}

#blogPost .postContent ul li {
    list-style: circle
}

#blogPost .postContent ol li {
    list-style: decimal
}

#blogPost .postContent img {
    max-width: 100%
}

#blogPost .postContent .postTitleContainer {
    border-radius: 5px;
    background: #fff;
    padding: 20px;
    margin-bottom: 60px;
    box-shadow: 0 10px 30px rgba(0,0,0,.16)
}

.page #blogPost .postContent .postTitleContainer {
    margin-bottom: 80px
}

@media (max-width: 599px) {
    .page #blogPost .postContent .postTitleContainer {
        margin-bottom:60px
    }
}

#blogPost .postContent .postTitleContainer .sectionHeader {
    margin-bottom: 0
}

#blogPost .postContent .postTitleContainer .date {
    color: #24a85c;
    margin-bottom: 0
}

#blogPost .postContent .greenButton {
    margin-top: 60px
}

@media (max-width: 599px) {
    #blogPost .postContent .greenButton {
        margin:20px auto
    }
}

#page404 {
    margin: 100px 0 80px
}

@media (max-width: 599px) {
    #page404 {
        margin:50px 0 20px
    }
}

#page404 h1 {
    font-size: 5rem;
    color: #063116;
    font-weight: 700
}

@media (max-width: 599px) {
    #page404 h1 {
        margin-bottom:15px
    }
}

#page404 .sectionSubHeader {
    color: #707070
}

#page404 p {
    max-width: 360px;
    margin: 0 auto 20px
}

#page404 div {
    margin: 0 auto
}

#page404 div button {
    display: inline-block
}

#page404 div button.greenButton {
    margin-right: 20px
}

@media (max-width: 599px) {
    #page404 div button {
        display:block;
        margin: 0 auto 20px;
        margin-right: auto!important
    }
}

.page-template-template-offering .jumbotron .greenButton {
    margin: 0;
    font-size: 1em
}

.page-template-template-offering .jumbotron .sectionHeader {
    font-size: 40px;
    line-height: 1.2
}

@media (max-width: 599px) {
    .page-template-template-offering .jumbotron .sectionHeader {
        font-size:32px
    }
}

.page-template-template-offering .about {
    position: relative;
    overflow: hidden;
    padding: 40px 0 30px
}

.page-template-template-offering .about .leftDots {
    left: -100px
}

.page-template-template-offering .about .rightDots {
    right: 0;
    bottom: -15px;
    z-index: -1
}

.page-template-template-offering .about .sectionSubHeader {
    color: #fff;
    margin-bottom: 60px
}

@media (max-width: 599px) {
    .page-template-template-offering .about .sectionSubHeader {
        margin-bottom:15px
    }
}

.page-template-template-offering .about .container-small {
    max-width: 692px;
    margin: 0 auto
}

.page-template-template-offering .about h4,.page-template-template-offering .about p {
    color: #fff
}

.page-template-template-offering .about h4 {
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 2rem
}

@media (max-width: 599px) {
    .page-template-template-offering .about h4 {
        margin-top:20px
    }
}

.page-template-template-offering .about p {
    margin-bottom: 50px
}

@media (max-width: 599px) {
    .page-template-template-offering .about p {
        margin-bottom:20px
    }
}

.page-template-template-offering .offerings {
    padding: 80px 0
}

@media (max-width: 599px) {
    .page-template-template-offering .offerings {
        padding:40px 0
    }
}

.page-template-template-offering .offerings .container {
    position: relative
}

.page-template-template-offering .offerings .leftDots {
    left: -80px;
    top: 550px
}

.page-template-template-offering .offerings .rightDots {
    right: 0;
    top: -40px
}

.page-template-template-offering .offerings .grid-container {
    max-width: 1164px;
    margin: 60px auto 0
}

.page-template-template-offering .offerings .grid {
    display: grid;
    -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
    column-gap: 80px
}

@media only screen and (min-width: 425px) {
    .page-template-template-offering .offerings .grid {
        grid-template-columns:repeat(2,1fr)
    }
}

.page-template-template-offering .offerings .grid:not(:first-child) {
    margin-top: 60px
}

@media only screen and (min-width: 425px) {
    .page-template-template-offering .offerings .grid.reverse {
        grid-auto-flow:dense
    }

    .page-template-template-offering .offerings .grid.reverse>:first-child {
        grid-column: 2
    }
}

.page-template-template-offering .offerings .image img {
    height: 250px;
    border-radius: 2px;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (min-width: 425px) {
    .page-template-template-offering .offerings .image img {
        height:420px
    }
}

.page-template-template-offering .offerings .text {
    padding-top: 40px;
    position: relative
}

@media only screen and (min-width: 425px) {
    .page-template-template-offering .offerings .text {
        padding-top:60px
    }
}

.page-template-template-offering .offerings .text .bar {
    background-color: #24a85c;
    top: -10px;
    left: 0;
    width: 100px;
    height: 1px;
    margin-bottom: 16px
}

.page-template-template-offering .offerings .text .title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 16px
}

@media only screen and (min-width: 425px) {
    .page-template-template-offering .offerings .text .title {
        font-size:38px
    }
}

.page-template-template-offering #contact {
    position: relative;
    overflow: hidden;
    padding: 60px 0
}

.page-template-template-offering #contact .grid {
    display: grid;
    -webkit-column-gap: 80px;
    -moz-column-gap: 80px;
    column-gap: 80px
}

@media only screen and (min-width: 425px) {
    .page-template-template-offering #contact .grid {
        grid-template-columns:repeat(2,1fr)
    }
}

@media only screen and (min-width: 425px) {
    .page-template-template-offering #contact .text {
        display:-webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center
    }
}

.page-template-template-offering #contact .text h1 {
    color: #fff;
    font-size: 32px;
    margin-bottom: 32px
}

@media only screen and (min-width: 425px) {
    .page-template-template-offering #contact .text h1 {
        margin-bottom:0;
        font-size: 48px
    }
}

.page-template-template-offering #contact .form {
    position: relative;
    border-radius: 4px;
    padding: 20px;
    background-color: #fff
}

@media only screen and (min-width: 425px) {
    .page-template-template-offering #contact .form {
        padding-top:40px;
        padding-left: 40px;
        padding-right: 40px
    }
}

.page-template-template-offering #contact .form .gform_wrapper ul.gform_fields li {
    padding-right: 0!important
}

.page-template-template-offering #contact .form .gform_wrapper ul.gform_fields li .ginput_container input,.page-template-template-offering #contact .form .gform_wrapper ul.gform_fields li .ginput_container textarea {
    background: #fcfafa
}

.page-template-template-offering #contact .form .gform_wrapper ul.gform_fields li .ginput_container input::-webkit-input-placeholder,.page-template-template-offering #contact .form .gform_wrapper ul.gform_fields li .ginput_container textarea::-webkit-input-placeholder {
    color: #acacac
}

.page-template-template-offering #contact .form .gform_wrapper ul.gform_fields li .ginput_container input::-moz-placeholder,.page-template-template-offering #contact .form .gform_wrapper ul.gform_fields li .ginput_container textarea::-moz-placeholder {
    color: #acacac
}

.page-template-template-offering #contact .form .gform_wrapper ul.gform_fields li .ginput_container input:-ms-input-placeholder,.page-template-template-offering #contact .form .gform_wrapper ul.gform_fields li .ginput_container textarea:-ms-input-placeholder {
    color: #acacac
}

.page-template-template-offering #contact .form .gform_wrapper ul.gform_fields li .ginput_container input::-ms-input-placeholder,.page-template-template-offering #contact .form .gform_wrapper ul.gform_fields li .ginput_container textarea::-ms-input-placeholder {
    color: #acacac
}

.page-template-template-offering #contact .form .gform_wrapper ul.gform_fields li .ginput_container input::placeholder,.page-template-template-offering #contact .form .gform_wrapper ul.gform_fields li .ginput_container textarea::placeholder {
    color: #acacac
}

.page-template-template-offering #contact .form .gform_wrapper .gform_footer input[type=submit] {
    padding: 0 25px
}

.page-template-template-offering #contact .form .email {
    font-size: .8em;
    color: #5472d2;
    display: block
}

@media only screen and (min-width: 1024px) {
    .page-template-template-offering #contact .form .email {
        position:absolute;
        bottom: 60px;
        left: 40px
    }
}

.page-template-template-offering .testimonials {
    margin: 50px 0
}

.page-template-template-offering .testimonials .sectionSubHeader {
    color: #4d3b89;
    margin-bottom: 60px
}

.page-template-template-offering .testimonials .rightDots {
    top: 50px;
    right: -20px;
    z-index: -1
}

.woocommerce-checkout .woocommerce-checkout-payment .stripe-card-group,.woocommerce-checkout .woocommerce-checkout-payment .wc-stripe-elements-field {
    width: 100%
}

/* Franchisee Page */

#franchiseeLocation {
    position: relative;
    min-height: 674px;
    overflow: hidden;
    padding: 250px 0 30px
}

#franchiseeLocation .sectionSubHeader {
    color: #fff;
    margin-bottom: 20px;
    font-size: 2em
}

@media (max-width: 599px) {
    #franchiseeLocation .sectionSubHeader {
        margin-bottom:15px
    }
}

#franchiseeLocation h4,#franchiseeLocation h5,#franchiseeLocation h6,#franchiseeLocation p {
    color: #fff
}

#franchiseeLocation h4 {
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 2rem
}

#franchiseeLocation h5 {
    color:#fff;
    font-family: Nunito,"sans-serif";
    padding-top: 20px;
}

@media (max-width: 599px) {
    #franchiseeLocation h4 {
        margin-top:20px
    }
}

#franchiseeLocation p {
    margin-bottom: 50px;
    color: #fff;
}

@media (max-width: 599px) {
    #franchiseeLocation p {
        margin-bottom:20px
    }
}

#franchiseeLocation .featureItem {
    width: 100%;
    max-width: 1200px;
    padding: 20px;
    margin: 20px auto;
    box-shadow: 0 10px 30px rgba(0,0,0,.16);
    min-height: 180px; /* Ensures the container doesn't become too short */
    display: flex;
    background: #fff;
    flex-direction: column;
    justify-content: center; /* Centers content vertically */
    align-items: center; /* Centers content horizontally */
    border-radius: 5px;
}

#franchiseeLocation .featureItem strong {
    font-size: 1.5rem;
    margin-bottom: 10px;
    color: #24a85c;
}

#franchiseeLocation .featureItem p {
    font-size: 1rem;
    line-height: 1.5;
    word-wrap: break-word;
    color: #24a85c;

}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
    #franchiseeLocation .featureItem {
        padding: 15px; /* Reduce padding for smaller screens */
    }

    #franchiseeLocation .featureItem strong {
        font-size: 1.2rem; /* Reduce font size for smaller screens */
    }

    #franchiseeLocation .featureItem p {
        font-size: 0.9rem; /* Reduce paragraph font size */
    }
}

#franchiseeLocation .googleMap iframe {
    border: none; /* Removes the default border around the iframe */
    border-radius: 8px; /* Adds rounded corners */
}

#franchiseeLocation .contactDetails {
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

#franchiseeLocation .contactDetails h3 {
    font-size: 1.5rem;
    margin-bottom: 20px;
    text-align: center;
    font-family: Nunito,"sans-serif";
}

#franchiseeLocation .contactDetails p {
    font-size: 1rem;
    margin-bottom: 10px;
    line-height: 1.5;
    color: #171d1a;
}

@media (max-width: 768px) {
    #franchiseeLocation .googleMap iframe {
        height: 250px; /* Reduce map height on smaller screens */
    }

    #franchiseeLocation .contactDetails {
        padding: 15px; /* Reduce padding for smaller screens */
        margin-top: 20px; /* Adds a small margin above the contact details box */
    }

    #franchiseeLocation .contactDetails h3 {
        font-size: 1.2rem; /* Reduce heading size */
    }

    #franchiseeLocation .contactDetails p {
        font-size: 0.9rem; /* Reduce paragraph font size */
    }
}

#franchiseeTestimonials {
    position: relative;
    min-height: auto;
    margin-top: 10px;
    overflow: hidden;
}

@media (max-width: 768px) {
    #franchiseeTestimonials {
        min-height:auto;
        padding-top: 50px;
        padding-bottom: 30px;
        margin-bottom: 0px;
        margin-top: -10px;

    }
}

#franchiseeTestimonials .sectionSubHeader {
    color: #f7f7f7;
    padding-top: 50px;
    padding-bottom: 30px;
    font-size: 2em;
    padding-left: 20%;
    padding-right: 20%;
}

@media (max-width: 1350px) {
    #franchiseeTestimonials .sectionSubHeader {
        padding-top: 50px;
    }
}

@media (max-width: 920px) {
    #franchiseeTestimonials .sectionSubHeader {
        padding-top: 300px;
    }
}

@media (max-width: 768px) {
    #franchiseeTestimonials .sectionSubHeader {
        padding-top: 100px;
    }
}

@media (max-width: 400px) {
    #franchiseeTestimonials .sectionSubHeader {
        padding-top: 50px;
        font-size: 1.8em; 
    }
}

#franchiseeTestimonials .rightDots {
    top: 50px;
    right: -20px;
    z-index: -1
}

#franchiseeContact {
    margin: 0px 0;
    padding: 60px 0 20px;
    background: #147BBA;
    opacity: 75%;
}

#franchiseeContact .sectionSubHeader {
    color: #fff;
    padding-top: 60px;
    font-size: 2em;
}

#franchiseeContact h5 {
    color:#fff;
    font-family: Nunito,"sans-serif";
    max-width: 600px;
    margin: 0 auto;
    display: block;
    padding-top: 20px;
}

#franchiseeContact h6 {
    color:#fff;
    font-family: Montserrat,sans-serif;
    max-width: 600px;
    margin: 0 auto;
    display: block
}

#franchiseeContact p {
    color:#fff;
    max-width: 600px;
    margin: 0 auto;
    display: block
}

/* Franchising Page */

/* Franchising Page Hero Section */
.hero-image {
  position: relative;
  width: 100%;
  height: 100vh; /* Full viewport height */
  background: url('https://speakingschools.com.au/wp-content/uploads/2025/07/DSC_0047-2.jpg') no-repeat center center/cover; /* Hero image URL */
  background-color: #063116; /* Fallback color */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: -2;
  margin-top: -50px;
  margin-bottom: -200px

}

#franchisingHeroContent {
    position: relative;
    min-height: 674px;
    overflow: hidden;
    padding: 100px 0 30px
}

#franchisingHeroContent .sectionSubHeader {
    color: #fff;
    margin-bottom: 50px;
    font-size: 2em
}

@media (max-width: 599px) {
    #franchisingHeroContent .sectionSubHeader {
        padding: 300px 0 30px;
        margin-bottom:15px
    }
}

#franchisingHeroContent h1 {
    font-size: 1.5rem; /* Large font size for a strong visual impact */
    font-weight: 400; /* Bold font weight for emphasis */
    color: #fff; /* Strong contrasting color from the palette */
    line-height: 1.2; /* Adjust line height for readability */
    margin-bottom: 30px; /* Space below the heading */
    text-align: center;
    font-family: 'Nunito', sans-serif; /* Matches the website's font family */
    letter-spacing: 1px; /* Slight letter spacing for a polished appearance */
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* Subtle shadow for depth */
}

#franchisingHeroContent h2 {
    font-size: 4.5rem; /* Large font size for a strong visual impact */
    font-weight: 700; /* Bold font weight for emphasis */
    color: #fff; /* Strong contrasting color from the palette */
    line-height: 1; /* Adjust line height for readability */
    margin-bottom: 40px; /* Space below the heading */
    text-align: right;
    font-family: 'Nunito', sans-serif; /* Matches the website's font family */
    letter-spacing: 1px; /* Slight letter spacing for a polished appearance */
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* Subtle shadow for depth */
}

#franchisingHeroContent p {
    color: #fff; 
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* Subtle shadow for depth */
}

#franchisingHeroContent .row {
  display: flex; /* Enables Flexbox for the row */
  align-items: center; /* Vertically centers content within the row */
  margin-top: 20px;
}

#franchisingHeroContent .col {
  flex: 1; /* Ensures both columns take up equal space */
}

#franchisingHeroContent .col h2 {
  text-align: center; /* Centers the text horizontally */
}

#franchisingHeroContent .col h2 span {
  display: inline-block; /* Ensures the span behaves like a block for alignment */
}

@media (max-width: 599px) {
    #franchisingHeroContent h2 {
        font-size: 2.5rem; /* Adjust font size for smaller screens */
        margin-bottom: 20px; /* Reduce spacing for smaller screens */
    }
}

/* Qualifications Section Background */
#franchisingHeroContent .background-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1; /* Push the background behind the content */
}

#franchisingHeroContent .backgroundSVG {
    width: 100%;
    height: auto; /* Ensure the image scales proportionally */
    object-fit: cover; /* Ensures the image covers the container */
}

#franchisingHeroContent .container {
    position: relative;
    z-index: 1; /* Ensure the content is above the background */
}

/* Contextual Text Styling */
.context-text {
  font-size: 1.2rem; /* Slightly larger text for emphasis */
  font-weight: 500; /* Medium weight for readability */
  color: #fff; /* White text to contrast with the green background */
  margin-bottom: 20px; /* Space between the text and the button */
  font-family: 'Nunito', sans-serif; /* Matches the website's font family */
}

/* Button Styling */
#franchisingHeroContent .btn-green {
  display: inline-block;
  padding: 15px 30px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff; /* White text */
  background: linear-gradient(90deg, #6ede84, #3cad66); /* Green gradient */
  border: 3px solid #fff; /* White border to make it stand out */
  border-radius: 30px; /* Rounded corners */
  text-decoration: none;
  text-align: center;
  transition: all 0.3s ease; /* Smooth hover effect */
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
}

#franchisingHeroContent .btn-green:hover {
  background: linear-gradient(90deg, #3cad66, #24a85c); /* Darker green on hover */
  color: #f7931e; /* Change text color to orange on hover */
  border-color: #f7931e; /* Change border color to orange on hover */
  transform: scale(1.05); /* Slight zoom effect */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3); /* Enhanced shadow on hover */
}

#franchisingHeroContent .btn-green:active {
  transform: scale(0.95); /* Slight shrink effect on click */
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); /* Reduced shadow on click */
}

/* Responsive Spacing */

@media (max-width: 768px) {
  #franchisingHeroContent .btn-green {
    font-size: 1rem; /* Smaller font size for mobile */
    padding: 10px 20px; /* Adjust padding for smaller screens */
  }

  #franchisingHeroContent .context-text {
    font-size: 1rem; /* Adjust text size for smaller screens */
  }
}

/* Section Styling */
#franchiseBenefits {
  background: url('path-to-texture.png') repeat; /* Textured white background */
  padding: 50px 0; /* Top and bottom padding */
}

#franchiseBenefits .sectionSubHeader {
  color: #333; /* Darker text for contrast */
  margin-bottom: 50px;
  font-size: 2em;
  text-align: center;
}

#franchiseBenefits .features {
  margin-top: 20px;
  margin-bottom: 20px;
}

#franchiseBenefits .featureItem {
  position: relative;
  text-align: center;
  margin: 20px 0;
}

#franchiseBenefits .image-container {
  position: relative;
  z-index: 1; /* Ensure the image is above the background but below the text box */
  margin-bottom: -20px; /* Pull the image down slightly to overlap the text box */
}

#franchiseBenefits .feature-image {
  width: 100%; /* Full width of the container */
  height: auto; /* Maintain aspect ratio */
  display: block;
  margin: 0 auto; /* Center the image */
  border-radius: 10px 10px 0 0; /* Rounded corners on the top only */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

#franchiseBenefits .text-box {
  position: relative;
  background: #fff; /* White background for the text box */
  border: 1px solid #147BBA; /* Thin blue border */
  border-radius: 10px; /* Rounded corners */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Small shadowed lift */
  padding: 20px; /* Padding inside the box */
  z-index: 2; /* Ensure the text box is above the image */
  margin-top: -20px; /* Pull the text box up to overlap the image */
}

#franchiseBenefits .text-box strong {
  font-weight: 700;
  color: #147BBA; /* Blue text for the title */
  line-height: 1.3rem;
  font-size: 1rem;
  margin-bottom: 10px;
  display: block;
}

#franchiseBenefits .text-box p {
  font-size: 0.9rem;
  color: #555; /* Slightly lighter text for readability */
  line-height: 1.6;
  margin-top: 10px;
}

/* Responsive Adjustments */
@media (max-width: 599px) {
  #franchiseBenefits .feature-image {
    max-width: 100%; /* Ensure the image scales properly on smaller screens */
  }

  #franchiseBenefits .text-box {
    padding: 15px; /* Reduce padding for smaller screens */
  }

  #franchiseBenefits .text-box strong {
    font-size: 0.9rem; /* Adjust title size for smaller screens */
  }

  #franchiseBenefits .text-box p {
    font-size: 0.8rem; /* Adjust paragraph size for smaller screens */
  }
}

/* Franchising Page Qualifications Section */

#franchisingQualifications {
    position: relative; /* Ensure the background stays within the section */
    height: auto; /* Allow the section height to adjust dynamically */
    overflow: hidden; /* Prevent any overflow issues */
    padding: 100px 0 30px; /* Maintain padding for spacing */
    background: none; /* Remove any fallback background to rely on the SVG */
}

#franchisingQualifications .background-container {
    position: absolute; /* Position the background relative to the section */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* Ensure the background covers the entire section */
    z-index: -1; /* Push the background behind the content */
}

#franchisingQualifications .backgroundSVG {
    width: 100%;
    height: 100%; /* Ensure the image scales to fill the section */
    object-fit: cover; /* Ensures the image covers the container without distortion */
}

#franchisingQualifications .container {
    position: relative; /* Ensure the content is above the background */
    z-index: 1; /* Place the content above the background */
}

#franchisingQualifications h2 {
    font-size: 4.5rem; /* Large font size for a strong visual impact */
    font-weight: 700; /* Bold font weight for emphasis */
    color: #fff; /* Strong contrasting color from the palette */
    line-height: 1; /* Adjust line height for readability */
    margin-bottom: 40px; /* Space below the heading */
    text-align: right;
    font-family: 'Nunito', sans-serif; /* Matches the website's font family */
    letter-spacing: 1px; /* Slight letter spacing for a polished appearance */
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* Subtle shadow for depth */
}

#franchisingQualifications p {
    color: #fff; 
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* Subtle shadow for depth */
}

#franchisingQualifications .row {
  display: flex; /* Enables Flexbox for the row */
  align-items: center; /* Vertically centers content within the row */
  margin-top: 20px;
}

#franchisingQualifications .col {
  flex: 1; /* Ensures both columns take up equal space */
}

#franchisingQualifications .col h2 {
  text-align: left; /* Centers the text horizontally */
}

#franchisingQualifications .col h2 span {
  display: inline-block; /* Ensures the span behaves like a block for alignment */
}

@media (max-width: 599px) {
    #franchisingQualifications h2 {
        font-size: 2.5rem; /* Adjust font size for smaller screens */
        margin-bottom: 20px; /* Reduce spacing for smaller screens */
    }
}

/* Contextual Text Styling */
#franchisingQualifications .context-text {
  font-size: 1.2rem; /* Slightly larger text for emphasis */
  font-weight: 500; /* Medium weight for readability */
  color: #fff; /* White text to contrast with the green background */
  margin-bottom: 20px; /* Space between the text and the button */
  font-family: 'Nunito', sans-serif; /* Matches the website's font family */
}

/* Button Styling */

#franchisingQualifications .btn-purple {
  display: inline-block;
  padding: 15px 30px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #fff; /* White text */
  background: linear-gradient(90deg, #6a5fbf, #4d3b89); /* Purple gradient */
  border: 3px solid #fff; /* White border to make it stand out */
  border-radius: 30px; /* Rounded corners */
  text-decoration: none;
  text-align: center;
  transition: all 0.3s ease; /* Smooth hover effect */
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); /* Subtle shadow for depth */
}

#franchisingQualifications .btn-purple:hover {
  background: linear-gradient(90deg, #4d3b89, #3a2f6f); /* Darker purple on hover */
  color: #f7931e; /* Change text color to orange on hover */
  border-color: #f7931e; /* Change border color to orange on hover */
  transform: scale(1.05); /* Slight zoom effect */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3); /* Enhanced shadow on hover */
}

#franchisingQualifications .btn-purple:active {
  transform: scale(0.95); /* Slight shrink effect on click */
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); /* Reduced shadow on click */
}

/* Responsive Spacing */

@media (max-width: 768px) {
  #franchisingQualifications .btn-purple {
    font-size: 1rem; /* Smaller font size for mobile */
    padding: 10px 20px; /* Adjust padding for smaller screens */
  }

  #franchisingQualifications .context-text {
    font-size: 1rem; /* Adjust text size for smaller screens */
  }
}

/* Default Flexbox Row (Desktop and Larger Screens) */
#franchisingQualifications .row {
  display: flex; /* Enables Flexbox for the row */
  align-items: center; /* Vertically centers content within the row */
  margin-top: 20px;
  flex-wrap: wrap; /* Allows the columns to wrap when the screen is too small */
}

/* Default Column Order (Desktop and Larger Screens) */
#franchisingQualifications .col-md-7 {
  order: 1; /* Left column stays first */
}

#franchisingQualifications .col-md-5 {
  order: 2; /* Right column stays second */
}

/* Mobile Stacking Order (Smaller Screens) */
@media (max-width: 768px) {
  #franchisingQualifications .col-md-7 {
    order: 2; /* Left column moves below */
  }

  #franchisingQualifications .col-md-5 {
    order: 1; /* Right column moves on top */
  }
}

/* Franchising Page Locations Section */

#franchiseLocations {
    margin: 50px 0
}

#franchiseLocations .row {
  display: flex;
  flex-wrap: wrap; /* Allow wrapping for smaller screens */
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
}

#franchiseLocations h2 {
    font-size: 2rem; /* Large font size for a strong visual impact */
    font-weight: 400; /* Bold font weight for emphasis */
    color: #000; /* Strong contrasting color from the palette */
    line-height: 1; /* Adjust line height for readability */
    margin-bottom: 40px; /* Space below the heading */
    font-family: 'Nunito', sans-serif; /* Matches the website's font family */
    letter-spacing: 1px; /* Slight letter spacing for a polished appearance */
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* Subtle shadow for depth */
}

#franchiseLocations h4 {
    font-size: 1.2rem; 
    font-weight: 250; 
    color: #000; 
    line-height: 1; 
    margin-bottom: 2px; 
    font-family: 'Nunito', sans-serif; /* Matches the website's font family */
    letter-spacing: 1px; 
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); 
}

#franchiseLocations p {
    color: #000;
    font-style: italic;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* Subtle shadow for depth */
}

@media (max-width: 599px) {
    #franchiseLocations {
        margin-top:0;
        margin-bottom: 10px
    }
}

#franchiseLocations .sectionHeader {
    margin-top: 20px; /* Adjust spacing above the title */
    margin-bottom: 50px; /* Adjust spacing below the title */
}

@media (max-width: 768px) {
    #franchiseLocations .sectionHeader {
        font-size: 2rem; /* Adjust font size for smaller screens */
        margin-top: 20px; /* Reduce top margin */
        margin-bottom: 10px; /* Reduce bottom margin */
        text-align: center;
    }

    #franchiseLocations h4 {
        text-align: center;
    }

    #franchiseLocations p {
        text-align: center;
    }

}

/* Responsive iframe container */
#franchiseLocations .iframe-container {
  position: relative;
  width: 100%; /* Full width of the parent container */
  padding-top: 90%; /* Aspect ratio: 10:9 (height is 90% of width) */
  overflow: hidden; /* Hide any overflow */
  background: #f0f0f0; /* Optional: Add a background color while the iframe loads */
  border-radius: 8px; /* Optional: Add rounded corners */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Optional: Add a subtle shadow */
}

#franchiseLocations .iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; /* Make the iframe take up the full width of the container */
  height: 100%; /* Make the iframe take up the full height of the container */
  border: 0; /* Remove the default border */
}