.wp-block-create-block-di-category-slider {
padding: 2px;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: gray !important;
}
.swibg a:hover {
text-decoration: none;
}
.swibg {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.contwrap {
box-sizing: border-box;
padding: 5px;
width: 100%;
}
.swiper-slide-active .texteffect {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-30px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-30px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.swiper-slide-active .texteffectfade {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 4s;
animation-duration: 4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.swiper-slide-active .texteffecttwo {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(100%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.contwrap p {
margin-bottom: 0;
}
.swibg-text-rightbottom {
align-items: end;
justify-content: end;
}
@media only screen and (max-width: 700px) {
body .mySwiperCatSlider {
width: 100% !important;
}
}