.mdl__infobox{max-width:1600px;margin:auto auto 60px auto;box-sizing:border-box;padding:0 20px}@media all and (min-width: 480px){.mdl__infobox{padding:0 40px}}@media all and (min-width: 768px){.mdl__infobox{padding:0 60px}}@media all and (min-width: 1440px){.mdl__infobox{padding:0 80px;margin:auto auto 100px auto}}@media all and (min-width: 1600px){.mdl__infobox{padding:0 120px}}.mdl__infobox .mdl__infobox__headline{font-weight:700;font-size:1.2rem;line-height:1.25em;margin-bottom:25px}@media all and (min-width: 480px){.mdl__infobox .mdl__infobox__headline{font-size:1.5rem}}.mdl__infobox .mdl__infobox__innercontainer .mdl__infobox__list{display:grid;grid-template-columns:repeat(1, 1fr);grid-gap:10px}@media all and (min-width: 640px){.mdl__infobox .mdl__infobox__innercontainer .mdl__infobox__list{grid-template-columns:repeat(2, 1fr);grid-gap:30px}}@media all and (min-width: 1280px){.mdl__infobox .mdl__infobox__innercontainer .mdl__infobox__list{grid-template-columns:repeat(3, 1fr)}}.mdl__infobox .mdl__infobox__innercontainer .mdl__infobox__item{padding:30px;box-sizing:border-box;border-radius:15px;background:var(--background);position:relative;overflow:hidden;min-height:280px}@media all and (min-width: 1280px){.mdl__infobox .mdl__infobox__innercontainer .mdl__infobox__item{min-height:400px}}.mdl__infobox .mdl__infobox__innercontainer .mdl__infobox__item:hover .mdl__infobox__flip{opacity:1;pointer-events:all}.mdl__infobox .mdl__infobox__innercontainer .mdl__infobox__item .mdl__infobox__content .mdl__infobox__step{display:block;font-size:8rem;line-height:1em;opacity:.1;margin-top:-25px}@media all and (min-width: 1024px){.mdl__infobox .mdl__infobox__innercontainer .mdl__infobox__item .mdl__infobox__content .mdl__infobox__step{font-size:12rem;margin-top:-40px}}.mdl__infobox .mdl__infobox__innercontainer .mdl__infobox__item .mdl__infobox__content .mdl__infobox__subheadline{display:block;font-size:1.2rem;line-height:1.25em;font-weight:700}@media all and (min-width: 1024px){.mdl__infobox .mdl__infobox__innercontainer .mdl__infobox__item .mdl__infobox__content .mdl__infobox__subheadline{font-size:1.5rem}}.mdl__infobox .mdl__infobox__innercontainer .mdl__infobox__item .mdl__infobox__flip{position:absolute;background:var(--main);padding:35px;box-sizing:border-box;top:0;left:0;height:100%;width:100%;opacity:0;pointer-events:none;color:#fff;overflow:auto;transition:opacity .3s ease-in-out}.mdl__infobox .mdl__infobox__innercontainer .mdl__infobox__item .mdl__infobox__flip::-webkit-scrollbar{width:7px}.mdl__infobox .mdl__infobox__innercontainer .mdl__infobox__item .mdl__infobox__flip::-webkit-scrollbar-track{background:var(--background)}.mdl__infobox .mdl__infobox__innercontainer .mdl__infobox__item .mdl__infobox__flip::-webkit-scrollbar-thumb{background:var(--main-hover);border-radius:5px}.mdl__infobox .mdl__infobox__innercontainer .mdl__infobox__item .mdl__infobox__flip::-webkit-scrollbar-thumb:hover{background:var(--main-hover)}.mdl__infobox .mdl__infobox__innercontainer .mdl__infobox__item .mdl__infobox__flip .mdl__infobox__link{padding:15px 30px;display:flex;align-items:center;width:fit-content;position:relative;border-radius:45px;background:#fff;border:2px solid #fff;transition:background .3s ease-in-out;margin-top:20px}.mdl__infobox .mdl__infobox__innercontainer .mdl__infobox__item .mdl__infobox__flip .mdl__infobox__link:hover,.mdl__infobox .mdl__infobox__innercontainer .mdl__infobox__item .mdl__infobox__flip .mdl__infobox__link:focus-visible{background:var(--main)}.mdl__infobox .mdl__infobox__innercontainer .mdl__infobox__item .mdl__infobox__flip .mdl__infobox__link:hover .mdl__infobox__linktext,.mdl__infobox .mdl__infobox__innercontainer .mdl__infobox__item .mdl__infobox__flip .mdl__infobox__link:focus-visible .mdl__infobox__linktext{color:#fff}.mdl__infobox .mdl__infobox__innercontainer .mdl__infobox__item .mdl__infobox__flip .mdl__infobox__link:hover svg,.mdl__infobox .mdl__infobox__innercontainer .mdl__infobox__item .mdl__infobox__flip .mdl__infobox__link:focus-visible svg{stroke:#fff}.mdl__infobox .mdl__infobox__innercontainer .mdl__infobox__item .mdl__infobox__flip .mdl__infobox__link .mdl__infobox__linktext{font-size:1rem;line-height:1em;position:relative;font-weight:700;color:var(--main);transition:color .3s ease-in-out}.mdl__infobox .mdl__infobox__innercontainer .mdl__infobox__item .mdl__infobox__flip .mdl__infobox__link svg{margin-left:15px;flex:0 0 28px;width:28px;stroke:var(--main);transition:stroke .3s ease-in-out}