@font-face {
  font-family: "fontawesome";
  src: url("fonts/fa-brands-400.ttf");
}

@font-face {
  font-family: "fontawesome";
  src: url("fonts/fa-regular-400.ttf");
}

@font-face {
  font-family: "fontawesome";
  src: url("fonts/fa-solid-900.ttf");
}

body {
  scroll-behavior: smooth;
}

.accordion-menu
  .is-accordion-submenu-parent:not(.has-submenu-toggle)
  > a::after {
  border-color: #ffffff transparent transparent;
}

.email_template table.header {
  text-align: center;
}

.email_template table.header h4 {
  border-bottom: 1px solid #0e3e0f;
  color: #0e3e0f;
  font-family: "Open Sans", sans-serif;
  margin: 10px auto 1rem;
  padding: 0 0 10px;
  text-transform: uppercase;
  width: fit-content;
  width: -moz-fit-content;
  width: -webkit-fit-content;
}

.email_template table.body_content p {
  color: #333333;
  margin: 0 0 10px;
}

.email_template table.body_content p span {
  color: #71a154;
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
}

.email_template table.body_content a button {
  background-color: #71a154;
  border: 0;
  color: white;
  cursor: pointer;
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  padding: 10px 10px;
}

.email_template table.body_content hr {
  border-bottom: 1px solid #71a154;
  margin: 1rem 0;
}

.email_template table.body_content .assist {
  font-size: 14px;
}

.email_template table.body_content .assist p a {
  color: #71a154;
  text-decoration: none;
}

.email_template table.body_content .footer {
  background-color: #0e3e0f;
  margin: 2rem 0 0;
  padding: 10px 0;
}

.email_template table.body_content .footer ul {
  margin: 0 0 10px;
  padding: 0;
  text-align: center;
}

.email_template table.body_content .footer ul li {
  display: inline-block;
  margin: 0 5px;
}

.email_template table.body_content .footer ul li img {
  width: 32px;
}

.email_template table.body_content .footer p {
  color: white;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  text-decoration: none;
}

.email_template table.body_content .footer p a {
  color: white;
  text-decoration: none;
}

.email_template table.body_content .footer p.copyright {
  font-size: 12px;
  margin: 0;
}

.page_content.webinar_details
  .sec2_container
  .webinar_poster
  .pdf_download
  ul
  li {
  margin-bottom: 10px;
}

/* Youtube Content */
.yt-section {
  padding: 4rem 0 0;
  position: relative;
}

.yt-section div {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
}

.yt-section .play-video {
  cursor: pointer;
  height: auto;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 50%;
  width: fit-content;
  width: -moz-fit-content;
  width: -webkit-fit-content;
}

.yt-section .play-video img {
  display: inline-block;
  vertical-align: middle;
  width: 40px;
}

.yt-section .play-video p {
  color: white;
  display: inline-block;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
  vertical-align: middle;
}

.youtube-section {
  background-color: black;
  border: 0;
  height: 100%;
  max-width: unset;
  outline: none;
  top: 0 !important;
  width: 100%;
}

.youtube-section div.yt-sec {
  background-color: black;
  margin: auto;
  max-width: 800px;
}

.youtube-section div.yt-sec iframe.youtube-vid {
  margin: auto !important;
  max-width: 800px;
}

.youtube-section div.yt-sec ul li {
  display: inline-block;
  list-style-type: none;
  vertical-align: middle;
}

.youtube-section div.yt-sec ul li div {
  background-color: white;
  margin-right: 10px;
  padding: 3px;
}

.youtube-section div.yt-sec ul li div img {
  width: 60px;
}

.youtube-section div.yt-sec ul li a p {
  font-size: 14px;
  margin: 0 0 3px;
}

.youtube-section div.yt-sec ul li a button {
  background-color: red;
  border-radius: 0;
  color: white;
  font-size: 12px;
  font-weight: 800;
  padding: 4px 12px;
  text-transform: uppercase;
}

.youtube-section div.yt-sec p {
  color: white;
  font-size: 28px;
  font-weight: 800;
  line-height: 1.1;
  margin: 0 0 1.5rem;
}

.youtube-section div.yt-sec > div {
  height: auto !important;
  width: 100% !important;
}

.youtube-section div.yt-sec > div iframe {
  height: auto !important;
  width: 100% !important;
}

.youtube-section button {
  right: 20px;
  top: 20px;
}

.youtube-section button img {
  width: 30px;
}

@media screen and (max-width: 1023px) {
  .youtube-section div.yt-sec {
    margin: 1.5rem auto 0;
  }
}

@media screen and (max-width: 991px) {
  .yt-section div {
    height: 400px;
  }
}

@media screen and (max-width: 639px) {
  .yt-section {
    padding: 2rem 0 0;
  }

  .yt-section div {
    height: 300px;
  }

  .youtube-section div.yt-sec {
    margin: 2rem auto 0;
  }

  .youtube-section div.yt-sec iframe {
    height: 400px;
  }
}

@media screen and (max-width: 500px) {
  .youtube-section div.yt-sec p {
    font-size: 22px;
  }
}

.our_project_section {
  padding: 1rem 0 3rem;
}

.page_content.webinar_details .sec2_container .webinar_date_time a {
  color: #0e3e0f;
  font-weight: 800;
}

.page_content.webinar_details .sec2_container .webinar_date_time ul {
  margin-left: 1.25rem;
  list-style-type: disc;
}

.page_content.webinar_details .sec2_container .webinar_date_time ul li {
  list-style-type: initial !important;
  margin: 0 0 5px;
}

.page_content.webinar_details .sec2_container .webinar_date_time ul li a {
  border-bottom: 2px solid #0e3e0f;
  color: #0e3e0f;
  font-weight: 800;
  position: relative;
}

/* .page_content.webinar_details .sec2_container .webinar_date_time ul li a:before {background-image: url('../img/green-download-green.png'); background-position: center; background-repeat: no-repeat; background-size: cover; bottom: 0; content: ''; height: 20px; position: absolute; right: -30px; width: 20px;} */

/*.page_content.rating .tools_designs .items button img {width: 18px !important;}*/

.tools_designs .cell .items button {
  background-color: #0e3e0f !important;
  padding: 5px;
  width: 100%;
}

