@import"./style.css";@import"./swiper-bundle.css";#container{position:relative;width:100%;height:100vh;background:url("../images/bg.jpg") center/cover no-repeat;display:flex;align-items:center;justify-content:center}#container .swiper-container{width:100%;height:100%;max-width:60vw;max-height:85vh}@media(max-aspect-ratio: 1/1){#container .swiper-container{max-width:90vw;max-height:80vh}}#container .swiper-container img{-o-object-fit:contain;object-fit:contain}#container .swiper-container .swiper-wrapper{width:100%;height:100%}#container .swiper-container .swiper-wrapper .swiper-slide{display:flex}#container .swiper-container .swiper-wrapper .swiper-slide:nth-child(2n) div{left:-1px}#container .swiper-container .swiper-wrapper .swiper-slide div{width:100%;height:100%;position:relative}#container .swiper-container .swiper-wrapper .swiper-slide div img{width:100%;height:100%;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;opacity:0;position:absolute;left:0;top:0}#container .swiper-container .swiper-wrapper .swiper-slide div img.left{transform:translateX(-50px)}#container .swiper-container .swiper-wrapper .swiper-slide div img.right{transform:translateX(50px)}#container .swiper-container .swiper-wrapper .swiper-slide div img.up{transform:translateY(50px)}#container .swiper-container .swiper-wrapper .swiper-slide div img.down{transform:translateY(-50px)}#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active div img,#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next div img{opacity:1}#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active div img:nth-child(1),#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next div img:nth-child(1){transition-delay:1s}#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active div img:nth-child(2),#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next div img:nth-child(2){transition-delay:1.2s}#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active div img:nth-child(3),#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next div img:nth-child(3){transition-delay:1.4s}#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active div img:nth-child(4),#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next div img:nth-child(4){transition-delay:1.6s}#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active div img:nth-child(5),#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next div img:nth-child(5){transition-delay:1.8s}#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active div img:nth-child(6),#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next div img:nth-child(6){transition-delay:2s}#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active div img:nth-child(7),#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next div img:nth-child(7){transition-delay:2.2s}#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active div img:nth-child(8),#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next div img:nth-child(8){transition-delay:2.4s}#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active div img:nth-child(9),#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next div img:nth-child(9){transition-delay:2.6s}#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active div img:nth-child(10),#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next div img:nth-child(10){transition-delay:2.8s}#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active div img.left,#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active div img.right,#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next div img.left,#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next div img.right{transform:translateX(0)}#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active div img.up,#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active div img.down,#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next div img.up,#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next div img.down{transform:translateY(0)}#container .arrow-wrap div{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%)}#container .arrow-wrap div.arrow-prev{left:2.08vw}#container .arrow-wrap div.arrow-next{right:2.08vw}#container .arrow-wrap div.swiper-button-disabled{opacity:.35;cursor:not-allowed}#container .pagination{position:absolute;bottom:0%;width:160px;height:50px;background-color:#fff;border:1px solid #ddd;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font-family:"Play",sans-serif;font-size:20px;letter-spacing:2px;left:calc(50% - 80px);bottom:40px}#container .pagination-arrow{width:148px;height:50px;display:flex;align-items:center;justify-content:space-between;position:absolute;left:calc(50% - 74px);bottom:40px}#container .pagination-arrow div{cursor:pointer}header nav ul li{margin-bottom:30px;font-weight:bold;cursor:pointer;transition:all .3s;text-transform:capitalize}header nav ul li:hover{color:#614192}@media(max-width: 767px){header>ul li.menu-btn{width:30px;height:20px;top:30px;right:30px}footer nav ul{bottom:unset;right:unset;top:25px;left:30px}footer nav ul li{margin:0 20px 0 0}footer nav ul li img{height:30px}#container .swiper-container{width:100%;height:100vh}#container .arrow-wrap div{display:none}#container .pagination{width:140px;height:35px;bottom:2vh;left:calc(50% - 70px);font-size:16px}#container .pagination-arrow{width:120px;height:35px;bottom:2vh;left:calc(50% - 60px)}#container .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-next div img{opacity:0}}@media(max-width: 320px){#container .swiper-container{width:300px;height:420px}}