.residential_page{width:100%;height:auto;margin:80px auto auto}.slogan{text-transform:uppercase;width:90%;margin:auto}.slogan h5{text-align:center;color:#000;width:fit-content;margin:auto auto 1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:clamp(16px,2vw,22px);font-weight:600}.slogan span{color:#211c84;font-size:clamp(18px,2vw,24px)}.gallery-container{width:90%;height:auto;margin:auto auto 1rem;font-family:Arial,sans-serif}.gallery-main-box{border:1rem solid #fff;grid-template-rows:auto 1fr;gap:16px;width:100%;height:auto;display:grid;overflow:hidden;box-shadow:0 4px 12px #0000001a}.main-display{grid-template-columns:2fr 1fr;gap:5px;width:100%;height:auto;display:grid}.main-display-img{background-color:#fff;width:100%;height:378.55px;position:relative;overflow:hidden}.progress-container{z-index:1;background-color:#dcdcdc;width:100%;height:6px;margin-bottom:8px;position:absolute;top:0;left:0;overflow:hidden}.progress-bar{background-color:#4d91e4;height:100%;transition:width 1s linear}.main-image{width:100%;height:100%}.controls{align-items:center;gap:10px;display:flex;position:absolute;top:20px;right:20px}.timer{background:#eee;padding:6px 12px;font-size:16px}.pause-button{color:#fff;cursor:pointer;background:#8f8f8f9c;border:none;border-radius:6px;padding:6px 12px;transition:background-color .3s}.pause-button:hover{background-color:#abababb6}.main-display-info{color:#000;background:#fff;width:100%;height:100%;padding:15px;font-family:Segoe UI,sans-serif;box-shadow:0 4px 12px #0000001a}.header_info{align-items:center;margin-bottom:.5rem;display:flex}.logo{border-radius:50%;width:50px;height:50px;margin-right:10px;box-shadow:0 0 2px #bebebf}.company-project-box{height:auto}.project-company{text-transform:uppercase;margin:0;font-size:18px}.view-projects{color:red;margin-top:2px;margin-bottom:0;font-size:12px}.project-title{text-transform:capitalize;margin:.4rem 0;font-size:20px;font-weight:600;line-height:1}.location{color:#555;margin-bottom:.5rem;font-size:14px}.rera-tag{border-radius:12px;padding:4px;font-size:12px;display:inline-block}.details{grid-template-columns:1fr 1.4fr;width:100%;margin:.8rem 0;display:grid}.details .left_Detail{border-right:1px solid #c3c3c3a3}.details .right_Detail{padding-left:1rem}.details p{margin-bottom:.4rem;font-size:12px;line-height:1}.details .unit_icon{color:#2763ff;font-size:16px}.price{align-items:baseline;margin:10px 0;display:flex}.price-label{margin-right:4px;font-weight:700}.price-value{font-size:20px;font-weight:700}.onwards{color:#999;margin-left:6px}.contact-btn{color:#fff;cursor:pointer;background-color:#0f97f9;border:none;border-radius:30px;width:100%;margin:.5rem 0;padding:.5rem;font-weight:700}.sidebar{flex-direction:row;justify-content:space-between;align-items:center;gap:16px;height:130px;margin:0 auto;display:flex;overflow-x:auto}.with-shadow{box-shadow:0 8px 20px #000}.sidebar::-webkit-scrollbar{display:none}.thumbnail-wrapper{background-color:#fff;border:1px solid #bdbdbdb0;height:98%;transition:filter .3s}.thumbnail{width:200px;height:100px}.thumbnail-wrapper.blur{filter:blur(3px)}.label{text-align:center;margin-bottom:0;font-size:12px}@media screen and (max-width:1320px){.residential_page{width:100%;margin-top:10px}.gallery-container{width:99%}.slogan h5{margin-bottom:10px}.gallery-main-box{width:100%}.sidebar{width:95%;margin:auto}}@media screen and (max-width:960px){.main-display{grid-template-rows:auto 1fr;grid-template-columns:none;width:100%;box-shadow:0 4px 12px #0000001a}.main-display-img{width:100%;height:250px}.mai .logo{border-radius:50%;width:60px;height:60px;margin-right:10px}.project-company{margin:0;font-size:22px}}.project-box{margin:100px auto}.project-header h2{width:90%;margin:0 auto 1rem}