.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(//ambient.test-unifer.cz/wp-content/themes/ambient-energy-theme/assets/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;
}
}