.cardSliderContainer{width:100%;margin:5% 0;position:relative;overflow:hidden}.cardSliderDiv{align-items:center;width:100%;height:100vh;display:flex;position:relative}.cardSliderImageDiv{width:100%;height:100%;position:absolute;overflow:hidden}.cardSliderBannerImage{object-fit:cover;object-position:center;opacity:0;width:100%;height:100%;transition:opacity .5s}.cardSliderBannerImage.active{opacity:1}.cardSliderInfo{z-index:2;background-color:#fff;width:420px;transition:opacity .5s;position:absolute;left:5%;opacity:0!important}.cardSliderInfo.active{z-index:3;opacity:1!important}.cardInfoImageDiv{width:100%;padding-bottom:100%;position:relative}.cardInfoImage{object-fit:cover;object-position:center;width:100%;height:100%}.cardInfoDiv{width:100%;padding:8%}.cardInfoHeader{margin:0;font-size:38px;font-weight:200}.cardInfoButton{background-color:#444b56;border:1px solid #444b56!important}.cardInfoDisc{letter-spacing:.01em;margin:2% 0 8%;font-size:16px;font-weight:400;line-height:145%}.dotCtn{align-items:center;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.dot{background:#a1a1a1;border-radius:100px;width:10px;height:10px;margin-right:8px;transition:background .5s}.dot.active{background:#f8f8f8}.dot:not(:last-child){margin-right:8px}.btnCtn{display:flex;position:absolute;top:50%;right:50px;transform:translateY(-50%)}.btnCtn path,.btnCtn polygon,.btnCtn rect{fill:#fff!important}@media screen and (max-width:1100px){.btnCtn{display:none}.cardInfoHeader{margin:0;font-size:8vw;font-weight:200}.cardSliderInfo{width:80%;left:10%}.cellInfoButtonText{font-size:5vw}.cellButtonArrow{width:8.2vw;flex-grow:0!important}.cardSliderDiv{height:200vw}}