/*
 Theme Name:   Terram
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.11
 Text Domain:  bricks
*/
@keyframes pulse {
  0% {
    transform: scale(0.95);
    opacity: 0.7;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.95);
    opacity: 0.7;
  }
}
.fade-in-up, .fade-in-down, .fade-in-left, .fade-in-right {
  opacity: 0;
  transition: opacity 0.8s ease, transform 0.8s ease;
}
.switcher .fade-in-up, .search-results .fade-in-up, .splide__list .fade-in-up, .switcher .fade-in-down, .search-results .fade-in-down, .splide__list .fade-in-down, .switcher .fade-in-left, .search-results .fade-in-left, .splide__list .fade-in-left, .switcher .fade-in-right, .search-results .fade-in-right, .splide__list .fade-in-right {
  opacity: 1;
  transform: none;
}

.fade-in-up {
  transform: translateY(30px);
}

.fade-in-down {
  transform: translateY(-30px);
}

.fade-in-left {
  transform: translateX(-30px);
}

.fade-in-right {
  transform: translateX(30px);
}

.fade-in-up.visible, .fade-in-down.visible, .fade-in-left.visible, .fade-in-right.visible {
  opacity: 1;
  transform: none;
}
.brx-body.iframe .fade-in-up, .brx-body.iframe .fade-in-down, .brx-body.iframe .fade-in-left, .brx-body.iframe .fade-in-right {
  opacity: 1 !important;
  transform: none !important;
}

@media (min-width: 768px) {
  .brxe-block + .brxe-block [class*=fade-in-] {
    transition-delay: 0.5s;
  }
  [class*=fade-in-] + [class*=fade-in-] {
    transition-delay: 0.5s;
  }
  [class*=fade-in-] + [class*=fade-in-] .brxe-block + .brxe-block {
    transition-delay: 1s;
  }
  [class*=fade-in-] + [class*=fade-in-] + [class*=fade-in-] {
    transition-delay: 1s;
  }
  [class*=fade-in-] + [class*=fade-in-] + [class*=fade-in-] .brxe-block + .brxe-block {
    transition-delay: 1.5s;
  }
  [class*=fade-in-] + [class*=fade-in-] + [class*=fade-in-] + [class*=fade-in-] {
    transition-delay: 1.5s;
  }
  [class*=fade-in-] + [class*=fade-in-] + [class*=fade-in-] + [class*=fade-in-] .brxe-block + .brxe-block {
    transition-delay: 2s;
  }
}
@font-face {
  font-family: "Feature Deck";
  src: url("./fonts/FeatureDeck-Regular.woff2") format("woff2"), url("./fonts/FeatureDeck-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Feature Deck";
  src: url("./fonts/FeatureDeck-Medium.woff2") format("woff2"), url("./fonts/FeatureDeck-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
html {
  min-width: 375px;
  font-size: clamp(8px, 0.6944444444vw, 10px);
}

body {
  font-size: 2rem;
}

:where(a) {
  color: #165254;
  transition: all 0.5s ease;
}

h1, .h1 {
  font-size: clamp(48px, 6.6666666667vw, 96px);
  line-height: 1.2;
  font-weight: 400;
}
h1 span, .h1 span {
  font-weight: 300;
  font-family: "Feature Deck";
  font-style: italic;
}

h2, .h2 {
  font-size: clamp(40px, 4.4444444444vw, 64px);
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.128rem;
}
h2 span, .h2 span {
  font-family: "Feature Deck";
}
h2 i, .h2 i {
  font-weight: 300;
  font-family: "Feature Deck";
}

h2.h3 {
  font-size: clamp(36px, 3.3333333333vw, 48px);
}

h3 {
  font-size: 3.2rem;
  font-weight: 400;
}

h4, .h4 {
  font-size: 2.2rem;
  font-weight: 900;
}

.fsz-16 {
  font-size: clamp(14px, 1.1111111111vw, 16px);
}

.fsz-24 {
  font-size: clamp(18px, 1.6666666667vw, 24px);
}

.ff-feature-deck {
  font-family: "Feature Deck";
}

.lh-110 {
  line-height: 1.1;
}

.lh-120 {
  line-height: 1.2;
}

.fw-500 {
  font-weight: 500;
}

#brx-content {
  overflow: clip;
}

.brxe-container {
  width: 100%;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  align-items: unset;
  max-width: 139.8rem;
}
.brxe-container .brxe-container {
  padding-left: 0;
  padding-right: 0;
}

.brxe-container {
  transition: opacity 1s ease, visibility 1s ease;
}

.brxe-container.hidden {
  opacity: 0;
  visibility: hidden;
}

.w-100 {
  max-width: 100% !important;
  width: 100% !important;
}

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

.flex-wrap {
  flex-wrap: wrap;
}

.container-fluid {
  max-width: 100%;
}

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

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

.justify-center {
  justify-content: center;
}

.justify-space-between {
  justify-content: space-between;
}

.justify-space-around {
  justify-content: space-around;
}

.row {
  flex-direction: row;
  gap: var(--row-gap, 3rem);
  flex-wrap: wrap !important;
}
.row .brxe-block {
  align-items: unset;
}

.col {
  flex: 1 1 0;
  min-width: 0;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.brxe-section:not(.no-gap) {
  gap: 4rem;
}

@media (min-width: 576px) {
  .col-sm-2 {
    flex: 0 0 calc(50% - var(--row-gap, 3rem) * 1 / 2);
    max-width: 50%;
  }
}
@media (min-width: 768px) {
  .d-row-reverse {
    flex-direction: row-reverse;
  }
  .col-md {
    flex: 1 1 0;
    min-width: 0;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
}
@media (min-width: 992px) {
  .col-lg-3 {
    flex: 0 0 calc(33.3333333333% - var(--row-gap, 3rem) * 2 / 3);
    max-width: 33.3333333333%;
  }
  .col-lg-4 {
    flex: 0 0 calc(25% - var(--row-gap, 3rem) * 3 / 4);
    max-width: 25%;
  }
}
.bricks-button {
  padding: 1.9379rem 2.9068rem;
  border-radius: 3.8757rem;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  color: #26150A;
  background: #FFF;
  min-width: 21.1rem;
  transition: all 0.5s ease-in;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
@media (min-width: 768px) {
  .bricks-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #165254;
    transition: all 0.5s ease-in;
    z-index: -1;
    border-radius: 3.8rem;
  }
  .bricks-button.hover-dark::before {
    background-color: #26150A;
    color: #fff;
  }
  .bricks-button:hover {
    color: #fff;
    background: #165254;
  }
  .bricks-button:hover::before {
    left: 0;
  }
  .bricks-button.bricks-background-primary:hover {
    color: #fff;
  }
  .bricks-button.bricks-background-primary:hover::before {
    background-color: #26150A;
  }
}
.bricks-button.bricks-background-dark {
  background-color: #26150A;
  color: #fff;
}
.bricks-button.bricks-background-primary {
  background-color: #165254;
  color: #fff;
}
.bricks-button.sm {
  font-size: 1.55rem;
  padding: 1.13rem 2.9068rem;
}

.btn-shadow {
  box-shadow: 0 1px 4px 0 rgba(19, 90, 92, 0.2);
}

.submit-button-wrapper {
  margin-top: 4rem;
  width: 100%;
  align-items: center;
}
.submit-button-wrapper .bricks-button {
  width: clamp(220px, 30.2083333333vw, 435px);
}

.brxe-form {
  justify-content: space-between;
  font-size: 16px;
}

.input, input:not([type=submit]), select, textarea {
  border-radius: 1.5rem;
  border: 1px solid #26150A;
  background: rgba(248, 248, 248, 0.32);
}
.input::placeholder, input:not([type=submit])::placeholder, select::placeholder, textarea::placeholder {
  opacity: 1;
  transition: opacity 0.3s ease, color 0.3s ease;
}
.input:focus::placeholder, input:not([type=submit]):focus::placeholder, select:focus::placeholder, textarea:focus::placeholder {
  opacity: 0.3;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 1rem;
}

.mb-2 {
  margin-bottom: 2rem;
}

.mb-3 {
  margin-bottom: 3rem;
}

.mb-5 {
  margin-bottom: 5rem;
}

.mb-7 {
  margin-bottom: 7rem;
}

.mb-11 {
  margin-bottom: 11rem;
}

@media (min-width: 768px) {
  .d-mb-5 {
    margin-bottom: 5rem;
  }
}
.px-0 {
  padding-inline: 0 !important;
}

body {
  transform: none !important;
}

body, html {
  overflow-x: clip !important;
}

#brx-header,
.brx-popup,
.bricks-mobile-menu-toggle,
.bricks-mobile-menu-wrapper,
.brx-nav-nested-items,
.bricks-mobile-menu-overlay,
.brx-offcanvas-inner,
.brx-offcanvas-backdrop,
.is-position-fixed,
.brxe-post-reading-progress-bar,
.bricks-search-overlay,
.bricks-search-overlay .close,
.brxe-post-toc[data-sticky],
.brxe-back-to-top {
  -webkit-transform: translate3d(0, 0, 0);
}

#brx-header:has(.dark-header) + #brx-content {
  padding-top: 10rem;
}

.site-header {
  padding: 3.3rem 0 !important;
  transition: all 0.5s ease;
}
.site-header .row {
  align-items: center;
  justify-content: space-between;
}
.site-header .brxe-logo {
  max-width: 110px;
  height: auto;
  margin-right: auto;
}
.site-header .brxe-logo img {
  width: 110px;
  height: 17px;
}
.site-header .bricks-nav-menu {
  border-radius: 4.4rem;
  background: rgba(255, 255, 255, 0.39);
  background-blend-mode: hard-light;
}
.site-header .bricks-nav-menu a {
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 1.1rem;
  border-radius: 19.5rem;
  padding: 1.5rem 2.2rem;
  letter-spacing: 0.0324rem;
}
.site-header .bricks-nav-menu a:hover {
  background-color: #fff;
  color: #26150A;
}
.site-header .current-menu-item a {
  background-color: #fff;
  color: #26150A;
}
.site-header .bricks-mobile-menu-toggle {
  color: #26150A;
}
.site-header .bricks-mobile-menu {
  margin-top: 10dvh;
}
.site-header .search-toogler {
  color: #fff;
}
.site-header .search-toogler:hover {
  cursor: pointer;
}

#brx-header:not(.scrolling) .dark-header .bricks-nav-menu {
  background: rgba(255, 255, 255, 0.6);
  background-blend-mode: hard-light;
}
#brx-header:not(.scrolling) .dark-header .bricks-nav-menu a {
  color: #26150A;
}
#brx-header:not(.scrolling) .dark-header .search-toogler {
  color: #26150A;
}

