.wunder-two-boxes .boxes{display:flex}.wunder-two-boxes .boxes .box{max-width:50%;width:640px;height:640px;position:relative;overflow:hidden}.wunder-two-boxes .boxes .box .background{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;object-fit:cover;width:100%;height:100%}.wunder-two-boxes .boxes .box .leftBGOverlay::before,.wunder-two-boxes .boxes .box .rightBGOverlay::before{opacity:.5;content:"";position:absolute;top:0;right:0;bottom:0;left:0}.wunder-two-boxes .boxes .box .leftBGOverlay::before{background-color:var(--wunder-two-boxes-left-overlay)}.wunder-two-boxes .boxes .box .rightBGOverlay::before{background-color:var(--wunder-two-boxes-right-overlay)}.wunder-two-boxes .boxes .box .content{position:absolute;width:100%;height:100%;z-index:2;color:var(--color-white);transition:all .4s ease-out}.wunder-two-boxes .boxes .box .content:not(:hover) .hasLogoSVG svg,.wunder-two-boxes .boxes .box .content:not(:hover) .hasLogoSVG svg path,.wunder-two-boxes .boxes .box .content:not(:hover) .hasLogoSVG svg polygon,.wunder-two-boxes .boxes .box .content:not(:hover) .filledSVG svg,.wunder-two-boxes .boxes .box .content:not(:hover) .filledSVG svg path,.wunder-two-boxes .boxes .box .content:not(:hover) .filledSVG svg polygon{fill:var(--color-white) !important}.wunder-two-boxes .boxes .box .content .always-visible{position:absolute;bottom:0;padding:0 40px 24px 40px;transition:all .4s ease-out}.wunder-two-boxes .boxes .box .content .always-visible .first-line{padding-top:15px;font-family:"Open Sans","Arial",sans-serif;font-size:25px;line-height:30px;font-weight:700;color:var(--color-white)}.wunder-two-boxes .boxes .box .content .always-visible .hasLogoSVG svg{width:auto;height:40px}.wunder-two-boxes .boxes .box .content .show-on-hover{position:absolute;display:flex;flex-direction:column;bottom:-150px;opacity:0;height:200px;padding:0 40px 40px 40px;transition:all .5s ease-out;font-family:"Open Sans","Arial",sans-serif;font-size:16px;line-height:26px;font-weight:300;color:var(--color-7)}.wunder-two-boxes .boxes .box .content .show-on-hover .button{margin-top:auto}.wunder-two-boxes .boxes .box .content .show-on-hover .button .btn{font-family:"Open Sans","Arial",sans-serif;font-size:16px;line-height:20px;font-weight:700;color:var(--color-1);font-style:italic;text-transform:uppercase;border:1px solid var(--color-1);border-radius:50px;padding:12px 30px;transition:all .4s ease-out}.wunder-two-boxes .boxes .box .content .show-on-hover .button .btn svg{height:12px;width:auto;margin-left:10px;position:relative;bottom:1px}.wunder-two-boxes .boxes .box .content .show-on-hover .button .btn svg,.wunder-two-boxes .boxes .box .content .show-on-hover .button .btn svg path{transition:all .4s ease-out;fill:var(--color-1)}.wunder-two-boxes .boxes .box .content .show-on-hover .button .btn:hover{background-color:var(--color-1);color:var(--color-white);transition:all .4s ease-out}.wunder-two-boxes .boxes .box .content .show-on-hover .button .btn:hover .filledSVG svg,.wunder-two-boxes .boxes .box .content .show-on-hover .button .btn:hover .filledSVG svg path,.wunder-two-boxes .boxes .box .content .show-on-hover .button .btn:hover .filledSVG svg polygon{transition:all .4s ease-out;fill:var(--color-white)}.wunder-two-boxes .boxes .box .content svg{width:80px;transition:all .4s ease-out}.filledSVG .wunder-two-boxes .boxes .box .content svg,.filledSVG .wunder-two-boxes .boxes .box .content svg path,.filledSVG .wunder-two-boxes .boxes .box .content svg polygon{fill:var(--color-white) !important}.wunder-two-boxes .boxes .box .content:hover{background-color:var(--color-6)}.wunder-two-boxes .boxes .box .content:hover::before{transition:all .4s ease-out;opacity:0}.wunder-two-boxes .boxes .box .content:hover .filledSVG svg,.wunder-two-boxes .boxes .box .content:hover .filledSVG svg path{fill:var(--color-1);transition:all .4s ease-out}.wunder-two-boxes .boxes .box .content:hover .always-visible{bottom:200px;transition:all .4s ease-out}.wunder-two-boxes .boxes .box .content:hover .always-visible .first-line{font-family:"Open Sans","Arial",sans-serif;font-size:25px;line-height:30px;font-weight:700;color:var(--color-7)}.wunder-two-boxes .boxes .box .content:hover .show-on-hover{bottom:0;opacity:1;color:var(--color-7);transition:all .5s ease-out}@media(max-width: 1200px){.wunder-two-boxes .boxes .box{max-width:100%;width:100%}}.wunder-two-boxes .boxes .left{margin-right:15px}.wunder-two-boxes .boxes .right{margin-left:15px}@media(max-width: 1200px){.wunder-two-boxes .boxes{flex-wrap:wrap}.wunder-two-boxes .boxes .left{margin-right:0;margin-bottom:15px}.wunder-two-boxes .boxes .right{margin-left:0;margin-top:15px}}/*# sourceMappingURL=WunderTwoBoxes.css.map */