section {
	scroll-margin-top: 130px; /* equal to your fixed header height */
  }

  #banner-serve-mobile {
	display: none;
  } 
  #banner-serve-you {
	background: url('https://www.homesc.com/Images/HomeSC/2023/serve-you/banner-serve-you-v2.jpg') no-repeat top left / cover;
	color: #fff;
	text-align: center;
	padding: 9% 25px 6%;
	position: relative;
  }  
  #banner-serve-you h1 {
	font-family: 'Bebas Neue',sans-serif;
	color: #333;
	font-size: 100px;
	line-height: .9em;
	text-transform: uppercase;
	margin: 17px 0 0;
  }
  #banner-serve-you p {
	font-family: 'Quasimoda',sans-serif;
	font-size: 25px;
	font-weight: 300;
	color: #333;
	margin: 10px 0 0;
  }
  @media screen and (max-width: 1200px) {
	#banner-serve-you:before {
	  content: '';
	  display: block;
	  background: rgba(255,255,255,0.6);
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 88;
	}
	#banner-serve-you .container {
	  position: relative;
	  z-index: 99;
	}
	#banner-serve-you h1 {
	  font-size: 100px;
	}
	#banner-serve-you p {
	  font-size: 25px;
	}
  }
  @media screen and (max-width: 767px) {
	#banner-serve-you {
	  background: url('/Images/HomeSC/2023/serve-you/banner-serve-you-m.jpg') no-repeat top left / cover;
	}
	#banner-serve-you h1 {
	  font-size: 65px;
	}
	#banner-serve-you p {
	  font-size: 25px;
	}
	.happy-server {
	  text-align: center;
	  padding-top: 15px;
	}
	.happy-server h1 {
	  text-transform: uppercase;
	  font-size: 28px;
	}
	.happy-server p {
	  font-size: 18px;
	}
	#banner-serve-mobile {
	  display: block;
	  padding-top: 8px;
	}
	#banner-serve-you {
	  display: none;
	}
	#service-categories {
	  padding: 30px 15px 40px !important;
	}
	#service-cat-wrap ul li span {
	  font-size: 18px !important;
	}
  }
  @media screen and (max-width: 575px) {
	#banner-serve-you h1 {
	  font-size: 42px;
	}
  }

  @media screen and (min-width: 575px) and (max-width: 1200px) {
	body #service-cat-wrap ul li > span {
	  font-size: 20px;
	}
  }

  h5.section-header {
	font-family: 'Quasimoda',sans-serif;
	font-size: 18px;
	font-weight: 300;
	text-transform: uppercase;
	margin: 0;
  }
  h2 {
	display: inline-block;
	font-size: 30px;
	font-weight: 400;
	margin: 5px 0 10px;
	position: relative;
  }
  #service-categories {
	background: url('/Images/HomeSC/2023/serve-you/bg-service-categories.png') no-repeat right 175px / 95%;
	text-align: center;
	padding: 50px 15px 75px;
  }
  #service-categories p {
	/* font-size: 17px; */
	font-size: 21px;
	font-weight: 300;
  }
  #service-cat-wrap {
	margin-top: 15px;
  }
  #service-categories ul {
	margin: 0;
	padding: 0;
	list-style: none;
  }
  #service-categories ul li, #service-categories ul li:hover, #service-categories ul li.active {
	display: block;
	color: #333;
	text-decoration: none;
	outline: 0;
	border-color: transparent;
  }
  #service-categories ul li {
	display: inline-block;
	background-color: #fff;
	text-align: center;
	width: 19%;
	margin: 0.5%;
	/* padding: 15px 10px; */
	padding: 30px 10px 25px;
	border: solid 2px #eeeeee;
	/* border-radius: 10px; */
	border-radius: 15px;
	vertical-align: middle;
	float: left;
	min-height:160px;
  }
  @media screen and (max-width: 992px) {
	#service-categories ul li {
	  width: 32%;
	}
  }
  @media screen and (max-width: 767px) {
	#service-categories ul li {
	  width: 49%;
	}
  }
  #service-categories ul li span
  #service-categories ul li:visited span {
	display: block;
	color: #333333;
	font-size: 20px;
  }
  #service-categories ul li:hover span,
  #service-categories ul li.active span {
	color: #fff;
  }
  #service-categories ul li img {
	/* width: 100px;
	max-width: 100px; */
	width: 110px;
	max-width: 110px;
	margin: 0 auto 15px;
	cursor: pointer;
	transition: all 0.5s;
  }

  #service-categories ul li img.icon-color {
	display: block;
  }
  #service-categories ul li img.icon-white {
	display: none;
  }
  #service-categories ul li img.icon-color.home_phone {
	padding: 5px;
  }
  #service-categories ul li img.icon-white.home_phone {
	padding: 5px;
  }
  #service-categories ul li:hover img.icon-color,
  #service-categories ul li.active img.icon-color {
	display: none;
  }
  #service-categories ul li:hover img.icon-white,
  #service-categories ul li.active img.icon-white {
	display: block;
  }
  #service-categories ul li:hover,
  #service-categories ul li.active {
	background: rgb(38,184,233); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(38,184,233,1) 0%, rgba(38,184,233,1) 8%, rgba(37,183,230,1) 9%, rgba(38,184,231,1) 12%, rgba(36,182,229,1) 12%, rgba(38,185,229,1) 14%, rgba(36,183,227,1) 17%, rgba(38,185,229,1) 17%, rgba(36,183,226,1) 19%, rgba(36,184,224,1) 24%, rgba(35,182,216,1) 31%, rgba(37,182,213,1) 38%, rgba(37,182,211,1) 39%, rgba(36,181,208,1) 40%, rgba(37,182,209,1) 43%, rgba(35,181,204,1) 47%, rgba(36,183,203,1) 49%, rgba(37,180,196,1) 55%, rgba(38,181,197,1) 58%, rgba(36,179,193,1) 58%, rgba(36,180,191,1) 60%, rgba(38,182,193,1) 61%, rgba(36,180,189,1) 62%, rgba(37,180,186,1) 69%, rgba(36,179,183,1) 70%, rgba(38,180,184,1) 71%, rgba(36,180,181,1) 73%, rgba(37,179,180,1) 77%, rgba(36,179,177,1) 77%, rgba(37,180,178,1) 80%, rgba(38,178,175,1) 84%, rgba(37,178,172,1) 84%, rgba(38,179,173,1) 87%, rgba(37,178,170,1) 88%, rgba(37,178,169,1) 95%, rgba(37,177,164,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(38,184,233,1) 0%,rgba(38,184,233,1) 8%,rgba(37,183,230,1) 9%,rgba(38,184,231,1) 12%,rgba(36,182,229,1) 12%,rgba(38,185,229,1) 14%,rgba(36,183,227,1) 17%,rgba(38,185,229,1) 17%,rgba(36,183,226,1) 19%,rgba(36,184,224,1) 24%,rgba(35,182,216,1) 31%,rgba(37,182,213,1) 38%,rgba(37,182,211,1) 39%,rgba(36,181,208,1) 40%,rgba(37,182,209,1) 43%,rgba(35,181,204,1) 47%,rgba(36,183,203,1) 49%,rgba(37,180,196,1) 55%,rgba(38,181,197,1) 58%,rgba(36,179,193,1) 58%,rgba(36,180,191,1) 60%,rgba(38,182,193,1) 61%,rgba(36,180,189,1) 62%,rgba(37,180,186,1) 69%,rgba(36,179,183,1) 70%,rgba(38,180,184,1) 71%,rgba(36,180,181,1) 73%,rgba(37,179,180,1) 77%,rgba(36,179,177,1) 77%,rgba(37,180,178,1) 80%,rgba(38,178,175,1) 84%,rgba(37,178,172,1) 84%,rgba(38,179,173,1) 87%,rgba(37,178,170,1) 88%,rgba(37,178,169,1) 95%,rgba(37,177,164,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(38,184,233,1) 0%,rgba(38,184,233,1) 8%,rgba(37,183,230,1) 9%,rgba(38,184,231,1) 12%,rgba(36,182,229,1) 12%,rgba(38,185,229,1) 14%,rgba(36,183,227,1) 17%,rgba(38,185,229,1) 17%,rgba(36,183,226,1) 19%,rgba(36,184,224,1) 24%,rgba(35,182,216,1) 31%,rgba(37,182,213,1) 38%,rgba(37,182,211,1) 39%,rgba(36,181,208,1) 40%,rgba(37,182,209,1) 43%,rgba(35,181,204,1) 47%,rgba(36,183,203,1) 49%,rgba(37,180,196,1) 55%,rgba(38,181,197,1) 58%,rgba(36,179,193,1) 58%,rgba(36,180,191,1) 60%,rgba(38,182,193,1) 61%,rgba(36,180,189,1) 62%,rgba(37,180,186,1) 69%,rgba(36,179,183,1) 70%,rgba(38,180,184,1) 71%,rgba(36,180,181,1) 73%,rgba(37,179,180,1) 77%,rgba(36,179,177,1) 77%,rgba(37,180,178,1) 80%,rgba(38,178,175,1) 84%,rgba(37,178,172,1) 84%,rgba(38,179,173,1) 87%,rgba(37,178,170,1) 88%,rgba(37,178,169,1) 95%,rgba(37,177,164,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26b8e9', endColorstr='#25b1a4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  }


  #serve-contact {
	background-color: #f2faff;
	padding: 50px 15px;
  }
  #serve-contact h2 {
	font-family: 'Bebas Neue',sans-serif;
	color: #333;
	/* font-size: 38px; */
	line-height: 0.9em;
	text-transform: uppercase;
	margin: 17px 0 0;
	font-size: 50px;
  }
  #serve-contact p {
	/* font-size: 18px; */
	font-size: 21px;
	font-weight: 300;
	line-height: 1.3em;
	max-width: 900px;
	margin: 10px auto;
  }
  #serve-contact #form-wrap {
	max-width: 750px;
	margin: 15px auto;
	padding: 15px;
  }
  #serve-contact .form-control {
	height: auto;
	border: 0;
	outline: 0;
	padding: 12px 15px;
  }
  #serve-contact button {
	display: inline-block;
	background-color: #6fb841;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 15px;
	margin-top: 15px;
	padding: 12px 25px;
	outline: 0;
	border: 0;
	border-radius: 10px;
	transition: all 0.5s;
  }
  #serve-contact button img {
	display: inline-block;
	width: 25px;
	margin-left: 8px;
	margin-right: 7px;
  }
  #serve-contact button:hover {
	display: inline-block;
	background-color: #66ac3b;
	color: #fff;
	text-decoration: none;
	outline: 0;
	border: 0;
  }

  #serve-contact ::-webkit-input-placeholder { /* Edge */
	font-size: 13px;
	text-transform: uppercase;
  }
  #serve-contact :-ms-input-placeholder { /* Internet Explorer 10-11 */
	font-size: 13px;
	text-transform: uppercase;
  }
  #serve-contact ::placeholder {
	font-size: 13px;
	text-transform: uppercase;
  }

  #service-cat-wrap ul li span{
	font-size: 21px;
	/* font-weight: 300; */
  }