.elementor-135 .elementor-element.elementor-element-625fe6aa{--display:flex;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-135 .elementor-element.elementor-element-6979b64d{--display:flex;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-135 .elementor-element.elementor-element-4bd602f8{--display:flex;}/* Start custom CSS for container, class: .elementor-element-625fe6aa *//* remedial-work/staircase-refurbishment */
.container { max-width: 1260px; margin: 0px auto; padding: 0px 5%; }
.breadcrumbs { margin: 0px 0px 36px; padding-top: 20px; font-size: 0.95rem; color: rgb(102, 102, 102); }
.breadcrumb-home, .breadcrumb-link { color: rgb(102, 102, 102); text-decoration: none; transition: color 0.3s; }
.breadcrumb-home:hover, .breadcrumb-link:hover { color: rgb(26, 26, 26); text-decoration: underline; }
.breadcrumb-separator { margin: 0px 10px; color: rgb(153, 153, 153); }
.breadcrumb-current { color: rgb(26, 26, 26); font-weight: 500; }
.craftsmanship-section { padding: 80px 5% 50px; background: rgb(250, 249, 247); }
.craftsmanship-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 90px; max-width: 1260px; margin: 0px auto 40px; align-items: start; }
.section-title { font-size: 2.7rem; line-height: 1.15; font-family: Georgia, serif; font-weight: 600; color: rgb(26, 26, 26); margin: 0px 0px 26px; letter-spacing: -0.02em; }
.features-title { font-size: 1.48rem; margin-bottom: 28px; font-family: Georgia, serif; color: rgb(26, 26, 26); }
.craft-text { margin: 0px 0px 26px; font-size: 1.11rem; max-width: 620px; color: rgb(68, 68, 68); line-height: 1.66; }
.craft-text--highlight { font-weight: 500; color: rgb(34, 34, 34); }
.features-list { list-style: none; padding: 0px; margin: 0px 0px 48px; }
.features-list li { position: relative; padding-left: 32px; margin-bottom: 16px; font-size: 1.07rem; line-height: 1.6; }
.features-list li::before { content: ""; position: absolute; left: 0px; top: 0.62em; width: 7px; height: 7px; background: rgb(212, 184, 148); border-radius: 50%; transform: translateY(-50%); }
.cta-button { display: inline-flex; align-items: center; gap: 16px; background: rgb(26, 26, 26); padding: 18px 38px; border-radius: 4px; font-weight: 600; font-size: 1.11rem; letter-spacing: 0.6px; transition: 0.38s; position: relative; overflow: hidden; color: rgb(255, 255, 255) !important; text-decoration: none !important; }
.cta-button span { color: inherit !important; }
.cta-button:hover { background: rgb(212, 184, 148); transform: translateY(-3px); box-shadow: rgba(212, 184, 148, 0.3) 0px 16px 44px; color: rgb(26, 26, 26) !important; }
.cta-button .cta-arrow { transition: transform 0.38s; font-size: 1.3em; line-height: 1; }
.cta-button:hover .cta-arrow { transform: translateX(6px); }
@media (max-width: 992px) {    .craftsmanship-grid { grid-template-columns: 1fr; gap: 60px; }    .section-title { font-size: 2.4rem; }}
@media (max-width: 600px) {    .craftsmanship-section { padding: 70px 5% 40px; }    .craftsmanship-grid { margin-bottom: 30px; }    .breadcrumbs { font-size: 0.9rem; margin-bottom: 30px; }    .section-title { font-size: 2.1rem; }    .cta-button { width: 100%; justify-content: center; padding: 22px; font-size: 1.16rem; }}
.remedial-gallery-wrapper {  max-width: 1600px;  margin: 0 auto;  padding: 50px 5% 120px;  background: #f9f5f0;}
.remedial-gallery-title {  text-align: center;  font: 600 2.7rem/1.15 'Georgia', serif;  color: #1a1a1a;  letter-spacing: -0.02em;  margin: 0 0 70px 0;}
@media (max-width: 768px) { .remedial-gallery-title { font-size: 2.4rem; margin-bottom: 50px; } }
@media (max-width: 480px) { .remedial-gallery-title { font-size: 2.1rem; margin-bottom: 40px; } }
.remedial-gallery {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(520px, 1fr));  gap: 40px;  margin-bottom: 60px;  justify-content: center;}
@media (max-width: 1024px) {  .remedial-gallery { grid-template-columns: 1fr; gap: 36px; }}
.pair {  background: #fff;  border-radius: 16px;  overflow: hidden;  box-shadow: 0 12px 36px rgba(0,0,0,0.12);  transition: all 0.45s ease;}
.pair:hover {  transform: translateY(-10px);  box-shadow: 0 28px 60px rgba(0,0,0,0.2);}
.pair-images {  display: grid;  grid-template-columns: 1fr 1fr;  height: 420px;}
.pair-images a {  display: block;  position: relative;  overflow: hidden;}
.pair-images img {  width: 100%;  height: 100%;  object-fit: cover;  transition: transform 0.5s ease;}
.pair-images a:hover img { transform: scale(1.1); }
.label {  position: absolute;  top: 20px;  left: 20px;  background: rgba(26,26,26,0.92);  color: #fff;  padding: 10px 18px;  font: 600 1rem/1 'Georgia', serif;  border-radius: 8px;  letter-spacing: 0.6px;  z-index: 2;}
.label.after {  background: rgba(212,184,148,0.98);  color: #1a1a1a;}
.pair-caption {  padding: 28px 32px 32px;  text-align: center;  font: 600 1.5rem/1.3 'Georgia', serif;  color: #1a1a1a;  letter-spacing: -0.02em;}
.gallery-pagination {  display: flex;  justify-content: center;  gap: 16px;  margin-top: 30px;}
.gallery-pagination button {  background: #1a1a1a;  color: #fff;  border: none;  padding: 14px 38px;  border-radius: 8px;  font-weight: 600;  font-size: 1.05rem;  cursor: pointer;  transition: all 0.35s;}
.gallery-pagination button:hover:not(:disabled) {  background: #d4b894;  color: #1a1a1a;  transform: translateY(-2px);}
.gallery-pagination button:disabled {  background: #ccc;  opacity: 0.6;  cursor: not-allowed;}
.lightbox-overlay {  position: fixed; inset: 0;  background: rgba(0,0,0,0.97);  display: none; align-items: center; justify-content: center;  z-index: 9999; flex-direction: column; gap: 24px;}
.lightbox-overlay.active { display: flex; }
.lightbox-overlay img {  max-width: 94vw;  max-height: 80vh;  object-fit: contain;  border-radius: 12px;  box-shadow: 0 20px 80px rgba(0,0,0,0.8);}
.lightbox-caption {  color: #fff;  font: 600 2rem/1.2 'Georgia', serif;  letter-spacing: -0.02em;  text-align: center;  max-width: 90vw;}
.lightbox-nav {  position: absolute; top: 50%; transform: translateY(-50%);  background: rgba(255,255,255,0.25); color: #fff;  width: 60px; height: 100px; display: flex; align-items: center;  justify-content: center; font-size: 3rem; cursor: pointer;  border-radius: 12px; transition: 0.3s;}
.lightbox-nav:hover { background: rgba(255,255,255,0.45); }
.lightbox-nav.prev { left: 20px; }
.lightbox-nav.next { right: 20px; }
.close-btn {  position: absolute; top: 24px; right: 34px;  font-size: 3.8rem; color: #fff; cursor: pointer; font-weight: 300;}/* End custom CSS */