.service{
    position: fixed;
    bottom: 28%;
    right: 0;
    transition: all .3s ease-in-out;
    z-index: 999;
}
.service img{
    position: absolute;
    width: 8.5rem;
    left: -240%;
    top: -50%;
}
.service-1 .img{
    position: absolute;
    top: 0px;
    width: max-content;
    right: 42.5px;
    font-size: 12px;
    background-color: #fff;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0px 2px 3px rgba(71,155,255,0.2);
    line-height: 20px;
}
.service-2 .img{
    position: absolute;
    width: max-content;
    right: 42.5px;
    top: 0;
    font-size: 12px;
    background-color: #fff;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0px 2px 3px rgba(71,155,255,0.2);
    line-height: 20px;
}
.service-1,.service-2,.service-3,.service-4,.service-5{
    width: 42.5px;
    height: 50px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    box-shadow:0px 2px 3px rgba(71,155,255,0.2);
}
.service-1{
    background-image: url(/Public/newagent/img/sercer_3.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.service-1:hover{
    overflow: unset;
}
.service-1:hover{
    background-image: url(/Public/newagent/img/sercer_3_c.png);
}
.service-2{
    background-image: url(/Public/newagent/img/sercer_2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.service-2:hover{
    background-image: url(/Public/newagent/img/sercer_2_c.png);
}

.service-5{
    background-image: url(/Public/newagent/img/sercer_5.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.service-5:hover{
    overflow: unset;
    background-image: url(/Public/newagent/img/sercer_5_c.png);
}
.service-3{
    background-image: url(/Public/newagent/img/sercer_1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
/*.service-3:hover{*/
/*height: 100px;*/
/*background-image: url(/Public/newagent/img/sercer_1_c.png);*/
/*}*/
.service-4{
    background-image: url(/Public/newagent/img/sercer_4.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.service-4:hover{
    background-image: url(/Public/newagent/img/sercer_4_c.png);
}
.service img{
    max-width: initial;
}
.service-5 .img{
    position: absolute;
    width: max-content;
    right: 42.5px;
    top: 0;
    font-size: 12px;
    background-color: #fff;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0px 2px 3px rgba(71,155,255,0.2);
    line-height: 20px;
}