.services_section{
    max-width: 1200px;
    margin: auto;
    padding: 2rem 5rem;
    display: flex;
    flex-direction: column;
    margin-top: 4rem;
}

.services_section h1{
    font-size: 4rem;
    color: var(--main-color);
    margin-bottom: 3rem;
    text-shadow: 2px 2px 10px rgb(23, 69, 143);
}

.sound_container{
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-top: 30px;
    gap: 40px;
}

.sound_container_text h2{
    font-size: 40px;
    text-shadow: 2px 2px 10px black;

}

.sound_container_text p{
    margin-top: 20px;
}

.sound_container img{
    width: 450px;
    box-shadow: rgb(209, 75, 198) 0px 5px 15px;
}


.sound_container img:hover{
    box-shadow: rgb(209, 75, 198) 0px 5px 30px;
}

.blur_3{
    position: absolute;
    box-shadow: 0 0 1000px 40px #2cd8ff;
    z-index: -100;
}

.light_container{
    display: flex;
    margin-top: 50px;
    gap: 40px;
    align-items: center;
}

.light_container img{
    width: 400px;
    box-shadow: rgb(18, 67, 215) 0px 5px 15px;
    display: flex;
    justify-items: center;
}


.light_container img:hover{
    box-shadow: rgb(18, 67, 215) 0px 5px 30px;
}

.light_container h2{
    font-size: 40px;
    text-shadow: 2px 2px 10px black;
}

.light_container_text p{
    margin-top: 20px;
}

.rigging_container{
    display: flex;
    align-items: center;
    margin-top: 30px;
    gap: 40px;
}

.rigging_container h2{
    font-size: 40px;
    text-shadow: 2px 2px 10px black;
}

.rigging_container p{
    margin-top: 20px;
}

.rigging_container img{
    width: 350px;
    box-shadow: rgb(170, 173, 180) 0px 5px 15px;
}

.rigging_container img:hover{
    box-shadow: rgb(170, 173, 180) 0px 5px 30px;
}


@media(max-width: 895px){
    .services_section h1{
        text-align: center;
        font-size: 50px;
        margin: 0;
    }
    .services_section{
        text-align: center;
        padding: 1rem 3rem;
    }
    .services_section h2{
        margin-top: 20px;
    }
    .services_section p{
        text-align: left;
    }
    .sound_container{
        flex-wrap: wrap-reverse;
        display: flex;
        justify-content: center;
    }
    .sound_container img{
        width: 350px;
    }
    .light_container{
        flex-wrap: wrap;
        display: flex;
        justify-content: center;
    }
    .light_container img{
        width: 300px;
    }
    .rigging_container{
        flex-wrap: wrap-reverse;
        display: flex;
        justify-content: center;
    }
    .rigging_container img{
        width: 250px;
    }
}


