.efgh {
    display: none
}

.gradient-text {
    background: linear-gradient(137deg, #ef921a 24%, #eb5528);
    background-clip: initial;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.card {
    padding: 8px;
    border: 0;
    margin-bottom: 5px;
    background-color: white;
    border-radius: 6px;
    box-shadow: 0 3px 7px 0 #adb5bd;
    width: 50%;
    margin-left: 25%;
}
.noeffect{
    box-shadow: none;
    border:none;
    background:none
}
h1 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 38px;
    line-height: 44px;
    font-weight: 300
}

.section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    list-style-type: none
}

.nav-link {
    margin-right: 10px;
    margin-left: 10px;
    color: #fff;
    text-decoration: none
}

.nav-item {
    margin-right: 10px;
    margin-left: 10px
}

.link {
    color: #fff;
    font-size: 28px;
    text-decoration: none
}

.nav {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

.section-2 {
    height: 800px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(3, 3, 3, .28)), to(rgba(3, 3, 3, .28))), url(../images/scott-webb-5IsdIqwwNP4-unsplash.jpg);
    background-image: linear-gradient(180deg, rgba(3, 3, 3, .28), rgba(3, 3, 3, .28)), url(../images/scott-webb-5IsdIqwwNP4-unsplash.jpg);
    background-position: 0 0, 0 0;
    background-size: auto, cover
}

.hero {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 900px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(../images/65b6c204eb5af46919ce22b4825c2167d03d54b3_smgkqp.jpg);
    background-position: 70% 97%;
}

.hero2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 375px;
    width: 100%;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5)), url(../images/ce5e521cd39bdd11f3c18273c2532a21380da1ff_mg9lvl.jpg);
    background-position: 50% 30%;
}

.hero3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 650px;
    width: 100%;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(../images/6df8fe8b6d4b7329e35f104526fdd95ff70786f2_klgajk.jpg);
    background-position: 50% 32%
}

.hero-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 500px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #fff
}

.div-block {
    height: 1px
}

.get-course-button {
    margin-top: 15px;
    padding-right: 20px;
    padding-left: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    border-radius: 6px;
    background-color: transparent;
    text-align: center;
    text-transform: uppercase
}

.paragraph {
    margin-top: 20px;
    margin-bottom: 19px;
    font-weight: 400
}

.heading {
    font-size: 45px;
    letter-spacing: 2px
}

.creator-message {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 500px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.message-title {
    margin-bottom: 25px
}

.div-block-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 75%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.message-par {
    margin-right: 10px;
    margin-left: 10px;
    font-size: 15px!important;
    line-height: 26px;
    color: #7d7d7deb;
    font-weight: 600;
}

.course-button {
    width: 200px;
    margin-top: 25px;
    padding: 14px 20px 15px;
    border: 0 solid transparent;
    border-radius: 6px;
    background-color: transparent;
    background-image: linear-gradient(137deg, #ef921a 24%, #c24700);
    color: #fff;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase
}

.course-description {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    padding-top: 50px;
    padding-bottom: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fafafa
}

.desc-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 65%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.div-block-3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.desc-grid {
    width: 80%;
    grid-auto-flow: row;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto
}

.desc-grid-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .16);
    text-align: center
}

.body {
    max-width: 1800px;
    margin-right: auto;
    margin-left: auto;
    font-family: Montserrat, sans-serif
}

.image {
    max-width: 75px
}

.paragraph-2 {
    max-width: 800px;
    font-size: 16px;
    line-height: 32px
}

.section-title {
    margin-bottom: 50px;
    font-size: 32px;
    font-weight: 600;
    margin-left: 18rem;
    margin-right: 18rem;
    text-align: center
}

.section-title.for-you-title {
    color: #fff;
    font-weight: 400
}