@media (min-width: 768px) {
  #brx-header.brx-sticky::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.7s ease-in;
    pointer-events: none;
    z-index: -1;
  }
  #brx-header.brx-sticky.scrolling::before {
    opacity: 1;
  }
  .scrolling .site-header .brxe-logo {
    max-width: 20rem;
  }
  .scrolling .site-header {
    padding: 1rem 0 !important;
  }
  .scrolling .dark-header .brxe-logo img {
    filter: brightness(0) invert(1);
  }
}
.site-footer {
  background: #165254;
  color: #fff;
  position: relative;
  z-index: 100;
}
.site-footer .footer-info {
  font-size: 1.6rem;
  max-width: 43rem;
}
.site-footer .row {
  gap: 8rem;
}
.site-footer .row + .row {
  margin-top: clamp(40px, 12.5vw, 180px);
}
.site-footer a:hover {
  opacity: 0.6;
}

.social-links {
  gap: 2.6rem;
}
.social-links a {
  padding: 0 !important;
}

*:focus {
  outline: none !important;
}

.bg-primary {
  background-color: #165254;
  color: #fff;
}

.brxe-section {
  padding: 6rem 0;
  position: relative;
  overflow-x: clip;
}

.brxe-container {
  position: relative;
  z-index: 100;
}

.rounded {
  border-radius: 1.5rem;
}

.shadow {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.home-01 {
  padding-top: 6.53rem;
  padding-bottom: 6.53rem;
  min-height: 90dvh;
  justify-content: center;
}
.home-01 h2.brxe-heading {
  font-style: italic;
}
.home-01 h2.brxe-heading span {
  font-weight: 300;
}

.home-02 .row {
  --row-gap: 5rem;
}

.stats {
  position: relative;
  padding-bottom: 4rem;
}
.stats .count {
  font-size: 8rem;
  line-height: 1;
}
.stats .suffix {
  font-size: 7.2rem;
}
.stats h3 {
  font-family: "Feature Deck";
  font-size: 2.4rem;
  font-weight: 400;
  letter-spacing: -0.1rem;
  margin-bottom: 3rem;
}
.stats .brxe-text-basic {
  line-height: 1.2;
  max-width: 80%;
}
.stats:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 100%;
  top: auto;
  bottom: 0;
  height: 2px;
  background: #26150A;
  transition: right 1s ease-in;
}
.stats.visible:before {
  right: 0;
}

#cards-row {
  --row-gap: 1.8rem;
}

.card {
  position: relative;
  border-radius: 1.5rem;
  overflow: hidden;
  height: 57.6rem;
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: width;
}
.card .brxe-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center left;
  transition: transform 0.5s ease;
}
.card .brxe-heading {
  color: #FFF;
  font-size: 3.2rem;
  position: absolute;
  left: 1.9rem;
  top: 1.6rem;
  font-weight: 400;
  transition: opacity 0.3s ease;
}
.problems-cards .card .brxe-heading {
  font-size: clamp(24px, 2.7777777778vw, 40px);
}
.card .card-grid {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  grid-template-columns: 70% 30%;
  grid-template-rows: 65% 35%;
  gap: 0;
  transition: opacity 0.4s ease 0.1s;
  display: grid;
  opacity: 1;
}
.card .card-grid > div:first-child {
  width: 100%;
  height: 100%;
  position: relative;
}
.card .card-grid > div:first-child:before, .card .card-grid > div:first-child:after {
  content: "";
  position: absolute;
  display: block;
  z-index: 20;
}
.card .card-grid > div:first-child:before {
  left: 0;
  right: auto;
  bottom: -1px;
  height: 2px;
  width: 100%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%);
}
.card .card-grid > div:first-child:after {
  right: -1px;
  left: auto;
  top: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(0, white 0%, rgba(255, 255, 255, 0.2) 100%);
}
.card .card-grid > div:last-child {
  width: 100%;
  height: 100%;
  position: relative;
}
.card .card-grid > div:last-child:before, .card .card-grid > div:last-child:after {
  content: "";
  position: absolute;
  display: block;
  z-index: 20;
}
.card .card-grid > div:last-child:before {
  left: 0;
  right: auto;
  top: -1px;
  height: 2px;
  width: 100%;
  background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%);
}
.card .card-grid > div:last-child:after {
  left: -1px;
  right: auto;
  top: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(0, rgba(255, 255, 255, 0) 0%, white 100%);
}
.card .content-box {
  color: #FFF;
  font-size: 1.6rem;
  line-height: 1.6;
  padding: 2rem 1.7rem 1.5rem 1.9rem;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(1.7999999523px);
  position: relative;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.4s ease 0.2s, transform 0.4s ease 0.2s;
}
.card .content-box h3 {
  font-size: clamp(20px, 2.0833333333vw, 30px);
  line-height: 1.1;
  letter-spacing: -0.064rem;
  max-width: 38rem;
  margin-bottom: 1rem;
}
.card .content-box .brxe-text,
.card .content-box .brxe-text-basic {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.4s ease 1s, transform 0.4s ease 1s;
}
.card .content-box:before {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  display: block;
  width: 4.6rem;
  height: 4.6rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='46' viewBox='0 0 46 46' fill='none'%3E%3Cpath d='M23 0C23 0 25.5399 10.9028 30.3186 15.6814C35.0972 20.4601 46 23 46 23C46 23 35.0972 25.5399 30.3186 30.3186C25.5399 35.0972 23 46 23 46C23 46 20.4601 35.0972 15.6814 30.3186C10.9028 25.5399 0 23 0 23C0 23 10.9028 20.4601 15.6814 15.6814C20.4601 10.9028 23 0 23 0Z' fill='white'/%3E%3C/svg%3E") 50% 50%/contain no-repeat;
  transform: translate(50%, -50%);
}
.card.active .content-box {
  opacity: 1;
  transform: translateY(0);
}
.card.active .content-box .brxe-text,
.card.active .content-box .brxe-text-basic {
  opacity: 1;
  transform: translateY(0);
}
.card .brxe-heading {
  opacity: 1;
}

