
	.section-one-home {
		background-color: #122017;
		text-align: center;
		padding: 120px 0px 130px 0px;
	}

	@media screen and (min-width: 768px) {
		.home-banner-mobile {
			display: none;
		}

		.section-one-home {
			background-image: url('https://harmonytreenetea6db.zapwp.com/q:i/r:0/wp:1/w:1/u:harmonytree.net/wp-content/uploads/2026/03/home-banner.webp');
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
			text-align: center;
			padding: 120px 0px 130px 0px;
		}
	}

	@media screen and (max-width: 767px) {
		.home-banner-mobile {
			width: 100%;
			height: auto;
		}
	}

	.home-sec1 .pretitle {
		color: #fff;
		font-family: "Plus Jakarta Sans","Plus Jakarta Sans Fallback", sans-serif;
		font-weight: 700;
		font-size: 20px;
	}

	.home-sec1 h1 {
		color: #fff;
		font-size: 70px;
		font-weight: 700;
		margin-top: 0px;
		margin-bottom: 20px;
	}

	.home-sec1 .content {
		max-width: 1024px;
		margin: 0 auto;
	}

	.home-sec1 p {
		color: #fff;
		font-size: 20px;
		line-height: 27px;
		font-weight: 400;
		margin-bottom: 25px;
	}

	.home-btn a {
		color: #fff;
		font-size: 24px;
		font-weight: 700;
		margin: 0px 15px;
		padding: 20px 25px;
		display: inline-block;
	}

	.home-btn a.green {
		background-color: transparent;
		border: 1px solid #FFFFFF;
		border-radius: 5px;
	}

	.home-btn a.orange {
		background-color: #FF5E14;
		font-weight: 400;
		border-radius: 5px;
	}

	.home-btn a:hover {
		text-decoration: none;
		opacity: 0.8;
	}

	.section-two-home {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		padding: 70px 0px;
		background-color: #324E2A;
	}

	.section-two-home h2 {
		color: #fff;
		font-size: 48px;
		line-height: 55px;
		font-weight: 700;
		text-align: center;
		max-width: 65%;
		margin: 0 auto;
		margin-bottom: 0px;
		margin-bottom: 35px;
	}

	.sec2-title p {
		text-align: center;
		font-size: 16px;
		line-height: 23px;
		color: #fff;
		font-weight: 700;
		margin-bottom: 5px;
	}

	.sec2-inner {
		background-color: #fff;
		background-repeat: repeat;
		background-position: center;
		border-top-left-radius: 5px;
		padding: 30px 20px 0px 20px;
		min-height: 100%;
		border-top-right-radius: 5px;
		margin-bottom: -10px;
	}

	.section-two-home hr {
		background-color: var(--darkgreen);
		width: 72px;
		height: 2px;
		text-align: left;
		margin: 0;
		margin-bottom: 0px;
		margin-bottom: 15px;
	}

	.section-two-home .col-md-4 {
		margin-bottom: 100px;
	}

	.sec2-btns a {
		color: #fff;
		font-size: 16px;
		font-weight: 700;
	}

	.sec2-inner a {
		color: var(--dark-blue);
	}

	.sec2-inner a:hover {
		text-decoration: none;
		color: var(--primary);
	}

	.sec2-btns .orange {
		background-color: #FF5E14;
		text-align: center;
		padding: 20px 10px;
	}

	.sec2-btns .orange .fa.fa-angle-right {
		color: var(--dark-blue);
		background-color: #fff;
		font-size: 18px;
		border-radius: 100px;
		padding: 2px 8px;
		width: 22px;
		height: 22px;
		margin-left: 8px;
	}

	.sec2-inner h3 {
		color: inherit;
		font-size: 20px;
		line-height: 27px;
		margin-top: 15px;
		margin-bottom: 15px;
		font-weight: 700;
	}

	.sec2-btns a:hover {
		text-decoration: none;
		opacity: 0.8;
	}

	.section-three-home .row {
		align-content: center;
		align-items: center;
	}

	.section-three-home h2 {
		color: var(--dark-blue);
		font-size: 48px;
		line-height: 55px;
		font-weight: 700;
		margin-top: 0px;
	}

	.section-three-home p,
	.section-three-home li {
		color: #000;
	}

	.section-three-home li::before {
		content: "\f00c";
		font-family: "FontAwesome";
		color: #fff;
		background-color: var(--darkgreen);
		border-radius: 100px;
		padding: 3px 3px;
		font-size: 14px;
		margin-right: 10px;
	}

	.section-three-home ul {
		list-style: none;
		margin: 0 auto;
		padding: 0px;
	}

	.section-three-home .content ul {
		columns: 2;
		margin-bottom: 20px;
	}

	.section-three-home .credentials ul {
		columns: 3;
	}

	.section-three-home ul li {
		margin-bottom: 5px;
	}

	.section-three-home .credentials {
		background-color: #E7E9DF;
		padding: 10px 20px;
	}

	.section-three-home h3 {
		font-size: 32px;
		line-height: 1.2;
		font-weight: 700;
		margin-bottom: 10px;
	}

	.section-three-home p a {
		color: #484E54;
	}

	.section-three-home {
		padding: 80px 0px;
	}

	.rl-gallery:not(.rl-hidden-text) .rl-gallery-link::after {
		background-color: #A02020B5;
	}

	[class^="rl-hover-icon-"] .rl-gallery-link::before,
	[class*=" rl-hover-icon-"] .rl-gallery-link::before {
		color: #000;
		background-color: #fff;
		font-size: 30px;
	}

	.sec4-btn a {
		color: #fff;
		background-color: var(--primary);
		font-size: 24px;
		font-weight: 700;
		display: inline-block;
		padding: 25px 55px;
		border-radius: 5px;
	}

	.sec4-btn a:hover {
		text-decoration: none;
		opacity: 0.8;
	}

	.sec4-btn {
		text-align: center;
		margin-top: 35px;
	}

	.section-four-home {
		padding-bottom: 80px;
		background-color: #fff;
	}

	.section-five-home h2 {
		color: #1C262F;
		font-size: 32px;
		line-height: 39px;
		font-weight: 700;
		margin-top: 0px;
	}

	.section-five-home {
		padding: 60px 0px;
		background: #E7E9DF;
	}

	.section-five-home .row {
		align-content: center;
		align-items: stretch;
		justify-content: center;
	}

	.sec5-inner {
		padding: 25px 15px;
		background-color: #122017;
		color: #fff;
		height: 100%;
		min-height: 207px;
	}

	.sec5-inner h3 {
		color: inherit;
		font-size: 18px;
		line-height: 25px;
		font-weight: 700;
		margin-bottom: 10px;
	}

	.section-five-home .col-md-4 {
		margin-bottom: 30px;
	}

	.sec5-inner p {
		color: inherit;
		font-size: 16px;
		line-height: 23px;
		font-weight: 400;
		margin-bottom: 0px;
		margin-top: 0px;
	}

	.section-five-home .col-md-3 {
		margin-bottom: 25px;
	}

	.section-five-home .col-md-12 {
		margin-bottom: 25px;
	}

	.section-five-home a {
		color: #484E54;
	}

	.section-five-home .col-md-12 p {
		padding: 0px 100px;
	}

	.section-six-home {
		background-image: url('https://harmonytreenetea6db.zapwp.com/q:i/r:0/wp:1/w:1/u:harmonytree.net/wp-content/uploads/2026/03/call-to-action.webp');
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		padding: 50px 0px;
		text-align: center;
	}

	.section-six-home h2 {
		color: #fff;
		font-size: 36px;
		line-height: 43px;
		font-weight: 700;
		margin-top: 0px;
	}

	.section-six-home p {
		color: #E2E2E2;
		font-size: 16px;
		line-height: 23px;
		font-weight: 400;
		padding: 0px 315px;
	}

	.sec6-btn a {
		color: #fff;
		font-size: 16px;
		font-weight: 700;
		background-color: var(--primary);
		display: inline-block;
		padding: 15px 30px;
	}

	.sec6-btn a:hover {
		text-decoration: none;
		opacity: 0.8;
	}

	.sec6-btn a .fa {
		color: var(--primary);
		background-color: #fff;
		padding: 1px 5px 1px 6px;
		margin-right: 10px;
		border-radius: 50%;
	}

	.home-blog .hm-blog {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		column-gap: 20px;
	}

	.home-blog .blog-cont {
		padding: 15px 0px 0px 0px;
	}

	.home-blog .col-md-12 h2 {
		color: #020D00;
		font-size: 48px;
		line-height: 55px;
		font-weight: 700;
		margin-top: 0px;
		text-align: left;
		margin-bottom: 40px;
	}

	.home-blog {
		padding: 50px 0px 70px 0px;
		display: block;
		background-color: #fff;
	}

	.home-blog .blog-dt .fa.fa-calendar {
		color: #234387;
		padding-right: 2px;
	}

	.home-blog .blog-dt p {
		color: #000;
		font-size: 16px;
		line-height: 23px;
		font-weight: 400;
	}

	.home-blog .blog-cont h2 {
		color: var(--dark-blue);
		font-size: 18px;
		line-height: 25px;
		text-align: left;
		padding-bottom: 20px;
		font-weight: 700;
		margin-bottom: 0px;
	}

	.home-blog .blog-btn a {
		color: #F79215;
		font-size: 16px;
		font-weight: 700;
	}

	.home-blog .blog-btn a i {
		color: #fff;
		background-color: #F79215;
		font-size: 18px;
		border-radius: 100px;
		width: 22px;
		height: 22px;
		text-align: center;
		padding: 2px 8px;
		font-weight: 800;
		margin-left: 4px;
	}

	@media screen and (max-width: 1240px) {
		.home-sec1 h1 {
			font-size: 70px;
			line-height: 77px;
			margin-bottom: 25px;
		}

		.home-sec1 p {
			font-size: 18px;
			line-height: 25px;
			margin-bottom: 25px;
		}

		.home-btn a {
			font-size: 22px;
			padding: 20px 25px;
		}

		.section-one-home {
			padding: 60px 0px 85px 0px;
		}

		.section-two-home {
			padding: 55px 0px;
		}

		.section-two-home h2 {
			font-size: 45px;
			line-height: 52px;
			margin-bottom: 30px;
		}

		.sec4-btn a {
			font-size: 20px;
			padding: 20px 50px;
		}

		.section-four-home {
			padding-bottom: 60px;
		}

		.home-blog .col-md-12 h2 {
			font-size: 45px;
			line-height: 52px;
			margin-bottom: 30px;
		}

		.home-blog {
			padding: 35px 0px 60px 0px;
		}

		.home-blog .col-md-12 .blog-cont h2 {
			font-size: 18px;
			line-height: 25px;
			margin-bottom: 0px;
			padding-bottom: 0px;
			min-height: auto;
		}
	}

	@media screen and (max-width: 1200px) {
		.home-sec1 h1 {
			font-size: 60px;
			line-height: 67px;
			margin-bottom: 20px;
		}

		.section-one-home {
			padding: 50px 0px 75px 0px;
		}

		.section-three-home {
			padding: 60px 0px;
		}

		.section-four-home .rl-gallery-item img {
			width: 100%;
		}
	}

	@media screen and (max-width: 1024px) {
		.home-sec1 h1 {
			font-size: 50px;
			line-height: 57px;
			margin-bottom: 20px;
		}

		.home-btn a {
			font-size: 18px;
			padding: 18px 23px;
		}

		.section-two-home {
			padding: 40px 0px;
		}

		.section-two-home h2 {
			font-size: 35px;
			line-height: 42px;
			margin-bottom: 20px;
		}

		.section-three-home {
			padding: 40px 0px;
		}

		.section-three-home h2 {
			font-size: 30px;
			line-height: 37px;
		}

		.section-three-home p,
		.section-three-home li {
			font-size: 15px;
			line-height: 22px;
		}

		.section-five-home {
			padding: 40px 0px;
		}

		.section-five-home h2 {
			font-size: 30px;
			line-height: 37px;
		}

		.section-five-home .col-md-12 p {
			padding: 0px 0px;
			font-size: 15px;
			line-height: 22px;
		}

		.section-six-home {
			padding: 40px 0px;
		}

		.section-six-home h2 {
			font-size: 33px;
			line-height: 40px;
			margin-bottom: 15px;
		}

		.section-six-home p {
			font-size: 15px;
			line-height: 22px;
			padding: 0px;
		}

		.home-blog .col-md-12 h2 {
			font-size: 35px;
			line-height: 42px;
			margin-bottom: 20px;
		}

		.home-blog {
			padding: 35px 0px 55px 0px;
		}
	}

	@media screen and (max-width: 900px) {
		.home-sec1 h1 {
			font-size: 45px;
			line-height: 52px;
			margin-bottom: 15px;
		}

		.home-sec1 p {
			font-size: 17px;
			line-height: 23px;
			margin-bottom: 20px;
		}

		.section-one-home {
			padding: 50px 0px 60px 0px;
		}
	}

	@media screen and (max-width: 768px) {
		.home-sec1 h1 {
			font-size: 40px;
			line-height: 47px;
		}

		.section-one-home {
			padding: 40px 0px 50px 0px;
		}

		.section-three-home h2 {
			font-size: 28px;
			line-height: 35px;
		}

		.section-four-home {
			padding: 0px 0px 50px 0px;
		}

		.sec4-btn a {
			font-size: 18px;
			padding: 16px 40px;
		}

		.section-five-home h2 {
			font-size: 28px;
			line-height: 35px;
		}

		.section-six-home h2 {
			font-size: 30px;
			line-height: 37px;
			margin-bottom: 10px;
		}

		.home-blog .col-md-12 h2 {
			font-size: 33px;
			line-height: 40px;
		}
	}

	@media screen and (max-width: 767px) {

		.section-three-home .content ul,
		.section-three-home .credentials ul {
			columns: 1;
		}

		.section-three-home h3 {
			font-size: 24px;
		}
	}

	@media screen and (max-width: 700px) {
		.home-sec1 h1 {
			font-size: 35px;
			line-height: 42px;
		}

		.section-two-home h2 {
			font-size: 30px;
			line-height: 37px;
			margin-bottom: 15px;
			max-width: 100%;
		}

		.section-two-home .col-md-4 {
			margin-bottom: 20px;
		}

		.section-three-home img {
			width: 100%;
			margin-bottom: 20px;
		}

		.section-three-home h2 {
			font-size: 25px;
			line-height: 31px;
			margin-bottom: 15px;
		}

		.section-five-home h2 {
			font-size: 25px;
			line-height: 31px;
			margin-bottom: 15px;
		}

		.home-blog .col-md-12 h2 {
			font-size: 30px;
			line-height: 36px;
		}

		.home-blog .hm-blog {
			display: block;
		}

		.home-blog .col-md-12 .blog-cont h2 {
			min-height: auto;
		}

		.home-blog .blog-inner {
			margin-bottom: 20px;
		}
	}

	@media screen and (max-width: 640px) {
		.home-sec1 h1 {
			font-size: 30px;
			line-height: 37px;
		}

		.home-btn a {
			font-size: 17px;
			padding: 17px 20px;
		}

		.section-three-home h2 {
			font-size: 23px;
			line-height: 29px;
		}

		.section-five-home h2 {
			font-size: 23px;
			line-height: 29px;
		}
	}

	@media screen and (max-width: 595px) {
		.home-btn a {
			margin: 0 auto;
			width: 100%;
		}

		.home-btn a.green {
			margin-bottom: 15px;
		}

		.sec4-btn a {
			max-width: 100%;
		}
	}
