* {box-sizing: border-box }html, body {scroll-behavior: smooth }body {font-family: heebo, sans-serif;font-size: 14px;font-weight: 400;line-height: 1.5;color: #434343;margin: 0;padding: 0;padding-bottom: 70px }a {color: #1a90f7 }button{font-family: heebo, sans-serif;}.container {max-width: 1200px;margin-right: auto;margin-left: auto;padding-right: 20px;padding-left: 20px }.logo-wrapper {text-align: center;margin: 10px auto }.banner {padding: 30px 20px 30px;color: #fff;border-radius: 5px 5px 100px 5px }.banner h2 {font-size: 20px;font-weight: 500;margin: 0 0 15px }.banner .price {font-size: 35px;font-weight: 500;margin: 0 0 15px }.banner .hurry {font-size: 18px;font-weight: 300;margin-bottom: 20px }.banner .user-wrapper {display: inline-flex;background-color: #fff;padding: 7px 15px 7px 10px;align-items: center;border-radius: 50px }.banner .user-wrapper p {color: #434343;margin: 0;font-size: 16px }.banner .user-wrapper img {margin-right: 8px }.banner .regards {margin-bottom: 0;font-size: 16px;font-weight: 300 }.banner .regards+p {margin: 0 }.signup-now {padding: 20px 15px;background-color: #f5f5f5 }.signup-now .inner-container {padding: 20px 15px;background-color: #fff;border-radius: 10px }.signup-now h2 {font-size: 18px;font-weight: 500;display: flex;align-items: center;margin-top: 0 }.signup-now h2 img {margin-right: 10px;margin-top: -1px }.signup-now .decoration-line {margin-top: 20px;margin-bottom: 20px }.signup-form input {width: 100%;padding: 15px 20px;border: 1px solid #bdbdbd;border-radius: 6px;background-color: #fff }.red-text {margin: 0;color: red;font-size: 14px;margin-top: 2px }.ref-form-item {margin-bottom: 15px }.reff_form_bx span a {color: #1a90f7 }.signup-form input::-webkit-input-placeholder {color: #828282;font-weight: 500 }.signup-form input:-ms-input-placeholder {color: #828282;font-weight: 500 }.signup-form input::placeholder {color: #828282;font-weight: 500 }.signup-form button {background-color: #1a90f7;display: block;width: 100%;color: #fff;font-size: 20px;font-weight: 500;padding: 10px 20px;border: 0;border-radius: 6px;cursor: pointer;transition: 0.3s all;}.signup-form button:hover{background: #0c76d2;}.how-it-works {padding: 110px 0;background-color: #f5f5f5 }.how-it-works h2 {font-size: 18px;font-weight: 400;margin-bottom: 50px;color: #000 }.how-it-works .card-wrapper {flex: 1;display: flex;overflow-x: auto;overflow-y: hidden;padding-left: 15px }.how-it-works .card-wrapper .card {padding: 15px;background-color: #fff;border-radius: 6px;position: relative;display: flex;align-items: center;flex: 0 0 80%;max-width: 90%;flex-direction: column;justify-content: center;align-items: flex-start;margin-right: 16px;margin-bottom: 10px }.how-it-works .card .content h3 {color: #434343;font-size: 25px;font-weight: 500 }.how-it-works .card .content p {max-width: 80%;margin-bottom: 0;font-size: 16px }.how-it-works .card .decorative-number {position: absolute;bottom: 5px;right: 10px;font-size: 80px;line-height: 80px;color: rgb(0 0 0 / 6%);margin: 0 }.stocknote-app {padding: 40px 20px 0 20px;background-color: #fff }.stocknote-app h2 {font-size: 25px;font-weight: 400;margin-bottom: 100px;line-height: normal }.besides-these {padding: 90px 15px;background-color: #f5f5f5 }.terms-conditions .container, .besides-these .container {padding-left: 0;padding-right: 0 }.besides-these .para-besides-these {font-weight: 500;font-size: 25px;margin-top: 0;margin-bottom: 0 }.besides-these .middle-para {font-size: 25px;font-weight: 300;line-height: 40px;margin: 12px 0 }.besides-these .what-else {font-size: 25px;margin-top: 0;font-weight: 300 }.besides-these a {display: inline-flex;align-items: center;background-color: #1a90f7;color: #fff;font-size: 18px;font-weight: 500;padding: 10px 20px;text-decoration: none;border-radius: 5px;margin-bottom: 50px }.besides-these a img {margin-left: 10px }.besides-these .stocknote-logo {text-align: right }.terms-conditions {padding: 30px 20px;background-color: #fff }.terms-conditions h2 {font-size: 20px;font-weight: 500;margin-top: 0;margin-bottom: 20px }.terms-conditions p {display: flex;align-items: flex-start }.terms-conditions p:last-child {margin-bottom: 0 }.terms-conditions p span:first-child {font-size: 20px;font-weight: 500;margin-right: 20px }.fixed-signup-btn {position: fixed;bottom: 20px;left: 20px;right: 20px;display: block;background-color: #f7c31a;color: #434343;font-size: 18px;font-weight: 500;padding: 10px 20px;text-decoration: none;border-radius: 5px;text-align: center }.slick-dotted.slick-slider.stocknote-app-slider {margin-bottom: 0 }.stocknote-app .slick-slide img {margin-right: auto;margin-left: auto;max-width: 100%;vertical-align: middle }.stocknote-app .slick-dots {display: flex;flex: 1;overflow: auto;top: -15%;bottom: auto }.stocknote-app .slick-dots li {width: auto;height: auto;padding: 0;background-color: #fff;border-radius: 6px;position: relative;display: flex;align-items: center;flex: 0 0 auto;max-width: none;flex-direction: column;justify-content: center;align-items: flex-start;margin: 0;margin-right: 5px;margin-bottom: 10px }.stocknote-app .slick-dots li:last-child {margin-right: 0 }.stocknote-app .slick-dots li button {border: 1px solid #e0e0e0;border-radius: 30px;padding: 8px 10px;font-size: 13px;width: auto;height: auto;line-height: normal;color: #434343 }.stocknote-app .slick-dots li.slick-active button {background-color: #1a90f7;color: #fff }.stocknote-app .slick-dots li.slick-active button:before, .stocknote-app .slick-dots li.slick-active button:hover:before, .stocknote-app .slick-dots li button:before, .stocknote-app .slick-dots li button:hover:before {opacity: 0 }.banner .image {display: none }.stocknote-app h1 {display: none }.stocknote-comes {font-size: 20px;font-weight: 300;margin-top: 0;line-height: normal }ul.besite-points li {font-size: 25px;font-weight: 300;margin-bottom: 14px;line-height: normal }ul.besite-points {width: 100%;margin: 0 auto;text-align: left }.stocknote-app {text-align: center }.slick-slide img {height: auto }.reff_form_bx span {line-height: 19px;display: block;font-size: 11px;text-align: left }.banner p {font-size: 16px }.r-img {width: 94px;height: 94px;background: #f2f9ff;margin: 0 auto 44px auto;border-radius: 50%;font-size: 50px;color: #1a90f7;text-align: center;font-weight: 500;line-height: 100px }.main-section {background-color: #1a90f7;background-repeat: no-repeat;background-position: center;color: #fff;text-align: center }.banner .price {font-size: 35px;font-weight: 500;margin: 0 0 28px;line-height: normal }.banner p {font-size: 16px;line-height: 25px;font-weight: 300;margin-bottom: 45px }.claimCredit {background: #fff;padding: 10px 20px;border-radius: 5px;font-size: 16px;color: #434343;text-decoration: none;font-weight: 500;margin-bottom: 30px;transition: 0.3s all;}.claimCredit:hover{background: #e1e1e1;}.how-it-works h2 {text-align: center;font-size: 35px;font-weight: 500;margin-bottom: 50px;margin-top: 0 }.row {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;align-items: center }.heading-sign-up p {margin-bottom: 0;font-size: 20px;text-align: left;line-height: 25px;font-weight: 300;margin-bottom: 30px }.signup-form a {line-height: 19px;font-size: 11px;background: 0;padding: 0 }.col-6 {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50% }.text-left {text-align: left }.signup-now h2 {font-size: 30px;font-weight: 500;display: block;text-align: left }.font-weight {font-weight: 500 }@media(min-width:701px) {.banner {margin-bottom: 0 }.stocknote-app .slick-dots li button {padding: 10px 15px;font-size: 16px }body {font-size: 16px;line-height: 23px;padding-bottom: 0 }.banner {display: flex;justify-content: space-between;align-items: center;padding: 90px 0 }.banner h2 {margin-top: 0 }.banner p {font-size: 18px;line-height: 25px }.banner>p:nth-of-type(1) {margin-bottom: 10px }.banner>p:nth-of-type(2) {margin-top: 0;margin-bottom: 20px }.banner .hurry {font-size: 25px }.banner .text-content {width: 100% }.banner .once {margin-bottom: 10px }.banner .hurry {margin-top: 0 }.banner .image {display: block }.signup-now .inner-container {max-width: 425px;margin-left: auto;padding: 35px;box-shadow: 3px 3px 4px 1px rgb(0 0 0 / 5%) }.signup-now h2 {margin-top: 5px;font-size: 21px }.how-it-works h2 {text-align: center;font-size: 35px;font-weight: 500;margin-bottom: 50px }.how-it-works .card-wrapper {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;max-width: 1200px;margin-right: auto;margin-left: auto;overflow: hidden }.how-it-works .card-wrapper .card {display: block;max-width: 100%;margin: 0;padding: 20px }.how-it-works .card .content p {max-width: 85% }.how-it-works .card .decorative-number {line-height: 80px;right: 20px;bottom: 20px;color: rgb(0 0 0 / 6%) }.stocknote-app .slick-dots li {width: auto;height: auto;padding: 0;background-color: #fff;border-radius: 6px;position: relative;display: flex;align-items: center;flex: 0 0 auto;max-width: auto;flex-direction: column;justify-content: center;align-items: flex-start;margin: 0;margin-right: 15px }.stocknote-app {text-align: center;padding: 60px 20px 0 20px }.stocknote-app .stocknote-icon {margin-bottom: 15px }.stocknote-app h1 {display: block;font-size: 25px;font-weight: 500 }.stocknote-app h2 {font-size: 18px;font-weight: 400;margin-bottom: 120px }.stocknote-app .slick-dots {justify-content: center;top: -50px }.besides-these .para-besides-these {font-weight: 400;margin-bottom: 0 }.besides-these .stocknote-comes {font-size: 25px;font-weight: 300;display: block;margin-top: 10px;line-height: 30px }.besides-these .middle-para span {display: block }.besides-these a {margin-bottom: 0 }.terms-conditions h2 {margin-top: 0 }.terms-conditions p {font-size: 14px }.terms-conditions p:last-child {margin-bottom: 0 }.fixed-signup-btn {display: none }}.st-modal.active {z-index: 999;position: relative;opacity: 1 }.st-modal {z-index: -10;position: relative;opacity: 0;transition: .2s all }.square-card {width: 810px;text-align: left;box-shadow: 2px 4px 6px 0 rgb(0 0 0 / 23%);-moz-box-shadow: 2px 4px 6px 0 rgb(0 0 0 / 23%);padding: 40px;border-radius: 15px;position: relative;z-index: 1;margin: auto;background: #fff;top: -150px;transition: .3s all }.ds-card-box {background: rgb(0 0 0 / 22%);position: fixed;z-index: 9999;top: 0;left: 0;right: 0;bottom: 0;margin: 0 auto;width: 100%;height: 100%;display: flex;overflow: auto;padding: 10px }.st-modal.active .square-card {top: 0 }.invest-md .square-card {width: 460px }.ds-close {top: -3px;right: -30px;padding: 2px;border: solid 1px red;line-height: 0;background: #fff;width: 26px;height: 26px;border-radius: 100%;line-height: 21px;text-align: center;position: absolute;z-index: 1;cursor: pointer;transition: .3s all }.ds-close img {width: 10px }.slick-dots li button:before {opacity: 0 !important }@media(max-width:991px) {.square-card {width: 100% }.ds-close {top: 10px;right: 10px }}.textBox {padding: 0 0 0 20px }@media(max-width:767px) {.how-it-works {padding: 55px 0 }.banner .price {font-size: 25px;font-weight: 500;margin: 0 0 28px;line-height: normal }.banner {padding: 60px 0 }.col-6 {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding-right: 15px;padding-left: 15px }ul.besite-points li {font-size: 20px;font-weight: 300;margin-bottom: 5px }.besides-these .middle-para {font-size: 20px;line-height: 25px;margin: 5px 0 }.besides-these .what-else {font-size: 20px }.signup-now h2 {margin-bottom: 0;font-size: 22px }.signup-form a {margin-bottom: 0 }.signup-now p {font-size: 16px;line-height: normal }.how-it-works .card .content h3 {font-size: 18px }.how-it-works .card .content p {font-size: 14px }}