@media (min-width: 1240px) {
    .pwr-tabs__header--hor {
        float: left;
        font-family: var(--ff-base);
        margin-top: 10px;
        width: 20%;
    }

  @media (min-width: 1240px) {
    .pwr-tabs__body--hor {
        width: 80%;
    }
}

/* Grayscale images in tabs */
.pwr-tabs__tab img {
    filter: grayscale(100%) opacity(70%);
}

/* Restore color when tabs are active */
.pwr-tabs__tab--active img {
     filter: grayscale(0%) opacity(100%);
}

.pwr-tabs__tab-wrapper:not(.pwr-tabs__tab-wrapper--centered) {
    margin-left: -15px;
    margin-right: -15px;
}




.pwr-tabs__tab {
width:calc(20% - 2px); 
}


/* Desktop styles */
.pwr-tabs__content--2col .pwr-tab__content--left {
    width: 28%;
}

.pwr-tabs__content--2col .pwr-tab__content--right {
    width: 68%;
}

.pwr-tabs__content--2col .pwr-tab__content {
    float: left;
}



/* Tablet styles */
@media screen and (max-width: 1159px) {
    .pwr-tabs__content--2col .pwr-tab__content--left,
    .pwr-tabs__content--2col .pwr-tab__content--right {
        width: 100%; /* Set to full width on smaller screens */
        float: none; /* Remove float for stacked layout */
    }
}

/* Tablet styles */
@media screen and (max-width: 768px) {
    .pwr-tabs__content--2col .pwr-tab__content--left,
    .pwr-tabs__content--2col .pwr-tab__content--right {
        width: 100%; /* Set to full width on smaller screens */
        float: none; /* Remove float for stacked layout */
    }
}

/* Mobile styles */
@media screen and (max-width: 480px) {
    .pwr-tabs__content--2col .pwr-tab__content--left,
    .pwr-tabs__content--2col .pwr-tab__content--right {
        width: 100%; /* Set to full width on even smaller screens */
    }
}