@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3&display=swap');
body,html{
    background: #16161a;
    font-family: 'Source Sans 3', sans-serif;
    width: 100%;
}

.bodyHome,.soundHome,.lightHome,.projectorsHome,.screensHome,.dataShow,.galleryHome{
    background-repeat: no-repeat;
    background-size:cover;
}
.bodyHome{
    background-image: url('/images/poster/mainPoster.webp');
    background-position-y: 59% ;
}
.soundHome{
    background-image: url('/images/body/Services/sounds.png');
    background-position: 10% 50%;
}
.lightHome{
    background-image: url('/images/body/Services/lights.png');
    background-position-y: 17% ;

}
.projectorsHome{
    background-image: url('/images/body/Services/projectors.png');
    background-position-y: 30% ;
}
.screensHome{
    background-image: url('/images/body/Services/screens.png');
    background-position-y: 33% ;
}
.visualsHome{
    background-image: url('/images/body/Services/visuales.png');
    background-position-y: 50% ;
    background-position-x: 50% ;
}
.irHome{
    background-image: url('/images/body/Services/ir.png');
    background-position-y: 33% ;
    background-position-x: 33% ;
}
.wirelessHome{
    background-image: url('/images/body/Services/wirless.png');
    background-position-y: 43% ;
}
.dataShow{
    background-image: url('/images/categories/projector.png');
    height: 12rem;
    text-align: center;
}
.galleryHome{
    background-image: url('/images/gallery/galleryMain.png');
    background-position-y: 45% ;
}

.bg-body-tertiary{
    background-color:#16161a !important;
}
.fa-solid{
    color:#fffffe ;
}
.navbar-toggler{
    border-color: #fffffe;
}
.nav-link{
    color:#fffffe ;
}
.nav-link:hover{
    color:#fffffe;
}
.paragraph{
    color: #94a1b2 ;
}
.heading{
    color: #fffffe ;
    text-align: center;
}
.headingAbout{
    color: #fffffe ;
    text-align: left;
}
.image
{
    width:50vh;
}

.featuers{
    color:#fffffe ;
    background-color:#7f5af0;
    border-radius: 15px;
}

.productImage{
    height: 300px !important;
}

.icons
{
    font-size: 4rem ;
}
.about
{
    /* background-color: #7f5af0; */
    background-image: linear-gradient( #16161a,#7f5af0);
    border-radius: 10px;

}
.about2{
    border-radius: 10px;
    background-color: #7f5af0;
}

.overflow{
    overflow-y: scroll;
}
#contact{
    padding-top:5rem;    
}