.feedback-tutors-home {
overflow: hidden;
padding-bottom: 200px;
}
.feedback-tutors-home .feedbacks-tm-tutors-slide {
display: flex;
animation: scroll 300s linear infinite;
}
.feedback-tutors-home .slide {
flex: 0 0 auto;
}
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-800%);
}
}
.feedback-home h2 {
margin-bottom: 32px;
text-align: center;
padding-top: 200px;
}
.feedback-tutors-home .flickity-prev-next-button.next, .feedback-tutors-home .flickity-prev-next-button.previous {
display: none;
}
.feedback-tutors-home .flickity-viewport {
height: 299px!important;
cursor: unset!important;
}
.feedback-tutors-home li:hover  {
box-shadow: unset;
}
.feedback-tutors-home li:hover img {
filter: unset;
}
.tutor-name {
position: absolute;
bottom: 0px;
padding: 20px;
transition: all 0.3s;
}
.feedback-tutors-home li {
box-shadow: none;
height: 244px;
min-width: 200px;
width: 244px;
list-style: none;
margin: 0px;
padding: 16px;
background: unset;
}
.tutor-img {
position: relative;
height: 244px;
width: 244px;
border-radius: 20px;
}
.feedback-tutors-home li img {
width: 94%;
height: 94%;
object-fit: cover;
border-radius: 20px;
}
.tutor-name {
color: rgb(255, 255, 255);
position: absolute;
width: 94%;
height: 244px;
bottom: 14px;
display: flex;
align-items: baseline;
flex-wrap: wrap;
flex-direction: column;
justify-content: flex-end;
font-size: 14px;
line-height: 20px; border-radius: 20px;
padding: 20px;
}
.tutor-text {
font-size: 16px;
line-height: 24px;
width: 70%;
}
.tutor-text p {
margin: 0;
padding: 36px 0px 30px 36px;
}
.tutor-name p {margin: 0;}
@media (max-width: 765px) {
.feedback-home h2 {
padding-top: 100px;
}
.feedback-tutors-home .feedbacks-tm-tutors-slide {
animation: scroll 90s linear infinite;
}
.tutor-name {
bottom: 7px;
}
.feedback-tutors-home .flickity-prev-next-button.next {
right: 20px;
}
.feedback-tutors-home li {
height: 94%;
background: unset;
padding: 0;
overflow: hidden;
}
.feedback-tutors-home p {
font-size: 14px;
margin-bottom: 0px;
}
.tutor-feedback .tutor-name {
bottom: 0;
}
.tutor-img {
width: 100%;
height: 100%;
}
.feedback-tutors-home {
margin: 0;
}
}
@media (min-width: 517px) and (max-width: 768px) {
.feedback-tutors-home li {
width: auto;
height: auto;
width: calc(36vw - 30px) !important;
}
.tutor-feedback .tutor-name {
bottom: 7px;
}
}
@media (min-width: 800px) and (max-width: 900px) {
.feedback-tutors-home h2 {
font-size: 38px;
}
.feedback-tutors-home li {
width: auto;
height: auto;
}
}
@media (min-width: 800px) and (max-width: 1375px) {
.feedback-tutors-home h2 {
font-size: 38px;
}
}
@media (min-width: 860px) and (max-width: 990px) {
.feedback-tutors-home h2 {
font-size: 38px;
}
.feedback-tutors-home li {
width: auto;
height: auto;
}
}