/* large desktop :2160px. */
@media (min-width: 2160px) and (max-width: 3840px) {}

/* large desktop :2001px. */
@media (min-width: 2001px) and (max-width: 2160px) {}

/* desktop 1200px to 1600px */
@media (min-width: 1280px) and (max-width: 1919px) {
	.custom-container {
		margin: 0px auto;
		padding: 0px 40px;
	}

	.cmn-butn {
		font-size: 16px;
		line-height: 16px;
		padding: 10px 25px;
	}

	h6 {
		font-size: 18px;
		line-height: 28px;
	}

	h2 {
		font-size: 35px;
		line-height: 45px;
	}

	p {
		font-size: 16px;
		line-height: 26px;
	}

	.cmn-gap {
		padding: 80px 0px;
		margin: 0px;
	}

	/* ========home-page===============*/

	.logo {
		width: 200px;
	}

	.stellarnav>ul>li>a {
		font-size: 16px;
		line-height: 26px;
	}

	.hero-section {
		min-height: 100%;
		height: 730px;
	}

	.hero-content {
		bottom: 0px;
		width: 100%;
		position: relative;
		z-index: 1;
		padding: 0px;
	}

	.hero-content h6 {
		font-size: 18px;
		line-height: 28px;
	}

	.hero-content h1 {
		font-size: 65px;
		line-height: 75px;
		margin: 0px 0px 30px 0px;
		padding: 0px;
	}

	.hero-content p {
		font-size: 18px;
		line-height: 28px;
		margin: 0px 0px 40px 0px;
	}

	.wedo-section-header p {
		margin: 0px auto;
		max-width: 50%;
	}

	.svc-row {
		gap: 35px;
		padding: 20px 40px;
		margin-bottom: 15px;
		margin-left: 70px;
	}

	.meet-section-left {
		padding: 0px 60px 0px 0px;
	}

	.feature-card {
		padding: 20px;
	}

	.feature-card h5 {
		font-size: 18px;
		line-height: 28px;
	}

	.feature-card p {
		font-size: 14px;
		line-height: 24px;
		padding: 0px 0px 30px 0px;
		margin: 0px;
	}

	.testi-text {
		font-size: 16px;
		line-height: 26px;
		margin: 0px 0px 30px 0px;
		padding: 0px;
	}

	.testi-card {
		padding: 30px;
		margin: 60px 0px;
		height: 290px;
	}

	.testi-owl .owl-dots {
		bottom: 0px;
	}

	.footer-brand img {
		width: 315px;
	}

	.wedo-section-header h6::after {
		right: 38%;
	}

	.wedo-section-header h6::before {
		left: 38%;
	}

	/* ========home-page===============*/

	/* =========about-page========== */

	.inner-banner-section {
		height: 200px;
	}

	.inner-banner-text h1 {
		font-size: 45px;
		line-height: 45px;

	}

	.about-page-section .meet-section-left {
		padding: 20px 0px 0px 0px;
	}

	.about-page-section .mid-content p {
		margin: 60px 0px 0px 0px;
		padding: 0px;
	}

	/* =========about-page========== */

	/* =========contact-page========== */

	.contact-page-info-box {
		padding: 0px 0px 30px 0px;
	}

	.contact-page-info-text p {
		font-size: 20px;
		line-height: 30px;
		padding: 0px 30px;
		word-break: break-word;
	}

	.contact-page-info-icon {
		width: 70px;
		height: 70px;
	}

	.contact-page-info-icon i {
		font-size: 25px;
	}

	.get-in-touch h2 {
		margin: 0px 0px 50px 0px;
		padding: 0px;
		font-size: 40px;
	}

	/* =========contact-page========== */


}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1279px) {
	.custom-container {
		padding: 0px 30px;
	}

	.stellarnav {
		justify-content: end;
	}

	.cmn-gap {
		padding: 60px 0px;
	}

	.site-nav {
		padding: 10px 5px;
		border-radius: 0px;
		margin-top: 0px;
	}

	.rightlink {
		gap: 0px;
	}

	.stellarnav .menu-toggle,
	.stellarnav .call-btn-mobile,
	.stellarnav .location-btn-mobile,
	.stellarnav .close-menu {
		padding: 0px;
		box-sizing: border-box;
	}

	.stellarnav .menu-toggle span.bars {
		display: inline-block;
		margin-right: 0px;
		position: relative;
		top: 3px;
	}

	.stellarnav .menu-toggle span.bars span {
		display: block;
		width: 22px;
		height: 4px;
		border-radius: 6px;
		background: #442d09;
		margin: 2px 0 3px;
	}

	.stellarnav.mobile ul {
		background: #442d09;
		z-index: 9999;
	}

	.main-nav .stellarnav ul ul {
		width: 100%;
		padding: 0px;
	}

	.stellarnav.mobile>ul>li>a {
		padding: 10px 20px;
		font-size: 18px;
		color: #fff;
	}

	.main-nav .stellarnav li li a {
		font-size: 14px;
		padding: 10px 30px;
		color: #ccc;
		font-weight: 400;
		border-bottom: 0px solid #fff;
	}

	.main-nav.scroll {
		position: unset;
	}

	h6 {
		font-size: 18px;
		line-height: 28px;
		padding: 0px 0px 10px 0px;
	}

	.wedo-section-header h6::before {
		width: 60px;
		left: 30%;
	}

	.wedo-section-header h6::after {
		right: 30%;
		width: 60px;
	}

	h2 {
		font-size: 24px;
		line-height: 34px;
		padding: 0px 0px 10px 0px;
		margin: 0px;
	}

	.wedo-section-header p {
		margin: 0px auto;
		max-width: 65%;
	}

	p {
		font-size: 14px;
		line-height: 24px;
		padding: 0px 0px 10px 0px;
	}

	/* ============================ */

	/* =========home-page========== */

	.main-nav {
		background: #faf6f5;
	}

	.logo {
		width: 100px;
		height: auto;
	}

	.cmn-butn {
		font-size: 14px;
		line-height: 14px;
		padding: 8px 15px;
	}

	.hero-content {
		position: relative;
		padding: 0px;
	}

	.hero-content h6 {
		font-size: 14px;
		line-height: 24px;
		margin: 0px 0px 10px 0px;
		padding: 0px;
	}

	.hero-content h6::after {
		content: "";
		width: 50px;
		height: 2px;
		left: 190px;
		top: 13px;
	}

	.hero-content h1 {
		font-size: 30px;
		line-height: 40px;
		margin: 0px 0px 10px 0px;
		padding: 0px;
	}

	.hero-content p {
		font-size: 14px;
		line-height: 24px;
		margin: 0px 0px 15px 0px;
	}

	.hero-stats {
		display: flex;
		align-items: center;
		border-radius: 10px;
		padding: 10px 10px;
		gap: 9px;
		margin-top: 20px;
		max-width: 500px;
		justify-content: center;
		text-align: center;
	}

	.hero-stat .num {
		font-size: 20px;
		line-height: 20px;
		margin: 0px;
		padding: 0px 0px 10px 0px;
	}

	.hero-stat .lbl br {
		display: none;
	}

	.hero-stat .lbl {
		font-size: 14px;
		line-height: 20px;
	}

	.hero-stat {
		border-right: none;
		padding: 0 10px;
		margin-bottom: 10px;
	}

	.hero-section {
		position: relative;
		min-height: 100%;
		background-size: cover;
		background-position: center bottom;
		display: flex;
		align-items: center;
		overflow: hidden;
		background-repeat: no-repeat;
		padding: 100px 0px;
	}

	.hero-section::after {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(246deg,
				rgba(18, 22, 7, 0) 55.26%,
				#ddd3d1 100%);
		z-index: 0;
		pointer-events: none;
	}

	.wedo-section-header {
		padding: 0px 0px 20px 0px;
	}

	.wedo-pattern {
		left: -18px;
		bottom: 0;
		width: 174px;
		opacity: 9;
	}

	.wedo-img-wrap {
		position: relative;
		max-width: 100%;
		margin: 0 auto;
		padding-bottom: 60px;
	}

	.wedo-pattern-box {
		position: absolute;
		right: 2px;
		bottom: 11px;
		width: 100px;
		z-index: 9;
	}

	.svc-row {
		display: flex;
		gap: 15px;
		border-radius: 15px;
		padding: 20px;
		margin-bottom: 10px;
		transition: all 0.35s;
		cursor: pointer;
		border: 1px solid #dedede;
		justify-content: start;
		align-items: center;
		flex-wrap: wrap;
		margin-left: 60px;
	}

	.svc-icon {
		width: 70px;
		height: 70px;
	}

	.svc-icon img {
		width: 40px;
		height: 40px;
	}

	.svc-list li {
		font-size: 14px;
		line-height: 24px;
	}

	.meet-pattern {
		right: -50px;
		top: -31px;
		width: 222px;
	}

	.meet-pattern-box {
		position: absolute;
		left: 0px;
		bottom: -34px;
		width: 100px;
		z-index: 9;
	}

	.meet-quote-card {
		margin-top: 0px;
		max-width: 65%;
		border-radius: 10px;
		padding: 10px 25px;
		bottom: -25px;
		right: 0px;
	}

	.meet-quote-card p {
		font-size: 16px;
		line-height: 26px;
	}

	.wedo-circle,
	.meet-circle {
		height: 580px;
	}

	.meet-img-wrap {
		position: relative;
		max-width: 100%;
		margin: 0 auto;
	}

	.meet-section-left {
		padding: 70px 0px 0px 0px;
	}

	.meet-section-left h6::after {
		width: 50px;
		left: 200px;
		top: 16px;
	}

	.meet-section-left h4 {
		margin: 5px 0px;
		font-size: 28px;
		line-height: 28px;
	}

	.features-section {
		margin-top: 0px;
	}

	.feature-card {
		border-radius: 10px;
		padding: 20px;
	}

	.features-section h2 {
		margin-bottom: 15px;
	}

	.feature-card h5 {
		font-size: 18px;
		line-height: 20px;
	}

	.feature-card p {
		font-size: 14px;
		line-height: 24px;
	}

	.consult-section p {
		max-width: 100%;
		padding: 0px 0px 20px 0px;
	}

	.contact-info-box h6 {
		font-size: 18px;
		line-height: 28px;
		padding: 0px 0px 10px 0px;
	}

	.contact-info-box {
		border-radius: 10px;
		padding: 20px;

		width: 100%;
	}

	.contact-detail {
		font-size: 14px;
		line-height: 24px;
		gap: 10px;
		margin: 0px;
		padding: 0px 0px 10px 0px;
	}

	.consult-form-card {
		border-radius: 10px;
		padding: 20px;
		margin: 0px;
	}

	.form-label-sm {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 8px;
	}

	.testi-card {
		height: 270px;
		border-radius: 10px;
		padding: 20px;
		margin: 20px 0px;
	}

	.testi-stars {
		margin-bottom: 15px;
		gap: 4px;
	}

	.testi-text {
		font-size: 16px;
		line-height: 26px;
		margin: 0px 0px 20px 0px;
		padding: 0px;
	}

	.testi-name {
		font-size: 16px;
		line-height: 16px;
		margin: 0px 0px 5px 0px;
		padding: 0px;
	}

	.testi-role {
		font-size: 14px;
		line-height: 20px;
	}

	.testi-owl .owl-dots {
		bottom: -20px;
	}

	.cta-band h2 {
		padding: 0px 0px 20px 0px;
		max-width: 58%;
		margin: 0px auto;
	}

	.footer-brand img {
		width: 30%;
		height: auto;
		object-fit: contain;
		margin: 0px;
		display: flex;
	}

	.footer-copy {
		font-size: 14px;
		line-height: 14px;
		text-align: left;
		padding-bottom: 0px;
	}

	.footer-brand {
		padding: 0px;
		margin: 0px 0px 15px 0px;
	}

	.footer h6 {
		font-size: 18px;
		padding: 0px;
		margin: 0px 0px 10px 0px;
	}

	.footer-links a {
		font-size: 14px;
		line-height: 20px;
	}

	.footer-links li {
		margin-bottom: 5px;
	}

	/* =========home-page========== */


	/* =========about-page========== */

	.inner-banner-section {
		height: 200px;
	}

	.inner-banner-text h1 {
		font-size: 45px;
		line-height: 45px;

	}

	.about-page-section .meet-section-left {
		padding: 20px 0px 0px 0px;
	}

	.about-page-section .mid-content p {
		margin: 10px 0px 0px 0px;
		padding: 0px;
	}

	/* =========about-page========== */

	/* =========contact-page========== */

	.contact-page-info-box {
		padding: 0px 0px 30px 0px;
	}

	.contact-page-info-text p {
		font-size: 16px;
		line-height: 26px;
		padding: 0px 15px;
		word-break: break-word;
	}

	.contact-page-info-icon {
		width: 70px;
		height: 70px;
	}

	.contact-page-info-icon i {
		font-size: 25px;
	}

	.get-in-touch h2 {
		margin: 0px 0px 40px 0px;
		padding: 0px;
		font-size: 35px;
	}

	/* =========contact-page========== */
}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
	.custom-container {
		padding: 0px 15px;
	}

	.stellarnav {
		justify-content: end;
	}

	.cmn-gap {
		padding: 50px 0px;
	}

	.site-nav {
		padding: 10px 5px;
		border-radius: 0px;
		margin-top: 0px;
	}

	.rightlink {
		gap: 0px;
	}

	.stellarnav .menu-toggle,
	.stellarnav .call-btn-mobile,
	.stellarnav .location-btn-mobile,
	.stellarnav .close-menu {
		padding: 0px;
		box-sizing: border-box;
	}

	.stellarnav .menu-toggle span.bars {
		display: inline-block;
		margin-right: 0px;
		position: relative;
		top: 3px;
	}

	.stellarnav .menu-toggle span.bars span {
		display: block;
		width: 22px;
		height: 4px;
		border-radius: 6px;
		background: #442d09;
		margin: 2px 0 3px;
	}

	.stellarnav.mobile ul {
		background: #442d09;
		z-index: 9999;
	}

	.main-nav .stellarnav ul ul {
		width: 100%;
		padding: 0px;
	}

	.stellarnav.mobile>ul>li>a {
		padding: 10px 20px;
		font-size: 18px;
		color: #fff;
	}

	.main-nav .stellarnav li li a {
		font-size: 14px;
		padding: 10px 30px;
		color: #ccc;
		font-weight: 400;
		border-bottom: 0px solid #fff;
	}

	.main-nav.scroll {
		position: unset;
	}

	h6 {
		font-size: 18px;
		line-height: 28px;
		padding: 0px 0px 10px 0px;
	}

	.wedo-section-header h6::before {
		width: 60px;
		left: 30%;
	}

	.wedo-section-header h6::after {
		right: 30%;
		width: 60px;
	}

	h2 {
		font-size: 24px;
		line-height: 34px;
		padding: 0px 0px 10px 0px;
		margin: 0px;
	}

	.wedo-section-header p {
		margin: 0px auto;
		max-width: 65%;
	}

	p {
		font-size: 14px;
		line-height: 24px;
		padding: 0px 0px 10px 0px;
	}

	/* ============================ */

	/* =========home-page========== */

	.main-nav {
		background: #faf6f5;
	}

	.logo {
		width: 100px;
		height: auto;
	}

	.cmn-butn {
		font-size: 14px;
		line-height: 14px;
		padding: 8px 15px;
	}

	.hero-content {
		position: relative;
		padding: 0px;
	}

	.hero-content h6 {
		font-size: 14px;
		line-height: 24px;
		margin: 0px 0px 10px 0px;
		padding: 0px;
	}

	.hero-content h6::after {
		content: "";
		width: 50px;
		height: 2px;
		left: 190px;
		top: 13px;
	}

	.hero-content h1 {
		font-size: 30px;
		line-height: 40px;
		margin: 0px 0px 10px 0px;
		padding: 0px;
	}

	.hero-content p {
		font-size: 14px;
		line-height: 24px;
		margin: 0px 0px 15px 0px;
	}

	.hero-stats {
		display: flex;
		align-items: center;
		border-radius: 10px;
		padding: 10px 10px;
		gap: 9px;
		margin-top: 20px;
		max-width: 500px;
		justify-content: center;
		text-align: center;
	}

	.hero-stat .num {
		font-size: 20px;
		line-height: 20px;
		margin: 0px;
		padding: 0px 0px 10px 0px;
	}

	.hero-stat .lbl br {
		display: none;
	}

	.hero-stat .lbl {
		font-size: 14px;
		line-height: 20px;
	}

	.hero-stat {
		border-right: none;
		padding: 0 10px;
		margin-bottom: 10px;
	}

	.hero-section {
		position: relative;
		min-height: 100%;
		background-size: contain;
		background-position: center bottom;
		display: flex;
		align-items: center;
		overflow: hidden;
		background-repeat: no-repeat;
		padding: 0px 0px 30px 0px;
	}

	.hero-section::after {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(246deg,
				rgba(18, 22, 7, 0) 55.26%,
				#ddd3d1 100%);
		z-index: 0;
		pointer-events: none;
	}

	.wedo-section-header {
		padding: 0px 0px 20px 0px;
	}

	.wedo-pattern {
		left: -18px;
		bottom: 0;
		width: 174px;
		opacity: 9;
	}

	.wedo-img-wrap {
		position: relative;
		max-width: 100%;
		margin: 0 auto;
		padding-bottom: 60px;
	}

	.wedo-pattern-box {
		position: absolute;
		right: -2px;
		bottom: 13px;
		width: 86px;
		z-index: 9;
	}

	.svc-row {
		display: flex;
		gap: 15px;
		border-radius: 15px;
		padding: 20px;
		margin-bottom: 10px;
		transition: all 0.35s;
		cursor: pointer;
		border: 1px solid #dedede;
		justify-content: start;
		align-items: center;
		flex-wrap: wrap;
	}

	.svc-icon {
		width: 70px;
		height: 70px;
	}

	.svc-icon img {
		width: 40px;
		height: 40px;
	}

	.svc-list li {
		font-size: 14px;
		line-height: 24px;
	}

	.meet-pattern {
		right: -50px;
		top: -31px;
		width: 222px;
	}

	.meet-pattern-box {
		position: absolute;
		left: 0px;
		bottom: -35px;
		width: 80px;
		z-index: 9;
	}

	.meet-quote-card {
		margin-top: 0px;
		max-width: 65%;
		border-radius: 10px;
		padding: 10px 25px;
		bottom: -25px;
		right: 0px;
	}

	.meet-quote-card p {
		font-size: 16px;
		line-height: 26px;
	}

	.wedo-circle,
	.meet-circle {
		height: 500px;
	}

	.meet-img-wrap {
		position: relative;
		max-width: 100%;
		margin: 0 auto;
	}

	.meet-section-left {
		padding: 70px 0px 0px 0px;
	}

	.meet-section-left h6::after {
		width: 50px;
		left: 200px;
		top: 16px;
	}

	.meet-section-left h4 {
		margin: 5px 0px;
		font-size: 28px;
		line-height: 28px;
	}

	.features-section {
		margin-top: 0px;
	}

	.feature-card {
		border-radius: 10px;
		padding: 20px;
	}

	.features-section h2 {
		margin-bottom: 15px;
	}

	.feature-card h5 {
		font-size: 18px;
		line-height: 20px;
	}

	.feature-card p {
		font-size: 14px;
		line-height: 24px;
	}

	.consult-section p {
		max-width: 100%;
		padding: 0px 0px 20px 0px;
	}

	.contact-info-box h6 {
		font-size: 18px;
		line-height: 28px;
		padding: 0px 0px 10px 0px;
	}

	.contact-info-box {
		border-radius: 10px;
		padding: 20px;

		width: 100%;
	}

	.contact-detail {
		font-size: 14px;
		line-height: 24px;
		gap: 10px;
		margin: 0px;
		padding: 0px 0px 10px 0px;
	}

	.consult-form-card {
		border-radius: 10px;
		padding: 20px;
		margin: 0px;
	}

	.form-label-sm {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 8px;
	}

	.testi-card {
		height: 100%;
		border-radius: 10px;
		padding: 20px;
		margin: 20px 0px;
	}

	.testi-stars {
		margin-bottom: 15px;
		gap: 4px;
	}

	.testi-text {
		font-size: 16px;
		line-height: 26px;
		margin: 0px 0px 20px 0px;
		padding: 0px;
	}

	.testi-name {
		font-size: 16px;
		line-height: 16px;
		margin: 0px 0px 5px 0px;
		padding: 0px;
	}

	.testi-role {
		font-size: 14px;
		line-height: 20px;
	}

	.testi-owl .owl-dots {
		bottom: -20px;
	}

	.cta-band h2 {
		padding: 0px 0px 20px 0px;
		max-width: 70%;
		margin: 0px auto;
	}

	.footer-brand img {
		width: 30%;
		height: auto;
		object-fit: contain;
		margin: 0px auto;
		display: flex;
	}

	.footer-copy {
		font-size: 16px;
		line-height: 16px;
		text-align: center;
		padding-bottom: 40px;
	}

	.footer-brand {
		padding: 0px;
		margin: 0px 0px 15px 0px;
	}

	.footer h6 {
		font-size: 18px;
		padding: 0px;
		margin: 0px 0px 10px 0px;
	}

	.footer-links a {
		font-size: 14px;
		line-height: 20px;
	}

	.footer-links li {
		margin-bottom: 5px;
	}

	/* =========home-page========== */


	/* =========about-page========== */

	.inner-banner-section {
		height: 150px;
	}

	.inner-banner-text h1 {
		font-size: 35px;
		line-height: 35px;

	}

	.about-page-section .meet-section-left {
		padding: 20px 0px 0px 0px;
	}

	.about-page-section .mid-content p {
		margin: 10px 0px 0px 0px;
		padding: 0px;
	}

	/* =========about-page========== */

	/* =========contact-page========== */

	.contact-page-info-box {
		padding: 0px 0px 30px 0px;
	}

	.contact-page-info-text p {
		font-size: 16px;
		line-height: 26px;
		padding: 0px 15px;
		word-break: break-word;
	}

	.contact-page-info-icon {
		width: 70px;
		height: 70px;
	}

	.contact-page-info-icon i {
		font-size: 25px;
	}

	.get-in-touch h2 {
		margin: 0px 0px 20px 0px;
		padding: 0px;
	}

	/* =========contact-page========== */


}

/* Tablet desktop :320px. */
@media (min-width: 320px) and (max-width: 767px) {
	.custom-container {
		padding: 0px 15px;
	}
	
.home-contact-btn {
display: block;
}

	.stellarnav {
		justify-content: end;
	}

	.cmn-gap {
		padding: 30px 0px;
	}

	.site-nav {
		padding: 10px 5px;
		border-radius: 0px;
		margin-top: 0px;
	}

	.rightlink {
		gap: 0px;
	}

	.stellarnav .menu-toggle,
	.stellarnav .call-btn-mobile,
	.stellarnav .location-btn-mobile,
	.stellarnav .close-menu {
		padding: 0px;
		box-sizing: border-box;
	}

	.stellarnav .menu-toggle span.bars {
		display: inline-block;
		margin-right: 0px;
		position: relative;
		top: 3px;
	}

	.stellarnav .menu-toggle span.bars span {
		display: block;
		width: 22px;
		height: 4px;
		border-radius: 6px;
		background: #442d09;
		margin: 2px 0 3px;
	}

	.stellarnav.mobile ul {
		background: #442d09;
		z-index: 9999;
	}

	.main-nav .stellarnav ul ul {
		width: 100%;
		padding: 0px;
	}

	.stellarnav.mobile>ul>li>a {
		padding: 10px 20px;
		font-size: 18px;
		color: #fff;
	}

	.main-nav .stellarnav li li a {
		font-size: 14px;
		padding: 10px 30px;
		color: #ccc;
		font-weight: 400;
		border-bottom: 0px solid #fff;
	}

	.main-nav.scroll {
		position: unset;
	}

	h6 {
		font-size: 18px;
		line-height: 28px;
		padding: 0px 0px 10px 0px;
	}

	.wedo-section-header h6::before {
		width: 50px;
		left: 10%;
	}

	.wedo-section-header h6::after {
		right: 10%;
		width: 50px;
	}

	h2 {
		font-size: 24px;
		line-height: 34px;
		padding: 0px 0px 10px 0px;
		margin: 0px;
	}

	.wedo-section-header p {
		margin: 0px auto;
		max-width: 100%;
	}

	p {
		font-size: 14px;
		line-height: 24px;
		padding: 0px 0px 10px 0px;
	}

	/* ============================ */

	/* =========home-page========== */

	.main-nav {
		background: #faf6f5;
	}

	.logo {
		width: 100px;
		height: auto;
	}

	.cmn-butn {
		font-size: 14px;
		line-height: 14px;
		padding: 8px 15px;
	}

	.hero-content {
		position: relative;
		padding: 0px;
	}

	.hero-content h6 {
		font-size: 14px;
		line-height: 24px;
		margin: 0px 0px 10px 0px;
		padding: 0px;
	}

	.hero-content h6::after {
		content: "";
		width: 50px;
		height: 2px;
		left: 190px;
		top: 13px;
	}

	.hero-content h1 {
		font-size: 28px;
		line-height: 38px;
		margin: 0px 0px 15px 0px;
		padding: 0px;
	}

	.hero-content p {
		font-size: 14px;
		line-height: 24px;
		font-size: 14px;
		line-height: 24px;
	}

	.hero-stats {
		display: block;
		align-items: center;
		border-radius: 10px;
		padding: 10px 21px;
		gap: 9px;
		margin-top: 20px;
		max-width: 492px;
		justify-content: center;
		text-align: center;
	}

	.hero-stat .num {
		font-size: 20px;
		line-height: 20px;
		margin: 0px;
		padding: 0px 0px 10px 0px;
	}

	.hero-stat .lbl br {
		display: none;
	}

	.hero-stat .lbl {
		font-size: 14px;
		line-height: 20px;
	}

	.hero-stat {
		border-right: none;
		padding: 0 10px;
		margin-bottom: 20px;
	}

	.hero-section {
		position: relative;
		min-height: 100%;
		background-size: contain;
		background-position: center 158px;
		display: flex;
		align-items: center;
		overflow: hidden;
		background-repeat: no-repeat;
		padding: 0px 0px 30px 0px;
	}

	.hero-section::after {
		content: "";
		position: absolute;
		inset: 0;
		background: linear-gradient(246deg,
				rgba(18, 22, 7, 0) 55.26%,
				#ddd3d1 100%);
		z-index: 0;
		pointer-events: none;
	}

	.wedo-section-header {
		padding: 0px 0px 20px 0px;
	}

	.wedo-pattern {
		left: -18px;
		bottom: 0;
		width: 174px;
		opacity: 9;
		display: none;
	}

	.wedo-img-wrap {
		position: relative;
		max-width: 100%;
		margin: 0 auto;
		padding-bottom: 60px;
	}

	.wedo-pattern-box {
		position: absolute;
		right: 0px;
		bottom: 20px;
		width: 70px;
		z-index: 9;
	}

	.svc-row {
		display: flex;
		gap: 15px;
		border-radius: 15px;
		padding: 20px;
		margin-bottom: 10px;
		transition: all 0.35s;
		cursor: pointer;
		border: 1px solid #dedede;
		justify-content: start;
		align-items: center;
		flex-wrap: wrap;
	}

	.svc-icon {
		width: 70px;
		height: 70px;
	}

	.svc-icon img {
		width: 40px;
		height: 40px;
	}

	.svc-list li {
		font-size: 14px;
		line-height: 24px;
	}

.meet-pattern {
    right: -60px;
    top: -74px;
    width: 222px;
    display: none;
}

	.meet-pattern-box {
		position: absolute;
		left: 0px;
		bottom: -35px;
		width: 70px;
		z-index: 9;
	}

	.meet-quote-card {
		margin-top: 0px;
		max-width: 75%;
		border-radius: 10px;
		padding: 5px 25px;
		bottom: -48px;
		right: 0pc;
	}

	.meet-quote-card p {
		font-size: 16px;
		line-height: 26px;
	}

	.wedo-circle,
	.meet-circle {
		height: 340px;
	}

	.meet-img-wrap {
		position: relative;
		max-width: 100%;
		margin: 0 auto;
	}

	.meet-section-left {
		padding: 70px 0px 0px 0px;
	}

	.meet-section-left h6::after {
		width: 50px;
		left: 200px;
		top: 16px;
	}

	.meet-section-left h4 {
		margin: 5px 0px;
		font-size: 28px;
		line-height: 28px;
	}

	.features-section {
		margin-top: 0px;
	}

	.feature-card {
		border-radius: 10px;
		padding: 20px;
	}

	.features-section h2 {
		margin-bottom: 15px;
	}

	.feature-card h5 {
		font-size: 18px;
		line-height: 20px;
	}

	.feature-card p {
		font-size: 14px;
		line-height: 24px;
	}

	.consult-section p {
		max-width: 100%;
		padding: 0px 0px 20px 0px;
	}

	.contact-info-box h6 {
		font-size: 18px;
		line-height: 28px;
		padding: 0px 0px 10px 0px;
	}

	.contact-info-box {
		border-radius: 10px;
		padding: 20px;

		width: 100%;
	}

	.contact-detail {
		font-size: 14px;
		line-height: 24px;
		gap: 10px;
		margin: 0px;
		padding: 0px 0px 10px 0px;
	}

	.consult-form-card {
		border-radius: 10px;
		padding: 20px;
		margin: 0px;
	}

	.form-label-sm {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 8px;
	}

	.testi-card {
		height: 100%;
		border-radius: 10px;
		padding: 20px;
		margin: 20px 0px;
	}

	.testi-stars {
		margin-bottom: 15px;
		gap: 4px;
	}

	.testi-text {
		font-size: 16px;
		line-height: 26px;
		margin: 0px 0px 20px 0px;
		padding: 0px;
	}

	.testi-name {
		font-size: 16px;
		line-height: 16px;
		margin: 0px 0px 5px 0px;
		padding: 0px;
	}

	.testi-role {
		font-size: 14px;
		line-height: 20px;
	}

	.testi-owl .owl-dots {
		bottom: -12px;
	}

	.cta-band h2 {
		padding: 0px 0px 20px 0px;
		max-width: 100%;
		margin: 0px auto;
	}

	.footer-brand img {
		width: 62%;
		height: auto;
		object-fit: contain;
		margin: 0px auto;

		display: flex;
	}

	.footer-copy {
		font-size: 12px;
		line-height: 12px;
		text-align: center;
		padding-bottom: 25px;
	}

	.footer-brand {
		padding: 0px;
		margin: 0px 0px 15px 0px;
	}

	.footer h6 {
		font-size: 14px;
		padding: 0px;
		margin: 0px 0px 10px 0px;
	}

	.footer-links a {
		font-size: 11px;
		line-height: 15px;
	}

	.footer-links li {
		margin-bottom: 5px;
	}

	.wedo-circle,
	.meet-circle {
		height: 340px;
	}

	/* =========home-page========== */

	/* =========about-page========== */

	.inner-banner-section {
		height: 150px;
	}

	.inner-banner-text h1 {
		font-size: 30px;
		line-height: 30px;
	}

	.about-page-section .meet-section-left {
		padding: 20px 0px 0px 0px;
	}

	.about-page-section .mid-content p {
		margin: 10px 0px 0px 0px;
		padding: 0px;
	}

	/* =========about-page========== */

	/* =========contact-page========== */

	.contact-page-info-box {
		padding: 0px 0px 30px 0px;
	}

	.contact-page-info-text p {
		font-size: 18px;
		line-height: 22px;
	}

	.contact-page-info-icon {
		width: 70px;
		height: 70px;
	}

	.contact-page-info-icon i {
		font-size: 25px;
	}

	.get-in-touch h2 {
		margin: 0px 0px 20px 0px;
		padding: 0px;
	}

	/* =========contact-page========== */
}