.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; } .main{ background: linear-gradient( 90deg, hsla(0, 0%, 31%, 1) 0%, hsla(0, 0%, 0%, 1) 100% ); background: -moz-linear-gradient( 90deg, hsla(0, 0%, 31%, 1) 0%, hsla(0, 0%, 0%, 1) 100% ); background: -webkit-linear-gradient( 90deg, hsla(0, 0%, 31%, 1) 0%, hsla(0, 0%, 0%, 1) 100% ); width: 100%; overflow-x: hidden; padding-top: 60px; min-height: 100vh; position: relative; padding-bottom: 100px; font-family: numeralLight; .footer { position: absolute; bottom: 0px; left: 0px; } main { width: 100%; margin: 0px auto; } }