.shape-complete-section-5 {
left: -207px !important;
object-position: 5px -72px;
height: 484px;
margin-top: -87px;
transform: rotate(58deg);
position: absolute;
}
.container-large {
position: relative;
}
.pink-bg {
background: url(//tutormundi.com/wp-content/themes/tm-dev-theme/img/pattern.webp) top center var(--tm-blue);
position: relative;
height: 260px;
border-radius: 100px 100px 0px 0px;
margin: 180px auto 0px auto;
}
.pink-bg h2 {
padding: 0;
color: #fff;
margin-bottom: 24px;
width: max-content; }
section.lumi-cta-home h3 {
color: #fff;
padding: 0;
margin: 2px 0 30px 0;
text-align: center;
display: block;
font-size: 18px;
}
.pink-bg-home {
z-index: 1;
overflow: unset;
}
.pink-bg-home img {
width: 160px;
position: absolute;
left: -220px;
top: -52px;
}
.pink-bg-home .text {
padding: 48px 0px 0 0;
display: flex;
flex-direction: column;
position: relative;
flex-wrap: wrap;
margin: auto;
max-width: 1000px;
align-content: flex-start;
}
.pink-bg-home .tm-button {
background: #fff;
color: var(--tm-dark-blue);
margin-bottom: 10px;
width: max-content;
margin-top: 0px;
background: url('data:image/svg+xml,%3Csvg width=\'124\' height=\'76\' viewBox=\'0 0 124 76\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cg clip-path=\'url(%23clip0_27_2)\'%3E%3Cpath d=\'M27 38H121M121 38L88 3M121 38L88 73\' stroke=\'%231B0169\' stroke-width=\'7.7\' stroke-linecap=\'round\' stroke-linejoin=\'round\'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=\'clip0_27_2\'%3E%3Crect width=\'124\' height=\'76\' fill=\'white\'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A') no-repeat white;
background-position: 218px 12px;
background-size: 28px;
transition: all 0.3s;
}
.pink-bg-home .tm-button:hover {
color: var(--tm-dark-blue);
background-position: 222px 12px;
}
img.mockup-footer {
right: 0;
top: -68px;
left: unset;
width: 284px;
filter: drop-shadow(-2px 5px 10px #00000029);
}
@media (max-width: 768px) {
img.mockup-footer {
display: none;
}
.shape-complete-section-5 {
display: none;
}
.pink-bg-home .text {
padding: 32px 0 75px;
margin: auto;
max-width: 56%;
width: 100%;
}
.pink-bg .flex, header {
overflow: hidden
}
.pink-bg-home img {
margin: auto;
order: 1;
width: 500px;
}
.pink-bg-home {
height: auto;
}
.pink-bg-home .container-large {
display: flex;
flex-direction: column;
}
.pink-bg-home .tm-button {
margin-bottom: 20px;
}
.pink-bg-home.free-test .container-large {
padding: 0px 0px;
}
.pink-bg-home.free-test {
padding: 70px 30px 70px 30px;
}
.free-test-text {
max-width: 100%;
}
.pink-bg h2 {
padding: 34px 0 34px 0;
width: 100%;
margin: 0;
}
.home-text img, .pink-bg {
height: auto;
border-radius: 80px 80px 0px 0px;
}
.pink-bg .flex {
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
padding: 0;
overflow: unset;
}
.pink-bg img {
order: -1;
position: relative;
left: 0;
width: 110px;
top: 10px;
margin-top: -100px;
}
}
@media (min-width: 484px) and (max-width: 770px) {
.pink-bg-home .text {
padding: 32px 0 50px 0;
margin: auto;
max-width: 300px;
width: 100%;
gap: 8px;
}
}
@media (min-width: 200px) and (max-width: 483px) {
.pink-bg-home .text {
padding: 8px 0 50px;
margin: auto;
max-width: 100%;
width: 100%;
gap: 0;
}
}
@media (min-width: 767px) and (max-width: 927px) {
img.mockup-footer {
top: -39px;
}
.pink-bg-home .text {
max-width: 94%;
gap: 0;
display: flex;
flex-direction: column;
align-content: flex-start;
justify-content: center;
}
.pink-bg-home img {
width: 165px;
position: absolute;
left: -182px;
top: -107px;
}
}