@keyframes preview{0%{opacity:0;transform:translateY(5vh);-webkit-transform:translateY(5vh);-moz-transform:translateY(5vh);-ms-transform:translateY(5vh);-o-transform:translateY(5vh)}to{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}}.mob{display:none!important}.preview{margin-top:100px;padding:0 15%;display:flex;flex-direction:row;justify-content:space-between;gap:24px;height:50vh;animation:preview 1s ease;-webkit-animation:preview 1s ease}.preview .preview-card{position:relative;background-color:#1d1c1c;color:#fff;padding:30px;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;min-width:15%;overflow:hidden;transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease}.preview .preview-card a{display:flex;flex-direction:column;position:relative;width:100%;height:100%}.preview .preview-card a div{width:100%;height:100%}.preview .preview-card .list{position:absolute;display:flex;justify-content:center;padding:20px;bottom:0;gap:20px;width:100%;left:0;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;background-color:hsla(174,6%,35%,.65);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transform:translateY(100%);-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transition:transform .3s ease;-webkit-transition:transform .3s ease;-moz-transition:transform .3s ease;-ms-transition:transform .3s ease;-o-transition:transform .3s ease;z-index:2}.preview .preview-card .list a{color:#fff;font-size:14px;font-weight:400;margin-bottom:0;transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease}.preview .preview-card .list a:hover{color:#dfcea2}.preview .preview-card .list div{display:flex;flex-direction:column}.preview .preview-card img{position:absolute;width:115%;height:auto;bottom:-25%;right:-8%;z-index:1}.preview .preview-card h3{position:relative;font-size:32px;font-weight:600;margin-bottom:5px;z-index:2;transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease}.preview .preview-card p{position:relative;font-size:16px;color:#7a7a86;z-index:2}.preview .preview-card:hover{background-color:#fff}.preview .preview-card:hover h3{color:#1d1c1c}.preview .preview-card:hover .list{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}.preview .preview-column-one{width:25%}.preview .preview-column-two{display:flex;flex-direction:row;flex-wrap:wrap;gap:24px;flex:1 1}.preview .preview-column-two .preview-card:first-child{width:calc(65% - 12px)}.preview .preview-column-two .preview-card:first-child img{width:58%;bottom:-35%;right:-11%}.preview .preview-column-two .preview-card:nth-child(2){width:calc(35% - 12px)}.preview .preview-column-two .preview-card:nth-child(2) img{transform:scaleX(-1);width:115%;bottom:-55%;right:-25%;-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);-o-transform:scaleX(-1)}.preview .preview-column-two .preview-card:nth-child(3){width:calc(30% - 12px)}.preview .preview-column-two .preview-card:nth-child(3) img{width:135%;left:0;bottom:-25%}.preview .preview-column-two .preview-card:nth-child(4){width:calc(70% - 12px)}.preview .preview-column-two .preview-card:nth-child(4) img{width:36%;right:0;bottom:0}@media screen and (max-width:1785px){.preview{padding:0 10%;min-height:500px}}@media screen and (max-width:1570px){.preview{padding:0 5%;min-height:500px}}@media screen and (max-width:992px){.preview{margin-top:20px;padding:0 3%;gap:3%;height:40vh;max-height:300px;min-height:294px;width:100%;max-width:100%}.preview .preview-card{padding:20px;min-width:15%;min-height:143px}.preview .preview-card img{position:absolute;width:120%;height:auto;bottom:-15%;right:-9%;z-index:1}.preview .preview-card h3{font-size:18px;margin-bottom:0}.preview .preview-card p{position:relative;font-size:14px;color:#7a7a86;z-index:2}.preview .preview-column-one{width:48.5%;min-width:47%}.preview .preview-column-two{display:flex;flex-direction:column;flex-wrap:nowrap;gap:3%;flex:1 1;min-width:48.5%}.preview .preview-column-two .preview-card:first-child{width:100%;height:50%}.preview .preview-column-two .preview-card:first-child img{width:80%;bottom:-20%;right:-18%}.preview .preview-column-two .preview-card:nth-child(2){display:none;width:97%}.preview .preview-column-two .preview-card:nth-child(2) img{transform:scaleX(-1);width:115%;bottom:-55%;right:-25%;-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);-o-transform:scaleX(-1)}.preview .preview-column-two .preview-card:nth-child(3){display:none;width:87%}.preview .preview-column-two .preview-card:nth-child(3) img{width:135%;left:0;bottom:-25%}.preview .preview-column-two .preview-card:nth-child(4){width:100%;height:50%}.preview .preview-column-two .preview-card:nth-child(4) img{width:56%;right:0;bottom:0}.mob{display:flex!important;flex-direction:row!important;gap:15px;margin-top:3%!important;min-height:-moz-fit-content!important;min-height:fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.mob .preview-column-two{flex-direction:row;max-height:170px;min-height:170px}.mob .preview-column-two .preview-card:first-child{display:flex!important;flex-direction:column;width:50%!important;height:100%}.mob .preview-column-two .preview-card:first-child img{transform:scaleX(-1);width:115%;bottom:-25%;right:-25%;-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);-o-transform:scaleX(-1)}.mob .preview-column-two .preview-card:nth-child(2){display:flex!important;flex-direction:column;width:50%!important}.mob .preview-column-two .preview-card:nth-child(2) img{width:135%;left:0;bottom:-20%}}