.btn-sound {
    width: 8dvw;
    border: 0px solid transparent;
    border-radius: 10px;
    text-transform: uppercase;
    padding: 3px 0px;
    color: #fff;
    background-color: #9aa8bb;
    cursor: pointer;
    margin-top: 30px;
}

#main{
    position: relative;
    overflow: hidden;
}

.mainGep{
    position: relative;
    overflow: hidden;
}

#page{
    position: relative;
    height: 100vh;
    width: 100vw;
    background-color: #d7d7d7;
}

#pageGep{
    position: relative;
    height: 100vh;
    width: 100vw;
    /* background-color: #d7d7d7; */
    background-image: url('../../../images/BG/hero-HD-sound.webp');
    background-position: center;
    background-size: cover;
}

#page1Gep{
    position: relative;
    height: 100vh;
    width: 100vw;
    z-index: 10;
}


#page2Gep{
    position: relative;
    height: 100vh;
    width: 100vw;
    background-color: var(--PrimaryBlue) ;
}


#page3Gep{
    position: relative;
    height: 100vh;
    width: 100vw;
    background-color: var(--PrimaryBlue) ;

}
#page4Gep{
    position: relative;

}

#page5Gep{
    position: relative;
    height: 100vh;
    width: 100vw;
    /*background-image: url('../../../images/BG/gep-bg-woman.webp');*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#page6Gep{
    position: relative;
    background-color: #002255;
    padding: 50px 0;
}
#page6Gep h2 {
    color: white;
}


canvas{
    position: relative;
    z-index: 9;
    max-width: 100vw;
    max-height: 100vh;
}

#page1Gep #right-text{
    opacity: 0;
    color: #373737;
}


#page1Gep #left-text{
    position: absolute;
    top: 50%;
    right: 10%;
    text-align: end;
    z-index: 100;
    opacity: 0;

}

#page1Gep #left-text h3{
    color: #7c7c7c;
}



#text2, #text3 {
    opacity: 0;
    position: absolute;
    z-index: 100;
}

#page4Gep #text4{
    color: #373737;
}



#page4Gep #cont-HeadPhones img {
    width: 40dvw;
}


#page4Gep #text4 h4{
    color: #7c7c7c;
}


.cont-list-pres {
    width: 90dvw;
    padding-top: 2%;
}

.cont-list-pres ul {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    list-style-type: none;

}

.cont-list-pres ul li {
    width: 22%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    padding: 1%;
    margin-top: 2dvw;
    padding: 3dvw 1dvw;
    /* box-shadow: -2px -2px 4px 2px rgba(250, 250, 250, 0.5); */
    border-radius: 5px;
    -webkit-box-shadow:-2px -2px 4px 2px #ffffff21 ;
    -moz-box-shadow:-2px -2px 4px 2px #ffffff21 ;
    box-shadow:-2px -2px 4px 2px #ffffff21 ;

}

.cont-list-pres ul li img{
    width: 70%;
}

.cont-list-pres ul li img.w-50 {
    width: 50%;
}

.mt-2d {
    margin-top: 2dvw;
}

.mt-4d {
    margin-top: 4dvw;
}

.cont-list-pres ul li p{
    font-size: 0.9dvw;
    margin-top: 20px;
    color: #fff;
}

div.con-color-title {
text-align: center;
padding: 20px;
color: #fff;
font-size: 40px;
}


@media (max-width: 768px){
    #page5Gep{
        height: 50vh;
        width: 100vw;
    }
}