.header{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#333;color:#fff;transition:max-height .3s ease-in-out;overflow:hidden}.header .logo{float:left;font-size:24px;font-weight:700;max-width:30%}.header .logo img{max-height:100px}.header .nav{display:flex;align-items:center;justify-content:space-evenly;width:70%}.header .nav a{margin:0 15px;text-decoration:none;color:#fff;font-size:20px}.header .nav a:hover{color:#fc0}@media (max-width: 768px){.header .nav{flex-direction:column;width:100%;background-color:#333;border-radius:2px;display:none;overflow:hidden}.header .nav a{padding:15px;width:100%;text-align:center;margin:0;border-bottom:1px solid #444}.header .nav a:last-child{border-bottom:none}.header .nav a:hover{background-color:#444}.header .nav.open{display:flex}}.header .mobile-menu-icon{display:none;flex-direction:column;cursor:pointer;margin-top:40px}.header .mobile-menu-icon .bar{width:25px;height:3px;background-color:#fff;border-radius:50px;margin:3px 4px;transition:all .3s ease}@media (max-width: 768px){.header .mobile-menu-icon{display:flex}}.header.menu-open{max-height:500px}@media (max-width: 768px){.header{flex-direction:column;align-items:flex-start;max-height:100px}.header .nav{display:flex;flex-direction:column;width:100%}.header.menu-open{max-height:275px}}.header .czymacz{display:flex;justify-content:space-between;width:100%}.about .about-section{position:relative;width:100%;padding:60px 0;color:#fff;background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;overflow:hidden}.about .about-section:nth-of-type(1){background-image:url(/assets/maska-CKgaMVQX.jpg)}.about .about-section:nth-of-type(2){background-image:url(/assets/iskry1-8XMzAXfj.png)}.about .about-section .text-container{max-width:800px;background:#0009;padding:20px;border-radius:8px;text-align:left;scale:1;transition:1s}.about .about-section .text-container:hover{scale:1.1;transition:1s}.about .about-section .text-container h2{margin-bottom:20px;font-size:2em}.about .about-section .text-container p,.about .about-section .text-container li{margin-bottom:10px;line-height:1.6;font-size:1.2em}.about .about-section .text-container ul{padding-left:20px}.about .about-section .text-container ul li{margin-bottom:10px}@media (max-width: 768px){.about .about-section{padding:40px 0}.about .about-section .text-container{padding:15px;margin:0 20px}.about .about-section .text-container h2{font-size:1.5em}.about .about-section .text-container p,.about .about-section .text-container li{font-size:1em}}@media (max-width: 480px){.about .about-section{padding:30px 5px}.about .about-section .text-container{padding:10px;margin:0 10px}.about .about-section .text-container h2{font-size:1.2em}.about .about-section .text-container p,.about .about-section .text-container li{font-size:.9em}}.services{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;width:100%;background-color:#202020}.services .service{position:relative;flex:1 1 25%;margin:10px;padding:20px;background-size:cover;background-position:center;color:#fff;height:300px;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;transition:flex .3s ease,height .3s ease;border-radius:8px;box-shadow:0 4px 10px #0000004d;text-align:center}.services .service.hidden{display:none}.services .service.visible{display:flex;height:300px}.services .service .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:1}.services .service .content{position:relative;z-index:2;margin:0 10px}.services .service .content h2{margin:10px 0}.services .service .content p{flex-grow:1}.services .service .content button{margin-top:10px;padding:10px 20px;background-color:#fc0;border:none;color:#333;cursor:pointer;transition:background-color .3s ease}.services .service .content button:hover{background-color:#e6b800}.services .service.active{flex:1 1 100%;height:740px}.services .service.active .arrow{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;font-size:2em;cursor:pointer;transition:color .3s ease}.services .service.active .arrow:hover{color:#fc0}.services .service.active .left-arrow{left:10px}.services .service.active .right-arrow{right:10px}@media (max-width: 768px){.services{flex-direction:column}.services .service{flex:1 1 100%;margin:10px 0;height:auto}.services .service.active{height:auto}}.contact{padding:20px;background-color:#1a1a1a;text-align:center}.contact h2{color:#fc0}.contact .contact-form{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:30px}.contact .contact-form input,.contact .contact-form textarea{width:100%;max-width:500px;padding:10px;border-radius:5px;border:none;background-color:#333;color:#fff}.contact .contact-form input:focus,.contact .contact-form textarea:focus{outline:none;border:1px solid #ffcc00}.contact .contact-form button{padding:10px 20px;border:none;border-radius:5px;background-color:#fc0;color:#000;font-size:16px;cursor:pointer}.contact .contact-form button:hover{background-color:#e6b800}.contact .contact-info p{color:#fff;margin:5px 0}.contact .contact-info .map{margin-top:20px}.contact .contact-info .map iframe{width:100%;max-width:600px;border:none}.footer{padding:20px;background-color:#333;text-align:center;color:#fff}.footer .social-media{margin-bottom:10px}.footer .social-media a{margin:0 10px;color:#fc0}.footer .social-media a:hover{color:#fff}.footer p{margin:0;color:#fff}body{margin:0;font-family:Poppins;background-color:#000;color:#fff}a{color:#fff;text-decoration:none}a:hover,h1,h2,h3,h4,h5,h6{color:#fc0}
