.red{color:#e5422e !important}.blue{color:#343e8d !important}.white{color:#fff}html{scroll-behavior:smooth}html *{margin:0;padding:0}html h1,html h2,html h3,html h4{font-weight:100}html a{text-decoration:none}html button{border:none;cursor:pointer}html ::-webkit-scrollbar{width:12px}html ::-webkit-scrollbar-track{background:#f1f1f1}html ::-webkit-scrollbar-thumb{background:gray}html ::-webkit-scrollbar-thumb:hover{background:#a9a9a9}html input:-webkit-autofill,html input:-webkit-autofill:hover,html input:-webkit-autofill:focus,html input:-webkit-autofill:active{box-shadow:0 0 0 30px #fff inset !important}.zak_button{background-color:#e5422e;padding:8px 40px;border-radius:30px;color:#fff;transition:.3s;width:-moz-fit-content;width:fit-content}.zak_button:hover{scale:1.05}.blue_button{background-color:#343e8d !important}.wrapper{padding:0 10%}.section_anchor{position:absolute;top:-10vh}body header{height:10vh;width:100%;position:fixed;left:0;top:0;background-color:#fff;z-index:1000}body header .wrapper{display:grid;align-items:center;height:100%}body header .wrapper nav{display:grid;grid-template-columns:1fr max-content;align-items:center}body header .wrapper nav .logo_container img{display:block;height:50px}body header .wrapper nav .burger_container{display:none}body header .wrapper nav .links_container{display:grid;grid-template-columns:repeat(6, max-content);-moz-column-gap:20px;column-gap:20px;align-items:center}body header .wrapper nav .links_container .vertical_line{width:2px;height:50%;background-color:#343e8d}body header .wrapper nav .links_container .zak_button{margin-left:20px}body main{width:100%;overflow-x:hidden}body main .first_screen{height:100vh;position:relative}body main .first_screen .wrapper{display:grid;align-items:center;height:100%}body main .first_screen .wrapper .text_container{position:relative;z-index:1;display:grid;row-gap:20px;width:50%}body main .first_screen .graphics_container{position:absolute;right:0;top:10vh;height:90vh}body main .first_screen .graphics_container .background_img{display:block;height:inherit}body main .slider_section{position:relative;padding-top:100px}body main .slider_section .items_grid{display:grid;grid-template-columns:repeat(3, max-content);-moz-column-gap:50px;column-gap:50px;width:-moz-fit-content;width:fit-content;margin:0 auto}body main .slider_section .items_grid .item{width:250px;height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:max-content 1fr;border-radius:30px;justify-self:center;box-shadow:1px 1px 10px 1px rgba(128,128,128,.267)}body main .slider_section .items_grid .item .image_container{width:inherit;aspect-ratio:1/1;overflow:hidden;border-radius:inherit}body main .slider_section .items_grid .item .image_container img{width:100%;height:100%}body main .slider_section .items_grid .item .content_container{padding:10px 0;text-align:center;display:grid;grid-template-columns:1fr;grid-template-rows:1fr max-content max-content;align-items:center;height:auto;row-gap:10px}body main .slider_section .items_grid .item .content_container .item_title{padding:5px;display:block;height:-moz-fit-content;height:fit-content}body main .slider_section .items_grid .item .content_container .numbers{display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:1fr;align-items:center;align-items:center}body main .slider_section .items_grid .item .content_container .numbers .item_numbers{border:1px solid #000;width:90%;border-radius:5px;justify-self:center;padding:8px 3px;height:inherit;box-sizing:border-box}body main .slider_section .items_grid .item .content_container .zak_button{display:block;margin:0 auto}body main .slider_section .wrapper .text_container{display:grid;grid-template-columns:repeat(2, 1fr);-moz-column-gap:80px;column-gap:80px}body main .dlaczego_zak{padding:100px 0;position:relative}body main .dlaczego_zak .wrapper h2{display:block;width:-moz-fit-content;width:fit-content;margin:0 auto}body main .dlaczego_zak .wrapper .blocks{width:60%;height:-moz-fit-content;height:fit-content;margin:0 auto;padding-top:50px;display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(2, 1fr);-moz-column-gap:80px;column-gap:80px;row-gap:50px}body main .dlaczego_zak .wrapper .blocks .block{width:-moz-fit-content;width:fit-content;justify-self:center;text-align:center;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(2, 1fr);row-gap:10px}body main .dlaczego_zak .wrapper .blocks .block .block_title img{height:60px}body main .pierwszy_krok{background-color:#343e8d;padding:90px 0;position:relative}body main .pierwszy_krok .wrapper .text_container{width:60%;display:grid;grid-template-columns:1fr;row-gap:40px}body main .pierwszy_krok .wrapper .text_container div .middle_bold{padding-bottom:10px}body main .pierwszy_krok .wrapper .text_container div .simple_text{width:60%}body main .pierwszy_krok .graphics_container{position:absolute;width:-moz-fit-content;width:fit-content;height:100%;top:0;right:0px;overflow:hidden}body main .pierwszy_krok .graphics_container .dziewczyna_pierwszy_krok{height:120%;display:block}body main .dlaczego_warto{padding:100px 0}body main .dlaczego_warto .wrapper h2{padding-bottom:100px;text-align:center}body main .dlaczego_warto .wrapper .info_blocks{width:-moz-fit-content;width:fit-content;margin:0 auto;display:grid;grid-template-columns:repeat(3, 1fr);-moz-column-gap:50px;column-gap:50px}body main .dlaczego_warto .wrapper .info_blocks .info_block{display:grid;grid-template-columns:1fr;grid-template-rows:80px max-content 1fr;row-gap:10px;text-align:center}body main .dlaczego_warto .wrapper .info_blocks .info_block .info_img{height:70px;display:block;margin:0 auto}body main .czego_potrzebujesz{background-color:#343e8d;position:relative;min-height:90vh;display:grid;align-items:center}body main .czego_potrzebujesz .wrapper h2{padding-bottom:50px}body main .czego_potrzebujesz .wrapper .text_container{display:grid;grid-template-columns:1fr;row-gap:30px}body main .czego_potrzebujesz .wrapper .text_container .punkt{display:grid;grid-template-columns:max-content 1fr;-moz-column-gap:10px;column-gap:10px}body main .czego_potrzebujesz .graphics_container{position:absolute;bottom:0;right:0;height:100%;width:auto;overflow:hidden}body main .czego_potrzebujesz .graphics_container .smartfon{display:block;height:130%;position:relative;bottom:0px;right:10%}@font-face{font-family:"Koedu_medium";src:url("../../fonts/Koedu-Medium.otf")}@font-face{font-family:"Koedu_light";src:url("../../fonts/Koedu-Light.otf")}html{font-size:100%}html h1{font:2.5rem Koedu_medium}html h2{font:3rem Koedu_medium}html .big_footer_title{font:3.5rem Koedu_medium}html .thin_title{font:3rem Koedu_light}html .item_title{font:1.2rem Koedu_medium}html .item_numbers{font:1.2rem Koedu_medium}html .middle_bold{font:1.4rem Koedu_medium}html .simple_text{font:1.3rem Koedu_light}html .info_about_zero{font:1rem Koedu_light}html .nav_link,html .zak_button,html .bold_text{font:1.3rem Koedu_medium}html .block_title{font:1.8rem Koedu_medium}@media(min-width: 320px)and (max-width: 431px){html{font-size:80%}html h1{font-size:2.5rem}}@media(min-width: 1024px)and (max-width: 1280px){html h1{font-size:2.5rem}}@media(min-width: 1680px)and (max-width: 1919px){html{font-size:100%}html h1{font-size:3.5rem}}@media(min-width: 1920px){html{font-size:100%}html h1{font-size:3.5rem}}@media(min-width: 320px)and (max-width: 431px){.wrapper{padding:0 15px}body header .wrapper nav .burger_container{display:block;height:40px;width:40px}body header .wrapper nav .burger_container img{height:100%;width:100%;display:block;background-color:#fff}body header .wrapper nav .links_container{position:absolute;padding:40px 0;left:0;top:10vh;width:100%;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);row-gap:30px;transform:translateX(100%);transition:.3s;align-items:center;text-align:center;background-color:#fff}body header .wrapper nav .links_container .vertical_line{display:none}body header .wrapper nav .links_container .zak_button{margin:0 auto;margin-top:10px}body header .wrapper nav .active{transform:translateX(0)}body header .wrapper nav .logo_container a{display:block;height:40px}body header .wrapper nav .logo_container a img{height:100%}body main{margin-top:10vh;width:100% !important;overflow-x:hidden}body main .first_screen{height:-moz-fit-content;height:fit-content;padding:50px 0}body main .first_screen .wrapper .text_container{width:80%}body main .first_screen .graphics_container{top:0;height:100%;width:100vw;right:auto;right:-50vw;opacity:.4}body main .first_screen .graphics_container img{height:100%;display:block;position:absolute;top:0;right:0}body main .slider_section .items_grid{grid-template-columns:1fr;grid-template-rows:repeat(3, 1fr);-moz-column-gap:0;column-gap:0;row-gap:50px}body main .slider_section .wrapper .text_container{-moz-column-gap:0px;column-gap:0px;grid-template-columns:1fr;text-align:center;row-gap:10px}body main .dlaczego_zak{padding:100px 0 40px 0}body main .dlaczego_zak .wrapper .blocks{width:80%;grid-template-columns:1fr;grid-template-rows:repeat(6, max-content);row-gap:20px}body main .pierwszy_krok{padding-bottom:0;padding-top:50px}body main .pierwszy_krok .wrapper .text_container{width:100%;padding-bottom:50px}body main .pierwszy_krok .wrapper .text_container div .simple_text{width:100%}body main .pierwszy_krok .graphics_container{position:static;height:auto;width:100%}body main .pierwszy_krok .graphics_container .dziewczyna_pierwszy_krok{height:auto;width:100%}body main .dlaczego_warto{padding:50px 0}body main .dlaczego_warto .wrapper h2{padding-bottom:50px}body main .dlaczego_warto .wrapper .info_blocks{grid-template-columns:1fr;grid-template-rows:repeat(3, max-content);row-gap:50px;width:80%}body main .czego_potrzebujesz{padding:50px 0}body main .czego_potrzebujesz .wrapper{position:relative;z-index:2}body main .czego_potrzebujesz .graphics_container{z-index:1}body main .czego_potrzebujesz .graphics_container .smartfon{height:auto;width:100%;right:-40%;bottom:0;opacity:.3}}@media(min-width: 431px)and (max-width: 600px){.wrapper{padding:0 5%}body header .wrapper nav .burger_container{display:block;height:40px;width:40px}body header .wrapper nav .burger_container img{height:100%;width:100%;display:block;background-color:#fff}body header .wrapper nav .links_container{position:absolute;padding:40px 0;left:0;top:10vh;width:100%;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);row-gap:30px;transform:translateX(100%);transition:.3s;align-items:center;text-align:center;background-color:#fff}body header .wrapper nav .links_container .vertical_line{display:none}body header .wrapper nav .links_container .zak_button{margin:0 auto;margin-top:10px}body header .wrapper nav .active{transform:translateX(0)}body main{margin-top:10vh;width:100% !important;overflow-x:hidden}body main .first_screen{height:-moz-fit-content;height:fit-content;padding:50px 0}body main .first_screen .wrapper .text_container{width:90%}body main .first_screen .graphics_container{width:100%;top:0;height:100%;right:auto;right:20px;opacity:.5}body main .slider_section .items_grid{grid-template-columns:1fr;grid-template-rows:repeat(3, 1fr);-moz-column-gap:0;column-gap:0;row-gap:50px}body main .slider_section .wrapper .text_container{-moz-column-gap:0px;column-gap:0px;grid-template-columns:1fr;text-align:center;row-gap:10px}body main .dlaczego_zak{padding:100px 0 40px 0}body main .dlaczego_zak .wrapper .blocks{width:80%;grid-template-columns:1fr;grid-template-rows:repeat(6, max-content);row-gap:20px}body main .pierwszy_krok{padding-bottom:0;padding-top:50px}body main .pierwszy_krok .wrapper .text_container{width:100%;padding-bottom:50px}body main .pierwszy_krok .wrapper .text_container div .simple_text{width:100%}body main .pierwszy_krok .graphics_container{position:static;height:auto;width:100%}body main .pierwszy_krok .graphics_container .dziewczyna_pierwszy_krok{height:auto;width:100%}body main .dlaczego_warto{padding:50px 0}body main .dlaczego_warto .wrapper h2{padding-bottom:50px}body main .dlaczego_warto .wrapper .info_blocks{grid-template-columns:1fr;grid-template-rows:repeat(3, max-content);row-gap:50px;width:80%}body main .czego_potrzebujesz{padding:50px 0}body main .czego_potrzebujesz .wrapper{position:relative;z-index:2}body main .czego_potrzebujesz .graphics_container{z-index:1}body main .czego_potrzebujesz .graphics_container .smartfon{height:auto;width:80%;right:-50%;bottom:0;opacity:.3}}@media(min-width: 601px)and (max-width: 1023px){.wrapper{padding:0 5%}body header .wrapper nav .burger_container{display:block;height:40px;width:40px}body header .wrapper nav .burger_container img{height:100%;width:100%;display:block;background-color:#fff}body header .wrapper nav .links_container{position:absolute;padding:40px 0;left:0;top:10vh;width:100%;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);row-gap:30px;transform:translateX(100%);transition:.3s;align-items:center;text-align:center;background-color:#fff}body header .wrapper nav .links_container .vertical_line{display:none}body header .wrapper nav .links_container .zak_button{margin:0 auto;margin-top:10px}body header .wrapper nav .active{transform:translateX(0)}body main{margin-top:10vh;width:100% !important;overflow-x:hidden}body main .first_screen{height:-moz-fit-content;height:fit-content;padding:50px 0}body main .first_screen .wrapper .text_container{width:70%}body main .first_screen .graphics_container{top:0;height:100%;right:0%;opacity:.7}body main .slider_section .items_grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2, 1fr);row-gap:50px}body main .slider_section .items_grid .item3{grid-column:1/3}body main .slider_section .wrapper .text_container{-moz-column-gap:0px;column-gap:0px;grid-template-columns:1fr;text-align:center;row-gap:10px}body main .dlaczego_zak{padding:100px 0 40px 0}body main .dlaczego_zak .wrapper .blocks{width:80%;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(3, max-content);row-gap:20px}body main .pierwszy_krok{padding:50px 0}body main .pierwszy_krok .wrapper .text_container{width:50%;padding-bottom:50px}body main .pierwszy_krok .wrapper .text_container h2,body main .pierwszy_krok .wrapper .text_container .thin_title{font-size:2rem}body main .pierwszy_krok .wrapper .text_container div .simple_text{width:100%}body main .pierwszy_krok .graphics_container{right:-40px;width:50%}body main .dlaczego_warto{padding:50px 0}body main .dlaczego_warto .wrapper h2{padding-bottom:50px}body main .dlaczego_warto .wrapper .info_blocks{grid-template-columns:1fr;grid-template-rows:repeat(3, max-content);row-gap:50px;width:80%}body main .czego_potrzebujesz{overflow:hidden}body main .czego_potrzebujesz .wrapper{position:relative;z-index:2;width:60%}body main .czego_potrzebujesz .graphics_container{width:-moz-fit-content;width:fit-content;right:-15%;bottom:-100px}body main .czego_potrzebujesz .graphics_container .smartfon{height:100%;bottom:0;right:0%}}@media(min-width: 1024px)and (max-width: 1280px){.wrapper{padding:0 5%}body main .first_screen .wrapper .text_container{width:50%}body main .first_screen .graphics_container{right:0%}body main .slider_section .slider_container{-moz-column-gap:5px;column-gap:5px}body main .slider_section .slider_container .slider_rails{width:900px}body main .slider_section .slider_container .slider_rails .grid{grid-template-columns:repeat(3, 300px)}body main .dlaczego_zak .wrapper .blocks{width:100%}body main .pierwszy_krok{padding:50px 0}body main .pierwszy_krok .wrapper .text_container{width:50%}body main .pierwszy_krok .wrapper .text_container h2,body main .pierwszy_krok .wrapper .text_container .thin_title{font-size:2rem}body main .pierwszy_krok .wrapper .text_container div .simple_text{width:80%}body main .czego_potrzebujesz .wrapper{width:60%}body main .czego_potrzebujesz .graphics_container{right:-20%}}@media(min-width: 1440px)and (max-width: 1679px){.wrapper{padding:0 12%}}@media(min-width: 1680px)and (max-width: 1919px){.wrapper{padding:0 15%}}@media(min-width: 1920px){.wrapper{padding:0 15%}body main .slider_section .slider_container{-moz-column-gap:5px;column-gap:5px}body main .slider_section .slider_container .slider_rails{width:1500px}body main .slider_section .slider_container .slider_rails .grid{grid-template-columns:repeat(5, 300px)}body main .pierwszy_krok{padding:120px 0}body main .pierwszy_krok .wrapper .text_container{width:50%}body main .czego_potrzebujesz .graphics_container{right:0%}body main .czego_potrzebujesz .wrapper .text_container{row-gap:50px}}