.elementor-317 .elementor-element.elementor-element-1cce1b8{--display:flex;}.elementor-317 .elementor-element.elementor-element-6375ced{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-317 .elementor-element.elementor-element-2e8cecc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-317 .elementor-element.elementor-element-22b65eb.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-317 .elementor-element.elementor-element-22b65eb .elementor-swiper-button{font-size:20px;}.elementor-317 .elementor-element.elementor-element-870fd3e{--display:flex;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );font-style:var( --e-global-typography-secondary-font-style );line-height:var( --e-global-typography-secondary-line-height );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-317 .elementor-element.elementor-element-ca45614 .elementor-repeater-item-0b0a579 .swiper-slide-bg{background-color:var( --e-global-color-text );background-image:url(https://dlstarrenterprises.com/wp-content/uploads/2025/11/Wong-Center.jpg);background-size:cover;}.elementor-317 .elementor-element.elementor-element-ca45614 .elementor-repeater-item-51a4d72 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://dlstarrenterprises.com/wp-content/uploads/2025/11/Woodland-Aquatic-Center-scaled.jpeg);background-size:cover;}.elementor-317 .elementor-element.elementor-element-ca45614 .elementor-repeater-item-cd0f3f2 .swiper-slide-bg{background-color:#1abc9c;background-image:url(https://dlstarrenterprises.com/wp-content/uploads/2025/11/marriot_woodland_ca.jpg);background-size:cover;}.elementor-317 .elementor-element.elementor-element-ca45614 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-317 .elementor-element.elementor-element-ca45614 .swiper-slide-contents{max-width:66%;}.elementor-317 .elementor-element.elementor-element-ca45614 .swiper-slide-inner{text-align:center;}.elementor-317 .elementor-element.elementor-element-789f9d6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-317 .elementor-element.elementor-element-c1d8038{background-color:#F8F9FA;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:80px 20px 80px 20px;}.elementor-317 .elementor-element.elementor-element-ad838c8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-317 .elementor-element.elementor-element-afe2039{width:100%;max-width:100%;background-color:#F8F9FA;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:80px 20px 80px 20px;}.elementor-317 .elementor-element.elementor-element-8f2303b{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-317 .elementor-element.elementor-element-13dec4e{width:auto;max-width:auto;}.elementor-317 .elementor-element.elementor-element-a041368{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-317 .elementor-element.elementor-element-684e9bc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-317 .elementor-element.elementor-element-ccb6c6a img{width:100%;height:100%;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-317 .elementor-element.elementor-element-22b65eb.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-widget-slides .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-slides .elementor-slide-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-slides .elementor-slide-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-317 .elementor-element.elementor-element-22b65eb.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-widget-slides .elementor-slide-heading{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-slides .elementor-slide-description{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-widget-slides .elementor-slide-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );word-spacing:var( --e-global-typography-accent-word-spacing );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for html, class: .elementor-element-6375ced *//* ============================================
   HERO SECTION - CUSTOM BLUE GRADIENT
   ============================================ */
.hero-section-wrapper {
  position: relative;
  min-height: 500px;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-image: url('https://dlstarrenterprises.com/wp-content/uploads/2025/10/IMG_4400-scaled.jpeg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hero-section-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(31, 64, 170, 0.85), rgba(31, 64, 170, 0.40));
  z-index: 1;
}

.hero-content {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #ffffff;
  padding: 80px 40px;
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
}

.hero-badge {
  display: inline-block;
  background: #10b981;
  color: #ffffff;
  padding: 8px 20px;
  border-radius: 25px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 24px;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

.hero-content h1 {
  font-size: clamp(36px, 5vw, 64px);
  font-weight: 700;
  margin-bottom: 24px;
  line-height: 1.2;
  color: #ffffff !important;
  text-shadow: 0 3px 15px rgba(0, 0, 0, 0.6);
}

.hero-subtitle {
  font-size: clamp(18px, 2.5vw, 24px);
  margin-bottom: 40px;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  color: #ffffff !important;
  opacity: 0.95;
  line-height: 1.6;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
}

.hero-buttons {
  display: flex !important;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: center;
  align-items: center;
  visibility: visible !important;
  opacity: 1 !important;
}

.btn-primary {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 36px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 16px;
  background: #e63946 !important;
  color: #ffffff !important;
  border: 2px solid #e63946 !important;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(230, 57, 70, 0.4);
  visibility: visible !important;
  opacity: 1 !important;
}

.btn-primary:hover {
  background: #d62828 !important;
  border-color: #d62828 !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(230, 57, 70, 0.5);
}

.btn-secondary {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 36px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 16px;
  background: transparent !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
  text-decoration: none;
  transition: all 0.3s ease;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(255, 255, 255, 0.2);
  visibility: visible !important;
  opacity: 1 !important;
}

.btn-secondary:hover {
  background: #ffffff !important;
  color: #1F40AA !important;
  border-color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(255, 255, 255, 0.3);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hero-buttons {
    flex-direction: column;
    width: 100%;
  }
  
  .btn-primary,
  .btn-secondary {
    width: 100%;
    max-width: 300px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c1d8038 */.why-choose-section {
  max-width: 1200px;
  margin: 0 auto;
}

.section-header {
  text-align: center;
  margin-bottom: 48px;
}

.section-header h2 {
  font-size: clamp(28px, 4vw, 40px);
  font-weight: 700;
  margin-bottom: 16px;
  color: #1e293b;
}

.section-header p {
  font-size: 18px;
  color: #64748b;
  max-width: 700px;
  margin: 0 auto;
}

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

.feature-card {
  background: #ffffff;
  border-radius: 12px;
  padding: 32px 24px;
  text-align: center;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
}

.feature-card:hover {
  box-shadow: 0 10px 30px rgba(0,0,0,0.15);
  transform: translateY(-5px);
}

.feature-icon {
  width: 64px;
  height: 64px;
  background: rgba(16, 185, 129, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
}

.feature-card h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #1e293b;
}

.feature-card p {
  font-size: 15px;
  color: #64748b;
  line-height: 1.6;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-afe2039 *//* ============================================
   COMMERCIAL SERVICES SECTION - MATCH SCREENSHOT
   ============================================ */

{{WRAPPER}} .services-section {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 80px 40px;
  box-sizing: border-box;
  background: #f8f9fa;
}

{{WRAPPER}} .services-section .section-header {
  text-align: center;
  margin-bottom: 48px;
}

{{WRAPPER}} .services-section .section-header h2 {
  font-size: clamp(28px, 4vw, 36px);
  font-weight: 700;
  margin-bottom: 12px;
  color: #1e293b;
  line-height: 1.3;
}

{{WRAPPER}} .services-section .section-header p {
  font-size: clamp(16px, 2vw, 18px);
  color: #64748b;
  max-width: 900px;
  margin: 0 auto;
  line-height: 1.6;
}

{{WRAPPER}} .services-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  max-width: 1100px;
  margin: 0 auto;
}

{{WRAPPER}} .service-card {
  background: #ffffff;
  border-radius: 8px;
  padding: 36px 32px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06);
  border: 1px solid #e5e7eb;
  display: flex;
  gap: 24px;
  align-items: flex-start;
  transition: all 0.3s ease;
}

{{WRAPPER}} .service-card:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transform: translateY(-2px);
  border-color: #d1d5db;
}

{{WRAPPER}} .service-icon {
  width: 56px;
  height: 56px;
  min-width: 56px;
  background: rgba(249, 115, 22, 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

{{WRAPPER}} .service-icon svg {
  stroke: #f97316;
}

{{WRAPPER}} .service-content {
  flex: 1;
}

{{WRAPPER}} .service-content h3 {
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #1e293b;
  line-height: 1.4;
}

{{WRAPPER}} .service-content p {
  font-size: 15px;
  color: #64748b;
  line-height: 1.7;
  margin: 0;
}

/* Responsive - Stack on Mobile */
@media (max-width: 768px) {
  {{WRAPPER}} .services-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  
  {{WRAPPER}} .service-card {
    padding: 28px 24px;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  {{WRAPPER}} .services-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-13dec4e *//* --- Global Container & Section --- */
.dl-starr-section {
  padding: clamp(40px, 8vw, 80px) 0;
}

.dl-starr-light {
  background-color: #f8f9fa;
}

.dl-starr-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 clamp(15px, 4vw, 40px);
}

/* --- Section Header --- */
.dl-starr-section-header {
  text-align: center;
  max-width: 900px;
  margin: 0 auto clamp(30px, 5vw, 60px);
}

.dl-starr-section-title {
  font-size: clamp(28px, 4vw, 42px);
  font-weight: 700;
  margin-bottom: 16px;
  color: #1e293b;
  line-height: 1.2;
}

.dl-starr-section-subtitle {
  font-size: clamp(16px, 2vw, 18px);
  color: #64748b;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.6;
}

/* --- Projects Grid --- */
.dl-starr-projects-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
}

/* --- Project Card Styling --- */
.dl-starr-project-card {
  background: #ffffff;
  padding: 24px;
  border-radius: 8px;
  border: 2px solid #ff6b35;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
}

.dl-starr-project-card:hover {
  border-color: #ff5722;
  box-shadow: 0 8px 16px rgba(255, 107, 53, 0.1);
  transform: translateY(-5px);
}

.dl-starr-project-card h3 {
  font-size: 18px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 16px;
  color: #003366;
}

.dl-starr-project-details {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #e0e0e0;
}

.dl-starr-project-details p {
  font-size: 14px;
  color: #666;
  line-height: 1.6;
  margin: 0;
}

.dl-starr-project-value {
  font-weight: 700;
  color: #ff6b35;
  font-size: 16px;
  margin: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c1302d7 */.certifications-section {
  background: #293E56;
  color: #ffffff;
  padding: 80px 20px;
}

.certifications-section .section-header {
  text-align: center;
  margin-bottom: 48px;
}

.certifications-section .section-header h2 {
  color: #ffffff;
}

.certifications-section .section-header p {
  color: rgba(255,255,255,0.9);
}

/* ============================================
   CERTIFICATIONS - FULL WIDTH WITH ALL CARDS IN ONE ROW
   ============================================ */

{{WRAPPER}} .certifications-section {
  background: #1e40af !important;
  color: #ffffff;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  padding: 80px 40px !important;
  box-sizing: border-box;
}

{{WRAPPER}} .certifications-section .section-header h2 {
  color: #ffffff;
}

{{WRAPPER}} .certifications-section .section-header p {
  color: rgba(255,255,255,0.9);
}

{{WRAPPER}} .certifications-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr); /* 6 columns = all on one line */
  gap: 16px;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;

.cert-item {
  background: rgba(255,255,255,0.1);
  border-radius: 12px;
  padding: 24px 16px;
  text-align: center;
  transition: all 0.3s ease;
}

.cert-item:hover {
  background: rgba(255,255,255,0.15);
  transform: translateY(-3px);
}

.cert-item svg {
  margin-bottom: 12px;
}

.cert-item p {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
}
/* ============================================
   CERTIFICATIONS - FULL WIDTH BACKGROUND
   ============================================ */

{{WRAPPER}} .certifications-section {
  background: #1e40af !important;
  color: #ffffff;
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;/* End custom CSS */
/* Start custom CSS *//* ============================================
   HERO SECTION - FULL WIDTH
   ============================================ */

{{WRAPPER}} .hero-section-wrapper {
  position: relative;
  min-height: 500px;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-image: url('https://dlstarrenterprises.com/wp-content/uploads/2025/09/IMG_3194-scaled.jpeg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

{{WRAPPER}} .hero-section-wrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(30, 64, 175, 0.95), rgba(30, 64, 175, 0.70));
  z-index: 1;
}

{{WRAPPER}} .hero-content {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #ffffff;
  padding: 80px 40px;
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
}

{{WRAPPER}} .hero-badge {
  display: inline-block;
  background: #10b981;
  color: #ffffff;
  padding: 8px 20px;
  border-radius: 25px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 24px;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

{{WRAPPER}} .hero-content h1 {
  font-size: clamp(32px, 5vw, 60px);
  font-weight: 700;
  margin-bottom: 24px;
  line-height: 1.2;
  color: #fbbf24;
  text-shadow: 0 3px 15px rgba(0, 0, 0, 0.6);
}

{{WRAPPER}} .hero-subtitle {
  font-size: clamp(18px, 2.5vw, 24px);
  margin-bottom: 40px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  opacity: 0.95;
  line-height: 1.6;
  text-shadow: 0/* End custom CSS */