.p-feedback-home {
margin: 0 0 132px 0;
}
.partner {
display: flex;
overflow: hidden;
list-style-type: none;
padding: 0;
}
.partner-1-remove {
flex-direction: row;
}
.partner-2 {
flex-direction: row-reverse;
}
.partner li {
margin: 0 10px;
}
.partner a {
text-decoration: none;
}
.partner .slide {
flex: 0 0 auto;
}
@keyframes scroll-left {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-1000%);
}
}
@keyframes scroll-right {
0% {
transform: translateX(0);
}
100% {
transform: translateX(1000%);
}
}
.partner-1-remove .slide {
animation: scroll-left 90s linear infinite;
}
.partner-2 .slide {
animation: scroll-right 90s linear infinite;
}
.content-feedbacks h2 {
margin-bottom: 32px;
text-align: center;
padding-top: 200px;
}
.feedbacks li {
list-style: none;
border-radius: 20px;
height: auto;
padding: 32px;
display: flex !important;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
margin: 0;
overflow: hidden;
align-content: flex-start;
gap: 17px;
border: var(--tm-border);
background: var(--tm-grey);
}
.grid-items {
width: 100%;
display: grid;
grid-template-columns: 1.1fr 3fr;
gap: 20px;
}
.feedbacks li p {
margin: 0;
}
.grid-items .feedbacks li {
width: 100%;
}
.feedbacks li:nth-child(4) {
grid-column: 2 span;
width: 90%;
}
.feedbacks li:first-child {
width: 100%;
padding-top: 25px;
}
.grid-items li:first-child img {
border-radius: 0;
width: auto;
display: inline-block;
position: relative;
top: -3px;
}
.feedbacks li img {
width: 62px;
height: 62px;
object-fit: cover;
border-radius: 100px;
margin-bottom: 0px;
}
.feedbacks li strong {
font-weight: 600;
display: block;
color: var(--tm-dark-blue);
width: 100%;
margin-bottom: 0px;
}
.feedbacks li strong:last-child {
font-weight: 800;
}
.grid-items li:first-child strong {
display: inline-block;
width: auto;
font-size: 45px;
font-style: normal;
font-weight: 800;
line-height: 65px;
letter-spacing: -2px;
margin-top: 11px;
}
.feedbacks li:first-child span {
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 36px;
letter-spacing: 0;
}
.feedbacks li .flex {
align-items: center;
font-size: 16px;
line-height: 24px;
}
.vide-home #video-container img {
border-radius: 10px;
}
.video-frame.vide-home {
width: 100%;
border-radius: 20px;
padding: 35px;
border: var(--tm-border);
background: var(--tm-grey);
}
.feedbacks h3 {
padding-bottom: 30px;
font-weight: 800;
}
#video-container {
position: relative;
overflow: hidden;
height: 340px;
border-radius: 10px;
}
#video-container img {
width: 100%;
height: 100%;
object-fit: cover;
padding: 0;
border-radius: 30px;
filter: brightness(0.7);
transition: all 0.3s ease;
}
.play-video {
position: absolute;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
background: #0000003a;
}
.play-video:hover {
transition: all 0.3s ease;
opacity: 0.8;
transform: scale(1.1);
}
.app-links a:nth-child(1) img {
width: 128px;
height: auto;
}
.app-links a:nth-child(2) img {
width: 138px;
height: auto;
border-radius: 6px;
}
.lumi-feedback img {
width: 210px;
height: auto;
position: absolute;
bottom: 30px;
left: 50px;
}
.container-large.lumi-feedback {
width: 100%;
position: relative;
}
.partner .flickity-viewport {
height: 102px !important;
}
.partner {
margin-top: 36px;
}
.partner li,
.partner-1 li {
margin-right: 20px !important;
width: 130px !important;
display: flex;
align-items: center;
justify-content: center;
height: 105px !important;
box-shadow: unset;
margin-bottom: 0;
padding: 0;
}
.partner li:hover {
box-shadow: unset;
}
.play-icon-video {
width: 76px;
height: 76px;
margin: auto;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="%231B0169" viewBox="0 0 256 256"><path d="M240,128a15.74,15.74,0,0,1-7.6,13.51L88.32,229.65a16,16,0,0,1-16.2.3A15.86,15.86,0,0,1,64,216.13V39.87a15.86,15.86,0,0,1,8.12-13.82,16,16,0,0,1,16.2.3L232.4,114.49A15.74,15.74,0,0,1,240,128Z"></path></svg>')
#fff no-repeat;
border-radius: 100px;
background-size: 44px;
background-position: 16px 16px !important;
transform: unset !important;
box-shadow: unset;
padding: unset;
position: relative;
bottom: unset;
}
.play-icon-video:hover {
background-color: #fff;
box-shadow: unset;
}
.partner li img {
height: auto;
width: auto;
}
.frame-video {
width: 100%;
height: 134%;
margin-top: -86px;
}
.frame-video-open {
width: 100%;
height: 100%;
}
.partner-1-remove {
margin-bottom: 0;
}
.evaluation {
gap: 52px !important;
}
.feedbacks {
gap: 20px;
display: flex;
flex-wrap: wrap;
}
.grid-feedback {
display: grid;
grid-template-columns: 1.5fr 1fr 1fr;
gap: 20px;
grid-template-rows: 1;
}
.grid-feedback :last-child:nth-child(n + 4) {
grid-column: span 1;
width: 424px;
margin-left: -85px;
}
.grid-items li:first-child p > strong {
display: unset;
text-transform: unset;
font-weight: 700 !important;
color: #000;
font-size: 18px;
letter-spacing: initial;
line-height: 26px;
}
.feedbacks li .flex {
gap: 24px;
}
.evaluation > .flex {
gap: 10px;
align-items: center;
}
.app-links.flex {
gap: 12px !important;
}
li.evaluation {
align-content: space-around;
}
ul.cases li {
display: flex;
}
ul.cases {
display: flex;
gap: 20px;
margin: 0;
padding: 0;
flex-wrap: wrap;
}
ul.cases li { flex: 1;
gap: 52px;
line-height: 24px;
align-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
}
ul.cases a {
font-weight: 600;
display: inline-block;
background: url(//tutormundi.com/wp-content/themes/tm-dev-theme/img/arrow-up-1.svg) top right no-repeat;
transition: all 0.2s ease;
padding: 0px 30px 0px 5px;
background-size: 20px;
background-position-y: 2px;
}
ul.cases a {
padding-left: 0;
}
ul.cases a:hover {
color: #2b00ca;
transition: all 0.3s;
background-position-y: 0px;
}
ul.cases li img {
width: auto;
height: 60px;
border-radius: 0;
font-size: 0;
}
p.case-text {
height: 80px;
width: 100%;
line-height: 26px;
}
@media (min-width: 1019px) and(max-width: 1067px) {
.lumi-feedback img {
left: 38px;
}
}
@media (min-width: 1163px) and(max-width: 1376px) {
.grid-feedback :last-child:nth-child(n + 4) {
margin-left: -76px;
}
}
@media (min-width: 90px) and(max-width: 1163px) {
.grid-feedback {
grid-template-columns: 1.5fr 1fr;
}
.feedbacks li:nth-child(4) {
grid-column: 1 span;
width: 100%;
}
.feedbacks li:nth-child(3) {
grid-column: span 2;
width: 100%;
}
.grid-feedback :last-child:nth-child(n + 4) {
margin: 0;
}
ul.cases li {
flex: 2 2 calc(35% - 40px);
}
}
@media (min-width: 1019px) and(max-width: 1160px) {
.feedbacks li img {
width: 50px;
height: 50px;
}
.feedbacks li {
height: auto;
}
}
@media (max-width: 1084px) {
.lumi-feedback img {
display: none;
}
}
@media (min-width: 900px) and (max-width: 1104px) {
p.case-text {
height: 120px;
}
.grid-items li:first-child strong {
font-size: 40px;
}
.evaluation {
gap: 40px !important;
}
}
@media (min-width: 700px) and (max-width: 900px) {
p.case-text {
height: 160px;
}
}
@media (min-width: 767px) and (max-width: 1025px) {
.lumi-feedback img {
display: none;
}
.feedbacks {
grid-template-columns: 1fr 1fr;
}
.feedbacks li img {
width: 50px;
height: 50px;
}
.feedbacks li {
height: auto;
}
.feedbacks .grid-items {
display: grid;
grid-template-columns: 0.9fr 1.5fr;
}
}
@media (max-width: 808px) {
.content-feedbacks h2 {
padding-top: 100px;
}
.grid-items li:first-child strong {
margin-top: -3px;
}
.feedbacks li .flex {
gap: 16px;
display: flex;
align-items: center;
width: 100%;
}
.star-content {
flex-wrap: wrap;
}
.partner-1-remove .slide {
animation: scroll-left 40s linear infinite;
}
.partner-2 .slide {
animation: scroll-right 40s linear infinite;
}
.grid-items,
.grid-feedback {
grid-template-columns: 1fr;
display: flex;
flex-direction: column;
}
.grid-feedback :last-child:nth-child(n + 4) {
grid-column: unset;
width: 100%;
margin: 0;
}
.flex-mobile-part {
display: flex;
gap: 10px;
align-items: center;
}
}
@media (max-width: 768px) {
.feedbacks li strong {
font-weight: 400;
display: block;
color: var(--tm-dark-blue);
width: 100%;
margin-bottom: 0px;
font-size: 14px;
}
p.case-text {
height: auto;
}
li.evaluation > strong,
li.evaluation {
font-size: 16px !important;
line-height: 24px !important;
}
.lumi-feedback img {
display: none;
}
.feedbacks {
grid-template-columns: 1fr;
}
.vide-home #video-container iframe {
width: 100%;
}
.remove-pb {
padding-bottom: 18px;
}
.content-feedbacks {
padding-bottom: 0px !important;
}
.p-feedback-home {
width: 100%;
margin: auto auto 40px auto;
}
.container-large.content-feedbacks {
padding: 0px 35px;
}
.container-large.content-feedbacks .tm-mt-180 {
margin-top: 40px;
}
.content-feedbacks.tm-mt-180 {
margin-bottom: 100px;
}
.feedback-area .slick-list {
display: flex !important;
}
.partners img {
width: 79px;
margin: auto;
}
.app-links a:nth-child(2) img {
width: 126px;
height: 35px;
border-radius: 6px;
}
.app-links a:nth-child(1) img {
height: 38px;
object-fit: contain;
}
.app-links a:nth-child(2) img {
border-radius: 6px;
height: 39px;
object-fit: contain;
}
.video-frame.vide-home {
padding: 29px;
width: 100% !important;
margin-bottom: 0;
border-radius: 20px;
}
.feedbacks li,
.feedbacks li:last-child,
.feedbacks li:nth-last-child(2) {
height: auto;
width: 100%;
padding: 26px;
}
li.evaluation {
gap: 40px !important;
font-size: 14px !important;
line-height: 24px !important;
}
.evaluation > p > strong,
.evaluation > p {
font-size: 16px !important;
line-height: 24px !important;
}
.feedback-area .slick-list {
width: 100%;
}
.video-frame {
height: auto;
}
.partners li {
flex-basis: 83px;
margin: 6px 0px;
}
ul.partners {
gap: 16px 10px;
}
.feedbacks li img {
width: 44px;
height: 44px;
}
.feedback-area .slick-list {
display: flex !important;
margin: auto;
}
#video-container img {
border-radius: 13px;
}
.grid-items {
grid-template-columns: 1fr;
}
ul.cases {
display: grid;
}
}
@media (min-width: 150px) and (max-width: 370px) {
.app-links a:nth-child(1) img {
height: 36px !important;
}
.app-links a:nth-child(2) img {
height: 36px !important;
}
.feedbacks li:first-child span {
font-size: 23px;
margin-left: -6px;
}
}
@media (min-width: 768px) and (max-width: 1151px) {
.feedbacks li:nth-child(4) {
width: 100%;
grid-column: 1 span;
}
.grid-feedback {
grid-template-columns: 1fr;
}
.grid-feedback :last-child:nth-child(n + 4) {
margin: 0;
width: 100%;
}
}