.home-page-container{scroll-behavior:smooth;justify-content:center;align-items:center;width:100%;height:max-content;margin-bottom:40px;padding:8px;display:flex}.get-started-image{z-index:5;filter:contrast(1.06);border-radius:10px;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:10px;width:98%;min-height:85vh;margin:0 auto;padding:12px;display:flex}.get-started-image-absolute{z-index:5;border-radius:inherit;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:10px;width:100%;height:100%;padding:12px;display:flex;position:absolute}.home-aside-relative-container{background-image:url(../media/scan4.346ae6f5.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:6px;width:98%;max-width:600px;position:relative;overflow:hidden}.home-aside-relative-container-dark{background-image:radial-gradient(transparent,transparent,var(--color-white)),url(../media/scan4.346ae6f5.webp)!important}.home-aside-relative-container-dark .splash-image{mix-blend-mode:none;background-image:none!important}.splash-image{border-radius:inherit;mix-blend-mode:color-burn;opacity:.5;pointer-events:none;background-image:url(../media/splash9.b880f326.webp);background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.get-started-image-dark aside{background-color:#fdfdfeb8!important}.get-started-image-dark aside h3,.get-started-image-dark aside p{color:var(--color-primary)!important}.get-started-image aside{box-shadow:0 0 2px 2px var(--color-primary);background-color:#1c1c24d6;font-weight:600;justify-content:flex-end!important;align-items:center!important;gap:50px!important;padding-bottom:40px!important}.get-started-texts,.get-started-image aside{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:36px;height:78vh;padding:10px;display:flex}.get-started-image aside h3{color:var(--color-secondary-100);font-size:44px}.get-started-texts h3{background-image:linear-gradient(to bottom right,var(--color-light-green)0%,var(--color-light-green)30%,var(--color-gray)50%,var(--color-gray)100%);white-space:nowrap;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:44px;font-weight:600;line-height:54px}.get-started-texts-dark h3{background-image:linear-gradient(to bottom right,var(--color-light-green)0%,var(--color-light-green)30%,var(--color-secondary-400)50%,var(--color-secondary-400)100%)!important}.get-started-texts p,.get-started-image aside p{color:var(--color-gray)}.get-started-texts p a,.get-started-image aside p a{color:var(--color-light-green);text-decoration:none;position:relative;font-weight:700!important}.get-started-texts p a:before,.get-started-image aside p a:before{content:"";border-bottom:2px solid var(--color-light-green);width:0;height:100%;transition:all .2s ease-in-out;position:absolute;top:0;left:0}.get-started-texts p a:hover:before,.get-started-image aside p a:hover:before{width:100%}.get-started-texts form,.search-results form{flex-direction:column;gap:20px;width:100%;padding:4px;display:flex}.get-started-texts .tip-search-input-container,.search-results .tip-search-input-container{width:100%;display:flex;position:relative}.get-started-texts .tip-search-input-container input,.search-results .tip-search-input-container input{width:100%;height:54px;box-shadow:0 0 2px 1px var(--color-light-green);background-color:#0000;border:none;border-radius:30px;outline:none;padding-left:18px;position:relative;color:var(--color-gray)!important}.get-started-texts-dark .tip-search-input-container input,.search-results-dark .tip-search-input-container input{border:1.5px solid #0d9276b3;padding-right:58px;transition:all .2s ease-in-out;box-shadow:0 2px 8px #0d927640;color:var(--color-primary)!important}.get-started-texts-dark .tip-search-input-container input:focus,.search-results-dark .tip-search-input-container input:focus{border:2px solid var(--color-light-green);box-shadow:0 4px 20px #0d927640,0 0 0 4px #0d92761a;outline:none!important}.get-started-texts-dark .tip-search-input-container .datalist,.search-results-dark .tip-search-input-container .datalist{color:var(--color-gray)}.datalist{background-color:var(--color-primary-100);color:var(--color-secondary-100);scrollbar-width:none;z-index:10;max-height:150px;box-shadow:0 0 5px .5px var(--color-secondary-400);border-radius:0 0 4px 4px;flex-direction:column;align-items:center;gap:6px;padding:2px;list-style:none;display:flex;position:absolute;top:105%;left:20px;right:20px;overflow-y:scroll}.get-started-texts-dark .datalist,.search-results-dark .datalist{background-color:var(--color-white);color:var(--color-primary);border:1px solid #0d927633;font-weight:600;box-shadow:0 4px 15px #0d927640}.datalist li{cursor:pointer;border-bottom:solid 1px var(--color-secondary-500);width:88%;padding:5px;transition:all .2s ease-in-out}.get-started-texts-dark .datalist li,.search-results-dark .datalist li{color:var(--color-primary);border-bottom:1px solid #0d927640;font-weight:600}.datalist li:hover{background-color:var(--color-secondary-500);border-radius:4px;transform:translate(4px)}.get-started-texts-dark .datalist li:hover,.search-results-dark .datalist li:hover{background:linear-gradient(90deg,#0d927626 0%,#0d92760d 100%)}.tip-search-input-container input:focus{outline:solid 2px var(--color-light-green)}.search-icon{background-color:var(--color-light-green);width:46px;height:46px;color:var(--color-primary);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:-1px;transition:all .3s ease-in-out;display:flex;position:absolute;top:4px;right:3px;box-shadow:0 4px 12px #0d92764d}.search-icon-dark{box-shadow:0 4px 12px #0d92764d;background:linear-gradient(135deg,var(--color-light-green)0%,var(--color-secondary-400)100%)!important;color:var(--color-white)!important;right:4px!important}.search-icon:hover{transform:scale(1.05);box-shadow:0 4px 12px #0d92764d}.search-icon-dark:hover{transform:scale(1.08);box-shadow:0 6px 18px #0d927673!important}.or-scan-qr-code{display:none!important}.get-started-texts form small,.search-results form small{color:var(--color-error);position:absolute;bottom:-30px;left:10px}.get-app{flex-direction:column;gap:6px;display:flex}.app-access{width:max-content;height:max-content;padding:10px;display:flex}.app-access a{color:var(--color-light-green);white-space:nowrap;border:solid 1.5px var(--color-light-green);background-color:#0000;border-radius:10px;justify-content:center;align-items:center;gap:20px;width:180px;padding:2px;font-size:13px;font-weight:700;text-decoration:none;transition:all .3s ease-in-out;display:flex;box-shadow:0 2px 8px #0d927633}.app-access-dark a{font-weight:600;box-shadow:0 2px 8px #0d927633;background:linear-gradient(135deg,var(--color-light-green)0%,var(--color-light-green)30%,var(--color-secondary-400)70%,var(--color-secondary-400)100%)!important;color:var(--color-white)!important;border:none!important}.app-access-dark a:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0d927673!important}.app-access a:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0d927659}.app-access a span{flex-direction:column;display:flex}.register-btn-content{justify-content:center;align-items:center;flex-direction:row!important;gap:8px!important;padding:10px!important;font-size:15px!important;font-weight:600!important;display:flex!important}.register-btn-content i{font-size:16px}.search-results-container{flex-direction:column;align-items:center;min-height:88vh;padding:12px;display:flex}.search-results{width:99%;max-width:600px;min-height:81vh;box-shadow:0 0 5px 1px var(--color-primary-100);border-radius:12px;flex-direction:column;gap:24px;padding:16px 20px 20px;font-size:18px;display:flex}.search-results-dark{box-shadow:0 0 5px 1px var(--color-gray)!important}.search-results-dark article{color:var(--color-primary-100)!important}.search-results-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:18px;width:100%;margin:0 auto;display:flex}.search-results article{width:92%;color:var(--color-secondary-100);flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:14px;margin-top:-5px;display:flex}.search-results .user-details-card{flex-direction:column;flex:1;display:flex}.search-results p{justify-content:space-between;align-items:center;gap:20px;font-size:16px;display:flex}.search-results p>small{color:var(--color-secondary-100);cursor:pointer;border-bottom:2px solid var(--color-secondary-100);font-size:12px}.search-results-dark>p{font-weight:500;background-image:linear-gradient(to bottom,var(--color-light-green)0%,var(--color-light-green)30%,var(--color-secondary-400)60%,var(--color-secondary-400)100%)!important;-webkit-text-fill-color:transparent!important;-moz-text-fill-color:transparent!important;-webkit-background-clip:text!important;background-clip:text!important}.search-results-dark p>small{color:var(--color-secondary-500);border-bottom:2px solid var(--color-secondary-400)}.search-results-dark .search-results-wrapper>button{font-weight:600;transition:all .3s ease-in-out;box-shadow:0 2px 8px #0d927633;background:linear-gradient(135deg,var(--color-primary-100)0%,var(--color-primary)100%)!important;color:var(--color-white)!important}.search-results-dark .search-results-wrapper>button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0d927659!important}.tipping-line-container{grid-template-columns:1.5fr 1fr;gap:16px;width:92%;display:grid}.tipping-card{gap:16px;min-height:40px;display:flex}.tipping-card-actions{outline:solid 1px var(--color-secondary-400);border-radius:6px;justify-content:center;align-items:center;max-width:300px;height:40px;font-size:14px;font-weight:500;display:flex;flex-direction:row!important;gap:1px!important}.tipping-card-actions-dark{outline:1px solid #0d927659;transition:all .2s ease-in-out;box-shadow:0 2px 6px #0d92761f}.tipping-card-actions fieldset{justify-content:space-between;align-items:center;height:40px;display:flex;position:relative;border:none!important;outline:none!important;width:100%!important}.tipping-card-actions legend{float:none;background-color:var(--color-primary);color:var(--color-secondary-100);text-wrap:nowrap;width:max-content;padding:0 4px;font-size:11px;position:absolute;top:10px;left:0;transition:font-size .2s ease-in-out,top .2s ease-in-out!important}.tipping-card-actions .other-amount{left:10px}#other_amount{padding-left:10px}.tipping-card-actions fieldset input{color:var(--color-gray);z-index:10;width:100%;height:100%;background-color:#0000;padding-left:6px;font-size:16px;font-weight:500;border:none!important;outline:none!important}.tipping-card-actions:focus-within{outline:solid 1.5px var(--color-secondary-400)}.tipping-card-actions-dark:focus-within{outline:solid 1.5px var(--color-light-green);box-shadow:0 4px 12px #0d927640}.tipping-card-actions fieldset:focus-within legend,.tipping-card-actions input:not(:placeholder-shown)+legend{font-size:10px;top:-10px}.tipping-card-actions-dark legend{background-color:var(--color-white);color:var(--color-secondary-400)}.tipping-card-actions-dark input{color:var(--color-primary-100)!important}.tipping-card>span{color:var(--color-light-green);cursor:pointer;background-color:#0000;border:1px solid #0d927626;border-radius:6px;align-items:center;gap:4px;height:40px;padding:2px 4px;font-size:12px;font-weight:500;transition:all .2s ease-in-out;display:flex;position:relative;overflow:hidden}.tipping-card>span:hover{transform:scale(1.05)}.tipping-card-dark>span{color:var(--color-primary-100)!important}.Phone_Number_Form{color:var(--color-gray);flex-direction:column;align-items:flex-start;display:flex;gap:6px!important;width:93%!important}.Phone_Number_Form-dark .required{color:var(--color-secondary-400)!important}.Phone_Number_Form-dark input{color:var(--color-primary-100)!important}.Phone_Number_Form input{color:var(--color-gray);outline:solid 1px var(--color-secondary-400);background-color:#0000;border:none;border-radius:6px;width:100%;max-width:256px;height:34px;padding-left:20px;font-size:16px;transition:all .2s ease-in-out}.Phone_Number_Form-dark input{outline:1px solid #0d927659;box-shadow:0 2px 6px #0d92761f}.Phone_Number_Form input::placeholder{font-size:14px}.Phone_Number_Form input:focus{outline:solid 1.5px var(--color-secondary-400)!important}.Phone_Number_Form-dark input:focus{box-shadow:0 4px 12px #0d927640;outline:solid 1.5px var(--color-light-green)!important}.required{font-size:14px}.rating-container{align-items:flex-end;gap:8px;width:92%;height:max-content;font-size:14px;display:flex}.loading{width:100px;height:100px;position:relative}.search-results-dark .loading:before{box-shadow:inset 0 0 10px 2px #0d927626!important}.search-results-dark .loading:after{box-shadow:0 2px 0 var(--color-light-green)inset!important}.loading:before,.loading:after{content:"";border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 10px 2px #00000029}.loading:after{box-shadow:0 2px 0 var(--color-light-green)inset;animation:.88s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.on-successful-payment-container{text-align:center;justify-content:center;align-items:center;width:100%;min-height:85vh;display:flex}.how-it-works{padding:10px;margin-top:40px!important}.working-steps{border-radius:20px;flex-direction:column;gap:10px;width:94%;margin:0 auto;padding:8px;display:flex}.working-steps figure{color:var(--color-secondary-100);flex-direction:column;justify-content:flex-start;align-items:center;gap:16px;width:98%;max-width:300px;padding:4px;font-size:14px;display:flex}.working-steps figure>img{width:100%;height:195px}.working-steps p{font-size:18px;padding:0!important}.working-steps p,.working-steps h4{color:var(--color-gray);text-align:center;-webkit-text-decoration:underline #fff9;text-decoration:underline #fff9;text-decoration-thickness:.5px;margin-bottom:20px!important}.working-steps-dark p{text-decoration-color:#00000073!important}.working-steps p{font-size:14px;font-weight:600}.working-steps h4{margin-bottom:0!important;text-decoration:none!important}.working-steps-dark p,.working-steps-dark h4,.working-steps-dark figure{color:var(--color-primary)!important}.working-steps-dark hr{background-color:#00000073!important}.working-steps hr{background-color:#ffffff59;flex:1;border:none!important;height:.5px!important;margin:0!important}.how-to-tip,.how-to-get-tipped{flex-direction:column;gap:6px;display:flex}.working-steps ol{counter-reset:list;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:26px;list-style:none;display:flex}.working-steps figure figcaption{text-align:justify;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;font-weight:500;display:flex;position:relative}.working-steps-dark ol figure figcaption:before{color:var(--color-white)!important}.working-steps ol figure figcaption:before{content:counter(list)".";counter-increment:list;background-color:var(--color-light-green);color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:1rem;font-weight:700;display:flex;position:absolute;top:0;left:-2.8rem}.working-steps ol li span{color:var(--color-gray);font-size:18px;font-weight:700}.working-steps-dark ol li span{color:var(--color-primary-100)}.tipping-modal,.tipping-modal form{width:max-content;color:var(--color-gray);flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:10px 0;display:flex}.tipping-modal-dark form{font-weight:600;color:var(--color-primary)!important}.tipping-modal-dark form input{font-weight:500;outline:solid 2px var(--color-secondary-500)!important;color:var(--color-primary-100)!important}.close{text-align:center;cursor:pointer;width:30px;height:30px;font-size:20px;position:absolute;top:10px;right:20px}.required:after{content:"*";color:var(--color-error);margin-left:5px}.tipping-modal-dark section>span,.tipping-modal-dark form button{font-weight:600;box-shadow:0 4px 15px #0d92764d;background:linear-gradient(135deg,var(--color-primary-100)0%,var(--color-primary)100%)!important;color:var(--color-white)!important}.tipping-modal-dark section>span:hover,.tipping-modal-dark form button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0d927680!important}.tipping-modal section>span{background-color:var(--color-secondary-500);color:var(--color-gray);cursor:pointer;border-radius:6px;padding:5px 10px;transition:all .3s ease-in-out}.tipping-modal section{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;height:max-content;padding:2px;display:flex}.tipping-modal section>span:hover,.tipping-modal form button:hover{transform:scale(1.065)!important}.tipping-modal form label{white-space:nowrap}.tipping-modal form input,.tipping-modal form button{color:var(--color-gray);outline:solid 2px var(--color-secondary-100);background-color:#0000;border:none;border-radius:6px;height:34px;padding-left:20px}.tipping-modal form button{background:linear-gradient(135deg,var(--color-light-green)0%,var(--color-secondary-400)100%);height:36px;color:var(--color-white);border:none;outline:none;justify-content:center;align-items:center;min-width:100px;font-size:13px;font-weight:600;transition:all .3s ease-in-out;display:flex;box-shadow:0 2px 8px #0d927633}.tipping-modal form button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0d927659}.tipping-modal form{width:max-content;padding:5px}.tipping-modal>form>div{flex-direction:column;justify-content:center;align-items:center;gap:30px;display:flex;position:relative}.tipping-modal>form>div button{width:100%;padding:5px 10px!important}@media screen and (max-width:1150px){.home-aside-relative-container{display:none}.get-started-texts p{display:flex!important}.get-started-image{background-image:radial-gradient(#1c1c24d1,#1c1c24db,var(--color-primary)),url(../media/scan4.346ae6f5.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:2px;width:100%;min-height:85vh}.get-started-image-dark{background-image:radial-gradient(transparent,transparent,var(--color-white)),url(../media/scan4.346ae6f5.webp)!important}.get-started-image-absolute{background-color:#1c1c2440}.get-started-image-absolute-dark{background-color:#fdfdfeb8!important}}@media screen and (max-width:620px){.tipping-line-container{grid-template-columns:1fr}}@media screen and (max-width:520px){.get-started-texts h3{font-size:36px}.search-results-wrapper{width:100%}.search-results-container{padding:18px 8px}.on-successful-payment-container h2{font-size:22px}.get-started-image{min-height:91vh}.user-description{max-width:none;width:88%!important}.search-results{gap:30px}.get-app{justify-content:center;align-items:center;width:100%}}@media screen and (max-width:490px){.tipping-card-actions{width:100%;max-width:400px;gap:6px!important}.Phone_Number_Form input{max-width:400px!important}.tipping-card>span{flex:1}}@media screen and (max-width:436px){.get-started-texts h3{font-size:31px}.get-started-texts{gap:30px;width:max-content}.get-started-image-absolute{padding:4px}.search-results .user-details-card{text-align:center}.on-successful-payment-container h2{font-size:20px}.get-started-texts p{justify-content:center;align-items:center;margin-bottom:44px!important}.tip-search-input-container label{top:-62%!important}#tip-search-results img{width:130px!important;height:130px!important}.or-scan-qr-code{justify-content:center!important}}@media screen and (max-width:416px){.search-results p{justify-content:space-between;gap:0}.search-results>article{font-size:16px!important}.get-started-texts h3{font-size:32px}.on-successful-payment-container h2{font-size:18px}.how-it-works{padding:6px}}@media screen and (max-width:400px){.get-started-texts h3{font-size:30px}.search-results>button{width:100%}.get-started-texts p,.search-results p,.search-results article{font-size:14px}.home-page-container{padding:6px 4px}.search-results{gap:40px;width:98%;padding:10px}}@media screen and (max-width:382px){.download-now{font-size:18px}.get-started-image,.app-access{padding:0}.on-successful-payment-container h2{font-size:16px}}@media screen and (max-width:360px){.search-results article{font-size:12px}.search-results-container{padding:10px}.get-started-texts h3{text-align:center;width:100%;font-size:26px}.get-started-texts{padding:0}.app-access a{font-size:12px}.tipping-card{flex-wrap:wrap}.tipping-card>span{gap:3px;padding:2px 4px;font-size:10px}}@media screen and (max-width:328px){.on-successful-payment-container h2{font-size:15px}.get-started-texts p{font-size:12px}}