article,body{background-color:#f1f1f1}.counter-box:hover,.info-button:hover,.service-grids section:hover{box-shadow:0 8px 16px rgba(0,0,0,.2);transform:translateY(-5px)}*,::after,::before{box-sizing:border-box}article,aside,audio,blockquote,body,canvas,caption,dd,details,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,label,legend,li,mark,menu,nav,ol,output,p,pre,ruby,section,summary,table,tbody,td,tfoot,th,thead,time,tr,ul,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;height:100%}body{line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;display:flex;flex-direction:column;min-height:100vh}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}a{text-decoration:none}button,input,select,textarea{font:inherit;line-height:inherit}button{background-color:transparent;cursor:pointer;border:none}canvas,img,picture,svg,video{max-width:100%;display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.container,.parallax,nav,nav ul{display:flex}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25rem}sup{top:-.5rem}main{flex-grow:1}header{background-color:#f8f9fa;padding:15px 45px;border-bottom:1px solid #ddd;box-shadow:0 1px 5px rgba(0,0,0,.1);margin-bottom:18px}.container{align-items:center;justify-content:space-between;flex-wrap:wrap}.menu-toggle{display:none;font-size:26px;color:#007c86;background:0 0;cursor:pointer}nav ul{gap:20px}nav ul li a{color:#222;font-size:18px;font-weight:700}nav ul li a:hover{color:#09aeb8}.call{background-color:#007c86;color:#fff;font-size:16px;font-weight:700;padding:10px 20px;border-radius:5px;white-space:nowrap;transition:background-color .1s ease-in-out,color .2s ease-in-out}.section-title,.service-title{font-size:1.5rem;line-height:1.3;text-align:center;font-weight:700}.counter-box,.info-button,.service-grids section,.service-item{transition:transform .3s,box-shadow .3s}.call:hover{background-color:#ffd763;color:#222;transition-delay:0.1s}.parallax{background-image:url('../images/kondicioneris-servisi.webp');height:60vh;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;align-items:center;justify-content:center;text-align:center;color:#fff}.counter-container,.service-grids{display:grid;box-sizing:border-box;width:100%}.service-grids section,article{display:flex;flex-direction:column}.parallax-inner{background-color:rgba(0,0,0,.5);width:100%;padding:45px}.parallax h1{font-size:2rem!important;margin-bottom:10px;line-height:1.3}.parallax p{font-size:1.2rem;line-height:1.5}article{margin-top:20px;width:100%;height:auto;align-items:center;justify-content:center}.service-title{margin:32px 0;color:#085f64}.service-grids{grid-template-columns:repeat(4,1fr);gap:20px;padding:20px}.service-grids section{background-color:#ffd763;border-radius:5px;min-height:200px;padding:8px;justify-content:center;max-width:100%;cursor:pointer}.service-grids section h3{padding:10px 10px 0;text-align:center;color:#000;font-size:1.2rem;font-weight:700}.service-grids section p{margin-top:10px;color:#222;text-align:center;font-size:1rem;line-height:1.6}.section-title{padding:18px}.section-description{padding:10px 0;font-size:1rem;text-align:center;color:#085f64}.counter-container{grid-template-columns:repeat(3,1fr);gap:50px;padding:50px}.counter-box{background:#fff;text-align:center;border-radius:10px;height:200px;padding:20px;display:flex;flex-direction:column;justify-content:center;max-width:100%;cursor:pointer}.number{font-size:2.2rem;color:#00bcd4;font-weight:700}.label{font-size:16px;margin-top:10px;color:#222}.info-box{width:100%;background-color:#ffd763;display:flex;flex-direction:column;align-items:center;justify-content:center}.info-box-everywhere{width:100%;background-color:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center}.info-up-box{display:flex;gap:80px}.info-pic{width:50%;height:auto}.info-text{width:50%;padding:20px}.info-paragraph,.info-title{padding:28px 0;text-align:left}.info-title{color:#222;font-size:1rem;font-weight:700}.info-title-sec{color:#000;font-size:1.5rem;font-weight:700;text-align:left;line-height:1.2}.info-paragraph{color:#222;font-size:1rem;overflow-wrap:anywhere;line-height:1.5}.info-button{display:inline-block;margin:20px auto;text-align:center;background-color:#444;color:#fff;font-size:16px;font-weight:700;padding:15px 20px;border-radius:5px}.info-button:hover{color:#fff;background-color:#00bcd4}.info-down-box{width:85%;height:auto;margin:70px auto;display:flex;justify-content:space-around}.info-down-box-item{display:flex;gap:18px}.item-text{display:flex;flex-direction:column;gap:8px}.socials{display:flex;flex-direction:column;align-items:center;margin:38px 0;gap:10px}.social-title{font-size:1.5rem;font-weight:700;color:#085f64}.social-description{width:75%;font-size:1rem;color:#222;text-align:center;line-height:1.5}.social-items{display:flex;gap:20px;margin-top:20px}.contact-title,.service-section-title{margin:24px 0;font-size:2rem;color:#09aeb8;font-weight:700;text-align:center}.social-item{display:flex;gap:10px}.social-item a{color:#222;font-size:1.5rem;font-weight:700;transition:color .3s}.social-item a:hover{color:#000}.contact-container{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap}.contact-container iframe{width:600px;height:450px;border:none}.dark-iframe-map{filter:invert(90%) hue-rotate(180deg) brightness(85%) contrast(90%);-webkit-filter:invert(90%) hue-rotate(180deg) brightness(85%) contrast(90%)}.services-section{max-width:1200px;margin:0 auto;padding:40px 20px;color:#222;line-height:1.5}.services-section h2{font-size:1.5rem;margin-bottom:30px;text-align:center;color:#222}.about-section{max-width:1200px;margin:28px auto;padding:30px;background:rgba(255,255,255,.5);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);box-sizing:border-box}.about-section h1{font-size:2rem!important;color:#09aeb8;text-align:center;margin-bottom:25px;position:relative;padding-bottom:10px}.about-section h1::after{content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:60px;height:4px;background-color:#ffd763;border-radius:2px}.about-section h2{font-size:1.5rem;color:#09aeb8;text-align:center;margin-top:30px;margin-bottom:20px}.about-section h3{font-size:1.3rem;color:#09aeb8;margin-top:35px;margin-bottom:15px;border-bottom:2px solid #ecf0f1;padding-bottom:8px}.about-section p{font-size:1rem;margin-bottom:1rem;line-height:1.5}.about-section ul{list-style:none;padding:0;margin-bottom:25px}.about-section ul li{font-size:1.1em;padding:10px 0;border-bottom:1px dashed #eee;display:flex;align-items:flex-start}.about-section ul li:last-child{border-bottom:none}.about-section ul li::before{content:'✔';color:#09aeb8;font-weight:700;margin-right:10px;font-size:1.2em;line-height:1.6}.about-section p:nth-of-type(4){background-color:#ffd763;padding:15px 20px;border-left:5px solid #09aeb8;margin-top:30px;font-style:italic;color:#2c3e50}.about-section p:nth-of-type(4) em{font-weight:700;color:#09aeb8}.about-section p:last-of-type{text-align:center;margin-top:40px;padding:20px;background-color:#007c86;color:#fff;border-radius:8px;font-size:1.3em;font-weight:700;box-shadow:0 2px 8px rgba(0,0,0,.15)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.service-item{margin-bottom:40px;border-left:4px solid #09aeb8;padding-left:16px;padding-bottom:28px;opacity:0;transform:translateY(20px);animation:.6s forwards fadeInUp}.service-item:first-child{animation-delay:.1s}.service-item:nth-child(2){animation-delay:.2s}.service-item:nth-child(3){animation-delay:.3s}.service-item:nth-child(4){animation-delay:.4s}.service-item:nth-child(5){animation-delay:.5s}.service-item:nth-child(6){animation-delay:.6s}.service-item:nth-child(7){animation-delay:.7s}.service-item:nth-child(8){animation-delay:.8s}.service-item:hover{transform:translateY(-5px);box-shadow:0 6px 20px rgba(0,0,0,.1)}.service-item h3{font-size:1.3rem;color:#09aeb8;margin-bottom:10px}.service-item p{font-size:1rem;margin:0}.services-section p:last-child{text-align:center;font-weight:700;font-size:1.1rem;margin-top:50px}footer{padding:16px 0;margin-top:32px;color:#222;font-size:.9rem;line-height:1.5;width:100%;text-align:center;border-top:1px solid #ddd;box-shadow:0 -1px 5px rgba(0,0,0,.1)}@media (max-width:1024px){.service-grids{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.call,nav{margin-top:10px;width:100%}.call,.info-pic,nav,nav ul li{width:100%}.info-button,.menu-toggle,nav ul li a{display:block}.call,.info-paragraph,.info-title,.info-title-sec,.social-title,nav ul li{text-align:center}header{padding:15px 20px}.container{flex-direction:row;justify-content:space-between}nav ul,nav.active{flex-direction:column}nav{display:none}nav.active{display:flex;background-color:#f8f9fa;padding:10px 0}nav ul{gap:10px;align-items:center}nav ul li a{padding:10px;border-bottom:1px solid #09aeb8}.parallax{background-attachment:scroll;height:40vh}.counter-container{grid-template-columns:repeat(1,1fr);flex-direction:column;align-items:center}.service-grids{grid-template-columns:1fr}.info-up-box{width:100%;flex-direction:column;align-items:center;gap:20px}.info-text,.social-description{width:90%}.info-button{width:90%;margin:auto}.info-down-box{margin:18px auto;width:100%;flex-direction:column;gap:20px}.info-down-box-item{width:100%;flex-direction:column;align-items:center;text-align:center}.contact-title{margin:0}.about-section{margin:20px;padding:20px}.about-section p:last-of-type{padding:15px}.social-items{flex-direction:column}.services-section{padding:30px 15px}}