.CardProjectFlex{display:flex;flex-flow:wrap;position:relative;width:100%;margin-bottom:60px}.CardProject{position:relative;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);background-color:#fff;color:#59595b;font-size:18px;margin:10px auto;height:510px;width:30vw;max-width:400px;direction:rtl;text-align:right}.CardProject:hover{box-shadow:0 4px 8px 0 rgba(216,169,39,.7),0 6px 20px 0 rgba(216,169,39,.29)}.CardProject img{width:90%;margin:2% 5%;object-fit:contain;height:170px}.CardProject h3{font-weight:bold;float:right;margin:20px 5%}.CardProject .Paragraph{width:90%;position:relative;margin:0 5%;padding-bottom:30px;text-align:justify;overflow:hidden;max-height:4.5em}.CardProject .Paragraph a{position:absolute;bottom:0;right:0}.CardProject .Footer{position:absolute;display:flex;width:90%;margin:5px 5%;font-size:larger;bottom:50px}.CardProject .Footer label{color:#d8a800;font-weight:bold}.CardProject button{width:50%;margin:10px 5%;right:0;bottom:0;position:absolute}.CardProject .thanking{position:absolute;width:100%;bottom:0;padding-top:10px;text-align:center;background-color:#d8a800}.CardProject .thanking p{color:#fff;font-weight:bold;font-size:larger}.CardProject .finishDate{position:absolute;bottom:100px;width:90%;margin:0 5%;font-size:19px}.CardProject .finishDate label{color:#d8a800;font-weight:bold}.CardProject .buttonsDiv{position:absolute;display:flex;bottom:0;width:100%}.Range{position:absolute;width:90%;margin:5px 5%;bottom:130px}.rangeslider,input[type='range']{width:100%}.rangeslider__handle{border-radius:22px;line-height:32px;text-align:center;font-weight:bold}.rangeslider{background:#b3b3b3;background:#59597840;position:relative}.rangeslider--horizontal{height:10px;width:100%}.rangeslider--vertical{width:20px;min-height:150px;max-height:100%}.rangeslider__handle{background:#fff;border:6px solid #59595b;width:40px;height:40px;right:0%;position:absolute;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}.rangeslider--horizontal .rangeslider__handle{top:-16px;touch-action:pan-y;-ms-touch-action:pan-y}.rangeslider__fill{height:100%;border-radius:10px;width:0;background:#d8a800}@media only screen and (max-width:1040px){.CardProject .Footer p{font-size:18px}}@media only screen and (max-width:1000px){.CardProjectFlex{display:grid;justify-content:center}.CardProject{margin:20px 5%;width:90%;height:410px}.CardProject .Paragraph{display:none}.CardProject .Footer p{font-size:21px}}@media only screen and (max-width:350px){.CardProject .Footer p{font-size:18px}}