.siding-hero{height:600px;width:100%;position:relative;user-select:none}.siding-hero img{height:100%;width:100%;object-fit:cover}.siding-hero-overlay{width:100%;height:100%;position:absolute;background:linear-gradient(to right,rgba(128,128,128,.718) 40%,transparent);top:0;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;padding:0 10% 0 10%}.siding-hero-overlay-content{background-color:rgba(255,255,255,.909);width:fit-content;padding:40px 20px;border-radius:10px}.siding-hero-overlay-content h1{color:var(--main-blue-dark);width:fit-content;border-radius:50px 0 0 50px;font-size:50px;margin:0 0 20px 0;line-height:50px}.siding-hero-overlay-content p{font-size:20px;font-weight:600;color:#656565;margin:0 0 20px 0;max-width:800px}.siding-hero-overlay-content .site-button{background-color:var(--main-blue-dark);color:#fff}.siding-hero-overlay-content .site-button:hover{background-color:transparent;color:var(--main-blue-dark)}.siding-intro{padding:60px 0;border-top:solid 8px var(--main-blue-dark);border-top:solid 8px var(--main-blue-dark);background-color:#e7e7e7;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;column-gap:0;row-gap:40px;align-items:center}.siding-image-wrap{width:500px;max-width:75vw;height:350px;max-height: calc(0.7 * 75vw);position:relative}.siding-image-wrap::before{width:110%;height:110%;top:-5%;left:-5%;content:'';position:absolute;background-color:var(--main-blue-dark);z-index:0;clip-path:polygon(0 0%,80% 0%,100% 20%,100% 100%,0 100%)}.siding-image-wrap img{height:100%;width:100%;object-fit:cover;position:relative;z-index:1;clip-path:polygon(0 0%,80% 0%,100% 20%,100% 100%,0 100%)}.siding-intro-content{width:1000px;max-width:90vw;box-sizing:border-box;padding:0 20px 0 10%}.siding-intro-content h2{font-size:30px;line-height:30px;margin:0 0 20px 0;color:var(--main-blue-dark)}.siding-intro-content p{font-size:18px;color:#3c3c3c;position:relative}.siding-intro-content p:first-of-type{margin:0 0 40px 0}.siding-intro-content p::before{width:30px;height:110%;top:-5%;box-sizing:border-box;content:'';position:absolute;border-left:double 8px var(--main-blue);left:-20px}.siding-brands{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:50px 0;background-color:#f7f7f7}.siding-brands>h2{text-align:center;margin:0 0 20px 0;font-size:35px;color:var(--main-blue-dark)}.siding-brands>p{font-size:18px;color:#2c2c2c;margin:0 0 20px 0;position:relative;width:600px;max-width:80vw;text-align:center}.siding-brands>p::before{position:absolute;z-index:0;content:'';height:110%;width:10px;border-left:double 8px var(--main-blue);left:-20px;top:0}.siding-brands>p::after{position:absolute;z-index:0;content:'';height:110%;width:10px;border-right:double 8px var(--main-blue);right:-20px;top:0}.siding-brands-list{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:30px}.siding-brands-card{width:1200px;max-width:90vw;display:flex;justify-content:space-between;align-items:center;height:250px;overflow:hidden}.siding-brands-card img{background-color:#fff;width:40%;object-fit:contain;height:100%}.siding-brands-card-content{width:60%;box-sizing:border-box;padding:30px 20px;height:250px;min-height:fit-content;background-color:var(--main-blue-dark);display:flex;flex-direction:column;justify-content:center}.siding-brands-card-content h3{color:#fff;margin:0 0 20px 0;font-size:25px;line-height:25px}.siding-brands-card-content p{color:#fff;margin:0 0 20px 0;font-size:18px}.siding-brands-card-content .site-button{background-color:#fff;border:solid 3px #fff}.siding-brands-card-content .site-button:hover{background-color:var(--main-blue-dark);color:#fff}@media (max-width:680px){.siding-brands-card{height:fit-content;width:85vw;flex-direction:column}.siding-brands-card img{width:100%;height:200px}.siding-brands-card-content{width:100%;align-items:center;text-align:center;height:fit-content}}.siding-services{padding:50px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top:solid 8px var(--main-blue-dark)}.siding-services h2{color:var(--main-blue-dark);font-size:35px;text-align:center;margin:0 0 15px 0;line-height:35px}.siding-services>p{position:relative;text-align:center;width:700px;max-width:80vw;color:#3c3c3c;font-size:18px}.siding-services>p::before{width:50px;position:absolute;content:'';height:110%;left:-12px;border-left:double 8px var(--main-blue);top:-5%}.siding-services>p::after{width:50px;position:absolute;content:'';height:110%;right:-12px;border-right:double 8px var(--main-blue);top:-5%}.siding-services-row{display:grid;grid-template-columns:repeat(2,350px);column-gap:30px;row-gap:40px;width:100%;justify-content:center;padding:30px 0 0 0}.siding-services-card{width:100%;display:flex;flex-direction:column;height:550px;max-width:90vw}.siding-services-card img{width:100%;height:50%;object-fit:cover}.siding-services-card-content{color:#fff;background-color:var(--main-blue-dark);width:100%;height:50%;padding:20px;box-sizing:border-box;display:flex;flex-direction:column}.siding-services-card-content h3{font-size:25px;margin:0 0 15px 0;line-height:25px}.siding-services-card-content p{font-size:18px}.siding-services-wide-card{grid-column: 1 / 3;background-color:var(--main-blue-dark);color:#fff;text-align:center;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;justify-self:center}.siding-services-wide-card h3{font-size:25px;line-height:25px;margin:0 0 15px 0;text-align:center}.siding-services-wide-card p{text-align:center;font-size:18px;width:700px;max-width:90%;margin:0 0 30px 0}.siding-services-wide-card .site-button{background-color:#fff;border:solid 3px #fff}.siding-services-wide-card .site-button:hover{background-color:var(--main-blue-dark);color:#fff}@media (max-width:980px){.siding-services-row{grid-template-columns:90vw;justify-content:center;column-gap:unset}.siding-services-wide-card{grid-column:1}.siding-services-card-content{height:fit-content;padding:40px 20px}.siding-services-card img{height:200px}.siding-services-card{height:fit-content}}