.services-list .service-item[data-v-fa04d180]{border-bottom:1px solid hsla(0,0%,100%,.2);cursor:pointer;display:grid;gap:20px;grid-auto-columns:1fr;grid-template-areas:"service-title service-preview-wrapper btn-240" "service-desc service-preview-wrapper btn-240";grid-template-columns:3fr 1fr auto;grid-template-rows:2fr 3fr;opacity:.7;padding:0 20px;position:relative;transition:opacity .4s ease-in-out}.services-list .service-item .service-title[data-v-fa04d180]{color:rgb(var(--white-color));font-size:32px;font-weight:600;margin:1em 0 0}.services-list .service-item .service-desc[data-v-fa04d180]{color:rgb(var(--white-color));font-size:18px;font-weight:300;line-height:1.6em;margin:5px 0 0;max-width:700px;text-wrap:balance}.services-list[data-v-fa04d180]{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.services-list .service-item[data-v-fa04d180]{border-bottom:1px solid hsla(0,0%,100%,.2);cursor:pointer;display:grid;gap:20px;grid-auto-columns:1fr;grid-template-areas:"service-title service-preview-wrapper btn-240" "service-desc service-preview-wrapper btn-240";grid-template-columns:3fr 1fr auto;grid-template-rows:2fr 3fr;opacity:.5;padding:0 20px;position:relative;transition:opacity .4s ease-in-out}.services-list .service-item .service-title[data-v-fa04d180]{grid-area:service-title}.services-list .service-item .service-desc[data-v-fa04d180]{grid-area:service-desc}.services-list .service-item .service-preview-wrapper[data-v-fa04d180]{grid-area:service-preview-wrapper}.services-list .service-item .btn-240[data-v-fa04d180]{grid-area:btn-240}.services-list .service-item[data-v-fa04d180]:first-child{border-top:1px solid hsla(0,0%,100%,.2)}.services-list .service-item .btn-240[data-v-fa04d180]{margin:auto}.services-list .service-item .service-title[data-v-fa04d180]{color:rgb(var(--white-color));font-size:24px;font-weight:600;margin:1em 0 0}.services-list .service-item .service-desc[data-v-fa04d180]{color:rgb(var(--white-color));font-size:18px;margin:5px 0 0}.services-list .service-item .service-preview-wrapper[data-v-fa04d180]{position:relative}.services-list .service-item .service-preview-wrapper[data-v-fa04d180]:after,.services-list .service-item .service-preview-wrapper[data-v-fa04d180]:before{background-image:repeating-linear-gradient(180deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.2) 8px,transparent 0,transparent 16px);bottom:0;content:"";height:100%;position:absolute;top:0;width:1px}.services-list .service-item .service-preview-wrapper[data-v-fa04d180]:after{right:0}.services-list .service-item .service-preview[data-v-fa04d180]{align-items:center;aspect-ratio:16/9;background:linear-gradient(45deg,rgba(var(--first-color),1) 0,rgba(var(--second-color),1))!important;display:flex;height:100%;justify-content:center;opacity:0;overflow:hidden;transition:opacity .4s ease-in-out;width:100%}.services-list .service-item .service-preview img[data-v-fa04d180]{-o-object-fit:cover;object-fit:cover;opacity:.7;padding:3px;transition:opacity .7s ease-in-out}.services-list .service-item[data-v-fa04d180]:hover{background:#00000060;opacity:1}.services-list .service-item:hover .service-preview[data-v-fa04d180]{opacity:1}.btn-240[data-v-fa04d180]{background:rgb(var(--additional-color))}.btn-240 .btn-text[data-v-fa04d180]{color:rgb(var(--prime-color))}@media(max-width:768px){.services-list .service-item[data-v-fa04d180]{display:grid;gap:20px;grid-template-areas:"service-title" "service-preview-wrapper" "service-desc" "btn-240";grid-template-columns:auto;grid-template-rows:auto auto auto auto;opacity:1;padding:20px}.services-list .service-item .service-preview[data-v-fa04d180]{aspect-ratio:21/9;opacity:1}}