.lservice{width: 100%;
display: flex;
flex-direction: column;
padding-right: 30px;}

.copy-servicei{width: 100%;
display:flex;
background-color: #f5faff;
border:1px solid #DADADA;
padding: 25px 18px 25px 30px;
align-items: center;
border-radius: 8px;
cursor: pointer;
transition: all .5s;
margin-top: 10px;

} 

.firsti{width: 90%;
}

.firsti a{text-decoration: none;
display: block;
color:#191825;
font-family: 'Rubik';
font-size: 18px;
transition: all .5s;
font-weight: 500;
text-transform: capitalize;

}

.firsti a:hover{color: orangered;}

.second{width: 10%;}

.second a{text-decoration: none;
display: block;
color: orangered;
transition: all .5s;

background-color: white;
padding: 5px 10px;
    border-radius: 8px;
}

.second a:hover{color: white;
background-color:orangered;}

.copy-servicei:hover .second a{
    color: white;
background-color:orangered;
}

.copy-servicei:hover .firsti a{
    color:orangered;
}

/* action button here */

.actionbtser{
    background-image:url(../img/innerpages/bg2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

}

.blacklayeract{background-color: rgba(0, 0, 0, 0.733);
 display: flex;
padding:10%;
flex-direction: column;
}

.blacklayeract h4{font-size: 22px;
font-family: 'Rubik';
color: white;
font-weight: 500;
line-height: 35px;

}

.blacklayeract p{
    font-family: 'Rubik';
    font-size: 18px;
    color: #8F8F8F;
    line-height: 30px;
    margin-top: 20px;
}

.number-action{display: flex;
width: 100%;
align-items: center;
margin-top: 20px;
}

.action-span{margin-right: 15px;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: orangered;
justify-content: center;
align-items: center;
display:flex;
transition: transform .1s ease-in-out;}

.blacklayeract:hover .action-span{
    transform: rotate(360deg);
}



.action-span a{
display: block;
color: white;
font-weight:500;
font-size: 25px;
}



.numbera{text-decoration: none;
    font-family: 'montserrat';
color: white;
font-size: 20px;}
/* action button here */

@media(max-width:900px){
    .lservice{padding-right: 0px;
    }
}