.wp-tabs-banner-frontend {
  display: flex;
  align-items: center;
  margin-inline: -20px;
}
.wp-tabs-banner-fields,
.wp-tabs-banner-tabs {
    width: 50%;
    padding: 0 20px;
}
.wp-tabs-banner-tabs-item .wp-tabs-banner-tab {
    width: 100%;
    display: flex;
    align-items: center;
    text-align: left;
    position: relative;
    background-color: #F8F8F8;
    border: 1px solid #F8F8F8;
    padding: 12px 50px 12px 18px;
}
.wp-tabs-banner-tabs-item .wp-tabs-name {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    padding-bottom: 12px;
}
.wp-tabs-banner-tabs-item .wp-tabs-banner-tab .wp-tabs-first,
.wp-tabs-banner-tabs-item .wp-tabs-banner-tab .wp-tabs-second {
    width: 50%;
    font-weight: 500;
}
.wp-tabs-banner-tabs-item .wp-tabs-banner-tab .wp-tabs-first {
    color: #000000;
}
.wp-tabs-banner-tabs-item .wp-tabs-banner-tab .wp-tabs-second {
    padding-left: 20px;
    border-left: 1px solid #D4D4D4;
    color: #555555;
}
.wp-tabs-banner-tabs-item .wp-tabs-banner-tab .wp-tabs-first p,
.wp-tabs-banner-tabs-item .wp-tabs-banner-tab .wp-tabs-second p {
    padding: 0;
    font-weight: 600;
    line-height: 22px;
}
.wp-tabs-banner-tabs-item .wp-tabs-banner-tab .wp-tabs-first p {
    font-size: 18px;
}
.wp-tabs-banner-tabs-item .wp-tabs-banner-tab .wp-tabs-second p {
    font-size: 14px;
}
.wp-tabs-banner-tabs-item .wp-tabs-desc {
    font-size: 16px;
    margin-top: 12px;
    padding-bottom: 0;
}
.wp-tabs-banner-tabs-item .wp-tabs-banner-tab.active::after {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cg clip-path='url(%23clip0_9_402)'%3e%3cpath d='M1.28301 7.69704C0.898007 7.30104 0.908007 6.66804 1.30401 6.28304C1.70001 5.89804 2.33401 5.90704 2.71801 6.30404L6.80701 10.515C7.11401 10.825 7.53601 11 7.98301 11.001C8.42801 11.001 8.84701 10.828 9.16201 10.513L18.29 1.29604C18.678 0.902036 19.311 0.900036 19.704 1.28904C20.097 1.67804 20.1 2.31104 19.711 2.70304L10.58 11.922C9.88401 12.618 8.95601 13 7.97601 13C6.99401 12.998 6.07201 12.613 5.38001 11.915L1.28301 7.69704ZM23.706 7.29204C23.315 6.90104 22.681 6.90304 22.292 7.29404L9.20501 20.414C8.82701 20.792 8.32101 21 7.78701 21C7.25101 21 6.74801 20.788 6.36401 20.401L1.69901 15.784C1.30501 15.396 0.673007 15.398 0.284007 15.792C-0.103993 16.185 -0.100993 16.817 0.291007 17.206L4.95001 21.816C5.70501 22.577 6.71101 22.997 7.78301 23C8.85101 23 9.86401 22.584 10.62 21.827L23.708 8.70604C24.098 8.31504 24.097 7.68204 23.706 7.29204Z' fill='%23DE2010'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_9_402'%3e%3crect width='24' height='24' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
}
.wp-tabs-banner-tabs-item .wp-tabs-banner-tab.active {
    border-color: #DE2010;
}
.wp-tabs-banner-tabs-item .wp-tabs-banner-tab.active .wp-tabs-first,
.wp-tabs-banner-tabs-item .wp-tabs-banner-tab.active .wp-tabs-second {
    color: #DE2010;
    border-color: #DE2010;
}
.wp-tabs-banner-tabs-item + .wp-tabs-banner-tabs-item {
    margin-top: 20px;
}

@media (min-width: 768px) and (max-width: 1024px) {

    .wp-tabs-banner-frontend {
        display: flex;
    }

    .wp-tabs-banner-tabs-item .wp-tabs-banner-tab {
        flex-direction: column;
    }
    .wp-tabs-banner-tabs-item .wp-tabs-banner-tab .wp-tabs-first,
    .wp-tabs-banner-tabs-item .wp-tabs-banner-tab .wp-tabs-second {
        width: 100%;
    }
    .wp-tabs-banner-tabs-item .wp-tabs-banner-tab .wp-tabs-second {
        padding-left: 0;
        padding-top: 8px;
        border-left: none;
    }
    .wp-tabs-banner-tabs-item .wp-tabs-banner-tab .wp-tabs-first p,
    .wp-tabs-banner-tabs-item .wp-tabs-banner-tab .wp-tabs-second p {
        line-height: 18px;
    }
}

@media (max-width: 767px) {
    .wp-tabs-banner-frontend {
        flex-direction: column;
        gap: 25px;
	}
	.wp-tabs-banner-fields,
	.wp-tabs-banner-tabs {
        width: 100%;
    }
    .wp-tabs-banner-tabs-item .wp-tabs-banner-tab {
        padding: 10px 50px 10px 12px;
    }
    .wp-tabs-banner-tabs-item .wp-tabs-banner-tab .wp-tabs-second {
        padding-left: 10px;
    }
    .wp-tabs-banner-tabs-item .wp-tabs-banner-tab.active::after {
        right: 12px;
    }
    
}