.slider-container-two{
                
                width: 100%;
                 margin:5% 2%;
                overflow: hidden;

                margin-left: -4px;
          
            }
            .slider-two {
                display: flex;
                transition: transform 0.5s ease-in-out;
                position: relative;
                z-index: -1;
                
            }
            .slide-two {
                flex: 0 0 100%;
            }
            .slider-two img {
                width: 100%;
                height: auto;
               
            }
            #slider-nav-two {
                display: flex;
                justify-content: center;
                /* margin-top: 20px; */
                background: black !important;
                height: 30px;
                padding-top: 10px;
                
                margin-top: -30px;
    
            }
            .dot-two {
                width: 12px;
                height: 12px;
                border-radius: 5%;
                background-color: #333;
                background: white;
                margin: 0 6px;
                cursor: pointer;
    
                width: 10%;
                height: 10%;
                margin: 0 3px;
            }
            .dot-two.active {
                background-color: orange;
            }
            .arrow-two {
                /* position: absolute;
                top: 50%;
                transform: translateY(-50%); */
                width: 40px;
                height: 40px;
                background-color: rgba(94, 7, 244, 0.5);
    
                color: white;
                text-align: center;
                /* line-height: 40px; */
                cursor: pointer;
                font-size: 24px;
                margin: -17px auto;
     
            }
             .arrow-two.prev-two {
                /* left: 10px; */
              margin-left: 0;
            }
            .arrow-two.next-two {
                /* right: 10px; */
                margin-right: 0;
            } 

            @media (max-width:769px) {
    
                .slider-container-two {
                   
                    width: 100% !important;
                    overflow: hidden;
                    margin:0px  auto;
                    margin-top: -60px;
                }
                .slider-two img {
                    width: 100% !important;
                    height: auto;
                    margin-top: 50px;
                    
                }
            }

             @media (max-width:700px) {
    
                .slider-container-two {
                   
                    width: 100% !important;
                    overflow: hidden;
                    margin:0px  auto;
                    margin-top: -60px;
                    
                }
                .slider-two img {
                    width: 100% !important;
                    height: auto;
                    margin-top: 50px;
                    
                }
                .arrow-two.prev-two {
                    left: 10px;
                }
                .arrow-two.next-two {
                    right: 10px;
                }
            }