/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/* ========================================
   NEWWEBSITE PAGE STYLES (page-id-17690)
   ======================================== */

.page-id-17690 .page-title-wrapper,
.page-id-17690 .breadcrumbs,
.page-id-17690 h1.entry-title,
.page-id-17690 .entry-header { display: none !important; }
.page-id-17690 .entry-content { padding: 0 !important; margin: 0 !important; }
.page-id-17690 .main-content { padding-top: 0 !important; }

.nw-hero {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%) !important;
  min-height: 90vh !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 80px 20px !important;
}
.nw-hero::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: url('https://luxflooring.com.au/wp-content/uploads/2025/10/H15401-%E9%93%BA%E8%A3%85%E5%9B%BE-Rooms-2-scaled.jpg') center / cover no-repeat !important;
  opacity: 0.25 !important;
}
.nw-hero-inner { position: relative; z-index: 2; max-width: 800px; margin: 0 auto; }
.nw-hero-badge { display: inline-block; background: #e63946; color: #fff; font-size: 13px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; padding: 6px 18px; border-radius: 30px; margin-bottom: 24px; }
.nw-hero h1 { font-size: clamp(36px, 5vw, 64px) !important; font-weight: 800 !important; color: #ffffff !important; line-height: 1.1 !important; margin: 0 0 20px !important; }
.nw-hero h1 span { color: #e63946 !important; }
.nw-hero p { font-size: 18px !important; color: rgba(255,255,255,0.85) !important; line-height: 1.7 !important; margin: 0 auto 36px !important; max-width: 600px !important; }
.nw-hero-btns { display: flex !important; gap: 16px !important; justify-content: center !important; flex-wrap: wrap !important; }
.nw-btn-primary { background: #e63946 !important; color: #fff !important; padding: 15px 32px !important; border-radius: 50px !important; font-size: 16px !important; font-weight: 700 !important; text-decoration: none !important; display: inline-block !important; border: 2px solid #e63946 !important; }
.nw-btn-primary:hover { background: #c1121f !important; border-color: #c1121f !important; color: #fff !important; }
.nw-btn-outline { background: transparent !important; color: #fff !important; padding: 15px 32px !important; border-radius: 50px !important; font-size: 16px !important; font-weight: 700 !important; text-decoration: none !important; display: inline-block !important; border: 2px solid rgba(255,255,255,0.5) !important; }
.nw-btn-outline:hover { background: rgba(255,255,255,0.1) !important; color: #fff !important; }
.nw-trust { background: #e63946 !important; padding: 18px 40px !important; }
.nw-trust-inner { max-width: 1200px !important; margin: 0 auto !important; display: flex !important; align-items: center !important; justify-content: space-around !important; flex-wrap: wrap !important; gap: 14px !important; }
.nw-trust-item { color: #fff !important; font-weight: 600 !important; font-size: 14px !important; }
.nw-section { padding: 80px 20px !important; }
.nw-section-alt { background: #f8f8f8 !important; }
.nw-container { max-width: 1200px !important; margin: 0 auto !important; }
.nw-section-header { text-align: center !important; margin-bottom: 56px !important; }
.nw-section-header .nw-label { font-size: 13px !important; font-weight: 700 !important; letter-spacing: 3px !important; text-transform: uppercase !important; color: #e63946 !important; display: block !important; margin-bottom: 12px !important; }
.nw-section-header h2 { font-size: clamp(26px, 3.5vw, 44px) !important; font-weight: 800 !important; color: #1a1a2e !important; margin: 0 0 16px !important; line-height: 1.2 !important; }
.nw-section-header p { font-size: 17px !important; color: #666 !important; max-width: 600px !important; margin: 0 auto !important; line-height: 1.7 !important; }
.nw-products-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 28px !important; }
.nw-product-card { background: #fff !important; border-radius: 16px !important; overflow: hidden !important; box-shadow: 0 4px 24px rgba(0,0,0,0.08) !important; transition: all 0.3s !important; text-decoration: none !important; color: #222 !important; display: block !important; }
.nw-product-card:hover { transform: translateY(-8px) !important; box-shadow: 0 12px 40px rgba(0,0,0,0.15) !important; }
.nw-product-card-img { height: 220px !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; position: relative !important; }
.nw-product-card-badge { position: absolute !important; top: 16px !important; right: 16px !important; background: #e63946 !important; color: #fff !important; font-size: 11px !important; font-weight: 700 !important; padding: 4px 12px !important; border-radius: 20px !important; text-transform: uppercase !important; }
.nw-product-card-body { padding: 24px !important; }
.nw-product-card-body h3 { font-size: 20px !important; font-weight: 700 !important; margin: 0 0 8px !important; color: #1a1a2e !important; }
.nw-product-card-body p { font-size: 14px !important; color: #777 !important; margin: 0 0 14px !important; line-height: 1.6 !important; }
.nw-product-card-link { font-size: 14px !important; font-weight: 700 !important; color: #e63946 !important; text-decoration: none !important; }
.nw-why-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 28px !important; }
.nw-why-item { text-align: center !important; padding: 36px 20px !important; background: #fff !important; border-radius: 16px !important; box-shadow: 0 2px 16px rgba(0,0,0,0.06) !important; }
.nw-why-item:hover { box-shadow: 0 8px 32px rgba(0,0,0,0.12) !important; transform: translateY(-4px) !important; }
.nw-why-icon { width: 68px !important; height: 68px !important; background: linear-gradient(135deg, #e63946, #c1121f) !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 auto 18px !important; font-size: 28px !important; }
.nw-why-item h3 { font-size: 18px !important; font-weight: 700 !important; color: #1a1a2e !important; margin: 0 0 10px !important; }
.nw-why-item p { font-size: 14px !important; color: #777 !important; line-height: 1.7 !important; margin: 0 !important; }
.nw-about { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 64px !important; align-items: center !important; }
.nw-about-img { border-radius: 20px !important; overflow: hidden !important; box-shadow: 0 20px 60px rgba(0,0,0,0.15) !important; }
.nw-about-img img { width: 100% !important; height: 480px !important; object-fit: cover !important; display: block !important; }
.nw-about-label { font-size: 13px !important; font-weight: 700 !important; letter-spacing: 3px !important; text-transform: uppercase !important; color: #e63946 !important; display: block !important; margin-bottom: 12px !important; }
.nw-about-content h2 { font-size: clamp(26px, 3vw, 40px) !important; font-weight: 800 !important; color: #1a1a2e !important; margin: 0 0 18px !important; }
.nw-about-content p { font-size: 16px !important; color: #555 !important; line-height: 1.8 !important; margin: 0 0 14px !important; }
.nw-about-stats { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 16px !important; margin: 24px 0 !important; }
.nw-stat { background: #f8f8f8 !important; padding: 18px !important; border-radius: 12px !important; text-align: center !important; }
.nw-stat-num { font-size: 32px !important; font-weight: 800 !important; color: #e63946 !important; display: block !important; }
.nw-stat-label { font-size: 13px !important; color: #777 !important; }
.nw-process { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; }
.nw-process-step { text-align: center !important; padding: 36px 16px !important; }
.nw-process-num { width: 58px !important; height: 58px !important; background: #e63946 !important; color: #fff !important; font-size: 22px !important; font-weight: 800 !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 auto 16px !important; }
.nw-process-step h3 { font-size: 17px !important; font-weight: 700 !important; color: #1a1a2e !important; margin: 0 0 8px !important; }
.nw-process-step p { font-size: 14px !important; color: #777 !important; line-height: 1.6 !important; margin: 0 !important; }
.nw-testimonials-grid { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 24px !important; }
.nw-testimonial { background: #fff !important; border-radius: 16px !important; padding: 28px !important; box-shadow: 0 4px 20px rgba(0,0,0,0.07) !important; }
.nw-stars { color: #f4a017 !important; font-size: 18px !important; margin-bottom: 12px !important; }
.nw-testimonial p { font-size: 15px !important; color: #444 !important; line-height: 1.7 !important; margin: 0 0 16px !important; font-style: italic !important; }
.nw-testimonial-author { display: flex !important; align-items: center !important; gap: 12px !important; }
.nw-author-avatar { width: 44px !important; height: 44px !important; border-radius: 50% !important; background: #e63946 !important; color: #fff !important; font-size: 18px !important; font-weight: 700 !important; display: flex !important; align-items: center !important; justify-content: center !important; flex-shrink: 0 !important; }
.nw-author-info strong { display: block !important; font-size: 14px !important; color: #1a1a2e !important; }
.nw-author-info span { font-size: 12px !important; color: #999 !important; }
.nw-cta { background: linear-gradient(135deg, #1a1a2e, #0f3460) !important; padding: 90px 20px !important; text-align: center !important; position: relative !important; overflow: hidden !important; }
.nw-cta-inner { position: relative !important; z-index: 2 !important; max-width: 700px !important; margin: 0 auto !important; }
.nw-cta h2 { font-size: clamp(26px, 4vw, 46px) !important; font-weight: 800 !important; color: #fff !important; margin: 0 0 16px !important; }
.nw-cta p { font-size: 17px !important; color: rgba(255,255,255,0.8) !important; margin: 0 0 32px !important; line-height: 1.6 !important; }
.nw-contact-strip { background: #f8f8f8 !important; padding: 56px 20px !important; }
.nw-contact-grid { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 24px !important; text-align: center !important; }
.nw-contact-icon { font-size: 32px !important; margin-bottom: 10px !important; }
.nw-contact-item h4 { font-size: 15px !important; font-weight: 700 !important; color: #1a1a2e !important; margin: 0 0 6px !important; }
.nw-contact-item a { color: #e63946 !important; text-decoration: none !important; font-size: 14px !important; font-weight: 600 !important; }
.nw-contact-item p { color: #666 !important; font-size: 13px !important; margin: 4px 0 0 !important; }
.nw-brands { background: #fff !important; padding: 52px 20px !important; border-top: 1px solid #eee !important; border-bottom: 1px solid #eee !important; }
.nw-brands-header { text-align: center !important; margin-bottom: 32px !important; }
.nw-brands-header span { font-size: 12px !important; font-weight: 700 !important; letter-spacing: 3px !important; text-transform: uppercase !important; color: #999 !important; }
.nw-brands-logos { display: flex !important; justify-content: center !important; align-items: center !important; gap: 44px !important; flex-wrap: wrap !important; }
.nw-brands-logos img { height: 42px !important; object-fit: contain !important; filter: grayscale(100%) !important; opacity: 0.5 !important; transition: all 0.3s !important; }
.nw-brands-logos img:hover { filter: grayscale(0%) !important; opacity: 1 !important; }

@media (max-width: 1024px) {
  .nw-products-grid, .nw-why-grid, .nw-testimonials-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 768px) {
  .nw-about, .nw-products-grid, .nw-why-grid, .nw-testimonials-grid, .nw-process, .nw-contact-grid { grid-template-columns: 1fr !important; }
  .nw-about-img img { height: 280px !important; }
  .nw-trust-inner { flex-direction: column !important; }
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
}