.tools_designs .cell .items p {
  color: #fff;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}

.tools_designs .cell .items button img {
  width: 18px !important;
}

.page_content.rating .tools_designs .items h6 a {
  color: #0e3e0f;
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
}

.page_content.external_events
  .sec2_container
  .training_tabs
  .training_blog
  .blog_title
  h5
  span
  p.on-going {
  background-color: #71a154;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  padding: 5px 10px;
  text-transform: uppercase;
  width: fit-content;
  width: -moz-fit-content;
  width: -webkit-fit-content;
}

.page_content.external_events
  .sec2_container
  .training_tabs
  .training_blog
  .blog_title
  h5
  span
  p.ended {
  background-color: #ccc;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  padding: 5px 10px;
  text-transform: uppercase;
  width: fit-content;
  width: -moz-fit-content;
  width: -webkit-fit-content;
}

.page_content.external_events
  .sec2_container
  .training_tabs
  .training_blog
  .blog_title
  .org {
  background-color: #0e3e0f;
  margin: 0 0 5px;
  padding: 3px 5px;
  width: fit-content;
  width: -moz-fit-content;
}

.page_content.external_events
  .sec2_container
  .training_tabs
  .training_blog
  .blog_title
  .org
  h6 {
  color: white;
  font-weight: 500;
  font-size: 14px;
  margin: 0;
  text-transform: uppercase;
}

.page_content.external_events
  .sec2_container
  .training_tabs
  .training_blog
  .blog_title
  .org
  h6
  span {
  color: white;
  font-weight: 700;
  font-size: 14px;
}

.page_content.process .sec1_container .all_stage .proccess_title ul {
  margin: 0 0 1rem 1.5rem;
}

.page_content.rating .tools_designs .items button p a {
  color: white;
}

/* GREENRE ACCREDITED PROFESSIONALS - 22 Sept 2021 */
.page_content.greenre_manager_cert .pdf_display {
  display: block;
}

.page_content.greenre_manager_cert .pdf_display .table-scroll {
  display: table;
}

/* Reponsive Menu (List of project & Who We Are) - 23-Sept-2021 */
/*.top_header .header_menu div ul.header_full_menu li ul.is-dropdown-submenu li.respon-menu { display: none; }*/

@media all and (min-width: 1023px) {
  .top_header
    .header_menu
    div
    ul.header_full_menu
    li
    ul.is-dropdown-submenu
    li.respon-menu {
    display: none;
  }
}

.page_content.project .new_sec1_container .tabs-content {
  border: 0;
  float: left;
  width: 100%;
}

.page_content.project .new_sec1_container .tabs-content .project_table h5 {
  color: #0e3e0f;
  font-size: 24px;
  padding: 0;
  margin: 0 0 0.625rem;
}

.page_content.project .new_sec1_container .tabs-content .tabs-panel {
  border: 1px solid #cccccc;
}

.page_content.project .new_sec1_container .project_tabs {
  text-align: center;
}

.page_content.project .new_sec1_container .project_tabs li {
  display: inline-block;
  float: left;
  vertical-align: middle;
  width: calc(100% / 4);
}

.page_content.project .new_sec1_container .tabs-content .project_table form {
  margin-bottom: 2rem;
}

.page_content.project
  .new_sec1_container
  .tabs-content
  .project_table
  .no-result-msg {
  margin: 0 0 1rem;
  text-align: center;
}

.page_content.project
  .new_sec1_container
  .tabs-content
  .project_table
  .no-result-msg
  p {
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
}

.page_content.project
  .new_sec1_container
  .tabs-content
  .project_table
  form
  label {
  position: relative;
}

.page_content.project
  .new_sec1_container
  .tabs-content
  .project_table
  form
  label
  input {
  border-radius: 0;
  box-shadow: none;
  margin: 0;
  position: relative;
}

.page_content.project
  .new_sec1_container
  .tabs-content
  .project_table
  form
  label
  label.error {
  bottom: -20px;
  color: red;
  position: absolute;
}

.page_content.project
  .new_sec1_container
  .tabs-content
  .project_table
  form
  label.submit {
  background-color: #71a154;
  height: 100%;
}

.page_content.project
  .new_sec1_container
  .tabs-content
  .project_table
  form
  label.submit
  input {
  background-color: #71a154;
  border: 1px solid #71a154;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  font-weight: 800;
  height: 100%;
  text-transform: uppercase;
  width: 100%;
}

.page_content.project
  .new_sec1_container
  .tabs-content
  .project_table
  form
  label.reset {
  background-color: #cccccc;
  height: 100%;
}

.page_content.project
  .new_sec1_container
  .tabs-content
  .project_table
  form
  label.reset
  input {
  background-color: #cccccc;
  border: 1px solid #cccccc;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  font-weight: 800;
  height: 100%;
  text-transform: uppercase;
  width: 100%;
}

.page_content.project
  .new_sec1_container
  .tabs-content
  .project_table
  .full-list
  .listing-table {
  margin: 0 0 1.5rem;
}

.page_content.project
  .new_sec1_container
  .tabs-content
  .project_table
  .full-list
  .listing-table.bronze
  h4 {
  background-color: #b57539;
  color: #fff;
  font-weight: 900;
  padding: 0 0.625rem;
  text-transform: uppercase;
  width: fit-content;
  width: -moz-fit-content;
  width: -webkit-fit-content;
}

.page_content.project
  .new_sec1_container
  .tabs-content
  .project_table
  .full-list
  .listing-table.silver
  h4 {
  background-color: #cccccc;
  color: #fff;
  font-weight: 900;
  padding: 0 0.625rem;
  text-transform: uppercase;
  width: fit-content;
  width: -moz-fit-content;
  width: -webkit-fit-content;
}

.page_content.project
  .new_sec1_container
  .tabs-content
  .project_table
  .full-list
  .listing-table.gold
  h4 {
  background-color: #dbb75a;
  color: #fff;
  font-weight: 900;
  padding: 0 0.625rem;
  text-transform: uppercase;
  width: fit-content;
  width: -moz-fit-content;
  width: -webkit-fit-content;
}

.page_content.project
  .new_sec1_container
  .tabs-content
  .project_table
  .full-list
  .listing-table.platinum
  h4 {
  background-color: #c6c7c7;
  color: #fff;
  font-weight: 900;
  padding: 0 0.625rem;
  text-transform: uppercase;
  width: fit-content;
  width: -moz-fit-content;
  width: -webkit-fit-content;
}

.page_content.greenre_manager_cert .pdf_display form label.reset input {
  background-color: #cccccc;
  border: 1px solid #cccccc;
  border-radius: 0;
  color: #fff;
  font-weight: 800;
  height: 39px;
  text-transform: uppercase;
  width: 100%;
}

.back_btn {
  margin: 0 0 1.5rem;
}

.back_btn ul li {
  display: inline-block;
  padding: 5px;
  vertical-align: middle;
}

.back_btn ul li.back {
  background-color: #0e3e0f;
  margin: 0 20px 0 0;
  position: relative;
}

.back_btn ul li.back:before {
  background-image: url("../img/right-arrow-green.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  height: 16px;
  position: absolute;
  right: -22px;
  top: 7px;
  width: 16px;
}

.back_btn ul li.back a {
  color: white;
}

.back_btn ul li.back a p {
  font-size: 14px;
}

.back_btn ul li p {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase;
}

@media all and (max-width: 1200px) {
  .page_content.project .new_sec1_container .project_tabs li {
    width: calc(100% / 4);
  }
}

@media all and (max-width: 1023px) {
  .top_header {
    padding: 2rem 15px 15px;
  }

  .page_content.project .new_sec1_container .project_tabs li {
    width: calc(100% / 2);
  }

  .page_content.project
    .new_sec1_container
    .tabs-content
    .project_table
    form
    label
    input {
    margin: 0 0 1.5rem;
  }

  .page_content.project
    .new_sec1_container
    .tabs-content
    .project_table
    form
    label.submit
    input,
  .page_content.project
    .new_sec1_container
    .tabs-content
    .project_table
    form
    label.reset
    input {
    height: 39px;
    margin: 0;
  }

  .page_content.project .new_sec1_container .tabs-content {
    clear: both;
    float: unset;
    margin: 15px 0;
  }
}

/* Project New - View full list button (8-Oct-2021) */
.view-all-btn {
  padding: 15px 0 0;
  text-align: center;
  width: 100%;
}

.view-all-btn button {
  background-color: #cccccc;
  border-radius: 0;
  font-size: 14px;
  font-weight: 800;
  padding: 12px 25px;
  text-transform: uppercase;
  transition: 0.2s;
}

.view-all-btn button:hover,
.view-all-btn button:focus {
  background-color: red;
  color: white;
}

.page_content.bulletin .sec2_container .download a button {
  width: 100% !important;
}

/* Fee Page | 08-March-2022 */
.page_content.fees .sec1_container .download {
  background-color: #000;
  margin-bottom: 1em;
  text-align: center;
  width: 100%;
}

.page_content.fees .sec1_container .download button {
  width: 100% !important;
}

.page_content.fees .sec1_container .download button p {
  color: #fff;
  display: inline-block;
  font-size: 0.875em;
  font-weight: 800;
  margin-bottom: 0;
  text-transform: uppercase;
  vertical-align: middle;
}

.page_content.fees .sec1_container .download button img {
  display: inline-block;
  margin: 0 0 0 0.313em;
  vertical-align: middle;
  width: 1em;
}

/* Process | 18-May-2022 */
.page_content.process .sec1_container .all_stage ul.download li button {
  background-color: #0e3e0f;
  border-radius: 0;
  min-width: 6.25rem;
  padding: 0.625rem 0.938rem;
  width: 15em;
}

.page_content.process .sec1_container .all_stage ul.download li button p,
.page_content.process .sec1_container .all_stage ul.download li button p a {
  color: #fff;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 800;
  margin-bottom: 0;
  text-transform: uppercase !important;
  vertical-align: middle;
}

.page_content.process .sec1_container .all_stage ul.download li button img {
  display: inline-block;
  margin-left: 0.313rem;
  vertical-align: middle;
  width: 1rem;
}

/* Collaboration | 20-May-2022 */
.page_content.collaboration .sec2_container .collaboration_tabs ul.tabs li {
  width: calc(100% / 4);
}

.page_content.collaboration .sec2_container {
  padding: 5rem 0;
}

.page_content.collaboration
  .sec2_container
  .collaboration_tabs
  .tabs-content
  .tabs-panel
  h3 {
  border-bottom: 1px solid #0e3e0f;
  color: #0e3e0f;
  font-weight: 900;
  padding: 0 0 5px;
  margin: 0 0 1.5rem;
  width: fit-content;
}

.page_content.collaboration .sec2_container .collaboration_tabs .tabs-content {
  padding: 2rem 0;
}

.page_content.collaboration
  .sec2_container
  .collaboration_tabs
  .tabs-content
  .tabs-panel
  ul
  li {
  list-style-type: none;
  margin: 0 0 10px;
}

.page_content.collaboration
  .sec2_container
  .collaboration_tabs
  .tabs-content
  .tabs-panel
  hr {
  border-bottom: 1px solid transparent;
  margin: 2rem 0;
}

.page_content.collaboration
  .sec2_container
  .collaboration_tabs
  .tabs-content
  .tabs-panel
  #more {
  display: none;
}

.page_content.collaboration
  .sec2_container
  .collaboration_tabs
  .tabs-content
  .tabs-panel
  button {
  background-color: #cccccc;
  border: 0;
  border-radius: 0;
  color: white;
  font-weight: 800;
  margin: 1rem 0 0;
  padding: 10px 15px;
  text-transform: uppercase;
}

.page_content.collaboration
  .sec2_container
  .collaboration_tabs
  .tabs-content
  .tabs-panel
  div
  ul
  li {
  display: inline-block;
  margin: 0 20px 0 0;
  vertical-align: top;
}

.page_content.collaboration
  .sec2_container
  .collaboration_tabs
  .tabs-content
  .tabs-panel
  div:nth-child(1)
  ul
  li {
  display: block;
  margin: 0 20px 10px 0;
  vertical-align: middle;
}

.page_content.collaboration
  .sec2_container
  .collaboration_tabs
  .tabs-content
  .tabs-panel
  div
  ul
  li
  img {
  margin: 0 0 10px;
}

.page_content.collaboration
  .sec2_container
  .collaboration_tabs
  .tabs-content
  .tabs-panel
  div
  ul
  li
  p {
  color: #0e3e0f;
  font-weight: 800;
}

.page_content.collaboration
  .sec2_container
  .collaboration_tabs
  .tabs-content
  .tabs-panel
  div
  ul
  li:nth-child(1)
  img {
  max-width: 360px;
  width: 100%;
}

.page_content.collaboration
  .sec2_container
  .collaboration_tabs
  .tabs-content
  .tabs-panel
  div
  ul
  li:nth-child(2)
  img {
  max-width: 40%;
  width: 100%;
}

.page_content.collaboration
  .sec2_container
  .collaboration_tabs
  .tabs-content
  .tabs-panel
  div
  img {
  margin: 0 0 10px;
  max-width: 206px;
  width: 100%;
}

.page_content.collaboration
  .sec2_container
  .collaboration_tabs
  .tabs-content
  .tabs-panel
  div
  h4 {
  color: #0e3e0f;
  font-size: 18px;
  font-weight: 900;
  margin: 0 0 1rem;
}

.page_content.collaboration
  .sec2_container
  .collaboration_tabs
  .tabs-content
  .tabs-panel
  div
  span {
  font-weight: 800;
}

.page_content.collaboration
  .sec2_container
  .collaboration_tabs
  .tabs-content
  .tabs-panel
  hr.w-line {
  border-bottom: 1px solid #0e3e0f;
  max-width: 100%;
  width: 100%;
}

@media screen and (max-width: 75em) {
  .page_content.collaboration .sec2_container {
    padding: 3rem 15px;
  }
}

@media screen and (max-width: 64em) {
  .page_content.collaboration .sec2_container .collaboration_tabs ul.tabs li {
    width: 100%;
  }

  .page_content.collaboration
    .sec2_container
    .collaboration_tabs
    .tabs-content
    .tabs-panel
    div
    h4 {
    border-bottom: 1px solid #0e3e0f;
    font-size: 24px;
    margin: 0 0 2rem;
    padding: 0 0 10px;
    width: fit-content;
  }
}

@media screen and (max-width: 639px) {
  .page_content.collaboration
    .sec2_container
    .collaboration_tabs
    .tabs-content
    .tabs-panel
    div
    h4 {
    font-size: 19px;
  }
}

/* GBC | 02-JUNE-2022 */
.gbc-event-banner {
  text-align: center;
}

.gbc_desc a button {
  background-color: #0e3e0f;
  border: 1px solid #0e3e0f;
  border-radius: 0;
  color: white;
  font-size: 18px;
  font-weight: 600;
  margin: 2rem 0 0;
  padding: 10px 15px;
  transition: 0.3s;
}

.gbc_desc a button:hover {
  background-color: transparent;
  color: #0e3e0f;
}

/* What We Do | 27-Jan-2023 */
.sec3_container h5 {
  color: #0e3e0f;
  font-weight: 800;
}

.sec3_container .cell {
  margin: 0 0 20px;
}

.sec3_container ul {
  margin: 0 0 0 2rem;
}

.sec3_container ul li {
  list-style: lower-roman;
}

.sec3_container ul li ul li {
  list-style: circle;
}

.page_content.what_we_do .sec3_container img {
  display: flex;
  float: none;
  margin: auto;
  text-align: center;
  width: auto;
}

.page_content.what_we_do .sec3_container a {
  display: block;
  text-align: center;
}

/* Fees | 31-Jan-2023 */
.page_content.fees .sec1_container .table-scroll {
  margin: 0 0 2rem;
}

.page_content.fees .sec1_container .table-scroll h2 {
  font-size: 24px;
}

.page_content.fees
  .sec1_container
  .accordion-content.building
  table
  thead
  tr
  th {
  background-color: #a9d08e;
}

.page_content.fees
  .sec1_container
  .accordion-content.building
  table
  tbody
  tr
  td.title {
  background-color: #e2efda;
}

.page_content.fees
  .sec1_container
  .accordion-content.township
  table
  thead
  tr
  th {
  background-color: #ffd966;
}

.page_content.fees
  .sec1_container
  .accordion-content.township
  table
  tbody
  tr
  td.title {
  background-color: #fff2cc;
}

.page_content.fees
  .sec1_container
  .accordion-content.renewal-fees
  table
  thead
  tr
  th {
  background-color: #b4c6e7;
}

/* New What We Do | 24-Feb-2023 */
.textTitle {
  background-color: #0e3e0f;
  margin: auto auto 1.5rem 0;
  padding: 10px 45px 10px 15px;
  position: relative;
  transition: 0.3s;
  -webkit-width: fit-content;
  width: fit-content;
}

.textTitle:before {
  border-bottom: 1px solid #000000;
  content: "";
  opacity: 0;
  position: absolute;
  right: -40px;
  transform: translateX(40px);
  top: 50%;
  transition: 0.3s;
  width: 80px;
}

.textTitle h2 {
  color: #fff;
  font-size: 22px;
  margin: 0;
}

.textTitle a {
  color: #fff;
  font-size: 12px;
  font-style: italic;
  text-align: left !important;
}

.textDesc a {
  color: #2ead33;
  display: unset !important;
  font-size: 12px;
  font-style: italic;
}

.textDesc ul.textPointForm {
  margin: 2.5rem 0 0 6rem;
  position: relative;
}

.textDesc ul.textPointForm:before {
  border-left: 1px solid #000;
  content: "";
  height: 100%;
  left: -2.5%;
  position: absolute;
}

.textDesc ul.textPointForm ul {
  margin: 0 0 2rem 1rem;
}

.textDesc ul.textPointForm li {
  list-style-type: none;
  margin: 0 0 1.5rem;
  position: relative;
}

.textDesc ul.textPointForm li h3 {
  color: #0e3e0f;
  font-size: 20px;
  font-weight: 900;
  margin: 0;
}

.textDesc ul.textPointForm ul li {
  list-style-type: circle;
  margin: 0 0 10px;
}

.textDesc ul.textPointForm ul li:before {
  content: unset !important;
}

.textDesc ul.textPointForm li:before {
  background-color: #267e95;
  color: #ffffff;
  content: "";
  font-weight: bold;
  height: 45px;
  left: -90px;
  padding: 10px;
  position: absolute;
  text-align: center;
  width: 45px;
}

.textDesc ul.textPointForm li:nth-child(1):before {
  content: "01";
}

.textDesc ul.textPointForm li:nth-child(2):before {
  content: "02";
}

.textDesc ul.textPointForm li:nth-child(3):before {
  content: "03";
}

.textDesc ul.textPointForm li ul li p {
  margin: 0;
}

.textDesc ul.textPointForm li h2 {
  color: #36b879;
  font-size: 30px;
  font-weight: 900;
}

.textDesc ul.textPointForm li .cell {
  background-color: #36b879;
  margin: 0 5px 15px;
  padding: 10px;
}

.textDesc ul.textPointForm li .cell h2 {
  color: #ffffff;
  font-size: 18px;
  line-height: 1.3;
}

.textDesc ul.textPointForm li .cell p {
  color: #ffffff;
  font-size: 14px;
  padding: 0;
}

.columns:hover .textTitle,
.columns:focus .textTitle {
  box-shadow: inset 1200px 0 0 0 #2ead33;
}

.columns:hover .textTitle:before,
.columns:focus .textTitle:before {
  opacity: 1;
  transform: translateX(10px);
}

.page_content.what_we_do .columns {
  margin-bottom: 2rem;
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
  width: 35px;
}

.mobile_bg {
  background-color: #0e3e0f;
}

.page_content.what_we_do .sec4_container {
  background-color: #0e3e0f;
  padding: 0 15px 3rem;
}

.page_content.what_we_do .sec4_container .grid-container {
  margin-bottom: 0;
  margin-top: 0;
  padding: 2rem 0;
}

.page_content.what_we_do .sec4_container .cell {
  background-color: #ffffff;
  padding: 15px;
}

.page_content.what_we_do .sec4_container .cell h2 {
  color: #0e3e0f;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.3;
  margin: 0;
}

.page_content.what_we_do .sec4_container .cell p {
  font-size: 14px;
}

.page_content.what_we_do .sec5_container {
  text-align: center;
}

.page_content.what_we_do .sec5_container img {
  width: auto;
}

.page_content.what_we_do .sec5_container a {
  color: #2ead33;
  font-size: 12px;
  font-style: italic;
}

@media screen and (max-width: 1200px) {
  .page_content.what_we_do .sec3_container {
    overflow-x: hidden;
    padding: 2rem 10px;
  }

  .textTitle h2 {
    font-size: 18px;
  }

  .textDesc p {
    padding: 0 15px;
  }

  .textDesc ul.textPointForm:before {
    left: -30px;
  }

  .textDesc ul.textPointForm p {
    padding: 0;
  }
}

@media screen and (max-width: 639px) {
  .textTitle {
    background-color: #2ead33;
    padding: 10px 15px;
    margin: auto auto 1rem;
    width: 100%;
  }

  .textTitle:before {
    content: unset;
  }

  .columns:focus .textTitle,
  .columns:hover .textTitle {
    box-shadow: unset;
  }
}

/* Update on 18-April-2023 - Rating Tools */
.rating ul {
  /* display: block;
  float: left;
  margin: 2rem auto;
  width: 100%; */

  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
  justify-content: center;
}

.rating ul li {
  border-radius: 15px;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(204, 204, 204, 1);
  -moz-box-shadow: 0px 0px 30px 0px rgba(204, 204, 204, 1);
  box-shadow: 0px 0px 30px 0px rgba(204, 204, 204, 1);
  /* float: left; */
  list-style-type: none;
  margin: 0 10px 20px;
  min-height: 300px;
  padding: 20px;
  /* width: calc(90% / 3); */
}

.rating ul li h4 {
  border-bottom: 2px solid #0e3e0f;
  font-size: 22px;
  font-weight: 800;
  line-height: 1.2;
  margin: 0 0 20px;
  padding: 0 0 15px;
}

.rating ul li ul {
  display: inline-block;
  margin: 0 0 20px;
  width: 100%;
}

.rating ul li ul li {
  border-radius: 50px;
  color: #cccccc;
  font-size: 14px;
  margin: 0 0 15px;
  min-height: auto;
  padding: 8px 15px 8px;
  position: relative;
  transition: 0.3s;
  width: 100%;
}

.rating ul li ul li:hover {
  background-color: #0e3e0f;
}

.rating ul li ul li:last-child {
  margin: 0;
}

/* .rating ul li ul li:before {
  background-color: #0E3E0F;
  border-radius: 50px;
  color: white;
  content: 'Download';
  left: 15px;
  padding: 0 10px;
  position: absolute;
} */

.rating ul li ul li a {
  color: #0e3e0f;
  font-weight: 600;
  display: inline-block;
  padding: 0 15px 0 115px;
  position: relative;
  text-decoration: none;
  transition: 0.3s;
  width: 100%;
}

.rating ul li ul li:hover a {
  color: #ffffff;
}

.rating ul li ul li a:before {
  align-items: center;
  background-color: #0e3e0f;
  border-radius: 50px;
  bottom: 0;
  color: white;
  content: "Download";
  display: flex;
  left: 0;
  height: 23px;
  margin: auto;
  padding: 0 10px;
  position: absolute;
  top: 0;
}

.rating ul li ul li:hover a:before {
  background-color: #ffffff;
  color: #0e3e0f;
}

@media screen and (max-width: 1199px) {
  .rating ul {
    align-items: flex-start;
    grid-template-columns: repeat(3, 1fr);
  }

  .rating ul li {
    height: 100%;
    margin: 0 10px 20px;
    /* width: calc(90% / 2); */
  }

  .rating ul li ul li {
    font-size: 14px;
  }
}

@media screen and (max-width: 991px) {
  .rating ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 639px) {
  .rating ul {
    grid-template-columns: repeat(1, 1fr);
  }

  .rating ul li {
    margin: 0 auto 20px;
    width: 100%;
  }
}

/* Update on 19-April-2023 - Collaborations */
.collab .collab-banner {
  background-size: cover;
  height: 400px;
}

.collab .sec2_container {
  margin: auto;
  max-width: 70%;
  padding: 5em 0;
  position: relative;
  width: 100%;
}

.collab .sec2_container h3 {
  font-weight: 800;
  margin: 0;
}

.collab-title-menu {
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  margin: 2rem auto 1rem;
  padding: 15px 0;
}

.collab-title-menu h3 {
  align-items: center;
  display: flex;
  font-size: 24px;
  font-weight: 400 !important;
  height: 100%;
}

.collab-title-menu .scrollmenu {
  overflow: auto;
  white-space: nowrap;
}

.collab-title-menu .tabs {
  border: unset;
  display: flex;
  overflow: auto;
  white-space: nowrap;
  width: 100%;
}

.collab-title-menu .tabs-title {
  margin: 0 10px;
}

.collab-title-menu .tabs-title > a {
  border: 1px solid #cccccc;
  border-radius: 50px;
  color: #0e3e0f;
  font-size: 16px;
  padding: 15px;
  text-transform: uppercase;
  transition: 0.3s;
}

.collab-title-menu .tabs-title > a:focus,
.collab-title-menu .tabs-title > a[aria-selected="true"] {
  background-color: #0e3e0f;
  border: 1px solid #0e3e0f;
  border-radius: 50px;
  color: white;
}

.collab-listing {
  border: unset !important;
}

.collab-listing h2 {
  margin: 0 0 2rem;
}

.collab-listing ul {
  float: left;
  width: 100%;
}

.collab-listing ul li {
  border-radius: 15px;
  -webkit-box-shadow: 0px 0px 30px 0px rgba(204, 204, 204, 1);
  -moz-box-shadow: 0px 0px 30px 0px rgba(204, 204, 204, 1);
  box-shadow: 0px 0px 30px 0px rgba(204, 204, 204, 1);
  float: left;
  list-style-type: none;
  margin: 0 10px;
  min-height: 180px;
  padding: 15px 25px;
  position: relative;
  width: calc(90% / 3);
}

.collab-listing ul li:after {
  border-bottom: 1px solid #0e3e0f;
  bottom: 20px;
  color: #0e3e0f;
  content: "Read More";
  font-size: 14px;
  font-weight: 800;
  left: 25px;
  position: absolute;
  width: fit-content;
  width: -webkit-fit-content;
}

.collab-listing ul li p {
  color: #0e3e0f;
  font-size: 24px;
  line-height: 1.2;
  margin: 0;
}

@media screen and (max-width: 1199px) {
  .collab .sec2_container {
    max-width: 100%;
  }

  .collab-listing ul li {
    margin: auto 10px 20px;
    width: calc(90% / 2);
  }
}

@media screen and (max-width: 639px) {
  .collab .sec2_container h3 {
    margin: 0 0 15px;
  }

  .collab-title-menu .tabs-title > a {
    font-size: 14px;
  }

  .collab-listing ul li {
    margin: auto auto 20px;
    width: calc(100% / 1);
  }
}

/* Update on 25-April-2023 - Details */
.details .sec1_container {
  margin: auto;
  max-width: 70%;
  padding: 5em 0;
  position: relative;
  width: 100%;
}

.details ul.breadcrumbs li a {
  color: unset;
}

.details h1 {
  font-size: 30px;
  margin: 0 0 1rem;
}

.details p {
  font-size: 16px;
  margin: 0 0 1rem;
}

.details a p {
  background-color: #0e3e0f;
  border: 1px solid #0e3e0f;
  border-radius: 100px;
  color: #ffffff;
  font-weight: 800;
  margin: 0 0 20px;
  max-width: 250px;
  padding: 10px 15px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.details img {
  margin-bottom: 1rem;
  width: auto;
}

@media screen and (max-width: 1199px) {
  .details .sec1_container {
    max-width: 100%;
  }

  .details h1 {
    line-height: 1.2;
  }
}

@media screen and (max-width: 639px) {
  .details p {
    font-size: 14px;
  }
}

/**
  Update on 2-Jun-2023
  ----------
  1. Change the layout on rating tools
  2. Chaneg the GreenRE Team image bigger
*/

.page_content.advisory.greenre-team {
  max-width: 90%;
}

@media screen and (max-width: 1500px) {
  .page_content.rating {
    max-width: 90%;
  }
}

@media screen and (max-width: 1200px) {
  .page_content.rating {
    max-width: 100%;
  }
}

/**
  Update on 8-Jun-2023
  ----------
  1. Update submenu position
*/

.top_header
  .header_menu
  div
  ul.header_full_menu
  li
  ul.is-dropdown-submenu.tools_n_templates {
  top: 0 !important;
}

.details ul {
  margin: 0 0 10px 30px;
}

.details .breadcrumbs {
  margin: 0 0 1rem 0;
}

/**
  Update on 16-Jun-2023
  ----------
  1. Update training container
*/

.page_content.training .sec1_container.container_bg {
  -webkit-box-shadow: 0px 0px 19px 0px #d9d9d9;
  -moz-box-shadow: 0px 0px 19px 0px #d9d9d9;
  box-shadow: 0px 0px 19px 0px #d9d9d9;
}

.page_content.training .sec1_container .container_bg {
  box-shadow: unset !important;
  margin: auto;
  max-width: 70%;
}

@media screen and (max-width: 1200px) {
  .page_content.training .sec1_container .container_bg {
    max-width: 100%;
  }
}

/**
  Update on 19-Jun-2023
  ----------
  1. Update project pages
*/

div#projectTable_length,
div#projectTable_filter {
  display: none;
}

.page_content.project
  .sec1_container
  .tabs-content
  .project_table
  .table-scroll
  table
  thead
  tr
  th
  p {
  font-size: 12px;
  font-weight: 700;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  background: #0e3e0f;
  color: #ffffff !important;
  transition: 0.2s;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  background: #cccccc;
  color: #0e3e0f;
}

/**
  Update on 21-Jun-2023
  ----------
  1. Update GreenRE Brochure in "What We Do" page.
*/

.page_content.what_we_do .sec6_container {
  padding: 0 0 3rem;
}

.page_content.what_we_do .brochure-listing h3 {
  color: #36b879;
  font-size: 22px;
  font-weight: 800;
  margin: 0 0 2rem;
}

.page_content.what_we_do .brochure-listing .item {
  display: flex;
  justify-content: space-between;
  margin: 15px auto;
}

.page_content.what_we_do .brochure-listing .item img {
  -webkit-box-shadow: 0px 5px 5px 0px rgba(204, 204, 204, 1);
  -moz-box-shadow: 0px 5px 5px 0px rgba(204, 204, 204, 1);
  box-shadow: 0px 5px 5px 0px rgba(204, 204, 204, 1);
  margin: auto 20px;
  max-width: 240px;
}

.page_content.what_we_do .brochure-listing .item .title {
  margin-top: 2rem;
  max-width: 60%;
}

.page_content.what_we_do .brochure-listing .item a button {
  background-color: #2e90ad;
  border-radius: 100px;
  color: #ffffff;
  font-weight: 800;
  margin: auto;
  max-width: 220px;
  padding: 15px 25px;
  transition: 0.3s;
}

.page_content.what_we_do .brochure-listing .item a button:hover {
  background-color: #0e3e0f;
}

div#allProjectTable_length,
div#allProjectTable_filter {
  display: none;
}

