.ed-tech-photo,.ed-tech-text {
box-shadow: var(--tm-dropshadow-1)
}
.ed-tech-text>.container {
display: flex;
align-items: center;
max-width: 1000px;
gap: 80px;
position: relative;
justify-content: center
}
header.header-menu.shapes {
position: relative;
overflow: hidden
}
.header-item {
position: relative;
z-index: 1
}
.header-home::before {
content: "";
background: url(//tutormundi.com/wp-content/themes/tm-dev-theme/img/shape-2.svg) no-repeat;
left: unset;
margin: 0;
top: 55px;
width: 219px;
height: 568px;
padding: initial;
position: absolute;
right: -52px;
transform: rotate(2deg)
}
.ed-tech-photo {
width: 85px;
border: 4px solid #fff;
height: 85px;
background: #fff;
border-radius: 2px;
position: absolute;
right: 0
}
.ed-tech-text {
background: url(//tutormundi.com/wp-content/themes/tm-dev-theme/img/pattern.webp) top center var(--tm-blue);
padding: 0;
margin-top: 0
}
.ed-tech-text h3 {
background: url(//tutormundi.com/wp-content/themes/tm-dev-theme/img/arrow-up-right.svg) no-repeat;
display: block;
padding-right: 28px;
transition: .3s;
font-size: 18px;
margin: 20px 0;
background-position: calc(100% - 2px) 5px
}
.ed-tech-text h3 a {
color: #fff
}
.ed-tech-text h3:hover {
background-position-y: 2px;
transition: .3s
}
.flickity-page-dots {
display: none
}
.content-slider .content-slider-home-page .flickity-viewport,.content-slider-home-page,.feedback-tutors-home .flickity-viewport {
position: relative
}
.content-slider .content-slider-home-page .flickity-viewport::after,.content-slider .content-slider-home-page .flickity-viewport::before {
height: 280px
}
.how-app img {
width: 169px;
height: 96px;
border-radius: 20px;
background: #ededed
}
.tm-midias-home {
background: url(//tutormundi.com/wp-content/themes/tm-dev-theme/img/pattern.webp) top center var(--tm-grey);
border-bottom: unset;
margin-top: 205px;
padding: 24px 0 12px!important;
border-top: var(--tm-border)
}
.how-works-home .to-school,.how-works-home .to-students {
background: #f2f2f2;
border-radius: 30px;
padding: 0 46px
}
.lumi-mockup {
height: 517px
}
.tm-mb-114 {
margin-bottom: 114px
}
.shape-complete-section-3 {
position: absolute;
left: -77px;
transform: rotateZ(114deg);
margin-top: -164px
}
.shape-complete-section-4 {
position: absolute;
left: 0;
margin-top: -260px
}
.header-nav .tm-button:last-child {
padding: 8px 36px 8px 18px;
width: 216px;
}
.header-nav .tm-button:last-child:hover {
background-position: 176px 13px;
transition: .4s
}
.list-implementation li {
list-style: none
}
@media (max-width: 768px) {
.ed-tech-text h3,.ed-tech-text h3:hover {
background-position:108px calc(100% - 1px)
}
.header-home::before {
width: 182px;
height: 276px;
background-size: 400px;
right: -125px;
top: 0;
transform: rotate(-5deg)
}
.shape-header-home,.shape-header-home::after {
left: -338px;
background-size: 360px;
top: -400px
}
.ed-tech-text,.feedback-home .grid,.how-works-home {
padding: 0
}
.how-works-home .card-product {
margin: 0 36px
}
.ed-tech-text>.container {
gap: 14px;
padding: 10px 36px
}
body {
line-height: 24px;
font-size: 16px
}
.to-students {
margin-bottom: 90px
}
.shape-complete-section,.shape-complete-section-3,.shape-complete-section-4 {
display: none
}
.lumi-mockup {
height: 396px;
margin: auto;
width: auto;
display: block
}
.container {
padding: 40px
}
.tm-pb-mobile-100 {
padding-bottom: 100px!important
}
.feedbacks li:last-child .list-implementation li:last-child,.videos-area li:last-child p {
margin-bottom: 0
}
.ed-tech-text h3 {
font-size: 14px;
line-height: 20px;
margin-right: auto;
display: block;
background-size: 16px;
padding: 0;
max-width: 200px
}
.ed-tech-text img {
width: 74px;
height: 74px;
position: relative;
right: 0;
top: 0
}
.tm-midias-home {
border-right: unset;
border-left: unset;
padding-bottom: 50px!important
}
.ed-tech-text h3:hover {
transition: .3s
}
}
@media (min-width: 250px) and (max-width:359px) {
.container {
padding:18px!important
}
}
@media (max-width: 360px) {
.ed-tech-text h3 {
font-size:14px;
line-height: 20px;
margin-right: auto;
display: block;
background-position: 126px calc(100% - 1px);
background-size: 16px;
padding: 0;
max-width: 400px
}
.ed-tech-text h3:hover {
background-position: calc(100% - 2px) px;
transition: .3s
}
}
@media (min-width: 769px) and (max-width:927px) {
.ed-tech-text>.container {
max-width:600px
}
.ed-tech-text h3 {
width: 100%;
padding-right: 100px
}
header.header-menu.shapes {
margin-top: 200px
}
.header-img-second {
margin-top: -7px
}
.header-img {
height: auto;
width: 640px
}
.container-large.flex {
padding: 0 20px
}
.shape-header-home,.shape-header-home::after {
top: -303px;
left: -268px
}
.header-home::before {
top: 28px;
transform: rotate(-55deg);
right: -144px
}
li.evaluation {
order: 1
}
ul.container-large.feedbacks .grid-items {
grid-template-columns: unset
}
.ed-tech-text h3:hover {
background-position: calc(100% - 2px) px;
transition: .3s
}
}
@media (min-width: 768px) and (max-width:853px) {
.lumi-feedback img {
left:0;
display: none
}
}