.hero-split{
		position: relative;
		min-height: 560px;               
		display: grid;
		place-items: center;
		padding: clamp(60px, 8vw, 120px) 16px; 
		color: #fff;
		text-align: center;
		background-image:url("../images/services/hero-banner.png");
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		overflow: hidden;
	}

	/* Inner container */
	.hero-inner{
	  width: min(1100px, 92vw);
	  margin-inline: auto;
	}

	/* Typography */
	.hero-inner h1{
	  font-size: clamp(28px, 3.2vw + 12px, 56px);
	  line-height: 1.1;
	  color:#fff;
	  font-weight: 800;
	  letter-spacing: .2px;
	  margin: 0 0 14px 0;
	  text-shadow: 0 8px 30px rgba(0,0,0,.35);
	}

	.hero-inner p{
	  font-size: clamp(16px, 1.2vw + 8px, 22px);
	  line-height: 1.5;
	  margin: 0 auto 26px;
	  max-width: 850px;
	  opacity: .95;
	}

	/* CTA button */
	.btn-hero{
	  display: inline-block;
	  padding: 14px 26px;
	  border-radius: 10px;
	  font-weight: 700;
	  text-decoration: none;
	  color: #fff;
	  background: #e63946;
	  box-shadow: 0 10px 24px rgba(230,57,70,.35);
	  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
	}
	.btn-hero:hover{ transform: translateY(-1px); box-shadow: 0 14px 28px rgba(230,57,70,.45); }
	.btn-hero:active{ transform: translateY(0); }

	/* Optional: add a soft vignette for text legibility on very bright photos */
	.hero-split::after{
	  content: "";
	  position: absolute; inset: 0;
	  box-shadow: inset 0 -160px 180px -120px rgba(0,0,0,.55);
	  pointer-events: none;
	}

	/* Responsive tweaks for very small screens */
	
	@media (max-width: 480px){
	  .hero-split{ min-height: 480px; }
	  .btn-hero{ width: 100%; max-width: 340px; }
		a.theme-btn-two.btn_right {
			margin-top: 15px;
		}
	}
	@media (max-width: 376px){
		.theme-btn-two {
			font-size: 13px;
			padding: 19px 10px 16px 10px

		}
	}
    .btn-primary {
      background: #e63946;
      border: none;
      padding: 12px 30px;
      font-weight: bold;
      border-radius: 8px;
    }

    /* Section Headings */
    h2.section-title {
      font-size: 2rem;
      font-weight: 700;
      margin-bottom: 30px;
      text-align: center;
      color: #0a2a43;
    }


    /* CTA */
    .cta {
      background: #0a2a43;
      color: #fff;
      text-align: center;
      padding: 70px 20px;
      border-radius: 12px;
    }
    .cta h2 {
      font-size: 2rem;
      font-weight: 700;
	  color:#fff;
      margin-bottom: 15px;
    }
    .cta p {
      font-size: 1.1rem;
      margin-bottom: 25px;
    }
	a.theme-btn-two.btn_right {
		background-image: -webkit-linear-gradient(0deg, #bebbbb 0%, #bebbbb 100%);
	}
	.list-box__item{
		line-height: 40px;
	}
	.single-service-four.corodo-plumbing {
		padding: 70px 0;
	}