@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap");
:root {
	 --font-family: "Inter", sans-serif;
}
.header-gradient, .header {
  background: #ffffff;
  /* For browsers that do not support gradients */
  background: #ffffff;
  /* For Safari 5.1 to 6.0 */
  background: #ffffff;
  /* For Opera 11.1 to 12.0 */
  background: #ffffff;
  /* For Firefox 3.6 to 15 */
  background: #ffffff;
  /* Standard syntax */ }

.header {
  padding: 45px 0;
  margin-bottom: -15px; }
  .header .logo {
    margin: 40px 0; }
  .header .title {
    margin-top: 0;
    font-family: 'Inter', sans-serif;
    font-weight: regular;
    font-style: italic;
    color: white; }
  .header .subtitle {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    color: white;
    margin-bottom: 30px; }
  .header .store-button {
    max-width: 45%;
    height: auto; }

@media (min-width: 768px) and (max-width: 991px) {
  .header .logo {
    margin-top: 80px; } }

.footer-gradient, .footer {
  background: #ffffff;
  /* For browsers that do not support gradients */
  background: #ffffff;
  /* For Safari 5.1 to 6.0 */
  background: #ffffff;
  /* For Opera 11.1 to 12.0 */
  background: #ffffff;
  /* For Firefox 3.6 to 15 */
  background: #ffffff;
  /* Standard syntax */ }

.footer {
  padding: 40px 10px; }
  .footer .footer-logo-container img {
    margin-bottom: 30px; }
  .footer .title {
    color: #155bd5;
    font-family: 'Inter', sans-serif;
    font-style: italic;
    font-weight: lighter; }
  .footer .link-container .links {
    color: white;
    font-family: 'Inter', sans-serif;
    font-size: 20px; }
    .footer .link-container .links.transparent {
      opacity: 0.6; }
  .footer .copyright {
    margin-top: 20px;
    color: white;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    opacity: 0.6; }
    .footer .copyright:last-child {
      margin-top: 0; }

@media (max-width: 767px) {
  .footer {
    border-radius: 0; } }

#terms-and-conditions .terms-and-conditions-section {
  margin: 10px 0; }
  #terms-and-conditions .terms-and-conditions-section.grey {
    background-color: #f8f8fb; }
  #terms-and-conditions .terms-and-conditions-section .section-title {
    color: #979797; }

#about .about-section {
  margin: 10px 0; }
  #about .about-section.grey {
    background-color: #f8f8fb; }

#about .text-section {
  margin-top: 30px;
  margin-bottom: 100px; }

.how-to-section {
  margin: 10px 0;
  padding: 20px 0; }
  .how-to-section.grey {
    background-color: #f8f8fb; }

.text-wrapper {
  height: 400px;
  position: relative; }
  .text-wrapper .section-text {
    position: absolute;
    top: 40%;
    height: 100px;
    margin-top: -50px; }

.title {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #155bd5;
  margin-bottom: 30px; }

.content {
  font-family: 'Inter', sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #000000;
  margin-bottom: 30px; }
  
.section-header {
   font-family: 'Inter', sans-serif;
  font-weight: bold;
  color: #6e7fd8; }

.subtext {
  font-family: 'Inter', sans-serif;
  font-size: 18px;
  color: #919191; }

.how-to-image {
  height: 400px;
  max-width: 100%; }
  

@media (max-width: 767px) {
  .text-wrapper {
    height: auto;
    position: static; }
    .text-wrapper .section-text {
      position: static;
      height: auto;
      margin-top: 0; }
  .how-to-image {
    height: 200px; } }