.portfolio-main-container{position:relative;height:475px;width:100%;background-color:#f7f7f7;overflow:hidden}.portfolio-slide-container{position:absolute;width:100%;height:100%;font-size:22px;background-color:#fff}.portfolio-image-wrapper{width:100%;height:100%}.portfolio-image-wrapper img,.portfolio-image-wrapper video{width:100%;height:100%;object-fit:cover}.portfolio-banner-container{width:100%;height:475px}.portfolio-banner-container img{width:100%;height:100%;object-fit:cover}.portfolio-heading-container{position:absolute;bottom:60px;left:0;padding-left:70px;z-index:99}.portfolio-enquire-button-container{position:absolute;bottom:70px;right:0;padding-right:70px;z-index:99}.portfolio-heading-container h1{color:#fff;font-weight:400;font-size:70px;line-height:70px}.portfolio-heading-container h1 span{font-weight:200;color:#fff;font-size:70px;line-height:70px;margin-top:7px}@media (max-width:768px){.portfolio-heading-container h1{font-size:50px;line-height:55px}.portfolio-heading-container h1 span{font-size:50px;line-height:50px}.portfolio-heading-container{bottom:40px;padding-left:70px}.portfolio-enquire-button-container{bottom:50px;padding-right:50px}.portfolio-banner-container{min-height:475px}.portfolio-banner-container img{min-height:475px;object-fit:cover}}@media (max-width:550px){.portfolio-heading-container{bottom:120px;padding-left:30px}.portfolio-enquire-button-container{bottom:50px;padding-right:0;padding-left:40px;left:0;width:max-content}}.portfolio-slide-wrapper{position:absolute;width:100%;height:100%;opacity:0;pointer-events:none}.portfolio-slide-wrapper.active{opacity:1;pointer-events:auto;z-index:1}.portfolio-slide-wrapper.inactive{z-index:0}.portfolio-button-list{position:absolute;top:50%;right:70px;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:10}.portfolio-nav-btn{width:20px;height:20px;border:1px solid #ffffff99;background-color:transparent;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .3s,color .3s}.portfolio-nav-btn.active{background-color:#fff;color:#000;border:1px solid #fff}@media (max-width:550px){.portfolio-heading-container h1,.portfolio-heading-container h1 span{font-size:40px;line-height:38px}.portfolio-heading-container{padding-left:30px;bottom:155px}.portfolio-enquire-button-container{bottom:90px}.portfolio-button-list{right:30px}.portfolio-nav-btn{width:10px;height:10px}}@media (max-width:450px){.portfolio-main-container{height:calc(100dvh - 129px)}}