.brxe-block.card {
  transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.problem-row-slide {
  --row-gap: clamp(30px, 6.5972222222vw, 95px);
  transition: all 0.5s ease;
}

.problem-img .brxe-image {
  border-radius: 1.5rem;
  max-height: 91dvh;
  object-fit: cover;
  object-position: center;
}

.problem-content {
  justify-content: space-between;
  position: relative;
}
.problem-content h2.brxe-heading {
  font-size: clamp(36px, 3.3333333333vw, 48px);
  margin-bottom: 4.1rem;
  margin-top: 2rem;
}
.problem-content .problem-main-content {
  max-width: 50rem;
}

.problem-box {
  border-radius: 1.5rem;
  padding: 4.5rem 3.5rem;
  background: #165254;
  color: #fff;
  min-height: 31.1rem;
  justify-content: space-between;
}
.problem-box .brxe-heading {
  max-width: 42rem;
}
.problem-box .brxe-text {
  max-width: 51rem;
}
.problem-box .count {
  font-size: clamp(60px, 6.9444444444vw, 100px);
  line-height: 1;
}
.problem-box .suffix {
  font-size: 4.8rem;
}
.problem-box .fsz-24 {
  line-height: 1;
}

.solution {
  padding-top: 1.8rem;
  padding-bottom: 1.8rem;
  position: relative;
}
.solution:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  left: 0;
  width: 0;
  height: 1px;
  background-color: #26150A;
  transition: width 1s ease;
}
.solution.visible:before {
  width: 100%;
}
.solution .brxe-heading {
  width: 100%;
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: -0.048rem;
  line-height: 1.2;
}
.solution .brxe-text {
  max-width: 67rem;
}

.home-cta {
  color: #fff;
  border-radius: 1.5rem;
  padding: 5rem 2.2rem;
  min-height: 72.2rem;
  overflow: clip;
}

.industry {
  position: relative;
  border-radius: 1.5rem;
  overflow: hidden;
}
.industry .brxe-image {
  object-fit: cover;
  object-position: center center;
  height: 100%;
  max-height: 95dvh;
  width: 100%;
  min-height: 40rem;
}
.industry .content-box {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  max-width: 65.5rem;
  width: 100%;
  padding: 3rem;
  color: #fff;
  justify-content: space-between;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0) 100%);
  z-index: 2;
}
.industry .block-blur {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  max-width: 65.5rem;
  width: 100%;
  backdrop-filter: blur(4px);
  z-index: 1;
}
.industry h2 {
  font-size: clamp(58px, 8.8888888889vw, 128px);
}
.industry h3 {
  font-family: "Feature Deck";
  font-size: 3.2rem;
  font-weight: 500;
  margin-bottom: 2rem;
  max-width: 80%;
}

.team-member {
  position: relative;
  overflow: hidden;
  border-radius: 1.5rem;
}
.team-member .brxe-text-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.team-member .brxe-text-link:hover {
  cursor: pointer;
}
.team-member .brxe-image {
  width: 100%;
}
.team-member .content-box {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 2.5rem;
  justify-content: end;
  border-radius: 1.5rem;
  background: linear-gradient(178deg, rgba(0, 0, 0, 0) 42%, #26150A 100%);
  color: #fff;
}
.team-member .content-box h3 {
  font-family: "Feature Deck";
  font-size: 3.2rem;
  letter-spacing: -0.064rem;
}
.team-member .content-box h4 {
  font-weight: 600;
  letter-spacing: -0.04rem;
  font-size: 2rem;
  margin-bottom: 1rem;
}

.cta-w-img .brxe-block {
  justify-content: space-between;
}

.page-header {
  min-height: 100dvh;
  padding-top: 10rem;
  padding-bottom: 5rem;
  justify-content: center;
  color: #fff;
}
.page-header .brxe-heading {
  line-height: 1.1;
}
.page-header .brxe-container {
  gap: clamp(30px, 3.4722222222vw, 50px);
  text-align: center;
}

.text-rotator {
  padding: clamp(60px, 13.8888888889vw, 200px) 0;
  text-align: center;
  overflow: hidden;
  min-height: 55rem;
  justify-content: center;
}
.text-rotator .brxe-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 1.5em;
}
.text-rotator .brxe-heading {
  position: absolute;
  margin: 0;
  width: 100%;
  font-size: clamp(70px, 8.3333333333vw, 120px);
  font-weight: 400;
  white-space: nowrap;
  opacity: 0;
  transform: translateX(-5rem);
  transition: opacity 0.5s ease, transform 0.5s ease;
  pointer-events: none;
  transition-delay: 0s !important;
}
.text-rotator .brxe-heading.active {
  opacity: 1;
  transform: translateX(0);
  pointer-events: auto;
}
.text-rotator .brxe-heading.not-active {
  opacity: 0;
  transform: translateX(5rem);
}
.text-rotator .brxe-heading small {
  margin-right: clamp(10px, 2.0833333333vw, 30px);
}

.dark-cta {
  border-radius: 1.5rem;
  background: #135A5C;
  color: #F8F8F8;
  text-align: center;
  align-items: center;
  gap: 3.8rem;
  padding: 9.5rem clamp(15px, 6.5972222222vw, 95px);
  position: relative;
}
.dark-cta .brxe-text-basic {
  line-height: 1.2;
}

.content-boxes .img-block {
  position: relative;
  border-radius: 1.5rem;
  overflow: hidden;
}
.content-boxes .img-block .brxe-image {
  border-radius: 1.5rem;
}
.content-boxes .img-block .text {
  position: absolute;
  top: 3rem;
  left: 2.5rem;
  right: 2.5rem;
  color: #fff;
}
.content-boxes .content-block {
  padding: 2rem;
}
.content-boxes .content-block .brxe-text {
  max-width: 90%;
  line-height: 1.2;
}
.content-boxes .content-block .brxe-heading {
  max-width: 92%;
}
.content-boxes .brxe-container {
  max-width: 107rem;
  align-items: center;
}

.solution-box {
  position: relative;
  border-radius: 1.5rem;
  overflow: hidden;
}
.solution-box .brxe-image {
  object-fit: cover;
  object-position: center center;
  height: 100%;
  max-height: 95dvh;
  width: 100%;
  min-height: 40rem;
}
.solution-box .content-box {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 67rem;
  padding: 5rem clamp(15px, 3.0555555556vw, 44px);
  color: #fff;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0) 60%);
}
.solution-box h2 {
  font-size: clamp(40px, 8.8888888889vw, 128px);
  margin-bottom: 4rem;
}

.section-industries {
  padding: 0;
}
.section-industries .industries-block {
  position: relative;
}
.section-industries .industries-content {
  gap: 2.5rem;
  padding: 8rem 0 10rem;
  position: relative;
  z-index: 2;
}
.section-industries h2 {
  font-size: clamp(58px, 8.8888888889vw, 128px);
}
.section-industries .industries-image {
  --img-height: 90rem;
  --img-scale: 1;
  position: relative;
  z-index: 1;
}
.section-industries .industries-image .brxe-image {
  width: 100%;
  height: var(--img-height);
  object-fit: cover;
  object-position: center;
  transform: scale(var(--img-scale));
  will-change: height, transform;
  border-radius: 1.6rem;
}
@media (max-width: 767px) {
  .section-industries .industries-image .brxe-image {
    height: 30dvh;
  }
}

.contact-title {
  font-size: clamp(58px, 6.6666666667vw, 96px) !important;
}

