.sliding-cards.one{grid-template-rows:repeat(3,600px)!important}@media screen and (min-width:577px){.sliding-cards.one{grid-template-rows:repeat(1,600px)!important}}.sliding-cards.two{grid-template-rows:repeat(6,600px)!important}.sliding-cards{display:grid;grid-template-columns:repeat(1,1fr);list-style:none;margin:0;padding:0;width:100%}.sliding-cards .card{background:#0a0066;cursor:pointer;overflow:hidden;position:relative}.sliding-cards .card .left{background-position:62%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;transition:transform .8s;width:100%;z-index:1}.sliding-cards .card .left .overlay{background:linear-gradient(1turn,rgba(0,0,0,.6),rgba(0,0,0,.2) 30%,hsla(0,0%,100%,0));height:100%;left:0;position:absolute;top:0;width:100%}.sliding-cards .card .left .title{bottom:20px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;left:50%;min-height:150px;padding:0 20px;position:absolute;text-shadow:0 0 5px rgba(0,0,0,.35);transform:translateX(-50%);width:100%;z-index:2}.sliding-cards .card .left .title h3{font-size:20px!important;font-weight:500!important;line-height:1.1!important;text-align:left!important}.sliding-cards .card .right{align-items:center;background:#0a0066;color:#fff;display:flex;height:100%;justify-content:center;padding:0;position:absolute;right:-100%;top:0;transition:right .8s;width:100%;z-index:2}.sliding-cards .card .right .text{line-height:1.5;max-width:85vw;opacity:0;text-align:left;transition:opacity .3s .3s}@media screen and (min-width:577px){.sliding-cards.two{grid-template-rows:repeat(2,600px)!important}.sliding-cards{grid-template-columns:repeat(3,1fr)}.sliding-cards .card .left .title{padding:0 40px}.sliding-cards .card .right{padding:35px}.sliding-cards .card .right .text{max-width:80vw}}@media screen and (min-width:769px){.sliding-cards .card .right .text{max-width:40vw}}@media screen and (min-width:1201px){.sliding-cards .card .right .text{max-width:28vw}}@media screen and (min-width:1441px){.sliding-cards .card .right .text{max-width:29vw}}.sliding-cards .card .right .text p:first-of-type strong{font-size:14px!important}.sliding-cards .card .right .text p{font-size:14px;padding:10px 0!important}.sliding-cards .card:hover .left{transform:translateX(-100%)}.sliding-cards .card:hover .right{right:0}.sliding-cards .card:hover .right .text{opacity:1}
/*# sourceMappingURL=style.css.map */