input,textarea{font-family:Rubik,sans-serif}::-webkit-scrollbar{width:10px;height:100%}::-webkit-scrollbar-thumb{background-color:#5368dfcc;height:100px;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#5368df}html{scroll-behavior:smooth;font-size:18px;overflow-y:scroll;overflow-x:hidden}html .no-scroll{overflow:hidden;position:fixed;width:100%;height:100%}html body{height:fit-content;margin:0;font-family:Rubik,sans-serif;color:#000;overflow:hidden}html body h1{font-size:40px;margin:0;color:#252b46}html body h2{font-size:30px;color:#252b46}html body h3{font-size:26px;color:#252b46}html body p{color:#9194a1}html body .layout{height:100%}html body .layout .primary-button{text-wrap:nowrap;color:#fff;padding:15px 25px;background-color:#5368df;border:solid;border-radius:5px;cursor:pointer}html body .layout .primary-button:hover{transition:all .3s ease-out;color:#5368df;background-color:transparent}html body .layout .secondary-button{text-wrap:nowrap;color:#252b46;padding:15px 25px;background-color:#fff;box-shadow:1px 1px 3px 2px #0003;border:none;border-radius:5px;cursor:pointer}html body .layout .secondary-button:hover{transition:all .1s ease-out;box-shadow:none;outline:solid hsl(229,31%,21%);color:#252b46}footer{background-color:#252b46;width:100%;display:flex;align-items:center;justify-content:space-around;position:sticky;bottom:0}footer .logo-nav-container{display:flex;align-items:center}footer .logo-nav-container .logo-foot img{width:200px;height:100%}footer .logo-nav-container nav{display:flex;align-items:center;justify-self:center}footer .logo-nav-container nav a{color:#fff;text-decoration:none;padding:25px;cursor:pointer}footer .logo-nav-container nav a:hover{transition:all .3s ease-out;color:#fa5757}footer .socials{display:flex;align-items:center;gap:40px}footer .socials svg{cursor:pointer;height:30px}footer .socials svg:hover{color:#fa5757;transition:all .3s ease-out}@media (max-width: 850px){footer{flex-direction:column}footer .logo-nav-container{margin-top:30px;flex-direction:column}footer .logo-nav-container nav{flex-direction:column}footer .socials{margin-bottom:30px}}header{background:#fff;height:80px;position:fixed;z-index:100;top:0;left:0;right:0}header .hide{display:none}header .nav-container{display:flex;align-items:center}header .nav-container .logo{margin:0 30px}header .nav-container .logo img{width:200px}header .nav-container .logo.hide{display:none}header .nav-container nav{flex:1;display:flex;width:100%;justify-content:right;align-items:center}header .nav-container nav a{color:#000;text-decoration:none;padding:25px;cursor:pointer}header .nav-container nav a:hover{transition:all .3s ease-out;color:#fa5757}header .nav-container nav button{color:#fff;margin:0 30px;padding:7px 25px;background-color:#fa5757;border:solid;border-radius:5px;cursor:pointer}header .nav-container nav button:hover{transition:all .3s ease-out;color:#fa5757;background-color:transparent}header .nav-container button{all:unset;cursor:pointer;margin-right:30px}header .nav-container button .burger-menu{display:none}.mobile-nav-bar{display:flex;padding-bottom:200px;align-items:center;justify-content:space-around;top:0;flex-direction:column;background:#242946f2;position:absolute;z-index:100;height:100vh;left:-110%;transition:left .5s ease-in}.mobile-nav-bar.show{left:0}.mobile-nav-bar .logo-cross-container{display:flex;align-items:center;justify-content:space-between;width:90%;margin:50px}.mobile-nav-bar .logo-cross-container .mobile-logo{width:150px}.mobile-nav-bar .logo-cross-container .cross{padding:0}.mobile-nav-bar .mobile-link{color:#fff!important;font-size:21px;border-top:solid 1px #fff;width:70%;text-align:center}@media (max-width: 750px){header .nav-container{display:flex;justify-content:space-between;align-items:center;height:100%}header .nav-container .nav-bar{display:none}header .nav-container .burger-menu{display:block!important}}main{margin-top:80px;display:flex;flex-direction:column;align-items:center}main .window{display:flex;padding-bottom:200px;align-items:center;justify-content:space-around;top:-200%;flex-direction:column;background:#242946f2;position:absolute;z-index:100;height:100%;width:100vw;transition:top .5s ease-in}main .window.show{top:0}main .window .pop-up-container{display:flex;align-items:center;justify-content:center;background-color:#d2d2d2;width:50%;height:60%;padding:50px;border-radius:20px}@media (max-width: 500px){main .window .pop-up-container{flex-direction:column}}main .window .pop-up-container .pop-up-img-container{flex:1;position:relative}main .window .pop-up-container .pop-up-img-container img{width:100%}main .window .pop-up-container .pop-up-text-container{flex:1;text-align:center}main .window .pop-up-container .pop-up-text-container p{color:#000}main .hero-section{display:flex;align-items:center;gap:50px;width:80%;margin-inline:50px}main .hero-section .hero-text{order:1;flex:1;margin-bottom:50px}@media (max-width: 750px){main .hero-section .hero-text{order:2;text-align:center}}main .hero-section .hero-text .button-container{display:flex;align-items:center;gap:5%;margin-top:20px}main .hero-section .hero-img{flex:1;order:2}@media (max-width: 750px){main .hero-section .hero-img{order:1}}main .hero-section .hero-img img{position:relative;z-index:0;width:100%}main .hero-section .hero-img .rectangle{width:40%;height:375px;z-index:-2;position:absolute;background-color:#5368df;top:25%;right:0;border-bottom-left-radius:50%}@media (max-width: 1000px){main .hero-section .hero-img .rectangle{top:35%;height:250px}}@media (max-width: 840px){main .hero-section .hero-img .rectangle{top:40%;height:175px}}@media (max-width: 750px){main .hero-section .hero-img .rectangle{top:25%;width:70%;height:320px}}@media (max-width: 650px){main .hero-section .hero-img .rectangle{width:70%;height:275px}}@media (max-width: 550px){main .hero-section .hero-img .rectangle{width:70%;height:200px}}@media (max-width: 375px){main .hero-section .hero-img .rectangle{top:21%;width:70%;height:175px}}main .features-section{position:relative;margin-top:100px;display:flex;flex-direction:column;align-items:center;width:100%}main .features-section .features-text-container{display:flex;flex-direction:column;align-items:center;width:80%;text-align:center}main .features-section .features-nav-bar{display:flex;box-shadow:0 5px 5px #0000004d}main .features-section .features-nav-bar .active{border-bottom:solid 3px hsl(0,94%,66%);color:#000}main .features-section .features-nav-bar button{all:unset;color:#9194a1;padding:30px 0;cursor:pointer;width:200px;text-align:center}main .features-section .features-nav-bar button:hover{transition:all .3s;color:#fa5757}main .features-section .carousel-container{height:400px;display:flex;flex-direction:column;margin-inline:50px}main .features-section .carousel-container .tab-container{margin-top:50px;display:flex;align-items:center;gap:50px;width:100%}main .features-section .carousel-container .tab-container .features-img-container{flex:1}main .features-section .carousel-container .tab-container .features-img-container img{margin-left:50px;width:80%;z-index:1}main .features-section .carousel-container .tab-container .features-tab-text-container{flex:1;width:100%}main .features-section .rectangle{z-index:-1;position:absolute;background-color:#5368df;height:400px;width:60%;top:56%;left:-30%;border-bottom-right-radius:40%}@media (max-width: 1000px){main .features-section .rectangle{height:250px;width:65%}}@media (max-width: 750px){main .features-section .rectangle{height:250px;width:80%;top:70%}}@media (max-width: 550px){main .features-section .rectangle{height:200px;width:100%}}@media (max-width: 480px){main .features-section .rectangle{height:175px;width:95%;top:64%}}@media (max-width: 380px){main .features-section .rectangle{height:150px}}main .download-section{margin-top:300px;display:flex;flex-direction:column;align-items:center}main .download-section .download-text-container{display:flex;flex-direction:column;align-items:center;text-align:center;width:80%}main .download-section .grid-container{margin-top:50px;display:grid;grid-template-columns:280px 280px 280px;gap:50px}main .download-section .grid-container .card{height:400px;background-color:#fff;border-radius:20px;display:flex;flex-direction:column;align-items:center;box-shadow:0 5px 5px 5px #0000004d}main .download-section .grid-container .card img{margin:32px}main .download-section .grid-container .card p{margin:0}main .download-section .grid-container .card button{font-weight:600}main .download-section .grid-container .two{margin-top:25%}main .download-section .grid-container .three{margin-top:50%}main .faq-section{margin-top:200px;display:flex;flex-direction:column;align-items:center;max-width:500px}main .faq-section .faq-text-container{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:15px}main .faq-section .faqs-container{display:flex;flex-direction:column;align-items:center;gap:20px;width:80%}main .faq-section .faqs-container .question-and-answer-container{border-bottom:solid 1px hsl(229,8%,60%);padding-bottom:20px}main .faq-section .faqs-container .question-and-answer-container:nth-child(1){border-top:solid 1px hsl(229,8%,60%);padding-top:20px}main .faq-section .faqs-container .question-and-answer-container .question{display:flex;justify-content:space-between;padding-bottom:20px;cursor:pointer}main .faq-section .faqs-container .question-and-answer-container .question:hover{transition:all .3s;color:#fa5757}main .faq-section .faqs-container .question-and-answer-container .question img{height:100%;cursor:pointer}main .faq-section .faqs-container .question-and-answer-container .question img.turned-arrow{rotate:180deg;transition:all .3s ease-in-out}main .faq-section .faqs-container .question-and-answer-container .answer{color:#9194a1;font-size:16px;opacity:0;max-height:0;overflow:hidden;transition:max-height .5s ease-out,opacity .5s ease-out}main .faq-section .faqs-container .question-and-answer-container .answer.show{max-height:1000px;opacity:1}main .faq-section .faqs-container button{width:150px}main .contact{width:100%;display:flex}main .contact-section{background-color:#5368df;margin-top:50px;padding:50px 150px;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}main .contact-section h4{color:#fff;letter-spacing:4px}main .contact-section h2{color:#fff;font-weight:500}main .contact-section .number-rolling-container{display:flex;text-wrap:nowrap;align-items:center;overflow:hidden}main .contact-section .number-rolling-container .number-rolling{display:flex;align-items:center;color:#fff}main .contact-section .number-rolling-container .number-rolling .digit{font-size:24px;width:20px;text-align:center;transform:translateY(0);transition:transform 1s ease-in-out}main .contact-section .number-rolling-container h4{letter-spacing:5px;margin:0 0 0 10px;font-weight:500}main .contact-section .comma{font-size:16px;margin-top:5px}main .contact-section form{display:flex;gap:20px}main .contact-section form .input-container{display:flex;flex-direction:column;position:relative;height:40px}main .contact-section form .input-container input{z-index:0;width:200px;height:100%;padding:0 10px;border-radius:4px;border:none}main .contact-section form .input-container .error{display:flex;justify-content:center;position:absolute;background-color:#fa5757;font-size:13px;color:#fff;bottom:-20px;padding:0 0 5px;z-index:0;width:100%;border-radius:4px;font-style:italic}main .contact-section form .input-container .error img{z-index:8;position:absolute;top:-30px;right:5px}main .contact-section form button{color:#fff;padding:7px 20px;background-color:#fa5757;border:none;border-radius:5px;cursor:pointer}main .contact-section form button:hover{transition:all .1s ease-out;box-shadow:none;outline:solid hsl(0,94%,66%);color:#fa5757;background-color:#fff}@media (max-width: 750px){main .hero-section{flex-direction:column}main .hero-section .hero-text .button-container{justify-content:center}main .features-section{width:100%}main .features-section .features-nav-bar{display:flex;flex-direction:column;align-items:center;width:80%;padding-bottom:10px}main .features-section .features-nav-bar div{display:flex;justify-content:center;border-bottom:solid 1px hsl(229,8%,60%);width:80%}main .features-section .carousel-container .tab-container{flex-direction:column}main .features-section .carousel-container .tab-container .features-tab-text-container{display:flex;flex-direction:column;align-items:center;text-align:center}main .download-section .grid-container{grid-template-columns:280px}main .download-section .grid-container .two{margin:0}main .download-section .grid-container .three{margin:0}main .contact-section form{flex-direction:column;gap:30px}}@media (max-width: 375px){main .contact-section h2{font-size:25px}main .contact-section .number-rolling-container{font-size:12px}main .contact-section .number-rolling-container .number-rolling .digit{font-size:12px!important;width:10px!important}main .features-section .carousel-container .tab-container .features-img-container img{margin-left:0}}
