@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");.slider{height:90vh;margin-top:-50px;width:100%;overflow:hidden;position:relative}.slider .list .item{width:100%;height:100%;position:absolute;inset:0 0 0 0}.slider .list .item img{width:100%;height:100%;object-fit:cover}.slider .list .item .content{position:absolute;top:20%;width:1140px;max-width:80%;padding-right:30%;box-sizing:border-box;color:rgb(255,255,255);text-shadow:0 5px 10px rgb(120,120,126)}.slider .list .item .content .title,.slider .list .item .content .type{font-size:4em;font-weight:700;line-height:1.3em}.slider .list .item .type{color:#ffffff}.slider .list .item .button{display:grid;grid-template-columns:repeat(2,150px);grid-template-rows:50px;grid-gap:5px;gap:5px;margin-top:20px}.slider .list .item .button button{background-color:#C82338;font-family:Poppins;font-weight:500;cursor:pointer;transition:.4s;width:-moz-fit-content;width:fit-content;color:#ffffff;border-radius:10px;border:none}.slider .list .item .button button:nth-child(2){background-color:transparent;border:1px solid #fff;color:#eee}.thumbnail{position:absolute;bottom:50px;left:65%;width:max-content;z-index:100;display:flex;gap:20px}.thumbnail .item{width:100px;height:130px;flex-shrink:0;position:relative}.thumbnail .item img{width:100%;height:100%;object-fit:cover;border-radius:20px;box-shadow:5px 0 15px rgba(0,0,0,.3)}.nextPrevArrows{position:absolute;top:85%;right:52%;z-index:100;width:300px;max-width:30%;display:flex;gap:10px;align-items:center}.nextPrevArrows button{width:40px;height:40px;border-radius:50%;background-color:#C82338;border:none;color:#fff;font-family:monospace;font-weight:700;transition:.5s;cursor:pointer}.nextPrevArrows button:hover{background-color:#fff;color:#000}.slider .list .item:first-child{z-index:1}.slider .list .item:first-child .content .button,.slider .list .item:first-child .content .description,.slider .list .item:first-child .content .title,.slider .list .item:first-child .content .type{transform:translateY(50px);filter:blur(20px);opacity:0;animation:showContent .5s linear 1s 1 forwards}@keyframes showContent{to{transform:translateY(0);filter:blur(0);opacity:1}}.slider .list .item:first-child .content .title{animation-delay:.4s!important}.slider .list .item:first-child .content .type{animation-delay:.6s!important}.slider .list .item:first-child .content .description{animation-delay:.8s!important}.slider .list .item:first-child .content .buttons{animation-delay:1s!important}.slider.next .list .item:first-child img{width:150px;height:220px;position:absolute;bottom:50px;left:50%;border-radius:30px;animation:showImage .5s linear 1 forwards}@keyframes showImage{to{bottom:0;left:0;width:100%;height:100%;border-radius:0}}.slider.next .thumbnail .item:last-child{overflow:hidden;animation:showThumbnail .5s linear 1 forwards}.slider.prev .list .item img{z-index:100}@keyframes showThumbnail{0%{width:0;opacity:0}}.slider.next .thumbnail{animation:effectNext .5s linear 1 forwards}@keyframes effectNext{0%{transform:translateX(150px)}}.slider.prev .list .item:nth-child(2){z-index:2}.slider.prev .list .item:nth-child(2) img{animation:outFrame .5s linear 1 forwards;position:absolute;bottom:0;left:0}@keyframes outFrame{to{width:150px;height:220px;bottom:50px;left:50%;border-radius:20px}}.slider.prev .thumbnail .item:first-child{overflow:hidden;opacity:0;animation:showThumbnail .5s linear 1 forwards}.slider.next .nextPrevArrows button,.slider.prev .nextPrevArrows button{pointer-events:none}.slider.prev .list .item:nth-child(2) .content .buttons,.slider.prev .list .item:nth-child(2) .content .description,.slider.prev .list .item:nth-child(2) .content .title,.slider.prev .list .item:nth-child(2) .content .type{animation:contentOut 1.5s linear 1 forwards!important}@keyframes contentOut{to{transform:translateY(-150px);filter:blur(20px);opacity:0}}@media screen and (max-width:678px){.slider .list .item .content{padding-right:0}.slider .list .item .content .title{font-size:40px}}.slider .list .item[dir=rtl] .content{direction:rtl;text-align:right}.slider .list .item[dir=rtl] .content .title{padding-bottom:2%}.slider .list .item[dir=rtl] .button{justify-content:right}.slider .list .item[dir=rtl] .button button{text-align:center;padding-left:20px;padding-right:20px}.nextPrevArrows{flex-direction:row}.slider.rtl .thumbnail{left:auto;right:65%}.slider .list .item .content{left:50%;transform:translateX(-50%)}.slider.rtl .list .item[dir=rtl] .content{left:auto;transform:none;padding-left:30%;padding-right:10%}