.brx-popup-content .bg-wrapp {
  overflow: clip;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.brx-popup-content .popup-tittle {
  font-size: clamp(30px, 4.4444444444vw, 64px);
  margin-bottom: 2rem;
}
.brx-popup-content .popup-position {
  text-transform: uppercase;
}
.brx-popup-content .close-popup {
  position: absolute;
  right: 1rem;
  top: 1rem;
  width: 4.5rem;
  height: 4.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  color: #50524e;
  border-radius: 50%;
  border: 1px solid #b9b5b3;
  z-index: 999;
  transition: all 0.5s ease-in;
}
.brx-popup-content .close-popup svg {
  width: 0.7em;
  height: 0.7em;
}
.brx-popup-content .close-popup:hover {
  cursor: pointer;
  background-color: #165254;
  color: #fff;
  border-color: #165254;
}

.blog-grid .blog-row {
  display: grid;
  gap: 2rem;
  transition: grid-template-columns 0.6s cubic-bezier(0.4, 0, 0.2, 1);
  grid-template-columns: 2fr 1fr 1fr;
  /* Dynamic grid based on active card position */
}
.blog-grid .blog-row:has(.is-1.active) {
  grid-template-columns: 2fr 1fr 1fr;
}
.blog-grid .blog-row:has(.is-2.active) {
  grid-template-columns: 1fr 2fr 1fr;
}
.blog-grid .blog-row:has(.is-3.active) {
  grid-template-columns: 1fr 1fr 2fr;
}
.blog-grid .blog-card {
  position: relative;
  border-radius: 1.5rem;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.6s ease;
  background-color: #0d4d44;
}
.blog-grid .blog-card .card-inner {
  min-height: 63.6rem;
  display: flex;
  height: 100%;
  width: 100%;
  transition: flex-direction 0.6s ease;
}
.blog-grid .blog-card .card-content {
  flex: 0 0 100%;
  padding: 3.2rem;
  display: flex;
  flex-direction: column;
  z-index: 2;
  color: #fff;
  transition: flex 0.6s ease;
}
.blog-grid .blog-card .card-content .post_tag .bricks-button {
  background: #F8F8F8;
  color: #000;
  border-radius: 0.9rem;
  padding: 1.5rem;
  min-width: 18rem;
}
.blog-grid .blog-card .card-content .post_tag .bricks-button:before {
  border-radius: 0.9rem;
}
.blog-grid .blog-card .card-content .post_tag .bricks-button:hover {
  color: #fff;
}
.blog-grid .blog-card .card-content .post_tag {
  width: fit-content;
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  margin-bottom: 0;
  transform: translateY(-10px);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.blog-grid .blog-card .card-content .card-title {
  font-family: "Feature Deck";
  line-height: 1.2;
  margin-bottom: 2rem;
}
.blog-grid .blog-card .card-content .card-description {
  line-height: 1.2;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.4s ease, max-height 0.4s ease;
}
.blog-grid .blog-card .card-content .card-link {
  margin-top: auto;
  font-size: 1.4rem;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  text-decoration: none;
  color: #fff;
  border-bottom: 1px solid #fff;
  width: fit-content;
  padding-bottom: 0.5rem;
  opacity: 0;
  transition: opacity 0.4s ease;
}
.blog-grid .blog-card .card-image {
  flex: 0 0 0%;
  overflow: hidden;
  transition: flex 0.6s ease, padding 0.6s ease;
}
.blog-grid .blog-card .card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1.5rem;
}
.blog-grid .blog-card.active .card-inner {
  flex-direction: row;
}
.blog-grid .blog-card.active .card-content {
  flex: 0 0 50%;
}
.blog-grid .blog-card.active .card-content .card-badge, .blog-grid .blog-card.active .card-content .card-description, .blog-grid .blog-card.active .card-content .card-link {
  opacity: 1;
  max-height: 200px;
}
.blog-grid .blog-card.active .card-content .post_tag {
  display: block;
  opacity: 1;
  visibility: visible;
  max-height: 6rem;
  margin-bottom: 4rem;
  transform: translateY(0);
}
.blog-grid .blog-card.active .card-image {
  flex: 0 0 50%;
  padding: 2.5rem 1.7rem;
}
.blog-grid .blog-card.active .card-image img {
  height: 100%;
  object-fit: cover;
  object-position: center center;
}
.blog-grid .blog-card:not(.active) .card-image {
  position: absolute;
  inset: 0;
  z-index: 1;
}
.blog-grid .blog-card:not(.active) .card-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
}

.plastic-everywhere .row {
  align-items: center;
}
.plastic-everywhere .content-block {
  justify-content: space-between;
  gap: 2rem;
}
.plastic-everywhere .count {
  font-size: clamp(60px, 6.9444444444vw, 100px);
  line-height: 1;
  letter-spacing: -0.24rem;
}
.plastic-everywhere .prefix, .plastic-everywhere .suffix {
  letter-spacing: -0.24rem;
  font-size: clamp(35px, 5vw, 72px);
}
.plastic-everywhere .prefix span, .plastic-everywhere .suffix span {
  font-size: clamp(60px, 6.9444444444vw, 100px);
}

.economics-section {
  position: relative;
}
.economics-section .economics-scroll-track {
  height: 300dvh;
  width: 100%;
}
.economics-section .economics-sticky-wrapper {
  position: sticky;
  top: 0;
  min-height: 100dvh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 20dvh;
}
.economics-section .economics-center {
  z-index: 10;
  text-align: center;
}
.economics-section .float-item {
  position: absolute;
  z-index: 5;
  opacity: 0;
  will-change: transform, opacity;
  transition: opacity 0.3s ease-out;
}
.economics-section .float-item img {
  border-radius: 1.5rem;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.economics-section .item-1 {
  width: 19.4rem;
  height: 20.7rem;
}
.economics-section .item-2 {
  width: 24.6rem;
  height: 26.1957rem;
}
.economics-section .item-3 {
  width: 22.9rem;
  padding: 3.4rem 2rem 4.5rem;
  border-radius: 1.5rem;
  color: #fff;
  line-height: 1.2;
  letter-spacing: -0.04rem;
}
.economics-section .item-4 {
  width: 32.1rem;
  padding: 3.28rem;
  border-radius: 1.2944rem;
  background: #135A5C;
  color: #fff;
}
.economics-section .item-4 .count {
  font-size: clamp(40px, 6.9444444444vw, 100px);
  line-height: 1;
}
.economics-section .item-4 .suffix {
  line-height: 1;
  font-size: clamp(30px, 4.3055555556vw, 62px);
}
.economics-section .item-4 .brxe-text {
  margin-top: 6rem;
  font-size: 1.8rem;
  line-height: 1.2;
}
.economics-section .item-5 {
  width: 61.0932rem;
  min-height: 34.6069rem;
  background: #26150a;
  color: #fff;
  border-radius: 1.5rem;
  padding: 3.2rem 4.6rem 5rem 2.85rem;
}
.economics-section .item-5 .brxe-text {
  line-height: 1.2;
  font-size: 3.2rem;
}

.problem-cta {
  color: #fff;
  border-radius: 1.5rem;
  padding: 5rem 2.4rem;
  min-height: 88rem;
  overflow: clip;
  position: relative;
  justify-content: space-between;
}
.problem-cta > div {
  position: relative;
  z-index: 10;
}
.problem-cta:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 41.91%, #135A5C 100%), linear-gradient(90deg, rgba(0, 0, 0, 0.47) 0.24%, rgba(0, 0, 0, 0) 53.62%);
  z-index: 2;
}
.problem-cta:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  backdrop-filter: blur(2px);
  z-index: 1;
}
.problem-cta .brxe-text {
  max-width: 52rem;
}
.problem-cta .cta-bottom {
  gap: 3rem;
}
.problem-cta .cta-bottom .brxe-text-basic {
  padding-left: 2rem;
  border-left: 1px solid #fff;
  line-height: 1.2;
}

.display-text {
  font-size: clamp(24px, 2.2222222222vw, 32px);
}
.display-text em {
  font-family: "Feature Deck";
  font-style: italic;
}

.problem-boxes .brxe-container {
  max-width: 130rem;
}

#industries-we-serve .brxe-container {
  gap: 6.4rem;
  max-width: 120rem;
  align-items: center;
}
#industries-we-serve h3 {
  margin-bottom: 3rem;
  max-width: 47rem;
}
#industries-we-serve .brxe-text {
  max-width: 47rem;
  line-height: 1.2;
}
#industries-we-serve .switcher .wrapper {
  padding: 0.7rem 0.9rem;
  border-radius: 13.2rem;
  background: #5B989C;
  flex-direction: row;
  overflow: hidden;
}
#industries-we-serve .switcher .brxe-text-link {
  display: block;
  flex: 0 0 25%;
  width: 25%;
  text-align: center;
  color: #fff;
  font-size: clamp(16px, 2.9166666667vw, 42px);
  font-weight: 500;
  line-height: 1.1;
  border-radius: 13.2rem;
  padding: 0.8rem 1rem;
}
#industries-we-serve .switcher .brxe-text-link.active {
  background: #165254;
}
#industries-we-serve .switcher .brxe-text-link:hover {
  cursor: pointer;
}

.brxe-popup-764 {
  justify-content: start !important;
}
.brxe-popup-764 .brx-popup-content {
  max-width: 92rem;
  border-radius: 1.5rem;
  background: linear-gradient(180deg, #f7f7f5 0%, #f1f1ee 45%, #ededea 100%);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.6);
}
.brxe-popup-764 .brx-popup-content::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(120% 80% at 50% 0%, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0) 60%), repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.015), rgba(0, 0, 0, 0.015) 1px, transparent 1px, transparent 4px);
  opacity: 0.35;
  pointer-events: none;
}

#search-popup {
  padding: 5rem 3rem;
  gap: 2rem;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08), inset 0 0 0 1px rgba(255, 255, 255, 0.6);
}
#search-popup .brxe-filter-search .icon {
  height: 50%;
}
#search-popup input:not([type=submit]) {
  border-color: #cfcecb;
  border-radius: 1rem;
  padding: 0.5rem 1.5rem 0.5rem 5rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='currentColor'%3E%3Cpath d='M 21 3 C 11.601563 3 4 10.601563 4 20 C 4 29.398438 11.601563 37 21 37 C 24.355469 37 27.460938 36.015625 30.09375 34.34375 L 42.375 46.625 L 46.625 42.375 L 34.5 30.28125 C 36.679688 27.421875 38 23.878906 38 20 C 38 10.601563 30.398438 3 21 3 Z M 21 7 C 28.199219 7 34 12.800781 34 20 C 34 27.199219 28.199219 33 21 33 C 13.800781 33 8 27.199219 8 20 C 8 12.800781 13.800781 7 21 7 Z'%3E%3C/path%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-size: 2.5rem 2.5rem;
  background-position: 1rem 50%;
}
#search-popup h2 {
  font-size: clamp(26px, 1.6667vw, 32px);
}
#search-popup .search-results {
  gap: 3rem;
}
#search-popup .article-card {
  color: #000;
  gap: 2rem;
}
#search-popup .article-card h3.brxe-heading {
  font-size: 1.9rem;
  line-height: 1.2;
}

