.carousel-wrapper{margin:auto;max-width:1100px;padding:30px 40px 0;position:relative}.carousel{overflow:hidden}.carousel-track{display:flex;transition:transform .5s ease}.carousel-card{background:#fff;border:2px solid #e5e6e7;border-radius:15px;box-shadow:none;flex:0 0 calc(33.333% - 24px);margin:0 12px;padding:30px;transition:border 1s}.carousel-card:hover{border:2px solid #e86800}.nav-arrow{background-color:#e86800;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:22px;height:52px;position:absolute;top:50%;transform:translateY(-50%);width:52px;z-index:2}.prev{left:15px}.next{right:15px}.carousel-dots{display:flex;justify-content:center;margin-top:30px}.carousel-dots span{background:#ccc;border-radius:50%;cursor:pointer;height:10px;margin:0 6px;transition:.3s;width:10px}.carousel-dots span.active{background-color:#e86800;border-radius:10px;width:30px}@media only screen and (max-width:767px){.carousel-card{flex:0 0 calc(100% - 24px)}.carousel-track{height:450px}.carousel-wrapper{padding:30px 0 0!important}.nav-arrow{top:115%!important}.prev{left:50px!important}.next{right:50px!important}}@media only screen and (min-width:768px){.carousel-card{flex:0 0 calc(50% - 24px)}.carousel-track{height:315px}}@media only screen and (min-width:1024px){.carousel-card{flex:0 0 calc(50% - 24px)}.carousel-track{height:260px}}@media only screen and (min-width:1280px){.carousel-track{height:240px}}@media only screen and (min-width:1440px){.carousel-track{height:250px}}