.page_content.training_details .sec1_container ul {
  margin-left: 1.25rem;
}

.page_content.training_details .sec1_container ul li {
  list-style-type: disc;
}

/**
  Update on 4-July-2023
  ----------
  1. Update collaborations boxed
*/
@media screen and (max-width: 1500px) {
  .collab-listing ul li {
    min-height: 240px;
  }
}

@media screen and (max-width: 639px) {
  .collab-listing ul li {
    min-height: 200px;
  }

  .collab-listing ul li p {
    font-size: 20px;
  }
}

/**
  Update on 11-Aug-2023
  ----------
  1. Update GBC Slider
*/
.gbc_slider_img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 600px;
  min-height: 300px;
}

.gbc_slider_sub_img {
  height: 220px;
  min-height: 100px;
}

@media screen and (max-width: 1199px) {
  .gbc_slider_img {
    height: 500px;
  }
}

@media screen and (max-width: 639px) {
  .gbc_slider_img {
    height: 350px;
  }

  .gbc_slider_sub_img {
    height: 140px;
  }
}

/**
  Update on 21-Aug-2023
  ----------
  1. Update the table styling
*/
.rating table,
.rating h3 {
  /* display: none; */
}

.rating table tbody {
  border: 1px solid #cccccc;
}

tbody tr:nth-child(even) {
  border-bottom: unset;
  background-color: unset;
}

