body {
    font-family: 'Mulish', sans-serif;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: #646464;
    font-size: 15px;
}
.header {
    height: 800px;
    background-image: url("/assets/images/home-wave.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.headerSticky {
    top: 0;
    position: fixed;
    background-color: #ffffff;
    height: 170px;
    border-bottom-left-radius: 100%;
    border-bottom-right-radius: 100%;
    box-shadow: 0 0 10px rgba(90, 53, 53, 0.20);
    width: 120%;
    margin-left: -12.5%;
    margin-right: auto;
    margin-top: -30px;
    z-index: 300;
}
.headerMenuWrapper {
    padding-top: 20px;
    width: 75%;
    display: flex;
    flex-direction: row;
    margin: 0 auto;
}
.logoWrapper {
    padding-top: 30px;
    height: 70px;
    padding-left: 60px;
}
.logoImage img {
    width: auto;
    height: 70px;
}
.mainMenuWrapper {
    padding-left: 200px;
    padding-top: 45px;
}
.mainMenuWrapper ul {
    list-style-type: none;
    display: flex;
    align-items: center;
}
.mainMenuWrapper ul li {
    margin-right: 40px;
}
.mainMenuWrapper ul li a {
    color: #2d74aa;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
}
.mainMenuWrapper ul li a:hover {
    text-decoration: underline;
}
.mainMenuWrapper ul li.getQuote {

}
.mainMenuWrapper ul li.getQuote i.fas {
    color: #ffffff;
    padding-right: 10px;
}
.mainMenuWrapper ul li.getQuote a {
    background: linear-gradient(to bottom right,#32d578,#28d7e3);
    padding: 20px 30px;
    border-radius: 50px;
    color: #ffffff;
}
.mainMenuWrapper ul li.getQuote a:hover {
    text-decoration: none;
}
.heroWrapper {
    padding-top: 180px;
    width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
}
.heroLeft {
    width: 600px;
}
.heroLeft h1 {
    color: #ffffff;
    font-size: 35px;
    font-weight: 700;
}
.heroLeft h4 {
    color: #ffffff;
    font-weight: 700;
    font-size: 20px;
}
.heroLeft h4 i.fas {
    padding-right: 20px;
}
.heroLeft h4 span {
    text-decoration: underline;
    cursor: pointer;
}
.heroRight {
    padding-left: 80px;
    padding-top: 120px;
}
.heroRight img {
    width: 400px;
    height: auto;
}
.mainContent {
    width: auto;
    padding: 0 30px;
}
.mainContentInner {
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
}
.howCanWeHelp {
    text-align: center;
}
.howCanWeHelp h2 {
    color: #2d74aa;
    text-align: center;
    font-size: 27px;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 10px;
}
.howCanWeHelp .howCanWeHelpDesc {
    color: #646464;
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 30px;
}
.plansInnerWrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.planBox {
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.07);
    padding: 30px 20px 50px;
    margin: 20px;
    border-radius: 25px;
    width: 290px;
    color: #646464;
}
.planIcon {
    color: #32a7d5;
    font-size: 50px;
    padding-bottom: 10px;
}
.planName {
    color: #2d74aa;
    font-weight: 700;
    font-size: 22px;
    padding-bottom: 20px;
}
.planPrice span {
    color: #2d74aa;
    font-weight: 700;
    font-size: 20px;
}
.planDesc {
    font-size: 15px;
    padding-top: 20px;
    width: 100%;
    max-width: 260px;
    min-height: 80px;
    margin: 0 auto;
}
.planDetails a {
    color: #2d74aa;
    font-weight: 700;
    font-size: 16px;
}
.planDetails a i.fas {
    padding-left: 20px;
}
.addToCart {
    padding-top: 30px;
}
.addToCart a {
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    background: linear-gradient(to bottom right, #32d578, #28d7e3);
    padding: 10px 25px;
    border-radius: 30px;
}
.addToCart a i.fas {
    padding-right: 20px;
}


.neoDemoTitle {
    color: #2d74aa;
    font-size: 27px;
    text-align: center;
}
.neoDemoTitle h2 {
    margin-bottom: 0;
}
.neoDemoDesc {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 30px;
    text-align: center;
}
.neoDemo {
    width: auto;
    padding: 30px 30px;
    background-image: url("/assets/images/graphics-background.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.neoDemoMain {
    width: 510px;
    height: 322px;
    margin: 0 auto;
    background-image: url("/assets/images/neo-demo.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.neoFeaturesWrapper {
    width: auto;
    padding: 0 30px;
}
.neoFeaturesInner {
    display: grid;
    grid-template-columns: 33.333% 33.333% 33.333%;
}
.neoFeaturesBox {
    padding: 0 20px;
    text-align: center;
}
.featuresIcon img {
    width: 160px;
    height: auto;
}
.featuresTitle {
    font-size: 20px;
}
span.neoTM {
    font-weight: 700;
    font-style: italic;
}
.featuresMainDescription {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    width: auto;
    padding-top: 30px;
}

.whyChoseUsWrapper {
    padding-top: 50px;
    text-align: center;
}
.whyChoseInner {
    display: grid;
    grid-template-columns: 33.333% 33.333% 33.333%;
}
.whyChoseMainTitle {
    font-weight: 900;
    color: #2d74aa;
    font-size: 26px;
    padding-bottom: 15px;
}
.whyChoseSubtitle {
    padding-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
}
.whyChoseBox {
    padding: 0 20px;
    text-align: center;
}
.whyChoseIcon img {
    height: 160px;
    width: auto;
}
.whyChoseTitle {
    font-size: 22px;
    font-weight: 700;
    color: #2d74aa;
    padding-top: 15px;
    padding-bottom: 15px;
}
.whyChoseDesc {
    padding-bottom: 20px;
}
.whyChoseMiddleDesc {
    width: auto;
    padding: 30px 30px 50px;
}
.whyChoseMiddleInner {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
    border-radius: 15px;
    padding: 5px 20px;
}
.whyChoseMiddleInner span {
    font-weight: 700;
}

.howToJoinWrapper {
    width: auto;
    padding-top: 30px;
    text-align: center;
}
.howToJoinMainTitle {
    color: #2d74aa;
    font-size: 27px;
    font-weight: 900;
    padding-bottom: 15px;
}
.howToJoinMainDesc {
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 50px;
}
.howToJoinInner {
    display: grid;
    grid-template-columns: 33.333% 33.333% 33.333%;
}
.howToJoinCard {
    padding: 0 20px;
}
.circleLabel {
    display: block;
    margin: 0 auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    line-height: 100px;
    font-size: 35px;
    font-weight: 700;
}
.blueLabel {
    background-image: linear-gradient(to bottom right,#58bfec,#21aae6);
    color: #ffffff;
}
.greenLabel {
    background-image: linear-gradient(to bottom right,#45e1c6,#07d8b4);
    color: #ffffff;
}
.howToJoinTitle {
    font-size: 20px;
    font-weight: 700;
    padding: 15px 0 30px;
}
.howToJoinDesc {
    padding: 0 30px;
}
.howToJoinCTA {
    padding-top: 45px;
}

.footer {
    margin-top: 90px;
    width: auto;
    background-image: url("/assets/images/footer-bg.svg");
    background-size: cover;
    background-position-x: 50%;
    background-position-y: 0;
    background-repeat: no-repeat;
    color: #ffffff;
    padding-top: 50px;
    min-height: 200px;
}
.footerContent {
    text-align: center;
}