.banner-sl {display: flex;justify-content: center;align-items: center;height: 500px;}
        .slider{position:relative;overflow:hidden;margin:0;border-radius:4px;overflow:hidden; width:100%;}
        .slider ul{position:relative;margin:0;padding:0;height:100%;list-style:none;width:100%;overflow:hidden;left:0;}
        .slider ul li{position:absolute;display:block;float:left;margin:0;padding:0;width:100%;height:500px;background:#F7B733;text-align:center;transition: ease-out 0.4s;color: #fff;font-size: 22px;font-family: monospace;display: flex;}
        .slider ul li span{margin: 0 auto;  width: 80%; padding: 6% 0 10% 5%; text-align: left;}
        .slider ul li span h2 {font-size: 40px; color: #fff; padding:20px 0px;}
        .slider ul li span p {font-size: 22px; color: #fff;}
        .slider ul li span div picture img {border-radius: 5px; margin: 20px 0 20px 0;}
        .slider ul li.active{left: 0; background-image: url(https://www.arohieye.in/wp-content/uploads/2024/03/banner-6.jpg); background-size: cover; background-size: cover;
    background-repeat: no-repeat; background-position: center;}
        .slider ul li.slider2{background: #4ABDAC; left: 0; background-image: url(https://www.arohieye.in/wp-content/uploads/2024/03/banner-4-.jpg); background-size: cover; background-size: cover;
    background-repeat: no-repeat; background-position: center;}
        .slider ul li.slider3{background: #B82601; left: 0; background-image: url(https://www.arohieye.in/wp-content/uploads/2024/03/banner-5.jpg); background-size: cover; background-size: cover;
    background-repeat: no-repeat; background-position: center;}
        .slider ul li.slider4{background: #8FC33A;}
        .slider ul li.slider5{background: #F7882F;}
        .slider ul li.slider6{background: #43C0F6}
        .slider ul li.slider7{background: #F81B84;}
        /*controls*/
        .controls{-webkit-transition:all 0.5s ease;opacity: 1;}
        .control_prev,
        .control_next{position:absolute;top:40%;z-index:999999;display:block;padding:20px;width:auto;height:auto;background:rgba(51, 51, 51, 0.33);color:#fff;text-decoration:none;font-weight:100%;font-size:18px;opacity:1;cursor:pointer;}
        .slider:hover .controls{-webkit-transition:all 0.5s ease;opacity: 1;}
        .slider:hover .controls .control_prev,
        .slider:hover .controls .control_next{opacity:1}
        .control_prev{left:30px;border-radius: 10px;}
        .control_next{right:60px;border-radius:10px;}
        .slider:hover .controls .control_prev:hover,
        .slider:hover .controls .control_next:hover{opacity:1;-webkit-transition:all 0.2s ease;position:absolute;top:40%;z-index:999999;display:block;padding:20px;width:auto;height:auto;background:rgba(51, 51, 51, 0.99);color:#fff;text-decoration:none;font-weight:100%;font-size:18px;opacity:1;cursor:pointer; }


        @media only screen and (max-width: 600px) {
        .slider ul li {height: 350px;}
        .control_prev{left:5px;border-radius: 10px;}
        .control_next{right:5px;border-radius:10px;}
        .slider ul li span {margin: 0 auto;  width: 90%; padding:32% 0 10% 5% !important; text-align: left;}
        .slider ul li span p {font-size: 12px;color: #fff; font-weight:600;}
        .control_prev, .control_next {padding: 7px 10px 14px 10px;}
        .slider:hover .controls .control_prev:hover, .slider:hover .controls .control_next:hover {padding: 7px 10px 14px 10px;}
         .slider ul li span h2 {font-size: 20px; color: #fff; padding:10px 0px;}
        a.yellow-btn-warning {font-size: 16px; padding: 5px 15px;}
        .slider ul li span div picture img {display:none;}
        .slider ul li.active{left: 0; background-image: url(https://www.arohieye.in/wp-content/uploads/2024/03/banner-5x5-1.jpg); background-size: cover; background-size: cover;
    background-repeat: no-repeat; background-position: center;}
    .yellow-button-banner {margin-top: 15px;}
        .slider ul li.slider2{background: #4ABDAC; left: 0; background-image: url(https://www.arohieye.in/wp-content/uploads/2024/03/banner-2-5x5-1.jpg); background-size: cover; background-size: cover;
    background-repeat: no-repeat; background-position: center;}
        .slider ul li.slider3{background: #B82601; left: 0; background-image: url(https://www.arohieye.in/wp-content/uploads/2024/03/banner-3-5x5-1.jpg); background-size: cover; background-size: cover;
    background-repeat: no-repeat; background-position: center;}
        
        }