#CarousalContainer{margin-top:-4rem;display:flex;flex-direction:column;justify-content:center}#CarousalContainer>div{height:100%;width:100%}#CarousalContainer .mySwiper{height:100%}#CarousalContainer .mySwiper .swiper-slide div{width:100%;display:flex;align-items:center;overflow:hidden}#CarousalContainer .mySwiper .swiper-slide div img{width:100%;object-fit:cover}.slideContent{position:relative}.Heading{position:absolute;bottom:90px;left:5%;width:100%;display:flex;align-items:center;justify-content:flex-start;font-size:5rem;font-weight:600;color:#78d8f7;opacity:0;transform:translateX(-100%);z-index:10;animation:slide-left-to-right 2s cubic-bezier(.25,1,.5,1) forwards}@keyframes zoomInOut{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.slideText{bottom:20px;justify-content:flex-start;font-size:3rem;font-weight:300;color:#fff;transform:translateX(-100%);animation:slide-left-to-right 2s cubic-bezier(.25,1,.5,1) forwards}.slideTagline,.slideText{position:absolute;left:5%;width:100%;display:flex;align-items:center;opacity:0;z-index:10}.slideTagline{bottom:-50px;font-size:2rem;animation:slide-bottom-to-up 1.5s cubic-bezier(.25,1,.5,1) forwards;animation-delay:1.2s}.slideTagline p{color:#fff!important;margin-top:-20px!important}@keyframes slide-left-to-right{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-bottom-to-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.imageOverlayContainer{position:relative;width:100%;height:100%}.imageOverlayContainer img{width:100%;object-fit:cover;z-index:8}.imageOverlayContainer .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.17);z-index:9}@media (min-width:1500px) and (max-width:2000px){#CarousalContainer{height:1000px!important}}@media (max-width:769px){#CarousalContainer{margin-top:2.7rem}.slideText{font-size:2rem;bottom:20px}.slideTagline{font-size:1.5rem;bottom:-70px}.Heading{font-size:2rem}.MuiToolbar-root{padding:0 20px!important}}@media (max-width:576px){.slideTagline,.slideText{width:90%!important}#CarousalContainer{height:40vh}#CarousalContainer .mySwiper{height:100%}#CarousalContainer .mySwiper .swiper-slide div{width:100%}#CarousalContainer .mySwiper .swiper-slide div img{object-fit:cover;width:100%;aspect-ratio:3/2}}