.timeline{--icon-size:80px;--icon-gap-x:40px;margin:0 auto;max-width:1140px;padding:15px 0;position:relative;width:100%}.timeline:after{background:#006e51;bottom:0;content:"";left:50%;margin-left:-1px;position:absolute;top:0;width:2px}.timeline-container{background:inherit;position:relative;width:50%}.timeline-container.left{left:0}.timeline-container.right{left:50%}.timeline-container:before{background:#006e51;content:"";height:2px;position:absolute;right:0;top:calc(50% - 1px);width:50px;z-index:1}.timeline-container.right:before{left:0}.timeline-container .icon{color:#006e51;display:inline-block;font-size:18px;height:var(--icon-size);position:absolute;text-align:center;top:calc(50% - var(--icon-size)/2);width:var(--icon-size);z-index:1}.timeline-container.left .icon{right:calc(var(--icon-size)*-1 - var(--icon-gap-x))}.timeline-container.right .icon{left:calc(var(--icon-size)*-1 - var(--icon-gap-x))}.timeline-container .timeline-content{border-radius:0 500px 500px 0;padding:30px 90px 30px 30px;position:relative}.timeline-container.right .timeline-content{border-radius:500px 0 0 500px;padding:30px 30px 30px 90px}.timeline-container .timeline-content h2{color:#006e51;font-size:1.6rem;font-weight:400;margin:0 0 10px}.timeline-container .timeline-content p{color:#000;font-size:1.2rem;margin:0}.color-list{column-gap:2.4rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;row-gap:1.5rem}.card{filter:drop-shadow(rgba(0,0,0,.03) 0 20px 13px) drop-shadow(rgba(0,0,0,.08) 0 8px 5px);height:16rem;overflow:hidden;position:relative;width:12rem}.card,.card-content{background-color:var(--card-color);border-radius:.75rem}.card-content{align-items:center;color:#fff;display:flex;inset:.125rem;justify-content:center;opacity:.9;position:absolute;z-index:1}.card-effect{background-color:#fff;filter:blur(50px);height:16rem;left:-50%;position:absolute;top:-50%;width:12rem}#card-honey-bloom{--card-color:#fffdb3}#card-lilac-mist{--card-color:#d7c8e6}#card-sky-haze{--card-color:#c7ddea}#card-petal-blush{--card-color:#ffd1dc}#card-olive-grove{--card-color:#d4efa2}#card-orange{--card-color:#fac897}#timeline-container{background:linear-gradient(90deg,#d7c8e6 85%,#ffe8c7)}#theme-container{background:linear-gradient(270deg,#b0ddb6 85%,#ffe8c7);margin-left:auto;margin-right:0;padding-left:150px;width:80%}#theme-container p{font-size:1.2rem;max-width:70%;text-align:center}@media only screen and (max-width:768px){body{display:flex;flex-direction:column}.timeline{--icon-size:48px;--icon-gap-x:24px}.timeline:after{left:15%}.timeline-container{width:85%}.timeline-container.left,.timeline-container.right{left:15%}.timeline-container:before{left:0}.timeline-container .icon{left:calc(var(--icon-size)*-1 - var(--icon-gap-x))}.timeline-container .timeline-content,.timeline-container.right .timeline-content{border-radius:500px 0 0 500px;max-width:80%;padding:30px 0 30px 90px}#timeline-container{background-color:#d7c8e6;background-image:unset;width:auto}#theme-container{background-color:#c9dbbd;background-image:unset;max-width:unset;padding:1.6em;width:auto}.color-list{gap:3rem}.card{height:12rem;width:8rem}}