.migrationlandingpage-container{display:flex;flex-direction:column;padding:60px 0;align-items:center;background:#534da0;color:#fff;gap:50px;padding-bottom:0;@media screen and (max-width:650px){padding:0;padding-top:30px;gap:20px}
.migration-title-container{font-size:30px;font-weight:600;display:flex;flex-direction:column;align-items:center;text-align:center;@media screen and (max-width:650px){padding:0;gap:5px}
h1:first-of-type{font-size:40px;font-weight:800;@media screen and (max-width:650px){font-size:25px;font-weight:600}
}
h1{font-size:30px;font-weight:400;@media screen and (max-width:650px){font-size:16px;font-weight:400}
}
}
.migration-teaser-container-main{@media screen and (max-width:650px){min-height:300px;width:95%;margin:0 auto}
}
.migration-teaser-container{display:flex;gap:50px;justify-content:space-between;@media screen and (max-width:650px){display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.migration-teaser{width:240px;border:1px solid #e8e8e8;border-radius:10px;&:hover{border:2px solid #e8e8e8;.migration-image{box-shadow:0 0 42px 9px rgba(0,0,0,0.45)}
.mt-teaser-text{background:#fff;color:#ee4823}
}
@media screen and (max-width:650px){width:100%}
.migration-teaser-link{padding:10px;display:flex;flex-direction:column;gap:16px;align-items:center}
.migration-image{height:103px;width:103px;object-fit:contain;background:#fff;padding:20px;border-radius:100%;@media(max-width:650px){height:90px;width:90px;padding:10px}
}
.mt-teaser-text{font-size:20px;font-weight:600;color:#fff;width:100%;text-align:center;background:#ee4823;border-radius:4px;padding:10px 0;@media screen and (max-width:650px){font-size:12px}
}
}
}
.mt-scanner-container{display:flex;flex-direction:column;align-items:center;gap:20px;background:#3e3884;padding-bottom:20px;width:100%;padding-top:20px;@media screen and (max-width:650px){gap:10px;width:100%;padding:10px 0}
.scanner-text{display:flex;flex-direction:column;align-items:center;gap:10px;h1{font-size:30px;font-weight:600}
p{font:20px;font-weight:400}
@media screen and (max-width:650px){display:none}
}
.scanner-text-mobile{display:none;@media screen and (max-width:650px){display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 6px;h1{font-size:20px;font-weight:600;display:block}
p{font-size:16px;font-weight:400;text-align:center}
}
}
.scanner-image-container-desktop{display:flex;gap:20px;img{height:240px;object-fit:contain;@media screen and (max-width:650px){display:none}
}
}
.scanner-image-container-mobile{gap:20px;display:none;img{width:121px;object-fit:contain}
@media screen and (max-width:650px){display:flex}
}
}
}