tbody tr:first-child {
  /* background-color: #0E3E0F !important;
  color: #ffffff; */
}

/**
  Update on 18-Sept-2023
  ----------
  1. Update the Grid Listing
*/

.template ul {
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 2rem;
}

@media screen and (max-width: 639px) {
  .template ul {
    grid-template-columns: repeat(1, 1fr);
  }
}

/**
  1. Update tab listing on Fees page
*/

.page_content.fees .sec1_container .fees_table {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}

.page_content.fees .sec1_container .fees_table li {
  width: 100%;
}

.page_content.fees .sec1_container .fees_table .tabs-title.office.is-active {
  background-color: #ffd0a9;
}

.page_content.fees .sec1_container .fees_table .tabs-title.office.is-active a {
  color: #fff;
}

.page_content.fees .sec1_container .tabs-content .office table thead tr th {
  background-color: #ffd0a9;
}

.page_content.fees
  .sec1_container
  .tabs-content
  .office
  table
  tbody
  tr
  td:first-child {
  background-color: #fae2cd;
}

@media screen and (max-width: 1023px) {
  .page_content.fees .sec1_container .fees_table {
    display: unset;
  }
}

/**
  1. Update Home Slider
*/

.home_youtube_slider {
  position: relative;
}

.home_youtube_slider button {
  height: 50px;
  top: 53%;
  width: 50px;
}

