body {
	color: #616057;
}

a:hover {
    color: #b3cc7d;
  }

  h2 {
	color: #b3cc7d !important;
  }


.navbar__brand {
	text-decoration: none;
	display: grid;
	place-items: center;
	width: 190px;
	height: 150px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: -10px;
	box-shadow: 0 6px 6px -4px rgba(0,0,0,.1);
}

.navbar__brand img {
	height: unset !important;
}


@media (min-width: 1000px) {
    .section--hero {
      background: no-repeat url('https://files.uk-siteglide.com/instances/64/assets/images/build/nest-build/nest-hero-img.jpeg?updated=1740491010000');
      background-position-x: 0%;
      background-position-y: 0%;
      background-size: auto;
      background-position: center top;
      background-size: cover;
    }
  }


  .section--washing-line {
	background-position: center 230px;
	background-size: contain;
}

.flex {
	display: flex;
}

.section-flex {
	display: flex;
	align-items: center;
}
.section-flex-reverse {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
}

.section-flex img,.section-flex-reverse img {
	width: 100%;
}

@media (max-width: 992px) {
	.section-flex {
		flex-direction: column-reverse;
	}

	.section-flex-reverse {
		flex-direction: column-reverse;
	}
	
}

/* .testimonial {
	background-color: #b3cc7d;
} */

.button {
	background: #b3cc7d;
}

.t-green {
	color: #b3cc7d;
}

.a-green {
	color: #b3cc7d;
}

.a-green:hover {
	color: #616057;
}

.bg-green {
	background-color: #b3cc7d;
}

.mt-20 {
	margin-top: 80px;
}
.mb-10 {
	margin-bottom: 40px;
}
.mb-6 {
	margin-bottom: 24px;
}


.nursery-wrapper {
	gap: 80px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-top: 80px;
}


.nursery svg {
	height: 50px;
	margin-right: 8px;
}

.section--washing-line.nursery {
	background-position: center 0px;
}

.inner-btn {
	padding: 8px 12px;
	background-color: #616057;
	color: #b3cc7d !important;
	display: inline-block;
}

.card-container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	place-items: center;
}

.card-container.four {
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 20px;
}

@media (max-width:768px) {
	.card-container.four {
		grid-template-columns: 1fr 1fr 1fr;
		gap: 16px;
	}
}

@media (max-width:600px) {
	.card-container.four {
		grid-template-columns: 1fr 1fr;
	}
}

.card-container.four .gallery figure {
	margin: 0;
	width: 100%;
}

.card-container.four .gallery figure img {
	width: 100%;
}

.card-container .card {
	text-align: center;
	padding: 20px 24px;
	border: 1px solid #b3cc7d;
	max-width: 306px;
}

.wrapper.custom {
	max-width: 1140px;
}

.text-center {
	text-align: center;
}
.w-full {
	width: 100%;
}
.h-full {
	height: 100%;
}





.our-team-card figure {
	margin: 0;
}
.our-team-card figure img {
	display: block;
}

.our-team-card .our-team-description {
	background-color: #b3cc7d;
	padding: 32px 24px;
}

.our-team-description p {
	margin: 0;
	color: white;
}

.faq-items h5 {
	/* color: #b3cc7d !important; */
	margin-bottom: 0 !important;
}

.faq-items a {
	text-decoration: underline;
}

.faq-items {
	margin-bottom: 64px;
}

.m-0 {
	margin: 0;
}

.p-5 {
	padding: 20px;
}

.gap-20 {
	gap: 80px;
}


.contact-details h4 {
	margin-bottom: 12px !important;
}






.contact-items {
	width: 50%;
}
.contact-items input{
	padding: 8px 4px;
}

.contact-items.t-green {
	background-color: #f7f5ee;
}

.flex-col {
	display: flex;
	flex-direction: column;
}

.bg-primary-gray {
	background-color: #616057;
}

.submit-btn {
	background-color: #616057;
	color: white;
	padding: 12px;
}


.blog-container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 24px;
}

@media (max-width:768px) {
	.blog-container {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width:550px) {
	.blog-container {
		grid-template-columns: 1fr;
	}
}

.blog-cards {
	border: 1px solid #b3cc7d;
	border-radius: 8px;
}

.blog-cards figure {
	margin: 0;
	border-radius: 8px;
}

.blog-cards figure img {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	width: 100%;
	max-height: 273px;
	object-fit: cover;
}

.blog-details {
	padding: 20px;
}


.section--page-header {
	background-color: #b3cc7d !important;
}

.nest-btn {
	background-color:#b3cc7d !important ;
}

.meet-team-block {
	margin-top: 40px;
}

.card-container.four {
	display: grid;
	grid-template-columns: repeat(4, 1fr); /* Max 4 items per row */
	gap: 16px;
  }
  
  .gallery figure {
	margin: 0;
  }
  
  .gallery img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 8px;
	cursor: pointer;
  }


  .navbar__item.active > a {
	color: #b3cc7d !important;
  }

  .navbar__item.active > a::after {
	background: none !important;
  }

a:hover {
	color: #b3cc7d !important;
  }

  .nest-btn:hover {
	color: #333 !important;
  }