.main{width:100vw;min-height:100vh;background-color:var(--background-color);padding-top:10px}.button{padding:10px 30px;font-size:20px;font-weight:600;letter-spacing:-0.5px;transition:all ease-in-out 0.3s;display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer}.button.filled{background-color:var(--primary);border:2px solid var(--primary);color:white;border-radius:10px}.button.filled:hover{background-color:transparent;border:2px solid var(--primary);color:var(--primary);border-radius:10px}.button.stroked{background-color:transparent;border:2px solid var(--primary);color:var(--primary);border-radius:10px}.button.stroked:hover{background-color:var(--primary);border:2px solid var(--primary);color:white;border-radius:10px}.button.filled.dark{background-color:var(--primary-dark);border:2px solid var(--primary-dark);color:white;border-radius:10px}.button.filled.dark:hover{background-color:transparent;border:2px solid var(--primary-dark);color:var(--primary-dark);border-radius:10px}.button.stroked.dark{background-color:transparent;border:2px solid var(--primary-dark);color:var(--primary-dark);border-radius:10px}.button.stroked.dark:hover{background-color:var(--primary-dark);border:2px solid var(--primary-dark);color:white;border-radius:10px}.button.stroked.non_bordered{border-color:transparent}.button.stroked:hover.non_bordered{border-color:var(--primary)}.nav_first{display:flex;flex-direction:row;gap:5px;align-items:center;justify-content:space-between}.nav_first .logo_container{padding:5px;width:auto;height:50px;margin-right:40px}.nav_first .logo_container img{width:100%;height:100%}.nav_second{display:flex;justify-content:flex-start;align-items:center;padding:5px 5px}.nav_second .navigation_list{display:flex;justify-content:flex-start;gap:5px;align-items:center}.nav_second .navigation_list .nav_item{color:var(--text-color);font-weight:600;letter-spacing:-0.5px;padding:7px 15px;background-color:transparent;border-radius:20px;font-size:16px;transition:all ease-in-out 0.3s}.nav_second .navigation_list .nav_item:hover{color:black}.nav_second .navigation_list .nav_item.active{color:var(--primary);font-weight:700}.nav_third{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center}.change_lang{font-size:16px;letter-spacing:-0.3px;font-weight:600;padding:7px 10px;cursor:pointer;color:var(--primary);border:2px solid var(--primary);border-radius:10px;background-color:transparent;transition:all ease-in-out 0.2s}.login_button{font-size:16px;letter-spacing:-0.3px;font-weight:600;padding:8px 10px;color:var(--primary);border:2px solid var(--primary);border-radius:10px;background-color:transparent;transition:all ease-in-out 0.2s}.login_button:hover,
.change_lang:hover{color:white;background-color:var(--primary);border:2px solid var(--primary)}.signup_button{font-size:16px;letter-spacing:-0.3px;font-weight:600;padding:8px 10px;color:white;background-color:var(--primary);border:2px solid var(--primary);border-radius:10px;transition:all ease-in-out 0.2s}.signup_button:hover{color:var(--primary);border:2px solid var(--primary);background-color:transparent}.mobile_nav_button{display:none;justify-content:center;align-items:center;padding:8px;border:2px solid var(--primary);border-radius:100%;cursor:pointer;background-color:transparent;transition:all ease-in-out 0.4s}.mobile_nav_button svg{width:18px;height:18px;fill:var(--primary);transition:all ease-in-out 0.4s}.mobile_nav_button:hover{background-color:var(--primary)}.mobile_nav_button:hover svg{fill:white}.mobile_header{z-index:999;position:fixed;height:calc(60% - 70px);min-height:400px;top:-100%;width:100%;right:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:20px 5%;padding-top:40px;gap:10px;background-color:var(--background-color-opacity);backdrop-filter:blur(5px);transition:all ease-in-out 0.3s;overflow-y:scroll}.mobile_header.active{top:77px}.mobile_item{font-size:16px;display:flex;justify-content:flex-start;align-items:center;padding:10px;width:100%;border-bottom:1px solid #d8d8d8;color:#545454;transition:all ease-in-out 0.3s}.mobile_item:hover,
.mobile_item.active{color:black;border-bottom:1px solid black}.mobile_header .login_button,
.mobile_header .signup_button{width:100%;font-size:16px;display:flex;justify-content:center;align-items:center}.mobile_header .mobile_lang_container{width:100%;display:flex;justify-content:flex-end;align-items:center}.section{width:100%;padding:20px 30px;display:flex;justify-content:center;align-items:flex-start;min-height:calc(50vh);height:fit-content;padding-top:10px}.section.primary{background-color:var(--primary)}.section.home_banner{min-height:calc(80vh - 100px);align-items:center;padding-top:0px}.container{height:100%;width:100%;max-width:1200px;padding:20px 30px;display:flex;flex-wrap:wrap;gap:10px;position:relative}.section.home_banner .container{max-width:1600px;width:100%;margin-bottom:24px}.section.how_it_works .container{flex-direction:column;justify-content:center;align-items:center;gap:20px}.section.how_it_works h2{font-size:50px;text-align:center;color:white;margin:0;margin-top:30px;font-weight:600;letter-spacing:-1px}.section.how_it_works p{font-size:20px;text-align:center;color:rgb(240, 240, 240);margin-top:0;font-weight:300}.section.how_it_works .steps{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:20px}.section.how_it_works .step{min-width:300px;width:30%;background-color:var(--background-color);border-radius:20px;box-shadow:var(--primary-dark) 0px 20px 30px -10px;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;overflow:hidden;transition:all ease-in-out 0.3s;z-index:19}.section.how_it_works .step:hover{scale:1.05;z-index:20}.section.how_it_works .step .image_wrapper{width:100%;overflow:hidden;border-radius:20px;margin-bottom:20px}.section.how_it_works .step .image_wrapper img{height:100%;width:100%;object-fit:cover}.section.how_it_works .step .title{width:100%;font-size:20px;font-family:Inter-Bold;margin:0;text-align:left;padding-left:30px;padding-right:30px;color:black;margin-bottom:20px}.section.how_it_works .step .text{width:100%;font-size:16px;margin:0;text-align:left;padding-left:30px;padding-right:30px;margin-bottom:50px;color:var(--text-color)}.section.how_it_works .button{margin-top:50px;font-size:22px;box-shadow:var(--primary-dark) 0px 20px 30px -10px;margin-bottom:30px;width:10%;min-width:250px}.section.how_it_works .button:hover{background-color:var(--secondary);color:white;border:2px solid vaR(--secondary)}.home_banner .container > div{flex:1;height:100%}.home_banner .container .text_body{min-width:450px;display:flex;flex-direction:column;gap:10px;justify-content:flex-start;align-items:flex-start;padding:10px;margin-top:10vh}.home_banner .text_body h1{font-size:4rem;margin:0;line-height:calc(4rem + 10px)}.home_banner .text_body h1 span{color:var(--primary)}.home_banner .text_body p{font-weight:400;font-size:20px;letter-spacing:1px;text-align:left;line-height:22px;color:var(--text-color)}.home_banner .container .map_body{padding-top:10vh;overflow:hidden;flex:1.3;border-radius:20px;border-top-right-radius:10px}.home_banner .buttons_wrapper{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;width:100%;gap:30px}.home_banner .buttons_wrapper .button{min-width:150px}.section.why_emobility .container{flex-direction:column;justify-content:flex-start;align-items:center}.section.why_emobility h2{font-size:45px;text-align:center;color:black;margin:0;margin-top:30px;font-weight:600;letter-spacing:-1px;margin:0;margin-bottom:5px}.section.why_emobility h2 strong{color:var(--primary)}.section.why_emobility .description{font-size:18px;text-align:center;padding:0px 5%;margin:0;color:var(--text-color);--background-color:#f5f5f5;--background-color-opacity:rgba(250,250,250,0.85);--text-color:#5e5e5e}.section.why_emobility .items{padding-top:10px;width:100%;display:flex;justify-content:center;align-items:stretch;flex-direction:row;flex-wrap:wrap;gap:20px}.section.why_emobility .items .item{padding:25px;width:23%;min-width:200px;background-color:white;border-radius:20px;box-shadow:#00000030 0px 4px 4px;transition:all ease-in-out 0.3s;display:flex;align-items:flex-start;align-items:flex-start;flex-direction:column}.section.why_emobility .items .item .icon_container{width:100%;padding:10px 0px;display:flex;justify-content:center;align-items:center}.section.why_emobility .items .item .icon_container svg{width:70px;height:70px;transition:all ease-in-out 0.3s}.section.why_emobility .items .item .icon_container.fill svg *{fill:#535353;transition:all ease-in-out 0.3s}.section.why_emobility .items .item .icon_container.stroke svg *{stroke:#535353;transition:all ease-in-out 0.3s}.section.why_emobility .items .item:hover{box-shadow:#39a388a0 -4px 4px 3px;transform:translateX(5px) translateY(-5px)}.section.why_emobility .items .item:hover .icon_container.fill svg *{fill:vaR(--primary)}.section.why_emobility .items .item:hover .icon_container.stroke svg *{stroke:vaR(--primary)}.section.why_emobility .items .item .title{text-align:center;width:100%;padding:5px 0px;font-size:20px;font-family:Inter-Bold;margin:0px;color:rgb(69, 69, 69);transition:all ease-in-out 0.3s}.section.why_emobility .items .item:hover .title{color:var(--primary)}.section.why_emobility .items .item .text{font-size:14px;text-align:justify;line-height:17px;color:var(--text-color);margin-bottom:50px}.section.projections .container{display:flex;justify-content:center;align-items:center;gap:0;flex-direction:column;margin-bottom:24px}.section.projections h2{font-size:40px;font-family:Inter-Bold;margin:0;text-align:center;margin-bottom:20px}.section.projections h2 span{color:var(--primary)}.section.projections .container > p{color:var(--text-color);font-size:18px;margin:0;margin-bottom:24px;text-align:center}.section.projections .projection_list{width:100%;max-width:1100px;padding:0px 20px;display:flex;flex-direction:column;gap:40px;justify-content:flex-start;align-items:center}.section.projections .projection_list .item{width:100%;display:flex;justify-content:center;align-items:stretch;flex-direction:row;flex-wrap:wrap;gap:6%;text-align:left;border-radius:20px;transition:all ease-in-out 0.3s;box-shadow:#fff 0 0 0}/* .section.projections .projection_list .item:hover{background-color:white;box-shadow:rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px}*/ .section.projections .projection_list .item:nth-child(even){flex-direction:row-reverse}.section.projections .projection_list .item > div{width:47%}.section.projections .projection_list .item .text_body{padding-top:30px;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.section.projections .projection_list .item .text_body h3{font-size:30px;font-family:Inter-Bold;letter-spacing:-0.5px;margin:0;color:var(--primary-dark);width:100%;margin-bottom:5px}.section.projections .projection_list .item .text_body .little_title{font-size:20px;font-family:Inter-Bold;letter-spacing:-0.5px;margin:0;color:var(--primary);width:100%}.section.projections .projection_list .item .text_body p{font-size:18px;text-align:justify;color:var(--text-color);line-height:24px}.section.projections .projection_list .item .chart_body img{width:100%;border-radius:20px;box-shadow:rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;padding:30px;background-color:white;transition:all ease-in-out 0.3s}.section.projections .projection_list .item:hover .chart_body img{box-shadow:#fff 0 0 0}.section.about_us .container{display:flex;flex-direction:row;gap:50px;justify-content:center;align-items:stretch;max-width:1600px;margin-bottom:24px}.section.about_us .container .img_container{padding:50px}.section.about_us .container .img_container img{width:100%;border-radius:10px 100px 30px 100px;box-shadow:rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;transition:all ease-in-out 0.3s;scale:1.01}.section.about_us .container .img_container img:hover{box-shadow:rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;scale:1}.section.about_us .container .text_container{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;padding-top:50px;padding-left:10px;padding-right:10px}.section.about_us .container .text_container h2{font-size:48px;font-family:Inter-Bold;margin:0;margin-bottom:20px}.section.about_us .container .text_container p{color:var(--text-color);font-size:20px;text-align:justify;line-height:30px;margin:0;margin-top:30px}.section.about_us .container .text_container p::before{content:'---';width:20px;height:20px;user-select:none;color:var(--background-color)}.supporters{width:100%;display:flex;justify-content:center;align-items:stretch;gap:20px;padding:100px 0px}.supporters .supporter{min-width:80px;height:80px;padding:20px 20px;background-color:white;border-radius:20px;box-shadow:rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;display:flex;justify-content:center;align-items:center}.supporters .supporter img{height:100%}.landing_hero_image{border-radius:24px;display:flex;align-items:center;justify-content:center}.landing_hero_image img{object-fit:contain}.about_hero_image{min-width:400px;border-radius:24px;display:flex;align-items:center;justify-content:center}.text_container{flex:3;margin:0px 100px}@media screen and (max-width:1300px){.about_hero_image{width:350px;min-width:350px}.section.about_us .container .img_container{padding:2px}.nav_first .logo_container{height:35px;padding:0px}.home_banner .text_body{margin-bottom:50px}.home_banner .text_body h1{font-size:50px;line-height:60px}.home_banner .text_body p{font-weight:400;font-size:18px;letter-spacing:0px;text-align:left;line-height:20px;color:var(--text-color)}.home_banner .buttons_wrapper{justify-content:center}.home_banner .buttons_wrapper .button{font-size:16px}.section{width:100%;padding:10px 20px;display:flex;justify-content:center;align-items:flex-start;padding-top:10px}.section.why_emobility .items{flex-direction:row}.section.why_emobility .items .item{width:calc(50% - 20px)}}@media screen and (max-width:1200px){.home_banner .text_body h1{text-align:center;font-size:40px;line-height:50px}.home_banner .text_body p{font-weight:400;font-size:17px;letter-spacing:0px;text-align:center;line-height:19px;color:var(--text-color)}.container{padding:0px;flex-direction:column}.container > div{width:100%;min-width:100% !important}.nav_second, .nav_third{display:none}.mobile_nav_button{display:flex}.home_banner .container .map_body{padding-top:2vh;flex:1}}@media screen and (max-width:900px){.section.why_emobility .items{flex-direction:column}.section.why_emobility .items .item{width:100%}.section.projections .projection_list .item{flex-direction:column-reverse}.section.projections .projection_list .item:nth-child(even){flex-direction:column-reverse}.section.projections .projection_list .item > div{width:100%}}