.exterior-services-section{align-items:center;background-color:#f5f5f5;box-sizing:border-box;display:flex;height:90vh;justify-content:center;min-height:600px;overflow:hidden;padding:40px 20px;width:100%}.exterior-services-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;max-width:1600px;width:100%}.building-illustration{align-items:center;display:flex;height:calc(100% - 120px);justify-content:center;position:relative;width:100%}.building-img{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.service-hotspot{background:transparent;border:none;cursor:pointer;height:50px;padding:0;position:absolute;transition:transform .3s ease;width:50px;z-index:10}.service-hotspot:hover{transform:scale(1.2)}.hotspot-dot{background-color:#e6a635;border-radius:50%;box-shadow:0 2px 8px rgba(230,166,53,.4);display:block;height:24px;margin:13px auto;position:relative;width:24px}.hotspot-dot:before{animation:pulse 2s ease-out infinite;border:2px solid #e6a635;border-radius:50%;content:"";height:40px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}@keyframes pulse{0%{opacity:1;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}.hotspot-1{left:33%;top:18%}.hotspot-2{left:18%;top:42%}.hotspot-3{left:35%;top:60%}.hotspot-4{left:68%;top:28%}.hotspot-5{left:85%;top:55%}.service-dialog{background-color:#e6a635;border-radius:0;box-shadow:0 8px 24px rgba(0,0,0,.15);left:50%;max-width:600px;min-width:450px;opacity:0;padding:40px 50px;position:absolute;top:10%;transform:translateX(-50%);transition:opacity .3s ease,visibility .3s ease,transform .3s ease;visibility:hidden;z-index:20}.service-dialog.active{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.dialog-content{color:#000}.dialog-number{display:block;font-size:14px;font-weight:700;letter-spacing:2px;margin-bottom:8px}.dialog-title{font-size:32px;font-weight:800;letter-spacing:1px;margin:0 0 20px}.dialog-divider{background-color:#000;height:3px;margin-bottom:20px;width:60px}.dialog-subtitle{font-size:14px;font-weight:700;letter-spacing:1px;margin:0 0 15px}.dialog-text{color:#1a1a1a;font-size:14px;line-height:1.6;margin:0 0 30px}.dialog-cta{background-color:#fff;border:none;color:#e6a635;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:1.5px;padding:15px 40px;text-transform:uppercase;transition:all .3s ease}.dialog-cta:hover{background-color:#000;box-shadow:0 4px 12px rgba(0,0,0,.2);color:#fff;transform:translateY(-2px)}.section-heading{padding:20px 0;text-align:center;width:100%}.section-heading h2{align-items:center;display:flex;flex-wrap:wrap;font-size:48px;font-weight:800;gap:15px;justify-content:center;letter-spacing:2px;margin:0;text-transform:uppercase}.heading-highlight{color:#e6a635}.heading-normal{color:#000}@media (max-width:1200px){.service-dialog{min-width:400px;padding:35px 40px}.dialog-title{font-size:28px}.section-heading h2{font-size:42px}}@media (max-width:768px){.exterior-services-section{height:auto;min-height:80vh;padding:30px 15px}.service-dialog{max-width:90%;min-width:90%;padding:30px 25px;top:5%}.dialog-title{font-size:24px}.dialog-text{font-size:13px}.section-heading h2{font-size:32px;gap:10px}.hotspot-1{left:30%;top:15%}.hotspot-2{left:15%;top:40%}.hotspot-3{left:32%;top:58%}.hotspot-4{left:65%;top:25%}.hotspot-5{left:82%;top:52%}}@media (max-width:480px){.section-heading h2{flex-direction:column;font-size:24px;gap:5px}.service-hotspot{height:40px;width:40px}.hotspot-dot{height:20px;margin:10px auto;width:20px}}