.home_youtube_slider .slick-prev {
  left: 20px;
  z-index: 1;
}

.home_youtube_slider .slick-next {
  right: 20px;
  z-index: 1;
}

.home_youtube_slider .slick-prev:before,
.home_youtube_slider .slick-next:before {
  font-size: 30px;
}

@media screen and (max-width: 639px) {
  .home_youtube_slider .slick-prev {
    left: 10px;
  }

  .home_youtube_slider .slick-next {
    right: 10px;
  }
}

/**
  Update on 03-Oct-2023
  ----------
  1. Create calculator for (https://greenre.org/fee)
*/

.calculation-box {
  border-radius: 20px;
  margin: 20px;
  padding: 40px;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(204, 204, 204, 1);
  -moz-box-shadow: 0px 0px 6px 0px rgba(204, 204, 204, 1);
  box-shadow: 0px 0px 6px 0px rgba(204, 204, 204, 1);
}

.calculation-box h2 {
  line-height: 0.6;
  margin: 0 auto 2rem;
}

.calculation-box h2 span {
  font-size: 14px;
  font-weight: 300;
}

.calculation-box p {
  color: #0e3e0f;
  font-size: 18px;
  margin-bottom: 5px;
}

.calculation-box input,
.calculation-box select {
  border: 1px solid #cccccc;
  border-radius: 10px;
  box-shadow: unset;
  min-height: 45px;
  padding: 5px 24px 5px 15px;
}

