.slider-container{position:relative;overflow:hidden;border-radius:2rem;background-color:rgb(31,31,31);margin-top:2rem}.slider{display:flex;width:400%;height:42rem;transition:transform .6s cubic-bezier(.4,0,.2,1);transform:translateX(0)}@media (max-width:1024px){.slider{height:45rem}}@media (max-width:650px){.slider{height:auto;min-height:85vh}}.box{height:100%;width:100%;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;overflow:hidden;position:relative}@media (max-width:650px){.box{grid-template-columns:1fr;grid-template-rows:repeat(2,1fr)}}.bg-overlay{background-color:rgba(0,0,0,.35);width:52%;transform:skewX(6deg);position:absolute;height:100%;left:-8%;padding:2rem 2rem 2rem 12rem;transform-origin:0 100%;z-index:10}@media (max-width:800px){.bg-overlay{width:75%;padding-left:10rem}}@media (max-width:650px){.bg-overlay{width:100%;left:0;bottom:0;height:60%;transform:skewX(0deg);padding-left:2rem}}.bg-overlay:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-color:inherit;pointer-events:none;transform:skewX(10deg)}@media (max-width:650px){.bg-overlay:before{width:120%;bottom:0;transform:skewX(0deg)}}.details{padding:4rem 4rem 4rem 8rem;z-index:100;grid-column:1/span 1;grid-row:1/-1}@media (max-width:800px){.details{padding-left:4rem}}@media (max-width:768px){.details h2{font-size:2.2rem}.details p{font-size:1.1rem}}@media (max-width:650px){.details{grid-row:2/span 1;grid-column:1/-1;text-align:center;padding:2.5rem 1.5rem;transform:translateY(0);display:flex;flex-direction:column;align-items:center}.details h2{font-size:2rem;margin-bottom:1rem}.details p{font-size:1rem;margin-bottom:2rem;max-width:100%}}.details h2{font-size:2.75rem;font-weight:800;margin-bottom:.75rem;line-height:1.1;color:#fff}.details p{font-size:1.2rem;font-weight:300;line-height:1.6;color:#cecece;margin-bottom:1.5rem;max-width:440px}.details button{padding:.9rem 2.8rem;color:#fff;border-radius:99px;outline:none;border:none;cursor:pointer;transition:all .3s ease;font-weight:800;text-transform:uppercase;font-size:.85rem;letter-spacing:.1em}.details button:hover{opacity:.8;transform:translateY(-2px)}.illustration{grid-column:2/-1;grid-row:1/-1;justify-self:center;position:relative;z-index:5;width:100%;height:100%;display:flex;justify-content:center;align-items:center}@media (max-width:650px){.illustration{grid-row:1/span 1;grid-column:1/-1}}.illustration img{height:480px;width:auto;max-width:95%;object-fit:contain;filter:drop-shadow(0 30px 50px rgba(0,0,0,.6));transition:transform .8s cubic-bezier(.4,0,.2,1)}@media (max-width:1024px){.illustration img{height:380px}}@media (max-width:650px){.illustration img{height:280px;margin-top:2rem}}.trail{z-index:1000;position:absolute;bottom:6%;left:15rem;width:250px;display:flex;gap:.75rem}@media (max-width:800px){.trail{left:5rem}}@media (max-width:650px){.trail{position:relative;left:auto;bottom:auto;width:100%;justify-content:center;margin-top:-1rem;padding-bottom:2rem;background:transparent}}.trail-item{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-radius:50%;cursor:pointer;transition:all .4s ease;color:transparent;overflow:hidden}.trail-item:hover{border-color:rgba(255,255,255,.6);transform:scale(1.1)}.trail-item.active{width:32px;border-radius:20px;background-color:rgb(217,61,47);border-color:rgb(217,61,47)}.arrow-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:1000;width:50px;height:50px;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:.3;transition:all .3s ease;background:rgba(255,255,255,.1);border-radius:50%}.arrow-nav:hover{opacity:1;background:rgba(255,255,255,.2)}.arrow-prev{left:2%}.arrow-next{right:2%}@media (max-width:650px){.arrow-nav{display:none}}.box-1{background-color:rgb(31,31,31)}.box-1 .bg-overlay{background-color:rgba(217,61,47,.4)}.box-1 button{background-color:rgb(217,61,47)}.box-2{background-color:rgb(31,31,31)}.box-2 .bg-overlay{background-color:rgba(217,61,47,.4)}.box-2 button{background-color:rgb(217,61,47)}.box-3{background-color:rgb(31,31,31)}.box-3 .bg-overlay{background-color:rgba(217,61,47,.4)}.box-3 button{background-color:rgb(217,61,47)}.box-4{background-color:rgb(31,31,31)}.box-4 .bg-overlay{background-color:rgba(217,61,47,.2)}.box-4 button{background-color:rgb(217,61,47)}