@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/* root.css */
:root {

    /* brand-dark-green */
    --brand-dark-green-50:#ECF5F8;
    --brand-dark-green-100:#D9ECF2;
    --brand-dark-green-200:#B4D9E4;
    --brand-dark-green-300:#8EC6D7;
    --brand-dark-green-400:#69B3C9;
    --brand-dark-green-500:#255868;
    --brand-dark-green-600:#368096;
    --brand-dark-green-700:#286071;
    --brand-dark-green-800:#1B404B;
    --brand-dark-green-900:#0D2026;
    --brand-dark-green-950:#071013;

    /* brand-green */
    --brand-green-50:#EEF7F5;
    --brand-green-100:#E0F1ED;
    --brand-green-200:#BADEDA;
    --brand-green-300:#98CDC8;
    --brand-green-400:#75BDB6;
    --brand-green-500:#54A9A1;
    --brand-green-600:#428A83;
    --brand-green-700:#326762;
    --brand-green-800:#214541;
    --brand-green-900:#112221;
    --brand-green-950:#081110;

    /* brand-yellow */
    --brand-yellow-50:#FEF8E6;
    --brand-yellow-100:#FDF1CE;
    --brand-yellow-200:#FBE49D;
    --brand-yellow-300:#FAD66B;
    --brand-yellow-400:#F8C83A;
    --brand-yellow-500:#FBC41A;
    --brand-yellow-600:#C59507;
    --brand-yellow-700:#947005;
    --brand-yellow-800:#624B04;
    --brand-yellow-900:#312502;
    --brand-yellow-950:#191301;


    /* brand-orange */
    --brand-orange-50:#FEEBE6;
    --brand-orange-100:#FED7CD;
    --brand-orange-200:#FDAF9B;
    --brand-orange-300:#FB876A;
    --brand-orange-400:#FA5F38;
    --brand-orange-500:#FF8161;
    --brand-orange-600:#C72C05;
    --brand-orange-700:#952104;
    --brand-orange-800:#641602;
    --brand-orange-900:#320B01;
    --brand-orange-950:#320B01;


    /* brand-pink */
    --brand-pink-50:#FBE9F0;
    --brand-pink-100:#F7D4E0;
    --brand-pink-200:#F0A8C1;
    --brand-pink-300:#E87DA2;
    --brand-pink-400:#E05284;
    --brand-pink-500:#E05183;
    --brand-pink-600:#AD1F51;
    --brand-pink-700:#82173C;
    --brand-pink-800:#570F28;
    --brand-pink-900:#2B0814;
    --brand-pink-950:#16040A;



  /* Colors */
  --text-color: #3C3B3A;

  /* Fonts */
  --font-family: "Lato", serif;
  --font-size-base: 16px;
  --font-size-large: 18px;
}


.lf_h1 {
    font-weight: 800;
    font-size: 24px;
    line-height: 32px;
    color: var(--text-color);
}

.lf_h2 {
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
}

.lf_h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
}

.lf_h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}

.lf_h5 {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
}

