/* =========================Banner Section Design====================== */

.cps-banner {
  position: relative;
  width: 100%;
  height: 70vh; /* Adjust height as needed */
  /* background: url('your-banner-image.jpg') no-repeat center center/cover; */
  display: flex;
  align-items: center;
  background: linear-gradient(to right, #132039, #294375);
  justify-content: center;
  color: #fff;
  text-align: center;
}


.cps-banner-content {
  position: relative;
  z-index: 1;
  max-width: 800px;
  padding: 20px;
}

.cps-banner h1 {
  font-size: 3rem;
  margin-bottom: 10px;
}

.cps-banner p {
  font-size: 1.2rem;
  margin-bottom: 20px;
}

.cps-banner-btn {
  padding: 14px 36px;  /* bigger button */
  font-size: 1.1rem;   /* slightly larger text */
 	background-image: linear-gradient(135deg, #f34079 40%, #fc894d);
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  border-radius: 6px;
  transition: all 200ms ease-in-out;
}

/* For tablet view */
@media (max-width: 820px){
	.cps-banner {
	  position: relative;
	  width: 100%;
	  height: 70vh;
	}
}