File: /home/turkishi/public_html/wp-content/themes/kidzieo/css/service/service-style-1.css
.pbmit-service-style-1 .pbminfotech-post-item {
position: relative;
border-radius: 15px;
overflow: hidden;
}
.pbmit-service-style-1 .pbmit-featured-wrapper img {
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.pbmit-service-style-1 .pbmit-featured-img-wrapper {
position: relative;
overflow: hidden;
}
.pbmit-service-style-1 .pbmit-featured-wrapper img {
-webkit-transform: scale(1.01);
-ms-transform: scale(1.01);
-moz-transform: scale(1.01);
-o-transform: scale(1.01);
transform: scale(1.01);
width: 100%;
}
.pbmit-service-style-1:hover .pbmit-featured-wrapper img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.pbmit-service-style-1 .pbmit-featured-wrapper::after {
position: absolute;
content: "";
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background: -moz-linear-gradient(bottom, rgba(var(--pbmit-kidzieo-blackish-color-rgb),0.7) 0%, rgba(var(--pbmit-kidzieo-blackish-color-rgb),0.7) 5%, rgba(var(--pbmit-kidzieo-blackish-color-rgb), 0) 59%, rgba(var(--pbmit-kidzieo-blackish-color-rgb),0) 100%);
background: -webkit-linear-gradient(bottom, rgba(var(--pbmit-kidzieo-blackish-color-rgb),0.7) 0%, rgba(var(--pbmit-kidzieo-blackish-color-rgb),0.7) 5%,rgba(var(--pbmit-kidzieo-blackish-color-rgb),0) 59%, rgba(var(--pbmit-kidzieo-blackish-color-rgb),0) 100%);
background: linear-gradient(to top, rgba(var(--pbmit-kidzieo-blackish-color-rgb),0.7) 0%, rgba(var(--pbmit-kidzieo-blackish-color-rgb),0.7) 5%,rgba(var(--pbmit-kidzieo-blackish-color-rgb),0) 59%, rgba(var(--pbmit-kidzieo-blackish-color-rgb),0) 100%);
}
.pbmit-service-style-1 .pbminfotech-service-content {
position: relative;
}
.pbmit-service-style-1 .pbminfotech-box-content {
position: absolute;
bottom: 0;
left: 0;
padding: 35px;
}
.pbmit-service-style-1 .pbmit-service-icon-wrapper {
font-size: 50px;
line-height: 50px;
display: inline-block;
margin-bottom: 10px;
color: var(--pbmit-kidzieo-secondary-color);
}
.pbmit-service-style-1 .pbmit-service-icon-wrapper svg{
fill: var(--pbmit-kidzieo-secondary-color);
margin-bottom: 5px;
}
.pbmit-service-style-1 .pbmit-service-icon-wrapper img{
max-width: 50px;
margin-bottom: 5px;
}
.pbmit-service-style-1 .pbmit-service-icon-wrapper {
display: none;
}
.pbmit-service-style-1 .pbmit-serv-cat a {
padding-left: 12px;
position: relative;
font-size: 13px;
line-height: 24px;
font-weight: 700;
text-transform: uppercase;
color: var(--pbmit-kidzieo-secondary-color);
}
.pbmit-service-style-1 .pbmit-serv-cat a::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 7px;
height: 7px;
border-radius: 50px;
background-color: var(--pbmit-kidzieo-secondary-color);
-khtml-transform: translateX(0%) translateY(-50%);
-moz-transform: translateX(0%) translateY(-50%);
-ms-transform: translateX(0%) translateY(-50%);
-o-transform: translateX(0%) translateY(-50%);
transform: translateX(0%) translateY(-50%);
}
.pbmit-service-style-1 .pbmit-service-title {
font-size: 24px;
line-height: 24px;
margin: 0;
color: var(--pbmit-kidzieo-white-color);
}
.pbmit-service-style-1 .pbmit-service-title a {
color: var(--pbmit-kidzieo-white-color);
}
.pbmit-service-style-1 .pbmit-service-title a:hover {
color: rgba(var(--pbmit-kidzieo-white-color-rgb),0.8);
}
.pbmit-element-viewtype-carousel.pbminfotech-gap-0px .pbmit-service-style-1 .pbminfotech-post-item{
margin-right: 35px;
}
.pbmit-col-stretched-yes.pbmit-col-stretched-right .pbmit-element-service-style-1 .pbmit-ele-header-area {
margin-left: 0;
padding: 0;
}
.pbmit-element-service-style-1 .pbmit-carousel-nav-arrow-header {
top: 70px;
right: 10px;
}
.pbmit-element-service-style-1 .swiper-button-next,
.pbmit-element-service-style-1 .swiper-button-prev {
width: inherit;
height: inherit;
background: transparent;
color: var(--pbmit-kidzieo-global-color);
}
.pbmit-element-service-style-1 .swiper-button-next {
padding-left: 15px;
}
.pbmit-element-service-style-1 .swiper-button-next:hover,
.pbmit-element-service-style-1 .swiper-button-prev:hover {
background: transparent;
}
.pbmit-element-service-style-1 .swiper-button-next::after,
.pbmit-element-service-style-1 .swiper-button-prev::after{
font-size: 40px;
}
@media (max-width: 1200px) {
.pbmit-service-style-1 .pbmit-service-title {
font-size: 24px;
line-height: 30px;
}
}