/* Cobra Paint */

/* Team */
.team-img {
  background: url('../images/team/team.jpg') center/cover no-repeat;
  border-radius: 0.5rem 0.5rem;
  flex: 0 0 400px;
  height: 400px;
}

/* Services */
.crack-injection-img {
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/services/crack-injection/crack-injection.jpg') center/cover no-repeat;
  border-radius: 0.5rem 0.5rem;
  flex: 0 0 300px;
  height: 300px;
}

.grout-concrete-img {
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/services/grout-concrete/grout-concrete.jpg') center/cover no-repeat;
  border-radius: 0.5rem 0.5rem;
  flex: 0 0 300px;
  height: 300px;
}

.concrete-repair-img {
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/services/concrete-repair/concrete-repair.jpg') center/cover no-repeat;
  border-radius: 0.5rem 0.5rem;
  flex: 0 0 300px;
  height: 300px;
}

.exterior-plastering-img {
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/services/exterior-plastering/exterior-plastering.jpg') center/cover no-repeat;
  border-radius: 0.5rem 0.5rem;
  flex: 0 0 300px;
  height: 300px;
}

.joint-sealant-img {
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/services/joint-sealant/joint-sealant.jpg') center/cover no-repeat;
  border-radius: 0.5rem 0.5rem;
  flex: 0 0 300px;
  height: 300px;
}

.form-work-img {
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/services/form-work/form-work.jpg') center/cover no-repeat;
  border-radius: 0.5rem 0.5rem;
  flex: 0 0 300px;
  height: 300px;
}

.core-drilling-img {
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/services/core-drilling/core-drilling.jpg') center/cover no-repeat;
  border-radius: 0.5rem 0.5rem;
  flex: 0 0 300px;
  height: 300px;
}

.concrete-cutting-img {
  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/services/concrete-cutting/concrete-cutting.jpg') center/cover no-repeat;
  border-radius: 0.5rem 0.5rem;
  flex: 0 0 300px;
  height: 300px;
}

/* SERVICES PAGE BANNER */
.services-banner-img {
  background: url('../images/services/services-banner.jpg') center/cover no-repeat;
  position: relative;
}

.services-interior-painting-img {
  background: url('../images/services/interior-painting.jpg') center/cover no-repeat;
  position: relative;
  height: 400px;
  border-radius: 0.5rem 0.5rem;
}

.services-exterior-painting-img {
  background: url('../images/services/exterior-painting.jpg') center/cover no-repeat;
  position: relative;
  height: 400px;
  border-radius: 0.5rem 0.5rem;
}

.services-new-build-img {
  background: url('../images/services/new-builds.jpg') center/cover no-repeat;
  position: relative;
  height: 400px;
  border-radius: 0.5rem 0.5rem;

}

.services-renovations-repaints-img {
  background: url('../images/services/renovations-repaints.jpg') center/cover no-repeat;
  position: relative;
  height: 400px;
  border-radius: 0.5rem 0.5rem;
}

.services-feature-walls-img {
  background: url('../images/services/feature-walls.jpg') center/cover no-repeat;
  position: relative;
  height: 400px;
  border-radius: 0.5rem 0.5rem;
}

.services-roof-restorations-img {
  background: url('../images/services/roof-restorations.jpg') center/cover no-repeat;
  position: relative;
  height: 400px;
  border-radius: 0.5rem 0.5rem;
}

.services-surface-preparation-finishing-img {
  background: url('../images/services/surface-preparation-finishing.jpg') center/cover no-repeat;
  position: relative;
  height: 400px;
  border-radius: 0.5rem 0.5rem;
}

/* Mobile responsive for services images */
@media (max-width: 768px) {
  .services-interior-painting-img,
  .services-exterior-painting-img,
  .services-new-build-img,
  .services-renovations-repaints-img,
  .services-feature-walls-img,
  .services-roof-restorations-img,
  .services-surface-preparation-finishing-img {
    height: 250px;
  }

  /* Center align text for service sections on tablet and below */
  #interior-painting .col-lg-6,
  #exterior-painting .col-lg-6,
  #new-builds .col-lg-6,
  #renovations-repaints .col-lg-6,
  #feature-walls .col-lg-6,
  #roof-restorations .col-lg-6,
  #surface-reparation .col-lg-6 {
    text-align: center;
  }
}

