@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@100;200;300;400;500;600;700&display=swap");
@import url("../themes/galactica/assets/import/body.css");
@import url("../themes/galactica/assets/import/header.css");
@import url("../themes/galactica/assets/import/footer.css");
#wieloplatformowosc .section__baner{display:flex;align-items:center;height:600px;position:relative}
#wieloplatformowosc .section__baner h1{font-size:2rem;font-weight:600;color:var(--color-text-white);text-align:center;position:relative}
#wieloplatformowosc .section__baner h2{font-size:1rem;font-weight:300;color:var(--color-text-white);text-align:center;position:relative;top:60px;line-height:1.8}
#wieloplatformowosc .section__baner h1 span{color:var(--color-red);font-weight:700}
#wieloplatformowosc .section__1,#wieloplatformowosc .section__2,#wieloplatformowosc .section__3{position:relative;top:0;margin-bottom:100px;padding-top:0px}
#wieloplatformowosc .section__1:before,#wieloplatformowosc .section__2:before,#wieloplatformowosc .section__3:before{content:"";position:absolute;left:0;right:0;width:100vw;height:1px;background:var(--color-gray);top:-30px}
#wieloplatformowosc .section__1:after,#wieloplatformowosc .section__2:after,#wieloplatformowosc .section__3:after{content:"";position:absolute;top:-30px;background:linear-gradient(0deg,#40404000 0%,#40404080 100%);height:30%;width:100%;z-index:-1}
#wieloplatformowosc .section__1-centralna,#wieloplatformowosc .section__2-telefon,#wieloplatformowosc .section__3-tv{display:flex;flex-direction:row;align-items:center}
#wieloplatformowosc .section__1-opis,#wieloplatformowosc .section__1-img,#wieloplatformowosc .section__2-opis,#wieloplatformowosc .section__2-img,#wieloplatformowosc .section__3-opis,#wieloplatformowosc .section__3-img{flex:1}
#wieloplatformowosc .section__1-img,#wieloplatformowosc .section__2-img,#wieloplatformowosc .section__3-img{display:flex;align-items:center;justify-content:center}
#wieloplatformowosc .section__1-img img{width:100%;height:auto;max-width:700px;position:relative;filter:drop-shadow(0px 0px 100px black)}
#wieloplatformowosc .section__2-img img{width:100%;height:auto;max-width:400px;position:relative;filter:drop-shadow(0px 0px 100px black)}
#wieloplatformowosc .section__3-img img{width:100%;height:auto;max-width:450px;position:relative;filter:drop-shadow(0px 0px 100px black)}
#wieloplatformowosc .section__1-opis h3,#wieloplatformowosc .section__2-opis h3,#wieloplatformowosc .section__3-opis h3{color:var(--color-text-white);font-weight:600;font-size:2rem;position:relative}
#wieloplatformowosc .two_line-little:before{content:"";position:absolute;height:0.1rem;width:20px;background-color:var(--color-red);left:0;bottom:-30px}
#wieloplatformowosc .two_line-little:after{content:"";position:absolute;height:0.1rem;width:20px;background-color:var(--color-gray-light);left:20px;bottom:-30px}
#wieloplatformowosc .section__1-opis p.opis-1,#wieloplatformowosc .section__2-opis p.opis-1,#wieloplatformowosc .section__3-opis p.opis-1{color:var(--color-text-faq);line-height:1.8;margin-top:50px}
#wieloplatformowosc .section__1-opis p.opis-2,#wieloplatformowosc .section__2-opis p.opis-2,#wieloplatformowosc .section__3-opis p.opis-2{color:var(--color-text-white);line-height:1.8;position:relative;display:flex;gap:10px;align-items:flex-start;margin-top:20px}
#wieloplatformowosc .section__1-opis p.opis-2:before{content:"computer";font-family:"material symbols sharp";font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 200,"opsz" 48;font-size:2rem;color:var(--color-red);position:relative;transform:translate(0px,-11px)}
#wieloplatformowosc .section__2-opis p.opis-2:before{content:"phone_iphone";font-family:"material symbols sharp";font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 200,"opsz" 48;font-size:2rem;color:var(--color-red);position:relative;transform:translate(0px,-11px)}
#wieloplatformowosc .section__3-opis p.opis-2:before{content:"tv_gen";font-family:"material symbols sharp";font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 200,"opsz" 48;font-size:2rem;color:var(--color-red);position:relative;transform:translate(0px,-11px)}
#wieloplatformowosc .section__1-centralna-funkcje,#wieloplatformowosc .section__2-telefon-funkcje,#wieloplatformowosc .section__3-tv-funkcje{display:flex;flex-wrap:wrap;flex-direction:column;gap:20px;margin:50px 0px 50px 0px;position:relative}
#wieloplatformowosc .section__1-centralna-funkcje h3,#wieloplatformowosc .section__2-telefon-funkcje h3,#wieloplatformowosc .section__3-tv-funkcje h3{color:var(--color-text-white);display:flex;align-items:center;gap:10px;line-height:1.5}
#wieloplatformowosc .section__1-centralna-funkcje h3:before,#wieloplatformowosc .section__2-telefon-funkcje h3:before,#wieloplatformowosc .section__3-tv-funkcje h3:before{content:"memory";font-family:"material symbols sharp";font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 200,"opsz" 48;font-size:2rem;color:var(--color-red)}
#wieloplatformowosc .section__1-centralna-funkcje-item,#wieloplatformowosc .section__2-telefon-funkcje-item,#wieloplatformowosc .section__3-tv-funkcje-item{display:flex;flex-wrap:wrap;gap:10px}
#wieloplatformowosc .section__1-centralna-funkcje p,#wieloplatformowosc .section__2-telefon-funkcje p,#wieloplatformowosc .section__3-tv-funkcje p{font-family:"IBM Plex Mono",monospace;font-weight:500;color:var(--color-text-faq);padding:5px 10px;background-color:var(--color-gray);border-radius:10px}
@media (max-width:500px){#wieloplatformowosc .section__baner h1{text-align:left;font-size:1.5rem}}
@media (max-width:500px){#wieloplatformowosc .section__baner h2{text-align:left}}@media (max-width:500px){#wieloplatformowosc .section__1-opis h3,#wieloplatformowosc .section__2-opis h3,#wieloplatformowosc .section__3-opis h3{font-size:1.2rem}}
@media (max-width:500px){#wieloplatformowosc .section__1-centralna-funkcje h3,#wieloplatformowosc .section__2-telefon-funkcje h3,#wieloplatformowosc .section__3-tv-funkcje h3{font-size:1.2rem}}
@media (max-width:500px){#wieloplatformowosc .section__1-centralna-funkcje p,#wieloplatformowosc .section__2-telefon-funkcje p,#wieloplatformowosc .section__3-tv-funkcje p{display:flex;flex:1 1 auto}}
.section__1-sticky,.section__2-sticky{position:sticky;top:200px}
.section__1-sticky .opis{display:flex;align-items:center;gap:5px;font-family:"IBM Plex Mono",monospace;color:var(--color-gray-light);position:absolute;top:0;right:100%;writing-mode:vertical-rl;rotate:180deg;height:max-content;transition:all 0.3s ease;opacity:0.5}
.section__2-sticky .opis{display:flex;align-items:center;gap:5px;font-family:"IBM Plex Mono",monospace;color:var(--color-gray-light);position:absolute;top:0;right:98%;writing-mode:vertical-rl;rotate:180deg;height:max-content;transition:all 0.3s ease;opacity:0.5}
.section__1-sticky .opis:before,.section__2-sticky .opis:before,.section__3-sticky .opis:before{content:"arrow_downward";font-family:"material symbols sharp";font-variation-settings:"FILL" 0,"wght" 200,"GRAD" 200,"opsz" 48;font-size:1.5rem;color:var(--color-gray-light);rotate:90deg}
@media (max-width:950px){#wieloplatformowosc .section__1-centralna,#wieloplatformowosc .section__2-telefon,#wieloplatformowosc .section__3-tv{flex-direction:column}#wieloplatformowosc .section__1-img img,#wieloplatformowosc .section__2-img img,#wieloplatformowosc .section__3-img img{top:0px;margin:50px 0px 50px 0px}}
@media (max-width:769px){#wieloplatformowosc .section__2-telefon{flex-direction:column-reverse}#wieloplatformowosc .section__2-img img{max-width:300px}#wieloplatformowosc .section__3-img img{max-width:350px}}
.button__demo-2{display:flex;align-items:center;border:0;padding:12px 22px;position:relative;width:fit-content;border-radius:10px;background-color:var(--color-red);color:var(--color-text-white);transition:all 0.3s ease;margin:0 auto;top:50px;box-shadow:0px 0px 50px 10px #d00032b3}
.button__demo-2:hover{background-color:var(--color-text-black);color:var(--color-text-white);padding-right:36px;box-shadow:none}
.button__demo-2 span{position:absolute;right:37px;opacity:0;margin-left:0;width:0px}
.button__demo-2:hover span{width:24px;overflow:hidden;right:8px;opacity:1}
#to__top{display:none;position:fixed;bottom:30px;right:30px;z-index:99;font-size:0px;border:none;outline:none;background-color:var(--color-red);color:var(--color-text-white);cursor:pointer;border-radius:100px;height:50px;width:50px;transition:0.2s ease}
#to__top:hover{background-color:#555;transition:0.2s ease}