.cardSliderContainer{width:100%;position:relative;margin:5% 0;overflow:hidden}.cardSliderDiv{width:100%;height:calc(100vh);position:relative;display:flex;align-items:center}.cardSliderImageDiv{position:absolute;width:100%;height:100%;overflow:hidden}.cardSliderBannerImage{width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .5s ease}.cardSliderBannerImage.active{opacity:1}.cardSliderInfo{position:absolute;width:420px;left:5%;background-color:white;z-index:2;opacity:0!important;transition:opacity .5s ease}.cardSliderInfo.active{opacity:1!important;z-index:3}.cardInfoImageDiv{position:relative;width:100%;padding-bottom:100%}.cardInfoImage{width:100%;height:100%;object-fit:cover;object-position:center}.cardInfoDiv{width:100%;padding:8%}.cardInfoHeader{margin:0;font-size:38px;font-weight:200}.cardInfoButton{background-color:#444b56;border:1px solid #444b56!important}.cardInfoDisc{margin:2% 0 8%;font-size:16px;font-weight:400;letter-spacing:.01em;line-height:145%}.dotCtn{display:flex;align-items:center;position:absolute;bottom:20px;left:50%;transform:translateX(-50%)}.dot{width:10px;height:10px;background:#a1a1a1;border-radius:100px;margin-right:8px;transition:background .5s ease}.dot.active{background:#f8f8f8}.dot:not(:last-child){margin-right:8px}.btnCtn{position:absolute;right:50px;top:50%;transform:translateY(-50%);display:flex}.btnCtn path,.btnCtn polygon,.btnCtn rect{fill:white!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}}