@media (max-width: 575.98px) {
  .services-interior-painting-img,
  .services-exterior-painting-img,
  .services-new-build-img,
  .services-renovations-repaints-img,
  .services-feature-walls-img,
  .services-roof-restorations-img,
  .services-surface-preparation-finishing-img {
    height: 200px;
  }

  /* Center align text for service sections on mobile */
  #interior-painting .col-lg-6,
  #exterior-painting .col-lg-6,
  #new-builds .col-lg-6,
  #renovations-repaints .col-lg-6,
  #feature-walls .col-lg-6,
  #roof-restorations .col-lg-6,
  #surface-reparation .col-lg-6 {
    text-align: center;
  }
}

/* Terms and Conditions & Privacy Policy Banners */
.terms-and-conditions-banner-img {
  background: url('../images/terms-and-conditions/banner.webp') center/cover no-repeat;
  position: relative;
  height: 400px;
  border-radius: 0.5rem 0.5rem;
}

.privacy-policy-banner-img {
  background: url('../images/privacy-policy/banner.webp') center/cover no-repeat;
  position: relative;
  height: 400px;
  border-radius: 0.5rem 0.5rem;
}

/* Trusted */




/* New Build Homes Images */
.new-build-banner-bg-img {
  background: url('../images/new-build-homes/new-build-banner.webp') center/cover no-repeat;
  position: relative;
}

.new-build-1-img {
  background: url('../images/new-build-homes/new-build-1.webp') center/cover no-repeat;
  border-radius: 0.5rem 0 0 0.5rem;
  flex: 0 0 200px;
  height: 200px;
}

.new-build-2-img {
  background: url('../images/new-build-homes/new-build-2.webp') center/cover no-repeat;
  border-radius: 0.5rem 0 0 0.5rem;
  flex: 0 0 200px;
  height: 200px;
}

.new-build-3-img {
  background: url('../images/new-build-homes/new-build-3.webp') center/cover no-repeat;
  border-radius: 0.5rem 0 0 0.5rem;
  flex: 0 0 200px;
  height: 200px;
}

.new-build-4-img {
  background: url('../images/new-build-homes/new-build-4.webp') center/cover no-repeat;
  border-radius: 0.5rem 0 0 0.5rem;
  flex: 0 0 200px;
  height: 200px;
}

.new-build-5-img {
  background: url('../images/new-build-homes/new-build-5.webp') center/cover no-repeat;
  border-radius: 0.5rem 0 0 0.5rem;
  flex: 0 0 200px;
  height: 200px;
}

.new-build-6-img {
  background: url('../images/new-build-homes/new-build-6.webp') center/cover no-repeat;
  border-radius: 0.5rem 0 0 0.5rem;
  flex: 0 0 200px;
  height: 200px;
}

.new-build-cta-img {
  background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)), url('../images/new-build-homes/new-build-cta-img.webp') center/cover no-repeat;
}

@media (max-width: 575.98px) {

  .new-build-1-img,
  .new-build-2-img,
  .new-build-3-img,
  .new-build-4-img,
  .new-build-5-img,
  .new-build-6-img {
    flex: 0 0 100px !important;
    min-width: 40%;
    border-radius: 0.5rem 0.5rem 0 0;
  }
}

/* Existing Build Homes */
.existing-build-banner-bg-img {
  background: url('../images/existing-build-homes/existing-build-banner.webp') center/cover no-repeat;
  position: relative;
}

.wall-insulation-img {
  background: url('../images/existing-build-homes/wall-insulation.webp') center/cover no-repeat;
  border-radius: 0.5rem 0.5rem;
  flex: 0 0 400px;
  height: 400px;
}

.vapour-barrier-img {
  background: url('../images/existing-build-homes/ground-vapour-barrier.webp') center/cover no-repeat;
  border-radius: 0.5rem 0.5rem;
  flex: 0 0 400px;
  height: 400px;
}

.ceiling-insulation-img {
  background: url('../images/existing-build-homes/ceiling-insulation.webp') center/cover no-repeat;
  border-radius: 0.5rem 0.5rem;
  flex: 0 0 400px;
  height: 400px;
}

.underfloor-insulation-img {
  background: url('../images/existing-build-homes/underfloor-insulation.webp') center/cover no-repeat;
  border-radius: 0.5rem 0.5rem;
  flex: 0 0 400px;
  height: 400px;
}

.existing-build-cta-img {
  background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)), url('../images/existing-build-homes/existing-build-cta-img.webp') center/cover no-repeat;
}

@media (max-width: 575.98px) {
  .wall-insulation-img,
  .vapour-barrier-img,
  .ceiling-insulation-img,
  .underfloor-insulation-img {
    flex: 0 0 100% !important;
    border-radius: 0.5rem 0.5rem;
  }
}