.swiper-container {
width: 80%;
/* height: 80%; */
height: 275px;
margin: auto;
mask-image: -webkit-linear-gradient(to right, transparent, white 10px, white 90%, transparent);
    mask-image: -moz-linear-gradient(to right, transparent, white 10px, white 90%, transparent);
    mask-image: linear-gradient(to right, transparent, white 10px, white 90%, transparent);
    -webkit-mask-image: -webkit-linear-gradient(to right, transparent, white 10px, white 90%, transparent);
    -webkit-mask-image: -moz-linear-gradient(to right, transparent, white 10px, white 90%, transparent);
    -webkit-mask-image: linear-gradient(to right, black, white 10px, white 90%, transparent);
}

.swiper-slide_whatidoSlider {
text-align: center;
font-size: 18px;
background:#1919158c;


width: 70% !important;

color: white;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}


/* blog slider */


.swiper-container_t2 {
width: 100%;
/* height: 300px; */
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* z-index: 1; */
-webkit-mask-image: linear-gradient(to right, transparent, white 10%, white 90%, transparent);

}

.swiper-slide-blog {
text-align: center;
font-size: 18px;
transform: scale(0.7);
transition: transform 0.3s;


/* background: #fff; */
/* width: 80%; */

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}


.swiper-slide-active{
transform: scale(1);
}


.card-title {
margin-bottom: .75rem;
font-weight: bolder;
}
.card-p{
/* only in movile moode */
/* white-space: nowrap; */
overflow: hidden;
text-overflow: ellipsis;
/* height: 100px; */
text-align: center;

}
.card{
color: black;
}

@media only screen and (max-width: 768px) {
.card-img-top{
display: none;
}
.card-p{
/* only in movile moode */
/* white-space: nowrap; */
overflow: hidden;
text-overflow: ellipsis;
/* height: 100px; */
text-align: center;

}
}