/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 09 2024 | 13:51:24 */
.gform-theme--framework .gform_fields label, .gform-theme--framework .gform_fields legend {
  font-size: 18px;
  font-weight: bold;
}

.gform-theme--framework .gform_fields .ginput_container_radio label, .gform-theme--framework .gform_fields .ginput_container_checkbox label {
  font-weight: normal;
}

.ginput_container_select a.chosen-single:hover {
  color: var(--primary) !important;
}

.chaos-heading h3::before {
  content: "";
  position: absolute;
  background: transparent url("/wp-content/uploads/2024/07/arrows.png") no-repeat;
  width: 96px;
  height: 36px;
  top: -25px;
  margin-left: -100px;
}

.chaos-heading h3::after {
  content: "";
  position: absolute;
  background: transparent url("/wp-content/uploads/2024/07/arrows.svg") no-repeat;
  width: 96px;
  height: 36px;
  top: 50px;
  margin-left: 5px;
}

.blue-background, .story-content-container .story-content-heading-container .story-content-heading-project-number .story-content-heading-project-number-item.story-content-heading-project-number-single-blue, .story-content-container .story-content-heading-container .story-content-heading-project-number .story-content-heading-project-number-item.story-content-heading-project-number-blue {
  background: linear-gradient(0deg, rgb(41, 115, 125) 0%, rgb(34, 86, 103) 100%);
}

.green-background, .story-content-container .story-content-heading-container .story-content-heading-project-number .story-content-heading-project-number-item.story-content-heading-project-number-green {
  background: linear-gradient(180deg, rgb(84, 190, 190) 0%, rgb(21, 140, 160) 100%);
}

.text-yellow {
  color: var(--yellow);
}

