.rec-arrow-left { top: calc(50% - 22px) !important; right: -20px !important; } .rec-arrow-right { top: calc(50% - 22px) !important; left: -20px !important; } .rec-dot_active { background-color: green !important; color: white !important; // box-shadow: 0 0 1px rgba(255, 255, 255, 1) !important; } .Carousel-button-10 { background-color: white !important; } .rec-pagination { z-index: 200; // left: calc(50% - 20px) !important; & button { background-color: white; margin: 2px !important; box-shadow: 0px 0px 0px rgba(100, 100, 100, 1); &:focus { box-shadow: 0px 0px 0px rgba(100, 100, 100, 1); } } } .rec-slider-container { margin: 0px !important; } .rec-arrow { position: absolute !important; z-index: 100; background-color: inherit !important; box-shadow: none !important; border: 0px !important; color: white !important; &:focus { color: white !important; } &:disabled { color: black !important; display: none !important; } &:enabled { color: white !important; } &:hover { color: white; } } .rec-slider-container { border-radius: 10px; }