.container{position:relative;background-image:url(//chaniotisworkshop.lunarweblabs.com/wp-content/themes/chaniotis/css/../img/495496784_18499663261005509_7889170219945154495_n.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;height:fit-content;width:80%;margin:auto;z-index:0}.container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);pointer-events:none;z-index:0}.container>*{position:relative;z-index:1}.falling-letters{font-family:"Ephesis";font-weight:100;color:#fff;text-align:center;font-size:50px;width:70%;margin:auto;line-height:2;padding:100px 0}.falling-letters span{display:inline;opacity:0;transform:translateY(-50px);transition:transform .2s ease,opacity .2s ease}.falling-letters span.active{opacity:1;transform:translateY(0)}.services-section{width:75%;margin:0 auto;padding:100px 0}.services-list-title{font-family:"Libre Caslon Text",serif;text-align:center;font-size:40px}.service-item{border-bottom:1px solid #444;padding:20px 0;margin-top:50px}.service-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.service-left{display:flex;align-items:center;gap:15px}.service-number{font-size:20px;color:#000}.service-header h3{font-family:"Libre Caslon Text",serif;font-size:32px;color:#000;text-transform:uppercase;font-weight:300;margin:0}.arrow{font-size:20px;transition:transform .3s ease;color:#000}.service-description{max-height:0;overflow:hidden;transition:max-height .5s ease,padding .5s ease;padding-top:0;display:flex}.service-description.open{padding-top:50px}.service-description p{color:#000;font-size:18px;line-height:1.6;margin:10px 0;font-family:"Inter",serif;margin:auto;margin-left:30px;width:60%;font-weight:200}.service-image{height:300px;width:auto;display:block;margin-bottom:20px;border-radius:10px}.desc{max-height:0;overflow:hidden;transition:all .4s ease;padding-top:0}.portfolio-section{background-image:url(//chaniotisworkshop.lunarweblabs.com/wp-content/themes/chaniotis/css/../img/418804364_1428811401368321_6175411006421860151_n.jpg);position:relative;background-size:cover;background-position:center;height:700px;display:flex;align-items:center;justify-content:center;color:#fff}.portfolio-overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center}.portfolio-content{position:relative;text-align:center;background-color:#000;backdrop-filter:blur(6px);height:100%;width:40%;display:flex;flex-direction:column;align-items:center;justify-content:center}.portfolio-content h2{font-family:"Libre Caslon Text",serif;font-weight:200;font-size:40px;text-transform:uppercase;letter-spacing:2px;line-height:2}.portfolio-button{display:flex;margin:auto;margin-top:40px;border:.8px solid #fff;padding:15px 30px;background-color:#000;transition:all .3s ease;text-decoration:none;color:#fff;font-family:"Caladea",serif;font-size:16px;width:fit-content}.portfolio-button:hover{box-shadow:4px 4px 10px rgba(255,255,255,.1);transform:translateY(-1px)}@media(max-width:991px){.container{width:92%}.falling-letters{font-size:45px;width:80%}.services-list-title{font-size:35px}.services-section{width:85%;padding:80px 0}.service-header h3{font-size:25px}.portfolio-section{height:500px}.portfolio-content{width:50%}.portfolio-content h2{font-size:30px}.portfolio-button{margin-top:30px;padding:10px 20px}}@media(max-width:768px){.container{width:95%}.falling-letters{font-size:35px}.services-section{width:92%}.service-item{padding:15px 0;margin-top:40px}.services-header h3{font-size:22px}.service-left{gap:8px}.service-number{font-size:15px}.service-image{height:250px}.service-description p{font-size:17px;line-height:1.5}.service-description.open{padding-top:20px !important}.portfolio-content{width:60%}.portfolio-content h2{font-size:25px}}@media(max-width:576px){.falling-letters{width:90%;font-size:30px}.services-section{width:95%;padding:50px 0 80px}.services-list-title{font-size:30px}.service-item{margin-top:30px}.service-header h3{font-size:19px}.service-description p{font-size:16px;line-height:1.4;margin-left:20px;width:70%}.service-image{height:200px}.portfolio-section{height:400px}.portfolio-content{width:65%}.portfolio-content h2{font-size:20px}}