.desc-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.desc-boxes {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    height: 100%;
    margin-top: 50px;
    padding-bottom: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.desc-box {
    display: block;
    width: 45%;
    max-width: 650px;
    margin: 20px auto;
    padding-right: 50px;
    padding-bottom: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 1px 2px 6px 2px hsla(0, 0%, 66%, .15)
}

.desc-box.desc-box-last {
    background-color: transparent;
    box-shadow: none
}

.desc-box-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 25%;
    padding-top: 0;
    padding-left: 50px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.desc-box-text {
    margin: 20px 20px 20px 85px;
    color: #a5a5a5;
    font-size: 16px;
    line-height: 28px;
    text-align: left
}

.desc-box-title {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 20px;
    color: #eb5b26;
    font-size: 21px;
    font-weight: 600
}

.desc-box-title.last {
    color: #000;
    font-size: 18px;
    font-weight: 500
}

.results {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 100px;
    padding-bottom: 100px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.results-heading {
    margin-bottom: 50px;
    font-size: 36px;
    font-weight: 600
}

.slider {
    width: 100%
}

.result-images {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 350px;
    -webkit-box-pack: center;
    -webkit-justify-contpadding-top: 50px;
    background-color: #fdfafa;
    ent: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.result-img {
    margin-right: 10px;
    margin-left: 10px
}

.macro-breakdown.course-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    padding-top: 100px;
    padding-bottom: 100px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.dual-par {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 80%;
    max-width: 80%;
    margin-bottom: 50px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.paragraph-3 {
    color: #7d7d7d;
    font-weight: 300
}

.paragraph-4 {
    margin-left: 20px;
    color: #7d7d7d
}

.for-you {
    padding-top: 100px
}

.course-section {
    margin-bottom: 0;
    padding-top: 100px;
    padding-bottom: 100px
}

.course-section.get-course {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 800px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url(../images/handstand3.jpg);
    background-position: 0 0;
    background-size: cover;
    font-weight: 400
}

.for-you-box {
    width: 50%;
    max-width: 650px;
    padding: 20px 50px;
    border-radius: 6px;
    background-color: #fff
}

.bold-text {
    font-weight: 300
}

.bold-text-2 {
    margin-right: 20px;
    font-weight: 300
}

.dual-par-par {
    width: 50%;
    padding-right: 20px;
    padding-left: 20px
}

.paragraph-5 {
    color: #7d7d7d;
    font-size: 16px;
    line-height: 32px
}

.paragraph-6 {
    color: #7d7d7d;
    font-size: 16px;
    line-height: 32px
}

.sample-format {
    background-color: #fafafa
}

.sample-format.course-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.sample-format-box {
    width: 60%;
    padding: 50px 40px;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, .1)
}

.testimonials.course-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 50px;
    background-color: #fdfafa
}

.testimonial-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 25px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.testimonial {
    /* display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; */
    /* height: 250px; */
    max-width: 350px;
    margin-right: 10px;
    margin-left: 10px;
    padding: 40px 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    background-color: white;
    border-radius: 6px;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .09)
}

.footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 50px 100px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #222;
    color: #fff
}

.footer-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-link {
    margin-right: 10px;
    margin-left: 10px;
    color: #fff;
    text-decoration: none
}

.paragraph-7 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: 500;
    /* text-align: center */
}

.div-block-4 {
    width: 50px;
    height: 100%
}

.utility-page-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 100vh;
    max-height: 100%;
    max-width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.utility-page-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 260px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.utility-page-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.div-block-5 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.cart-button {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    text-align: center
}

.cart-quantity {
    margin-left: 0;
    background-color: transparent;
    color: #fff;
    font-size: 14px
}

.cart-quantity-2 {
    color: #000
}

.text-block {
    color: #333;
    font-weight: 600
}

.text-block-2 {
    color: #333
}

.cart-line-item {
    color: #333
}

.heading-2 {
    color: #333;
    font-weight: 600
}

.submit-button {
    background-color: #62ac57
}

.program-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.program-text {
    margin-left: 20px;
    font-size: 16px;
    font-weight: 500
}

.bold-text-3 {
    font-weight: 600
}

.text-block-3 {
    font-weight: 600
}

.text-block-4 {
    font-weight: 600
}

.bold-text-4 {
    font-weight: 600
}

.navbar {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent
}

.container-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.nav-link-2 {
    color: #fff
}

.nav-link-3 {
    color: #fff
}

.nav-link-4 {
    color: #fff
}

.nav-link-5 {
    color: #fff
}

.cart-button-2 {
    background-color: transparent
}

.cart-quantity-3 {
    margin-left: 0;
    background-color: transparent;
    color: #fff;
    font-size: 14px
}

.navbar-2 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: auto;
    background-color: transparent
}

.container-3 {
    width: 100%;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto
}

.nav-link-6 {
    color: #fff
}

.nav-link-7 {
    color: #fff
}

.nav-link-8 {
    color: #fff
}

.image-2 {
    margin-top: 15px
}

.image-3 {
    width: 25px;
    max-width: none
}

.image-4 {
    width: 35px
}

.image-5 {
    width: 25px
}

.section-3 {
    height: 800px;
    background-color: #1b1b1b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(31, 31, 31, .5)), to(rgba(31, 31, 31, .5))), url(../images/scott-webb-5IsdIqwwNP4-unsplash.jpg);
    background-image: linear-gradient(180deg, rgba(31, 31, 31, .5), rgba(31, 31, 31, .5)), url(../images/scott-webb-5IsdIqwwNP4-unsplash.jpg);
    background-position: 0 0, 0 0;
    background-size: auto, cover
}

.add-to-cart-button {
    width: 150px;
    margin-top: 15px;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
    border-radius: 6px;
    background-color: transparent;
    font-family: Montserrat, sans-serif;
    text-align: center;
    text-transform: uppercase
}

