#detailsPaneWrapper{z-index:9999;position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;display:flex;visibility:hidden}#detailsPaneWrapper .shader{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:-1;transition:opacity .4s;opacity:0}#detailsPane{position:absolute;display:inline-block;top:0;right:0;width:25%;padding:5% 10% 5% 5%;height:90%;background-color:var(--secondary-color);transition:transform .3s;transform:translateX(100%);color:var(--primary-text-color);overflow:auto}#detailsPane img{width:100%;aspect-ratio:2/1}#detailsPaneClose{display:inline-block;position:absolute;top:2.5%;right:5%;width:10%;aspect-ratio:1/1;background-image:url(/img/close_icon.svg);background-size:100%;background-position:50%;border:none;background-color:transparent;cursor:pointer;transition:filter .3s}#detailsPaneClose:hover{filter:brightness(80%)}#detailsPaneName{font-size:2.5vw;margin-top:1vw;font-weight:700}#detailsPaneDescription{margin-top:2vw;white-space:pre-line;font-size:1vw;padding-right:5%}#addServiceToForm{margin:2vw 0}@media only screen and (min-width:650px) and (max-width:990px){#detailsPane{width:40%;padding:5% 10% 10% 5%}#detailsPaneClose{width:13%}#detailsPane img{margin-top:6vw}#detailsPaneName{margin-top:2vw;font-size:3.5vw}#detailsPaneDescription{font-size:1.5rem}#addServiceToForm{font-size:1.5vw;padding:1vw 2.5vw;cursor:pointer;transition:background-color .3s}}@media only screen and (max-width:649px){#detailsPane{width:70%;padding:20% 10% 20% 5%}#detailsPaneClose{width:15%;top:2%;right:10%}#detailsPane img{margin-top:7vh}#detailsPaneName{font-size:3vh;margin-top:3vh;padding-right:15%}#detailsPaneDescription{font-size:1.5vh;padding-right:10%}#addServiceToForm{font-size:1.5vh;margin-top:2vh;padding:.8vh 2.5vh;cursor:pointer;transition:background-color .3s}}#servicesWrapper{display:inline-flex;width:70%;margin:1vw 15%;flex-wrap:wrap}#serviceContainer,#servicesWrapper,.service{position:relative}.service{display:inline-block;width:40%;opacity:0;transform:translateX(10px);background-color:#1b1b1b;box-shadow:0 0 8px rgba(0,0,0,.2);aspect-ratio:1/.8;margin:2vh 5%;color:var(--primary-text-color);cursor:pointer;border-radius:10px}.main-link-services{margin-bottom:2vw}.service .content{height:40%;overflow:hidden}.service img{width:100%;height:100%;transition:scale .4s;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;user-select:none}.service div:has(img){overflow:hidden;height:45%;border-top-left-radius:10px;border-top-right-radius:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.service:hover img{scale:120%}.service .name{display:block;text-align:left;position:relative;font-size:1.8rem;left:0;top:0;margin:1vw 0 0;padding:0 5%;font-weight:700;border-radius:4px}.service .desc{display:inline-block;padding:0 5%;margin-top:.5vw;line-height:160%;font-size:1rem}.service .read-more{display:inline-flex;align-items:center;justify-content:center;text-align:center;width:100%;height:15%;font-family:var(--secondary-font);font-weight:100;font-size:1vw}.service:hover .read-more{font-weight:800}@media only screen and (min-width:650px) and (max-width:990px){#servicesTitle{margin-top:8vh;font-size:5vw}#servicesWrapper{width:80%;margin:2vh 10%}.service{width:45%;margin:2vh 2.5%;aspect-ratio:1/.9}.service .name{font-size:1.8vw}.service .desc{font-size:1.4vw;line-height:1.5em}.service .read-more{font-size:1.2vw}}@media only screen and (max-width:649px){#servicesTitle{margin-top:6vh;font-size:5vh}#servicesWrapper{width:90%;margin:1vh 5%}.service{width:80%;margin:2vh 10%;aspect-ratio:1/.9}.service .name{font-size:2vh}.service .desc{font-size:1.4vh;line-height:1.5em}.service .read-more{font-size:1.5vh}}#servicesTitle{text-align:center;margin-top:10vh;color:var(--primary-text-color);font-size:5rem}#serviceContainer h3{text-align:center;padding-top:4rem}#serviceContainer h2{text-align:center;font-family:var(--secondary-font);font-size:5rem;line-height:130%}#serviceContainer h4{margin-top:1rem;font-weight:400;font-size:1.6rem;text-align:center;padding:0 35% 4rem}@media only screen and (min-width:650px) and (max-width:990px){#serviceContainer h2{font-size:4rem;line-height:120%}#serviceContainer h4{font-size:1.5rem;padding:0 20%}}@media only screen and (max-width:649px){#serviceContainer h2{line-height:100%}#serviceContainer h4{font-size:1.5rem;padding:2vw 12%}}