File: //proc/thread-self/root/proc/self/cwd/wp-content/themes/kidzieo/css/service/service-style-3.css
.pbmit-element-service-style-3 .pbmit-hover-inner{
padding: 0;
margin: 0;
list-style: none;
display: inline-block;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: repeat(2,1fr);
grid-gap: 40px;
}
.pbmit-element-service-style-3 .pbmit-title-box-wrap{
max-width: 280px;
text-align: center;
}
.pbmit-element-service-style-3 .swiper-static-slide-images {
width: 390px;
position: absolute;
top: 0;
margin: 0 auto;
left: 0;
right: 0;
}
.pbmit-element-service-style-3 li:nth-child(even) .pbmit-title-box-wrap{
margin-left: auto;
}
.pbmit-element-service-style-3 .pbmit-service-icon-wrapper img{
max-width: 55px;
margin-bottom: 5px;
}
.pbmit-element-service-style-3 .pbmit-service-icon-wrapper{
font-size: 55px;
line-height: 55px;
padding-bottom: 20px;
color: var(--pbmit-kidzieo-global-color);
}
.pbmit-element-service-style-3 .pbmit-service-icon-wrapper svg{
fill: var(--pbmit-kidzieo-global-color);
margin-bottom: 5px;
}
.pbmit-element-service-style-3 .pbmit-service-title{
font-size: 24px;
line-height: 30px;
margin-bottom: 10px;
}
.pbmit-element-service-style-3 .pbmit-short-description,
.pbmit-element-service-style-3 .pbmit-service-title{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.pbmit-element-service-style-3 .pbmit-service-title{
-webkit-line-clamp: 1;
line-clamp: 1;
}
.pbmit-element-service-style-3 .pbmit-main-hover-faded {
position: relative;
}
.pbmit-element-service-style-3 .swiper-hover-slide-images {
width: 390px;
position: absolute;
top: -10px;
margin: 0 auto;
left: 0;
right: 0;
}
.pbmit-element-service-style-3 .swiper-wrapper img{
padding: 20px;
height: auto;
border-radius: 500px;
border: 3px solid var(--pbmit-kidzieo-global-color);
}
.pbmit-element-service-style-3 .pbmit-hover-image-faded{
position: relative;
}
.pbmit-element-service-style-3 .pbmit-hover-image-faded::after{
position: absolute;
content: '';
top: 0px;
right: 0px;
background-image: url(../../images/pattern-img-01.svg);
width: 73px;
height: 60px;
z-index: 1;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.pbmit-element-service-style-3 .pbmit-ele-header-area {
margin-bottom: 20px;
}
@media (max-width: 1024px) {
.pbmit-element-service-style-3 .pbmit-title-box-wrap{
max-width: 240px;
}
.pbmit-element-service-style-3 .swiper-hover-slide-images {
width: 350px;
top: 0;
}
}
@media (max-width: 900px) {
.pbmit-element-service-style-3 .swiper-hover-slide-images {
width: 300px;
top: 50px;
}
}
@media (max-width: 830px) {
.pbmit-element-service-style-3 .swiper-hover-slide-images {
position: inherit;
}
.pbmit-element-service-style-3 .pbmit-title-box-wrap{
max-width: 100%;
}
}
@media (max-width: 767px) {
.pbmit-element-service-style-3 .pbmit-hover-inner{
grid-template-columns: repeat(1,1fr);
}
.pbmit-element-service-style-3 .pbmit-ele-header-area {
text-align: center;
}
}