.CardProjectDemo{background:#fff;border-radius:60px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}.CardProjectDemo .cross-out{position:relative;text-decoration:none}.CardProjectDemo .cross-out:before{background:#e62716;border-radius:.1rem;content:"";display:block;height:.2rem;left:-5%;opacity:.8;position:absolute;top:50%;-webkit-transform:rotate(-5deg);transform:rotate(-5deg);white-space:nowrap;width:100%}.CardProjectDemo .coverLinkWrap{border-bottom:unset}.CardProjectDemo .discountBlob{-ms-flex-line-pack:center;align-content:center;background:#0a0a0a;background-image:linear-gradient(120deg,#4b6ce6,#1d76db);border-radius:100px 0 0 100px;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 2rem 0 3rem;position:absolute;right:0;text-align:right;top:15%;z-index:1}.CardProjectDemo .discountBlob .discountTextContainer{padding:1rem 0}.CardProjectDemo .discountBlob .discountTextContainer .discountText{color:#fff;font-weight:700}.CardProjectDemo .discountBlob .discountTextContainer .discountText .prefix{font-size:1.33rem}.CardProjectDemo .discountBlob .discountTextContainer .discountText .suffix{font-size:1.66rem}.CardProjectDemo .wrap{padding:2rem 3rem 0}.CardProjectDemo .details .bottom{margin-bottom:1rem;width:100%}.CardProjectDemo .details .bottom .detail{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding:1rem 0;white-space:normal}.CardProjectDemo .details .bottom .detail>.content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%}.CardProjectDemo .details .bottom .detail .label{font-size:14px;margin-bottom:.5rem;opacity:.5}.CardProjectDemo .details .bottom .detail .value{font-size:1.125rem;font-weight:700}.CardProjectDemo .preview{border-radius:60px 0;height:15rem;overflow:hidden;position:relative}.CardProjectDemo .preview:before{background:-webkit-gradient(linear,left bottom,left top,from(rgba(10,10,10,.7)),color-stop(rgba(10,10,10,.1)),color-stop(transparent),color-stop(transparent),to(transparent));background:linear-gradient(0deg,rgba(10,10,10,.7),rgba(10,10,10,.1),transparent,transparent,transparent);bottom:0;content:" ";left:0;position:absolute;right:0;top:0;-webkit-transition:background-color .2s linear;transition:background-color .2s linear;z-index:1}.CardProjectDemo .preview .startDateOverlay{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:-webkit-gradient(linear,left top,right top,from(rgba(10,10,10,.38)),to(rgba(10,10,10,.12)));background:linear-gradient(90deg,rgba(10,10,10,.38),rgba(10,10,10,.12));border:1px solid #fff;border-radius:999px;color:hsla(0,0%,100%,.96);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.05rem;font-weight:600;left:2rem;letter-spacing:-.02rem;max-width:80%;padding:.35rem .8rem;position:absolute;text-shadow:0 1px 6px rgba(10,10,10,.45);top:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:2}.CardProjectDemo .preview .inactiveOverlay{background:#0a0a0a;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:1}.CardProjectDemo .preview .messageOverlay{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:2}.CardProjectDemo .preview .messageOverlay>span{color:#fff;font-size:1.46rem;font-weight:700}.CardProjectDemo .preview .nameOverlay{margin:2rem 5rem;position:absolute;top:0;z-index:2}.CardProjectDemo .preview .nameOverlay>span{color:#fff;font-size:1.33rem;font-weight:700}.CardProjectDemo .preview .sliderContainer{bottom:1rem;padding:0 2rem 0 1rem;position:absolute;width:100%;z-index:1}.CardProjectDemo .preview img{-webkit-filter:brightness(.8);filter:brightness(.8);height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-filter .2s linear;transition:-webkit-filter .2s linear;transition:filter .2s linear;transition:filter .2s linear,-webkit-filter .2s linear;width:100%}.CardProjectDemo .preview.grayed img{-webkit-filter:grayscale(80%);filter:grayscale(80%)}.CardProjectDemo .preview:hover:before{background:-webkit-gradient(linear,left bottom,left top,from(rgba(10,10,10,.9)),color-stop(rgba(10,10,10,.2)),color-stop(transparent),color-stop(transparent),to(transparent));background:linear-gradient(0deg,rgba(10,10,10,.9),rgba(10,10,10,.2),transparent,transparent,transparent);bottom:0;content:" ";left:0;position:absolute;right:0;top:0;-webkit-transition:background-color .2s linear;transition:background-color .2s linear;z-index:1}.CardProjectDemo .preview:hover img{-webkit-filter:brightness(1);filter:brightness(1);-webkit-transition:-webkit-filter .2s linear;transition:-webkit-filter .2s linear;transition:filter .2s linear;transition:filter .2s linear,-webkit-filter .2s linear}@media screen and (min-width:768px){.CardProjectDemo .details .bottom .detail{padding:1rem 0 1rem 1rem}.CardProjectDemo .preview .messageOverlay>span,.CardProjectDemo .preview .nameOverlay>span{font-size:2.5rem}}@media screen and (min-width:992px){.CardProjectDemo .discountBlob .discountTextContainer .discountText .prefix{font-size:2rem}.CardProjectDemo .discountBlob .discountTextContainer .discountText .suffix{font-size:2.5rem}.CardProjectDemo .preview .sliderContainer{padding:0 5rem}}@media screen and (min-width:1200px){.CardProjectDemo .details .bottom .detail{border-left:2px solid #0a0a0a}.CardProjectDemo .details .bottom .detail:nth-of-type(odd){border-left:2px solid #0a0a0a;padding-left:1rem}.CardProjectDemo .details .bottom .detail:first-of-type{border-left:none;padding-left:0}}.Hero{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;background-color:#121212;background-position:bottom;background-repeat:no-repeat;background-size:cover;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:60vh;overflow:hidden;padding:0 1rem;position:relative;z-index:1}.Hero h1{font-size:2.5rem}.Hero .Row>div{margin-bottom:2rem}.Hero .Row>div:last-child{margin-bottom:0}.Hero>.image img{bottom:0;-webkit-filter:brightness(.2);filter:brightness(.2);left:0;min-height:100%;min-width:100%;-o-object-fit:cover;object-fit:cover;position:absolute;right:0;top:0;z-index:1}.Hero .outside{z-index:3}.Hero>.Hero-body{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;height:100%;position:relative;z-index:2}.Hero>.Hero-body,.Hero>.Hero-body>.Wrap{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.Hero>.Hero-body>.Wrap{-ms-flex-negative:1;flex-shrink:1;margin:0 auto;padding:0}@media screen and (min-width:360px){.Hero>.Hero-body>.Wrap{padding:0 1.5rem}}@media screen and (min-width:768px){.Hero{padding:4.6rem .5rem 0 4.6rem}.Hero h1{font-size:4rem}}@media screen and (min-width:992px){.Hero{padding-bottom:12rem;padding-top:12rem}.Hero .Row>div{margin-bottom:0}}@media screen and (min-width:1200px){.Hero{padding-top:12rem}.Hero>.Hero-body>.Wrap{padding:0 2rem}}.CardTimeline-block{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:1rem;position:relative;z-index:1}.CardTimeline-block:last-child{margin-bottom:0}.CardTimeline-block-icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#4b6ce6 0 0 no-repeat padding-box;border-radius:50%;-webkit-box-shadow:0 1px 20px rgba(10,10,10,.1);box-shadow:0 1px 20px rgba(10,10,10,.1);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;height:1rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:.9rem;outline:1rem solid #ededed;position:relative;text-align:center;top:1rem;width:1rem;z-index:1}.CardTimeline-block-icon>.Icon{font-size:1.33rem;height:1.5rem;width:1.5rem}.CardTimeline{margin-left:1rem;overflow:visible;padding-bottom:3rem;position:relative}.CardTimeline>.CardTimeline-date{font-size:1.46rem;margin-left:1rem;text-align:left}.CardTimeline .title{font-size:1.33rem;margin-left:1rem}.CardTimeline>.body,.CardTimeline>.head{padding:0}.CardTimeline:hover:before{border-color:#121212}.CardTimeline-text{font-family:inherit;line-break:normal;white-space:pre-wrap}@media screen and (min-width:768px){.CardTimeline-block-icon{height:1rem;margin-left:calc(5% - .5rem);-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;outline:1rem solid #ededed;top:1rem;width:1rem;will-change:transform}.CardTimeline-block:last-child .CardTimeline-block-icon{outline:1rem solid #dbdbdb}.CardTimeline{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;margin-left:0;width:45%;will-change:transform}.CardTimeline>.CardTimeline-date{margin-top:.5rem;text-align:right}.CardTimeline .title{left:120%;position:absolute;top:.5rem;width:100%}}.Timeline{position:relative}.Timeline:before{background:#121212;content:"";height:100%;left:18px;position:absolute;top:0;width:4px}@media screen and (min-width:768px){.Timeline:before{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}#self-project-progress>h3{margin-bottom:4rem;text-align:center}