:root{--box-y-padding:4rem;--box-x-padding:2rem;--gradient-box-top:#7c8ce2;--gradient-box-bottom:#a1c3e7}.card-list{display:flex;padding:3rem;overflow-x:scroll}.card-list::-webkit-scrollbar{width:10px;height:10px}.card-list::-webkit-scrollbar-thumb{background:#00065a;border-radius:10px;box-shadow:inset 2px 2px 2px hsla(0,0%,100%,.25),inset -2px -2px 2px rgba(255,255,255,.25)}.card-list::-webkit-scrollbar-track{background:linear-gradient(90deg,#313131,#313131 1px,#e4e4e4 0,#c8dffd)}.card{height:350px;width:400px;min-width:250px;padding:1.5rem;border-radius:16px;background:#00065a;box-shadow:-1rem 0 3rem #000;display:flex;flex-direction:column;transition:.2s;margin:4vh 0 50px 0;scroll-snap-align:start;clear:both;position:relative}.card:focus-within~.card,.card:hover~.card{transform:translateX(130px)}.card:hover{transform:translateY(-1rem)}.card:not(:first-child){margin-left:-130px}.card-header{margin-bottom:auto}.card-header h2{font-size:20px;color:white;font-family:'Merriweather Sans',Arial,Helvetica,sans-serif;font-weight:700;font-size:calc(12px + .6vw);text-transform:uppercase;margin:.25rem 0 auto;text-decoration:none;border:0;display:inline-block;text-align:left}.card-header h2:hover{background:linear-gradient(90deg,#ffffff,#03f7f7);text-shadow:none;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.card-author{margin:.8rem 0 0;display:grid;grid-template-columns:1fr;align-items:center;position:relative}.author-avatar{grid-area:auto;align-self:start;position:relative;box-sizing:border-box}.author-avatar img{width:60px;height:60px;border-radius:100%;display:block;overflow:hidden;margin:10px}.author-name{grid-area:auto;box-sizing:border-box;color:#a9a9c5;font-size:calc(12px + .6vw);text-align:left}.tags{margin:auto 0 2rem;padding:.5rem 0 1rem;line-height:2;margin-bottom:0;text-align:left}.tags a{font-style:normal;font-weight:700;color:#a9a9c5;text-transform:uppercase;font-size:calc(10px + .3vw);border:3px solid #655a77;border-radius:2rem;padding:.2rem .85rem .25rem;position:relative}.tags a:hover{background:linear-gradient(90deg,#ffffff,#03f7f7);text-shadow:none;-webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-box-decoration-break:clone;box-decoration-break:clone;background-clip:text;border-color:white}@media screen and (min-width:1px) and (max-width:430px){:root{--layout-width:270px;--box-y-padding:1rem;--box-x-padding:1rem}}@media screen and (min-width:431px) and (max-width:700px){:root{--layout-width:400px;--box-y-padding:1rem}}.wrapper-layout{background:linear-gradient(180deg,#fff 0%,#dca9ff 10%,#a0bbee 35%,#cd98f0 90%,#fff 100%);padding-top:3rem;padding-bottom:3rem;z-index:-9999}.servicii-layout{display:grid;grid-template-columns:2.5fr 1fr 1fr;grid-template-rows:130px 1fr 1fr;max-width:1500px;margin-right:auto;margin-left:auto;padding:3rem 1rem}.servicii-layout-h1{grid-row:1;grid-column:1 / 3;background:linear-gradient(var(--gradient-box-top),var(--gradient-box-bottom));font-family:'Limelight',Arial,Helvetica,sans-serif;font-size:calc(5px + 1.5vw);text-shadow:1px 2px 5px rgb(102,102,102);letter-spacing:.2rem;justify-content:center;align-items:center;text-transform:uppercase;display:grid;z-index:99}.servicii-content{grid-row:2 / 4;grid-column:1 / 2;padding-top:var(--box-x-padding);;padding-bottom:var(--box-y-padding);padding-left:var(--box-x-padding);padding-right:var(--box-x-padding);color:#313131;margin-bottom:var(--box-y-padding);font-family:'Merriweather Sans',Arial,Helvetica,sans-serif;font-size:calc(10px + .8vw);line-height:1.7;background:linear-gradient(135deg,#fafcff 0%,#d8e8ff 50%,#f5dcf2 100%)}.servicii-layout-img{grid-row:1 / 4;grid-column:2 / 5;position:relative;object-fit:contain;z-index:9}.servicii-layout-img img,.servicii-layout-img-reverse img{width:100%;height:100%;box-shadow:0 .2rem .7rem rgba(61,48,41,.7)}.servicii-layout-reverse{display:grid;grid-template-columns:1fr 1fr 2.5fr;grid-template-rows:130px 1fr 1fr;max-width:1500px;margin-right:auto;margin-left:auto;padding:3rem 1rem}.servicii-layout-reverse-h1{grid-row:1;grid-column:2 / 4;background:linear-gradient(var(--gradient-box-top),var(--gradient-box-bottom));font-family:'Limelight',Arial,Helvetica,sans-serif;font-size:calc(5px + 1.5vw);text-shadow:1px 2px 5px rgb(102,102,102);letter-spacing:.2rem;justify-content:center;align-items:center;text-transform:uppercase;display:grid;z-index:99}.servicii-content-reverse{grid-row:2 / 4;grid-column:3 / 4;padding-top:var(--box-x-padding);;padding-bottom:var(--box-y-padding);padding-left:var(--box-x-padding);padding-right:var(--box-x-padding);color:#313131;margin-bottom:var(--box-y-padding);font-family:'Merriweather Sans',Arial,Helvetica,sans-serif;font-size:calc(10px + .8vw);line-height:1.7;background:linear-gradient(230deg,#fafcff 0%,#d8e8ff 50%,#f5dcf2 100%)}.servicii-layout-img-reverse{grid-row:1 / 4;grid-column:1 / 3;position:relative;object-fit:contain;z-index:9}@media screen and (min-width:1px) and (max-width:700px){.servicii-layout,.servicii-layout-reverse{display:grid;grid-template-columns:1fr;grid-template-rows:.5fr 130px 1fr;max-width:var(--layout-width);margin-right:auto;margin-left:auto;padding:3rem 1rem}.servicii-layout-img,.servicii-layout-img-reverse{grid-row:1 / 2;grid-column:1;position:relative;object-fit:contain;z-index:9}.servicii-layout-h1,.servicii-layout-reverse-h1{grid-row:2 / 3;grid-column:1;background:linear-gradient(var(--gradient-box-top),var(--gradient-box-bottom));font-family:'Limelight',Arial,Helvetica,sans-serif;font-size:calc(5px + 1.5vw);text-shadow:none;text-align:center;letter-spacing:.1rem;justify-content:center;align-items:center;text-transform:uppercase;display:grid;z-index:99;box-shadow:0 .2rem 1rem rgba(61,48,41,.5)}.servicii-content,.servicii-content-reverse{grid-row:3 / 4;grid-column:1;padding-top:var(--box-x-padding);;padding-bottom:var(--box-y-padding);padding-left:var(--box-x-padding);padding-right:var(--box-x-padding);color:#313131;margin-bottom:var(--box-y-padding);font-family:'Merriweather Sans',Arial,Helvetica,sans-serif;font-size:calc(10px + .8vw);line-height:1.6;background:linear-gradient(135deg,#fafcff 0%,#d8e8ff 60%,#f5dcf2 100%);box-shadow:0 .2rem 1rem rgba(61,48,41,.5)}}