.intro-section{display:grid;grid-template-rows:auto auto auto auto;grid-template-columns:minmax(0,1fr) minmax(auto,800px) auto minmax(auto,800px) minmax(0,1fr);align-items:center;background:linear-gradient(#2b2b2b);background-image:linear-gradient(rgba(43,43,43,.9725490196)),url(/bakgrund.webp);background-size:cover;background-position:top;color:#f7f7f7;font-family:Helvetica,sans-serif;grid-gap:2rem;gap:2rem;padding:50px 2rem 4rem;max-width:100vw;overflow-x:hidden;position:relative}.intro-section:before{left:0;-webkit-clip-path:polygon(0 0,40% 0,20% 60%,20% 50%,40% 100%,0 100%);clip-path:polygon(0 0,40% 0,20% 60%,20% 50%,40% 100%,0 100%)}.intro-section:after,.intro-section:before{content:"";position:absolute;top:0;width:clamp(0px,25vw - 150px,350px);height:100%;background:rgba(0,0,0,.4);z-index:1}.intro-section:after{right:0;-webkit-clip-path:polygon(60% 0,100% 0,100% 100%,60% 100%,80% 50%,80% 60%);clip-path:polygon(60% 0,100% 0,100% 100%,60% 100%,80% 50%,80% 60%)}.intro-section>*{z-index:2;position:relative}.intro-section .intro-loga-div{grid-column:3/4;grid-row:1;display:flex;justify-content:center;align-items:center;position:relative;background:#fff;border-radius:6px;padding:1rem;z-index:2}.intro-section .intro-loga-div:before{content:"";position:absolute;inset:-90px;-webkit-mask:radial-gradient(closest-side,rgba(0,0,0,.3) 70%,transparent 100%);mask:radial-gradient(closest-side,rgba(0,0,0,.3) 70%,transparent 100%);background:rgba(0,0,0,.55);z-index:-1;border-radius:10%;filter:blur(25px)}.intro-section .intro-title{grid-column:1/-1;grid-row:2;text-align:center;font-size:5.5rem;color:#28b485;background:linear-gradient(90deg,#00cc66,#01a553);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);font-weight:700;margin:0 0 .5rem;text-shadow:0 0 10px rgba(40,180,133,.4);letter-spacing:2px}@media(max-width:835px){.intro-section .intro-title{line-height:1.35}}.intro-section .intro-popis{grid-column:1/-1;grid-row:3;text-align:center;font-size:3.65rem;margin:0 auto 1rem;font-style:italic;color:hsl(0,0%,116.862745098%);text-shadow:0 2px 4px rgba(0,0,0,.5);padding:.2rem .5rem;border-radius:4px;max-width:100%}.intro-section .intro-content{display:grid;grid-template-rows:auto;grid-gap:1.5rem;gap:1.5rem;justify-content:stretch;max-width:100%}.intro-section .intro-content.right{grid-column:1/-1;grid-row:4;padding-top:5px;justify-items:center;width:100%;max-width:100%}.intro-section .intro-content.right .intro-divider{border:none;height:3px;background:linear-gradient(#fff,#ccc);box-shadow:0 0 10px 2px hsla(0,0%,100%,.7);width:90%;max-width:1100px;margin-top:0;margin-bottom:3rem}.intro-section .intro-content.right .intro-list{display:grid;grid-gap:1rem;gap:1rem;padding:0;margin:0 auto 20px;list-style:none;width:90%;max-width:1100px}.intro-section .intro-content.right .intro-list li{letter-spacing:2px;position:relative;font-size:3.5rem;line-height:1.5;padding:1.2rem 3rem;background-color:#1e1e1e;color:#f7f7f7;border:1px solid #3c3c3c;border-radius:20px;box-shadow:0 3px 5px rgba(0,0,0,.5);transition:all .3s ease;text-align:left;margin-bottom:20px;display:flex;align-items:center;justify-content:flex-start;width:100%}@media(max-width:1150px){.intro-section .intro-content.right .intro-list li{line-height:1.6}}.intro-section .intro-content.right .intro-list li:before{content:"";display:inline-block;position:static;transform:rotate(45deg);width:16px;height:16px;background-color:#1e1e1e;border:4px solid #28b485;margin-right:1.3rem;flex-shrink:0}.intro-section .intro-content.right .intro-list li:hover{background-color:#141414}.intro-section .intro-content.right .btn{background:#01a553;color:#f7f7f7;font-size:2.5rem;text-transform:uppercase;padding:1.25rem 1.5rem;border-radius:4px;text-align:center;font-weight:700;text-decoration:none;margin-top:.75rem;width:90%;max-width:1000px}.intro-section .intro-content.right .btn:hover{background:#008040}@media screen and (max-width:1200px){.intro-section{grid-template-columns:minmax(0,.5fr) minmax(auto,600px) auto minmax(auto,600px) minmax(0,.5fr)}.intro-section .intro-popis{font-size:4rem;max-width:90%}.intro-section .intro-content.right{grid-column:1/-1}.intro-section .intro-content.right .intro-list{width:90%}.intro-section .intro-content.right .intro-list li{font-size:3.3rem}}@media(max-width:1150px){.intro-section .intro-content.right .intro-list li{font-size:3.2rem}}@media(max-width:1034px){.intro-section .intro-content.right .intro-list li{font-size:3rem!important}}@media screen and (max-width:992px){.intro-section{grid-template-columns:minmax(0,.25fr) minmax(auto,500px) auto minmax(auto,500px) minmax(0,.25fr)}.intro-section .intro-popis{font-size:3.5rem}.intro-section .intro-content.right{grid-column:1/-1}.intro-section .intro-content.right .intro-list{width:90%}.intro-section .intro-content.right .intro-list li{font-size:2.8rem!important;padding:.8rem 1.5rem}}@media screen and (max-width:768px){.intro-section{display:flex;flex-direction:column;padding:2rem 1rem;gap:1.5rem}.intro-section .intro-loga-div{order:1;width:80%;max-width:300px;margin:0 auto}.intro-section .intro-loga-div .intro-loga-img{max-width:100%;height:auto}.intro-section .intro-title{order:2;font-size:clamp(2.5rem,8vw,4rem);padding:0 .5rem;margin-top:1rem;text-align:center}.intro-section .intro-popis{order:3;font-size:clamp(1.8rem,6vw,2.8rem);padding:0 .5rem;margin-bottom:1rem;width:100%;max-width:none}.intro-section .intro-content.right{order:4;width:100%;padding:0}.intro-section .intro-content.right .intro-divider{width:90%;margin:0 auto 1rem}.intro-section .intro-content.right .intro-list{width:100%}.intro-section .intro-content.right .intro-list li{font-size:clamp(1.5rem,5vw,2.2rem)!important;padding:1rem 1.5rem;margin-bottom:1rem;letter-spacing:1px}.intro-section .intro-content.right .intro-list li:before{width:12px;height:12px;margin-right:1rem;border-width:3px}.intro-section .intro-content.right .btn{font-size:clamp(1.2rem,5vw,2rem);padding:.8rem 1.5rem;margin:.5rem auto;display:block;width:90%;max-width:none}}@media screen and (max-width:480px){.intro-section{padding:1.5rem .8rem}.intro-section .intro-loga-div{max-width:240px;padding:.5rem}.intro-section .intro-title{font-size:clamp(2rem,7vw,3rem)}.intro-section .intro-popis{font-size:clamp(1.5rem,5vw,2.2rem);margin-bottom:.5rem}.intro-section .intro-content.right .intro-list li{font-size:clamp(1.2rem,4.5vw,1.8rem)!important;padding:.8rem 1.2rem}.intro-section .intro-content.right .intro-list li:before{width:10px;height:10px;margin-right:.8rem;border-width:2px}.intro-section .intro-content.right .btn{font-size:clamp(1rem,4vw,1.6rem);padding:.6rem 1.2rem;width:90%;max-width:none}}