.calculation-box input:focus,
.calculation-box select:focus {
  box-shadow: unset;
}

/* Hide the up and down arrows in number input */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

input[type="number"] {
  border: 1px solid #ccc;
}

.calculation-box .calculatNow {
  margin-top: 1rem;
  text-align: center;
}

.calculation-box .calculatNow input {
  background-color: #0e3e0f;
  border: 1px solid #0e3e0f;
  border-radius: 10px;
  color: #ffffff;
  margin: auto;
  max-width: 250px;
  padding: 15px;
  text-transform: uppercase;
  transition: 0.3s;
  width: 100%;
}

.calculation-box .calculatNow input:hover {
  background-color: #ffffff;
  color: #0e3e0f;
}

.page_content.fees
  .sec1_container
  .fees_table
  .tabs-title.fees-calculation.is-active {
  background-color: #e28a8a;
}

.page_content.fees
  .sec1_container
  .fees_table
  .tabs-title.fees-calculation.is-active
  a {
  color: #ffffff;
}

.page_content.fees .sec1_container .fees_table .tabs-title {
  align-items: center;
  display: flex;
  justify-content: center;
}

.page_content.fees .sec1_container .fees_table .tabs-title a {
  font-size: 15px;
}

@media screen and (max-width: 1023px) {
  .calculation-box {
    padding: 20px;
  }

  .calculation-box h2 {
    font-size: 26px;
  }
}

