.header-container{position:fixed;display:flex;justify-content:center;align-items:center;width:100%;height:65px;transition:.5s;z-index:100;background:transparent;background-color:#707070}.header-container li{cursor:pointer}.logo{position:absolute;height:50px;border-radius:8px;margin-right:20px;transition:.5s;background:none;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.logo-expanded{background:#ffffff92;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scrolled .logo{margin-left:20px;background:none;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.top{margin-top:10px;width:80%;height:100%;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:blurFade 2s forwards,growBounce .6s}.scrolled{margin-top:20px;background-color:color-mix(in oklab,var(--color-midnight) 50%,transparent);width:50%;height:65px;border-radius:30px;animation:shrinkBounce .6s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:#222a350f 0 0 24px,#0000000d 0 1px 1px,#222a350a 0 0 0 1px,#222a3514 0 0 4px,#2f30370d 0 16px 68px,#ffffff1a 0 1px inset}@keyframes shrinkBounce{0%{width:100%}50%{width:40%}to{width:50%}}@keyframes growBounce{0%{width:50%}50%{width:40%}to{width:80%}}@keyframes blurFade{0%{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}to{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}header ul{list-style-type:none;display:flex;justify-content:space-evenly;align-items:center;top:0;color:#fff}a,a:visited,a:hover,a:active{color:inherit;text-decoration:none}@media(min-width:2560px){.header-container{height:120px;padding:0 40px}.logo{margin-top:8px;height:90px;margin-left:50px}.logo-expanded{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.top{width:60%;height:100%;border-radius:30px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.scrolled{height:100%;width:35%;border-radius:45px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.desktop-nav li a{font-size:1.5rem;line-height:1;padding:0;display:flex;align-items:center}.menu-icon{display:none}}.menu-icon{display:none;height:28px;cursor:pointer}.desktop-nav{display:flex}@media(max-width:768px){.header-container{flex-direction:column;height:fit-content}.desktop-nav{display:none}.menu-icon{display:block;position:absolute;left:12px;top:18px}header.top{width:100%;border-radius:0;animation:none;margin-top:0;height:60px;background:#ffffff92;display:flex;justify-content:center;margin-left:0}.logo{display:block}.mobile-menu{width:100%;background:#ffffff92;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 0;display:flex;flex-direction:column;gap:1rem;text-align:center;animation:fadeDown .3s ease-out}@keyframes fadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}}.footer{background-color:#222;color:#fff;text-align:center;padding:2px 0;width:100%;height:80px;position:relative;bottom:0;z-index:1000}p a{color:#bbb;text-decoration:none;font-size:.6rem}@media(min-width:2560px){.footer{height:150px;padding:30px 0;font-size:2rem}.footer p{font-size:2rem;margin:10px 0}.footer p a{font-size:2rem;color:#ccc}}body{margin:0;padding:0;font-family:Raleway,sans-serif;display:flex;flex-direction:column;min-height:100vh}.app{flex:1;display:flex;flex-direction:column;width:100%;overflow-x:hidden}main{flex:1;min-height:100vh;height:auto}.hero{position:relative;width:100vw;height:60vh;background-image:linear-gradient(to bottom,#0000004d,#0000),url(/images/bathroom.jpg);background-size:cover;background-position:center;padding-top:80px;z-index:0}.hero-overlay{position:absolute;inset:0;background-color:#0009;z-index:0}.hero h1,.services-content{position:relative;z-index:2;color:#fff}.hero h1 span{font-size:20px;display:block;margin-top:10px}.title-writing{position:relative;z-index:3;margin-top:-50px;margin-left:50px;color:#fff;display:flex;flex-direction:column;align-items:flex-start}.title-writing h1{margin-left:0;font-size:4rem;font-weight:800;line-height:.01em;text-align:left}.change-text{font-size:3rem;font-weight:800;margin-top:10px;color:#36bdd0;text-shadow:1px 1px 3px rgba(0,0,0,.2)}.title-writing p{font-size:3rem;font-weight:500;line-height:.01em;color:#fff}.services-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;text-align:center;width:100%;padding-top:10px;min-height:500px;height:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#616161;margin-bottom:60px}.service-grid{display:grid;width:90%;height:90%;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(8,4fr);gap:10px}.service-box{position:relative;overflow:hidden;border-radius:15px;display:flex;justify-content:center;align-items:center;cursor:pointer}.service-box p{display:none;position:absolute;z-index:5;color:#fff}.service-box img{width:100%;height:100%;object-fit:cover;border-radius:15px;position:relative;z-index:2}.service-box:after{content:"";position:absolute;inset:0;background:#00000080;pointer-events:none;border-radius:12px;z-index:4}.service-box:hover:after{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:backdrop-filter .3s ease}#service-box1,#service-box2,#service-box3,#service-box4,#service-box5,#service-box6{background-color:#000;border-radius:15px;width:100%}#service-box1{grid-column:1 / span 1;grid-row:1 / span 4}#service-box2{grid-column:2 / span 1;grid-row:1 / span 8}#service-box3{grid-column:1 / span 1;grid-row:5 / span 4}#service-box4{grid-column:3 / span 1;grid-row:5 / span 4}#service-box5{grid-column:3 / span 1;grid-row:1 / span 4}#service-box6{grid-column:4 / span 2;grid-row:1 / span 8}.Gallery{width:100%;padding:80px 0;text-align:center;background:#f5f5f5}.Gallery h2{margin:0;font-size:2rem}.checkatrade-wrapper{width:100%;display:flex;justify-content:center;margin-top:20px;position:relative;z-index:5}@media(min-width:2560px){html{font-size:22px}body{font-size:1.4rem}.hero{height:70vh;background-position:center top}.title-writing{margin-left:80px;margin-top:-40px}.title-writing h1{font-size:5rem;line-height:.9}.change-text{font-size:4rem;margin-top:20px}.title-writing p{font-size:3.2rem;line-height:1}.services-content{min-height:650px;padding-top:40px;margin-bottom:100px}.service-grid{width:85%;height:100%;gap:15px}.service-box p{display:block;font-size:1.6rem;z-index:10}.service-box img{border-radius:18px}#service-box1{grid-column:1 / span 1;grid-row:1 / span 4}#service-box2{grid-column:2 / span 1;grid-row:1 / span 8}#service-box3{grid-column:1 / span 1;grid-row:5 / span 4}#service-box4{grid-column:3 / span 1;grid-row:5 / span 4}#service-box5{grid-column:3 / span 1;grid-row:1 / span 4}#service-box6{grid-column:4 / span 2;grid-row:1 / span 8}.Gallery{padding:120px 0}.Gallery h2{font-size:3rem}.checkatrade-wrapper{margin-top:40px}}@media(max-width:768px){.title-writing{margin-top:-30px;margin-left:20px}.title-writing h1{font-size:2rem;line-height:1}.title-writing p{font-size:1.8rem;line-height:1}.change-text{font-size:2rem}.services-content{min-height:600px;height:auto;margin-bottom:60px}.service-grid{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(12,1fr)}.service-box p{display:block}#service-box1{grid-column:1 / span 2;grid-row:1 / span 4}#service-box2{grid-column:5 / span 2;grid-row:1 / span 8}#service-box3{grid-column:1 / span 2;grid-row:5 / span 4}#service-box4{grid-column:3 / span 2;grid-row:5 / span 4}#service-box5{grid-column:3 / span 2;grid-row:1 / span 4}#service-box6{grid-column:1 / span 6;grid-row:9 / span 4}}@media(max-width:480px){.title-writing{margin-top:-80px;margin-left:15px}.title-writing h1{font-size:1.6rem;line-height:1}.change-text{font-size:1.8rem}.title-writing p{font-size:1.4rem;line-height:1;margin-top:0}.change-text{font-size:1.2rem;margin-top:5px}}main{min-height:100vh;overflow:visible}.about-page{font-family:Raleway,sans-serif;color:#dcdcdc;display:flex;flex-direction:column;min-height:100vh;position:relative}.about{position:relative;z-index:5;background-color:#0000009c;padding-top:40px;padding-bottom:120px;flex:1}.paragraph-container{width:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;margin-top:20px}.paragraph-container h1{font-size:2.5rem;margin-bottom:20px;color:#36bdd0;margin-top:40px}.paragraph-container p{margin-top:80px}.about p{max-width:700px;line-height:1.6}section.about-section{display:flex;align-items:center;justify-content:center;margin-top:40px;margin-bottom:40px;position:relative;z-index:3}.card-carousel{display:flex;overflow-x:auto;padding:20px;scroll-behavior:smooth;justify-content:center;background-color:#00000040;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:350px;width:55%;border-radius:20px}.card-carousel::-webkit-scrollbar{height:10px}.card-carousel::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.card-carousel::-webkit-scrollbar-thumb{background:#222;border-radius:10px}.card-carousel::-webkit-scrollbar-thumb:hover{background:#333}.card{width:100%;height:100%;border-radius:15px;padding:20px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:15px}.card img{width:120px;height:120px;border-radius:50%;object-fit:cover}.back-button,.next-button{background:none;border:none;display:flex;align-items:center;justify-content:center;margin-top:0}.back-button img,.next-button img{width:70px;height:70px;cursor:pointer}.photo-carousel{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;z-index:0}.photo-carousel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease-in-out}.photo-carousel img.active{opacity:1}@media(min-width:2560px){html{font-size:20px}.about-page{font-size:1.8rem}.paragraph-container h1{font-size:3.5rem;margin-top:70px;margin-bottom:40px}.about p{max-width:80%;font-size:2rem;line-height:1.85}section.about-section{margin-top:80px;margin-bottom:80px;gap:50px}.card-carousel{width:75%;height:600px;padding:40px;border-radius:30px}.card{padding:35px;gap:25px}.card img{width:170px;height:170px}.card h3{font-size:2.2rem}.card p{font-size:2rem;line-height:1.7;margin-top:0}.back-button img,.next-button img{width:100px;height:100px}}@media(max-width:768px){main{height:100%}.paragraph-container h1{font-size:1.8rem;margin-top:20px;text-align:center}.about p{max-width:90%;font-size:.95rem;text-align:center}section.about-section{gap:15px}.card-carousel{width:100%;height:100%;padding:15px;overflow-x:hidden}.card{width:100%;height:100%}.card img{width:90px;height:90px}.back-button img,.next-button img{display:none}}@media(max-width:480px){.paragraph-container h1{font-size:1.5rem}.card-carousel{width:100%;height:100%;padding:15px;overflow-x:hidden}.card{width:100%;height:100%}.back-button img,.next-button img{display:none}}body{margin:0;padding:0;font-family:Raleway,sans-serif;background:#707070;color:#222;background-image:url(./assets/images/bathroom-renovation.jpg);background-size:cover;background-position:center;background-attachment:fixed}main{font-family:Raleway,sans-serif;height:82vh}.contact-page{margin-top:80px}h1{margin:140px auto 30px;text-align:center;font-size:2.6rem;color:#fff;letter-spacing:.05em}.contact-page{display:flex;justify-content:center;align-items:center;min-height:80vh}form{width:600px;height:600px;background:#222222bc;padding:30px 25px;border-radius:10px;box-shadow:0 4px 15px #0003}.form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-group label{font-size:1rem;margin-bottom:6px;color:#fff}.form-group input[type=text],.form-group input[type=email],.form-group input[type=textarea]{padding:14px 16px;font-size:1rem;border-radius:6px;border:1px solid #ccc;outline:none;transition:border-color .2s ease,box-shadow .2s ease;background-color:#fafafa}.form-group textarea{padding:14px 16px;font-size:1rem;border-radius:6px;border:1px solid #ccc;outline:none;transition:border-color .2s ease,box-shadow .2s ease;background-color:#fafafa;resize:vertical}.form-group textarea{padding:14px 16px;min-height:280px;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:#07c;box-shadow:0 0 0 2px #0077cc26}button[type=submit]{width:100%;padding:12px;font-size:1.1rem;background:#1a75bb;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s ease}button[type=submit]:hover{background:#0f4c81}.popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:35px 30px;border-radius:12px;background:#8888;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 8px 30px #00000040,0 0 0 1px #ffffff26 inset;width:min(90%,400px);text-align:center;z-index:9999;animation:popupFade .25s ease-out}.popup h2{color:#fff;font-size:1.3rem;margin-top:10px;line-height:1.4}.popup button{position:absolute;top:8px;right:10px;background:#222222bc;color:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:1rem;cursor:pointer;transition:background .2s ease}.popup button:hover{background:#222222d1}@keyframes popupFade{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}@media(min-width:2560px){html{font-size:22px}body{font-size:2rem}h1{margin-top:220px;font-size:4.2rem;letter-spacing:.06em}.contact-page{min-height:95vh;padding-bottom:80px}form{width:1100px;min-height:1000px;height:auto;padding:60px 55px;border-radius:18px;box-shadow:0 12px 40px #00000059}.form-group label{font-size:2.2rem;margin-bottom:14px}.form-group input[type=text],.form-group input[type=email],.form-group textarea{font-size:2rem;padding:24px 26px;border-radius:12px}.form-group textarea{min-height:500px}button[type=submit]{font-size:2.2rem;padding:24px;border-radius:12px}.popup{width:min(70%,650px);padding:60px 55px;border-radius:18px}.popup h2{font-size:2.2rem}.popup button{width:50px;height:50px;font-size:1.8rem}}@media(max-width:768px){h1{margin-top:120px;font-size:2.2rem}form{margin:0 15px 40px;padding:20px 15px}}@media(max-width:480px){h1{margin-top:110px;font-size:1.9rem}.form-group input,.form-group textarea{font-size:.95rem;padding:9px 10px}}