@media only screen and (min-width: 0rem) {#hero-997 {padding: 10rem 1rem 3rem;position: relative;z-index: 1;overflow: hidden;min-height: 100vh;display: flex;align-items: center;}#hero-997 .cs-container {width: 100%;max-width: 80rem;margin: auto;position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;}#hero-997 .cs-content {width: 100%;max-width: 59.6875rem;display: flex;justify-content: center;flex-direction: column;align-items: center;text-align: center;box-sizing: border-box;animation: fadeInUp 1s ease-out;}#hero-997 .cs-badge {background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 50px;padding: 0.75rem 1.5rem;margin-bottom: 2rem;position: relative;overflow: hidden;}#hero-997 .cs-topper {font-size: 1rem;line-height: 1.2em;text-transform: uppercase;text-align: center;letter-spacing: 0.1rem;font-weight: 600;color: var(--bodyTextColorWhite);margin: 0;position: relative;z-index: 1;}#hero-997 .cs-title {font-size: clamp(2.8rem, 7vw, 5.5rem);font-weight: 900;line-height: 1.2em;text-align: center;width: 100%;margin: 0 0 2.5rem 0;color: var(--bodyTextColorWhite);position: relative;}#hero-997 .cs-title-line {display: block;transform: translateY(20px);opacity: 0;animation: slideInUp 0.8s ease-out forwards;}#hero-997 .cs-title-line:nth-child(1) {animation-delay: 0.2s;}#hero-997 .cs-title-line:nth-child(2) {animation-delay: 0.4s;}#hero-997 .cs-title-line:nth-child(3) {animation-delay: 0.6s;}#hero-997 .cs-text {font-size: clamp(1.1rem, 2.2vw, 1.35rem);line-height: 1.6em;text-align: center;width: 100%;max-width: 45rem;margin: 0 0 3rem 0;color: rgba(255, 255, 255, 0.9);opacity: 0;animation: fadeIn 1s ease-out 0.8s forwards;}#hero-997 .cs-button-box {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 1.5rem;opacity: 0;animation: fadeInUp 1s ease-out 1.2s forwards;}#hero-997 .cs-button-solid {text-align: center;font-size: 1.1rem;line-height: clamp(3.2rem, 6vw, 3.8rem);height: clamp(3.2rem, 6vw, 3.8rem);min-width: 13rem;text-decoration: none;font-weight: 700;margin: 0;color: #fff;padding: 0 2.5rem;background: linear-gradient(135deg, var(--primary), #1e5bb8);display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;position: relative;z-index: 1;transition: all 0.3s ease;border-radius: 50px;box-shadow: 0 4px 15px rgba(22, 71, 163, 0.3);overflow: hidden;}#hero-997 .cs-button-solid::before {content: "";position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition: left 0.5s ease;}#hero-997 .cs-button-solid:hover {transform: translateY(-2px);box-shadow: 0 8px 25px rgba(22, 71, 163, 0.4);}#hero-997 .cs-button-solid:hover::before {left: 100%;}#hero-997 .cs-button-solid:hover .cs-button-icon {transform: translateX(4px);}#hero-997 .cs-button-icon {transition: transform 0.3s ease;}#hero-997 .cs-button-transparent {font-size: 1.1rem;line-height: clamp(3.2rem, 6vw, 3.8rem);height: clamp(3.2rem, 6vw, 3.8rem);min-width: 12rem;text-decoration: none;font-weight: 700;margin: 0;color: #fff;padding: 0 2.5rem;background-color: transparent;border: 2px solid rgba(255, 255, 255, 0.3);backdrop-filter: blur(10px);box-sizing: border-box;display: inline-flex;justify-content: center;align-items: center;gap: 0.5rem;position: relative;z-index: 1;transition: all 0.3s ease;border-radius: 50px;}#hero-997 .cs-button-transparent::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(255, 255, 255, 0.1);border-radius: 48px;transform: scaleX(0);transform-origin: left;transition: transform 0.3s ease;z-index: -1;}#hero-997 .cs-button-transparent:hover {border-color: rgba(255, 255, 255, 0.6);transform: translateY(-2px);}#hero-997 .cs-button-transparent:hover::before {transform: scaleX(1);}#hero-997 .cs-background-wrapper {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -2;}#hero-997 .cs-background {width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;}#hero-997 .cs-background img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;filter: brightness(0.7) contrast(1.1);}@media only screen and (max-width: 768px) {#hero-997 .cs-background img {object-position: center center;transform: scale(1.2);}}@media only screen and (max-width: 768px) {#hero-997 .cs-background::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('/assets/images/bathrooms/bathroom-mobilecover.webp');background-size: cover;background-position: center;z-index: 1;}}#hero-997 .cs-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient( 135deg, rgba(22, 71, 163, 0.75) 0%, rgba(13, 51, 116, 0.6) 50%, rgba(0, 0, 0, 0.4) 100% );z-index: 1;}@keyframes fadeInUp {from {opacity: 0;transform: translateY(30px);}to {opacity: 1;transform: translateY(0);}}@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}@keyframes slideInUp {to {opacity: 1;transform: translateY(0);}}@keyframes underlineGrow {to {transform: scaleX(1);}}@keyframes shimmer {0% {left: -100%;}100% {left: 100%;}}}@media only screen and (max-width: 768px) {#hero-997 {padding: 8rem 1rem 3rem;min-height: 100vh;}#hero-997 .cs-title {font-size: clamp(2.2rem, 8vw, 3rem);margin-bottom: 2rem;}#hero-997 .cs-text {font-size: clamp(1rem, 4vw, 1.2rem);margin-bottom: 2.5rem;max-width: 90%;}#hero-997 .cs-button-box {flex-direction: column;width: 100%;gap: 1rem;}#hero-997 .cs-button-solid, #hero-997 .cs-button-transparent {width: 100%;max-width: 300px;height: 3.2rem;line-height: 3.2rem;font-size: 1rem;}#hero-997 .cs-topper {font-size: 0.85rem;}#hero-997 .cs-badge {padding: 0.6rem 1.25rem;margin-bottom: 1.75rem;}}@media only screen and (min-width: 64rem) {#hero-997 {padding: 12rem 1rem 4rem 1rem;}#hero-997 .cs-content {align-items: center;text-align: center;}#hero-997 .cs-title {font-size: 4rem;margin-bottom: 2rem;}#hero-997 .cs-text {margin-bottom: 2.5rem;}#hero-997 .cs-topper {font-size: 1.2rem;}}