*{box-sizing:border-box}main{width:100%}main #title-subtitle{box-sizing:border-box;opacity:0;transform-origin:0;flex-direction:column;align-items:flex-start;width:100%;margin:3rem 0;padding:0 4rem;animation:.5s ease-out .5s forwards titleReveal;display:flex;transform:scale(.9)}@media screen and (width<=768px){main #title-subtitle{margin:5rem 0 3rem}}@media screen and (width<=680px){main #title-subtitle{margin:8rem 0 3rem}}@media screen and (width<=480px){main #title-subtitle{margin:6rem 0 2rem}}@media screen and (width<=400px){main #title-subtitle{padding:0 1.5rem}}@media screen and (width<=360px){main #title-subtitle{margin:5rem 0 1.5rem}}@media screen and (width<=280px){main #title-subtitle{margin:8rem 0 1.5rem}}@keyframes titleReveal{to{opacity:1;transform:scale(1)}}main #title-subtitle #title{margin:0;font-size:3.5rem;font-weight:400}@media screen and (width<=768px){main #title-subtitle #title{font-size:2.5rem}}@media screen and (width<=530px){main #title-subtitle #title{font-size:2.1rem}}@media screen and (width<=400px){main #title-subtitle #title{font-size:1.8rem}}main #title-subtitle #subtitle{margin:0;font-size:2rem;font-weight:400}@media screen and (width<=768px){main #title-subtitle #subtitle{font-size:1.5rem}}@media screen and (width<=530px){main #title-subtitle #subtitle{font-size:1.2rem}}main #hero{background-color:#a6bbb2;grid-template-rows:100%;grid-template-columns:1fr 1fr;gap:2rem;width:100%;height:800px;display:grid}@media screen and (width<=1400px){main #hero{display:block}}main #hero #heroImage{object-fit:cover;justify-self:start;width:100%;min-width:20px;height:100%}main #hero #ctaForm{background-color:#cde0d7;border-radius:2rem;grid-template:"title title"100px"name email"1fr"phone appliance"1fr"message message"1fr"submit submit"1fr/1fr 1fr;justify-self:center;gap:.5rem;height:80%;padding:2rem;display:grid;align-self:center!important}@media screen and (width<=1400px){main #hero #ctaForm{border:2px solid #0f3a33;width:500px;position:absolute;top:40%;left:50%;transform:translate(-50%)}}@media screen and (width<=1024px){main #hero #ctaForm{width:500px;position:absolute;top:50%;left:50%;transform:translate(-50%)}}@media screen and (width<=768px){main #hero #ctaForm{width:400px;position:absolute;top:60%;left:50%;transform:translate(-50%)}}@media screen and (width<=480px){main #hero #ctaForm{width:90vw;top:50%}}@media screen and (width<=400px){main #hero #ctaForm{grid-template:"title"100px"name"1fr"email"1fr"phone"1fr"appliance"1fr"message"1fr"submit"/1fr;width:95vw;height:90%;top:45%}}@media screen and (width<=290px){main #hero #ctaForm{grid-template:"title"100px"name"1fr"email"1fr"phone"1fr"appliance"1fr"message"1fr"submit"/1fr;width:95vw;height:90%;padding:1rem;top:55%}}main #hero #ctaForm h3{grid-area:title;margin:0 0 1rem;font-size:2rem}@media screen and (width<=400px){main #hero #ctaForm h3{text-align:center;font-size:1.5rem}}main #hero #ctaForm #nameDiv{grid-area:name}main #hero #ctaForm #emailDiv{grid-area:email}main #hero #ctaForm #phoneDiv{grid-area:phone}main #hero #ctaForm #applianceDiv{grid-area:appliance}main #hero #ctaForm #messageDiv{grid-area:message}main #hero #ctaForm #submitBtn{color:#cde0d7;box-sizing:content-box;background-color:#0f3a33;border:1px solid #0f3a33;border-radius:1.8rem;grid-area:submit;margin-top:2rem;padding:1.1rem;font-size:1.2rem;font-weight:600}main #hero #ctaForm #submitBtn:hover{color:#0f3a33;background-color:#cde0d7}main #hero #ctaForm .label-input{flex-direction:column;display:flex}main #hero #ctaForm .label-input label{margin-bottom:.5rem;font-size:1rem}main #hero #ctaForm .label-input input,main #hero #ctaForm .label-input select,main #hero #ctaForm .label-input options{background-color:#cde0d7;border:none;border-bottom:1.5px solid #000;width:100%;padding:.5rem;font-size:1.2rem}main #hero #ctaForm .label-input textarea{resize:none;background-color:#cde0d7;border:0;border-bottom:1.5px solid #000;width:100%;height:100px;padding:.5rem;font-size:1.2rem}main #serviceDescription{flex-direction:column;width:100%;margin:0 0 5rem;display:flex}main #serviceDescription h3{text-align:start;align-self:center;width:75%;margin:3rem 0;font-size:2.5rem;font-weight:500}@media screen and (width<=1024px){main #serviceDescription h3{text-align:center;width:95%}}@media screen and (width<=768px){main #serviceDescription h3{width:95%}}main #serviceDescription #blocks{flex-direction:column;align-self:center;gap:5rem;width:75%;display:flex}@media screen and (width<=1024px){main #serviceDescription #blocks{gap:2rem;width:90%}}@media screen and (width<=768px){main #serviceDescription #blocks{width:100%}}main #serviceDescription #blocks #row1{flex-direction:row;justify-content:space-between;gap:2rem;display:flex}@media screen and (width<=1150px){main #serviceDescription #blocks #row1{flex-flow:wrap;justify-content:center;align-self:center;width:100%}main #serviceDescription #blocks #row1 .block{width:400px}}@media screen and (width<=950px){main #serviceDescription #blocks #row1{flex-flow:wrap;justify-content:center;align-self:center;width:100%}main #serviceDescription #blocks #row1 .block{width:350px}}@media screen and (width<=768px){main #serviceDescription #blocks #row1{flex-flow:wrap;justify-content:center;align-self:center;gap:2rem;width:100%}main #serviceDescription #blocks #row1 .block{width:300px}}@media screen and (width<=530px){main #serviceDescription #blocks #row1{flex-flow:wrap;justify-content:center;align-self:center;gap:2rem;width:100%}main #serviceDescription #blocks #row1 .block{width:300px}}@media screen and (width<=360px){main #serviceDescription #blocks #row1 .block{width:95%}}main #serviceDescription #blocks #row1{opacity:0;transform-origin:0;transition:opacity .5s ease-out .5s,transform .5s ease-out .5s;transform:scale(.9)}main #serviceDescription #blocks #row1.animate-in{opacity:1;transform:scale(1)}main #serviceDescription #blocks #row2{opacity:0;transform-origin:100%;flex-direction:row-reverse;justify-content:space-between;gap:3rem;display:flex;transform:scale(.9)}@media screen and (width<=768px){main #serviceDescription #blocks #row2{flex-flow:wrap;justify-content:center;align-self:center;gap:2rem;width:100%}main #serviceDescription #blocks #row2 .block{width:300px}}@media screen and (width<=530px){main #serviceDescription #blocks #row2{flex-flow:wrap;justify-content:center;align-self:center;gap:2rem;width:100%}main #serviceDescription #blocks #row2 .block{width:300px}}@media screen and (width<=360px){main #serviceDescription #blocks #row2 .block{width:95%}}main #serviceDescription #blocks #row2{transition:opacity .5s ease-out .5s,transform .5s ease-out .5s}main #serviceDescription #blocks #row2.animate-in{opacity:1;transform:scale(1)}main #serviceDescription #blocks #row1 .block,main #serviceDescription #blocks #row2 .block{box-sizing:border-box;background-color:#e6f8f0;border:3px solid #a6bbb2;border-radius:1rem;flex-direction:column;align-items:flex-start;padding:2rem;display:flex}main #serviceDescription #blocks #row1 .block img,main #serviceDescription #blocks #row2 .block img{width:50px;margin:0}main #serviceDescription #blocks #row1 .block h5,main #serviceDescription #blocks #row2 .block h5{margin:.5rem 0 0;font-size:2rem}@media screen and (width<=1024px) and (width>=769px){main #serviceDescription #blocks #row1 .block h5,main #serviceDescription #blocks #row2 .block h5{font-size:1.5rem}}main #serviceDescription #blocks #row1 .block p,main #serviceDescription #blocks #row2 .block p{margin:.5px 0 0;font-size:1.2rem}@media screen and (width<=1024px) and (width>=769px){main #serviceDescription #blocks #row1 .block p,main #serviceDescription #blocks #row2 .block p{font-size:1rem}}main #lowerSquares{box-sizing:content-box;background-color:#a6bbb2;background-image:linear-gradient(#a6bbb2,#cde0d7);border-top:2rem solid #a6bbb2;flex-direction:column;height:600px;margin:0 0 5rem;display:flex}@media screen and (width<=1400px){main #lowerSquares{margin:0}}@media screen and (width<=768px){main #lowerSquares{height:700px;margin:0 0 2rem}}@media screen and (width<=360px){main #lowerSquares{height:500px;margin:0 0 1rem}}main #lowerSquares h3{text-align:start;align-self:center;width:75%;padding:0 5rem;font-size:3rem;font-weight:500}@media screen and (width<=1400px) and (width>=769px){main #lowerSquares h3{text-align:center;width:100%;margin:0 0 2rem;font-size:2.2rem}}@media screen and (width<=768px){main #lowerSquares h3{width:100%;margin:0 0 2rem}}@media screen and (width<=480px){main #lowerSquares h3{text-align:center;width:100%;margin:0;padding:0 3rem;font-size:2rem}}main #lowerSquares #lowerSquaresInner{flex-direction:row;justify-content:space-between;align-self:center;align-items:flex-start;width:75%;padding:0 5rem;display:flex}@media screen and (width<=2100px) and (width>=1401px){main #lowerSquares #lowerSquaresInner{justify-content:space-evenly;width:100%}}@media screen and (width<=1400px) and (width>=769px){main #lowerSquares #lowerSquaresInner{justify-content:space-evenly;width:100%;padding:0}}@media screen and (width<=768px){main #lowerSquares #lowerSquaresInner{width:100%}}main #lowerSquares #lowerSquaresInner .threeUpperSquares{width:400px}main #lowerSquares #lowerSquaresInner .threeUpperSquares img{border-radius:2rem;width:100%}main #lowerSquares #lowerSquaresInner .threeUpperSquares h4{text-align:center}@media screen and (width<=1400px) and (width>=1251px){main #lowerSquares #lowerSquaresInner .threeUpperSquares{width:350px}main #lowerSquares #lowerSquaresInner .threeUpperSquares img{width:100%}}@media screen and (width<=1250px) and (width>=1025px){main #lowerSquares #lowerSquaresInner .threeUpperSquares{width:300px}main #lowerSquares #lowerSquaresInner .threeUpperSquares img{width:100%}}@media screen and (width<=1024px) and (width>=769px){main #lowerSquares #lowerSquaresInner .threeUpperSquares{width:260px}main #lowerSquares #lowerSquaresInner .threeUpperSquares img{width:100%}main #lowerSquares #lowerSquaresInner .threeUpperSquares h4{text-align:center;font-size:1.2rem}}@media screen and (width<=860px) and (width>=769px){main #lowerSquares #lowerSquaresInner .threeUpperSquares{width:240px}main #lowerSquares #lowerSquaresInner .threeUpperSquares img{width:100%}main #lowerSquares #lowerSquaresInner .threeUpperSquares h4{text-align:center;font-size:1.2rem}}@media screen and (width<=768px){main #lowerSquares #lowerSquaresInner{scroll-behavior:smooth;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;gap:6rem;width:80vw;height:100%;display:flex;overflow-x:auto}main #lowerSquares #lowerSquaresInner ::-webkit-scrollbar{display:none}main #lowerSquares #lowerSquaresInner .threeUpperSquares{scroll-snap-align:center;scroll-snap-stop:always;border-radius:8px;flex-direction:column;flex:0 0 100%;justify-content:center;align-items:center;height:100%;font-size:1rem;display:flex}main #lowerSquares #lowerSquaresInner .threeUpperSquares img{width:350px}main #lowerSquares #lowerSquaresInner .threeUpperSquares h4{font-size:1.2rem;font-weight:500}}@media screen and (width<=480px){main #lowerSquares #lowerSquaresInner{width:100vw}main #lowerSquares #lowerSquaresInner .threeUpperSquares img{width:290px}}@media screen and (width<=360px){main #lowerSquares #lowerSquaresInner .threeUpperSquares img{width:250px}}@media screen and (width<=290px){main #lowerSquares #lowerSquaresInner .threeUpperSquares img{width:200px}}