{"id":3202,"date":"2024-08-20T07:18:37","date_gmt":"2024-08-20T07:18:37","guid":{"rendered":"https:\/\/give.do\/givegrants\/?page_id=3202"},"modified":"2024-08-29T13:21:58","modified_gmt":"2024-08-29T13:21:58","slug":"csrriskindex","status":"publish","type":"page","link":"https:\/\/give.do\/givegrants\/csrriskindex\/","title":{"rendered":"CSR Risk Index"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3202\" class=\"elementor elementor-3202\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7fb2e2b e-flex e-con-boxed e-con e-parent\" data-id=\"7fb2e2b\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5ed5a5 elementor-widget elementor-widget-heading\" data-id=\"c5ed5a5\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Calculate Your<br>\nCSR Risk Index<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2e6d5b4 e-flex e-con-boxed e-con e-parent\" data-id=\"2e6d5b4\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-00757da csr-risk-container elementor-widget elementor-widget-html\" data-id=\"00757da\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\t  .w-dropdown-btn,\r\n.w-dropdown-toggle,\r\n.w-dropdown-link {\r\n  position: relative;\r\n  vertical-align: top;\r\n  text-decoration: none;\r\n  color: #222222;\r\n  padding: 20px;\r\n  text-align: left;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n  white-space: nowrap;\r\n}\r\n.w-dropdown-toggle {\r\n  -webkit-user-select: none;\r\n  -moz-user-select: none;\r\n  -ms-user-select: none;\r\n  user-select: none;\r\n  display: inline-block;\r\n  cursor: pointer;\r\n  padding-right: 40px;\r\n}\r\n.w-dropdown-toggle:focus {\r\n  outline: 0;\r\n}\r\n.w-icon-dropdown-toggle {\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  margin: auto;\r\n  margin-right: 20px;\r\n  width: 1em;\r\n  height: 1em;\r\n}\r\n.w-dropdown-list {\r\n  position: absolute;\r\n  background: #dddddd;\r\n  display: none;\r\n  min-width: 100%;\r\n}\r\n.w-dropdown-list.w--open {\r\n  display: block;\r\n}\r\n.w-dropdown-link {\r\n  padding: 10px 20px;\r\n  display: block;\r\n  color: #222222;\r\n}\r\n.w-dropdown-link.w--current {\r\n  color: #0082f3;\r\n}\r\n.w-dropdown-link:focus {\r\n  outline: 0;\r\n}\r\n.w-icon-arrow-down:before,\r\n.w-icon-dropdown-toggle:before {\r\n  content: \"+\";\r\n}\r\n.accordion-item.active .w-icon-dropdown-toggle:before{\r\n  content: \"-\";\r\n}\r\n\t  label {\r\n    letter-spacing: 0px;\r\n    text-transform: inherit;\r\n    margin-bottom: 10px;\r\n    font-size: 14px;\r\n    font-weight: 400;\r\n    line-height: 20px;\r\n}\r\n\r\n\t  label{max-width:50vw; width:50vw;margin-right:40px;}\r\n    .section {\r\n      margin-bottom: 20px;\r\n    }\r\n    .question {\r\n    background-color: #f9f9f9;\r\n    padding: 10px;\r\n    display: flex;\r\n    margin-bottom: 10px;\r\n    flex-direction: row;\r\n    flex-wrap: wrap;\r\n    align-content: center;\r\n    justify-content: center;\r\n    align-items: center;\r\n}\r\n   \/* .question.selected-yes {\r\n      background-color: #EAF7F6;\r\n    }\r\n    .question.selected-no {\r\n      background-color: #FDECED;\r\n    } *\/\r\n\t  \r\n\t    .question.selected-not-applicable {\r\n      background-color: #FDECED;\r\n    }\r\n\t  \r\n    .btn {\r\n   display: inline-block;\r\n    padding: 8px 16px;\r\n    border: none;\r\n    background-color: #e0e0e0;\r\n    color: #333;\r\n    font-weight: bold;\r\n    cursor: pointer;\r\n    outline: none;\r\n    color: black;\r\n    border-radius: 20px;\r\n    \/* display: flex; *\/\r\n    padding-right: 41px;\r\n    width: 130px;\r\n    padding-top: 5px;\r\n    padding-bottom: 5px;\r\n    \/* padding-right: 40px; *\/\r\n    border-style: solid;\r\n    filter: drop-shadow(2px 1px 2px rgba(229, 223, 228, 9.75));\r\n    border-width: 2px;\r\n    background-position: 90% 50% !important;\r\n    background-repeat: no-repeat !important;\r\n    background-image: url(https:\/\/givegrants-wp.give.do\/wp-content\/uploads\/2023\/07\/Frame-1-7.png) !important;\r\n    flex-direction: row;\r\n    flex-wrap: nowrap;\r\n    align-content: center;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n    background-size: 32px;\r\n    border-color: #ffffff;\r\n    margin-right: 10px;\r\n}\r\n    .btn-yes {\r\n      color: #fff;\r\n    }\r\n\t  \r\n    .btn-yes.selected {\r\n      background-color: #1DA39B;\r\n    }\r\n\t  \r\n\t   .btn-not-applicable.selected {\r\n      background-color: grey;\r\n\t\t    color: #fff;\r\n\t\t    background-image: none;\r\n \r\n    }\r\n\t  \r\n\t  \r\n\t .btn-not-applicable {\r\n    margin-right: -140px;\r\n    color: #fff;\r\n    width: 150px;\r\n    background-image: none !important;\r\n    padding-right: 0px;\r\n    white-space: nowrap;\r\n    padding-left: 5px;\r\n}\r\n\t  \r\n    .btn-no {\r\n      color: #fff; background-image: url(https:\/\/givegrants-wp.give.do\/wp-content\/uploads\/2023\/07\/Frame-1-8.png) !important;\r\n \r\n    }\r\n    .btn-no.selected {\r\n      background-color: #F53554;\r\n    }\r\n  <\/style>\r\n\t\r\n<style type=\"text\/css\">.apexcharts-canvas {\r\n  position: relative;\r\n  user-select: none;\r\n  \/* cannot give overflow: hidden as it will crop tooltips which overflow outside chart area *\/\r\n}\r\n\r\n\r\n\/* scrollbar is not visible by default for legend, hence forcing the visibility *\/\r\n.apexcharts-canvas ::-webkit-scrollbar {\r\n  -webkit-appearance: none;\r\n  width: 6px;\r\n}\r\n\r\n.apexcharts-canvas ::-webkit-scrollbar-thumb {\r\n  border-radius: 4px;\r\n  background-color: rgba(0, 0, 0, .5);\r\n  box-shadow: 0 0 1px rgba(255, 255, 255, .5);\r\n  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);\r\n}\r\n\r\n\r\n.apexcharts-inner {\r\n  position: relative;\r\n}\r\n\r\n.apexcharts-text tspan {\r\n  font-family: inherit;\r\n}\r\n\r\n.legend-mouseover-inactive {\r\n  transition: 0.15s ease all;\r\n  opacity: 0.20;\r\n}\r\n\r\n.apexcharts-series-collapsed {\r\n  opacity: 0;\r\n}\r\n\r\n.apexcharts-tooltip {\r\n  border-radius: 5px;\r\n  box-shadow: 2px 2px 6px -4px #999;\r\n  cursor: default;\r\n  font-size: 14px;\r\n  left: 62px;\r\n  opacity: 0;\r\n  pointer-events: none;\r\n  position: absolute;\r\n  top: 20px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  overflow: hidden;\r\n  white-space: nowrap;\r\n  z-index: 12;\r\n  transition: 0.15s ease all;\r\n}\r\n\r\n.apexcharts-tooltip.apexcharts-active {\r\n  opacity: 1;\r\n  transition: 0.15s ease all;\r\n}\r\n\r\n.apexcharts-tooltip.apexcharts-theme-light {\r\n  border: 1px solid #e3e3e3;\r\n  background: rgba(255, 255, 255, 0.96);\r\n}\r\n\r\n.apexcharts-tooltip.apexcharts-theme-dark {\r\n  color: #fff;\r\n  background: rgba(30, 30, 30, 0.8);\r\n}\r\n\r\n.apexcharts-tooltip * {\r\n  font-family: inherit;\r\n}\r\n\r\n\r\n.apexcharts-tooltip-title {\r\n  padding: 6px;\r\n  font-size: 15px;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {\r\n  background: #ECEFF1;\r\n  border-bottom: 1px solid #ddd;\r\n}\r\n\r\n.apexcharts-tooltip.apexcharts-theme-dark .apexcharts-tooltip-title {\r\n  background: rgba(0, 0, 0, 0.7);\r\n  border-bottom: 1px solid #333;\r\n}\r\n\r\n.apexcharts-tooltip-text-value,\r\n.apexcharts-tooltip-text-z-value {\r\n  display: inline-block;\r\n  font-weight: 600;\r\n  margin-left: 5px;\r\n}\r\n\r\n.apexcharts-tooltip-text-z-label:empty,\r\n.apexcharts-tooltip-text-z-value:empty {\r\n  display: none;\r\n}\r\n\r\n.apexcharts-tooltip-text-value,\r\n.apexcharts-tooltip-text-z-value {\r\n  font-weight: 600;\r\n}\r\n\r\n.apexcharts-tooltip-marker {\r\n  min-width: 12px;\r\n  min-height: 12px;\r\n  position: relative;\r\n  top: 0px;\r\n  margin-right: 10px;\r\n  border-radius: 50%;\r\n}\r\n\r\n.apexcharts-tooltip-series-group {\r\n  padding: 0 10px;\r\n  display: none;\r\n  text-align: left;\r\n  justify-content: left;\r\n  align-items: center;\r\n}\r\n\r\n.apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-marker {\r\n  opacity: 1;\r\n}\r\n\r\n.apexcharts-tooltip-series-group.apexcharts-active,\r\n.apexcharts-tooltip-series-group:last-child {\r\n  padding-bottom: 4px;\r\n}\r\n\r\n.apexcharts-tooltip-series-group-hidden {\r\n  opacity: 0;\r\n  height: 0;\r\n  line-height: 0;\r\n  padding: 0 !important;\r\n}\r\n\r\n.apexcharts-tooltip-y-group {\r\n  padding: 6px 0 5px;\r\n}\r\n\r\n.apexcharts-tooltip-box, .apexcharts-custom-tooltip {\r\n  padding: 4px 8px;\r\n}\r\n\r\n.apexcharts-tooltip-boxPlot {\r\n  display: flex;\r\n  flex-direction: column-reverse;\r\n}\r\n\r\n.apexcharts-tooltip-box>div {\r\n  margin: 4px 0;\r\n}\r\n\r\n.apexcharts-tooltip-box span.value {\r\n  font-weight: bold;\r\n}\r\n\r\n.apexcharts-tooltip-rangebar {\r\n  padding: 5px 8px;\r\n}\r\n\r\n.apexcharts-tooltip-rangebar .category {\r\n  font-weight: 600;\r\n  color: #777;\r\n}\r\n\r\n.apexcharts-tooltip-rangebar .series-name {\r\n  font-weight: bold;\r\n  display: block;\r\n  margin-bottom: 5px;\r\n}\r\n\r\n.apexcharts-xaxistooltip {\r\n  opacity: 0;\r\n  padding: 9px 10px;\r\n  pointer-events: none;\r\n  color: #373d3f;\r\n  font-size: 13px;\r\n  text-align: center;\r\n  border-radius: 2px;\r\n  position: absolute;\r\n  z-index: 10;\r\n  background: #ECEFF1;\r\n  border: 1px solid #90A4AE;\r\n  transition: 0.15s ease all;\r\n}\r\n\r\n.apexcharts-xaxistooltip.apexcharts-theme-dark {\r\n  background: rgba(0, 0, 0, 0.7);\r\n  border: 1px solid rgba(0, 0, 0, 0.5);\r\n  color: #fff;\r\n}\r\n\r\n.apexcharts-xaxistooltip:after,\r\n.apexcharts-xaxistooltip:before {\r\n  left: 50%;\r\n  border: solid transparent;\r\n  content: \" \";\r\n  height: 0;\r\n  width: 0;\r\n  position: absolute;\r\n  pointer-events: none;\r\n}\r\n\r\n.apexcharts-xaxistooltip:after {\r\n  border-color: rgba(236, 239, 241, 0);\r\n  border-width: 6px;\r\n  margin-left: -6px;\r\n}\r\n\r\n.apexcharts-xaxistooltip:before {\r\n  border-color: rgba(144, 164, 174, 0);\r\n  border-width: 7px;\r\n  margin-left: -7px;\r\n}\r\n\r\n.apexcharts-xaxistooltip-bottom:after,\r\n.apexcharts-xaxistooltip-bottom:before {\r\n  bottom: 100%;\r\n}\r\n\r\n.apexcharts-xaxistooltip-top:after,\r\n.apexcharts-xaxistooltip-top:before {\r\n  top: 100%;\r\n}\r\n\r\n.apexcharts-xaxistooltip-bottom:after {\r\n  border-bottom-color: #ECEFF1;\r\n}\r\n\r\n.apexcharts-xaxistooltip-bottom:before {\r\n  border-bottom-color: #90A4AE;\r\n}\r\n\r\n.apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:after {\r\n  border-bottom-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.apexcharts-xaxistooltip-bottom.apexcharts-theme-dark:before {\r\n  border-bottom-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.apexcharts-xaxistooltip-top:after {\r\n  border-top-color: #ECEFF1\r\n}\r\n\r\n.apexcharts-xaxistooltip-top:before {\r\n  border-top-color: #90A4AE;\r\n}\r\n\r\n.apexcharts-xaxistooltip-top.apexcharts-theme-dark:after {\r\n  border-top-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.apexcharts-xaxistooltip-top.apexcharts-theme-dark:before {\r\n  border-top-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.apexcharts-xaxistooltip.apexcharts-active {\r\n  opacity: 1;\r\n  transition: 0.15s ease all;\r\n}\r\n\r\n.apexcharts-yaxistooltip {\r\n  opacity: 0;\r\n  padding: 4px 10px;\r\n  pointer-events: none;\r\n  color: #373d3f;\r\n  font-size: 13px;\r\n  text-align: center;\r\n  border-radius: 2px;\r\n  position: absolute;\r\n  z-index: 10;\r\n  background: #ECEFF1;\r\n  border: 1px solid #90A4AE;\r\n}\r\n\r\n.apexcharts-yaxistooltip.apexcharts-theme-dark {\r\n  background: rgba(0, 0, 0, 0.7);\r\n  border: 1px solid rgba(0, 0, 0, 0.5);\r\n  color: #fff;\r\n}\r\n\r\n.apexcharts-yaxistooltip:after,\r\n.apexcharts-yaxistooltip:before {\r\n  top: 50%;\r\n  border: solid transparent;\r\n  content: \" \";\r\n  height: 0;\r\n  width: 0;\r\n  position: absolute;\r\n  pointer-events: none;\r\n}\r\n\r\n.apexcharts-yaxistooltip:after {\r\n  border-color: rgba(236, 239, 241, 0);\r\n  border-width: 6px;\r\n  margin-top: -6px;\r\n}\r\n\r\n.apexcharts-yaxistooltip:before {\r\n  border-color: rgba(144, 164, 174, 0);\r\n  border-width: 7px;\r\n  margin-top: -7px;\r\n}\r\n\r\n.apexcharts-yaxistooltip-left:after,\r\n.apexcharts-yaxistooltip-left:before {\r\n  left: 100%;\r\n}\r\n\r\n.apexcharts-yaxistooltip-right:after,\r\n.apexcharts-yaxistooltip-right:before {\r\n  right: 100%;\r\n}\r\n\r\n.apexcharts-yaxistooltip-left:after {\r\n  border-left-color: #ECEFF1;\r\n}\r\n\r\n.apexcharts-yaxistooltip-left:before {\r\n  border-left-color: #90A4AE;\r\n}\r\n\r\n.apexcharts-yaxistooltip-left.apexcharts-theme-dark:after {\r\n  border-left-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.apexcharts-yaxistooltip-left.apexcharts-theme-dark:before {\r\n  border-left-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.apexcharts-yaxistooltip-right:after {\r\n  border-right-color: #ECEFF1;\r\n}\r\n\r\n.apexcharts-yaxistooltip-right:before {\r\n  border-right-color: #90A4AE;\r\n}\r\n\r\n.apexcharts-yaxistooltip-right.apexcharts-theme-dark:after {\r\n  border-right-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.apexcharts-yaxistooltip-right.apexcharts-theme-dark:before {\r\n  border-right-color: rgba(0, 0, 0, 0.5);\r\n}\r\n\r\n.apexcharts-yaxistooltip.apexcharts-active {\r\n  opacity: 1;\r\n}\r\n\r\n.apexcharts-yaxistooltip-hidden {\r\n  display: none;\r\n}\r\n\r\n.apexcharts-xcrosshairs,\r\n.apexcharts-ycrosshairs {\r\n  pointer-events: none;\r\n  opacity: 0;\r\n  transition: 0.15s ease all;\r\n}\r\n\r\n.apexcharts-xcrosshairs.apexcharts-active,\r\n.apexcharts-ycrosshairs.apexcharts-active {\r\n  opacity: 1;\r\n  transition: 0.15s ease all;\r\n}\r\n\r\n.apexcharts-ycrosshairs-hidden {\r\n  opacity: 0;\r\n}\r\n\r\n.apexcharts-selection-rect {\r\n  cursor: move;\r\n}\r\n\r\n.svg_select_boundingRect, .svg_select_points_rot {\r\n  pointer-events: none;\r\n  opacity: 0;\r\n  visibility: hidden;\r\n}\r\n.apexcharts-selection-rect + g .svg_select_boundingRect,\r\n.apexcharts-selection-rect + g .svg_select_points_rot {\r\n  opacity: 0;\r\n  visibility: hidden;\r\n}\r\n\r\n.apexcharts-selection-rect + g .svg_select_points_l,\r\n.apexcharts-selection-rect + g .svg_select_points_r {\r\n  cursor: ew-resize;\r\n  opacity: 1;\r\n  visibility: visible;\r\n}\r\n\r\n.svg_select_points {\r\n  fill: #efefef;\r\n  stroke: #333;\r\n  rx: 2;\r\n}\r\n\r\n.apexcharts-svg.apexcharts-zoomable.hovering-zoom {\r\n  cursor: crosshair\r\n}\r\n\r\n.apexcharts-svg.apexcharts-zoomable.hovering-pan {\r\n  cursor: move\r\n}\r\n\r\n.apexcharts-zoom-icon,\r\n.apexcharts-zoomin-icon,\r\n.apexcharts-zoomout-icon,\r\n.apexcharts-reset-icon,\r\n.apexcharts-pan-icon,\r\n.apexcharts-selection-icon,\r\n.apexcharts-menu-icon,\r\n.apexcharts-toolbar-custom-icon {\r\n  cursor: pointer;\r\n  width: 20px;\r\n  height: 20px;\r\n  line-height: 24px;\r\n  color: #6E8192;\r\n  text-align: center;\r\n}\r\n\r\n.apexcharts-zoom-icon svg,\r\n.apexcharts-zoomin-icon svg,\r\n.apexcharts-zoomout-icon svg,\r\n.apexcharts-reset-icon svg,\r\n.apexcharts-menu-icon svg {\r\n  fill: #6E8192;\r\n}\r\n\r\n.apexcharts-selection-icon svg {\r\n  fill: #444;\r\n  transform: scale(0.76)\r\n}\r\n\r\n.apexcharts-theme-dark .apexcharts-zoom-icon svg,\r\n.apexcharts-theme-dark .apexcharts-zoomin-icon svg,\r\n.apexcharts-theme-dark .apexcharts-zoomout-icon svg,\r\n.apexcharts-theme-dark .apexcharts-reset-icon svg,\r\n.apexcharts-theme-dark .apexcharts-pan-icon svg,\r\n.apexcharts-theme-dark .apexcharts-selection-icon svg,\r\n.apexcharts-theme-dark .apexcharts-menu-icon svg,\r\n.apexcharts-theme-dark .apexcharts-toolbar-custom-icon svg {\r\n  fill: #f3f4f5;\r\n}\r\n\r\n.apexcharts-canvas .apexcharts-zoom-icon.apexcharts-selected svg,\r\n.apexcharts-canvas .apexcharts-selection-icon.apexcharts-selected svg,\r\n.apexcharts-canvas .apexcharts-reset-zoom-icon.apexcharts-selected svg {\r\n  fill: #008FFB;\r\n}\r\n\r\n.apexcharts-theme-light .apexcharts-selection-icon:not(.apexcharts-selected):hover svg,\r\n.apexcharts-theme-light .apexcharts-zoom-icon:not(.apexcharts-selected):hover svg,\r\n.apexcharts-theme-light .apexcharts-zoomin-icon:hover svg,\r\n.apexcharts-theme-light .apexcharts-zoomout-icon:hover svg,\r\n.apexcharts-theme-light .apexcharts-reset-icon:hover svg,\r\n.apexcharts-theme-light .apexcharts-menu-icon:hover svg {\r\n  fill: #333;\r\n}\r\n\r\n.apexcharts-selection-icon,\r\n.apexcharts-menu-icon {\r\n  position: relative;\r\n}\r\n\r\n.apexcharts-reset-icon {\r\n  margin-left: 5px;\r\n}\r\n\r\n.apexcharts-zoom-icon,\r\n.apexcharts-reset-icon,\r\n.apexcharts-menu-icon {\r\n  transform: scale(0.85);\r\n}\r\n\r\n.apexcharts-zoomin-icon,\r\n.apexcharts-zoomout-icon {\r\n  transform: scale(0.7)\r\n}\r\n\r\n.apexcharts-zoomout-icon {\r\n  margin-right: 3px;\r\n}\r\n\r\n.apexcharts-pan-icon {\r\n  transform: scale(0.62);\r\n  position: relative;\r\n  left: 1px;\r\n  top: 0px;\r\n}\r\n\r\n.apexcharts-pan-icon svg {\r\n  fill: #fff;\r\n  stroke: #6E8192;\r\n  stroke-width: 2;\r\n}\r\n\r\n.apexcharts-pan-icon.apexcharts-selected svg {\r\n  stroke: #008FFB;\r\n}\r\n\r\n.apexcharts-pan-icon:not(.apexcharts-selected):hover svg {\r\n  stroke: #333;\r\n}\r\n\r\n.apexcharts-toolbar {\r\n  position: absolute;\r\n  z-index: 11;\r\n  max-width: 176px;\r\n  text-align: right;\r\n  border-radius: 3px;\r\n  padding: 0px 6px 2px 6px;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n}\r\n\r\n.apexcharts-menu {\r\n  background: #fff;\r\n  position: absolute;\r\n  top: 100%;\r\n  border: 1px solid #ddd;\r\n  border-radius: 3px;\r\n  padding: 3px;\r\n  right: 10px;\r\n  opacity: 0;\r\n  min-width: 110px;\r\n  transition: 0.15s ease all;\r\n  pointer-events: none;\r\n}\r\n\r\n.apexcharts-menu.apexcharts-menu-open {\r\n  opacity: 1;\r\n  pointer-events: all;\r\n  transition: 0.15s ease all;\r\n}\r\n\r\n.apexcharts-menu-item {\r\n  padding: 6px 7px;\r\n  font-size: 12px;\r\n  cursor: pointer;\r\n}\r\n\r\n.apexcharts-theme-light .apexcharts-menu-item:hover {\r\n  background: #eee;\r\n}\r\n\r\n.apexcharts-theme-dark .apexcharts-menu {\r\n  background: rgba(0, 0, 0, 0.7);\r\n  color: #fff;\r\n}\r\n\r\n@media screen and (min-width: 768px) {\r\n  .apexcharts-canvas:hover .apexcharts-toolbar {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.apexcharts-datalabel.apexcharts-element-hidden {\r\n  opacity: 0;\r\n}\r\n\r\n.apexcharts-pie-label,\r\n.apexcharts-datalabels,\r\n.apexcharts-datalabel,\r\n.apexcharts-datalabel-label,\r\n.apexcharts-datalabel-value {\r\n  cursor: default;\r\n  pointer-events: none;\r\n}\r\n\r\n.apexcharts-pie-label-delay {\r\n  opacity: 0;\r\n  animation-name: opaque;\r\n  animation-duration: 0.3s;\r\n  animation-fill-mode: forwards;\r\n  animation-timing-function: ease;\r\n}\r\n\r\n.apexcharts-canvas .apexcharts-element-hidden {\r\n  opacity: 0;\r\n}\r\n\r\n.apexcharts-hide .apexcharts-series-points {\r\n  opacity: 0;\r\n}\r\n\r\n.apexcharts-gridline,\r\n.apexcharts-annotation-rect,\r\n.apexcharts-tooltip .apexcharts-marker,\r\n.apexcharts-area-series .apexcharts-area,\r\n.apexcharts-line,\r\n.apexcharts-zoom-rect,\r\n.apexcharts-toolbar svg,\r\n.apexcharts-area-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,\r\n.apexcharts-line-series .apexcharts-series-markers .apexcharts-marker.no-pointer-events,\r\n.apexcharts-radar-series path,\r\n.apexcharts-radar-series polygon {\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* markers *\/\r\n\r\n.apexcharts-marker {\r\n  transition: 0.15s ease all;\r\n}\r\n\r\n@keyframes opaque {\r\n  0% {\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n\r\n\/* Resize generated styles *\/\r\n\r\n@keyframes resizeanim {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n.resize-triggers {\r\n  animation: 1ms resizeanim;\r\n  visibility: hidden;\r\n  opacity: 0;\r\n}\r\n\r\n.resize-triggers,\r\n.resize-triggers>div,\r\n.contract-trigger:before {\r\n  content: \" \";\r\n  display: block;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  height: 100%;\r\n  width: 100%;\r\n  overflow: hidden;\r\n}\r\n\r\n.resize-triggers>div {\r\n  background: #eee;\r\n  overflow: auto;\r\n}\r\n\r\n.contract-trigger:before {\r\n  width: 200%;\r\n  height: 200%;\r\n}<\/style><\/head>\r\n<body class=\"body\">\t\r\n\t<form id=\"yesNoForm\"><style>\r\n\t\t\r\n\t\t\r\n\t\t.sfsd {\r\n \r\n    width: 100%;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n}\r\n\t\t\r\n\t\t.question-drop {\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    align-content: center;\r\n\t\t\t    white-space: normal;\r\n\t\t\tborder-bottom-style: solid;\r\n    border-bottom-width: 1px;\r\n    border-bottom-color: grey;\r\n\r\n\r\n}\r\n\t\t\r\n.w-icon-dropdown-toggle{\r\n  position:relative;\r\n  font-size: 31px;\r\ncolor: #000;\r\nline-height: 31px;\r\n}\r\n\t\t\r\n\t\t\r\n\t\t.icon-3.erdr.w-icon-dropdown-toggle{\r\n\t\t\tposition:absolute;\r\n\t\t}\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t.section.form {\r\n    margin: 0px;\r\n   \r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    align-content: center;\r\n    flex-direction: column;\r\n}\r\n\t\t\r\n\t\t.formh1{\r\n\t\t\tfont-size:32px;\r\n\t\t\tmax-width:1280px;\r\n\t\t\tmargin-top:60px;\r\n\t\t\tmargin-bottom:60px;\r\n\t\t}\r\n\t\t\r\n\t\t.question{width:100%;\r\n\t\t}\r\n\t\t.inside-form {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    align-content: center;\r\n    flex-direction: row;\r\n    width: 80%;\r\n    max-width: 1280px;\r\n}\r\n\t\t\r\n\t\t\r\n\t\t.inside-form.sm {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    align-content: center;\r\n    flex-direction: row;\r\n   margin-top:40px;\r\n\t\t\twidth:auto;\r\n    max-width: 1280px;\r\n}\r\n\t\t\r\n\t\tbutton#submitButtonSection1 {\r\n    \r\n    color: #fff;\r\n    text-transform: capitalize;\r\n    background-color: #e7424b;\r\n    padding-top: 6px;\r\n    padding-bottom: 6px;\r\n    width: 100px;\r\n    font-size: 15px;\r\n    border-radius: 5px;\r\n}\r\n\t\t\r\n\t\tbutton#submitButtonSection2 {\r\n    \r\n    color: #fff;\r\n    text-transform: capitalize;\r\n    background-color: #e7424b;\r\n    padding-top: 6px;\r\n    padding-bottom: 6px;\r\n    width: 100px;\r\n    font-size: 15px;\r\n    border-radius: 5px;\r\n}\r\n\t\t\r\n\t\tbutton#submitButtonSection3 {\r\n    \r\n    color: #fff;\r\n    text-transform: capitalize;\r\n    background-color: #e7424b;\r\n    padding-top: 6px;\r\n    padding-bottom: 6px;\r\n    width: 100px;\r\n    font-size: 15px;\r\n    border-radius: 5px;\r\n}\r\n\t\r\n\t\t.retake-button{\r\n\t\t\t color: #fff;\r\n    text-transform: capitalize;\r\n    background-color: #e7424b;\r\n    padding-top: 6px;\r\n    padding-bottom: 6px;\r\n    font-size: 15px;\r\n    border-radius: 5px;\r\n\t\t}\r\n\t\t\r\n\t\t\r\n\t\t.submit-wrapper {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    align-content: center;\r\n\t\t\tpadding:40px;\r\n}\r\n\t\t\r\n\t\t.section-heading.dsd{\r\n\t\t\tfont-size:32px;\r\n\t\t}\r\n\t\t\r\n\t\t@media screen and (max-width: 991px) {\r\n\t\t\r\n\t\t\r\n\t\t.inside-form{\r\n\t\t\t\t\r\n\t\t\t\tflex-wrap: wrap;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tlabel{max-width:none; min-width:80vw;margin-right:20px;}\r\n\t\t\r\n\t\t}\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\t\r\n\t\t\t\t .btn-not-applicable {\r\n    margin-right: 0px;\r\n\t\t\t\t\t margin-top:20px;\r\n    color: #fff;\r\n    width: 150px;\r\n    background-image: none;\r\n    padding-right: 0px;\r\n    padding-left: 5px;\r\n}\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t.inside-form.sm {\r\n \r\n\t\t\twidth:90%;\r\n \r\n}\r\n\t\t\t\r\n\t\t\t.section-heading.dsd{\r\n\t\t\tfont-size:22px;\r\n\t\t\t\tline-height:32px;\r\n        width: 100%;\r\n        margin: 26px 0;\r\n\t\t}\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t.inside-form{\r\n\t\t\t\twidth:90%;\r\n\t\t\t\tflex-wrap: wrap;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\tbutton#submitButton {\r\n    margin-left: 39vw;\r\n  \r\n}\r\n\t\t\tlabel{max-width:none; min-width:auto;margin-right:20px;}\r\n      .inside-form .btn{\r\n        height: 40px;\r\n        margin: 5px 0;\r\n      }\r\n\t\t}\r\n\t\t\r\n\t\t<\/style>\r\n\t\t\r\n\t\t<style>.w-dropdown-list{\r\n\t\t\t\r\n\t\t\tposition:relative;\r\n\t\t\tmargin-top:20px;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t.q-drop-dropdown-2{\r\n\t\t\twidth:100%;\r\n\t\t\t}\r\n\t\t\r\n\t\t\t.question-drop{\r\n\t\t\t\twidth:100%;\r\n\t\t\t}<\/style>\r\n\t\t\r\n\t\t<style>.accordion {\r\n  width: 100%;\r\n}\r\n\r\n.accordion-item {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.accordion-header {\r\n    display: flex;\r\n    align-items: center;\r\n    cursor: pointer;\r\n    justify-content: center;\r\n    flex-direction: column;\r\n    align-content: center;\r\n}\r\n\r\n.accordion-title {\r\n  margin: 0;\r\n}\r\n\r\n.accordion-icon {\r\n  width: 20px;\r\n  height: 20px;\r\n  background-color: #000;\r\n  margin-left: auto;\r\n}\r\n\r\n.accordion-content {\r\n  display: none;\r\n}\r\n<\/style>\r\n<script src=\"https:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n\t\t<div class=\"accordion\">\r\n  <div class=\"accordion-item\">\r\n    <div class=\"accordion-header\">\r\n      <div class=\"sfsd\"> <h1 class=\"section-heading dsd formh1\"><span class=\"text-span\"> Level 1 : <\/span>Are you compliant? <\/h1><h1 id=\"section1Heading\" class=\"section-heading1\"><\/h1><h1 class=\"section1Heading\"><\/h1><div class=\"icon-3 w-icon-dropdown-toggle\"><\/div>\r\n    <\/div>\r\n     \r\n    <\/div>\r\n    <div class=\"accordion-content\">\r\n    <div class=\"question\" id=\"section1_q1\">\r\n       <div class=\"inside-form\">\r\n\t\t   \r\n\t\t<label for=\"q1\">Do you have a CSR Policy that has been reviewed and approved in the last financial year?<\/label>\r\n        <button type=\"button\" name=\"section1_q1\" value=\"yes\" class=\"btn btn-yes\" required=\"\">Yes<\/button>\r\n        <button type=\"button\" name=\"section1_q1\" value=\"no\" class=\"btn btn-no\" required=\"\">No<\/button>\r\n      <\/div>\r\n\t\t<\/div>\r\n\r\n      <div class=\"question\" id=\"section1_q2\">\r\n        <div class=\"inside-form\">\r\n\t\t   \r\n\t\t<label for=\"q2\">Have you updated your website with the composition of the CSR Committee, CSR Policy and information about CSR projects approved by the Board?<\/label>\r\n        <button type=\"button\" name=\"section1_q2\" value=\"yes\" class=\"btn btn-yes\" required=\"\">Yes<\/button>\r\n        <button type=\"button\" name=\"section1_q2\" value=\"no\" class=\"btn btn-no\" required=\"\">No<\/button>\r\n      <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"question\" id=\"section1_q3\">\r\n        <div class=\"inside-form\">\r\n\t\t   \r\n\t\t<label for=\"q3\">Have you created an Annual Action Plan that is approved by the Board?<\/label>\r\n        <button type=\"button\" name=\"section1_q3\" value=\"yes\" class=\"btn btn-yes\">Yes<\/button>\r\n        <button type=\"button\" name=\"section1_q3\" value=\"no\" class=\"btn btn-no\">No<\/button>\r\n      <\/div>\r\n      <\/div>\r\n\t\t\r\n\t\t  <div class=\"question\" id=\"section1_q4\">\r\n        <div class=\"inside-form\">\r\n\t\t   \r\n\t\t<label for=\"q4\">Do you have due diligence reports for your NGO Partners with CSR registration number?<\/label>\r\n        <button type=\"button\" name=\"section1_q4\" value=\"yes\" class=\"btn btn-yes\">Yes<\/button>\r\n        <button type=\"button\" name=\"section1_q4\" value=\"no\" class=\"btn btn-no\">No<\/button>\r\n      <\/div>\r\n      <\/div>\r\n\t\t\r\n\t\t  <div class=\"question\" id=\"section1_q5\">\r\n        <div class=\"inside-form\">\r\n\t\t   \r\n\t\t<label for=\"q5\">Do you sign a detailed MoU with budget, implementation plan and project KPIs with each NGO?<\/label>\r\n        <button type=\"button\" name=\"section1_q5\" value=\"yes\" class=\"btn btn-yes\">Yes<\/button>\r\n        <button type=\"button\" name=\"section1_q5\" value=\"no\" class=\"btn btn-no\">No<\/button>\r\n      <\/div>\r\n      <\/div>\r\n\t\t\r\n\t\t  <div class=\"question\" id=\"section1_q6\">\r\n        <div class=\"inside-form\">\r\n\t\t   \r\n\t\t<label for=\"q6\">Do your implementing partners submit audited utilisation reports annually?<\/label>\r\n        <button type=\"button\" name=\"section1_q6\" value=\"yes\" class=\"btn btn-yes\">Yes<\/button>\r\n        <button type=\"button\" name=\"section1_q6\" value=\"no\" class=\"btn btn-no\">No<\/button>\r\n      <\/div>\r\n      <\/div>\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t <div class=\"question\" id=\"section1_q7\">\r\n        <div class=\"inside-form\">\r\n\t\t   \r\n\t\t<label for=\"q7\">Does your CFO certify utilisation for the financial year?<\/label>\r\n        <button type=\"button\" name=\"section1_q7\" value=\"yes\" class=\"btn btn-yes\">Yes<\/button>\r\n        <button type=\"button\" name=\"section1_q7\" value=\"no\" class=\"btn btn-no\">No<\/button>\r\n      <\/div>\r\n      <\/div>\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t <div class=\"question\" id=\"section1_q8\">\r\n        <div class=\"inside-form\">\r\n\t\t   \r\n\t\t<label for=\"q8\">Is your CSR Annual Report and CSR Form 2 as per MCA requirements?<\/label>\r\n        <button type=\"button\" name=\"section1_q8\" value=\"yes\" class=\"btn btn-yes\">Yes<\/button>\r\n        <button type=\"button\" name=\"section1_q8\" value=\"no\" class=\"btn btn-no\">No<\/button>\r\n      <\/div>\r\n      <\/div>\r\n\t\t\r\n\t\t\r\n\t\t <div class=\"question\" id=\"section1_q9\">\r\n        <div class=\"inside-form\">\r\n\t\t   \r\n\t\t<label for=\"q9\">Do you receive project progress reports on a regular basis from your partners?<\/label>\r\n        <button type=\"button\" name=\"section1_q9\" value=\"yes\" class=\"btn btn-yes\">Yes<\/button>\r\n        <button type=\"button\" name=\"section1_q9\" value=\"no\" class=\"btn btn-no\">No<\/button>\r\n      <\/div>\r\n      <\/div>\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t <div class=\"question\" id=\"section1_q10\">\r\n        <div class=\"inside-form\">\r\n\t\t   \r\n\t\t<label for=\"q10\">Did you need to open an unspent CSR account for unutilised budget for FY 23-24?<\/label>\r\n        <button type=\"button\" name=\"section1_q10\" value=\"yes\" class=\"btn btn-yes\">Yes<\/button>\r\n        <button type=\"button\" name=\"section1_q10\" value=\"no\" class=\"btn btn-no\">No<\/button>\r\n      <\/div>\r\n      <\/div>\r\n\t\t\r\n\t\t\r\n\t\t\r\n\t\t <div class=\"question hidden\" id=\"section1_q11\">\r\n        <div class=\"inside-form\">\r\n\t\t   \r\n\t\t<label for=\"q11\">Did you receive unutilised funds from your NGO partners in your unspent CSR Account by 30th April 2024?<\/label>\r\n        <button type=\"button\" name=\"section1_q11\" value=\"yes\" class=\"btn btn-yes\">Yes<\/button>\r\n        <button type=\"button\" name=\"section1_q11\" value=\"no\" class=\"btn btn-no\">No<\/button>\r\n\t\t\t <button type=\"button\" name=\"section1_q11\" value=\"yes\" class=\"btn btn-not-applicable\">Not Applicable<\/button>\r\n      <\/div>\r\n      <\/div>  \r\n\t\t\t  \r\n\t\t\t  \r\n\t\t\t  \r\n\t\t\t  \r\n\t\t\t  \t <div class=\"question hidden\" id=\"section1_q12\">\r\n        <div class=\"inside-form\">\r\n\t\t   \r\n\t\t<label for=\"q12\">Are you planning to transfer unutilised funds from projects other than ongoing ones to funds mentioned in Schedule VII before 30th September?<\/label>\r\n        <button type=\"button\" name=\"section1_q12\" value=\"yes\" class=\"btn btn-yes\">Yes<\/button>\r\n        <button type=\"button\" name=\"section1_q12\" value=\"no\" class=\"btn btn-no\">No<\/button>\r\n\t\t\t <button type=\"button\" name=\"section1_q12\" value=\"yes\" class=\"btn btn-not-applicable\">Not Applicable<\/button>\r\n      <\/div>\r\n      <\/div>  \r\n\t\t\t  \r\n\t\t\t  \r\n\t\t\t  \r\n\t\t\t  \r\n\t\t\t  \t <div class=\"question\" id=\"section1_q13\">\r\n        <div class=\"inside-form\">\r\n\t\t   \r\n\t\t<label for=\"q13\">Do you track your unspent budget for previous financial years?<\/label>\r\n        <button type=\"button\" name=\"section1_q13\" value=\"yes\" class=\"btn btn-yes\">Yes<\/button>\r\n        <button type=\"button\" name=\"section1_q13\" value=\"no\" class=\"btn btn-no\">No<\/button>\r\n      <\/div>\r\n      <\/div>  \r\n\t\t\t  \r\n\t\t\t  \r\n\t\t\t  \r\n\t\t\t  \r\n\t\t\t  \t <div class=\"question hidden\" id=\"section1_q14\">\r\n        <div class=\"inside-form\">\r\n\t\t   \r\n\t\t<label for=\"q14\">Have you created an action plan for unspent budget of previous FY?<\/label>\r\n        <button type=\"button\" name=\"section1_q14\" value=\"yes\" class=\"btn btn-yes\">Yes<\/button>\r\n        <button type=\"button\" name=\"section1_q14\" value=\"no\" class=\"btn btn-no\">No<\/button>\r\n\t\t\t   \r\n\r\n\t\t\t\r\n      <\/div>\r\n      <\/div>  \r\n\t\t\t  \r\n\t\t\t  \r\n\t\t\t  \r\n\t\t\t  \r\n\t\t\t  <div class=\"submit-wrapper\" id=\"submitButtonContainer\">  <button type=\"button\" id=\"submitButtonSection1\">Submit<\/button><\/div>\r\n         \r\n\t\t\t\r\n \r\n    <\/div>\r\n  <\/div>\r\n\r\n \r\n\t\t\t\r\n\t<div class=\"accordion-item\">\r\n    <div class=\"accordion-header\">\r\n   <div class=\"sfsd\"> <h1 class=\"section-heading dsd formh1\"><span class=\"text-span\"> Level 2 : <\/span>Do you follow simple CSR best practices?<\/h1> <h1 class=\"section-heading2\"><\/h1><div class=\"icon-3 w-icon-dropdown-toggle\"><\/div>\r\n    <\/div>\r\n     \r\n    <\/div>\r\n    <div class=\"accordion-content\">\r\n     <div class=\"question\" id=\"section2_q1\">\r\n       <div class=\"inside-form\">\r\n\t\t   \r\n\t\t<label for=\"q1\">Do you have an LFA and Theory of Change framework for each program?<\/label>\r\n        <button type=\"button\" name=\"section2_q1\" value=\"yes\" class=\"btn btn-yes\">Yes<\/button>\r\n        <button type=\"button\" name=\"section2_q1\" value=\"no\" class=\"btn btn-no\">No<\/button>\r\n      <\/div>\r\n\t\t<\/div>\r\n\r\n      <div class=\"question\" id=\"section2_q2\">\r\n        <div class=\"inside-form\">\r\n\t\t   \r\n\t\t<label for=\"q2\">Do your NGOs submit an Annual Operational Plan for each project?<\/label>\r\n        <button type=\"button\" name=\"section2_q2\" value=\"yes\" class=\"btn btn-yes\">Yes<\/button>\r\n        <button type=\"button\" name=\"section2_q2\" value=\"no\" class=\"btn btn-no\">No<\/button>\r\n      <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"question\" id=\"section2_q3\">\r\n        <div class=\"inside-form\">\r\n\t\t   \r\n\t\t<label for=\"q3\">Do you have a line item wise budget for your projects that looks at direct\/indirect costs, opex\/capex costs, etc?<\/label>\r\n        <button type=\"button\" name=\"section2_q3\" value=\"yes\" class=\"btn btn-yes\">Yes<\/button>\r\n        <button type=\"button\" name=\"section2_q3\" value=\"no\" class=\"btn btn-no\">No<\/button>\r\n      <\/div>\r\n      <\/div>\r\n\t\t\r\n\t\t  <div class=\"question\" id=\"section2_q4\">\r\n        <div class=\"inside-form\">\r\n\t\t   \r\n\t\t<label for=\"q4\">Do you undertake monthly\/quarterly cadence with your NGOs on milestones and action plan?<\/label>\r\n        <button type=\"button\" name=\"section2_q4\" value=\"yes\" class=\"btn btn-yes\">Yes<\/button>\r\n        <button type=\"button\" name=\"section2_q4\" value=\"no\" class=\"btn btn-no\">No<\/button>\r\n      <\/div>\r\n      <\/div>\r\n\t\t\r\n\t\t  <div class=\"question \" id=\"section2_q5\">\r\n        <div class=\"inside-form\">\r\n\t\t   \r\n\t\t<label for=\"q5\">Do you undertake site visits to projects to verify program progress, bookkeeping and beneficiary response?<\/label>\r\n        <button type=\"button\" name=\"section2_q5\" value=\"yes\" class=\"btn btn-yes\">Yes<\/button>\r\n        <button type=\"button\" name=\"section2_q5\" value=\"no\" class=\"btn btn-no\">No<\/button>\r\n      <\/div>\r\n      <\/div>\r\n\t\t\r\n\t\t  <div class=\"question\" id=\"section2_q6\">\r\n        <div class=\"inside-form\">\r\n\t\t   \r\n\t\t<label for=\"q6\">Do you sign an amendment to MoUs for any change in scope?<\/label>\r\n        <button type=\"button\" name=\"section2_q6\" value=\"yes\" class=\"btn btn-yes\">Yes<\/button>\r\n        <button type=\"button\" name=\"section2_q6\" value=\"no\" class=\"btn btn-no\">No<\/button>\r\n      <\/div>\r\n      <\/div>\r\n    \r\n      <div class=\"submit-wrapper\">  <button type=\"button\" id=\"submitButtonSection2\">Submit<\/button><\/div>\r\n    <\/div>\r\n  <\/div>\t\t\r\n  \r\n  <div class=\"accordion-item\">\r\n    <div class=\"accordion-header\">\r\n     <div class=\"sfsd\"> <h1 class=\"section-heading dsd formh1\"><span class=\"text-span\"> Level 3 : <\/span>Are you really thinking about sustainable, long-term, social impact?<\/h1><h1 class=\"section-heading3\"><\/h1><div class=\"icon-3 w-icon-dropdown-toggle\"><\/div>\r\n    <\/div>\r\n    <\/div>\r\n    <div class=\"accordion-content\">\r\n            \r\n\t\t \r\n    <div class=\"question\" id=\"section3_q1\">\r\n       <div class=\"inside-form\">\r\n\t\t   \r\n\t\t<label for=\"q1\">Have you undertaken a Needs Assessment or Community Investment Plan for your project locations?<\/label>\r\n        <button type=\"button\" name=\"section3_q1\" value=\"yes\" class=\"btn btn-yes\">Yes<\/button>\r\n        <button type=\"button\" name=\"section3_q1\" value=\"no\" class=\"btn btn-no\">No<\/button>\r\n      <\/div>\r\n\t\t<\/div>\r\n\r\n      <div class=\"question\" id=\"section3_q2\">\r\n        <div class=\"inside-form\">\r\n\t\t   \r\n\t\t<label for=\"q2\">Have you conducted a baseline and planned a midline for your large scale projects?<\/label>\r\n        <button type=\"button\" name=\"section3_q2\" value=\"yes\" class=\"btn btn-yes\">Yes<\/button>\r\n        <button type=\"button\" name=\"section3_q2\" value=\"no\" class=\"btn btn-no\">No<\/button>\r\n      <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"question\" id=\"section3_q3\">\r\n        <div class=\"inside-form\">\r\n\t\t   \r\n\t\t<label for=\"q3\">Do you integrate learnings from previous Impact Assessments into your current projects?<\/label>\r\n        <button type=\"button\" name=\"section3_q3\" value=\"yes\" class=\"btn btn-yes\">Yes<\/button>\r\n        <button type=\"button\" name=\"section3_q3\" value=\"no\" class=\"btn btn-no\">No<\/button>\r\n      <\/div>\r\n      <\/div>\r\n\t\t\r\n\t\t  <div class=\"question\" id=\"section3_q4\">\r\n        <div class=\"inside-form\">\r\n\t\t   \r\n\t\t<label for=\"q4\">Do you reserve funds for contingencies or disaster response?<\/label>\r\n        <button type=\"button\" name=\"section3_q4\" value=\"yes\" class=\"btn btn-yes\">Yes<\/button>\r\n        <button type=\"button\" name=\"section3_q4\" value=\"no\" class=\"btn btn-no\">No<\/button>\r\n      <\/div>\r\n      <\/div>\r\n\t\t\r\n\t\t  <div class=\"question\" id=\"section3_q5\">\r\n        <div class=\"inside-form\">\r\n\t\t   \r\n\t\t<label for=\"q5\">Do you examine cross-cutting themes such as gender, technology and sustainability in program design?<\/label>\r\n        <button type=\"button\" name=\"section3_q5\" value=\"yes\" class=\"btn btn-yes\">Yes<\/button>\r\n        <button type=\"button\" name=\"section3_q5\" value=\"no\" class=\"btn btn-no\">No<\/button>\r\n      <\/div>\r\n      <\/div>\r\n\t\t\r\n\t\t  <div class=\"question\" id=\"section3_q6\">\r\n        <div class=\"inside-form\">\r\n\t\t   \r\n\t\t<label for=\"q6\">Have you developed a CSR Vision and aligned your flagship program with this?<\/label>\r\n        <button type=\"button\" name=\"section3_q6\" value=\"yes\" class=\"btn btn-yes\">Yes<\/button>\r\n        <button type=\"button\" name=\"section3_q6\" value=\"no\" class=\"btn btn-no\">No<\/button>\r\n      <\/div>\r\n      <\/div>\r\n     \r\n      <div class=\"question\" id=\"section3_q7\">\r\n        <div class=\"inside-form\">\r\n\t\t   \r\n\t\t<label for=\"q7\">Have you integrated community or in-kind contributions as part of your project costs?<\/label>\r\n        <button type=\"button\" name=\"section3_q7\" value=\"yes\" class=\"btn btn-yes\">Yes<\/button>\r\n        <button type=\"button\" name=\"section3_q7\" value=\"no\" class=\"btn btn-no\">No<\/button>\r\n      <\/div>\r\n      <\/div>\r\n     \r\n      <div class=\"question\" id=\"section3_q8\">\r\n        <div class=\"inside-form\">\r\n\t\t   \r\n\t\t<label for=\"q8\">Have you planned an exit strategy for all your projects?<\/label>\r\n        <button type=\"button\" name=\"section3_q8\" value=\"yes\" class=\"btn btn-yes\">Yes<\/button>\r\n        <button type=\"button\" name=\"section3_q8\" value=\"no\" class=\"btn btn-no\">No<\/button>\r\n      <\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"question\" id=\"section3_q9\">\r\n        <div class=\"inside-form\">\r\n\t\t   \r\n\t\t<label for=\"q9\">Does your project planning envision capacity building of Community Based Organisations to whom you may hand over your projects?\r\n<\/label>\r\n        <button type=\"button\" name=\"section3_q9\" value=\"yes\" class=\"btn btn-yes\">Yes<\/button>\r\n        <button type=\"button\" name=\"section3_q9\" value=\"no\" class=\"btn btn-no\">No<\/button>\r\n      <\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"question\" id=\"section3_q10\">\r\n        <div class=\"inside-form\">\r\n\t\t   \r\n\t\t<label for=\"q10\">Do you integrate your project services with any Government schemes?<\/label>\r\n        <button type=\"button\" name=\"section3_q10\" value=\"yes\" class=\"btn btn-yes\">Yes<\/button>\r\n        <button type=\"button\" name=\"section3_q10\" value=\"no\" class=\"btn btn-no\">No<\/button>\r\n      <\/div>\r\n      <\/div>\r\n\t\t\r\n\t<div class=\"submit-wrapper\">  <button type=\"button\" id=\"submitButtonSection3\">Submit<\/button><\/div>\r\n\t\t\r\n\t\t\t\r\n \r\n    <\/div>\r\n  <\/div>\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t\t\r\n  <!-- Add more accordion items as needed -->\r\n<\/div>\r\n<\/form>\r\n\t<style>\r\n\t\r\n\t\t.hidden{\r\n\t\t\tdisplay:none;\r\n\t\t}\r\n\t\t\r\n\t\t\r\n\t\t.hwrp {\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    align-content: center;\r\n    flex-direction: row;\r\n}\r\n\t\t\r\n\t\t\r\n\t\t.chartblock {\r\n    display: flex;\r\n\t\tflex-direction:column;\r\n    position: relative;\r\n  \r\n    background-color: white;\r\n    padding: 0px;\r\n\t\tpadding-top:40px;\r\n\t\tpadding-bottom:40px;\r\n    width: 100vw;\r\n\t\talign-items: center;\r\n    justify-content: center;\r\n}\r\n\t\r\n\t\r\n\t\t.newblock{\r\n\t\t\tdisplay: flex;\r\n   \r\n    flex-flow: wrap;\r\n\t\t\tmax-width:1280px;\r\n\t\t\twidth:80%;\r\n\t\t\talign-items: center;\r\n    justify-content: center;\r\n    align-content: center;\r\n\t\t}\r\n\t\t\r\n\t\t.newblock1{\r\n\t\t\tdisplay: flex;\r\n   \r\n    flex-flow: wrap;\r\n\t\t\tmax-width:1280px;\r\n\t\t\twidth:80%;\r\n\t\t\talign-items: center;\r\n    justify-content: center;\r\n    align-content: center;\r\n\t\t}\r\n\t\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\r\n\t\t\r\n\t\t.newblock{\r\n\t\theight: 220px;\r\n    display: flex;\r\n    flex-wrap: nowrap;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n\t\t}\r\n\t\t\t\r\n\t\t\t\r\n\t\t}\r\n\t<\/style>\r\n\t\r\n  <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/apexcharts@3.26.3\"><\/script>\r\n\r\n\t\r\n\r\n<script>\r\nfunction displayChart(chartId, title, yesCount, noCount, yesPercentage) {\r\n  let modalOverlay;\r\n  let chartModal;\r\n\r\n  if (chartId === 'chart2') {\r\n    modalOverlay = document.getElementById('modalOverlay2');\r\n    chartModal = document.getElementById('chartModal2');\r\n  } else if (chartId === 'chart3') {\r\n    modalOverlay = document.getElementById('modalOverlay3');\r\n    chartModal = document.getElementById('chartModal3');\r\n  } else {\r\n    modalOverlay = document.getElementById('modalOverlay');\r\n    chartModal = document.getElementById('chartModal');\r\n  }\r\n\r\n  const chartContainer = document.getElementById(chartId);\r\n\r\n  \/\/ Show the modal overlay\r\n  modalOverlay.style.display = 'flex';\r\nlet color;\r\nlet colorText;\r\nif (chartId === 'chart1') {\r\n  if (yesPercentage > 99) {\r\n    color = '#29a329'; \/\/ Green\r\n    colorText = 'Congratulations! Your CSR practices are compliance with Section 135 of the Companies Act, 2013. To learn more about processes for CSR best practices and long term sustainability of your CSR activities, please move onto level 2 and level 3 of the checklist below.\t';\r\n  } else if (yesPercentage >= 75 && yesPercentage <= 99) {\r\n    color = '#FF9900'; \/\/ Amber\r\n    colorText = 'This section refers to areas that are mandatory for compliance to CSR Law as per Section 135 of the Companies Act, 2013, please reach out to our team via the contact form below for assistance in meeting your mandatory compliance obligations.\t';\r\n  } else {\r\n    color = '#FF0000'; \/\/ Red\r\n    colorText = 'This section refers to areas that are mandatory for compliance to CSR Law as per Section 135 of the Companies Act, 2013, please reach out to our team via the contact form below for assistance in meeting your mandatory compliance obligations.\t';\r\n  }\r\n} else if (chartId === 'chart2') {\r\n  if (yesPercentage > 75) {\r\n    color = '#29a329'; \/\/ Green\r\n    colorText = 'Congratulations! You have integrated CSR best practices in the implementation of your CSR projects. To learn more about building sustainable impact on-ground through your flagship programs, please move to level 3 of the checklist below.';\r\n  } else if (yesPercentage >= 40 && yesPercentage <= 75) {\r\n    color = '#FF9900'; \/\/ Amber\r\n    colorText = 'You have already started implementing some CSR best practices that enhance your project tracking and program reviews. To learn more about enhanced best practices that can improve your CSR impact, please get in touch with us via the form below.\t';\r\n  } else {\r\n    color = '#FF0000'; \/\/ Red\r\n    colorText = 'This section refers to easy-to-adopt CSR best practices that can substantially enhance your ability to track projects by building a KPI success matrix and instituting project planning and social and financial reviews with the implementing agencies. To learn more about how these activities can improve your CSR impact, please get in touch with us via the form below.\t';\r\n  }\r\n} else if (chartId === 'chart3') {\r\n  if (yesPercentage > 75) {\r\n    color = '#29a329'; \/\/ Green\r\n    colorText = 'Congratulations! You are well on your way to integrating sustainablity and long term vision in your CSR projects! To learn more about resources and support for these, please get in touch with us via the form below.';\r\n  } else if (yesPercentage >= 40 && yesPercentage <= 75) {\r\n    color = '#FF9900'; \/\/ Amber\r\n    colorText = 'You have already started integrating sustainability and a vision of long term social impact in your program implementation. To learn more about enhanced practices for long term sustainability, please get in touch with us via the form below.\t';\r\n  } else {\r\n    color = '#FF0000'; \/\/ Red\r\n    colorText = 'This section moves beyond CSR implementation to examine opportunities for integration of sustainability in program design as well as alignment with strategic CSR and developing exit strategies to enhance community ownership of projects. This may help you enhance community ownership of projects and replicate your program success in newer geographies. To learn more, please get in touch with us via the form below.\t';\r\n  }\r\n}\r\n\r\nconst colors = [color, `${color}20`];\r\n\r\n\r\n  const options = {\r\n    chart: {\r\n      type: 'donut',\r\n      width: '200px',\r\n      height: '200px',\r\n    },\r\n    series: [yesCount, noCount],\r\n    labels: ['Yes', 'No'],\r\n    colors: [color, `${color}20`], \/\/ Set the colors dynamically with reduced opacity for \"No\"\r\n    \/\/ Set the colors dynamically with reduced opacity for \"No\"\r\n    title: {\r\n      text: '',\r\n      align: 'center',\r\n      offsetY: 0,\r\n    },\r\n    dataLabels: {\r\n      enabled: false,\r\n    },\r\n    plotOptions: {\r\n      pie: {\r\n        donut: {\r\n          size: '55%',\r\n          labels: {\r\n            show: false,\r\n          },\r\n        },\r\n      },\r\n      stroke: {\r\n        colors: [darkenColor(color, 90), lightenColor(color, 100)], \/\/ Set stroke colors dynamically\r\n        width: 2, \/\/ Set stroke width\r\n      },\r\n    },\r\n    tooltip: {\r\n      enabled: false,\r\n    },\r\n    legend: {\r\n      show: false, \/\/ Hide the legend\r\n    },\r\n    responsive: [\r\n      {\r\n        breakpoint: 480,\r\n        options: {\r\n          chart: {\r\n            width: '100%',\r\n          },\r\n        },\r\n      },\r\n    ],\r\n  };\r\n\r\n  \/\/ Function to darken a color\r\n  function darkenColor(col, amt) {\r\n    let usePound = false;\r\n    if (col[0] === '#') {\r\n      col = col.slice(1);\r\n      usePound = true;\r\n    }\r\n    const num = parseInt(col, 16);\r\n    let r = (num >> 16) - amt;\r\n    if (r < 0) r = 0;\r\n    let b = ((num >> 8) & 0xff) - amt;\r\n    if (b < 0) b = 0;\r\n    let g = (num & 0xff) - amt;\r\n    if (g < 0) g = 0;\r\n    return (usePound ? '#' : '') + ((g | (b << 8) | (r << 16)) & 0xffffff)\r\n      .toString(16)\r\n      .padStart(6, '0');\r\n  }\r\n\r\n  \/\/ Function to lighten a color\r\n  function lightenColor(col, amt) {\r\n    let usePound = false;\r\n    if (col[0] === '#') {\r\n      col = col.slice(1);\r\n      usePound = true;\r\n    }\r\n    const num = parseInt(col, 16);\r\n    let r = (num >> 16) + amt;\r\n    if (r > 255) r = 255;\r\n    let b = ((num >> 8) & 0xff) + amt;\r\n    if (b > 255) b = 255;\r\n    let g = (num & 0xff) + amt;\r\n    if (g > 255) g = 255;\r\n    return (usePound ? '#' : '') + ((g | (b << 8) | (r << 16)) & 0xffffff)\r\n      .toString(16)\r\n      .padStart(6, '0');\r\n  }\r\n\r\n  const chart = new ApexCharts(chartContainer, options);\r\n  chart.render();\r\n\r\n  \/\/ Close the modal when clicking outside the chart\r\n  const closeChartModal = function () {\r\n    modalOverlay.style.display = 'none';\r\n    modalOverlay.removeEventListener('click', closeChartModal); \/\/ Remove the event listener\r\n  };\r\n\r\n   modalOverlay.addEventListener('click', closeChartModal);\r\n\r\n  const centerContainer = document.createElement('div');\r\n  centerContainer.classList.add('chart-center-container');\r\n\t\r\n  const percentageElement = document.createElement('div');\r\n  percentageElement.innerText = `${yesPercentage}%`;\r\n  percentageElement.classList.add('chart-percentage');\r\n  centerContainer.appendChild(percentageElement);\r\n  \r\n  const titleElement = document.createElement('div');\r\n  titleElement.innerText = title;\r\n\t titleElement.innerText = colorText;\r\n  titleElement.classList.add('chart-title');\r\n  chartContainer.appendChild(centerContainer);\r\n  chartContainer.appendChild(titleElement);\r\n\r\n \r\n}\r\n\r\nconst buttons = document.querySelectorAll('button.btn');\r\nbuttons.forEach((button) => {\r\n  button.addEventListener('click', function () {\r\n    toggleButtonSelection(this);\r\n  });\r\n});\r\nfunction toggleButtonSelection(button) {\r\n  const sectionName = button.getAttribute('name');\r\n  const buttons = document.querySelectorAll(`button[name=\"${sectionName}\"]`);\r\n  const questionDiv = button.closest('.question');\r\n\r\n  buttons.forEach((btn) => {\r\n    if (btn === button) {\r\n      btn.classList.add('selected');\r\n    } else {\r\n      btn.classList.remove('selected');\r\n    }\r\n  });\r\n\r\n  questionDiv.classList.remove('selected-yes', 'selected-no');\r\n\r\n  if (button.value === 'yes') {\r\n    questionDiv.classList.add('selected-yes');\r\n  } else if (button.value === 'no') {\r\n    questionDiv.classList.add('selected-no');\r\n  } else if (button.value === 'not-applicable') {\r\n    \/\/ Handle the selection of the \"Not Applicable\" button\r\n    questionDiv.classList.remove('selected-yes', 'selected-no');\r\n  }\r\n}\r\n\r\n\r\n\/\/ Define flags for each section\r\nlet section1Submitted = false;\r\nlet section2Submitted = false;\r\nlet section3Submitted = false;\r\n\r\n\/\/ Function to reset the chart and clear the modal overlay\r\nfunction resetChart(chartId) {\r\n  const chartContainer = document.getElementById(chartId);\r\n  chartContainer.innerHTML = ''; \/\/ Clear the chart container\r\n\r\n  let modalOverlay;\r\n  if (chartId === 'chart2') {\r\n    modalOverlay = document.getElementById('modalOverlay2');\r\n  } else if (chartId === 'chart3') {\r\n    modalOverlay = document.getElementById('modalOverlay3');\r\n  } else {\r\n    modalOverlay = document.getElementById('modalOverlay');\r\n  }\r\n\r\n  modalOverlay.style.display = 'none'; \/\/ Hide the modal overlay\r\n}\r\n\r\n\/\/ Section 1\r\n\/\/ Section 1\r\nconst section1Buttons = document.querySelectorAll('button[name^=\"section1_q\"]');\r\nsection1Buttons.forEach(button => {\r\n  button.addEventListener('click', function() {\r\n    const question10Value = getSelectedValues('section1_q10');\r\n    const question13Value = getSelectedValues('section1_q13');\r\n    const question11 = document.getElementById('section1_q11');\r\n    const question12 = document.getElementById('section1_q12');\r\n    const question14 = document.getElementById('section1_q14');\r\n\r\n    if (question10Value.includes('yes')) {\r\n      question11.classList.remove('hidden');\r\n      question12.classList.remove('hidden');\r\n    } else {\r\n      question11.classList.add('hidden');\r\n      question12.classList.add('hidden');\r\n      \/\/ Reset the selected values for Questions 11 and 12\r\n      const buttons = document.querySelectorAll('button[name^=\"section1_q11\"], button[name^=\"section1_q12\"]');\r\n      buttons.forEach(btn => {\r\n        btn.classList.remove('selected');\r\n      });\r\n    }\r\n\r\n    if (question13Value.includes('yes')) {\r\n      question14.classList.remove('hidden');\r\n    } else {\r\n      question14.classList.add('hidden');\r\n      \/\/ Reset the selected value for Question 14\r\n      const buttons = document.querySelectorAll('button[name=\"section1_q14\"]');\r\n      buttons.forEach(btn => {\r\n        btn.classList.remove('selected');\r\n      });\r\n    }\r\n  });\r\n});\r\n\t\r\n\t\r\nconst submitButtonSection1 = document.getElementById('submitButtonSection1');\r\nsubmitButtonSection1.addEventListener('click', function (event) {\r\n  event.preventDefault(); \/\/ Prevent form submission\r\n\r\n  \/\/ Reset the chart and clear the modal overlay\r\n  resetChart('chart1');\r\n\r\n  \/\/ Get the selected values for Section 1\r\n  const section1Values = getSelectedValues('section1_');\r\n  const filteredSection1Values = section1Values.filter(value => value !== 'not-applicable');\r\n\r\n  \/\/ Check if the minimum number of questions is answered\r\n  let minimumQuestionsAnswered = 11; \/\/ Set the default minimum number of questions answered for Section 1\r\n\r\n  \/\/ Check the visibility of all questions\r\n  const questions = document.querySelectorAll('[id^=\"section1_q\"]');\r\n  const visibleQuestions = Array.from(questions).filter(question => !question.classList.contains('hidden'));\r\n\r\n  if (visibleQuestions.length > minimumQuestionsAnswered) {\r\n    minimumQuestionsAnswered = visibleQuestions.length; \/\/ Set the minimum number of questions answered to the number of visible questions\r\n  }\r\n\r\n  if (filteredSection1Values.length < minimumQuestionsAnswered) {\r\n    alert(`Please note, the risk score will only be generated if all questions are answered.`);\r\n    return;\r\n  }\r\n\t\r\n\t\r\n\/\/ Find the index of the question to exclude (e.g., if q10 has the id \"section1_q10\")\r\nconst indexOfQuestionToExclude = Array.from(questions).findIndex(question => question.id === \"section1_q10\");\r\n\r\n\/\/ Count the number of \"yes\" and \"no\" answers for Section 1, excluding the question at indexOfQuestionToExclude\r\nconst filteredValuesExcludingQuestion = filteredSection1Values.filter((_, index) => index !== indexOfQuestionToExclude);\r\nconst section1YesCount = countYesNo(filteredValuesExcludingQuestion, 'yes');\r\nconst section1NoCount = countYesNo(filteredValuesExcludingQuestion, 'no');\r\n\r\n\/\/ Calculate the percentage of \"yes\" answers for Section 1, excluding the question at indexOfQuestionToExclude\r\nconst section1YesPercentage = calculatePercentage(section1YesCount, filteredValuesExcludingQuestion.length);\r\n\r\n  \/\/ Display the chart for Section 1\r\n  displayChart('chart1', 'Congratulations! Your CSR practices are compliance with Section 135 of the Companies Act, 2013. To learn more about processes for CSR best practices and long term Sustainability of your CSR activities please move onto level 2 and level 3 of the checklist below. ', section1YesCount, section1NoCount, section1YesPercentage);\r\n\r\n  \/\/ Update the heading with the result\r\n  const section1Heading = document.querySelector('.section-heading1');\r\n  const headingColor = (section1YesPercentage > 99) ? '#29a329' : (section1YesPercentage >= 75 && section1YesPercentage <= 99) ? '#FF9900' : '#FF0000';\r\n  section1Heading.innerHTML = `<div class=\"hwrp\"><span style=\"color: grey;\">${section1YesPercentage}%<\/span><\/div>`;\r\n\r\n  \/\/ Replace the submit button with a \"Retake the Test\" button\r\n  const retakeButtonSection1 = document.createElement('button');\r\n  retakeButtonSection1.type = 'button'; \/\/ Set the button type to \"button\"\r\n  retakeButtonSection1.innerText = 'Retake the Test';\r\n  retakeButtonSection1.classList.add('retake-button'); \/\/ Add the desired class to the button\r\n\r\n  retakeButtonSection1.addEventListener('click', function () {\r\n    \/\/ Reset the selected values and classes\r\n    const buttons = document.querySelectorAll('button[name^=\"section1_\"]');\r\n    buttons.forEach((button) => {\r\n      button.classList.remove('selected');\r\n    });\r\n    const questionDivs = document.querySelectorAll('.question');\r\n    questionDivs.forEach((div) => {\r\n      if (div.id.startsWith('section1_')) {\r\n        div.classList.remove('selected-yes', 'selected-no');\r\n      }\r\n    });\r\n\r\n    \/\/ Reset the heading\r\n    const section1Heading = document.querySelector('.section-heading1');\r\n    section1Heading.innerText = '';\r\n\r\n    \/\/ Show the submit button\r\n    submitButtonSection1.style.display = 'block';\r\n\r\n    \/\/ Remove the \"Retake the Test\" button and replace with submit button\r\n    retakeButtonSection1.parentNode.replaceChild(submitButtonSection1, retakeButtonSection1);\r\n  });\r\n\r\n  \/\/ Replace the submit button with the \"Retake the Test\" button\r\n  submitButtonSection1.parentNode.replaceChild(retakeButtonSection1, submitButtonSection1);\r\n});\r\n\r\n\r\n\/\/ Section 2\r\n\r\n\r\nconst submitButtonSection2 = document.getElementById('submitButtonSection2');\r\nsubmitButtonSection2.addEventListener('click', function (event) {\r\n  event.preventDefault(); \/\/ Prevent form submission\r\n\r\n  \/\/ Reset the chart and clear the modal overlay\r\n  resetChart('chart2');\r\n\r\n  \/\/ Get the selected values for Section 2\r\n  const section2Values = getSelectedValues('section2_');\r\n\r\n  \/\/ Check if the minimum number of questions is answered\r\n  const minimumQuestionsAnswered = 6; \/\/ Set the minimum number of questions answered for Section 2\r\n  if (section2Values.length < minimumQuestionsAnswered) {\r\n    alert(`Please note, the risk score will only be generated if all questions are answered.`);\r\n    return;\r\n  }\r\n\r\n  \/\/ Count the number of \"yes\" and \"no\" answers for Section 2\r\n  const section2YesCount = countYesNo(section2Values, 'yes');\r\n  const section2NoCount = countYesNo(section2Values, 'no');\r\n\r\n  \/\/ Calculate the percentage of \"yes\" answers for Section 2\r\n  const section2YesPercentage = calculatePercentage(section2YesCount, section2Values.length);\r\n\r\n \r\n\t\/\/ Update the heading with the result\r\nconst section2Heading = document.querySelector('.section-heading2');\r\nconst headingColor = (section2YesPercentage > 75) ? '#29a329' : (section2YesPercentage >= 40 && section2YesPercentage <= 75) ? '#FF9900' : '#FF0000';\r\nsection2Heading.innerHTML = `<div class=\"hwrp\"><span style=\"color: grey;\">${section2YesPercentage}%<\/span><\/div>`;\r\n\r\n\t\r\n\t\/\/ Display the chart for Section 2\r\n  displayChart('chart2', 'Best Practices', section2YesCount, section2NoCount, section2YesPercentage);\r\n\r\n  \r\n  \/\/ Replace the submit button with a \"Retake the Test\" button\r\n  const retakeButtonSection2 = document.createElement('button');\r\n  retakeButtonSection2.type = 'button'; \/\/ Set the button type to \"button\"\r\n  retakeButtonSection2.innerText = 'Retake the Test';\r\n\tretakeButtonSection2.classList.add('retake-button'); \/\/ Add the desired class to the button\r\n\r\n  retakeButtonSection2.addEventListener('click', function () {\r\n    \/\/ Reset the selected values and classes\r\n    const buttons = document.querySelectorAll('button[name^=\"section2_\"]');\r\n    buttons.forEach((button) => {\r\n      button.classList.remove('selected');\r\n    });\r\n    const questionDivs = document.querySelectorAll('.question');\r\n    questionDivs.forEach((div) => {\r\n      if (div.id.startsWith('section2_')) {\r\n        div.classList.remove('selected-yes', 'selected-no');\r\n      }\r\n    });\r\n\r\n    \/\/ Reset the heading\r\n    const section1Heading = document.querySelector('.section-heading2');\r\n    section1Heading.innerText = '';\r\n\r\n    \/\/ Show the submit button\r\n    submitButtonSection2.style.display = 'block';\r\n\r\n    \/\/ Remove the \"Retake the Test\" button and replace with submit button\r\n    retakeButtonSection2.parentNode.replaceChild(submitButtonSection2, retakeButtonSection2);\r\n  });\r\n\r\n  \/\/ Replace the submit button with the \"Retake the Test\" button\r\n  submitButtonSection2.parentNode.replaceChild(retakeButtonSection2, submitButtonSection2);\r\n});\r\n\r\n\/\/ Section 3\r\nconst submitButtonSection3 = document.getElementById('submitButtonSection3');\r\nsubmitButtonSection3.addEventListener('click', function (event) {\r\n  event.preventDefault(); \/\/ Prevent form submission\r\n\r\n  \/\/ Reset the chart and clear the modal overlay\r\n  resetChart('chart3');\r\n\r\n  \/\/ Get the selected values for Section 3\r\n  const section3Values = getSelectedValues('section3_');\r\n\r\n  \/\/ Check if the minimum number of questions is answered\r\n  const minimumQuestionsAnswered = 10; \/\/ Set the minimum number of questions answered for Section 3\r\n  if (section3Values.length < minimumQuestionsAnswered) {\r\n    alert(`Please note, the risk score will only be generated if all questions are answered.`);\r\n    return;\r\n  }\r\n\r\n  \/\/ Count the number of \"yes\" and \"no\" answers for Section 3\r\n  const section3YesCount = countYesNo(section3Values, 'yes');\r\n  const section3NoCount = countYesNo(section3Values, 'no');\r\n\r\n  \/\/ Calculate the percentage of \"yes\" answers for Section 3\r\n  const section3YesPercentage = calculatePercentage(section3YesCount, section3Values.length);\r\n\r\n\t\/\/ Update the heading with the result\r\nconst section3Heading = document.querySelector('.section-heading3');\r\nconst headingColor = (section3YesPercentage > 75) ? '#29a329' : (section3YesPercentage >= 40 && section3YesPercentage <= 75) ? '#FF9900' : '#FF0000';\r\nsection3Heading.innerHTML = `<div class=\"hwrp\"><span style=\"color:grey;\">${section3YesPercentage}%<\/span><\/div>`;\r\n\r\n\t\r\n\t\r\n  \/\/ Display the chart for Section 3\r\n  displayChart('chart3', 'Sustainable', section3YesCount, section3NoCount, section3YesPercentage);\r\n\r\n  \r\n\r\n  \/\/ Replace the submit button with a \"Retake the Test\" button\r\n  const retakeButtonSection3 = document.createElement('button');\r\n  retakeButtonSection3.type = 'button'; \/\/ Set the button type to \"button\"\r\n  retakeButtonSection3.innerText = 'Retake the Test';\r\n\tretakeButtonSection3.classList.add('retake-button'); \/\/ Add the desired class to the button\r\n\r\n  retakeButtonSection3.addEventListener('click', function () {\r\n    \/\/ Reset the selected values and classes\r\n    const buttons = document.querySelectorAll('button[name^=\"section3_\"]');\r\n    buttons.forEach((button) => {\r\n      button.classList.remove('selected');\r\n    });\r\n    const questionDivs = document.querySelectorAll('.question');\r\n    questionDivs.forEach((div) => {\r\n      if (div.id.startsWith('section3_')) {\r\n        div.classList.remove('selected-yes', 'selected-no');\r\n      }\r\n    });\r\n\r\n    \/\/ Reset the heading\r\n    const section1Heading = document.querySelector('.section-heading3');\r\n    section1Heading.innerText = '';\r\n\r\n    \/\/ Show the submit button\r\n    submitButtonSection3.style.display = 'block';\r\n\r\n    \/\/ Remove the \"Retake the Test\" button and replace with submit button\r\n    retakeButtonSection3.parentNode.replaceChild(submitButtonSection3, retakeButtonSection3);\r\n  });\r\n\r\n  \/\/ Replace the submit button with the \"Retake the Test\" button\r\n  submitButtonSection3.parentNode.replaceChild(retakeButtonSection3, submitButtonSection3);\r\n});\r\n\r\n\r\n\r\nfunction getSelectedValues(sectionName) {\r\n  const selectedValues = [];\r\n  const buttons = document.querySelectorAll(`button[name^=\"${sectionName}\"]`);\r\n  buttons.forEach(button => {\r\n    if (button.classList.contains('selected')) {\r\n      selectedValues.push(button.value);\r\n    }\r\n  });\r\n  return selectedValues;\r\n}\r\n\r\nfunction countYesNo(values, answer) {\r\n  let count = 0;\r\n  for (let i = 0; i < values.length; i++) {\r\n    if (values[i] === answer) {\r\n      count++;\r\n    }\r\n  }\r\n  return count;\r\n}\r\n\r\nfunction calculatePercentage(yesCount, totalCount) {\r\n  return ((yesCount \/ totalCount) * 100).toFixed(0);\r\n}\r\n\r\n \r\n<\/script>\r\n\t\r\n\t\r\n\t\r\n\t\r\n\t<style>\r\n\t\t.inb{\r\n\t\t\t  color: #fff;\r\n    text-transform: capitalize;\r\n    background-color: #e7424b;\r\n    padding-top: 6px;\r\n    padding-bottom: 6px;\r\n    width: 100px;\r\n    font-size: 15px;\r\n    border-radius: 5px;\r\n\t\t}\r\n\t\t\r\n\t\t\r\n\t\t.submit-wrapper.er{\r\n\t\t\t\r\n\t\t\tdisplay:none;\r\n\t\t\tposition:absolute;\r\n\t\t\tbottom:20px;\r\n\t\t}\r\n\t\t\r\n\t\t@media screen and (max-width: 767px) {\r\n\t\t\r\n\t\t\r\n\t\t.submit-wrapper.er{\r\n\t\t\t\r\n\t\t\tdisplay:block;\r\n\t\t\t\r\n\t\t}\r\n\t\t\r\n\t\t\r\n\t\t}\r\n\t\t<\/style>\r\n\t\r\n\t\r\n\r\n\r\n\r\n<div id=\"modalOverlay\">\r\n  <div id=\"chartModal\">\r\n    <div class=\"chart-container\" id=\"chart1\"><\/div>\r\n\t <div class=\"submit-wrapper er\">  <button type=\"button\" class=\"inb\">Close<\/button><\/div>\r\n  <\/div>\r\n\t\r\n\t\r\n<\/div>\r\n\t\r\n\t\r\n\t<div id=\"modalOverlay2\">\r\n  <div id=\"chartModal2\">\r\n    \r\n\t  <div class=\"chart-container\" id=\"chart2\"><\/div>\r\n\t <div class=\"submit-wrapper er\">  <button type=\"button\" class=\"inb\">Close<\/button><\/div>\r\n  <\/div>\r\n\t\r\n\t\r\n<\/div>\r\n\t\r\n\t\r\n\t<div id=\"modalOverlay3\">\r\n  <div id=\"chartModal3\">\r\n \r\n\t  <div class=\"chart-container\" id=\"chart3\"><\/div>\r\n\t  <div class=\"submit-wrapper er\">  <button type=\"button\" class=\"inb\">Close<\/button><\/div>\r\n  <\/div>\r\n\t\r\n\t\r\n<\/div>\r\n\t\r\n\t\r\n\r\n\t\r\n\t\r\n\t\r\n\t\r\n\t\r\n\t\r\n\t\r\n\r\n<style>\r\n\t\r\n\t.chart-container{\r\n\t\tposition:absolute;\r\n\t}\r\n\t#modalOverlay {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  display: none;\r\n  z-index: 9999;\r\n\t\talign-content: center;\r\n    justify-content: center;\r\n    align-items: center;\r\n    flex-direction: row;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n#chartModal {\r\n  position: relative;\r\n margin-bottom:10px;\r\n\theight:500px;\r\n\twidth:650px;\r\nmargin-right:0px;\r\n  background-color: #fff;\r\n  padding: 20px;\r\n  border-radius: 5px;\r\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);\r\n\tdisplay:flex;\r\n\talign-items: center;\r\n    justify-content: center;\r\n\r\n}\r\n\t\r\n\t\r\n\t#modalOverlay2 {\r\n position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  display: none;\r\n  z-index: 9999;\r\n\t\talign-content: center;\r\n    justify-content: center;\r\n    align-items: center;\r\n    flex-direction: row;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n#chartModal2 {\r\n position: relative;\r\n margin-bottom:10px;\r\n\theight:500px;\r\n\twidth:650px;\r\nmargin-right:0px;\r\n  background-color: #fff;\r\n  padding: 20px;\r\n  border-radius: 5px;\r\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);\r\n\tdisplay:flex;\r\n\talign-items: center;\r\n    justify-content: center;\r\n}\r\n\t\r\n\t\r\n\t#modalOverlay3 {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.5);\r\n  display: none;\r\n  z-index: 9999;\r\n\t\talign-content: center;\r\n    justify-content: center;\r\n    align-items: center;\r\n    flex-direction: row;\r\n    flex-wrap: wrap;\r\n}\r\n\r\n#chartModal3 {\r\n position: relative;\r\n margin-bottom:10px;\r\n\theight:500px;\r\n\twidth:650px;\r\nmargin-right:0px;\r\n  background-color: #fff;\r\n  padding: 20px;\r\n  border-radius: 5px;\r\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);\r\n\tdisplay:flex;\r\n\talign-items: center;\r\n    justify-content: center;\r\n}\r\n\r\n.chart-container {\r\n  width: 300px;\r\n  height: 300px;\r\n  margin: 0 auto;\r\n\tmargin-right:0px;\r\n}\r\n\r\n.chart-center-container {\r\n  position: relative;\r\n  width: 100%;\r\n  \r\n\tmargin-top: -100px;\r\n    margin-bottom: 100px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n}\r\n\r\n.chart-percentage {\r\n  font-size: 18px;\r\n  font-weight: bold;\r\n  color: #333;\r\n}\r\n\r\n.chart-title {\r\n  text-align: center;\r\n  margin-top: 0px;\r\n  font-weight: 400;\r\n  color: #333;\r\n}\r\n<\/style>\r\n\r\n\t<style>\r\n\t\t\r\n\t\t.apexcharts-canvas{\r\n\t\t\tmax-width:200px;\r\n\t\t\tmax-height:200px;\r\n\t\t}\r\n\t\t\r\n\t\tdiv#chart1 {\r\n    \r\n    width: 570px;\r\n\t\t\t max-width: 90%;\r\n\t\t\tmax-height:none;\r\n\t\t\theight:auto;\r\n\t\t\tdisplay: flex;\r\n \r\n    align-content: center;\r\n    align-items: center;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n}\r\n\tdiv#chart2 {\r\n     width: 570px;\r\n\t\t max-width: 90%;\r\n\t\t\tmax-height:none;\r\n\t\t\theight:auto;\r\n\t\t\tdisplay: flex;\r\n \r\n    align-content: center;\r\n    align-items: center;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n}\r\n\tdiv#chart3 {\r\n      width: 570px;\r\n\t\t max-width: 90%;\r\n\t\t\tmax-height:none;\r\n\t\t\theight:auto;\r\n\t\t\tdisplay: flex;\r\n \r\n    align-content: center;\r\n    align-items: center;\r\n    flex-direction: column;\r\n    justify-content: flex-start;\r\n}\r\n\t\r\n\t\r\n\t@media screen and (max-width: 479px) {\r\n\t\t\r\n\t\t#chartModal3 {\r\n \r\n\theight:inherit;align-items: center;padding-bottom:60px;\r\n\t\r\n}\r\n\t\t#chartModal2 {\r\n height:inherit;align-items: center;padding-bottom:60px;\r\n}\r\n\t\t#chartModal {\r\n \r\n height:inherit;align-items: center;padding-bottom:60px;\r\n\t\r\n}\r\n\t\t\r\n\t\t\r\n\t\tdiv#chart3 {\r\n         align-items: flex-start;\r\n}\t\r\n\tdiv#chart2 {\r\n         align-items: flex-start;\r\n}\t\r\n\t\t\tdiv#chart1 {\r\n         align-items: flex-start;\r\n}\t\r\n\t\t\t\r\n\t\t\t\r\n\t\t}\r\n\t\r\n\t\r\n\t<\/style>\r\n<script>\r\n$(document).ready(function() {\r\n  $('.accordion-header').click(function() {\r\n    var accordionItem = $(this).parent();\r\n    var accordionContent = accordionItem.find('.accordion-content');\r\n\r\n    accordionContent.slideToggle();\r\n    accordionItem.toggleClass('active');\r\n  });\r\n});\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Calculate Your CSR Risk Index Level 1 : Are you compliant? Do you have a CSR Policy that has been reviewed and approved in the last financial year? Yes No Have you updated your website with the composition of the CSR Committee, CSR Policy and information about CSR projects approved by the Board? Yes No [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4098,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3202","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>CSR Risk Index - givegrants<\/title>\n<meta name=\"description\" content=\"Give Grants enables corporates, foundations and HNIs to deliver maximum social impact by supporting the entire grant-making life cycle\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/give.do\/givegrants\/csrriskindex\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"CSR Risk Index\" \/>\n<meta property=\"og:description\" content=\"Give Grants enables corporates, foundations and HNIs to deliver maximum social impact by supporting the entire grant-making life cycle\" \/>\n<meta property=\"og:url\" content=\"https:\/\/give.do\/givegrants\/csrriskindex\/\" \/>\n<meta property=\"og:site_name\" content=\"givegrants\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/GiveIndia\/\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-29T13:21:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/give.do\/givegrants\/wp-content\/uploads\/2024\/08\/give_grants_og.png\" \/>\n\t<meta property=\"og:image:width\" content=\"680\" \/>\n\t<meta property=\"og:image:height\" content=\"380\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/give.do\/givegrants\/csrriskindex\/\",\"url\":\"https:\/\/give.do\/givegrants\/csrriskindex\/\",\"name\":\"CSR Risk Index - givegrants\",\"isPartOf\":{\"@id\":\"https:\/\/give.do\/givegrants\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/give.do\/givegrants\/csrriskindex\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/give.do\/givegrants\/csrriskindex\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/give.do\/givegrants\/wp-content\/uploads\/2024\/08\/give_grants_og.png\",\"datePublished\":\"2024-08-20T07:18:37+00:00\",\"dateModified\":\"2024-08-29T13:21:58+00:00\",\"description\":\"Give Grants enables corporates, foundations and HNIs to deliver maximum social impact by supporting the entire grant-making life cycle\",\"breadcrumb\":{\"@id\":\"https:\/\/give.do\/givegrants\/csrriskindex\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/give.do\/givegrants\/csrriskindex\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/give.do\/givegrants\/csrriskindex\/#primaryimage\",\"url\":\"https:\/\/give.do\/givegrants\/wp-content\/uploads\/2024\/08\/give_grants_og.png\",\"contentUrl\":\"https:\/\/give.do\/givegrants\/wp-content\/uploads\/2024\/08\/give_grants_og.png\",\"width\":680,\"height\":380},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/give.do\/givegrants\/csrriskindex\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/give.do\/givegrants\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSR Risk Index\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/give.do\/givegrants\/#website\",\"url\":\"https:\/\/give.do\/givegrants\/\",\"name\":\"givegrants\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/give.do\/givegrants\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/give.do\/givegrants\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/give.do\/givegrants\/#organization\",\"name\":\"givegrants\",\"url\":\"https:\/\/give.do\/givegrants\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/give.do\/givegrants\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/give.do\/givegrants\/wp-content\/uploads\/2024\/06\/Give-Grants.png\",\"contentUrl\":\"https:\/\/give.do\/givegrants\/wp-content\/uploads\/2024\/06\/Give-Grants.png\",\"width\":264,\"height\":62,\"caption\":\"givegrants\"},\"image\":{\"@id\":\"https:\/\/give.do\/givegrants\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/GiveIndia\/\",\"https:\/\/www.instagram.com\/give_india\/\",\"https:\/\/in.linkedin.com\/company\/giveindia\",\"https:\/\/www.youtube.com\/@Give_do\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CSR Risk Index - givegrants","description":"Give Grants enables corporates, foundations and HNIs to deliver maximum social impact by supporting the entire grant-making life cycle","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/give.do\/givegrants\/csrriskindex\/","og_locale":"en_US","og_type":"article","og_title":"CSR Risk Index","og_description":"Give Grants enables corporates, foundations and HNIs to deliver maximum social impact by supporting the entire grant-making life cycle","og_url":"https:\/\/give.do\/givegrants\/csrriskindex\/","og_site_name":"givegrants","article_publisher":"https:\/\/www.facebook.com\/GiveIndia\/","article_modified_time":"2024-08-29T13:21:58+00:00","og_image":[{"width":680,"height":380,"url":"https:\/\/give.do\/givegrants\/wp-content\/uploads\/2024\/08\/give_grants_og.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/give.do\/givegrants\/csrriskindex\/","url":"https:\/\/give.do\/givegrants\/csrriskindex\/","name":"CSR Risk Index - givegrants","isPartOf":{"@id":"https:\/\/give.do\/givegrants\/#website"},"primaryImageOfPage":{"@id":"https:\/\/give.do\/givegrants\/csrriskindex\/#primaryimage"},"image":{"@id":"https:\/\/give.do\/givegrants\/csrriskindex\/#primaryimage"},"thumbnailUrl":"https:\/\/give.do\/givegrants\/wp-content\/uploads\/2024\/08\/give_grants_og.png","datePublished":"2024-08-20T07:18:37+00:00","dateModified":"2024-08-29T13:21:58+00:00","description":"Give Grants enables corporates, foundations and HNIs to deliver maximum social impact by supporting the entire grant-making life cycle","breadcrumb":{"@id":"https:\/\/give.do\/givegrants\/csrriskindex\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/give.do\/givegrants\/csrriskindex\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/give.do\/givegrants\/csrriskindex\/#primaryimage","url":"https:\/\/give.do\/givegrants\/wp-content\/uploads\/2024\/08\/give_grants_og.png","contentUrl":"https:\/\/give.do\/givegrants\/wp-content\/uploads\/2024\/08\/give_grants_og.png","width":680,"height":380},{"@type":"BreadcrumbList","@id":"https:\/\/give.do\/givegrants\/csrriskindex\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/give.do\/givegrants\/"},{"@type":"ListItem","position":2,"name":"CSR Risk Index"}]},{"@type":"WebSite","@id":"https:\/\/give.do\/givegrants\/#website","url":"https:\/\/give.do\/givegrants\/","name":"givegrants","description":"","publisher":{"@id":"https:\/\/give.do\/givegrants\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/give.do\/givegrants\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/give.do\/givegrants\/#organization","name":"givegrants","url":"https:\/\/give.do\/givegrants\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/give.do\/givegrants\/#\/schema\/logo\/image\/","url":"https:\/\/give.do\/givegrants\/wp-content\/uploads\/2024\/06\/Give-Grants.png","contentUrl":"https:\/\/give.do\/givegrants\/wp-content\/uploads\/2024\/06\/Give-Grants.png","width":264,"height":62,"caption":"givegrants"},"image":{"@id":"https:\/\/give.do\/givegrants\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/GiveIndia\/","https:\/\/www.instagram.com\/give_india\/","https:\/\/in.linkedin.com\/company\/giveindia","https:\/\/www.youtube.com\/@Give_do"]}]}},"rttpg_featured_image_url":{"full":["https:\/\/give.do\/givegrants\/wp-content\/uploads\/2024\/08\/give_grants_og.png",680,380,false],"landscape":["https:\/\/give.do\/givegrants\/wp-content\/uploads\/2024\/08\/give_grants_og.png",680,380,false],"portraits":["https:\/\/give.do\/givegrants\/wp-content\/uploads\/2024\/08\/give_grants_og.png",680,380,false],"thumbnail":["https:\/\/give.do\/givegrants\/wp-content\/uploads\/2024\/08\/give_grants_og.png",150,84,false],"medium":["https:\/\/give.do\/givegrants\/wp-content\/uploads\/2024\/08\/give_grants_og.png",300,168,false],"large":["https:\/\/give.do\/givegrants\/wp-content\/uploads\/2024\/08\/give_grants_og.png",680,380,false],"1536x1536":["https:\/\/give.do\/givegrants\/wp-content\/uploads\/2024\/08\/give_grants_og.png",680,380,false],"2048x2048":["https:\/\/give.do\/givegrants\/wp-content\/uploads\/2024\/08\/give_grants_og.png",680,380,false],"viral-mag-1300x540":["https:\/\/give.do\/givegrants\/wp-content\/uploads\/2024\/08\/give_grants_og.png",680,380,false],"viral-mag-800x500":["https:\/\/give.do\/givegrants\/wp-content\/uploads\/2024\/08\/give_grants_og.png",680,380,false],"viral-mag-700x700":["https:\/\/give.do\/givegrants\/wp-content\/uploads\/2024\/08\/give_grants_og.png",680,380,false],"viral-mag-650x500":["https:\/\/give.do\/givegrants\/wp-content\/uploads\/2024\/08\/give_grants_og.png",650,363,false],"viral-mag-500x500":["https:\/\/give.do\/givegrants\/wp-content\/uploads\/2024\/08\/give_grants_og.png",500,279,false],"viral-mag-500x600":["https:\/\/give.do\/givegrants\/wp-content\/uploads\/2024\/08\/give_grants_og.png",500,279,false],"viral-mag-360x240":["https:\/\/give.do\/givegrants\/wp-content\/uploads\/2024\/08\/give_grants_og.png",360,201,false],"viral-mag-150x150":["https:\/\/give.do\/givegrants\/wp-content\/uploads\/2024\/08\/give_grants_og.png",150,84,false]},"rttpg_author":{"display_name":"gg_admin","author_link":"https:\/\/give.do\/givegrants\/author\/gg_admin\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Calculate Your CSR Risk Index Level 1 : Are you compliant? Do you have a CSR Policy that has been reviewed and approved in the last financial year? Yes No Have you updated your website with the composition of the CSR Committee, CSR Policy and information about CSR projects approved by the Board? Yes No&hellip;","_links":{"self":[{"href":"https:\/\/give.do\/givegrants\/wp-json\/wp\/v2\/pages\/3202","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/give.do\/givegrants\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/give.do\/givegrants\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/give.do\/givegrants\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/give.do\/givegrants\/wp-json\/wp\/v2\/comments?post=3202"}],"version-history":[{"count":97,"href":"https:\/\/give.do\/givegrants\/wp-json\/wp\/v2\/pages\/3202\/revisions"}],"predecessor-version":[{"id":4011,"href":"https:\/\/give.do\/givegrants\/wp-json\/wp\/v2\/pages\/3202\/revisions\/4011"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/give.do\/givegrants\/wp-json\/wp\/v2\/media\/4098"}],"wp:attachment":[{"href":"https:\/\/give.do\/givegrants\/wp-json\/wp\/v2\/media?parent=3202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}