.atc {
    width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 6px;
    background-image: linear-gradient(119deg, #ee9219, #cb5705);
    text-transform: uppercase
}

.body-2 {
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto
}

.cart-button-3 {
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent
}

.cart-quantity-4 {
    margin-left: 0;
    background-color: transparent;
    font-size: 14px
}

.cart-item {
    color: #333
}

.cart-footer {
    color: #333
}

.cart-wrapper {
    color: #333
}

.categories-hero {
    height: 500px
}

.landing-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #222
}

@media (max-width:991px) {
    .abcd {
        display: none
    }
    .efgh {
        display: block;
        margin-top: -2rem
    }
    .section-title {
        font-size: 28px;
        text-align: center;
        margin-left: 2rem;
        margin-right: 2rem
    }
    .hero {
        height: 150vh;
        background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(../images/65b6c204eb5af46919ce22b4825c2167d03d54b3_smgkqp1.jpg);
        background-position: 50% 18%;
        background-size: cover
    }
    .hero2 {
        height: 132vh;
        background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5)), url(../images/ce5e521cd39bdd11f3c18273c2532a21380da1ff_mg9lvl1.jpg);
        background-position: 50% 37%;
        background-size: cover
    }
    .hero3 {
        height: 180vh;
        background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(../images/6df8fe8b6d4b7329e35f104526fdd95ff70786f2_klgajk1.jpg);
        background-position: 50% 10%;
        background-size: cover
    }
    .creator-message {
        height: auto;
        padding-top: 50px;
        padding-bottom: 50px
    }
    .message-par {
        font-size: 16px
    }
    .desc-box {
        width: 100%
    }
    .results {
        overflow: hidden
    }
    .dual-par {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center
    }
    .for-you-box {
        width: 75%
    }
    .dual-par-par {
        width: 100%;
        margin-bottom: 20px
    }
    .paragraph-5 {
        font-size: 14px
    }
    .paragraph-6 {
        font-size: 14px
    }
    .testimonial-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .testimonial {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .heading-3 {
        font-size: 26px;
        text-align: center
    }
    .menu-button {
        color: #fff
    }
    .container-3 {
        padding-right: 0;
        padding-left: 10px
    }
    .menu-button-2 {
        color: #fff
    }
}
@media(max-width:600px){
    .small{
        flex-direction: column
    }
    .col-small{
        width:100% !important;
        margin-top: 20px;
    }
}

@media (max-width:479px) {
    .abcd {
        display: none
    }
    .efgh {
        display: block;
        margin-top: -2rem
    }
    .hero {
        height: 102vh;
        background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(../images/65b6c204eb5af46919ce22b4825c2167d03d54b3_smgkqp2.jpg);
        background-position: 42% 0%;
        background-size: cover
    }
    .hero2 {
        height: 62vh;
        background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5)), url(../images/v1566322065/ce5e521cd39bdd11f3c18273c2532a21380da1ff_mg9lvl2.jpg);
        background-position: 50% 50%;
        background-size: contain
    }
    .hero3 {
        height: 160vh;
        background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(../images/6df8fe8b6d4b7329e35f104526fdd95ff70786f2_klgajk2.jpg);
        background-position: 50% 50%;
        background-size: cover
    }
    .hero-text {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }
    .get-course-button {
        margin-right: auto;
        margin-left: auto
    }
    .paragraph {
        padding-right: 10px;
        padding-left: 10px;
        text-align: center
    }
    .message-par {
        margin-right: 0;
        margin-left: 0;
        text-align: center;
        font-size: 16px;
    }
    .course-description {
        width: 100%;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .desc-title {
        max-width: 80%
    }
    .image {
        width: 50px
    }
    .paragraph-2 {
        font-size: 12px
    }
    .section-title {
        font-size: 24px;
        text-align: center;
        margin-left: 1rem;
        margin-right: 1rem
    }
    .section-title.for-you-title {
        font-size: 20px
    }
    .desc-box {
        padding-right: 0
    }
    .desc-box-header {
        padding-right: 10px;
        padding-left: 10px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
    .desc-box-text {
        margin-right: 15px;
        margin-left: 15px;
        font-size: 14px
    }
    .desc-box-title.last {
        margin-left: 0;
        text-align: center
    }
    .results {
        overflow: scroll
    }
    .course-section.get-course {
        height: auto;
        background-position: 50% 50%;
        background-size: cover
    }
    .for-you-box {
        width: 85%;
        padding-right: 10px;
        padding-left: 20px
    }
    .dual-par-par {
        padding-right: 0;
        padding-left: 0
    }
    .sample-format.course-section {
        padding-top: 50px;
        padding-bottom: 50px
    }
    .sample-format-box {
        width: 85%;
        padding: 25px 10px
    }
    .footer {
        padding: 50px 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 10px
    }
    .heading-4 {
        margin-right: auto;
        margin-left: auto;
        font-size: 28px
    }
    .program-text {
        font-size: 12px
    }
    .container-2 {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto
    }
    .menu-button {
        padding-left: 18px;
        color: #fff
    }
    .menu-button-2 {
        color: #fff
    }
}