body {
                    margin: 0;
                    background: #282d34;
                    color: #777;
                    font-family: sans-serif;
                    align-items: center;
                    min-height: 100vh;
                }
                
                .slider {
                    width: 100%
                }
                
                .slider input {
                    display: none;
                }
                
                .testimonials {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    position: relative;
                    min-height: 300px;
                    perspective: 1000px;
                    overflow: hidden;
                }
                
                .testimonials .item {
                    width: 300px;
                    height: 250px;
                    /* Added height to match min-height */
                    padding: 50px;
                    border-radius: 10px;
                    background-color: #c5c5c5;
                    position: absolute;
                    border: 0px solid #c5c5c5;
                    top: 1;
                    box-sizing: border-box;
                    text-align: center;
                    transition: transform 0.3s;
                    /*box-shadow: 0 0 3px rgba(114, 112, 112, 0.3);*/
                    box-shadow: 10px 0 10px -5px rgba(197, 197, 197), -10px 0 10px -5px rgba(197, 197, 197);
                    user-select: none;
                    cursor: pointer;
                    backface-visibility: hidden;
                    /* Added this line */
                }
                
                .testimonials .item h1 {
                    font-size: 30px;
                    color: whitesmoke;
                    font-weight: bold;
                }
                
                .dots {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }
                
                .dots label {
                    height: 5px;
                    width: 5px;
                    border-radius: 50%;
                    cursor: pointer;
                    background-color: #24A974;
                    margin: 7px;
                    transition-duration: 0.2s;
                }
                
                #t-1:checked~.dots label[for="t-1"],
                #t-2:checked~.dots label[for="t-2"],
                #t-3:checked~.dots label[for="t-3"],
                #t-4:checked~.dots label[for="t-4"],
                #t-5:checked~.dots label[for="t-5"],
                #t-6:checked~.dots label[for="t-6"],
                #t-7:checked~.dots label[for="t-7"],
                #t-8:checked~.dots label[for="t-8"] {
                    transform: scale(2);
                    background-color: #ffffff;
                    box-shadow: 0px 0px 0px 3px #dddddd24;
                }
                
                #t-1:checked~.dots label[for="t-2"],
                #t-2:checked~.dots label[for="t-1"],
                #t-2:checked~.dots label[for="t-3"],
                #t-3:checked~.dots label[for="t-2"],
                #t-3:checked~.dots label[for="t-4"],
                #t-4:checked~.dots label[for="t-3"],
                #t-4:checked~.dots label[for="t-5"],
                #t-5:checked~.dots label[for="t-4"],
                #t-5:checked~.dots label[for="t-6"],
                #t-6:checked~.dots label[for="t-5"],
                #t-6:checked~.dots label[for="t-7"],
                #t-7:checked~.dots label[for="t-6"],
                #t-7:checked~.dots label[for="t-8"],
                #t-8:checked~.dots label[for="t-7"] {
                    transform: scale(1.5);
                }
                
                #t-1:checked~.testimonials label[for="t-2"],
                #t-2:checked~.testimonials label[for="t-3"],
                #t-3:checked~.testimonials label[for="t-4"],
                #t-4:checked~.testimonials label[for="t-5"],
                #t-5:checked~.testimonials label[for="t-6"],
                #t-6:checked~.testimonials label[for="t-7"],
                #t-7:checked~.testimonials label[for="t-8"],
                #t-8:checked~.testimonials label[for="t-1"] {
                    transform: translate3d(300px, 0, -90px);
                    z-index: 3;
                    background-color: #435B53;
                }
                
                #t-2:checked~.testimonials label[for="t-1"],
                #t-3:checked~.testimonials label[for="t-2"],
                #t-4:checked~.testimonials label[for="t-3"],
                #t-5:checked~.testimonials label[for="t-4"],
                #t-6:checked~.testimonials label[for="t-5"],
                #t-7:checked~.testimonials label[for="t-6"],
                #t-8:checked~.testimonials label[for="t-7"],
                #t-1:checked~.testimonials label[for="t-8"] {
                    transform: translate3d(-300px, 0, -90px);
                    z-index: 3;
                    background-color: #435B53;
                }
                
                #t-1:checked~.testimonials label[for="t-1"],
                #t-2:checked~.testimonials label[for="t-2"],
                #t-3:checked~.testimonials label[for="t-3"],
                #t-4:checked~.testimonials label[for="t-4"],
                #t-5:checked~.testimonials label[for="t-5"],
                #t-6:checked~.testimonials label[for="t-6"],
                #t-7:checked~.testimonials label[for="t-7"],
                #t-8:checked~.testimonials label[for="t-8"] {
                    z-index: 4;
                    background-color: #24A974;
                }
                /*Hovering Boxes for our sevices */
                
                .service-card {
                    transition: transform 0.3s ease-in-out;
                    position: relative;
                    z-index: 1;
                    margin-bottom: 10px;
                    /* Adjust the margin to create space between the boxes */
                }
                
                .service-card:hover {
                    transform: scale(1.1);
                    z-index: 2;
                    margin-left: -5px;
                    margin-right: -5px;