section.you-can{padding:100px 0}section.you-can h2{font-weight:500;margin-bottom:60px;text-align:center}section.you-can .benefits{display:flex;justify-content:space-around}section.you-can .benefits>div{align-items:center;display:flex;flex-direction:column;max-width:30%;text-align:center}section.you-can .double-grid{box-shadow:0 5px 10px rgba(0,0,0,.12);display:grid;grid-template-columns:1fr;margin:100px 100px 0;position:relative}section.you-can .benefits>div p{margin-top:10px;max-width:225px;text-align:center}section.you-can .percentage-box{grid-gap:15px;align-items:center;background:hsla(0,0%,97%,.85);border-radius:20px;box-shadow:30px 30px 30px rgba(0,0,0,.16);display:flex;padding:15px 50px;width:282px}#chart-1,#chart-2{height:80px;position:relative}#chart-2{margin-left:25px!important}section.you-can .percentage-box span{color:#201641;font-size:22px;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}section.you-can .percentage-box .text-holder{color:#201641;font-size:15px;margin-left:40px}section.you-can .upper-percentage{position:absolute;right:-100px;top:-50px}section.you-can .lower-percentage{bottom:-50px;left:-100px;position:absolute}@media (max-width:768px){section.you-can{padding:50px 0}section.you-can .benefits{flex-direction:column}section.you-can .benefits>div{max-width:none}section.you-can .double-grid{grid-template-columns:1fr;margin:50px 0}section.you-can .upper-percentage{bottom:-75px;right:0;top:auto}section.you-can .lower-percentage{display:none}}