.survey_chart{background-color:var(--purple);padding:30px 0}.survey_chart .graph_area{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin:auto;max-width:1180px;padding:40px 55px}.survey_chart .graph_area>div:first-child{width:633px}.survey_chart .graph_area h4{color:#fff;font-size:30px;font-weight:700;line-height:1.54;margin:0 0 15px;max-width:615px}.survey_chart .graph_area.additional h4{max-width:501px}.survey_chart .graph_area .quote{margin-bottom:20px}.survey_chart .graph_area p{color:#fff;margin:0}.survey_chart .graph_area .graph_outer{height:260px;position:relative;width:260px}.survey_chart .graph_area .graph_outer span.percentage_text{align-items:center;bottom:0;color:#fff;display:flex;font-family:Poppins,sans-serif;font-size:42px;font-weight:400;justify-content:center;left:0;line-height:1;margin:0 auto;position:absolute;right:0;top:0}.survey_chart .graph_area .graph{align-items:center;display:flex;flex-wrap:wrap;height:260px;justify-content:center;text-align:center;width:260px}.survey_chart .graph_area .graph .circle-chart{height:260px;width:260px;fill:#f1f1f1}.survey_chart .graph_area .graph .circle-chart .circle-chart__info{display:none!important}.survey_chart .graph_area .graph .circle-chart__background{stroke:#f1f1f1;stroke-width:4.2}.survey_chart .graph_area .graph .circle-chart__circle{stroke-width:3.2}.survey_chart .graph_area .graph .success-stroke{stroke:#22d3a5}@media (min-width:1500px){.survey_chart{margin:60px 0}}@media (max-width:1499px){.survey_chart .graph_area .quote p{font-size:19px}}@media (max-width:1050px){.survey_chart .graph_area{padding:40px}.survey_chart .graph_area>div:first-child{width:55%}.survey_chart .graph_area h4{font-size:27px;line-height:1.3;margin:0 auto 30px}.survey_chart .graph_area p{font-size:17px!important}}@media (max-width:767px){.survey_chart .graph_area{justify-content:center;padding:25px;text-align:center}.survey_chart .graph_area>div{width:100%!important}.survey_chart .graph_area>div:first-child{order:2}.survey_chart .graph_area>div:nth-child(2){margin:0 auto;width:200px!important}.survey_chart .graph_area .graph{width:200px}.survey_chart .graph_area h4{font-size:24px;margin:25px auto}.survey_chart .graph_area p{font-size:16px!important}}@media (max-width:575px){.survey_chart .graph_area{padding:25px 10px}.survey_chart .graph_area h4{font-size:22px;margin:30px auto 15px}.survey_chart .graph_area p{font-size:15px!important}.survey_chart .graph_area>div:nth-child(2){height:170px;width:170px!important}.survey_chart .graph_area .graph,.survey_chart .graph_area .graph .circle-chart{height:170px;width:170px}}@media (max-width:375px){.survey_chart .graph_area>div:nth-child(2){height:150px;width:150px!important}.survey_chart .graph_area .graph,.survey_chart .graph_area .graph .circle-chart{height:150px;width:150px}.survey_chart .graph_area .graph_outer span.percentage_text{font-size:30px}}