/* framework css definitions*/
/*---- Global Defaults ---------*/
* { box-sizing: border-box; }
html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
}
input,
textarea,
button {
    font-family: inherit;
    font-size: inherit;
    border: 0;
    outline: 0;
    background: transparent;
}
svg { display: block; }

/* Static Common Utilities
   Classes in this section keep the same value across mobile, tablet, and desktop. */
/* Category: Static Width Utilities */
.w_100p { width: 100%; }
.k_maxw82p { max-width: 82%; }
.k_maxw90p { max-width: 90%; }
/* Category: Height And Ratio Utilities */
.h_100p { height: 100%; }
.h_1t1 { aspect-ratio: 1 / 1; }
/* Category: Position And Layer Utilities */
.k_floatl { float: left; }
.k_floatr { float: right; }
.k_posr { position: relative; }
.k_posa { position: absolute; }
.k_posfx { position: fixed; }
.k_left0 { left: 0; }

/* Category: Display And Interaction Utilities */
.k_dispfx { display: flex; }
.k_dispgrid { display: grid; }
.k_dispbl { display: block; }
.k_dispn { display: none; }
.k_aic { align-items: center; }
.k_justc { justify-content: center; }
.k_placec { place-items: center; }
.k_fxdc { flex-direction: column; }
.k_flex0 { flex: 0 0 auto; }
.k_tac { text-align: center; }
.k_hand { cursor: pointer; }
.ovf_h { overflow: hidden; }
/* Category: Spacing Utilities */
.k_padv6 {
    padding-top: 6px;
    padding-bottom: 6px;
}
.k_pad10x12 { padding: 10px 12px; }
.k_pad8x12 { padding: 8px 12px; }
/* Category: Background Color Utilities */
.k_bg2 { background-color: #ffffff; }
.k_bg19 { background-color: #ffb84d; }
.k_bg12 { background-color: #fff0d6; }
/* Category: Text Color And Weight Utilities */
.k_fcolor1 { color: #0f0a06; }
/* Category: Border Utilities */
.k_brdrr999 { border-radius: 999px; }
.k_brdr2 { border: 1px solid #e5e7eb; }
.k_brdrr10_tr0 {
    border-radius: 10px;
    border-top-right-radius: 0;
}
.k_brdrr10_tl0 {
    border-radius: 10px;
    border-top-left-radius: 0;
}
/* Category: Minimum Size Utilities */
.k_minh34 { min-height: 34px; }
.k_h54 { height: 54px; }

/* Category: Scroll Offset For Fixed Header
   Sections scrolled into view must clear the fixed/absolute header (tth_menu).
   Header height is responsive: mobile 5/1, tablet 12/1, desktop 18/1 aspect-ratio. */
#sec_why,
#sec_basic,
#sec_addons,
#sec_signup,
#sec_footer,
#sec_terms {
    scroll-margin-top: 22vw;
}
@media (min-width: 769px) and (max-width: 1199px) {
    #sec_why,
    #sec_basic,
    #sec_addons,
    #sec_signup,
    #sec_footer,
    #sec_terms {
        scroll-margin-top: 10vw;
    }
}
@media (min-width: 1200px) {
    #sec_why,
    #sec_basic,
    #sec_addons,
    #sec_signup,
    #sec_footer,
    #sec_terms {
        scroll-margin-top: 7vw;
    }
}