File: /home/turkishi/www/wp-content/themes/kidzieo/css/service/service-style-2.css
.pbmit-element-service-style-2 .swiper-hover-slide-nav li h3 {
display: inline-block;
font-size: 24px;
line-height: 30px;
margin: 0;
position: relative;
}
.pbmit-element-service-style-2 .swiper-hover-slide-nav .pbminfotech-box-number {
font-size: 14px;
line-height: 18px;
position: relative;
top: -10px;
color: var(--pbmit-kidzieo-global-color);
}
.pbmit-element-service-style-2 .swiper-hover-slide-nav .pbminfotech-box-title {
padding-left: 8px;
}
.pbmit-element-service-style-2 .swiper-hover-slide-nav li .pbmit-title-inner::after {
content: '\e869';
font-family: 'pbminfotech-base-icons';
font-size: 40px;
line-height: 40px;
position: relative;
opacity: 0;
top: 6px;
font-weight: 500;
right: -20px;
color: var(--pbmit-kidzieo-global-color);
transition: transform 500ms ease;
}
.pbmit-element-service-style-2 .swiper-hover-slide-nav li.pbmit-active .pbmit-title-inner::after {
opacity: 1;
visibility: visible;
}
.pbmit-element-service-style-2 .swiper-hover-slide-nav .pbminfotech-box-number::after {
content: '/';
position: absolute;
top: 1px;
right: -8px;
}
.pbmit-element-service-style-2 .swiper-hover-slide-nav {
padding-right: 60px;
}
.pbmit-element-service-style-2 .swiper-hover-slide-nav li {
list-style: none;
display: inline-block;
margin-bottom: 15px;
}
.pbmit-element-service-style-2 .swiper-hover-slide-nav ul {
padding: 0;
margin: 0;
display: inline-grid;
}
.pbmit-element-service-style-2 .pbmit-main-hover-slider {
display: flex;
}
.pbmit-element-service-style-2 .pbmit-service-icon-inner{
display: block;
font-size: 60px;
line-height: 60px;
margin-bottom: 10px;
color: var(--pbmit-kidzieo-global-color);
}
.pbmit-element-service-style-2 .pbmit-service-icon-inner svg{
fill: var(--pbmit-kidzieo-global-color);
margin-bottom: 10px;
}
.pbmit-element-service-style-2 .pbmit-desc {
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.pbmit-element-service-style-2 .pbmit-service-icon-inner img{
max-width: 60px;
margin-bottom: 10px;
}
.pbmit-element-service-style-2 .swiper-hover-slide-desc {
text-align: center;
padding: 100px 50px;
width: 375px;
height: 360px;
z-index: 2;
position: absolute;
bottom: 40px;
left: -80px;
border: 3px solid var(--pbmit-kidzieo-global-color);
background-color: var(--pbmit-kidzieo-white-color);
border-radius: 46% 54% 44% 56% / 42% 39% 61% 58%;
}
.pbmit-element-service-style-2 .swiper-hover-slide-desc .swiper-wrapper {
overflow: hidden;
}
.pbmit-element-service-style-2 .swiper-hover-slide-images {
position: relative;
text-align: right;
}
.pbmit-element-service-style-2 .swiper-hover-slide-images .pbmit-featured-wrapper img {
padding: 20px;
border-radius: 500px;
border: 3px solid var(--pbmit-kidzieo-secondary-color);
}
.pbmit-element-service-style-2 .swiper-hover-slide-images .pbmit-featured-wrapper {
display: inline-block;
}
.pbmit-element-service-style-2 .swiper-hover-slide-images .pbmit-featured-wrapper::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;
}
@media (max-width: 1366px) {
.pbmit-element-service-style-2 .swiper-hover-slide-nav li {
display: block;
}
.pbmit-element-service-style-2 .swiper-hover-slide-desc {
padding: 90px 50px;
width: 350px;
height: 340px;
}
}
@media (max-width: 991px) {
.pbmit-element-service-style-2 .pbmit-main-hover-slider {
display: block;
}
.pbmit-element-service-style-2 .swiper-hover-slide-images {
text-align: left;
padding-top: 30px;
}
.pbmit-element-service-style-2 .swiper-hover-slide-images .pbmit-featured-wrapper::after {
display: none;
}
.pbmit-element-service-style-2 .swiper-hover-slide-desc {
left: 200px;
}
.pbmit-element-service-style-2 .swiper-hover-slide-nav {
padding: 0;
}
}
@media (max-width: 767px) {
.pbmit-element-service-style-2 .swiper-hover-slide-images .pbmit-featured-wrapper img {
width: 70%;
}
.pbmit-element-service-style-2 .swiper-hover-slide-desc {
padding: 60px 40px;
width: 310px;
height: 300px;
}
}
@media (max-width: 575px) {
.pbmit-element-service-style-2 .swiper-hover-slide-desc {
width: 100%;
position: inherit;
bottom: 0;
left: 0;
}
.pbmit-element-service-style-2 .swiper-hover-slide-desc {
padding: 60px;
}
.pbmit-element-service-style-2 .swiper-hover-slide-images .pbmit-featured-wrapper img {
width: 100%;
}
}
@media (max-width: 400px) {
.pbmit-element-service-style-2 .swiper-hover-slide-nav li h3 {
font-size: 20px;
line-height: 30px;
}
.pbmit-element-service-style-2 .swiper-hover-slide-nav li {
margin-bottom: 15px;
}
.pbmit-element-service-style-2 .swiper-hover-slide-nav li .pbmit-title-inner::after {
content: none;
}
.pbmit-element-service-style-2 .swiper-hover-slide-nav .pbmit-title-inner {
padding-right: 0;
}
}