/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
/* Colors */
.wp-block-cgb-block-can-do-block {
  color: var(--global--color-white);
  background: var(--global--color-dark-green);
  margin: 0 auto;
  width: calc(100vw - 32px);
  padding: 2rem; }

.what-can-we-do__flex-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  gap: 40px;
  padding-bottom: 100px; }

.what-can-we-do__heading {
  margin-top: 100px;
  margin-bottom: 70px;
  text-align: center; }

.what-can-we-do__content {
  width: var(--small-width);
  margin: 0 auto; }

.what-can-we-do__icon-background {
  background: var(--global--color-ivy-green);
  height: 170px;
  width: 170px;
  margin: auto;
  display: -ms-flexbox;
  display: flex; }

.what-can-we-do__icon-background > svg {
  display: block;
  margin: auto; }

.center-text {
  text-align: center; }

@media screen and (max-width: 1200px) {
  .what-can-we-do__flex-row {
    -ms-flex-direction: column;
        flex-direction: column;
    gap: 80px; } }

@media screen and (max-width: 1050px) {
  .wp-block-cgb-block-can-do-block {
    width: 100vw; } }

@media screen and (max-width: 500px) {
  .what-can-we-do__content {
    width: 85%; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-gots-block-project-details {
  padding: 80px 0;
  background: var(--global--color-light-green);
  width: var(--width);
  margin: auto; }
  .wp-block-gots-block-project-details__container {
    display: -ms-flexbox;
    display: flex;
    width: var(--small-width);
    margin: 0 auto; }
    .wp-block-gots-block-project-details__container > * {
      width: 100%; }
    @media screen and (max-width: 900px) {
      .wp-block-gots-block-project-details__container {
        -ms-flex-direction: column;
            flex-direction: column; } }
  .wp-block-gots-block-project-details .wp-block-gots-block-project-details-column {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto; }
  .wp-block-gots-block-project-details .wp-block-columns.alignfull, .wp-block-gots-block-project-details.alignfull {
    width: 100% !important; }
  .wp-block-gots-block-project-details.alignwide {
    width: 70% !important;
    max-width: 950px; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-gots-block-project-details-item {
  position: relative; }
  .wp-block-gots-block-project-details-item__details {
    line-height: 50px; }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-gots-block-project-details-column {
  position: relative;
  width: 100%;
  padding: 0 2rem; }
  .wp-block-gots-block-project-details-column:only-child {
    width: 75%;
    -ms-flex: inherit;
        flex: inherit;
    margin: 0 auto; }