.slider{display:flex;height:100dvh;transition:all .25s ease-in;transform:translateX(0)}header{height:100dvh!important}@media only screen and (max-width:650px){header .h1{text-align:center}}@media only screen and (max-width:900px) and (hover:none) and (pointer:coarse){header{position:relative;overflow:hidden}.slider{height:calc(100dvh - 71px)!important}.trail{height:71px;bottom:0;gap:0;width:100%}.section#info{padding-top:0!important}.slider .box .details{transform:translateY(-5rem)}}.slider .box{height:100%;width:100%;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;overflow:hidden;position:relative;background-size:cover;background-repeat:no-repeat;background-image:var(--desktop-image)}@media only screen and (max-width:650px){.slider .box{grid-template-columns:1fr;grid-template-rows:repeat(2,1fr)}}.slider .box .bg{padding:2rem;background-color:rgba(0,0,0,.2);width:55%;transform:skewX(7deg);position:absolute;height:100%;left:-10%;padding-left:20rem;transform-origin:0 100%}@media only screen and (max-width:800px){.slider .box .bg{width:65%}}@media only screen and (max-width:650px){.slider .box .bg{width:100%;left:0;bottom:0;height:54%;transform:skewX(0)}}.slider .box .bg::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-color:inherit;pointer-events:none;transform:skewX(10deg)}@media only screen and (max-width:650px){.slider .box .bg::before{width:120%;bottom:0;transform:skewX(0)}}.slider .box .details{padding:5rem;padding-left:10rem;z-index:100;grid-column:1/span 1;grid-row:-1;order:2}@media only screen and (max-width:650px){.slider .box .details{grid-row:2/span 1;grid-column:-1;text-align:center;padding:2rem;transform:translateY(-5rem)}}.slider .box .details .h1{text-shadow:#000 0 0 10px}.slider .box .details p{display:inline-block;font-size:1.3rem;color:#fff;margin-bottom:2rem;margin-right:5rem;text-shadow:#000 0 0 10px}@media only screen and (max-width:800px){.slider .box .details p{margin-right:0}}.next,.prev,.trail{z-index:9998;position:absolute}.next,.prev{width:4rem;cursor:pointer;opacity:.2;transition:all .3s ease}@media only screen and (max-width:650px){.next,.prev{display:none}}.next:hover,.prev:hover{opacity:1}.prev{top:50%;left:2%;transform:translateY(-50%)}.next{top:50%;right:2%;transform:translateY(-50%)}.trail{bottom:5%;left:50%;transform:translateX(-50%);width:60%;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;text-align:center;font-size:1.5rem}@media only screen and (max-width:650px){.trail{width:100%;bottom:0;gap:0}}.trail div{padding:2rem;border-top:3px solid #fff;cursor:pointer;opacity:.3;transition:all .3s ease}.trail div:hover{opacity:.6}@media only screen and (max-width:650px){.trail div{padding:1rem}}.active{opacity:1!important}@media (max-width:768px){.slider .box{background-image:var(--mobile-image)!important}.mobile_slide{background-position:center!important}}