.story-content-container {
  background: var(--lightGrey);
  border-radius: 32px;
  padding: 0;
  gap: 0;
}
@media screen and (min-width: 768px) {
  .story-content-container {
    padding: 32px;
    gap: 40;
  }
}
.story-content-container .story-content-heading-container .story-content-heading-project-info .story-heading-detail-text .story-heading-detail-text-title .elementor-heading-title {
  font-family: "Epilogue";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 168%; /* 23.52px */
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #7E780C;
  text-align: left;
}
.story-content-container .story-content-heading-container .story-content-heading-project-info .story-heading-detail-text .story-heading-detail-text-content .elementor-heading-title {
  color: #225667;
  font-family: "Archivo";
  font-size: calc(var(--mediumText) * 0.75);
  font-style: normal;
  font-weight: 300;
  line-height: 140%; /* 28px */
  letter-spacing: 0.8px;
}
@media screen and (min-width: 1024px) {
  .story-content-container .story-content-heading-container .story-content-heading-project-info .story-heading-detail-text .story-heading-detail-text-content .elementor-heading-title {
    font-size: var(--mediumText);
  }
}
.story-content-container .story-content-heading-container .story-content-heading-project-number .story-content-heading-project-number-item {
  padding: 32px 48px 32px 48px;
  border-radius: 16px;
  text-transform: uppercase;
  align-self: center;
  height: 100%;
  justify-content: center;
  position: relative;
  gap: 0;
}
.story-content-container .story-content-heading-container .story-content-heading-project-number .story-content-heading-project-number-item .elementor-heading-title {
  color: var(--Neutral-White, #fff);
}
.story-content-container .story-content-heading-container .story-content-heading-project-number .story-content-heading-project-number-item .number .elementor-heading-title {
  font-family: "Epilogue";
  font-size: calc(var(--h1FontSize) * 0.75);
  letter-spacing: -2%;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  .story-content-container .story-content-heading-container .story-content-heading-project-number .story-content-heading-project-number-item .number .elementor-heading-title {
    font-size: var(--h1FontSize);
  }
}
.story-content-container .story-content-heading-container .story-content-heading-project-number .story-content-heading-project-number-item .text .elementor-heading-title {
  font-family: "Epilogue";
  font-weight: 600;
  font-size: var(--captionText);
}
.story-content-container .story-content-heading-container .story-content-heading-project-number .story-content-heading-project-number-item.story-content-heading-project-number-blue::after {
  content: "";
  position: absolute;
  background: transparent url("/wp-content/uploads/2024/08/blue-arrow-story-icon.svg") no-repeat;
  width: 97px;
  height: 100%;
  background-size: contain;
  right: 0;
}
@media screen and (min-width: 820px) {
  .story-content-container .story-content-heading-container .story-content-heading-project-number .story-content-heading-project-number-item.story-content-heading-project-number-blue::after {
    background-size: cover;
    right: 0;
    top: 0;
    width: 118px;
  }
}
.story-content-container .story-content-heading-container .story-content-heading-project-number .story-content-heading-project-number-item.story-content-heading-project-number-green::after {
  content: "";
  position: absolute;
  background: transparent url("/wp-content/uploads/2024/08/white-arrow-story-icon.svg") no-repeat;
  width: 97px;
  height: 100%;
  background-size: cover;
  right: 0;
  top: 0;
}
@media screen and (min-width: 820px) {
  .story-content-container .story-content-heading-container .story-content-heading-project-number .story-content-heading-project-number-item.story-content-heading-project-number-green::after {
    background-size: cover;
    right: 0;
    width: 118px;
  }
}
.story-content-container .story-content-heading-container .story-content-heading-project-number .story-content-heading-project-number-item.story-content-heading-project-number-single-blue {
  padding-left: 73px;
  padding-right: 16px;
}
@media screen and (min-width: 820px) {
  .story-content-container .story-content-heading-container .story-content-heading-project-number .story-content-heading-project-number-item.story-content-heading-project-number-single-blue {
    padding-left: 100px;
    padding-right: 32px;
  }
}
.story-content-container .story-content-heading-container .story-content-heading-project-number .story-content-heading-project-number-item.story-content-heading-project-number-single-blue .text {
  font-family: "Epilogue";
  font-size: 28px;
  font-weight: 500;
  line-height: 30.8px;
  text-align: left;
  text-transform: initial;
}
.story-content-container .story-content-heading-container .story-content-heading-project-number .story-content-heading-project-number-item.story-content-heading-project-number-single-blue .text .text-yellow {
  color: #FEF83E;
}
.story-content-container .story-content-heading-container .story-content-heading-project-number .story-content-heading-project-number-item.story-content-heading-project-number-single-blue .text .elementor-heading-title {
  font-size: 21px;
  font-weight: 500;
  line-height: 30.8px;
}
@media screen and (min-width: 820px) {
  .story-content-container .story-content-heading-container .story-content-heading-project-number .story-content-heading-project-number-item.story-content-heading-project-number-single-blue .text .elementor-heading-title {
    font-size: 28px;
  }
}
.story-content-container .story-content-heading-container .story-content-heading-project-number .story-content-heading-project-number-item.story-content-heading-project-number-single-blue::after {
  content: "";
  position: absolute;
  background: transparent url("/wp-content/uploads/2024/08/arrows-two-yellow.svg") no-repeat;
  width: 56px;
  height: 50px;
  background-size: contain;
  top: calc(50% - 33px);
  left: 0;
}
@media screen and (min-width: 820px) {
  .story-content-container .story-content-heading-container .story-content-heading-project-number .story-content-heading-project-number-item.story-content-heading-project-number-single-blue::after {
    width: 88px;
    height: 68px;
    background-size: cover;
  }
}
.story-content-container .story-content-detail-container .story-read-more-button {
  position: relative;
}
.story-content-container .story-content-detail-container .story-read-more-button::after {
  position: absolute;
  top: 50%;
  height: 1px;
  width: calc(100% - 150px);
  right: 0;
  content: "";
  background: #ECEAEA;
}
.story-content-container .story-content-detail-container .story-read-more-button .elementor-button-wrapper .elementor-button {
  font-family: "Epilogue";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 168%; /* 23.52px */
  letter-spacing: 1.4px;
  text-transform: uppercase;
  text-align: center;
  padding: 0;
  margin: 0;
  background-color: transparent;
  box-shadow: none;
  position: relative;
  color: #0174F3;
  height: max-content;
}
.story-content-container .story-content-detail-container .story-read-more-button .elementor-button-wrapper .elementor-button .elementor-button-content-wrapper .elementor-button-text {
  color: #0174F3;
}
.story-content-container .story-content-detail-container .story-read-more-button .elementor-button-wrapper .elementor-button::after {
  font-size: 27px;
  content: "+";
  margin-top: -4px;
}
.story-content-container .story-content-detail-container .story-read-more-button .elementor-button-wrapper .elementor-button.explained::after {
  content: "-";
}
.story-content-container .story-content-detail-container .story-content-detail-text.loaded {
  transition: visibility 0.1s linear, opacity 0.1s linear;
  height: 0;
  opacity: 0;
  visibility: hidden;
  padding: 0;
}
.story-content-container .story-content-detail-container .story-content-detail-text.loaded.explained {
  visibility: visible;
  height: 100%;
  opacity: 1;
}
.story-content-container .story-content-detail-container .story-content-detail-text .readmore-detail-text {
  max-width: 100%;
}
@media screen and (min-width: 1440px) {
  .story-content-container .story-content-detail-container .story-content-detail-text .readmore-detail-text {
    max-width: 80%;
  }
}

/*# sourceMappingURL=tangible.css.map */