#brx-content.wp-page {
  padding: clamp(50px, 8.3333333333vw, 120px) 0;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #000;
  position: relative;
  z-index: 1;
}
#brx-content.wp-page .inner-content {
  max-width: 118rem;
}
#brx-content.wp-page p {
  letter-spacing: -0.02em;
}
#brx-content.wp-page h1 {
  font-family: "Feature Deck";
  font-size: clamp(40px, 4.4444444444vw, 64px);
  margin-bottom: 5.5rem;
}
#brx-content.wp-page h2, #brx-content.wp-page h3 {
  font-size: 2.4rem;
  margin-bottom: 2rem;
  margin-top: 3rem;
}
#brx-content.wp-page ul {
  margin-top: 0;
}
#brx-content.wp-page .brxe-container:before {
  content: "";
  display: block;
  position: absolute;
  left: -55%;
  bottom: 0;
  width: 68.5rem;
  height: 118.7232rem;
  transform: rotate(-21.74deg);
  background: rgba(22, 82, 84, 0.3);
  filter: blur(200px);
  z-index: -1;
}
#brx-content.wp-page .brxe-container:after {
  content: "";
  display: block;
  position: absolute;
  right: -50%;
  bottom: -50%;
  width: 68.5rem;
  height: 96.2rem;
  transform: rotate(-27.148deg);
  border-radius: 96.2rem;
  background: rgba(154, 186, 90, 0.28);
  filter: blur(200px);
}

.single-post-wrp .post_tag {
  justify-content: center;
}
.single-post-wrp .post_tag .bricks-button {
  background-color: #5B989C;
  border-radius: 0.9rem;
  padding: 1.5rem;
  min-width: 18rem;
}
.single-post-wrp .post_tag .bricks-button:before {
  border-radius: 0.9rem;
}
.single-post-wrp .brxe-container {
  max-width: 114.8rem;
}
.single-post-wrp .brxe-container:before {
  content: "";
  display: block;
  position: absolute;
  left: -55%;
  bottom: 40%;
  width: 68.5rem;
  height: 118.7232rem;
  transform: rotate(-21.74deg);
  background: rgba(22, 82, 84, 0.3);
  filter: blur(200px);
  z-index: -1;
}
.single-post-wrp .brxe-container:after {
  content: "";
  display: block;
  position: absolute;
  right: -50%;
  bottom: -5%;
  width: 68.5rem;
  height: 96.2rem;
  transform: rotate(-27.148deg);
  border-radius: 96.2rem;
  background: rgba(154, 186, 90, 0.28);
  filter: blur(200px);
}
.single-post-wrp .brxe-post-title {
  margin-left: auto;
  margin-right: auto;
  max-width: 90rem;
}
.single-post-wrp .post-meta {
  justify-content: center;
}
.single-post-wrp h2, .single-post-wrp h3 {
  font-size: 3.2rem;
  margin-bottom: 2rem;
  margin-top: 3rem;
  font-family: "Feature Deck";
  font-weight: 500;
}
.single-post-wrp ul {
  margin-top: 0;
}
.single-post-wrp img {
  border-radius: 1.5rem;
}
.single-post-wrp .post-content {
  max-width: 80rem;
  margin: 5rem auto;
}

.new-post {
  border-radius: 1.5rem;
  background-color: #165254;
  color: #fff;
}
.new-post a {
  color: #fff;
}
.new-post .post_tag .bricks-button {
  background: #F8F8F8;
  color: #000;
  border-radius: 0.9rem;
  padding: 1.5rem;
  min-width: 18rem;
}
.new-post .post_tag .bricks-button:before {
  border-radius: 0.9rem;
}
.new-post .post_tag .bricks-button:hover {
  color: #fff;
}

.post-card {
  display: flex;
  flex-direction: column;
}
.post-card a {
  color: #26150A;
}
.post-card .brxe-post-title a {
  display: block;
}
.post-card .post_tag .bricks-button {
  background: #5B989C;
  border-radius: 0.9rem;
  padding: 1.5rem;
  min-width: 18rem;
}
.post-card .post_tag .bricks-button:before {
  border-radius: 0.9rem;
}

