.hero-card-banner{display:grid;grid-gap:20px;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.hero-card-banner--slider{min-height:400px}.hero-card-banner--slide-content{color:#fff;font-size:1.4rem;left:50px;padding:30px;position:absolute;width:60%;z-index:1}.hero-card-banner--slide-content h2{font-weight:700}.hero-card-banner--slide-content h2,.hero-card-banner--slide-desc *{color:#fff}.hero-card-banner--slide-price{color:#ff0;font-size:2rem;font-weight:700}.hero-card-banner--item{border-radius:8px}.hero-card-banner--side-img{height:100%;object-fit:cover;position:absolute;width:100%}.hero-card-banner--item:first-child{grid-area:1/1/3/2}.hero-card-banner--item:nth-child(2),.hero-card-banner--item:nth-child(3){overflow:hidden;position:relative}.hero-card-banner--item:nth-child(2){grid-area:1/2/2/3}.hero-card-banner--item:nth-child(3){grid-area:2/2/3/3}.hero-card-banner--sidebar{display:grid;grid-template-columns:1fr}.hero-card-banner--slider{overflow:hidden;position:relative;width:100%}.hero-card-banner--slider svg{fill:#000;height:40px;width:40px}.hero-card-banner--slider #line{background:rgba(0,0,0,.5);bottom:0;height:5px;position:absolute;right:0;z-index:1}.hero-card-banner--slider #dots{bottom:16px;display:flex;justify-content:center;left:0;position:absolute;right:0}.hero-card-banner--slider #dots li{background:rgba(0,0,0,.5);border-radius:100%;cursor:pointer;height:12px;list-style-type:none;margin:0 .25em;transition:.3s;width:12px}.hero-card-banner--slider #dots li.active,.hero-card-banner--slider #dots li:hover{background:#fff}@keyframes line{0%{width:0}to{width:100%}}.hero-card-banner--slider #back,.hero-card-banner--slider #forword{align-items:center;background:-moz-linear-gradient(left,hsla(0,0%,100%,.75) 0,hsla(0,0%,100%,0) 100%);background:-webkit-linear-gradient(left,hsla(0,0%,100%,.75),hsla(0,0%,100%,0));background:linear-gradient(90deg,hsla(0,0%,100%,.75) 0,hsla(0,0%,100%,0));bottom:0;color:#fff;cursor:pointer;display:flex;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#bfffffff",endColorstr="#00ffffff",GradientType=1);font-size:2rem;font-weight:700;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:.3s;width:6%}.hero-card-banner--slider #forword{background:-moz-linear-gradient(left,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.75) 100%);background:-webkit-linear-gradient(left,hsla(0,0%,100%,0),hsla(0,0%,100%,.75));background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.75));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff",endColorstr="#bfffffff",GradientType=1);left:auto;right:0}.hero-card-banner--slider:hover #back,.hero-card-banner--slider:hover #forword{opacity:.7}ul#move{background:gray;margin:0 100% 0 0;width:100%}ul#move,ul#move li{display:flex;padding:0}ul#move li{align-items:center;color:#fff;justify-content:center;list-style-type:none;margin:0;min-width:100%;transition:.6s}ul#move li img{width:100%}ul#move li:first-child{background:#657765}ul#move li:nth-child(2){background:#456174}ul#move li:nth-child(3){background:#984}ul#move li:nth-child(4){background:#456}ul#move li:nth-child(5){background:#744674}.hero-card-banner--side-content{bottom:0;color:#fff;font-size:1.3rem;font-weight:700;padding:20px;position:absolute;width:70%;z-index:1}