/**
    Update on 23-Oct-2023
*/
.page_content.fees
  .sec1_container
  .fees_table
  .tabs-title.volume-cert.is-active {
  background-color: #5cb982;
}

.page_content.fees
  .sec1_container
  .fees_table
  .tabs-title.volume-cert.is-active
  a {
  color: #ffffff;
}

/* Content Update - 22-Nov-2023 */
.fees .tabs-content .tabs-panel button {
  background-color: #0e3e0f;
  border-radius: 0;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 800;
  height: 43px;
  margin-bottom: 0;
  text-transform: uppercase !important;
  min-width: 6.25rem;
  padding: 10px 15px;
  position: relative;
  width: 240px;
}
.fees .tabs-content .tabs-panel button:before {
  background-image: url("../img/download-white.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
  content: "";
  height: 16px;
  position: absolute;
  right: 15px;
  width: 16px;
}

/** 
    Content Update - 8-Jan-2023
    ------
    Update certification menu
*/
.top_header
  .header_menu
  div
  ul.header_full_menu
  li
  ul.is-dropdown-submenu.menu_in_menu {
  top: 0 !important;
}
.top_header
  .header_menu
  div
  ul.header_full_menu
  li
  ul.is-dropdown-submenu
  li
  a
  span {
  font-size: 12px;
}

/**
    Content Update - 15-Apr-2024
    ------
    Update Process page
*/
.all_stage > ul {
  margin: 0 0 0 20px;
}
.all_stage .more_info ul {
  margin: 0 0 0 20px;
}

/**
    Content Update - 18-Apr-2024
    ------
    Update New Fees Page
*/
.page_content.fees.new_fees .sec1_container .fees_table {
  grid-template-columns: repeat(6, 1fr);
}
.page_content.fees.new_fees .sec1_container .fees_table a {
  font-size: 13px;
}
.page_content.fees.new_fees
  .sec1_container
  .fees_table
  .tabs-title.volume-cert.is-active,
.page_content.fees.new_fees
  .sec1_container
  .fees_table
  .tabs-title.building.is-active,
.page_content.fees.new_fees
  .sec1_container
  .fees_table
  .tabs-title.office.is-active,
.page_content.fees.new_fees
  .sec1_container
  .fees_table
  .tabs-title.renewal-fees.is-active {
  background-color: #5cb982;
}
.page_content.fees.new_fees
  .sec1_container
  .fees_table
  .tabs-title.infra.is-active {
  background: #ffe8a2;
}
.page_content.fees.new_fees
  .sec1_container
  .fees_table
  .tabs-title.infra.is-active
  a {
  color: #ffffff;
}

.page_content.fees.new_fees
  .sec1_container
  .tabs-content
  .building
  table
  thead
  tr
  th,
.page_content.fees.new_fees
  .sec1_container
  .tabs-content
  .office
  table
  thead
  tr
  th,
.page_content.fees.new_fees
  .sec1_container
  .tabs-content
  .renewal-fees
  table
  thead
  tr
  th {
  background-color: #5cb982 !important;
}

.page_content.fees.new_fees
  .sec1_container
  .tabs-content
  .building
  table
  tbody
  tr
  td.title,
.page_content.fees.new_fees
  .sec1_container
  .tabs-content
  .office
  table
  tbody
  tr
  td:first-child,
.page_content.fees.new_fees
  .sec1_container
  .tabs-content
  .renewal-fees
  table
  tbody
  tr
  td:first-child {
  background-color: #c1f7d8 !important;
}

.page_content.fees.new_fees .sec1_container .fees_table li {
  width: 100%;
}

.page_content.energy-fees {
  padding: 3rem 0;
}
.energy-fees .sec1_container {
  margin: auto;
  max-width: 90%;
}
.energy-fees h2 {
  color: #0e3e0f;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}
.energy-fees h3 {
  color: #0e3e0f;
  font-size: 28px;
}

.page_content.rating .sec2_container {
  margin: 30px auto auto;
}

/* 
    Update the color 
    - #4AAAC5
*/
.energy-blue .page_content h2,
.energy-blue .page_content .sec1_container h2,
.energy-blue .rating ul li ul li a,
.energy-blue
  .page_content.process
  .sec1_container
  .all_stage
  .proccess_title
  h3 {
  color: #4aaac5;
}
.energy-blue .rating ul li ul li a:before,
.energy-blue .rating ul li ul li:hover {
  background-color: #4aaac5;
}
.energy-blue .rating ul li ul li:hover a:before {
  background-color: #ffffff;
  color: #4aaac5;
}
.energy-blue .rating ul li ul li:hover a {
  color: #ffffff;
}
.energy-blue .page_content.rating .sec2_container .leave_msg {
  background-color: #77c8df;
}
.energy-blue
  .page_content.rating
  .sec2_container
  .leave_msg
  form
  label.submit
  input {
  background-color: #4aaac5;
}
.energy-blue table tbody tr:first-child,
.energy-blue table tbody tr:nth-child(2) {
  background-color: #4aaac5;
  color: #ffffff;
}
.energy-blue .page_content.process .sec1_container .all_stage .stage_number {
  background-color: #77c8df;
}

/* 
    Update pagination in news page
*/
.page_content.news .training_tabs .training_blog .blog_slider div { height: 220px; }
.page_content.news .pagination .current a { color: #fff; }
.pagination.newsupdate-pagi .current { background-color: unset; padding: 0; }
.pagination.newsupdate-pagi .current a { background-color: #0e3e0f; }
.page_content.fees
  .sec1_container
  .fees_table
  .tabs-title.infrastructure.is-active { background-color: #338576; }
.page_content.fees
  .sec1_container
  .fees_table
  .tabs-title.infrastructure.is-active
  a { color: #ffffff; }

.page_content.fees
  .sec1_container
  .tabs-content
  .infrastructure
  table
  tbody
  tr
  td.title { background-color: #338576 !important; color: #ffffff !important; }

/*
  Added on 1 Oct 2024
*/
.page_content.project .sec1_container .project_tabs li .project_plate img { padding: 10px 30px; }

@media screen and (max-width: 767px) {
    .page_content.project .sec1_container .project_tabs li .project_plate img { margin: 0; padding: 10px; }
}

/* 
  Added on 23 Oct 2024
*/
.photo_gallery { display: none; }
button.gallery-view,
button.gallery-disabled { background: #e3e3e3; border-radius: 5%; color: #000000; font-size: 12px; margin: auto; padding: 4px; width: 100%; }
button.gallery-view { background: #0e3e0f; color: #ffffff; }
.page_content.project_details
  .sec2_container
  .tabs-content
  .tabs-panel
  table
  tbody
  tr
  td { font-size: 13px; }
.page_content.project_details .sec1_container ul li img { margin: 0 20px 0 0; max-width: 180px; width: 100%; }

@media all and (max-width: 500px) {
    .page_content.project_details .sec1_container ul { display: flex; flex-direction: column; justify-content: center; }
    .page_content.project_details .sec1_container ul li { display: unset; text-align: center; }
}

/*
  Added on 2-Mar-2025
  For styling the tables in Fees page.

  URL: https://greenre.org/fee
*/
.tabs-panel.building h4,
.tabs-panel.township h4,
.tabs-panel.renewal-fees h4,
.tabs-panel.infrastructure h4,
.tabs-panel.renewal-fees h4 { color: #0e3e0f !important; font-weight: 800; }
.tabs-panel.building thead tr { background-color: #a9d08e; }
.tabs-panel.building thead tr td { border: 1px solid #000000; text-align: center; }
.tabs-panel.building tbody tr td:first-child { background-color: #cce7b8; }
.tabs-panel.township thead tr { background-color: #ffd966; }
.tabs-panel.township thead tr td { border: 1px solid #000000; text-align: center; }
.tabs-panel.township tbody tr td:first-child { background-color: #f8e6b1; }
.tabs-panel.renewal-fees.office thead tr { background-color: #ffd0a9; }
.tabs-panel.renewal-fees.office thead tr td { border: 1px solid #000000; text-align: center; }
.tabs-panel.infrastructure tbody tr td:first-child { background-color: #338576; color: #ffffff; }
.tabs-panel.renewal-fees thead tr { background-color: #b4c6e7; }
.tabs-panel.renewal-fees thead tr td { border: 1px solid #000000; text-align: center; }

/*
    Added on 7-Jul-2025
    For styling the project page: project badge title height
    
    URL: https://greenre.org/project
*/
.page_content.project .sec1_container .project_tabs li.is-active .project_plate .all_button a .preview { align-content: center; min-height: 45px; }

/*
    Added on 8-Jul-2025
    For hiding the default search and sorting button for energy page
    
    URL: https://greenre.org/energy
*/

div#energyTable_length, 
div#energyTable_filter { display: none; }

/*
    Added on 11-July-2025
    Adjust the Energy image
    
    URL: https://greenre.org/energy
*/
.energy_tabs .project_plate img { max-width: 200px; }
.searchEnergy #submit { background-color: #6283c2; border: #6283c2; }
.energy a.paginate_button.current,
div#energyTable_wrapper a.paginate_button.current,
.energy_project button,
.energy_tabs .preview { background-color: #6283c2 !important; }
.energy_details .back_btn ul li.back,
.energy_details .sec2_container ul.tabs li.is-active a,
.energy_details button.gallery-view,
.energy_details a.paginate_button.current { background-color: #6283c2 !important; }
.energy_details .sec1_container ul li h4 { color: #6283c2 !important; }