@media (min-width: 640px) {
  .problem-img {
    flex: 0 0 calc(48.5% - var(--row-gap) / 2);
    max-width: 48.8%;
  }
  .problem-content {
    flex: 0 0 calc(51.5% - var(--row-gap) / 2);
    max-width: 51.5%;
  }
  .section-industries .industries-content {
    text-align: center;
    align-items: center;
  }
  .new-post {
    padding: 5rem;
    display: grid;
    gap: 3rem;
    grid-template-columns: minmax(0, 47%) minmax(0, 53%);
    align-items: center;
  }
  .new-post .new-post-img {
    width: 100%;
    height: auto;
    aspect-ratio: 59/65;
    object-fit: cover;
  }
  .blog-post-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 4rem;
    row-gap: 0rem;
    align-items: start;
    margin-top: 10rem;
  }
  .post-card .post-header {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem;
    width: 100%;
    margin-bottom: 1.5rem;
  }
  .post-card .brxe-post-title {
    flex: 1;
    margin-bottom: 0 !important;
    line-height: 1.4;
  }
  .post-card:nth-child(odd) {
    margin-top: -7.5rem;
  }
  .post-card:nth-child(even) {
    margin-top: 7.5rem;
  }
  .problem-cta {
    padding: 5rem 4.4rem;
  }
  .problem-cta .cta-bottom {
    flex-direction: row;
    gap: 5rem;
  }
  .problem-cta .cta-bottom .brxe-text-basic:nth-child(1) {
    max-width: 40rem;
  }
  .problem-cta .cta-bottom .brxe-text-basic:nth-child(2) {
    max-width: 32rem;
  }
  .problem-cta .cta-bottom .brxe-text-basic:nth-child(3) {
    max-width: 30rem;
  }
  .team-member .content-box .brxe-text-basic {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.5s ease, opacity 1s ease, margin-top 0.5s ease;
    margin-top: 0;
  }
  .team-member .content-box:hover .content-box .brxe-text-basic {
    max-height: 20rem;
    opacity: 1;
    margin-top: 1rem;
  }
  #search-popup .search-results {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  #search-popup .article-card {
    display: grid;
    grid-template-columns: 30% 70%;
    align-items: center;
    max-width: calc(100% - 1.5rem);
  }
}
@media (min-width: 768px) {
  .d-hide {
    display: none;
  }
  .site-header .brxe-logo {
    max-width: 29rem;
  }
  .site-header .brxe-logo img {
    width: 29rem;
    height: auto;
  }
  .site-footer .row {
    justify-content: space-between;
  }
  .home-01 {
    min-height: 100dvh;
    justify-content: flex-end;
  }
  .home-01 .row {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .stats {
    min-height: 50rem;
    padding-bottom: 0;
  }
  .stats:before {
    left: -2.5rem;
    right: auto;
    top: 1rem;
    bottom: 100%;
    width: 2px;
    height: 100%;
    background: linear-gradient(0deg, rgba(38, 21, 10, 0) 0%, rgb(38, 21, 10) 100%);
    transition: bottom 1s ease-in;
  }
  .stats.visible:before {
    bottom: 0;
    right: auto;
  }
  .d-center {
    text-align: center;
  }
  .card {
    width: calc(25% - 1.2rem);
  }
  .card .card-grid {
    display: none;
    opacity: 0;
    grid-template-columns: 70% 30%;
    grid-template-rows: 65% 35%;
  }
  .problems-cards .card .card-grid {
    grid-template-rows: 45% 55%;
  }
  .card .content-box {
    opacity: 0;
    transform: translateY(20px);
  }
  .card .content-box .brxe-text,
  .card .content-box .brxe-text-basic {
    opacity: 0;
    transform: translateY(20px);
  }
  .card.active {
    width: calc(50% - 1.2rem);
  }
  .card.active .card-grid {
    display: grid;
    opacity: 1;
  }
  .card.active .content-box {
    opacity: 1;
    transform: translateY(0);
  }
  .card.active .content-box .brxe-text,
  .card.active .content-box .brxe-text-basic {
    opacity: 1;
    transform: translateY(0);
  }
  .solution {
    padding-left: 4rem;
    padding-right: 4rem;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap !important;
  }
  .solution .brxe-image {
    max-width: 17.3rem;
  }
  .solution .brxe-heading {
    max-width: 25rem;
    width: 100%;
    font-size: 2.4rem;
    font-weight: 600;
    letter-spacing: -0.048rem;
    line-height: 1.2;
  }
  .solution .brxe-heading {
    max-width: 25rem;
  }
  .solution-box .content-box {
    backdrop-filter: blur(2px);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0, rgba(0, 0, 0, 0) 100%);
  }
  .solution-block-02 .solution-box .content-box {
    left: auto;
    right: 0;
    background: linear-gradient(-90deg, rgba(0, 0, 0, 0.27) 0.24%, rgba(0, 0, 0, 0) 53.62%);
    justify-content: end;
  }
  #brx-content.wp-page h1 {
    text-align: center;
  }
  .brxe-popup-764 {
    padding-top: 3rem;
  }
}
@media (min-width: 992px) {
  .interactive-grid .cards-row {
    display: grid;
    gap: 2rem;
    margin-bottom: 2rem;
    transition: grid-template-columns 0.6s cubic-bezier(0.4, 0, 0.2, 1);
    grid-template-columns: 1fr 1fr;
  }
  .interactive-grid .cards-row:nth-child(1) .info-card {
    background-color: #0d4d44;
  }
  .interactive-grid .cards-row:nth-child(2) .info-card {
    background-color: #26150a;
  }
  .interactive-grid .cards-row:has(.is-left.active) {
    grid-template-columns: 2fr 1fr;
  }
  .interactive-grid .cards-row:has(.is-right.active) {
    grid-template-columns: 1fr 2fr;
  }
  .interactive-grid .info-card {
    position: relative;
    display: flex;
    min-height: 47.6rem;
    border-radius: 2.5rem;
    overflow: hidden;
    transition: all 0.6s ease;
    cursor: pointer;
    color: #fff;
  }
  .interactive-grid .info-card .card-content {
    /* Base state: content sits on top of the image */
    position: relative;
    flex: 0 0 100%;
    padding: 3rem 4.3rem;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    transition: all 0.5s ease-in;
  }
  .interactive-grid .info-card .card-title {
    font-size: 3.2rem;
    font-weight: 500;
    max-width: 80%;
    margin: 0;
  }
  .interactive-grid .info-card .card-description {
    font-size: 1.6rem;
    line-height: 1.4;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.5s ease, opacity 1.5s ease-in, margin 0.5s ease;
  }
  .interactive-grid .info-card .card-image {
    transition: all 0.5s ease-in;
  }
  .interactive-grid .info-card .card-image img {
    transition: all 0.5s ease;
    border-radius: 1.5rem;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .interactive-grid .info-card.active {
    flex-direction: row;
  }
  .interactive-grid .info-card.active .card-content {
    position: relative;
    flex: 0 0 45%;
    justify-content: space-between;
  }
  .interactive-grid .info-card.active .card-description {
    max-height: 300px;
    opacity: 1;
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
  .interactive-grid .info-card.active .card-image {
    flex: 0 0 55%;
    padding: 2.6rem;
    position: relative;
  }
  .interactive-grid .info-card:not(.active) .card-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .interactive-grid .info-card:not(.active) .card-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.2);
  }
  .interactive-grid .info-card:not(.active) .card-content {
    position: relative;
    z-index: 2;
  }
  .problems-cards .card .card-grid {
    grid-template-rows: 57% 43%;
  }
}
@media (min-width: 1024px) {
  #problems-slider-wrapper {
    height: 500dvh;
  }
  .problem-row-slide:not(.slide-static) {
    --row-gap: 9.5rem;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    transition: all 0.5s ease;
  }
  #problems-slider {
    position: sticky;
    top: 0;
    height: 100dvh;
  }
  #problems-slider .problem-box {
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: -30%;
    transition: all 1s ease;
  }
  #problems-slider.step-01 .slide-01 {
    opacity: 1;
  }
  #problems-slider.step-01 .box-01 {
    opacity: 1;
    bottom: 0;
    z-index: 10;
  }
  #problems-slider.step-02 .slide-01 {
    opacity: 1;
  }
  #problems-slider.step-02 .box-02 {
    opacity: 1;
    bottom: 0;
    z-index: 20;
  }
  #problems-slider.step-03 .slide-01 {
    opacity: 1;
  }
  #problems-slider.step-03 .box-03 {
    opacity: 1;
    bottom: 0;
    z-index: 30;
  }
  #problems-slider.step-04 .slide-02 {
    opacity: 1;
  }
  #problems-slider.step-04 .box-01 {
    opacity: 1;
    bottom: 0;
    z-index: 30;
  }
  #problems-slider.step-05 .slide-02 {
    opacity: 1;
  }
  #problems-slider.step-05 .box-02 {
    opacity: 1;
    bottom: 0;
    z-index: 30;
  }
  #problems-slider.step-06 .slide-03 {
    opacity: 1;
  }
  #problems-slider.step-06 .box-01 {
    opacity: 1;
    bottom: 0;
    z-index: 10;
  }
  #industries {
    position: sticky;
    top: 0;
    height: 100dvh;
  }
  #industries .brxe-container {
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(0%);
    left: 0;
    right: 0;
    transition: all 1s ease;
  }
  #industries.step-01 .industry-block-01 {
    opacity: 1;
    transform: translateY(-50%);
  }
  #industries.step-02 .industry-block-02 {
    opacity: 1;
    transform: translateY(-50%);
  }
  #industries.step-02 .industry-block-01 {
    transform: translateY(-100%);
    transition: all 2s ease;
  }
  #industries.step-03 .industry-block-03 {
    opacity: 1;
    transform: translateY(-50%);
  }
  #industries.step-03 .industry-block-02 {
    transform: translateY(-100%);
    transition: all 2s ease;
  }
  #industries.step-04 .industry-block-04 {
    opacity: 1;
    transform: translateY(-50%);
  }
  #industries.step-04 .industry-block-03 {
    transform: translateY(-100%);
    transition: all 2s ease;
  }
  #industries-wrapper {
    height: 500dvh;
  }
  #solutions-wrapper {
    height: 300dvh;
  }
  #solutions {
    position: sticky;
    top: 0;
    height: 100dvh;
  }
  #solutions .brxe-container {
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(0%);
    left: 0;
    right: 0;
    transition: all 1s ease;
  }
  #solutions.step-01 .solution-block-01 {
    opacity: 1;
    transform: translateY(-50%);
  }
  #solutions.step-02 .solution-block-02 {
    opacity: 1;
    transform: translateY(-50%);
  }
  #solutions.step-02 .solution-block-01 {
    transform: translateY(-100%);
    transition: all 2s ease;
  }
  #solutions.step-03 .solution-block-03 {
    opacity: 1;
    transform: translateY(-50%);
  }
  #solutions.step-03 .solution-block-02 {
    transform: translateY(-100%);
    transition: all 2s ease;
  }
  .industry .content-box {
    padding: 7rem 4.4rem;
  }
  .text-rotator .brxe-heading {
    font-size: clamp(80px, 9.0277777778vw, 130px);
  }
  .text-rotator .brxe-heading br {
    display: none;
  }
  #industries-we-serve-wrapper {
    height: 400dvh;
  }
  #industries-we-serve {
    position: sticky;
    top: 0;
    height: 100dvh;
  }
  #industries-we-serve .brxe-container {
    opacity: 0;
    position: absolute;
    top: 55%;
    transform: translateY(0%);
    left: 0;
    right: 0;
    transition: all 1s ease;
  }
  #industries-we-serve .switcher {
    z-index: 500;
    opacity: 1;
    top: 5%;
  }
  #industries-we-serve.step-01 .industries-we-serve-block-01 {
    opacity: 1;
    transform: translateY(-50%);
  }
  #industries-we-serve.step-02 .industries-we-serve-block-02 {
    opacity: 1;
    transform: translateY(-50%);
  }
  #industries-we-serve.step-02 .industries-we-serve-block-01 {
    transform: translateY(-100%);
    transition: all 2s ease;
  }
  #industries-we-serve.step-03 .industries-we-serve-block-03 {
    opacity: 1;
    transform: translateY(-50%);
  }
  #industries-we-serve.step-03 .industries-we-serve-block-02 {
    transform: translateY(-100%);
    transition: all 2s ease;
  }
  #industries-we-serve.step-04 .industries-we-serve-block-04 {
    opacity: 1;
    transform: translateY(-50%);
  }
  #industries-we-serve.step-04 .industries-we-serve-block-03 {
    transform: translateY(-100%);
    transition: all 2s ease;
  }
  .new-post {
    padding: 7.34rem 5rem 7.93rem;
    gap: 7.3rem;
  }
  .blog-post-grid {
    column-gap: 9rem;
  }
}
@media (min-width: 1280px) {
  .stats {
    min-height: 61.4rem;
  }
  .stats .count {
    font-size: 12rem;
  }
  .plastic-everywhere {
    --row-gap: 10rem;
  }
  .plastic-everywhere .row {
    --row-gap: 6rem;
  }
  .plastic-everywhere .content-block {
    gap: 3rem;
  }
  .plastic-everywhere .suffix span,
  .plastic-everywhere .count {
    font-size: 10rem;
  }
  .card .content-box {
    padding: 5rem 5.7rem 1.5rem 1.9rem;
  }
  .problems-cards .card .content-box {
    padding: 2rem 3.3rem 1.5rem 1.9rem;
  }
}
@media (max-width: 1023px) {
  .problem-img {
    position: relative;
  }
  .problem-img .brxe-image {
    display: block;
    position: sticky;
    top: 10dvh;
    height: 50rem;
  }
  .problem-content {
    gap: 2rem;
  }
  .problem-box + .problem-box {
    margin-top: 2rem;
  }
  .industry {
    margin-bottom: 3rem;
  }
  #industries .brxe-text h3 {
    font-family: "Feature Deck";
    font-weight: 500;
    margin-bottom: 2rem;
  }
}
@media (max-width: 991px) {
  .interactive-grid .info-card {
    position: relative;
    margin-bottom: 4rem;
    display: flex;
    flex-direction: column-reverse;
    gap: 3rem;
  }
  .interactive-grid .brxe-image {
    border-radius: 1.5rem;
  }
  .interactive-grid .card-title {
    position: absolute;
    top: 3rem;
    left: 3rem;
    right: 35%;
    color: #fff;
  }
  .blog-grid .blog-row {
    grid-template-columns: 1fr !important;
  }
  .blog-grid .blog-card {
    min-height: auto;
  }
  .blog-grid .blog-card.active .card-content, .blog-grid .blog-card .card-image {
    flex: 0 0 100%;
  }
  .blog-grid .blog-card .card-inner {
    flex-direction: column-reverse !important;
    position: relative;
  }
  .blog-grid .blog-card .card-badge {
    position: absolute;
    left: 4rem;
    top: 5rem;
    font-size: 1.6rem;
  }
  .blog-grid .blog-card .card-description {
    margin-bottom: 3rem;
  }
  .blog-grid .blog-card .card-image img {
    aspect-ratio: 37/28;
  }
}
@media (max-width: 767px) {
  .site-header {
    padding: 3.2rem 1.5rem;
  }
  .site-header .row {
    background-color: #fff;
    border-radius: 10rem;
    padding: 2rem;
  }
  .site-header .bricks-site-logo {
    filter: brightness(0.1);
  }
  .site-header .search-toogler {
    color: #26150A;
  }
  .m-hide {
    display: none;
  }
  .m-center {
    text-align: center;
    justify-content: center;
  }
  .m-justify-center {
    justify-content: center;
  }
  .m-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .card.m-inverse .card-grid {
    grid-template-columns: 20% 80%;
  }
  .card.m-inverse .card-grid > div:nth-child(1) {
    grid-column: 2;
    grid-row: 1;
  }
  .card.m-inverse .card-grid > div:nth-child(1):first-child:before {
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, white 100%);
  }
  .card.m-inverse .card-grid > div:nth-child(1):after {
    left: -1px;
    right: auto;
  }
  .card.m-inverse .card-grid > div:nth-child(2) {
    grid-column: 1;
    grid-row: 1;
  }
  .card.m-inverse .card-grid > .content-box {
    grid-column: 2;
    grid-row: 2;
  }
  .card.m-inverse .card-grid > .content-box:before {
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
  }
  .card.m-inverse .card-grid > div:nth-child(4) {
    grid-column: 1;
    grid-row: 2;
  }
  .card.m-inverse .card-grid > div:nth-child(4):before {
    background: linear-gradient(-90deg, white 0%, rgba(255, 255, 255, 0) 100%);
  }
  .card.m-inverse .card-grid > div:nth-child(4):after {
    right: -1px;
    left: auto;
  }
  .card .card-grid {
    grid-template-columns: 80% 20%;
    grid-template-rows: 55% 45%;
  }
  .problems-cards .card .card-grid {
    grid-template-rows: 37% 63%;
  }
  .card .content-box {
    font-size: 1.9rem;
  }
  .solution .brxe-heading br {
    display: none;
  }
  .cta-w-img .bricks-button {
    background-color: #26150A;
    color: #fff;
  }
  .page-header.mb-7 {
    margin-bottom: 0 !important;
  }
}
@media (max-width: 639px) {
  .m-hide-br br {
    display: none;
  }
  .new-post {
    position: relative;
  }
  .new-post .col-content {
    padding: 3rem;
  }
  .new-post .post_tag {
    position: absolute;
    top: 2.55rem;
    left: 2rem;
  }
  .post-card {
    position: relative;
    margin-bottom: 4rem;
  }
  .post-card .post_tag {
    position: absolute;
    top: 2.55rem;
    left: 2rem;
  }
  .industry .block-blur {
    max-width: 53% !important;
  }
  .interactive-grid .info-card:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 100%);
    border-radius: 1.5rem 1.5rem 0 0;
  }
}
@media (max-width: 599px) {
  #solutions-wrapper #solutions {
    gap: 0;
  }
  #solutions-wrapper .brxe-container {
    padding: 0;
  }
  #solutions-wrapper .solution-box {
    border-radius: 0;
  }
  #solutions-wrapper .solution-box .brxe-image {
    min-height: 90dvh;
  }
  .problem-cta .btn-wrp {
    margin-bottom: 20dvh;
  }
  #industries-we-serve .switcher {
    display: none !important;
  }
}
.bricks-area .problem-row-slide {
  opacity: 1;
  position: static;
  transform: none;
}
.bricks-area #problems-slider .problem-box {
  position: static;
  opacity: 1;
}
.bricks-area #problems-slider-wrapper {
  height: auto;
}
.bricks-area #problems-slider {
  position: static;
  height: auto;
}
.bricks-area #solutions,
.bricks-area #industries {
  position: static;
  height: auto;
}
.bricks-area #solutions .brxe-container,
.bricks-area #industries .brxe-container {
  opacity: 1;
  position: static;
  transform: translateY(0%) !important;
}
.bricks-area #solutions-wrapper,
.bricks-area #industries-wrapper {
  height: auto;
}

