.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;  
}


.first {
    /* 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/first.jpg')!important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height:800px;
    position: relative;
}
@media screen and (max-width:757px)
{
  .first {
    /* 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/first.jpg')!important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center center;
    height:700px;
    position: relative;
}
}

.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;
}
  
}