.grid-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:20px 20px;grid-auto-flow:row;grid-template-areas:"div1 div2 div2 div5" "div3 div4 div4 div5"}.grid-row .section-title{padding:10px 30px 0 0}.div1{grid-area:div1;height:40vh}.div2{grid-area:div2}.div3{grid-area:div3;height:40vh}.div4{grid-area:div4;height:40vh}.div5{grid-area:div5;height:82vh}.total-scroll{overflow-y:auto;padding:0 30px 20px}.card{background:#fff;border-radius:16px;width:100%;height:100%;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1)}.color-orange{color:#f7931e!important}.color-success{color:#00b894!important}.color-blue{color:#0077b6}.summary{padding:20px 30px 5px 30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #eee}.summary .section-title{padding-left:30px}.summary img{margin-right:6px}.summary .name{font-size:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin-bottom:3px}.summary .count{font-size:18px;font-weight:700;white-space:nowrap}.body{padding:20px 0 30px 30px}.section-title{font-weight:600;margin-bottom:15px;font-size:18px}.section-sub-title{padding:0 30px 10px}.item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.item:last-child{margin-bottom:0}.item .icon{width:35px;height:35px;background:rgba(0,169,128,.8);border-radius:10px;margin-right:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.item .icon,.item .item-label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.item .item-label{color:#222}.item .count{font-size:18px;font-weight:700;color:#222;white-space:nowrap}.item.end{background:-webkit-gradient(linear,left top,right top,color-stop(3.37%,hsla(0,0%,100%,0)),color-stop(34.13%,hsla(0,0%,77.6%,.16)),color-stop(69.71%,hsla(0,0%,77.6%,.16)),color-stop(95.67%,hsla(0,0%,100%,0)));background:linear-gradient(90deg,hsla(0,0%,100%,0) 3.37%,hsla(0,0%,77.6%,.16) 34.13%,hsla(0,0%,77.6%,.16) 69.71%,hsla(0,0%,100%,0) 95.67%)}.item.end img{margin-right:10px}.question-scroll{overflow-y:auto;padding:0 30px 20px}.question{margin-bottom:15px}.question:last-child{margin-bottom:0}.question .text{margin-bottom:10px;font-weight:300}.answer{background:#f9f9f9;border-left:5px solid #00a980;padding:5px 20px 5px 15px;border-radius:10px}.answer-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-weight:300}.answer-count{font-size:18px;font-weight:700;white-space:nowrap}.scoial-card .section-title{padding:20px 30px 10px;border-bottom:.5px solid rgba(0,0,0,.1019607843)}.social-scroll{padding:0 30px 10px;max-height:33vh;overflow-y:auto}.social-questions{margin-bottom:15px}.social-questions .text{color:#222;text-decoration:underline;margin-bottom:15px;font-size:16px;font-weight:700}.social-questions .sub-text{color:#222;font-size:16px;margin-bottom:10px;font-weight:500}.social-questions .answer-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:10px;margin-bottom:1rem}.social-questions .answer-row:last-child{margin-bottom:0}.social-questions .answer-item{margin-right:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-weight:300;color:#222}.social-questions .answer-item:last-child{margin-right:0}.social-questions .answer-item .count{font-size:18px;font-weight:700;margin-left:15px;white-space:nowrap}.social-questions .month-grid{display:grid;grid-template-columns:repeat(12,1fr);margin-top:20px;gap:15px}.social-questions .month-grid .month{background:#f8f9fa;border-radius:10px;text-align:center;padding:6px 4px;-webkit-box-shadow:0 4px 10px 0 rgba(0,119,182,.1019607843);box-shadow:0 4px 10px 0 rgba(0,119,182,.1019607843)}.social-questions .month-grid .month .label{font-size:12px;font-weight:500;color:#777}.social-questions .month-grid .month.average{background:#fff}.social-questions .month-grid .month.average .label{font-weight:700}.social-questions .month-grid .month.average .avg-values{font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px;margin-top:4px}.social-questions .month-grid .month.average .avg-values .value.this-year{color:#f9a825;font-weight:700}.social-questions .month-grid .month.average .avg-values .value.next-year{color:#00b894;font-weight:700}.priority-goals{background:#fff;padding:20px 0 30px 30px;border-radius:20px;font-family:Arial,sans-serif;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.05);box-shadow:0 4px 10px rgba(0,0,0,.05)}.priority-goals .header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.priority-goals .header .age-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.priority-goals .header .age-tabs .tab{padding:6px 12px;border-radius:12px;background:#f1f3f5;color:#333;font-weight:500;font-size:14px;cursor:pointer}.priority-goals .header .age-tabs .tab.active{background:#e3f2fd;color:#0277bd}.priority-goals .goals-list{max-height:26vh;overflow-y:auto;margin-top:16px;padding-right:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px}.priority-goals .goals-list .goal-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px;gap:10px}.priority-goals .goals-list .goal-item:last-child{margin-bottom:0}.priority-goals .goals-list .goal-item .label{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#555;font-weight:300}.priority-goals .goals-list .goal-item .count{font-weight:700;font-size:18px}