.sluzba-main-box {
width: 100%;
position: relative;
background: var(--white);
height: 100%;
}
.sluzba-main-box .header {
width: 100%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
position: relative;
height: 26rem;
}
.sluzba-main-box .header img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
margin-left: auto;
margin-right: auto;
display: block;
height: 100%;
}
.sluzba-main-box .header .header-info {
width: 100%;
background: rgba(0, 0, 0, 0.3);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
font-size: 1.8rem;
font-weight: 800;
position: absolute;
bottom: 0;
left: 0;
padding: 1.4rem 8px;
}
.sluzba-main-box .header .header-info h3 {
color: #fff;
font-weight: 800;
font-size: 1.8rem;
}
.sluzba-main-box .body {
padding: 1.4rem;
}
.sluzba-main-box .body p {
font-size: 1.4rem;
color: #0F161E;
line-height: 2.2rem;
max-width: 90%;
font-weight: 400;
}
.sluzba-main-box .body p a {
color: var(--dark);
font-weight: 400;
padding: unset;
margin: unset;
height: unset;
display: unset;
line-height: 2.6rem;
position: unset;
}
.sluzba-main-box .body p a:hover {
text-decoration: none;
}
.sluzba-main-box .body a, .sluzba-main-box .body .button {
color: var(--purple);
font-weight: 500;
padding: 7px 0;
margin: 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
display: block;
line-height: 2.4rem;
position: relative;
}
.sluzba-main-box .body a i, .sluzba-main-box .body .button i {
position: absolute;
top: 50%;
right: -3.6rem;
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 1.8rem;
}
.sluzba-main-box .body a:hover i, .sluzba-main-box .body .button:hover i {
right: -4rem;
}
.sluzba-main-box::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: rgb(171, 32, 142);
background: -webkit-gradient(linear, left top, right top, from(rgb(171, 32, 142)), color-stop(50%, rgb(130, 195, 65)), to(rgb(0, 173, 239)));
background: linear-gradient(90deg, rgb(171, 32, 142) 0%, rgb(130, 195, 65) 50%, rgb(0, 173, 239) 100%);
}