.lf_body_l {
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
}
.lf_body_l_strong {
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
}
.lf_body_m {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}
.lf_body_m_strong {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
}
.lf_body_s {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
.lf_body_s_strong {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.lf_des_l {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
}
.lf_des_l_strong {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
}

.lf_text_center {
    text-align: center;
}

.lf_Button_L {
    background: var(--brand-yellow-500);
    border: none;
    height: 52px;
    width: 100%;
    border-radius: 20px;
    color: var(--text-color);
    font-size: 16px;
    font-weight: 700;
}
.lf_hidden {
    visibility: hidden;
}
.lf_hide {
    display: none;
}


/* normalize.css */
html{
    line-height:1.15;
    -webkit-text-size-adjust:100%
}
body{
    margin:0;
    font-family: var(--font-family);
	overflow-y:hidden;
	height:100vh;
	width:100vw;
}
main{
    display:block
}
h1{
    font-size:2em;
    margin:.67em 0
}
hr{
    box-sizing:content-box;
    height:0;
    overflow:visible
}
pre{
    font-family:monospace,monospace;
    font-size:1em
}
a{
    background-color:transparent
}
abbr[title]{
    border-bottom:none;
    text-decoration:underline;
    text-decoration:underline dotted
}
b,strong{
    font-weight:bolder
}
code,kbd,samp{
    font-family:monospace,monospace;
    font-size:1em
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
img{
    border-style:none
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-size:100%;
    line-height:1.15;
    margin:0
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    padding:.35em .75em .625em
}
legend{
    box-sizing:border-box;
    color:inherit;
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
progress{
    vertical-align:baseline
}
textarea{
    overflow:auto
}
[type=checkbox],[type=radio]{
    box-sizing:border-box;
    padding:0
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
details{
    display:block
}
summary{
    display:list-item
}
template{
    display:none
}
[hidden]{
    display:none
}
/*! normalize.css */
.lf_Container {
    max-width: 1200px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}



/********************************************************************/


.lf_Nav {
    background: #F8F1E8;
    padding-top: 10px;
    border-radius: 10px 10px 0 0;
    margin-top: 40px;
}

.lf_Nav-Inner {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 42px;
    position: relative;
}
.lf_Nav-Inner .lf_Close {
    position: absolute;
    right: 0;
}

.lf_Terms-Wrap {
    background: #FFFBF6;
    border-radius: 10px 10px 0 0;
}
.lf_Terms-Content {
    display: flex;
    flex-wrap: wrap;
}
.lf_Listing_Num {
    list-style: auto;
    padding-left: 15px;
}
.lf_Listing_Num::maker {
    font-size: 18px;
    color: var(--text-color);
}
.lf_Listing-Title {
    color: var(--text-color);
    font-size: 18px;
    line-height: 20px;
    display: inline-block;
    font-weight: 800;
}

.lf_Listing_Num {
  list-style: none;
  counter-reset: section;
  margin: 0;
  padding-top: 20px;
}

.lf_Listing_Num p {
    font-size: 16px;
    color: var(--text-color);
}

.lf_Listing_Num_Num-Math {
  list-style: none;
  counter-reset: subsection;
  margin-left: 20px;
  padding-left: 0;
}

.lf_Listing_Num > li {
  counter-increment: section;
}

.lf_Listing_Num > li::before {
  content: counter(section) ". ";
  font-size: 18px;
  color: var(--text-color);
  font-weight: 800;
}
.lf_Listing_Num-Math {
    padding-left: 0;
    margin-top: 10px;
}
.lf_Listing_Num-Math > li {
  counter-increment: subsection;
  list-style: none;
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: var(--text-color);
}

.lf_Listing_Num-Math > li::before {
  content: counter(section) "." counter(subsection) " ";
  font-weight: normal;
  position: absolute;
  left: 0;
}


.lf_Listing_Num-Alpha {
  list-style: none;
  counter-reset: alpha;
  margin-left: 0;
  padding-left: 0;
}

.lf_Listing_Num-Alpha > li {
  counter-increment: alpha;
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: var(--text-color);
}

.lf_Listing_Num-Alpha > li::before {
  content: "(" counter(alpha, lower-alpha) ") ";
  font-weight: normal;
  margin-right: 5px;
  font-weight: normal;
  position: absolute;
  left: 0;
}




/* -- Intro Screen Start -- */
.lf_slider {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: auto;
    overflow: hidden;
  }
  
  .lf_slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
  }
  
  .lf_slides_item {
    width: 100%;
    flex-shrink: 0;
  }
  .lf_slides_item img {
      width: 100%;
  }
  .lf_slide_content {
      text-align: center;
      padding: 15px;
      display: flex;
      flex-direction: column;
      gap: 8px;
      margin-top: 20px;
  }
  
  .lf_slide_content .lf_body_m {
      min-height: 120px;
      color: hwb(0deg 23% 77% / 70%);
  }
  
  .lf_dots {
      text-align: center;
      position: absolute;
      top: 64%;
      width: 100%;
  }
  
  .lf_dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 5px;
    background-color: var(--brand-green-50);
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.3s;
  }
  
  .lf_dot.active {
    background-color: var(--brand-green-500);
  }

  /* -- Intro Screen End -- */





html{
    background-color: rgba(200,200,200,0.3);
}
body{
    width: 480px;
    margin: 0 auto;
    position: relative;
}




/* Base design for all pages */
body, html {
	margin:0;
	padding:0;
	width:100vw;
	height:100vh;
}

[data-functions] {
	cursor:pointer;
}
[data-hide] {
	cursor:pointer;
}
[data-show] {
	cursor:pointer;
}
button {
	cursor:pointer;
}

.lf_screen {
    width: 100vw; /* Use vw for screen width */
    max-width: 600px;
    height: 100vh;
    margin: 0 auto; /* Center the page horizontally */
    padding: 0;
    position: relative; /* Enable positioning for child elements */
	overflow-x:hidden;
	background:white;
}

.lf_page_container {
    position: absolute;
    height: 100%; /* Ensure container takes full height */
	width:100%;
}

.lf_screen_background_top {
	position: absolute;
    top: 0; /* Stick to the bottom of the container */
    width: 100%;
    left: 0;
}

.lf_button_wide_yellow {
    background: var(--brand-yellow-500);
    border: none;
    height: 52px;
    width: 90%;
	margin:0 5% 8px 5%;
    border-radius: 20px;
    color: #3C3B3A;
    font-size: 16px;
    font-weight: 700;
	cursor:pointer;
}
.lf_button_wide_green {
	background: var(--brand-dark-green-500);
    color: #fff;
	border:1px solid #fff;
    height: 52px;
    width: 90%;
	margin:0 5% 88px 5%;
	margin-bottom:18px;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 700;
	cursor:pointer;
}

.lf_button_medium_secondary_grey {
    background: #cccccc;
    border: none;
    height: 38px;
    width: 39%;
	margin:0 5% 8px 5%;
    border-radius: 8px;
    color: #3C3B3A;
    font-size: 14px;
    font-weight: 500;
	cursor:pointer;
	transition:all 0.3s ease;
}

.lf_button_medium_secondary_grey img {
	vertical-align:middle;
}

.lf_button_medium_secondary_grey:active {
    background: #eeeeee;
    border: 1px solid var(--brand-dark-green-500);
}

.buttonsClearFix {
	height:18px;
	width:100%;
	display:block;
	clear:both;
}

.lineSeperator {
	position:relative;
	width:80%;
	margin:6px 10%;
	display:block;
	clear:both;
	height:1px !important;
	background:#e9e9e9;
}

#lf_loadingImage {
	position:fixed;
	width:40px;
	top:50%;
	left:50%;
	margin-left:-20px;
	margin-top:-20px;
	display:none;
}

/* margins */
.mt-20 {
	margin-top:20px;
}

.mb-20 {
	margin-bottom:20px;
}