:root{--primary-color: hsl(114, 82%, 29%);--primary-color-hover: hsl(114, 82%, 41%);--secondary-color: hsl(195, 56%, 20%);--secondary-color-hover: hsl(195, 56%, 10%);--bg-color: hsl(0, 0%, 100%);--bg-alt-color: hsl(114, 45%, 96%);--text-color: hsl(0, 0%, 20%);--text-color-on-button: hsl(0, 0%, 100%);--linear-gradient-color-1: var(--primary-color-hover);--linear-gradient-color-2: hsl(57, 91%, 91%);--shadow-color: hsla(0, 0%, 0%, .05);--shadow-color-hover: hsla(0, 0%, 0%, .1);--border-color: hsl(0, 0%, 20%);--success-bg-color: hsl(114, 82%, 41%, .2);--error-color: hsl(0, 100%, 34%);--error-bg-color: hsl(0, 100%, 34%, .2);--border-radius-small: 4px;--border-radius-medium: 10px;--border-radius-circular: 50%}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--text-color);font-family:Open Sans,Helvetica,Arial,sans-serif;line-height:1.6}body.scroll-blocked{overflow:hidden}h1,h2,h3,h4{color:var(--primary-color);font-family:Montserrat,Futura,sans-serif;margin-block-end:1rem}h1{font-size:2.5rem}h2{font-size:2rem;margin-block-end:2rem}h3{font-size:1.5rem}p{margin-block-end:1rem}img{height:auto;max-width:100%}img,video,iframe{block-size:auto;max-inline-size:100%;object-fit:cover;object-position:center center}input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-color);border-color:var(--border-color);color:var(--text-color)}a:focus-visible,button:focus-visible{outline:2px solid var(--primary-color-hover);outline-offset:4px;border-radius:var(--border-radius-small)}.container{margin:0 auto;max-width:1200px;padding:0 15px;width:90%}.btn{background-color:var(--primary-color);border:0;border-radius:var(--border-radius-small);color:var(--text-color-on-button);cursor:pointer;display:inline-block;font-weight:600;padding:12px 24px;text-decoration:none;transition:background-color .3s ease}.btn:hover{background-color:var(--primary-color-hover)}.btn-secondary{background-color:var(--secondary-color)}.btn-secondary:hover{background-color:var(--secondary-color-hover)}.btn[disabled]{cursor:not-allowed;border:1px solid #999999;background-color:#ccc;color:#666}.btn i{width:24px;height:24px;display:none;vertical-align:middle;margin-inline-start:10px}.btn.loading i{display:inline-block}.hover-underline{display:inline-block;position:relative}.hover-underline:after{background:linear-gradient(to right,var(--linear-gradient-color-1),var(--linear-gradient-color-2));bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .4s ease-out;width:100%}body:not(.scroll-blocked) .hover-underline:hover:after{transform:scaleX(1)}section{padding:80px 0}.section-title{margin-block-end:50px;text-align:center}.section-title h2{display:inline-block;position:relative}.section-title h2:after{background:linear-gradient(to right,var(--linear-gradient-color-1),var(--linear-gradient-color-2));bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translate(-50%);width:100px}.text-center{text-align:center}.mb-3{margin-block-end:1.5rem}.mb-5{margin-block-end:3rem}header{background-color:var(--bg-alt-color);box-shadow:0 2px 10px #0000001a;left:0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}header.mobile{padding-block:5px}.header-container{align-items:center;display:flex;justify-content:space-between}.logo{align-items:center;display:flex;height:100px;transition:all .2s linear;width:100px}.logo-link{display:flex}.logo img{height:100%;margin-inline-end:10px}header.scrolled .logo{height:60px;width:60px}nav ul{display:flex;list-style:none}nav ul li{margin-inline-start:30px}nav ul li a{color:var(--secondary-color);font-weight:600;letter-spacing:.1ch;text-decoration:none;transition:color .3s ease}nav ul li a:hover{color:var(--secondary-color-hover)}nav .hover-underline:after{bottom:-15px}.scrolled nav .hover-underline:after{bottom:-5px}body:not(.scroll-blocked) nav a.hover-underline.active:after{transform:scaleX(1)}.mobile-menu-btn{background:none;border:0;color:var(--primary-color);cursor:pointer;display:none;font-size:2rem}#hero{align-items:center;color:#fff;display:flex;height:calc(100dvh - 100px);margin-block-start:100px;overflow:hidden;position:relative;text-align:center}#hero a:focus,#hero a:focus-visible,#hero button:focus,#hero button:focus-visible{outline-color:var(--bg-color)}.hero-slider{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-2}.hero-slider .slide{background-position:center;background-size:cover;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity 1.5s ease;width:100%}.hero-slider .slide.active{opacity:1}.hero-content h1{background:#2a7b9b;background:linear-gradient(90deg,var(--linear-gradient-color-1) 0%,var(--linear-gradient-color-2) 50%,var(--linear-gradient-color-1) 100%);-webkit-background-clip:text;background-clip:text;background-size:200%;font-size:clamp(1.5rem,1.2018rem + 1.4912vw,3.625rem);font-weight:800;-webkit-text-fill-color:transparent;text-transform:uppercase}.hero-content p{font-size:clamp(1rem,.7895rem + 1.0526vw,2.25rem);margin-block-end:2rem}@keyframes animate-gradient{to{background-position:200%}}.hero-buttons{display:flex;gap:10px;justify-content:center;position:relative;z-index:2}.hero-image{aspect-ratio:16 / 9;height:100%;object-fit:cover;width:100%}.overlay{background:#0b2128b3;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.slider-dots{bottom:30px;display:flex;gap:10px;justify-content:center;left:0;position:absolute;width:100%}.slider-dots .dot{background-color:#ffffff80;border-radius:var(--border-radius-circular);cursor:pointer;height:12px;transition:background-color .3s ease;width:12px}.slider-dots .dot.active{background-color:var(--primary-color)}#about{background-color:var(--bg-alt-color)}.about-content{align-items:center;display:flex;flex-wrap:wrap;gap:40px}.about-text{flex:1;min-width:250px}.about-image{flex:1;min-width:250px;max-height:599px;overflow:hidden;display:flex;justify-content:flex-end}.about-image img{height:100%;max-width:100%;object-fit:cover;border-radius:var(--border-radius-medium);box-shadow:0 5px 15px var(--shadow-color-hover)}.features{display:flex;flex-wrap:wrap;justify-content:space-between;margin-block-start:40px}.feature{background-color:var(--bg-color);border-radius:var(--border-radius-small);box-shadow:0 5px 15px var(--shadow-color);flex-basis:calc(33.333% - 20px);margin-block-end:30px;min-width:250px;padding:20px;text-align:center}.feature i{color:var(--primary-color);font-size:2.5rem;margin-block-end:15px}.about-text,.about-image,.feature{opacity:0;transition:all 1s ease}.animate-fade-in-left{animation:fadeInLeft 1s ease forwards}.animate-fade-in-right{animation:fadeInRight 1s ease forwards}.animate-fade-in-up{animation:fadeInUp .8s ease forwards}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.services-container{display:grid;grid-column-gap:30px;grid-row-gap:30px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.service-card{background-color:var(--bg-color);border-radius:var(--border-radius-medium);box-shadow:0 5px 15px var(--shadow-color);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{box-shadow:0 15px 30px var(--shadow-color-hover);transform:translateY(-10px)}.service-image{background-position:center;background-size:cover;height:200px;overflow:hidden;width:100%}.service-image img{aspect-ratio:1.5 / 1}.service-content{display:flex;flex-direction:column;flex-grow:1;padding:20px}.service-content h3{margin-block-end:15px}.service-content p{margin-block-end:20px}.service-content .btn{align-self:center;margin-block-start:auto;text-align:center}.service-content ul{list-style:none;margin-block-end:20px;padding-inline-start:20px}.service-content ul li{position:relative}.service-content ul li:before{background-color:var(--primary-color);border-radius:var(--border-radius-circular);content:"\a";height:6px;left:-20px;position:absolute;top:10px;width:6px}#wholesale{background-color:var(--bg-alt-color)}.categories{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-block-end:2rem}.category{background-color:var(--bg-color);border-radius:var(--border-radius-medium);box-shadow:0 5px 15px var(--shadow-color);flex:1;margin-block-end:20px;max-width:100%;min-width:250px;padding:30px 20px;text-align:center;transition:transform .3s ease}.category:hover{transform:translateY(-10px)}.category i{color:var(--primary-color);font-size:3rem;margin-block-end:15px}.brands{align-items:center;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));justify-items:center;margin:40px 0}.brand{align-items:center;border-radius:var(--border-radius-small);box-shadow:0 3px 10px var(--shadow-color);display:flex;height:100px;justify-content:center;max-width:250px;padding:15px;transition:all .3s ease;width:100%}.brand:hover{box-shadow:0 5px 15px var(--shadow-color-hover);transform:translateY(-5px)}.brand img{filter:grayscale(100%);max-height:70px;max-width:100%;object-fit:contain;opacity:.7;transition:all .3s ease}.brand:hover img{filter:grayscale(0);opacity:1}.portfolio-filter{display:flex;flex-wrap:wrap;justify-content:center;margin-block-end:30px}.filter-btn{background:none;border:0;cursor:pointer;color:var(--text-color);font-weight:500;margin:5px;padding:8px 20px;transition:all .3s ease}.filter-btn.active,.filter-btn:hover{background-color:var(--primary-color);border-radius:var(--border-radius-small);color:var(--text-color-on-button)}.filter-btn.active:hover{background-color:var(--primary-color-hover)}.portfolio-grid{display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.portfolio-item{border-radius:var(--border-radius-medium);cursor:pointer;height:250px;overflow:hidden;position:relative;width:100%}.portfolio-item img{height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;width:100%}.portfolio-item:hover img{transform:scale(1.1)}.portfolio-overlay{align-items:center;background:#23be13cc;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;padding:20px;position:absolute;text-align:center;top:0;transition:opacity .3s ease;width:100%}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-overlay h3{color:#fff;margin-block-end:10px}.portfolio-overlay p{color:#fff}.load-more-container{margin-block-start:40px;text-align:center}.portfolio-item.hidden{display:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.portfolio-item.fade-in{animation:fadeInUp .5s ease forwards}.lightbox{background-color:#000000e6;display:none;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:9999}.lightbox-content{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%}.close-lightbox{color:#fff;cursor:pointer;font-size:30px;font-weight:700;position:absolute;right:30px;top:20px;z-index:1001}.lightbox-controls{bottom:10px;display:flex;justify-content:space-between;padding:0 30px;position:absolute;width:100%;z-index:1000}.lightbox-prev,.lightbox-next{background:var(--primary-color);border:0;border-radius:var(--border-radius-circular);color:#fff;cursor:pointer;font-size:20px;height:50px;transition:background .3s ease;width:50px}.lightbox-prev:hover,.lightbox-next:hover{background:var(--primary-color-hover)}.lightbox-prev:focus-visible,.lightbox-next:focus-visible{border-radius:var(--border-radius-circular)}.lightbox-image-container{margin:0 auto;max-height:80%;max-width:80%}#lightbox-image{border:3px solid #fff;box-shadow:0 0 20px #00000080;max-height:80vh;max-width:100%;object-fit:contain}.lightbox-caption{color:#fff;margin-block-start:20px;text-align:center}.lightbox-caption h3{color:#fff;margin-block-end:5px}.lightbox-counter{bottom:20px;color:#fff;font-size:14px;position:absolute}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox.active{animation:fadeIn .3s;display:block}#testimonials{background-color:var(--bg-alt-color)}.testimonials-container{margin:0 auto;max-width:800px}.testimonial{background-color:var(--bg-color);border-radius:var(--border-radius-medium);box-shadow:0 5px 15px var(--shadow-color);margin-block-end:30px;padding:30px}.testimonial-content{font-style:italic;margin-block-end:20px}.testimonial-author{align-items:center;display:flex}.testimonial-author img{border-radius:var(--border-radius-circular);height:60px;margin-inline-end:15px;object-fit:cover;width:60px}.author-info h4{margin-block-end:5px}.rating{color:var(--primary-color);margin-block-start:5px}#contact{background-color:var(--bg-alt-color)}.contact-container{display:flex;flex-wrap:wrap;gap:40px}.contact-info{flex:1;min-width:240px}.map-container{border-radius:var(--border-radius-medium);height:370px;overflow:hidden}.map-container iframe{height:100%}.contact-form{flex:1;min-width:240px}.hidden{display:none}.info-item{align-items:center;display:flex;margin-block-end:20px}.info-item i{color:var(--primary-color);font-size:1.5rem;margin-inline-end:15px;min-width:30px}.info-item p{margin-block-end:5px}.info-item a{color:var(--text-color);text-decoration:none}.form-group{margin-block-end:20px}.form-group label{display:block;font-weight:500;margin-block-end:5px}.form-control{border-width:1px;border-style:solid;border-radius:var(--border-radius-small);font-family:inherit;height:44px;padding:12px;width:100%}textarea.form-control{min-height:150px;resize:vertical}.form-control:valid{border-color:var(--secondary-color);background-color:transparent}.form-control:user-invalid{background-color:var(--error-bg-color);border-color:var(--error-color)}p.error-msg:empty{display:none}.error-msg{color:var(--error-color);font-size:.9em}.asterix{font-size:.9rem;margin-block-end:15px}.form-msg{border-radius:var(--border-radius-small);color:var(--text-color);margin-block:20px;padding:20px;text-align:center}.form-msg.success{border:1px solid var(--primary-color);background-color:var(--success-bg-color)}.form-msg.error{border:1px solid var(--error-color);background-color:var(--error-bg-color)}footer{background-color:var(--primary-color);color:var(--text-color-on-button);padding:50px 0 20px}.footer-container{display:flex;flex-wrap:wrap;gap:40px;margin-block-end:30px}.footer-section{flex:1;min-width:250px}.footer-section h3{color:var(--text-color-on-button);margin-block-end:40px;position:relative}.footer-section h3:after{background:linear-gradient(to right,var(--linear-gradient-color-1),var(--linear-gradient-color-2));bottom:-10px;content:"";height:3px;left:0;position:absolute;width:70px}.footer-section .info-item{margin-block-end:10px}.footer-section .info-item i{color:var(--text-color-on-button);font-size:1rem;margin-inline-end:5px}.footer-links{list-style:none}.footer-links i{margin-inline-end:10px}.footer-links li{margin-block-end:10px}.footer-section .info-item li{margin-block-end:5px}.footer-links a{color:var(--text-color-on-button);text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:var(--bg-color)}.social-links{display:flex;gap:15px}.social-links a{align-items:center;background-color:var(--shadow-color-hover);border-radius:var(--border-radius-circular);color:var(--text-color-on-button);display:inline-flex;height:40px;justify-content:center;text-decoration:none;transition:background-color .3s ease;width:40px}.social-links a:hover{background-color:var(--primary-color)}.footer-bottom-belt{align-items:center;border-top:1px solid var(--shadow-color-hover);display:flex;flex-wrap:wrap;justify-content:space-between;margin-block-start:20px;padding-block-start:20px}.copyright{text-align:center}.copyright p{margin-bottom:0}.implementation{font-size:.9rem}.implementation a{color:var(--text-color-on-button);font-weight:700;text-decoration:none}#scrollToTopBtn{position:fixed;right:24px;bottom:32px;z-index:1000;background-color:var(--secondary-color);color:#fff;border:none;border-radius:var(--border-radius-medium);width:48px;height:48px;box-shadow:0 2px 8px #00000026;cursor:pointer;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),visibility .4s;opacity:0;visibility:hidden;pointer-events:none}#scrollToTopBtn svg{display:block;margin:0 auto}body:not(.scroll-blocked) #scrollToTopBtn.show{display:block;opacity:1;visibility:visible;pointer-events:auto}#scrollToTopBtn:hover,#scrollToTopBtn:focus-visible{background-color:var(--secondary-color-hover)}@media (max-width: 992px){h1{font-size:2.2rem}h2{font-size:1.8rem}.feature{flex-basis:calc(50% - 20px)}}@media (orientation: portrait){.hero-image{aspect-ratio:9 / 16}.nav-link{padding-block:20px}}@media (max-width: 992px){.mobile-menu-btn{display:block}nav{background-color:var(--bg-alt-color);height:calc(100vh - 60px);left:-100%;overflow-y:auto;position:fixed;top:60px;transition:left .3s ease;width:100%}nav.active{left:0}nav ul{flex-direction:column;padding:20px;height:100%;justify-content:space-evenly}nav ul li{margin:0;position:relative;text-align:center}.nav-link{display:block}.nav-link:hover{color:var(--primary-color)}.logo{height:60px;width:60px}#hero{height:calc(100dvh - 60px);margin-block-start:60px}.feature{flex-basis:100%}.services-container{display:flex;flex-direction:column}.brands{gap:20px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.brand{height:80px;padding:10px}.brand img{max-height:60px}.footer-bottom-belt{justify-content:center}}@media (max-width: 576px){section{padding:60px 0}.hero-buttons{flex-direction:column}.btn{width:100%}.btn[style*=none]{display:none}.brands{gap:15px;grid-template-columns:repeat(2,1fr)}.about-image{justify-content:center}}