.content-slider{display:flex;flex-wrap:wrap}.content-slider .cards{width:30%}.content-slider .cards .card{border-left:3px solid transparent;cursor:pointer;display:flex;margin:0 0 36px;opacity:.5;padding:16px 24px}.content-slider .cards .card.active{opacity:1}.content-slider .cards .card h6{margin:0 0 16px}.content-slider .cards .card.no-desc{align-items:center}.content-slider .cards .card.no-desc h6{margin:0}.content-slider .cards .card .icon{align-items:center;border-radius:100%;display:flex;height:48px;justify-content:center;width:48px}.content-slider .cards .card .icon div,.content-slider .cards .card .icon span{display:flex}.content-slider .cards .card .icon svg{width:24px}.content-slider .cards .card .detail{font-size:16px;padding-left:16px;width:calc(100% - 48px)}.content-slider .cards .card .detail p{margin:0}.content-slider .content{padding-left:100px;width:70%}.content-slider .content .contentbox{display:none;opacity:0;transition:opacity .5s ease-in-out}.content-slider .content .contentbox h1,.content-slider .content .contentbox h2,.content-slider .content .contentbox h3,.content-slider .content .contentbox h4,.content-slider .content .contentbox h5,.content-slider .content .contentbox h6{margin:0 0 24px}.content-slider .content .contentbox.active{display:block;opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-in-out}@media (max-width:767px){.content-slider .cards{width:100%}.content-slider .cards .card{padding:16px}.content-slider .content{padding-left:0;width:100%}}@media (min-width:768px) and (max-width:1023px){.content-slider .cards{width:40%}.content-slider .cards .card{padding:16px}.content-slider .content{padding-left:40px;width:60%}}