/*	Defined widths
--------------------------------------- */
/*	Slider settings
--------------------------------------- */
/*	Colors
--------------------------------------- */
/*	Breakpoints
--------------------------------------- */
/*	Other
--------------------------------------- */
/* common border radius */
/* disable text selection */
/*	Font / Text Mixins
======================================================================== */
/*	Font family mixin
    Examples:
    @include f(s,r);
    @include f(gs,l);
--------------------------------------- */
/*	Text mixin
    (dynamic font size and line height)
--------------------------------------- */
.case-study {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1rem;
}
.case-study__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1rem;
  padding: 6.4rem 0;
}
.case-study__content .outher-box {
  position: relative;
  border-radius: 1.2rem;
  padding: 1px;
  background: -webkit-gradient(linear, left top, left bottom, from(#4d5358), to(#121619));
  background: linear-gradient(to bottom, #4d5358, #121619);
}
.case-study__content .outher-box .case-study__content-box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 113.6759rem;
  padding: 2.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3.2rem;
  border-radius: 1.2rem;
  background: #121619;
  -webkit-box-shadow: 0px 20px 80px 0px rgba(33, 39, 42, 0.19);
          box-shadow: 0px 20px 80px 0px rgba(33, 39, 42, 0.19);
}
.case-study__content .outher-box .case-study__content-box-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3.2rem 4rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 0px;
          flex: 1 0 0;
}
.case-study__content .outher-box .case-study__content-box-text .description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2.4rem;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.case-study__content .outher-box .case-study__content-box-text .description .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.8rem;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}

@media only screen and (max-width: 900px) {
  .case-study__content-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .case-study__content-box-text .description {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
  }
  .case-study__content-box-text .description .header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (max-width: 500px) {
  .case-study__content .outher-box .case-study__content-box-text {
    padding: 0;
  }
  .case-study__content .outher-box .case-study__content-box-text .description {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    text-align: start;
  }
  .case-study__content .outher-box .case-study__content-box-text .description .header {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.how-it-works {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5.6rem;
  padding: 0 2.5rem;
  background: rgba(33, 39, 42, 0.5);
}
.how-it-works:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 0.2rem;
  background-image: -webkit-gradient(linear, left top, right top, from(#121619), color-stop(#4d5358), to(#121619));
  background-image: linear-gradient(to right, #121619, #4d5358, #121619);
  -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(5%, #121619), color-stop(50%, #4d5358), color-stop(95%, #121619), to(transparent));
  -webkit-mask-image: linear-gradient(to right, transparent, #121619 5%, #4d5358 50%, #121619 95%, transparent);
          mask-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(5%, #121619), color-stop(50%, #4d5358), color-stop(95%, #121619), to(transparent));
          mask-image: linear-gradient(to right, transparent, #121619 5%, #4d5358 50%, #121619 95%, transparent);
}
.how-it-works__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.how-it-works__content-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 113.6rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4.8rem;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  margin: 0 auto;
  padding: 6.4rem 0;
}
.how-it-works__content-text .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.4rem;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.how-it-works__content-text .header-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2.4rem;
}
.how-it-works__content-text .header-text-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 46.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
}
.how-it-works__numbers-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3.2rem;
}
.how-it-works__numbers-boxes-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 6.1rem;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.how-it-works__numbers-boxes-cards .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 32rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.6rem;
  text-align: center;
}
.how-it-works__numbers-boxes-cards .card h5 {
  color: var(--White, #fff);
}

@media only screen and (max-width: 768px) {
  .how-it-works__numbers-boxes-cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
main::before {
  content: "";
  position: absolute;
  width: 100%;
  max-width: 42.1rem;
  height: 94.8rem;
  background-image: url("../../images/vector.svg");
  background-size: contain;
  background-repeat: no-repeat;
  top: 3.2rem;
  left: 0;
  z-index: 3;
}

.purchase-electricity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  max-width: 144rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4rem;
  padding-top: 6.1rem;
  margin: 0 auto;
  z-index: 5;
}
.purchase-electricity__button-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.9rem;
}
.purchase-electricity__button-back p {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.purchase-electricity__button-back svg g path {
  fill: var(--cool-grey-cool-grey-70, #a2a9b0);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.purchase-electricity__button-back:hover p {
  color: var(--Primary-color, #f4511e);
}
.purchase-electricity__button-back:hover svg g path {
  fill: var(--Primary-color, #f4511e);
}
.purchase-electricity__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 56rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.4rem;
}
.purchase-electricity__content-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.6rem;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
.purchase-electricity__content-header h1 {
  text-align: center;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255, 255, 255, 0.54)));
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.54) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.purchase-electricity__content .mixed {
  text-align: center;
}
.purchase-electricity__content .mixed span {
  color: var(--White, #fff);
}

.electricity-image {
  position: relative;
  width: 100%;
  max-width: 144rem;
  height: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0 auto;
  padding: 14.3rem 2.5rem 10.3rem 2.5rem;
}
.electricity-image.ppa-contract .ppa-contract {
  width: 100%;
  max-width: 35.3rem;
}
.electricity-image img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 86.4rem;
  position: relative;
  z-index: 3;
  margin: 0 auto;
}
.electricity-image::before {
  content: "";
  position: absolute;
  z-index: 2;
  width: 100%;
  max-width: 130rem;
  height: 71.1rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 130rem;
  background: radial-gradient(50% 50% at 50% 50%, rgba(18, 22, 25, 0) 0%, #121619 100%);
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.electricity-image__ellipse {
  width: 100%;
  max-width: 75.3rem;
  height: auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: absolute;
  z-index: 1;
  top: 50%;
  margin: 0 auto;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.services-intended {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 144rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1rem;
  margin: 0 auto;
  padding: 2.1rem 2.5rem 6.4rem 2.5rem;
  z-index: 5;
}
.services-intended__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 113.6rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 6.4rem;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  margin: 0 auto;
}
.services-intended__content-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2.4rem;
}
.services-intended__content-header .subheader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 56.5rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.4rem;
}
.services-intended__content-header h3 {
  text-transform: none;
}
.services-intended__content-header .header-description {
  width: 100%;
  max-width: 46.5rem;
}
.services-intended__content-boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.services-intended__content-boxes .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 37.8rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.4rem;
  padding: 2.5rem;
  border-top: 1px solid #4d5358;
  border-bottom: 1px solid #4d5358;
  border-right: 1px solid #4d5358;
}
.services-intended__content-boxes .box:nth-child(3), .services-intended__content-boxes .box:nth-child(6) {
  border-right: none;
}
.services-intended__content-boxes .box .header h6 {
  min-height: 4rem;
}
.services-intended__content-boxes .box .header .btn-secondary-orange {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media only screen and (max-width: 1042px) {
  .services-intended__content {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .services-intended__content-header {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .services-intended__content-header .subheader {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .services-intended__content-header .subheader .subheader {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .services-intended__content-header .header-description {
    text-align: center;
  }
  .services-intended__content-boxes {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }
  .services-intended__content-boxes .box:nth-child(3) {
    border-right: 1px solid #4d5358;
  }
  .services-intended__content-boxes .box:nth-child(2), .services-intended__content-boxes .box:nth-child(4) {
    border-right: none;
  }
}
@media only screen and (max-width: 1042px) {
  .services-intended__content-boxes .box:nth-child(1), .services-intended__content-boxes .box:nth-child(3), .services-intended__content-boxes .box:nth-child(5) {
    border-right: none;
  }
}
@media only screen and (max-width: 709px) {
  .services-intended__content-boxes .box {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
/*# sourceMappingURL=services-detail.css.map */