.mobile-home-slider{ width: 100%; padding: 2px 0px 0px; margin: 0px 0px 10px; position: relative; .rec-arrow-left{ top : calc(50% - 22px) !important; right: -12px !important; } .rec-arrow-right{ top : calc(50% - 22px) !important; left: -12px !important; } } .home-slider { width: 100%; padding: 2px 0px 0px; margin: 20px 0px 10px; position: relative; .rec-arrow-left{ top : calc(50% - 22px) !important; right: 5px !important; } .rec-arrow-right{ top : calc(50% - 22px) !important; left: 5px !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: grey !important; } .rec-pagination { z-index: 200; // left: calc(50% - 20px) !important; & button { background-color: grey; 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: grey !important; &:focus{ color: grey !important; } &:disabled{ color: black !important; } &:enabled{ color: grey; } &:hover{ color: white; } } .rec-slider-container{ border-radius: 10px; }