.wk-data-app-slider{
    padding: var(--spacing-96) 0;
}
.wk-data-app-slider .data-app-slider {
  display: flex;
  gap: var(--spacing-64);
  justify-content: space-between;
  padding-top: var(--spacing-64);
  flex-wrap: wrap;
  align-items: start;
}

.wk-data-app-slider .data-app-slider .left-panel {
    display: flex;
    max-width: 560px;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
}
.wk-data-app-slider .data-app-slider .right-panel {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
    width: 48%;
}
.wk-data-app-slider .data-app-slider .right-panel .image{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 426px;
    overflow: hidden;
    padding: 0;
    border: 1px solid rgba(217, 217, 217, 0.20);
}
.wk-data-app-slider .data-app-slider .accordion{
    display: flex;
    flex-direction: column;
}
.wk-data-app-slider .data-app-slider .accordion-item {
  position: relative;
  padding: var(--spacing-8) var(--spacing-none) var(--spacing-8) var(--spacing-24);
  background: none;
  border: 0;
  border-left: 4px solid rgba(217, 217, 217, 0.20);
  border-radius: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-16);
}
.wk-data-app-slider .data-app-slider .accordion-title {
    cursor: pointer;
    color: var(--weka-grid-gray-dark-mode);
    transition: .3s ease-in-out;
}
.wk-data-app-slider .data-app-slider .accordion-content p{
    color: var(--weka-off-white);
}
.wk-data-app-slider .accordion-content {
max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease;
}
.wk-data-app-slider .accordion-content .image{
    margin-top: var(--spacing-28);
    margin-bottom: var(--spacing-8);
    overflow: hidden;
    border-radius: var(--spacing-8);
}
.wk-data-app-slider .accordion-item.active .accordion-content {
    max-height: 500px;
}
.wk-data-app-slider .data-app-slider .accordion-item.active .accordion-title {
    color: var(--weka-periwinkle);
    cursor: auto;
}
.wk-data-app-slider .progress-bar {
  height: 0%;
  width: 4px;
  background: var(--weka-purple);
  position: absolute;
  top: 0;
  left: -4px;
}
.wk-data-app-slider .app-slick-slider {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  overflow: hidden;
}
@media(max-width: 991px){
    .wk-data-app-slider .data-app-slider .left-panel, .wk-data-app-slider .data-app-slider .right-panel{
        width: 100%;
        max-width: 100%;
    }
}
@media(max-width: 767px){
    .wk-data-app-slider .data-app-slider .accordion-item{
        gap: var(--spacing-8);
        padding: var(--spacing-8) var(--spacing-none) var(--spacing-8) var(--spacing-24);
    }
}