*{padding:0;margin:0;box-sizing:border-box}html{font-size:62.5%}body{font-family:"Poppins",sans-serif;overflow-x:hidden}.main-container{display:flex;flex-direction:column;overflow-x:hidden}@media (max-width:1280px){html{font-size:58%}}@media (max-width:1024px){html{font-size:56.25%}}@media (max-width:960px){html{font-size:50%}}@media (max-width:640px){html{font-size:48%}}nav{display:flex;justify-content:space-between;padding:1rem 7rem}@media (max-width:640px){nav{padding:2.5rem}}:root{--primary-color:#003133;--secondary-color:#5d9380;--text-color:#001919;--white-color:#fff}button{background-color:transparent;border:none;color:#fff;color:var(--white-color);outline:none;cursor:pointer;font:inherit;padding:1.5rem 2rem;font-weight:700;font-size:1.6rem;border-radius:.5rem;box-shadow:0 8px 15px 3px rgba(0,0,0,.1);transition:all .25s}button:focus,button:hover{box-shadow:0 8px 12px 4px rgba(0,0,0,.3);transform:translateY(-.25rem)}.btn-primary{background-color:#003133;background-color:var(--primary-color)}.btn-accent{background-color:#5d9380;background-color:var(--secondary-color)}.btn-dark{background-color:#001919;background-color:var(--text-color)}.btn-long{width:20rem}.logo-container{display:flex;flex-direction:column;align-items:center}.logo{width:50px;height:auto;object-fit:contain}@media (min-width:768px){.logo{width:60px}}.footer-logo{width:50px;height:auto;object-fit:contain}.logo-text{margin-top:8px;font-size:1.5rem;font-weight:500;text-align:center}header{display:flex;justify-content:space-between;padding:0 7rem;height:100vh}header .intro{margin:auto 0;width:50%}header .intro h1{font-size:9rem;line-height:1.25}header .intro p{color:#5e5e5e;font-size:2.25rem;margin:3rem 0 5rem;text-align:justify}.stores{display:flex;margin:auto 0}.stores img{height:auto;width:100%;cursor:pointer}.stores .store-1{width:20rem;margin-right:2rem}.stores .store-2{width:20rem}.phones{display:flex;position:relative;width:50%}.phones .phone-1{z-index:2;height:100%}.phones .phone-2{position:absolute;top:-4%;left:25%;z-index:1;height:108%}@media (max-width:1280px){header .intro{width:50%}header .phones .phone-1{position:absolute;top:-3%;left:-20%}header .phones .phone-2{height:105%;top:-5%;left:13%}}@media (max-width:1024px){header{flex-direction:column-reverse}header .intro{width:100%;height:40%}header .phones{width:100%;height:60%}header .phones .phone-1{position:absolute;top:3%;left:-17%}header .phones .phone-2{top:-1%;left:3%}}@media (max-width:960px){header .intro,header .phones{width:100%;height:50%}header .phones .phone-1{position:absolute;top:3%;left:-17%}header .phones .phone-2{top:-1%;left:3%}}@media (max-width:640px){header{padding:0 2.5rem;height:100vh}header .intro{width:100%;height:60%;margin:0}header .intro h1{font-size:6rem}header .intro p{margin:3rem 0}.stores{justify-content:flex-start}.stores img{width:90%}.stores .store-1{margin:0}.phones{width:100%;height:40%}.phones .phone-1{top:7%;left:-15%}.phones .phone-2{top:3%;left:3%;height:108%}}#section1{margin:5rem 0}#section1 .title{font-size:5rem;color:#003133!important;text-align:center;font-weight:400;line-height:1.25;max-width:50%;margin:0 auto;padding:0 3rem}#section1 .small-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(40rem,1fr));text-align:center;width:100%;max-width:80%;margin:0 auto;place-items:center}@media (max-width:640px){#section1 .title{max-width:100%;margin:0}}.card{background:var(--white-color)}.small-card{width:40rem;margin:1.5rem 4rem;padding:7rem 3rem;transition:all .3s ease;border-radius:.25rem;position:relative;overflow:hidden}.small-card:active,.small-card:hover{box-shadow:5px 5px 58px 5px rgba(93,147,128,.2)}.small-card h2{font-size:5rem;color:var(--secondary-color);font-weight:700}.small-card h3{font-size:2rem;color:var(--text-color);margin:1rem}.small-card p{font-size:1.5rem;color:var(--text-color)}.small-card .oval{display:block;visibility:hidden;position:absolute;z-index:-1;right:7%;top:-30%;width:11.5rem;height:35rem;background-color:rgba(93,147,128,.1);transform:rotate(75deg);border-radius:50% 50%}.small-card:active .oval,.small-card:hover .oval{visibility:visible}.big-card{width:40rem;border-radius:1rem;padding:4rem 5rem;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}@media (max-width:1024px){.big-card{width:30rem;padding:2rem}}@media (max-width:640px){.big-card{padding:2rem 3rem}}#section2{display:grid;grid-template-columns:1fr 2fr;margin:5vh 0;height:80vh;max-width:100%}#section2 .rewards{max-width:60%;margin:auto;z-index:1}#section2 .rewards-sample{position:relative}#section2 .rewards-sample .square{position:relative;width:100%;height:100%;border-top-right-radius:3rem;border-bottom-right-radius:3rem;background:#1089ff}#section2 .rewards-sample img{position:absolute;height:120%;left:25%;top:-10%}@media (max-width:1280px){#section2 .rewards{max-width:70%}#section2 .rewards-sample img{left:5%;top:-10%}}@media (max-width:1024px){#section2{height:100%;margin:15rem 0}#section2 .rewards{max-width:80%}#section2 .rewards-sample .square{position:relative;width:80%;height:100%;border-top-right-radius:3rem;border-bottom-right-radius:3rem;background:#003133}}@media (max-width:960px){#section2{display:flex;flex-direction:column;height:100%}#section2 .rewards-sample{margin:3rem 0}#section2 .rewards-sample .square{width:60%;padding-bottom:100%}#section2 .rewards-sample img{left:-10%;top:-10%}#section2 .rewards{max-width:75%}}@media (max-width:640px){#section2 .rewards{max-width:90%}}.section-content p{font-size:2rem;color:#234065;margin:5rem 0}.title h3{font-size:2.5rem;text-transform:uppercase;color:var(--secondary-color);margin-bottom:1.5rem}.title h2{font-size:5rem;color:var(--primary-color);line-height:1}.title.white h3{color:hsla(0,0%,100%,.7)}.title.white h2{color:var(--white-color)}#section3{display:grid;grid-template-columns:2fr 1fr;margin:5vh 0;height:80vh}#section3 .payments{margin:auto;max-width:60%}#section3 .payments-sample{position:relative}#section3 .payments-sample .circle{position:relative;width:125%;height:100%;padding-bottom:50%;background:#003133;border-radius:50%}#section3 .payments-sample .circle .transaction-sample{position:absolute;top:20%;right:60%;z-index:2}@media (max-width:1280px){#section3 .payments{max-width:75%}#section3 .payments-sample .circle{width:155%}#section3 .payments-sample .circle .transaction-sample{right:55%}}@media (max-width:1024px){#section3{height:100%;margin:15rem 0}#section3 .payments{max-width:85%}#section3 .payments-sample .circle{margin-left:48%;width:45rem;padding-bottom:50rem}}@media (max-width:960px){#section3{display:flex;flex-direction:column-reverse;height:100%}#section3 .payments-sample{margin:3rem 0}#section3 .payments-sample .circle{margin-left:45%;width:65rem;padding-bottom:60rem}#section3 .payments-sample .circle .transaction-sample{top:15%;right:50%;z-index:2}#section3 .payments{max-width:75%}}@media (max-width:640px){#section3 .payments-sample .circle{margin-left:25%;width:65rem;padding-bottom:60rem}#section3 .payments{max-width:90%}}#section4{text-align:center}#section4 .title-container{padding:0 5rem}#section4 .testimonials-container{padding:10rem;display:grid;grid-gap:1rem;place-items:center;grid-template-columns:repeat(auto-fit,minmax(30rem,1fr))}.testimonial{display:flex;justify-content:space-between;flex-direction:column}.testimonial img{width:40%;height:40%;margin:2rem auto 5rem;transition:all .5s ease}.testimonial img:hover{width:50%;height:auto}.testimonial .testimonial-text{visibility:hidden}.testimonial img:active+.testimonial-text,.testimonial img:hover+.testimonial-text{visibility:visible;-webkit-animation:fadeIn .75s ease both;animation:fadeIn .75s ease both}@-webkit-keyframes fadeIn{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-2rem)}to{opacity:1;transform:translateY(0)}}.testimonial .testimonial-text p{font-size:1.5rem;color:#5e5e5e;margin:2rem 0}.testimonial .testimonial-text h5{font-size:1.75rem;color:#234065}@media (max-width:1024px){.testimonial .testimonial-text{visibility:visible;padding:0 3rem}}#section5{display:grid;place-items:center;text-align:center;background:#003133;padding:10rem 0}#section5 p{color:#fff;font-size:1.5rem;max-width:50rem;margin:5rem 0}#section5 form{display:grid;grid-template-columns:2fr 1fr;grid-gap:2rem;padding:1rem}@media (max-width:640px){#section5{padding:2rem}#section5 form{width:100%;display:flex;flex-direction:column;align-items:center}}input{background:#fff;font-size:1.5rem;padding:2rem;display:block;width:100%;border:none;border-radius:.5rem;box-shadow:0 8px 15px rgba(0,0,0,.1)}@media (max-width:640px){input{margin:1rem 0}}footer{padding:1rem 7rem}.navigations{padding:3rem 0;display:flex;position:relative}.navigations .logo-container{position:absolute}.navigations .links-container{text-align:center;width:100%}.navigations ul{display:flex;justify-content:space-evenly;width:30%;margin:auto}.navigations ul li{list-style-type:none}.navigations ul li a{text-decoration:none;color:#000;font-size:1.5rem;transition:all .3s ease}.navigations ul li a:active,.navigations ul li a:hover{cursor:pointer;color:#1089ff}.copyright{margin:2rem 0;text-align:center}.copyright p{color:#5e5e5e;font-size:1.25rem}@media (max-width:1024px){.navigations ul{width:50%}}@media (max-width:640px){.navigations{flex-direction:column;align-items:center}.navigations .logo-container{position:static;margin:1rem 0}.navigations ul{width:100%}.copyright p{font-size:1.5rem}}.line-break{border:1px solid rgba(94,94,94,.2);width:100%}
/*# sourceMappingURL=main.3747b549.chunk.css.map */