[class*=bg-] {
  position: absolute;
}

.bg-01, .bg-02, .bg-03, .bg-04, .bg-05, .bg-06, .bg-07, .bg-07-green,
.bg-09, .bg-10, .bg-15, .bg-16, .bg-17, .bg-20, .bg-23, .bg-24, .bg-25 {
  width: 100%;
  height: 96.2rem;
  top: 0;
  right: 0;
}

.bg-01 {
  background: linear-gradient(220deg, rgba(22, 82, 84, 0.3) 0%, rgba(22, 82, 84, 0) 60%);
  z-index: 3;
}

.bg-02 {
  background: radial-gradient(circle, rgba(154, 186, 90, 0.29) 0%, rgba(154, 186, 90, 0) 45%);
  z-index: 3;
  left: -4.2rem;
  top: -2.8rem;
}

.bg-03 {
  background: radial-gradient(circle, rgba(154, 186, 90, 0.29) 0%, rgba(154, 186, 90, 0) 45%);
  z-index: 3;
  right: -4.4rem;
  top: auto;
  bottom: 0;
}

.bg-04 {
  background: radial-gradient(circle, rgba(22, 82, 84, 0.29) 0%, rgba(22, 82, 84, 0) 43%);
  left: -16%;
  top: -12%;
  z-index: 4;
}

.bg-05 {
  background: radial-gradient(circle, rgba(154, 186, 90, 0.29) 0%, rgba(154, 186, 90, 0) 40%);
  left: -17%;
  top: -40%;
  z-index: 4;
}

.bg-06 {
  height: 137.3378rem;
  border-radius: 137.3378rem;
  background: radial-gradient(circle, rgba(22, 82, 84, 0.29) 0%, rgba(22, 82, 84, 0) 40%);
  right: -20%;
  top: auto;
  bottom: -61%;
  z-index: 4;
}

.bg-07 {
  background: radial-gradient(circle, rgba(22, 82, 84, 0.29) 0%, rgba(22, 82, 84, 0) 40%);
  left: -7%;
  top: auto;
  bottom: -59%;
  z-index: 4;
}

.bg-07-green {
  background: radial-gradient(circle, rgba(154, 186, 90, 0.29) 0%, rgba(154, 186, 90, 0) 60%);
  left: -7%;
  top: auto;
  bottom: -59%;
  z-index: 4;
}

