.one:hover
{
    background: url("assets/images/image1.webp") !important;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.two:hover
{
     background: url("assets/images/app.avif") !important;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.three:hover{
    background: url("assets/images/digital.jpg") !important;
    background-position:CENTER CENTER;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.four:hover{
    background: url("assets/images/software.jpg") !important;
    background-position:CENTER CENTER;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.five:hover{
    background: url("assets/images/sms.jpg") !important;
    background-position:CENTER CENTER;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.six:hover{
    background: url("assets/images/seo.webp") !important;
    background-position:CENTER CENTER;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.seven:hover{
   background: url("assets/images/intern3.webp") !important;
    background-position:CENTER CENTER;
    background-size: 100% 100%;
    background-repeat: no-repeat;  
}
.eight:hover{
   background: url("assets/images/training.webp") !important;
    background-position:CENTER CENTER;
    background-size: 100% 100%;
    background-repeat: no-repeat;  
}
.nine:hover{
   background: url("assets/images/student_project.webp") !important;
    background-position:CENTER CENTER;
    background-size: 100% 100%;
    background-repeat: no-repeat;  
}


.front {
        /* background: url(assets/images/front1.jpg) !important; */
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(33, 35, 36, 0.6)), url('./assets/images/front1.jpg')!important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 800px;
    position: relative;
}
  
@media screen and (max-width:757px)
{
  .front{
    /* background: url(assets/images/about2/slider-img.jpg); */
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(33, 35, 36, 0.6)), url('./assets/images/front1.jpg')!important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    background-position: center center!important;
    height: 700px !important;;
    position: relative!important;
}
}

.second{
    /* background: url(assets/images/about2/slider1.jpg); */
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(33, 35, 36, 0.6)), url('./assets/images/second.jpg')!important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 800px;
}
@media screen and (max-width:757px) {
  .second{
    /* background: url(assets/images/about2/slider1.jpg); */
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(33, 35, 36, 0.6)), url('./assets/images/second.jpg')!important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    height: 700px;
}
  
}

.web {
    background: linear-gradient(rgba(17, 26, 58, 0.75), rgba(17, 26, 58, 0.75)), transparent url(assets/images/web1.6.jpg) no-repeat center / cover;
}