body{
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 992px) {
    .container-custom{
        max-width: 1024px;
    }
    .container-reset{
        padding-left: 32px;
        padding-right: 32px;
        max-width: 1024px;
    }
    .container-reset > .row{
        margin-left: -48px;
        margin-right: -48px;
    }
    .container-reset > .row > [class^="col"]{
        padding-left: 32px;
        padding-right: 32px;
    }

}
.hero-section{
    background-image: linear-gradient(to bottom, #ffe4b5, #e2a73a);
    padding: 40px 0;
    position: relative;
}
@media (min-width: 768px) {
    .hero-section{
        padding: 90px 0;
    }
}
.hero-section:before{
    content: '';
    background-image: url("../img/elipses.png");
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}
.z-index-99{
    position: relative;
    z-index: 99;
}
.hero-section .heading{
    font-family: "Bricolage Grotesque", sans-serif;
    font-size: 32px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -1.38px;
    color: #0d0d0d;
    margin-bottom: 16px;
}
@media (min-width: 768px) {
    .hero-section .heading{
        font-size: 46px;
        margin-bottom: 24px;
    }
}
.hero-section .sub-heading{
    font-family: "Sen", sans-serif;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #0d0d0d;
    margin-bottom: 24px;
}
@media (min-width: 768px) {
    .hero-section .sub-heading{
        font-size: 24px;
        margin-bottom: 40px;
    }
}
.btn-cat1{
    padding: 16px 24px;
    border-radius: 15px;
    box-shadow: 0 12px 64px 0 rgba(243, 149, 9, 0.5);
    background-color: #af6f00;
    font-family: "Sen", sans-serif;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 1;
    letter-spacing: -0.84px;
    color: #fff;
    margin-bottom: 12px;
}
.btn-cat1:focus, .btn-cat1:hover{
    color: #fff;
    background-color: #af6f00;
    opacity: .9;
}
@media (min-width: 768px) {
    .btn-cat1{
        padding: 24px;
        font-size: 28px;
    }
}
.btn-info-text{
    font-family: "Sen", sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #0d0d0d;
}
.img-book{
    filter: drop-shadow(0 28px 45px rgba(0, 0, 0, 0.3));
    width: 120px;
    margin-bottom: 40px;
}
@media (min-width: 992px) {
    .img-book{
        width: 255px;
        margin-bottom: 0;
    }
}
.section-1{
    padding: 60px 0;
}
@media (min-width: 768px) {
    .section-1{
        padding: 96px 0;
    }
}
.h2-1{
    font-family: "Bricolage Grotesque", sans-serif;
    font-size: 32px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: -0.96px;
    color: #0d0d0d;
    margin-bottom: 40px;
}
.h2-1 span{
    z-index: 1;
    position: relative;
    background-color: #FFF673;
}
.h2-1 span:before {
    position: absolute;
    content: '';
    left: -15px;
    top: 0;
    bottom: 0;
    width: 18px;
    height: 39px;
    background-image: url("../img/highlight-left.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    z-index: -1;
}
.h2-1 span:after {
    position: absolute;
    content: '';
    right: -15px;
    bottom: 0;
    width: 18px;
    height: 39px;
    background-image: url("../img/highlight-right.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    z-index: -1;
}
@media (min-width: 768px) {
    .h2-1 span:before {
        left: -15px;
        top: 0;
        bottom: 0;
        width: 18px;
        height: 44px;
    }
    .h2-1 span:after {
        right: -15px;
        bottom: 0;
        width: 18px;
        height: 100%;
    }
    .h2-1{
        font-size: 36px;
        margin-bottom: 24px;
        letter-spacing: -1.08px;
        line-height: 1.4;
    }
}
.text-default{
    font-family: "Sen", sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #0d0d0d;
    margin-bottom: 48px;
}
@media (min-width: 768px) {
    .text-default{
        font-size: 20px;
        margin-bottom: 48px;
    }
}

.text-default h6{
    font-family: "Sen", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.6;
}

.text-default h6 span{
    z-index: 1;
    position: relative;
    background-color: #391f3d;
}
.text-default h6 span:before {
    position: absolute;
    content: '';
    left: -14px;
    top: 0;
    bottom: 0;
    height: 34px;
    width: 18px;
    background-image: url("../img/highlight-left2.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    z-index: -1;
}
.text-default h6 span:after {
    position: absolute;
    content: '';
    right: -14px;
    bottom: 0;
    width: 18px;
    height: 34px;
    background-image: url("../img/highlight-right2.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    z-index: -1;
}

@media (min-width: 768px) {
    .text-default h6{
        font-size: 28px;
    }
}
.section2{
    padding: 40px 0;
    background-color: #f8f9fc;
}
@media (min-width: 768px) {
    .section2{
        padding: 96px 0;
    }
}
.card-yellow{
    background-image: linear-gradient(to left, rgba(255, 188, 39, 0), rgba(255, 188, 39, 0.2));
    border:0;
    border-left: solid 4px #ffbc27;
    border-radius: 0;
    background-color: transparent;
}
.card-yellow .card-body{
    padding: 24px 0px 24px 16px;
    background: transparent;
}
@media (min-width: 768px) {
    .card-yellow .card-body{
        padding: 24px 0px 24px 32px;
    }
}
.card-green{
    background-image: linear-gradient(to left, rgba(63, 198, 0, 0), rgba(63, 198, 0, 0.3));
    border:0;
    border-left: solid 4px #3fc600;
    border-radius: 0;
    background-color: transparent;
}
.card-green .card-body{
    padding: 24px 0px 24px 16px;
    background: transparent;
}
@media (min-width: 768px) {
    .card-green .card-body{
        padding: 24px 0px 24px 32px;
    }
}
.section3{
    padding: 60px 0;
    background-image: linear-gradient(to top, #121647, #4f2791);
}
.section3 .h2-1{
    font-weight: 600;
}
.section3 .text-default h6{
    font-size: 24px;
    font-weight: 600;
}
@media (min-width: 768px) {
    .section3{
        padding: 80px 0 96px;
    }
    .section3 .text-default h6{
        font-size: 32px;
    }
}
.text-yellow{
    color: #fff828;
}
.section4{
    padding: 40px 0;
}
@media (min-width: 768px) {
    .section4{
        padding: 96px 0;
    }
}
.card-ul-yellow, .card-ul-green{
    list-style: none;
    padding: 0;
    margin: 0;
}
.card-ul-yellow li:not(:last-child), .card-ul-green li:not(:last-child){
    margin-bottom: 16px;
}
.card-ul-yellow li, .card-ul-green li{
    background-image: url("../img/icon-star-yellow.svg");
    background-repeat: no-repeat;
    background-position: calc(0%) calc(0% + 6px);
    padding-left: 44px;
    font-family: "Sen", sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #0d0d0d;
}
.card-green2 .card-ul-green li{
    font-size: 20px !important;
}
@media (min-width: 768px) {
    .card-ul-yellow li, .card-ul-green li{
        font-size: 20px;
    }

}
.card-ul-green li{
    background-image: url("../img/icon-star-green.svg");
}
.card-green .card-heading, .card-yellow .card-heading{
    font-family: "Sen", sans-serif;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #0d0d0d;
    margin-bottom: 16px;
}
@media (min-width: 768px) {
    .card-green .card-heading, .card-yellow .card-heading{
        font-size: 20px;
    }
}
.card-green .card-heading2{
    font-family: "Bricolage Grotesque", sans-serif;
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: #0d0d0d;
    margin-bottom: 16px;
}
.card-green .card-heading3{
    font-size: 20px;
}
.card-green .card-heading4{
    font-size: 28px;
}
@media (min-width: 768px) {
    .card-green .card-heading2, .card-green .card-heading3{
        font-size: 28px;
    }
    .card-green .card-heading4{
        font-size: 24px;
    }
}
.section5{
    padding: 40px 0;
    background-color: #181725;
    background-image: url("../img/elipses2.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
@media (min-width: 768px) {
    .section5{
        padding: 72px 0;
    }
}
.section5 p{
    font-family: "Bricolage Grotesque", sans-serif;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.96px;
    color: #ffe450;
    margin-bottom: 24px;
}
.section5 p:last-of-type{
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .section5 p{
        font-size: 32px;
    }
}

.section6{
    padding: 40px 0;
}
@media (min-width: 768px) {
    .section6{
        padding: 96px 0;
    }
}

.section7{
    padding: 40px 0;
    background-color: #f8f9fc;
}
@media (min-width: 768px) {
    .section7{
        padding: 96px 0;
    }
}
.section8{
    padding: 40px 0;
}
@media (min-width: 768px) {
    .section8{
        padding: 96px 0;
    }
}
.mb-48{
    margin-bottom: 48px;
}
.card-7{
    border-radius: 8px;
    background-image: linear-gradient(to left, #1e229b, #7c0002 100%);
    background-color: transparent;
    border: 0;
    position: relative;
    margin-bottom: 32px;
}
.card-7 .card-body{
    padding: 24px;
    background-image: url("../img/elipses3.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.card-number{
    width: 56px;
    height: 56px;
    padding: 8px;
    border-radius: 48px;
    background-image: linear-gradient(to top, #991e9b, #ff2b39 100%);
    font-family: "Bricolage Grotesque", sans-serif;
    font-size: 36px;
    font-weight: bold;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
    display: inline-block;
}
.card-7 p{
    font-family: "Sen", sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 40px;
}
.card-7 p b{
    font-family: "Bricolage Grotesque", sans-serif;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: -0.56px;
    color: #fff;
    margin-bottom: 8px;
    display: block;
}
@media (min-width: 768px) {
    .card-7 .card-body{
        padding: 40px;
    }
    .card-7 p{
        margin-bottom: 0;
        font-size: 20px;
    }
    .card-7 p b{
        font-size: 28px;
    }
}
.section9{
    padding: 40px 0;
    background-color: #f8f9fc;
}
@media (min-width: 768px) {
    .section9{
        padding: 96px 0;
    }
}
.section10{
    padding: 40px 0;
}
@media (min-width: 768px) {
    .section10{
        padding: 96px 0;
    }
}
.section11{
    padding: 40px 0;
}
@media (min-width: 768px) {
    .section11{
        padding: 96px 0;
    }
}
.card-11{
    border: 0;
    border-radius: 16px;
    background-image: linear-gradient(to top, #121647, #4f2791 100%);
}
.card-11 .card-body{
    padding: 32px 20px;
    background-image: url("../img/elipses4.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
}
.card-11 .h2-1{
    color: #fff828;
    font-size: 28px;
}
.card-11 .text-default{
    color: #fff;
}
.card-11 .text-default{
    color: #fff;
}
.card-11 .text-default h6{
    font-size: 28px;
}
@media (min-width: 768px) {
    .card-11 .card-body{
        padding: 64px 72px;
    }
    .card-11 .h2-1{
        font-size: 32px;
    }
}
.my-60{
    margin-top: 60px;
    margin-bottom: 60px;
}
.line-br {
    height: 1.5px;
    background-color: rgba(255, 255, 255, 0.2);
}
.line-br:before {
    content: '';
    position: absolute;
    left: -6px;
    top: -2px;
    height: 6px;
    width: 6px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.2);
}
.line-br:after {
    content: '';
    position: absolute;
    right: -6px;
    top: -2px;
    height: 6px;
    width: 6px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.2);
}
.card-11 .text-default h6{
    color: #fff828;
}
.section12{
    padding: 40px 0;
    /*background-color: #f8f9fc;*/
}
@media (min-width: 768px) {
    .section12{
        padding: 96px 0;
    }
}
.section13{
    padding: 40px 0;
    background-color: #f8f9fc;
}
@media (min-width: 768px) {
    .section13{
        padding: 96px 0;
    }
}
.section14{
    padding: 40px 0;
}
@media (min-width: 768px) {
    .section14{
        padding: 96px 0;
    }
}
.sign{
    font-family: "Caveat", cursive;
    font-size: 36px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #0d0d0d;
}
.btn-cta2{
    font-family: "Sen", sans-serif;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #1c1010;
    padding: 16px 24px;
    border-radius: 56px;
    box-shadow: 0 12px 64px 0 rgba(235, 208, 29, 0.3);
    background-color: #ebd01d;
}
.btn-cta2:focus, .btn-cta2:hover{
    color: #1c1010;
    background-color: #ebd01d;
    opacity: .9;
}
@media (min-width: 768px) {
    .btn-cta2{
        font-size: 24px;
        padding: 24px;
    }
}

.ul-14{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 40px;
}
.ul-14 li{
    background-image: url("../img/icon-star-yellow2.svg");
    background-repeat: no-repeat;
    background-position: calc(0%) calc(0% + 6px);
    padding-left: 44px;
    font-family: "Sen", sans-serif;
    font-size: 18px;
    font-weight: 600;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #fff;
    margin-bottom: 25px;
}
.ul-14 li:last-child{
    margin-bottom: 0;
}
.card-14 .card-body{
    padding: 24px;
}
@media (min-width: 768px) {
    .ul-14 li{
        font-size: 24px;
    }
    .card-14 .card-body{
        padding: 48px 72px;
    }
}
.text-default h6.highlight-green1 span{
    font-size: 20px;
    color: #0d0d0d;
    font-weight: bold;
    z-index: 1;
    position: relative;
    background-color: #73FF7A;
}
.text-default h6.highlight-green1 span:before {
    position: absolute;
    content: '';
    left: -9px;
    top: 0;
    bottom: 0;
    width: 18px;
    height: 25px;
    background-image: url("../img/highlight-left3.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top left;
    z-index: -1;
}
.text-default h6.highlight-green1 span:after {
    position: absolute;
    content: '';
    right: -9px;
    bottom: 0;
    width: 18px;
    height: 25px;
    background-image: url("../img/highlight-right3.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    z-index: -1;
}

.checkout-modal .modal-content {
    max-height: 100%;
}
.checkout-modal .modal-content {
    border-radius: 0;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}
.checkout-modal .modal-header {
    height: 93px;
    background-color: #07080a;
    border-bottom: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-top: 33px;
    padding-bottom: 33px;
}
.checkout-modal .modal-header h5 {
    font-size: 18px;
    font-family: Montserrat,sans-serif;
    color: #ffe179;
}
.checkout-modal .modal-header .close {
    text-shadow: none;
    color: #fff;
    opacity: 1;
    font-weight: 100;
    position: absolute;
    right: 11px;
    top: 11px;
}
.checkout-modal .modal-body {
    background-image: url(images/modal-lock-bg.png);
    background-repeat: no-repeat;
    background-position: calc(100% + 115px) calc(100% - 69px);
    max-height: 100%;
}
.checkout-modal .modal-body {
    background-color: #f8f9fb;
    padding: 25px 22px;
}
#payment .place-order .button {
    background-color: #fbd656;
    border: 0;
    border-radius: 2px;
    border-bottom: 5px solid #f1c93e;
    font-size: 15px;
    font-family: Montserrat,sans-serif;
    color: #293d21;
    font-weight: 700;
    width: 100%;
    display: block;
    padding: 13px;
    text-transform: uppercase;
    margin-bottom: 0;
    transition: all linear .3s;
    cursor: pointer;
}
#payment .place-order .button:focus, #payment .place-order .button:hover {
    background-color: #d9b450;
    border-bottom: 5px solid #d7b038;
    cursor: pointer;
}
.checkout-login-form-div .input-text{
    font-family: Montserrat,sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1.3px;
    color: rgba(19,22,39,.85);
    padding-left: 0;
    padding-right: 0;
    border: 0!important;
    border-bottom: 1px solid rgba(66,69,93,.24)!important;
    border-radius: 0;
    width: 100%!important;
    height: 34px;
    background-color: #fff!important;
}
.checkout-modal .modal-content {
    max-height: 100%;
}
.checkout-modal .modal-content {
    border-radius: 0;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}
.checkout-modal .modal-header {
    height: 93px;
    background-color: #07080a;
    border-bottom: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-top: 33px;
    padding-bottom: 33px;
}
.checkout-modal .modal-header h5 {
    font-size: 18px;
    font-family: Montserrat,sans-serif;
    color: #ffe179;
}
.checkout-modal .modal-header .close {
    text-shadow: none;
    color: #fff;
    opacity: 1;
    font-weight: 100;
    position: absolute;
    right: 11px;
    top: 11px;
}
.checkout-modal .modal-body {
    background-image: url(images/modal-lock-bg.png);
    background-repeat: no-repeat;
    background-position: calc(100% + 115px) calc(100% - 69px);
    max-height: 100%;
}
.checkout-modal .modal-body {
    background-color: #f8f9fb;
    padding: 25px 22px;
}
#payment .place-order .button {
    background-color: #fbd656;
    border: 0;
    border-radius: 2px;
    border-bottom: 5px solid #f1c93e;
    font-size: 15px;
    font-family: Montserrat,sans-serif;
    color: #293d21;
    font-weight: 700;
    width: 100%;
    display: block;
    padding: 13px;
    text-transform: uppercase;
    margin-bottom: 0;
    transition: all linear .3s;
    cursor: pointer;
}
#payment .place-order .button:focus, #payment .place-order .button:hover {
    background-color: #d9b450;
    border-bottom: 5px solid #d7b038;
    cursor: pointer;
}
.checkout-login-form-div .input-text{
    font-family: Montserrat,sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1.3px;
    color: rgba(19,22,39,.85);
    padding-left: 0;
    padding-right: 0;
    border: 0!important;
    border-bottom: 1px solid rgba(66,69,93,.24)!important;
    border-radius: 0;
    width: 100%!important;
    height: 34px;
    background-color: #fff!important;
}
.card-14 .h2-1{
    font-weight: 600;
}
.img-book{
    width: 168px;
    filter: drop-shadow(0 28px 45px rgba(0, 0, 0, 0.3));
}
@media (min-width: 768px) {
    .img-book{
        width: 292px;
    }
}

.section-author{
    padding: 40px 0;
    /*background-color: #f8f9fc;*/
}
@media (min-width: 768px) {
    .section-author{
        padding: 96px 0;
    }
}

.section-author h2{
    font-family: "Bricolage Grotesque", sans-serif;
    font-size: 28px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -1.38px;
    text-align: left;
    color: #0d0d0d;
    margin-bottom: 25px;
}
.section-author p{
    font-family: "Sen", sans-serif;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #0d0d0d;
}
@media (min-width: 768px) {
    .section-author h2{
        font-size: 40px;
    }
    .section-author p{
        font-size: 20px;
    }
}

.section-cta{
    padding: 40px 0;
    background-color: #f8f9fc;
}
.section-cta h2{
    font-family: "Bricolage Grotesque", sans-serif;
    font-size: 28px;
    font-weight: bold;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -1.38px;
    text-align: left;
    color: #0d0d0d;
}
.section-cta p{
    font-family: "Sen", sans-serif;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: left;
    color: #0d0d0d;
}
@media (min-width: 768px) {
    .section-cta h2{
        font-size: 46px;
    }
    .section-cta p{
        font-size: 24px;
    }
}