.bg-08 {
  height: 213.1rem;
  width: 79.9125rem;
  background: linear-gradient(315deg, rgba(248, 248, 248, 0) 30%, #F8F8F8 100%), linear-gradient(0deg, #F8F8F8 0%, rgba(248, 248, 248, 0) 30%), url("./img/bg-02.svg") center center/120% no-repeat;
  right: -13%;
  top: 0;
  z-index: 1;
}

.bg-09 {
  height: 104.4153rem;
  background: radial-gradient(circle, rgba(22, 82, 84, 0.39) 0%, rgba(22, 82, 84, 0) 40%);
  left: -13%;
  top: auto;
  bottom: -12%;
  z-index: 5;
}

.bg-10 {
  height: 100.6698rem;
  background: radial-gradient(circle, rgba(154, 186, 90, 0.29) 0%, rgba(154, 186, 90, 0) 48%);
  right: -17%;
  top: 15%;
  z-index: 5;
}

.bg-11 {
  right: -8%;
  top: 6%;
  width: 70rem;
  height: 47rem;
  background: linear-gradient(258deg, rgba(248, 248, 248, 0) 10%, #F8F8F8 100%), linear-gradient(0deg, rgba(248, 248, 248, 0) 0%, #F8F8F8 100%), url(./img/bg-01.svg) 100% 39%/200% no-repeat;
  z-index: -1;
}

.bg-12 {
  right: -8%;
  top: -9%;
  width: 72rem;
  height: 47rem;
  background: linear-gradient(258deg, rgba(248, 248, 248, 0) 10%, #F8F8F8 100%), linear-gradient(0deg, rgba(248, 248, 248, 0) 0%, #F8F8F8 100%), url(./img/bg-01.svg) 100% 39%/200% no-repeat;
  z-index: -1;
}

.bg-13 {
  right: -8%;
  top: -2%;
  width: 70rem;
  height: 47rem;
  background: linear-gradient(258deg, rgba(248, 248, 248, 0) 10%, #F8F8F8 100%), linear-gradient(0deg, rgba(248, 248, 248, 0) 0%, #F8F8F8 100%), url(./img/bg-01.svg) 100% 39%/200% no-repeat;
  z-index: -1;
}

.bg-14 {
  right: -8%;
  top: -18%;
  width: 70rem;
  height: 47rem;
  background: linear-gradient(258deg, rgba(248, 248, 248, 0) 10%, #F8F8F8 100%), linear-gradient(0deg, rgba(248, 248, 248, 0) 0%, #F8F8F8 100%), url(./img/bg-01.svg) 100% 39%/184% no-repeat;
  z-index: -1;
}

.bg-15 {
  background: radial-gradient(circle, rgba(22, 82, 84, 0.3) 0%, rgba(22, 82, 84, 0) 44%);
  right: 8%;
  top: -20%;
  z-index: 5;
}

.bg-16 {
  background: radial-gradient(circle, rgba(22, 82, 84, 0.3) 0%, rgba(22, 82, 84, 0) 44%);
  left: -10%;
  top: -42%;
  z-index: 4;
}

.bg-17 {
  background: radial-gradient(circle, rgba(154, 186, 90, 0.29) 0%, rgba(154, 186, 90, 0) 48%);
  right: -29%;
  top: 32%;
  z-index: 4;
}

.bg-18 {
  left: 0;
  right: 0;
  top: auto;
  bottom: 0;
  height: 51rem;
  z-index: 1;
  background: url(./img/bg-03.svg) 50% -5%/109% no-repeat;
}

.bg-19 {
  left: 0;
  top: auto;
  bottom: -1%;
  width: 99rem;
  height: 50rem;
  background: linear-gradient(160deg, rgba(248, 248, 248, 0) 0, #F8F8F8 100%), linear-gradient(0deg, rgba(248, 248, 248, 0) 5%, #F8F8F8 100%), url(./img/bg-01.svg) 100% 20%/147% no-repeat;
  z-index: -1;
}

.bg-20 {
  right: 0;
  top: auto;
  bottom: -210%;
  background: radial-gradient(circle, rgba(154, 186, 90, 0.29) 0%, rgba(154, 186, 90, 0) 48%);
  z-index: -1;
}

.bg-21 {
  opacity: 0.3;
  left: 0;
  right: 0;
  top: 0;
  height: 51rem;
  z-index: 1;
  background: url(./img/bg-03.svg) 50% -5%/120% no-repeat;
  overflow: hidden;
}

.bg-22 {
  left: 0;
  top: auto;
  bottom: -7%;
  width: 77rem;
  height: 50rem;
  background: linear-gradient(-120deg, rgba(248, 248, 248, 0) 0, #F8F8F8 100%), linear-gradient(0deg, rgba(248, 248, 248, 0) 5%, #F8F8F8 100%), url(./img/bg-01.svg) 100% 20%/147% no-repeat;
  z-index: -1;
}

.bg-23 {
  background: radial-gradient(circle, rgba(22, 82, 84, 0.3) 0%, rgba(22, 82, 84, 0) 44%);
  left: -4%;
  top: auto;
  bottom: -18%;
  z-index: 4;
}

.bg-24 {
  background: radial-gradient(circle, rgba(154, 186, 90, 0.29) 0%, rgba(154, 186, 90, 0) 48%);
  right: -4.2rem;
  top: -2.8rem;
  z-index: 3;
}

.bg-25 {
  background: radial-gradient(circle, rgba(154, 186, 90, 0.29) 0%, rgba(154, 186, 90, 0) 48%);
  right: -4.2rem;
  top: 40%;
  z-index: 3;
}

@media (min-width: 768px) {
  .bg-01, .bg-02, .bg-03, .bg-04, .bg-05, .bg-06, .bg-07, .bg-07-green,
  .bg-09, .bg-10, .bg-15, .bg-16, .bg-17, .bg-20, .bg-23, .bg-24, .bg-25 {
    filter: blur(200px);
    width: 68.5rem;
    height: 96.2rem;
    border-radius: 96.2rem;
  }
  .bg-01 {
    background: rgba(22, 82, 84, 0.23);
    transform: rotate(-27.148deg);
    top: -4.1rem;
    right: -2.6rem;
  }
  .bg-02 {
    transform: rotate(-16.267deg);
    background: rgba(154, 186, 90, 0.28);
  }
  .bg-03 {
    transform: rotate(-27.148deg) translateY(50%);
    background: rgba(154, 186, 90, 0.28);
  }
  .bg-04 {
    transform: rotate(-27.148deg);
    background: rgba(22, 82, 84, 0.22);
  }
  .bg-05 {
    transform: rotate(-27.148deg);
    background: rgba(154, 186, 90, 0.28);
  }
  .bg-06 {
    transform: rotate(-7.648deg);
    background: rgba(22, 82, 84, 0.18);
  }
  .bg-07 {
    transform: rotate(28.301deg);
    background: rgba(22, 82, 84, 0.2);
  }
  .bg-07-green {
    transform: rotate(28.301deg);
    background: rgba(154, 186, 90, 0.3);
  }
  .bg-09 {
    transform: rotate(-7.648deg);
    border-radius: 104.4153rem;
    background: rgba(22, 82, 84, 0.2);
  }
  .bg-10 {
    transform: rotate(0.09deg);
    border-radius: 100.6698rem;
    background: rgba(154, 186, 90, 0.28);
  }
  .bg-11 {
    transform: rotate(3deg);
  }
  .bg-12 {
    transform: rotate(8deg);
  }
  .bg-13 {
    transform: rotate(-2deg);
  }
  .bg-14 {
    transform: rotate(-2deg);
  }
  .bg-15 {
    transform: rotate(-27.148deg);
    background: rgba(22, 82, 84, 0.2);
  }
  .bg-16 {
    transform: rotate(-27.148deg);
    background: rgba(22, 82, 84, 0.2);
  }
  .bg-17 {
    transform: rotate(-27.148deg);
    background: rgba(154, 186, 90, 0.28);
  }
  .bg-19 {
    transform: rotate(-180deg) scale(1, -0.8);
  }
  .bg-20 {
    transform: rotate(-74.353deg);
    background: rgba(154, 186, 90, 0.25);
  }
  .bg-21 {
    transform: scale(-1);
  }
  .bg-22 {
    transform: rotate(-180deg) scale(1, -0.8);
  }
  .bg-23 {
    transform: rotate(18.733deg);
    background: rgba(22, 82, 84, 0.2);
  }
  .bg-24 {
    transform: rotate(18.733deg);
    background: rgba(154, 186, 90, 0.28);
  }
  .bg-25 {
    transform: rotate(18.733deg);
    background: rgba(154, 186, 90, 0.28);
  }
}

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