.br-12 {
		border-radius: 12px;
	}
	
	.br-24 {
		border-radius: 24px;
	}
	
	.p-32 {
		padding: 32px;
	}
	
	.fs-14 {
		font-size: 14px !important;
	}
	
	.py-64{
		padding: 64px 0 !important;
	}
	
	.no-scroll {
	  overflow: hidden;
	  height: 100vh;
	}
	
	/* Hero section */
	.guide-cate-hero-section.dark-background.has-background  {
		padding: 0;
	}
	
	.guide-cate-hero-section {
		width: 100vw;
	}
	
	.guide-cate-hero-container > div{
		max-width: 768px;
	}
	
	.guide-cate-hero-heading{
		font-size: 50px !important;
	}
	
	.guide-cate-hero-subheading{
		font-size: 18px !important;
	}
	
	.guide-cate-hero-btn a{
		width: max-content !important;
		padding: 8px 16px;
		font-size: 14px !important;
	}
	
.custom-search-form {
  max-width: 720px;
	width: 100%;
}

.search-wrapper {
  position: relative;
  width: 100%;
}

.search-wrapper input[type="text"] {
  width: 100%;
  padding: 14px 18px 14px 48px; /* space for icon */
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  background: #FFFFFF;
  font-size: 14px !important;
  color: #111827;
  outline: none;
  transition: all 0.25s ease;
}

/* Your custom image icon */
.search-wrapper::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 18px;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  pointer-events: none;

  background: url("https://yoursite.com/wp-content/uploads/search-icon.png") no-repeat center;
  background-size: contain;
}

/* Focus effect */
.search-wrapper input:focus {
  background: #ffffff;
  border-color: #e63746;
  box-shadow: 0 0 0 3px rgba(230, 55, 70, 0.1);
}
	
	/* Guide pages list */
		.guide-cards-group > div{
		gap: 24px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	
	.guide-card {
		border: 1px solid #E5E7EB;
		padding: 20px;
		transition: 
			box-shadow 0.3s ease,
			border-color 0.3s ease,
			transform 0.3s ease;
	}
	
	.guide-card:hover {
	  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
	  border-color: rgba(230, 55, 70, 0.3);
	}
	
	.card-tag.dark-background.has-background {
		padding: 2px 10px;
		border-radius: 999px;
		
	}
	
	.card-use-case.dark-background.has-background {
		padding: 2px 8px;
		border-radius: 6px;
	}

	
		@media screen and (max-width: 768px) {
		.section-container.dark-background.has-background {
			padding: 64px 0 !important;
		}
		
		.section-heading {
			margin-top: 0 !important;
		}
		
		/* Hero section */
		.guide-cate-hero-section.dark-background.has-background {
			padding: 60px 20px 0 !important;
		}
		
		.guide-cate-hero-container {
			margin: 0 !important;
		}
		
		.guide-cate-hero-container > *{
			padding-left: 0;
			padding-right: 0;
		}
		
		.guide-cate-hero-heading {
			margin-top: 0 !important;
		}
		
	}
	
	@media screen and (max-width: 768px) {
				/* Guides pages list section */
		.guide-cards-group {
			width: 90%;
		}
		
		.guide-card p{
			padding-left: 0;
			padding-right: 0;
		}
		
		.guide-card.dark-background.has-background {
				padding: 24px !important;
			}
	}
	
		@media screen and (max-width: 576px){
		/* Hero section */
		.guide-cate-hero-heading {
			font-size: 36px !important;
		}
		
		.guide-cate-hero-section p {
			padding-left: 0;
			padding-right: 0;
		}
			
		.custom-search-form {
			width: 90%;
		}
			
		/* Guide pages list */
			.guide-cards-group > div {
				grid-template-columns: 1fr;
			}
	}