.rt-service--slider {
padding-bottom: 10px !important;
}
.rt-service-slider .service-img {
margin-bottom: 35px;
}
.rt-service-slider .service-sub {
color: #d2d2d2;
font-size: 14px;
margin-bottom: 18px;
}
.rt-service-slider ul {
list-style: none;
padding: 0;
margin: 0;
}
.rt-service-slider ul li {
list-style: none;
font-size: 18px;
line-height: 40px;
position: relative;
z-index: 1;
}
.rt-service-slider ul li:before {
content: "\e812";
position: absolute;
font-family: "rt-icons";
font-size: 18px;
color: var(--primaryColor);
right: 0;
top: 0;
z-index: 1;
}
.service-one-inner-four {
position: relative;
}
.service-one-inner-four a.rts-btn {
display: block;
max-width: -moz-max-content;
max-width: max-content;
position: relative;
bottom: 0;
left: 40px;
border-radius: 0 0 15px 15px;
border: 1px solid transparent;
display: flex;
align-items: center;
background: var(--primaryColor);
}
.service-one-inner-four a.rts-btn i {
margin-left: 5px;
}
.service-one-inner-four a.rts-btn:hover {
border: 1px solid var(--primaryColor);
background: #fff;
}
.service-one-inner-four .big-thumbnail-area {
position: relative;
z-index: 1;
cursor: pointer;
}
.service-one-inner-four .big-thumbnail-area .thumbnail {
overflow: hidden;
display: block;
border-radius: 15px;
}
.service-one-inner-four .big-thumbnail-area .thumbnail:hover img {
transform: scale(1.2);
}
.service-one-inner-four .big-thumbnail-area .thumbnail img {
width: 100%;
transition: 0.5s;
border-radius: 15px;
}
.service-one-inner-four .big-thumbnail-area .content {
position: absolute;
bottom: 40px;
left: 40px;
right: 40px;
z-index: 1;
height: 143px;
overflow: hidden;
transition: 0.5s;
text-align: left;
}
.service-one-inner-four .big-thumbnail-area .content img, .service-one-inner-four .big-thumbnail-area .content svg {
max-width: 85px;
height: auto;
margin-bottom: 30px;
}
.service-one-inner-four .big-thumbnail-area .content svg path {
fill: var(--primaryColor);
}
.service-one-inner-four .big-thumbnail-area .content svg rect:first-child {
fill: var(--primaryColor);
}
.service-one-inner-four .big-thumbnail-area .content .title {
color: #fff;
margin-bottom: 10px;
}
.service-one-inner-four .big-thumbnail-area .content p.disc {
color: #fff;
font-weight: 400;
font-size: 16px;
line-height: 26px;
}
.service-one-inner-four .big-thumbnail-area .over_link {
position: absolute;
height: 100%;
width: 100%;
z-index: 10;
top: 0;
left: 0;
border-radius: 15px;
}
.service-one-inner-four .big-thumbnail-area img {
width: 100%;
}
.service-one-inner-four .big-thumbnail-area::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 85%;
display: block;
z-index: 0;
content: "";
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 24.52%, rgba(6, 9, 12, 0.85) 87.86%);
transition: opacity 0.65s cubic-bezier(0.05, 0.2, 0.1, 1);
cursor: pointer;
border-radius: 15px;
transition: 0.5s;
}
.service-one-inner-four .big-thumbnail-area:hover .content {
height: 206px;
}
.service-one-inner-four:hover .thumbnail img {
transform: scale(1.2);
}