.navbar{justify-content:space-between;align-items:center;height:100px;padding:1.2rem 8vw 0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Open Sans,sans-serif;font-size:1.2rem;display:flex}.navbar-logo{justify-content:center;align-items:center;width:10rem;display:flex}.navbar-logo img{width:100%;height:100%}.nav-menu{text-align:center;grid-template-columns:repeat(5,auto);justify-content:end;gap:20px;list-style:none;display:grid}.nav-links{color:#b3b3b3;cursor:pointer;padding:.5rem 1rem;font-weight:500;text-decoration:none}.nav-links:hover{color:#21df21;border-bottom:2px solid #6aaa6a;transition:all .2s ease-out}.fa-bars{color:#fff}.nav-links-mobile,.menu-icon{display:none}@media (max-width:960px){.navbar{justify-content:space-between;height:80px;padding-left:30px;display:flex;position:relative}.navbar-logo{justify-content:center;align-items:center;width:8rem;display:flex}.nav-menu{opacity:1;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;height:92vh;padding-top:5vh;transition:all .5s;display:flex;position:absolute;top:80px;left:-100%}.nav-menu.active{opacity:1;z-index:1;background:#fff;transition:all .5s;left:0}.nav-links{text-align:center;gap:20px;width:100%;padding:2rem}.menu-icon{cursor:pointer;color:#000;font-size:2rem;display:block;position:absolute;top:0;right:0;transform:translate(-100%,50%)}.nav-links-mobile{text-align:center;color:#fff;border-radius:4px;width:80%;margin:2rem auto;padding:1.5rem;font-size:1.5rem;text-decoration:none;display:block}Button{display:none}}
#whyflavrr{background:#fcfcfc;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:10vh 15vw;display:flex}#whyflavrr .header{text-align:center;color:#000;font-size:2.5rem;font-weight:600}#whyflavrr .cards{justify-content:space-between;padding:30px 0;display:flex}#whyflavrr .cards .card{text-align:center;width:300px}#whyflavrr .cards .card .nameofcard{color:#000;margin-top:10px;font-size:1.2rem;font-weight:700}#whyflavrr .cards .card .carddescription{color:gray;font-size:1rem}#whyflavrr .cards .card .image{justify-content:center;align-items:center;display:flex}@media (max-width:960px){#whyflavrr .cards{flex-direction:column;align-items:center;gap:50px}}
.screenstep{justify-content:space-between;align-items:center;height:100vh;padding:5vh 8vw;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Oxygen,Open Sans,sans-serif;display:flex}.screenstep .content-side{flex-direction:column;flex-basis:60%;gap:15px;padding:50px;display:flex}.screenstep .content-side .small-green-header{color:#33a31d;font-size:1.3rem;font-weight:500}.screenstep .content-side .big-task{color:#000;font-size:3rem;font-weight:500}.screenstep .content-side .small-description{color:gray;font-size:1.3rem}.left{background:#e6e6e6;flex-direction:row-reverse}.content-side .action-button{margin-top:20px}.content-side .action-button button{background:#33a31d;border:none;border-radius:15px;padding:10px 15px;font-size:1.2rem}@media (max-width:960px){.screenstep{flex-direction:column}.screenstep .content-side{width:80%;padding:0}.screenstep .content-side .big-task{font-size:2rem}.screenstep .content-side .small-description{color:gray;font-size:1rem}.illustration-side{flex-basis:20%}}
.footer{color:#fff;background-color:#000;padding:50px 0}.footer-container{justify-content:space-between;max-width:1200px;margin:0 auto;padding-bottom:100px;display:flex}.footer-logo-social{flex-direction:column;align-items:flex-start;display:flex}.site-logo{width:10rem;margin-bottom:25px}.site-logo img{width:100%;height:90%}.footer-icons{gap:10px;display:flex}.footer-icons a{color:#fff;text-decoration:none}.footer-icons i{font-size:32px}.footer-content{gap:40px;display:flex}.footer-section,.footer-links-section{max-width:250px}.footer-section h3,.footer-links-section h3{margin-bottom:10px;font-size:18px}.footer-links-section a{color:#fff;margin-bottom:8px;text-decoration:none;transition:-webkit-text-decoration .3s ease-in-out,text-decoration .3s ease-in-out;display:block}.footer-links-section a:hover{text-decoration:underline}.copyright{text-align:center;margin-top:30px}@media (max-width:768px){.footer-container{flex-direction:column;align-items:center;padding-top:20px;padding-bottom:50px}.footer-logo-social{text-align:center;align-items:center;padding-bottom:50px}.footer-section,.footer-links-section{text-align:center;max-width:100%;margin-bottom:20px}.footer-content{flex-direction:column}.footer-icons{margin-bottom:10px}}
.to-top-button{cursor:pointer;color:#fff;background-color:#6aaa6a;border:none;border-radius:50%;font-size:1.6rem;transition:background-color .3s;display:none;position:fixed;bottom:20px;right:20px}.to-top-button.visible{justify-content:center;align-items:center;width:60px;height:60px;display:flex}.to-top-button:hover{background-color:#000}