.hero-section{position:relative;background:linear-gradient(90deg,#000000bf 0%,#000000a3 50%,#000000ad 100%),url(../images/modern-apartment-in-sector-21.jpg) no-repeat center center/cover;color:#fff;text-align:center;display:flex;justify-content:center;align-items:center;height:70vh}.hero-content{text-align:center}.hero-content h1{font-size:40px;font-weight:700;line-height:normal;margin:0}.aboutquotebtn{position:relative;top:30px;background-color:#000;border:none;outline:none;border-radius:50px;color:#fff;text-decoration:none;padding:10px 20px}.breadcrumb{margin-top:10px}.breadcrumb a{color:#fff}.about-section{padding:50px 0;background-color:#fff}.about-section .aboutcontainer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;max-width:1200px;padding:0 15px;margin:0 auto}.about-text{flex:1;padding:20px;max-width:600px}.about-text h2{font-size:27px;font-weight:600;line-height:normal;padding-bottom:12px;color:#333}.about-text p{font-size:16px;color:#555;line-height:1.6}.about-image{flex:1;padding:20px;text-align:center}.about-image img{max-width:100%;height:auto;border-radius:10px;box-shadow: 0 1px 10px #0000001f;}.services-section{padding:50px 0;background-color:#f4f4f4}.services-section h2{font-size:2.5rem;text-align:center;margin-bottom:40px;color:#333}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;max-width:1200px;margin:0 auto;padding:0 20px}.service-item{background-color:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 8px #0000001a;text-align:center;transition:transform .3s ease}.service-item:hover{transform:translateY(-10px)}.service-item i{font-size:3rem;color:#000;margin-bottom:20px}.service-item h3{font-size:18px;margin-bottom:10px;color:#333}.service-item p{font-size:12px;color:#555;line-height:1.6}.offer-section{padding:50px 0;background-color:#fff}.offer-section h2{font-size:2.5rem;text-align:center;margin-bottom:40px;color:#333}.offer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;max-width:1200px;margin:0 auto;padding:0 20px}.offer-item{background-color:#f4f4f4;padding:30px;border-radius:10px;box-shadow:0 4px 8px #0000001a;text-align:center;transition:transform .3s ease}.offer-item:hover{transform:translateY(-10px)}.offer-item i{font-size:3rem;color:#000;margin-bottom:20px}.offer-item h3{font-size:16px;margin-bottom:10px;color:#333}.offer-item p{font-size:12px;color:#555;line-height:1.6}@media screen and (max-width: 768px){.services-grid{grid-template-columns:repeat(1,1fr)}.offer-grid{grid-template-columns:repeat(1,1fr)}.about-section .aboutcontainer{display:block}.about-text p{font-size:12px;line-height:1.4rem;text-align:justify;margin:0}}