.innovation-box {
  transition: border-left 0.3s ease;
  border-radius: 0 12px 12px 0; /* rounded only on right side */
  border-left: 3px solid transparent;
  border-right: none; /* ensure no right border */
  border-top: none; /* ensure no top border */
  border-bottom: none; /* ensure no bottom border */
}

.innovation-box:hover {
  border-right: 5px solid #06b6d4; /* cyan border on LEFT only */
}

/* Alternative - even more specific */
.right-border-only {
  transition: border-right 0.3s ease;
  border: none; /* remove all borders */
  border-radius: 0 12px 12px 0; /* rounded corners only on right */
}

.right-border-only:hover {
  border-right: 5px solid #06b6d4; /* ONLY left border appears */
}



/* Normal state - Red arrows */
.zsslider-arrow-left svg,
.zsslider-arrow-right svg {
    fill: #ffffff !important;
    transition: fill 0.1s ease;
}

/* Hover state - Darker red */
.zsslider-arrow-left:hover svg,
.zsslider-arrow-right:hover svg {
    fill: #1d4370 !important;
}




/* Button hover effect */
.zpbutton-wrapper {
    transition: all 0.3s ease;
}
.zpbutton-wrapper:hover {
    transform: translateY(-2px); /* Lift effect */
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2); /* Shadow effect */
}
/* Icon hover effect within button */
.zpbutton-wrapper:hover .zpbutton-icon {
    transform: translateX(5px); /* Move icon right */
}
.zpbutton-wrapper .zpbutton-icon {
    transition: transform 0.3s ease;
}
/* Set initial icon color and hover color */
.zpbutton-wrapper .zpbutton-icon svg {
    fill: #24fff0 !important; /* Initial color - dark blue */
    transition: fill 0.3s ease;
}
.zpbutton-wrapper:hover .zpbutton-icon svg {
    fill: #1d4370 !important; /* Hover color - white */
}