.epower-big-banner-block {
margin-block: 0 var(--space-24);
padding-block: calc(var(--space-8) + calc(215px / 2)) var(--space-16);
}
.epower-big-banner-block .inner-big-banner {
display: flex;
gap: 60px;
justify-content: space-between;
}
.epower-big-banner-block .inner-big-banner>div[class*="column-"] {
flex: 0 0 calc(50% - 60px);
}
.epower-big-banner-block .inner-big-banner h2 {
font-size: var(--fs-32);
color: var(--quinary-color);
font-weight: 700;
margin-block: var(--space-8);
}
.epower-big-banner-block .inner-big-banner ul {
padding: 0;
margin: 0;
margin-bottom: 40px;
list-style: none;
}
.epower-big-banner-block .inner-big-banner li {
display: flex;
gap: 16px;
align-items: center;
}
.epower-big-banner-block .inner-big-banner li+li {
margin-top: 40px;
}
.epower-big-banner-block .inner-big-banner li .icon {
flex: 0 0 48px;
}
.epower-big-banner-block .inner-big-banner li img {
width: 48px;
height: 48px;
object-fit: cover;
border-radius: 100%;
}
.epower-big-banner-block .inner-big-banner li strong {
font-size: var(--fs-20);
color: var(--quinary-color);
font-weight: 700;
}
.epower-big-banner-block .inner-big-banner li p {
font-size: var(--fs-18);
color: var(--quinary-color);
font-weight: 400;
margin-bottom: 5px;
}
.epower-big-banner-block .inner-big-banner p,
.epower-big-banner-block .inner-big-banner .content-active ul {
font-size: var(--fs-18);
color: var(--quinary-color);
font-weight: 400;
margin-bottom: 15px;
}
.epower-big-banner-block .inner-big-banner .content-active ul {
list-style: disc;
}
.epower-big-banner-block .inner-big-banner .content-active li {
gap: 0;
}
.epower-big-banner-block .inner-big-banner .content-active li+li {
margin-top: 15px;
}
.epower-big-banner-block .inner-big-banner .content-active li::before {
content: '\F309';
font-family: 'bootstrap-icons';
font-size: 1.5rem;
line-height: normal;
width: auto;
}
.epower-big-banner-block .inner-big-banner>div[class*="column-"]:first-child img{
max-height: 525px;
height: 525px;
min-height: 525px;
border-radius: 20px;
object-fit: cover;
width: 100%;
}
@media (max-width: 768px) {
.epower-big-banner-block {
padding-block: var(--space-12);
}
.epower-big-banner-block .inner-big-banner {
flex-direction: column-reverse;
}
.epower-big-banner-block .buttons {
display: none;
}
}