.elementor-2701 .elementor-element.elementor-element-5c0969d:not(.elementor-motion-effects-element-type-background), .elementor-2701 .elementor-element.elementor-element-5c0969d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2701 .elementor-element.elementor-element-5c0969d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2701 .elementor-element.elementor-element-5c0969d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2701 .elementor-element.elementor-element-7838352:not(.elementor-motion-effects-element-type-background), .elementor-2701 .elementor-element.elementor-element-7838352 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2701 .elementor-element.elementor-element-7838352{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2701 .elementor-element.elementor-element-7838352 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}/* Start custom CSS for html, class: .elementor-element-e223674 *//* =======================
   HERO SECTION
======================= */
@import url('https://fonts.googleapis.com/css2?family=Abyssinica+SIL&family=Roboto:wght@400;500&display=swap');

.service-hero {
  background: url('https://interiorstudio.net//wp-content/uploads/2025/09/commercial.jpg') center/cover no-repeat;
  height: 75vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  color: #fff;
  border-radius: 0;
  overflow: hidden;
}

/* Dark overlay for contrast */
.service-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 1;
}

/* Content wrapper */
.service-hero-content {
  position: relative;
  z-index: 2;
  max-width: 800px;
  padding: 20px;
}

/* Main heading */
.service-hero-content h1 {
  font-family: 'Abyssinica SIL', serif;
  font-size: 33px;
  font-weight: 500;
  margin-bottom: 15px;
  line-height: 1.3;
}

/* Half white, half pink text */
.service-hero-content h1 .white-text {
  color: #fff;
}

.service-hero-content h1 .pink-text {
  color: #E42C74;
}

/* Hero description */
.service-hero-content p {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #ddd;
  max-width: 650px;
  margin: 0 auto 25px;
  line-height: 1.6;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .service-hero {
    height: auto;
    padding: 80px 20px;
  }

  .service-hero-content h1 {
    font-size: 28px;
  }

  .service-hero-content p {
    font-size: 13px;
  }
}
/* PREMIUM GLOWING BUTTON */
.cta-button {
  position: relative;
  display: inline-block;
  overflow: hidden;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  background: linear-gradient(135deg, #E42C74 0%, #E42C74 100%);
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 12px 28px;
  box-shadow: 0 3px 10px rgba(212, 175, 55, 0.45);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
  z-index: 1;
}

/* Always white text */
.cta-button span,
.cta-button-text {
  color: #fff !important;
}

/* Hover effect */
.cta-button:hover {
  box-shadow: 0 0 18px rgba(255, 215, 0, 0.7);
  transform: translateY(-3px);
}

/* Shine animation overlay */
.cta-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -200%;
  width: 200%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255, 0.6),
    transparent
  );
  transform: skewX(-20deg);
  animation: gold-shine 2.5s linear infinite;
  z-index: 2;
}

@keyframes gold-shine {
  0%   { left: -200%; }
  100% { left: 200%; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9b8f26b *//* =======================
   ABOUT SERVICE SECTION
======================= */
.service-about {
  background: #000;
  padding: 70px 20px;
  text-align: center;
}

.service-about h2 {
  font-family: 'Abyssinica SIL', serif;
  font-size: 33px;
  font-weight: 400;
  margin-bottom: 20px;
  line-height: 1.3;
}

.service-about h2 .white-text {
  color: #fff;
}

.service-about h2 .pink-text {
  color: #E42C74;
}

.service-about p {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #ccc;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.8;
}

@media (max-width: 768px) {
  .service-about h2 {
    font-size: 28px;
  }

  .service-about p {
    font-size: 13px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a7e94c *//* =======================
   PORTFOLIO GALLERY
======================= */
.service-gallery {
  padding: 70px 20px;
  background: #111;
  text-align: center;
}

.service-gallery h2 {
  font-family: 'Abyssinica SIL', serif;
  font-size: 33px;
  font-weight: 500;
  margin-bottom: 30px;
  line-height: 1.3;
}

.service-gallery h2 .white-text {
  color: #fff;
}

.service-gallery h2 .pink-text {
  color: #E42C74;
}

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
}

.gallery-grid img {
  width: 100%;
  border-radius: 14px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.4);
  transition: transform 0.3s ease;
}

.gallery-grid img:hover {
  transform: scale(1.05);
}

@media (max-width: 768px) {
  .service-gallery h2 {
    font-size: 28px;
  }
}/* End custom CSS */