@charset "utf-8";
/* CSS Document */


.slider-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
}

.slider-wrapper .slide-div {
	position: absolute;
	width: 100%;
	height: calc(100% - 120px);
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	padding-top: 120px;
	background: rgba(0, 0, 0, .8);
	top: 0px;
	z-index: 100;

}

.slider-wrapper .slide-div .content-back-div {
	width: 85%;
	max-width: 1200px;
	min-height: 300px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	justify-content: center;
}

.content-back-div .slide-title-container {
	width: 70%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-shadow: 5px 5px 10px #000;
	text-align: left;
	color: var(--white-color);
	gap: 10px;
	white-space: nowrap;
}

.content-back-div .slide-title-container .top-title {
	padding: 7px 10px;
	font-size: 12px;
	margin-top: 10px;
	width: fit-content;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	font-family: sub-title-font;
	font-weight: 600;
	color: var(--white-color);
	background-color: #1c1913;
	border-radius: 100px;
	border: 1px solid var(--light-primary-color);
	opacity: 0.9;
}

.content-back-div .slide-title-container .top-title .icon-wrapper {
	width: 20px;
	height: 20px;
	padding: 5px;
	background-color: var(--white-color);
	border-radius: 100px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

.content-back-div .slide-title-container .top-title .icon-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.content-back-div .slide-title-container .top-title span {
	color: var(--light-primary-color);
}


.content-back-div .slide-title-container h1 {
	font-size: 45px;
	word-break: break-word;
	line-height: 1.7;
	font-family: title-font;
	color: var(--white-color);
	white-space: nowrap;
}

.content-back-div .slide-title-container h1 .active-color {
	padding: 5px;
	border-radius: 5px;
	color: var(--white-color);
	background: var(--primary-color);
}

.content-back-div .bottom-text {
	width: 100%;
	min-width: 300px;
	font-size: 15px;
	gap: 15px;
	line-height: 25px;
	text-align: left;
	display: flex;
	flex-direction: column;
	white-space: wrap;
}

.content-back-div .bottom-text p {
	margin: 0px;
}


@media all and (max-width:990px) {
	.content-back-div .slide-title-container h1 {
		font-size: 4vw;
	}

	.slider-wrapper .slide-div .content-back-div {
		width: 96%;
	}
}

@media all and (max-width:790px) {
	.content-back-div .slide-title-container h1 {
		font-size: 5vw;
		line-height: 1.8;
		white-space: normal;
	}

	.content-back-div .slide-title-container {
		width: 100%;
	}
}

@media all and (max-width:670px) {
	.content-back-div .slide-title-container .top-title {
		font-size: 10px;
	}
}

@media all and (max-width:500px) {
	.content-back-div .slide-title-container h1 {
		font-size: 6vw;
		line-height: 1.9;
	}

	.content-back-div .slide-title-container .btn-wrapper {
		width: 100%;
		display: flex;
		align-items: stretch;
		flex-direction: column;
	}

	.content-back-div .slide-title-container .btn-wrapper .btn {
		width: 100%;
	}

}



.statistics-container {
	width: fit-content;
	min-height: 100px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
	padding-right: 10px;
	gap: 10px;
	flex-wrap: wrap;
	border-radius: 20px;
	/* background-color: var(--client-bg-color); */
	border: 1px solid var(--primary-color);
	opacity: 0.7;
	/* background-image: linear-gradient(rgba(201, 168, 76, .06) 1px, transparent 0), linear-gradient(90deg, rgba(201, 168, 76, .06) 1px, transparent 0);
	background-size: 30px 30px; */
	background: transparent;
}

.statistics-container .statistics-item {
	height: 60px;
	display: flex;
	flex-direction: row;
	align-items: center;
	text-align: center;
	padding: 0px 20px;
	gap: 10px;
	border-right: 1px solid #53411c;
}

.statistics-container .statistics-item.no-border {
	border-right: none;
}

.statistics-container .statistics-item .statistics-icon {
	padding: 20px 5px;
}

.statistics-container .statistics-item .statistics-icon i {
	font-size: 40px;
	color: var(--light-primary-color);
	transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.statistics-container .statistics-item:hover .statistics-icon i {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	transform: scale(1.15);
}

.statistics-container .statistics-item .text-container {
	font-size: 12px;
	word-break: break-word;
	overflow: hidden;
	font-family: sub-title-font;
	color: var(--white-color);
}

.statistics-container .statistics-item .text-container h3 {
	font-size: 25px;
	font-family: sub-title-font;
	color: var(--white-color);
}

.statistics-container .statistics-item .text-container p span {
	display: block;
}

@media all and (max-width:780px) {
	.statistics-container.landing-page-statistics {
		display: none;
	}
}

.statistics-container.about-us-statistics {
	width: calc(100% - 40px);
	display: flex;
	justify-content: space-between;
	padding: 20px;
	gap: 30px;
	margin-top: 40px;
	background-color: var(--secondary-color);
	border: 1px solid var(--primary-color);
	background-image: linear-gradient(rgba(201, 168, 76, .06) 1px, transparent 0), linear-gradient(90deg, rgba(201, 168, 76, .06) 1px, transparent 0);
	background-size: 30px 30px;
}

.statistics-container.about-us-statistics .statistics-item {
	text-align: left;
}

.statistics-container.about-us-statistics .statistics-item .statistics-icon {
	padding: 0px 0px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px;
	height: 60px;
	width: 60px;
	border-radius: 20px;
	border: var(--primary-color) 1px solid;
}


.statistics-container.about-us-statistics .statistics-item .statistics-icon i {
	color: var(--white-color);
}

@media all and (max-width:830px) {
	.statistics-container.about-us-statistics .statistics-item {
		width: 40%;
		display: flex;
	}

	.statistics-container.about-us-statistics .statistics-item.complete-product {
		border-right: none;
	}
}

@media all and (max-width:620px) {
	.statistics-container.about-us-statistics .statistics-item {
		width: 100%;
		border-right: none;
		padding: 0px 0px 20px 0px;
		border-bottom: 1px dashed #53411c;
	}

	.statistics-container.about-us-statistics .statistics-item.no-boder-bottom {
		border-bottom: none;
	}
}

/* .content-back-div .slider-bottom-container {
	width: 100%;
	min-height: 100px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 10px;
	border-radius: 20px;
	background-color: var(--secondary-color);

}

.content-back-div .slider-bottom-container .image-container {
	width: 200px;
	border-radius: 20px 0px 0px 20px;
	overflow: hidden;
}

.content-back-div .slider-bottom-container .image-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.content-back-div .slider-bottom-container .text-container {
	width: 40%;
	min-width: 300px;
	font-size: 15px;
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	color: var(--white-color);
	text-align: justify;
}

.content-back-div .slider-bottom-container .text-container h3 {
	font-size: 18px;
	font-family: sub-title-font;
	color: var(--white-color);
}

.content-back-div .slider-bottom-container .text-container p {
	font-size: 12px;
	color: var(--white-color);
	gap: 5px;
	margin: 0px;

} */




/* Index Style */
.index-content-div {
	position: absolute;
	right: 0px;
	left: 0px;
	top: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}


.body-div {
	width: 100%;
	padding: 50px 0px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	background-color: var(--white-color);
}

.body-div .body-div-in {
	width: 85%;
	max-width: 1200px;
	min-height: 300px;
	display: flex;
	flex-direction: column;
	justify-content: center;

}


.body-div .body-div-in .top-title {
	padding: 10px 20px;
	font-size: 12px;
	margin-top: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	font-family: sub-title-font;
	width: fit-content;
	font-weight: 600;
	color: var(--secondary-color);
	background-color: var(--bg-color);
	border-radius: 100px;
	border: 2px solid var(--light-primary-color);
	opacity: 0.9;
}

.body-div .body-div-in .top-title .icon-wrapper {
	width: 20px;
	height: 20px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

.body-div .body-div-in .top-title .icon-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}




.title-session-container {
	display: flex;
	flex-direction: row;
	gap: 20px;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.title-session-container .session-text {
	display: flex;
	width: 70%;
	flex-direction: column;
	gap: 10px;
	color: var(--secondary-color);
}

.title-session-container .session-text h2 {
	font-size: 32px;
	line-height: 50px;
	font-family: title-font;
	white-space: normal;
	word-break: normal;
	overflow-wrap: break-word;
}

.title-session-container .session-text p {
	line-height: 24px;
	font-size: 15px;
	white-space: normal;
	word-break: normal;
	overflow-wrap: break-word;
}

.title-session-container .session-text .active-text {
	height: 24px;
	padding: 0px 10px;
	border-radius: 10px;
	background-color: var(--light-primary-color);
	color: var(--secondary-color);
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.title-session-container .session-text .block-text {
	display: block;
}

.title-session-container .session-text p .block-text {
	display: block;
}

@media all and (max-width:870px) {
	.title-session-container .session-text h2 {
		font-size: 25px;
	}

	.title-session-container .session-text p {
		font-size: 14px;
	}
}

@media all and (max-width:750px) {

	.title-session-container {
		width: 100%;
		flex-direction: column;
		gap: 25px;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.title-session-container .session-text {
		width: 100%;
	}

	.title-session-container .btn-wrapper {
		justify-content: flex-start;
		width: 100%;
	}

}

@media all and (max-width:450px) {
	.title-session-container .session-text h2 {
		font-size: 20px;
		line-height: 40px;
	}

	.title-session-container .session-text p {
		font-size: 13px;
	}
}



/* FOR BODY IMAGE */
.body-div .body-div-in .image-back-div {
	width: 45%;
	position: relative;
}

.body-div .body-div-in .image-back-div .img-div {
	width: 100%;
	height: 600px;
	overflow: hidden;
	background: var(--white-color);
	border-radius: 20px;
	box-shadow: 0px 0px 5px 10px rgba(158, 158, 158, 0.1);
}

.body-div .body-div-in .image-back-div .why-you-choose-us-img-div {
	height: 450px;
}

.body-div .body-div-in .image-back-div .img-div img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* FOR BODY IMAGE */

.body-div .body-div-in .session-bottom-text {
	margin: 40px auto 0px auto;
	padding: 10px 20px;
	width: fit-content;
	min-width: 250px;
	background-color: var(--service-bg-color);
	color: var(--white-color);
	display: flex;
	justify-content: center;
	font-size: 14px;
	font-weight: 600;
	align-items: center;
	gap: 20px;
	border-radius: 100px;
}


.body-div .body-div-in .session-bottom-text .active {
	padding: 5px 20px;
	border-radius: 100px;
	color: var(--client-bg-color);
	font-family: sub-title-font;
	background-color: var(--light-primary-color);
}


@media all and (max-width:1180px) {
	.body-div .body-div-in {
		width: 96%;
	}
}

@media all and (max-width:500px) {
	.body-div .body-div-in .session-bottom-text {
		display: flex;
		flex-direction: column;
		font-size: 13px;
		gap: 10px;
		border-radius: 10px;
		text-align: center;
	}
}

.body-div .body-div-in .session-bottom-btn-div {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
	gap: 8px;
}

.body-div .body-div-in .session-bottom-btn-div .btn {
	border: none;
	background: none;
	border: #d4d4d4 1px solid;
	width: 50px;
	height: 50px;
	padding: 5px;
	border-radius: 50%;
	font-size: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.2s ease-in 0.2s;
}

.body-div .body-div-in .session-bottom-btn-div .btn:hover {
	background: var(--primary-color);
	color: var(--text-white);
}

.body-div .body-div-in .session-bottom-btn-div.testimony-bottom-btn .test-btn {
	color: var(--white-color);
}



.net-bg-br {
	padding-bottom: 90px;
	background: url(../../all-images/images/net-bg-br.png) bottom right no-repeat;
	background-size: 40%;
}

.net-bg-bl {
	background: url(../../all-images/images/net-bg-bl.png) bottom left no-repeat;
	background-size: 40%;
}

.net-bg-tl {
	background: url(../../all-images/images/net-bg-tl.png) top left no-repeat;
	background-size: 40%;
}

.net-bg-tr {
	background: url(../../all-images/images/net-bg-tr.png) top right no-repeat;
	background-size: 40%;
}

.elementor-bg-bl {
	padding-bottom: 90px;
	background: url(../../all-images/images/elementor.png) bottom left no-repeat;
	background-size: 40%;
}

/* ///////////////////////////////////////////////////// */



/* ABOUT US SECTION CSS*/
.about-us-container {
	background-color: #fbfbfb;
}

.general-content {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
	gap: 5%;
	position: relative;
}

.general-content .side-content {
	width: 65%;
	min-width: 300px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	font-size: 15px;
}


.general-content .side-content h2 {
	font-size: 32px;
	font-family: title-font;
	color: var(--secondary-color);
}

.general-content .side-content p {
	text-align: justify;
	line-height: 24px;
}


.general-content .side-content h2 .block-text {
	display: block;
	color: var(--secondary-color);
}

.general-content .side-content h2 .active-text {
	color: var(--primary-color);
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

@media all and (max-width:600px) {
	.general-content .side-content h2 {
		font-size: 25px;
	}
}

@media all and (max-width:420px) {
	.general-content .side-content h2 {
		font-size: 20px;
	}
}


.bottom-content-wrapper {
	width: fit-content;
	padding: 20px;
	display: flex;
	flex-direction: column;
	margin-top: 10px;
	border-radius: 10px;
	box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
}

.bottom-content-wrapper .text-wrapper {
	display: flex;
	flex-direction: row;
	border-bottom: 1px solid var(--light-border-color);
}

.bottom-content-wrapper .text-wrapper.no-border {
	border-bottom: none;
}

.bottom-content-wrapper .text-wrapper .duties-content {
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: 10px;
	font-size: 12px;
	padding: 10px;
	align-items: center;
	justify-content: center;
	color: var(--secondary-color);
	border-right: 1px solid var(--light-border-color);
}

.bottom-content-wrapper .text-wrapper .duties-content.no-border {
	border-right: none;
	padding-left: 20px;
}

.bottom-content-wrapper .text-wrapper .duties-content .icon {
	font-size: 30px;
	color: var(--primary-color);
}

.bottom-content-wrapper .text-wrapper .duties-content h3 {
	font-size: 16px;
	font-family: sub-title-font;
	color: var(--secondary-color);
}

.bottom-content-wrapper .text-wrapper .duties-content p {
	line-height: 20px;
	text-align: left;
}

.btn-wrapper .btn.overview-btn {
	margin-top: 10px;
}




.bottom-content-wrapper.about-us-content-wrapper {
	margin-top: 40px;
	flex-direction: row;
}

.bottom-content-wrapper.slide-bottom-content {
	flex-direction: row;
	background-color: var(--secondary-color);
	border: 1px solid var(--primary-color);
	opacity: 0.7;
}

.bottom-content-wrapper.slide-bottom-content .text-wrapper .duties-content {
	color: var(--white-color);
}

.bottom-content-wrapper.slide-bottom-content .text-wrapper .duties-content h2 {
	color: var(--white-color);
}

@media all and (max-width:990px) {
	.bottom-content-wrapper.about-us-content-wrapper .text-wrapper {
		border-bottom: 1px solid var(--light-border-color);
	}

	.bottom-content-wrapper.about-us-content-wrapper .text-wrapper .duties-content {
		width: calc(100% - 20px);
	}

	.bottom-content-wrapper.about-us-content-wrapper .text-wrapper .duties-content.innovation-border {
		border-right: none;
	}

}

@media all and (max-width:990px) {
	.bottom-content-wrapper {
		width: calc(100% - 40px);

	}

	.bottom-content-wrapper.about-us-content-wrapper {
		flex-direction: column;
	}

	.bottom-content-wrapper.about-us-content-wrapper .text-wrapper {
		width: 100%;
		border-bottom: 1px solid var(--light-border-color);
	}

	.bottom-content-wrapper.about-us-content-wrapper .text-wrapper .duties-content {
		justify-content: flex-start;
		padding: 10px 0px 10px 10px;
	}


	.bottom-content-wrapper.about-us-content-wrapper .text-wrapper .duties-content.innovation-border {
		border-right: none;
	}
}





@media all and (max-width:600px) {

	.bottom-content-wrapper .text-wrapper,
	.bottom-content-wrapper.about-us-content-wrapper .text-wrapper {
		width: 100%;
		display: flex;
		flex-direction: column;
		border: none;
	}

	.bottom-content-wrapper .text-wrapper .duties-content,
	.bottom-content-wrapper.about-us-content-wrapper .text-wrapper .duties-content {
		justify-content: flex-start;
		border-right: none;
		border-bottom: 1px solid var(--light-border-color);
		padding: 10px 0px;
	}

	.bottom-content-wrapper .text-wrapper .duties-content.no-border,
	.bottom-content-wrapper.about-us-content-wrapper .text-wrapper .duties-content.no-border {
		border-right: none;
		padding-left: 0px;
	}

	.bottom-content-wrapper .text-wrapper .duties-content.team-no-border {
		border-bottom: none;
	}
}





.general-content .image-content {
	margin-top: 20px;
	width: 45%;
	height: 580px;
	position: relative;
	border-radius: 20px;
}



.general-content .image-content .image-wrapper {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	border-radius: 20px;
	gap: 15px;
	opacity: 0;
	visibility: visible;
	transition:
		opacity 1s ease,
		visibility 1s ease;
	pointer-events: none;
}

.general-content .image-content .image-wrapper.active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.general-content .image-content .image-wrapper.ceo-pix {
	overflow: hidden;

}

.general-content .image-content .image-wrapper.ceo-pix img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
}

.general-content .image-content .image-wrapper.ceo-pix.active {
	opacity: 1;
	pointer-events: auto;
}

.general-content .image-content .img-top-wrapper {
	width: 100%;
}

.general-content .image-content .image-wrapper .img-top-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 20px;
}

.general-content .image-content .image-wrapper .images-grid {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 12px;
}

.general-content .image-content .image-wrapper .images-grid .img-div {
	height: 150px;
}

.general-content .image-content .image-wrapper .images-grid .img-div img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 18px;
}



/* Mobile / Tablet */
@media all and (max-width:990px) {

	.general-content {
		min-height: 300px;
		flex-direction: column;
		gap: 250px;
	}

	.general-content .side-content {
		width: 100%;
	}

	.general-content .image-content {
		width: 100%;
	}

	.general-content .image-content .image-wrapper {
		height: 580px;
		align-items: stretch;
	}

}

@media all and (max-width:800px) {

	.general-content {
		gap: 200px;
	}
}

@media all and (max-width:680px) {
	.general-content {
		gap: 150px;
	}
}

@media all and (max-width:600px) {
	.general-content {
		gap: 150px;
	}
}

@media all and (max-width:550px) {
	.general-content {
		gap: 80px;
	}

	.general-content .rotating-circle {
		width: 120px;
		height: 120px;
	}

	.general-content .about-center-circle {
		width: 60px;
		height: 60px;
	}

}


@media all and (max-width:400px) {
	.general-content {
		gap: 40px;
	}
}

@media all and (max-width:340px) {
	.general-content {
		gap: 10px;
	}
}








/* CLIENT SECTION CSS */
.client-body-div {
	width: 100%;
	display: flex;
	min-height: 200px;
	align-items: center;
	justify-content: center;
	background-image: linear-gradient(rgba(201, 168, 76, .06) 1px, transparent 0), linear-gradient(90deg, rgba(201, 168, 76, .06) 1px, transparent 0);
	background-size: 60px 60px;
	background-color: var(--client-bg-color);
}

.client-body-div-in {
	width: 85%;
	max-width: 1200px;
	min-height: 50px;
	display: flex;
	justify-content: center;
	overflow: hidden;
}

.client-body-div-in .logo-slider {
	position: relative;
	overflow: hidden;
	width: 100%;
	display: flex;
	justify-content: center;
}

.client-body-div-in .logo-slider .box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 130px;
	margin-right: 30px;
	overflow: hidden;
	cursor: pointer;
	-moz-transition: all 0.2s ease-in 02s;
	transition: all 0.2s ease-in 0.2s;
	-webkit-transition: all 0.2s ease-in 0.2s;
	-ms-transition: all 0.2s ease-in 0.2s;
	-o-transition: all 0.2s ease-in 0.2s;
}

.client-body-div-in .logo-slider .box:hover {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	transform: scale(1.15);
}

.client-body-div-in .logo-slider img {
	width: 100%;
	object-fit: cover;
	filter: grayscale(100%);
	transition: filter 0.3s ease;
}

.client-body-div-in .logo-slider .box:hover img {
	filter: grayscale(0%);
}




/* OUR SERVICES SECTION CSS */
.our-services-section-container {
	background-image: linear-gradient(rgba(201, 168, 76, .06) 1px, transparent 0), linear-gradient(90deg, rgba(201, 168, 76, .06) 1px, transparent 0);
	background-size: 60px 60px;
	background-color: var(--secondary-color);
}

.session-text.white-text {
	color: var(--white-color);
}


.services-wrapper {
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: 20px;
	align-items: center;
	justify-content: center;
	margin-top: 60px;
	flex-wrap: wrap;
}

.services-wrapper .service-grid {
	width: 32%;
	min-width: 300px;
	min-height: 400px;
	border-radius: 10px;
	background-color: var(--service-bg-color);
	color: var(--white-color);
	-moz-transition: all 0.2s ease-in 02s;
	transition: all 0.2s ease-in 0.2s;
	-webkit-transition: all 0.2s ease-in 0.2s;
	-ms-transition: all 0.2s ease-in 0.2s;
	-o-transition: all 0.2s ease-in 0.2s;
}

.services-wrapper .service-grid-item {
	background-color: var(--bg-color);
}

.services-wrapper .service-grid .grid-content {
	padding: 10px 10px 20px 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.services-wrapper .service-grid .grid-content .img-wrapper {
	width: 100%;
	height: 350px;
	min-width: 300px;
	border-radius: 10px;
}

.services-wrapper .service-grid .grid-content .img-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}

.services-wrapper .service-grid .grid-content .text-wrapper {
	width: 100%;
	display: flex;
	gap: 10px;
	flex-direction: column;
	justify-content: space-between;
}

.services-wrapper .service-grid .grid-content .text-wrapper.service-text-wrapper {
	color: var(--secondary-color);
}




.services-wrapper .service-grid .grid-content .text-wrapper .top-text {
	width: 100%;
	padding-top: 10px;
	display: flex;
	gap: 10px;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
	cursor: pointer;
	white-space: normal;
	flex-wrap: nowrap;
}

.services-wrapper .service-grid .grid-content .text-wrapper .top-text .title h3 {
	width: 100%;
	white-space: normal;
}

.services-wrapper .service-grid .grid-content .text-wrapper .top-text .line {
	width: 200px;
	margin-top: 5px;
	border-bottom: #8d8d8d 1px solid;
}

.services-wrapper .service-grid .grid-content .text-wrapper .top-text .btn.service-btn {
	height: 40px;
	min-width: 0px;
	width: 40px;
	padding: 0px 0px 0px 0px;
}

.services-wrapper .service-grid .grid-content .text-wrapper .top-text .btn.service-btn .icon-wrapper {
	background-color: var(--primary-color);
}

.services-wrapper .service-grid .grid-content .text-wrapper .top-text .btn.service-btn .icon-wrapper.service-icon-wrapper {
	height: 40px;
	min-width: 0px;
	width: 40px;
	padding: 0px 0px 0px 0px;
	margin-right: 0px;
}

.services-wrapper .service-grid .grid-content .text-wrapper .bottom-text {
	font-size: 12px;
	width: 300px;
	font-weight: 600;
	line-height: 22px;
	letter-spacing: 0.5px;
	text-align: left;
}

@media all and (max-width:990px) {
	.services-wrapper {
		display: flex;
		justify-content: space-between;
	}

	.services-wrapper .service-grid {
		width: 48%;
	}

	.services-wrapper .service-grid .grid-content .text-wrapper .bottom-text {
		width: 100%;
	}
}

@media all and (max-width:650px) {
	.services-wrapper {
		display: flex;
		width: 100%;
	}

	.services-wrapper .service-grid {
		width: 100%;
	}
}



/* .services-wrapper .service-grid .grid-content .text-wrapper .bottom-text p{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
} */



.services-wrapper .service-grid:hover {
	color: var(--secondary-color);
	background-color: var(--light-primary-color);
}

.services-wrapper .service-grid:hover .grid-content .text-wrapper .top-text .btn.service-btn .icon-wrapper {
	background-color: var(--secondary-color);
}




.product-back-div {
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
}


.product-back-div .product-div {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 60px;
}

.product-back-div .product-div .image-div {
	width: calc(100% - 500px);
	height: 400px;
	overflow: hidden;
	border-radius: 8px;
}

.product-back-div .product-div .image-div img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
	transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.product-back-div .product-div:hover .image-div img {
	-webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
	transform: scale(1.10);
}

.product-back-div .product-div .content-div {
	width: 450px;
	min-height: 350px;
	background: var(--bg-white);
	box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.06);
	border-radius: 15px;
	z-index: 100;
}

.product-back-div .product-div .content-div .div-in {
	padding: 40px;
	text-align: left;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.product-back-div .product-div .content-div .div-in h3 {
	color: var(--sub-body-color);
	font-family: sub-title-font;
	font-size: 25px;
	padding-left: 20px;
	border-image: linear-gradient(to bottom, var(--secondary-color) 50%, var(--primary-color) 50% 100%) 1;
	border-width: 5px;
	border-style: solid;
	border-top: none;
	border-right: none;
	border-bottom: none;
}

.product-back-div .product-div .content-div .div-in p {
	line-height: 30px;
	color: var(--body-color);
	text-align: justify;
}

@media all and (max-width:940px) {
	.product-back-div .product-div {
		flex-direction: column;
		gap: 30px;
		padding: 30px 0px;
	}

	.product-back-div .product-div .image-div {
		width: 100%;
	}

	.product-back-div .product-div .content-div {
		width: 90%;
		margin-left: 0px;
		margin-top: -50px;
	}
}

@media all and (max-width:450px) {
	.product-back-div .product-div .content-div {
		width: 100%;
	}

	.product-back-div .product-div .content-div .div-in {
		padding: 25px;
	}

	.product-back-div .product-div .content-div .div-in h2 {
		font-size: 20px;
	}

	.product-back-div .product-div .content-div .div-in p {
		text-align: left;
	}
}



/* WHY YOU CHOSE US CSS */
.why-you-choose-us-section-container {
	background-color: #fbfbfb;
}

.why-you-choose-us-section-container .progress-content {
	width: 55%;
}

.why-you-choose-us-section-container .progress-back-div {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 20px;
}

.why-you-choose-us-section-container .progress-back-div .progress-container {
	width: 100%;
	display: flex;
}

.why-you-choose-us-section-container .progress-back-div .progress-container .progress-item {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.why-you-choose-us-section-container .progress-back-div .progress-container .progress-item .title {
	font-size: 16px;
	font-family: sub-title-font;
}

.why-you-choose-us-section-container .progress-back-div .progress-container .progress-item .progress-bar {
	position: relative;
	background: #89bab44d;
	border-radius: 10px;
	height: 8px;
	overflow: visible
}

.why-you-choose-us-section-container .progress-back-div .progress-container .progress-item .progress-bar .progress-per {
	position: relative;
	width: 0;
	height: 100%;
	border-radius: 10px;
	background: var(--primary-color);
	transition: width 1.7s ease-in-out;
	color: transparent;
}

.why-you-choose-us-section-container .progress-back-div .progress-container .progress-item .progress-bar .progress-per::after {
	position: absolute;
	content: attr(data-text) '%';
	width: 25px;
	height: 15px;
	line-height: 15px;
	font-size: 12px;
	text-align: center;
	padding: 4px;
	border-radius: 2px;
	background: var(--primary-color);
	color: var(--white-color);
	right: 10px;
	top: -24;
	animation: text .5s ease-in-out;
}

.why-you-choose-us-section-container .progress-back-div .progress-container .progress-item .progress-bar .progress-per::before {
	position: absolute;
	content: '';
	width: 5px;
	height: 10px;
	background: var(--primary-color);
	right: 7px;
	top: -10;
	transform: skew(45deg);
	animation: text .5s ease-in-out;
}

@keyframes text {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@media all and (max-width:990px) {
	.body-div .body-div-in .image-back-div {
		width: 100%;
		position: relative;
	}

	.body-div .body-div-in .image-back-div .why-you-choose-us-img-div {
		height: 400px;
	}


	.why-you-choose-us-section-container .progress-content {
		width: 100%;
		margin-top: -100px;
		display: flex;
		gap: 20px;
	}

}

@media all and (max-width:550px) {
	.why-you-choose-us-section-container .progress-content {
		margin-top: 50px;
	}


}

/* ------------------------------------------------------------------ */




/* OUR FAQS CSS */
.faq-toggle-back {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.faq-toggle-back .faq-toggle {
	width: calc(100% - 40px);
	padding: 15px 20px;
	background: var(--white-color);
	border: #ececec 1px solid;
	display: flex;
	color: red;
	flex-direction: column;
	gap: 5px;
	border-radius: 40px;
	box-shadow: 0px 0px 9px 1px #f7f7f7;
	cursor: pointer;
	transition: all 0.2s ease-in 0.2s;
}


.faq-toggle-back .faq-toggle:hover {
	box-shadow: 0px 0px 9px 1px #e9e9e9;
}

.faq-toggle-back .faq-toggle.active-faq {
	box-shadow: 0px 0px 9px 1px #e9e9e9;
}

.faq-toggle-back .faq-toggle .title-text {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.faq-toggle-back .faq-toggle .title-text .quest-text-div {
	display: flex;
	align-items: center;
	gap: 10px;
}

.faq-toggle-back .faq-toggle .title-text .quest-text-div .icon-div {
	width: 35px;
	height: 35px;
	background: var(--primary-color);
	color: var(--white-color);
	border-radius: 50%;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.faq-toggle-back .faq-toggle .title-text .quest-text-div h3 {
	width: calc(100% - 45px);
	padding: 0px;
	margin: 0px;
	color: var(--secondary-color);
	font-family: sub-title-font;
	font-size: 18px;
	line-height: 25px;
	font-weight: 200;
}



.faq-toggle-back .faq-toggle .title-text .expand-div {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.faq-toggle-back .faq-toggle .title-text .expand-div i {
	color: var(--secondary-color);
	font-size: 25px;
}

.faq-toggle-back .faq-toggle .answer-div {
	padding: 10px 12px;
	font-size: 15px;
	display: none;
}

.faq-toggle-back .faq-toggle .answer-div p {
	padding: 0px;
	margin: 0px;
	text-align: justify;
	color: var(--text-color);
}

.body-div .body-div-in .faqs-image-back .img-div {
	height: 400px;
	position: relative;
}

.body-div .body-div-in .faqs-circle {
	margin-top: 20px;
}



@media all and (max-width:990px) {

	.body-div .body-div-in .faqs-image-back.about-us-faq {
		display: none;
	}
}

@media all and (max-width:400px) {
	.faq-toggle-back .faq-toggle .title-text .quest-text-div h3 {
		font-size: 14px;
	}

	.body-div .body-div-in .faqs-image-back {
		margin-top: 25px;
	}
}

/* -------------------------------------------------------------- */





/* 	OUR TEAM CSS */
.expert-team-section-container {
	background-image: linear-gradient(rgba(201, 168, 76, .06) 1px, transparent 0), linear-gradient(90deg, rgba(201, 168, 76, .06) 1px, transparent 0);
	background-size: 60px 60px;
	background-color: var(--client-bg-color);
}

.expert-team-section-container .title-session-container.expert-team-title-container {
	width: 100%;
	justify-content: center;
}

.expert-team-section-container .title-session-container.expert-team-title-container .session-text.white-text.our-team-text {
	text-align: center;
	align-items: center;
	margin-top: 20px;
}

.expert-team-section-container .team-wrapper {
	margin-top: 20px;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 40px;
	margin-top: 50px;
	flex-wrap: wrap;
}


.expert-team-section-container .team-wrapper .team-content {
	width: 28%;
	min-width: 300px;
	height: 500px;
	display: flex;
	flex-direction: column;
	cursor: pointer;
	position: relative;
}

@media all and (max-width:790px) {
	.expert-team-section-container .team-wrapper .team-content {
		width: 96%;
	}
}

.expert-team-section-container .team-wrapper .team-content .img-wrapper {
	width: 100%;
	height: 100%;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.expert-team-section-container .team-wrapper .team-content .img-wrapper img {
	width: 100%;
	height: 450px;
	object-fit: cover;
	border-radius: 20px;
	transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.expert-team-section-container .team-wrapper .team-content:hover .img-wrapper img {
	-webkit-transform: scale(1.04);
	-moz-transform: scale(1.04);
	transform: scale(1.04);
}

.expert-team-section-container .team-wrapper .team-content .name-text {
	background-color: var(--bg-white);
	color: var(--client-bg-color);
	bottom: 20px;
	position: absolute;
	min-height: 40px;
	width: calc(100% - 40px);
	display: flex;
	flex-direction: column;
	padding: 10px 20px;
	gap: 5px;
	font-size: 12px;
	overflow: hidden;
	border-radius: 0px 0px 20px 20px;
	opacity: .8;
	transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;

}

.expert-team-section-container .team-wrapper .team-content:hover .name-text {
	border-radius: 20px;
}

.expert-team-section-container .team-wrapper .team-content .name-text h3 {
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	font-family: sub-title-font;
}

.expert-team-section-container .team-wrapper .team-content .name-text .social-media-icon {
	display: flex;
	gap: 10px;
	align-items: center;
	display: none;
}

.expert-team-section-container .team-wrapper .team-content .name-text .social-media-icon .icon {
	height: 30px;
	width: 30px;
	border-radius: 100px;
	display: flex;
	font-size: 12px;
	gap: 10px;
	justify-content: center;
	align-items: center;
	background-color: var(--primary-color);
	color: var(--white-color);
}

.expert-team-section-container .team-wrapper .team-content:hover .name-text .social-media-icon {
	display: block;
	display: flex;
	gap: 10px;
	align-items: center;
}

.expert-team-section-container .team-wrapper .team-content .name-text .social-media-icon .icon:hover {
	background-color: var(--client-bg-color);
}

/* --------------------------------------------------------- */





/* OUR TESTIMONIALS CSS */

.testimonial-bg {
	position: relative;
	background: url(../../all-images/body-pix/testimonial-bg.jpg) top no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.testimonial-bg::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(44, 40, 7, 0.911);
}

.testimonial-bg>* {
	position: relative;
	z-index: 2;
}



.testimonial-back-div {
	margin-top: 30px;
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
}

.testimonial-back-div .testimonial-div {
	width: 100%;
	min-height: 250px;
	display: flex;
	flex-direction: column;
	background: var(--white-color);
	border-radius: 40px 40px 40px 0px;
	margin: 10px;
	border-bottom: var(--secondary-color) 4px solid;
}

.testimonial-back-div .testimonial-div .top-icon {
	display: flex;
	align-self: flex-end;
	justify-self: flex-start;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 40px 40px 40px 0px;
	background: var(--primary-color);
	font-size: 22px;
	color: var(--white-color);
}

.testimonial-back-div .testimonial-div .inner-div {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 0px 25px 25px;
}

.testimonial-back-div .testimonial-div .inner-div .star-div {
	display: flex;
	align-items: center;
	gap: 5px;
}

.testimonial-back-div .testimonial-div .inner-div .star-div i {
	color: var(--primary-color);
}

.testimonial-back-div .testimonial-div .inner-div p {
	color: var(--text-color);
	line-height: 25px;
}

.testimonial-back-div .testimonial-div .inner-div .profile-div {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 15px;
}

.testimonial-back-div .testimonial-div .inner-div .profile-div .img-div {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
	padding: 4px;
	border: var(--secondary-color) 1px dashed;
}

.testimonial-back-div .testimonial-div .inner-div .profile-div .img-div img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}

.testimonial-back-div .testimonial-div .inner-div .profile-div .text-div {
	width: calc(100% - 65px);
	display: flex;
	flex-direction: column;
	color: var(--secondary-color);
}

.testimonial-back-div .testimonial-div .inner-div .profile-div .text-div h3 {
	font-family: sub-title-font;
	font-size: 15px;
	color: var(--client-bg-color);
}



/* --------------------------------------------------------- */




/* BLOG STYLE*/
.blog-back-div {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 15px;
	margin-top: 40px;
}

.blog-back-div .blog-div {
	width: 33%;
	min-height: 300px;
	background: var(--white-color);
	border-radius: 10px;
	box-shadow: 0px 0px 3px 1px rgba(54, 54, 54, 0.1);
	cursor: pointer;
	-moz-transition: all 0.2s ease-in 02s;
	transition: all 0.2s ease-in 0.2s;
	-webkit-transition: all 0.2s ease-in 0.2s;
	-ms-transition: all 0.2s ease-in 0.2s;
	-o-transition: all 0.2s ease-in 0.2s;
}

.blog-back-div .blog-div:hover {
	box-shadow: 0px 0px 10px 2px #ececec;
}

.blog-back-div .blog-div .blog-inner-div {
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.blog-back-div .blog-div .blog-inner-div .image-div {
	width: 100%;
	height: 220px;
	border-radius: 10px;
	overflow: hidden;
}

.blog-back-div .blog-div .blog-inner-div .image-div img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 2000ms cubic-bezier(.19, 1, .22, 1) 0ms;
}

.blog-back-div .blog-div .blog-inner-div:hover .image-div img {
	-webkit-transform: scale(1.10);
	-moz-transform: scale(1.10);
	transform: scale(1.10);
}

.blog-back-div .blog-div .blog-inner-div .text-div {
	height: auto;
	padding: 5px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	color: var(--sub-body-color);
	text-align: left;
}

.blog-back-div .blog-div .blog-inner-div .text-div h3 {
	font-size: 17px;
	color: var(--secondary-color);
	font-family: sub-title-font;
	-moz-transition: all 0.2s ease-in 02s;
	transition: all 0.2s ease-in 0.2s;
	-webkit-transition: all 0.2s ease-in 0.2s;
	-ms-transition: all 0.2s ease-in 0.2s;
	-o-transition: all 0.2s ease-in 0.2s;
}

.blog-back-div .blog-div .blog-inner-div .text-div h3:hover {
	color: var(--secondary-color);
}

.blog-back-div .blog-div .blog-inner-div .text-div .count {
	padding-bottom: 8px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-align: left;
	border-bottom: #f1f1f1 1px solid;
	color: var(--sub-body-color);
}

.blog-back-div .blog-div .blog-inner-div .text-div .count i {
	color: var(--primary-color);
	margin-right: 5px;
}




@media all and (max-width:920px) {
	.blog-back-div {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.blog-back-div .blog-div {
		width: 48%;
	}
}

@media all and (max-width:600px) {
	.blog-back-div {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.blog-back-div .blog-div {
		width: 100%;
	}

	.blog-back-div .blog-div .blog-inner-div .text-div h3 {
		font-size: 18px;
	}
}

/* --------------------------------------------------------- */






.newsletter-section {
	position: relative;
	background: url(../../all-images/body-pix/newsletter-img.jpg) top no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.newsletter-section::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(21, 21, 16, 0.911);
}

.newsletter-section>* {
	position: relative;
	z-index: 2;
}

.newsletter-section .newsletter-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 20px;
	color: var(--white-color);
}

.newsletter-section .newsletter-container .newsletter-text h2 {
	font-size: 38px;
	margin-bottom: 15px;
}

.newsletter-section .newsletter-container .newsletter-text p {
	max-width: 620px;
	margin: 0 auto 35px;
	line-height: 1.8;
	font-size: 16px;
}

.newsletter-section .newsletter-form {
	padding: 10px 30px 10px 10px;
	width: fit-content;
	align-items: center;
	display: flex;
	background: var(--white-color);
	border: 1px solid #ddd;
	border-radius: 50px;
	overflow: hidden;
}




.newsletter-section .newsletter-form .text_field_container .text_field {
	border: none;
	width: 300px;
}

.newsletter-section .newsletter-form .text_field_container .placeholder {
	text-align: left;
}

.newsletter-section .newsletter-form .text_field_container .text_field:focus {
	border: none;
}

.body-div .body-div-in .session-bottom-text.newsletter-bottom-text {
	background-color: var(--sub-body-color2);
}

@media all and (max-width:600px) {
	.newsletter-section .newsletter-form {
		width: calc(100% - 40px);
		display: flex;
		justify-content: space-between;
		padding: 10px 20px;
	}

	.newsletter-section .newsletter-container .newsletter-text h2 {
		font-size: 28px;
	}

}

@media all and (max-width:510px) {
	.newsletter-section .newsletter-form {
		display: flex;
		align-items: stretch;
		justify-content: stretch;
		border-radius: 10px;
		gap: 10px;
		flex-direction: column;
	}

	.newsletter-section .newsletter-form .text_field_container .text_field {
		width: 100%;
	}
}








/* Other Pages Style */
.other-pages {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: url(../../all-images/body-pix/bg.png) center no-repeat;
	background-size: cover;
}

.other-pages::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: -1;
}

.other-pages>* {
	position: relative;
	z-index: 2;
}

.other-pages .other-pages-back-div {
	width: 85%;
	max-width: 1200px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	gap: 30px;
	padding-top: 160px;
	padding-bottom: 50px;
}

.other-pages .other-pages-back-div .top-title {
	display: flex;
	gap: 15px;
}

.other-pages .other-pages-back-div .top-title ul {
	padding: 0px;
	margin: 0px;
	float: left;
}

.other-pages .other-pages-back-div .top-title ul li {
	float: left;
	list-style: none;
	color: var(--white-color);
	font-size: 14px;
	padding: 0px 3px;
	font-family: sub-title-font;
	transition: 0.3s ease-in;
	cursor: pointer;
}

.other-pages .other-pages-back-div .top-title ul li i {
	margin-right: 4px;
}

.other-pages .other-pages-back-div .top-title ul li:hover {
	color: var(--primary-color);
}

.other-pages .other-pages-back-div .text-content-div {
	width: 70%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: var(--white-color);
	gap: 20px;
	text-shadow: 8px 8px 15px #000;
}

.other-pages .other-pages-back-div .text-content-div h1 {
	color: var(--white-color);
	font-size: 45px;
	line-height: 54px;
	font-family: title-font;
}


.other-pages .other-pages-back-div .text-content-div .count {
	width: 90%;
	font-size: 15px;
	padding: 8px 10px 10px 0px;
	min-height: 20px;
	line-height: 25px;
	border-top: rgba(204, 204, 204, .5) 1px solid;
	border-bottom: rgba(204, 204, 204, .5) 1px solid;
	font-size: 14px;
	color: var(--white-color);
}

.other-pages .other-pages-back-div .text-content-div .count span {
	color: var(--sub-secondary-color);
}

.other-pages .other-pages-back-div .text-content-div .count i {
	color: var(--white-color);
	margin-right: 2px;
}

.other-pages .other-pages-back-div .text-content-div p {
	font-size: 17px;
}


.other-pages .other-pages-back-div .text-content-div .other-pages-btn-div .btn i {
	font-size: 15px;
}

.other-pages .other-pages-back-div .text-content-div .other-pages-btn-div .center-btn {
	background: var(--white-color);
	color: var(--sub-body-color);
}

.other-pages .other-pages-back-div .text-content-div .center-btn:hover {
	opacity: .7;
}

@media all and (max-width:1180px) {
	.other-pages .other-pages-back-div {
		width: 96%;
	}
}

@media all and (max-width:850px) {
	.other-pages .other-pages-back-div {
		width: 94%;
		align-items: center;
	}

	.other-pages .other-pages-back-div .top-title {
		align-self: start;
	}

	.other-pages .other-pages-back-div .text-content-div {
		width: 100%;
	}
}

@media all and (max-width:630px) {
	.other-pages .other-pages-back-div .text-content-div .other-pages-btn-div {
		display: flex;
		flex-wrap: wrap;
	}

	.other-pages .other-pages-back-div .text-content-div h1 {
		font-size: 7vw;
		line-height: 9vw;
	}

	.other-pages .other-pages-back-div .text-content-div p {
		font-size: 15px;
		text-align: justify;
	}

	.other-pages .other-pages-back-div .text-content-div .count {
		width: calc(100% - 20px);
	}
}

@media all and (max-width:500px) {

	.other-pages .other-pages-back-div .text-content-div .btn-wrapper {
		width: 100%;
		display: flex;
		align-items: stretch;
		flex-direction: column;
	}

	.other-pages .other-pages-back-div .text-content-div .btn-wrapper .btn {
		width: 100%;
	}

}






.side-content .mission-vission-value-details-back-div {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 30px;
}

.side-content .mission-vission-value-details-back-div .text-div {
	width: calc(100% - 40px);
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	border-radius: 4px;
	text-align: left;
	border-radius: 7px;
	color: var(--white-color);
	background: rgba(141, 86, 32, .1);
}

.side-content .mission-vission-value-details-back-div .text-div .top-div {
	display: flex;
	margin-top: -30px;
	padding: 5px 15px;
	border-radius: 5px 20px;
	background: var(--secondary-color);
	float: left;
}

.mission-vission-value-details-back-div .text-div .top-div.vision-top {
	background: var(--light-primary-color);
	color: var(--secondary-color);
}

.side-content .mission-vission-value-details-back-div .text-div .top-div h4 {
	padding: 0px;
	margin: 0px;
	line-height: 20px;
	font-size: 13px;
	font-family: body-font;
}

.side-content .mission-vission-value-details-back-div .mission-text {
	background: rgba(255, 91, 121, 0.1)
}

.side-content .mission-vission-value-details-back-div .text-div .mission-top {
	color: var(--primary-color);
	background: var(--white-color);
}

.side-content .mission-vission-value-details-back-div .text-div p {
	padding: 0px;
	margin: 0px;
	color: var(--sub-body-color);
	font-size: 15px;
	text-align: justify;
}

.side-content .mission-vission-value-details-back-div .value-text {
	background: rgb(17, 110, 99, 0.1)
}

.body-div .body-div-in .image-back-div .mission-vission-value {
	margin-top: 0px;
	overflow: visible;
	background: none;
	border-radius: 0px;
	box-shadow: none;
}


.body-div .body-div-in .session-bottom-text.services-bottom-text {
	background-image: linear-gradient(rgba(201, 168, 76, .06) 1px, transparent 0), linear-gradient(90deg, rgba(201, 168, 76, .06) 1px, transparent 0);
	background-size: 60px 60px;
	background-color: var(--client-bg-color);
}







/* WHO WE SUPPLY CSS */

.program-back-div {
	width: 100%;
	display: flex;
	gap: 20px;
	align-items: center;
	margin-top: 20px;
	align-content: center;
	position: relative;
}

.program-back-div .program-div {
	min-height: 300px;
	width: 33%;
	align-content: center;
	min-width: 250px;
}


.program-back-div .program-div .program-content {
	padding: 20px;
	margin: 20px 0px;
}

.program-back-div .program-div .program-content .program-title {
	align-items: center;
	font-size: 20px;
	margin: 10px 0px;
	font-family: sub-title-font;
	color: var(--client-bg-color);
}

.program-back-div .program-div .program-content .icon-div {
	width: 40px;
	height: 40px;
	justify-items: center;
	padding: 10px;
	border-radius: 5px;
	background-color: var(--client-bg-color);
}

.program-back-div .program-div .program-content .icon-div img {
	width: 100%;
}

.program-back-div .program-div .image-div {
	position: absolute;
}

@media all and (max-width:1000px) {
	.program-back-div .program-div .rotating-circle.what-we-supply-circle-animation {
		height: 220px;
		width: 220px;
	}

	.program-back-div .program-div .rotating-circle.what-we-supply-circle-animation .what-we-supply-center-circle {
		height: 100px;
		width: 100px;
	}

	.program-back-div .program-div .rotating-circle.what-we-supply-circle-animation .center-circle.what-we-supply-center-circle::before {
		left: -65px;
	}

	.program-back-div .program-div .rotating-circle.what-we-supply-circle-animation .center-circle.what-we-supply-center-circle::after {
		right: -65px;
	}
}

@media all and (max-width:850px) {
	.program-back-div {
		display: block;
	}

	.program-back-div .program-div {
		display: block;
		width: 100%;
	}

}

/* ------------------------------------------------------------------------------- */









/* Main Blog Page Style */
.blog-body-div {
	background: #fcfcfc;
}

.page-back-div {
	width: calc(100% - 60px);
	padding: 30px;
	min-height: 300px;
	border-radius: 8px;
	border: #f1f1f1 1px solid;
	background: var(--white-color);
}

.faq-pages-back-div {
	width: 100%;
	padding: 0px;
	border-radius: 0px;
	border: none;
	background: none;
}

.page-back-div .left-div {
	width: calc(100% - 450px);
	float: left;
}

.page-back-div .left-div .title-div h2 {
	font-family: sub-title-font;
	color: var(--sub-body-color);
	font-size: 20px;
	margin: 0px 0px 20px 0px;
}

.page-back-div .left-div .page-list-back-div {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-wrap: wrap;
	gap: 30px;
	justify-content: center;
}

.text_field_container .blog_text_field {
	background: var(--white-color);
	border-radius: 100px;
}

.page-back-div .left-div .page-list-back-div .main-blog-div {
	width: 100%;
	min-height: 450px;
	display: flex;
	gap: 15px;
	flex-direction: column;
	cursor: pointer;
}

.page-back-div .left-div .page-list-back-div .main-blog-div .top-text {
	position: absolute;
	padding: 5px 15px;
	margin: 10px;
	height: 13px;
	color: var(--white-color);
	line-height: 13px;
	font-size: 10px;
	font-family: sub-title-font;
	background: var(--primary-color);
	border-radius: 5px 20px;
	z-index: 100;
}

.page-back-div .left-div .page-list-back-div .main-blog-div .image-div {
	height: 350px;
	border-radius: 8px;
	overflow: hidden;
}

.page-back-div .left-div .page-list-back-div .main-blog-div .image-div img {
	width: 100%;
	height: 100%;
	border-radius: 8px;
	object-fit: cover;
}

.page-back-div .left-div .page-list-back-div .main-blog-div .text-content-div {
	padding: 5px 0px;
	display: flex;
	flex-direction: column;
	color: var(--sub-body-color);
}

.page-back-div .left-div .page-list-back-div .main-blog-div .text-content-div h2 {
	margin: 0px;
	padding: 0px;
	font-size: 22px;
	font-family: sub-title-font;
	text-align: left;
	color: var(--client-bg-color);
}

.page-back-div .left-div .page-list-back-div .main-blog-div .text-content-div .count {
	border-left: 0px;
	border-right: 0px;
	padding: 5px;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	font-family: body-font;
	color: var(--text-color);
}

.page-back-div .left-div .page-list-back-div .main-blog-div .text-content-div .count i {
	color: var(--primary-color);
	margin-right: 5px;
}

.page-back-div .left-div .page-list-back-div .main-blog-div .text-content-div p {
	text-align: left;
	padding: 0px;
	margin: 0px;
	color: var(--text-color);
}



.page-back-div .right-div {
	width: 340px;
	float: right;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.page-back-div .right-div .div-in {
	display: flex;
	padding: 20px;
	gap: 15px;
	flex-direction: column;
	justify-content: center;
	border: #f1f1f1 1px solid;
	background: #F8F9FA;
	border-radius: 8px;
	padding-bottom: 20px;

}

.page-back-div .right-div .page-div-in {
	background: var(--white-color);
}

.page-back-div .right-div .div-in h3 {
	padding: 0px;
	margin: 0px;
	font-size: 16px;
	font-family: sub-title-font;
	color: var(--client-bg-color);
}

.page-back-div .right-div .div-in ul {
	padding: 0px;
	margin: 0px;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.page-back-div .right-div .div-in ul li {
	padding: 7px 15px;
	list-style: none;
	font-size: 14px;
	cursor: pointer;
	font-family: sub-title-font;
	border-radius: 25px;
	border: 1px solid #e0e0e0;
	background: #f5f7ff;
	color: var(--client-bg-color);
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
	white-space: nowrap;
	transition: all 0.2s ease-in 0.2s;
}

.page-back-div .right-div .div-in ul li:hover {
	background: var(--primary-color);
	color: var(--white-color);
}



.page-back-div .courses-div {
	width: 100%;
	float: none;
}

.page-back-div .hnd-courses-div {
	margin-top: 50px;
}

.page-back-div .hnd-courses-div .list-courses-back-div {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 50px;
}



@media all and (max-width:920px) {
	.page-back-div {
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 30px;
	}

	.page-back-div .left-div {
		width: 100%;
		float: none;
	}

	.page-back-div .right-div {
		width: 100%;
		display: flex;
		gap: 20px;
	}
}

@media all and (max-width:500px) {
	.page-back-div {
		width: calc(100% - 20px);
		padding: 10px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-top: 0px;
	}

}


/* Related Page Style */
.related-blog-back-div {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.related-blog-back-div .title-div {
	display: flex;
	text-align: left;
	align-self: flex-start;
	justify-self: flex-start;
}

.related-blog-back-div .title-div h3 {
	padding: 0px;
	margin: 0px;
	font-size: 40px;
	line-height: 45px;
	font-family: title-font;
	color: var(--sub-body-color);
}

.related-blog-back-div .list-back-div {
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 15px;
	margin-top: 40px;
}

.related-blog-back-div .list-back-div .related-blog-div {
	width: 32%;
	min-height: 450px;
	display: flex;
	flex-direction: column;
	cursor: pointer;

}

.related-blog-back-div .list-back-div .related-blog-div .top-text {
	position: absolute;
	padding: 5px 15px;
	margin: 10px;
	height: 13px;
	color: var(--white-color);
	line-height: 13px;
	font-size: 10px;
	font-family: sub-title-font;
	background: var(--primary-color);
	border-radius: 5px 20px;
	z-index: 100;
}

.related-blog-back-div .list-back-div .related-blog-div .image-div {
	height: 250px;
	border-radius: 4px;
	overflow: hidden;
}

.related-blog-back-div .list-back-div .related-blog-div .image-div img {
	width: 100%;
	height: 100%;
	border-radius: 4px;
	object-fit: cover;
}

.related-blog-back-div .list-back-div .related-blog-div .text-div {
	padding: 15px 0px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.related-blog-back-div .list-back-div .related-blog-div .text-div h2 {
	font-size: 20px;
	font-family: sub-title-font;
	text-align: left;
	padding: 0px;
	line-height: 30px;
	margin: 0px;
	color: var(--sub-body-color);
	transition: all 0.2s ease-in 0.2s;
	-moz-transition: all 0.2s ease-in 0.2s;
	-webkit-transition: all 0.2s ease-in 0.2s;
	-ms-transition: all 0.2s ease-in 0.2s;
	-o-transition: all 0.2s ease-in 0.2s;
}

.related-blog-back-div .list-back-div .related-blog-div .text-div h2:hover {
	color: var(--secondary-color);
	text-decoration: underline;
}

.related-blog-back-div .list-back-div .related-blog-div .text-div .count {
	border-left: 0px;
	border-right: 0px;
	padding: 5px;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	font-family: body-font;
}

.related-blog-back-div .list-back-div .related-blog-div .text-div .count i {
	color: var(--secondary-color);
	margin-right: 5px;
}

.related-blog-back-div .list-back-div .related-blog-div .text-div p {
	font-size: 15px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	color: var(--text-color);
}

@media all and (max-width:840px) {
	.related-blog-back-div .list-back-div {
		width: 100%;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.related-blog-back-div .list-back-div .related-blog-div {
		width: 47%;
	}

}


@media all and (max-width:600px) {
	.related-blog-back-div .list-back-div {
		width: 100%;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}

	.related-blog-back-div .list-back-div .related-blog-div {
		width: 96%;
	}

}







/* Contact Page Style */
.contact-hash-bg {
	min-height: 150px;
	background: rgba(204, 204, 204, .1);
	display: flex;
	align-items: center;
	justify-content: center;

}

.bottom-body-div {
	width: 85%;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 1200px;
	gap: 20px;
}

.bottom-body-div .contact-div {
	width: 40%;
	min-height: 70px;
	color: #25292D;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--sub-body-color);
}

.bottom-body-div .contact-div .div-in {
	padding: 15px 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 15px;
}

.bottom-body-div .contact-div .div-in .icon {
	width: 45px;
	height: 45px;
	overflow: hidden;
}

.bottom-body-div .contact-div .div-in .icon img {
	width: 100%;
	object-fit: cover;
}

.bottom-body-div .contact-div .div-in .text {
	text-align: left;
}

.bottom-body-div .contact-div .div-in .text h2 {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	font-family: sub-title-font;
}

.bottom-body-div .contact-div .div-in .text p {
	margin: 0px;
	padding: 0px;
}


@media all and (max-width:1130px) {
	.bottom-body-div {
		width: 95%;
	}
}

@media all and (max-width:840px) {
	.bottom-body-div {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.bottom-body-div .contact-div {
		width: 95%;
		align-items: flex-start;
		flex-direction: column;
		justify-content: flex-start;
		border-bottom: #b4b4b4 1px dashed;
	}
}




/* Map Style */
.map-body-div {
	width: 100%;
	padding: 0px;
}

.map-back-div {
	width: 100%;
	border: none;
}

.map-back-div .google-map {
	width: 100%;
	height: 350px;
	padding: 0px;
	border: none;
}


#ojota-hide-div {
	display: none;
}







/* Mail Subscribe Style */
.contact-mail-div {
	min-height: 240px;
	border-radius: 7px;
	margin-bottom: 80px;
	margin-top: 30px;
}

.contact-mail-div .inner-div {
	padding: 10px;
	display: flex;
	justify-content: space-between;
}

.contact-mail-div .inner-div .div-in {
	width: calc(47.5% - 40px);
	text-align: justify;
	display: flex;
	padding: 20px;
	flex-direction: column;
	background-color: #f5f5f5;
	border-radius: 7px;
	gap: 20px;
}

.contact-mail-div .inner-div .div-in.no-bg {
	background-color: transparent;
} 

.contact-mail-div .inner-div .session-text.contact-us-text {
	width: 100%;
}


.contact-mail-div .inner-div .div-in .contact-text {
	color: var(--primary-color);
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}



.contact-mail-div .inner-div .right-div-in {
	display: flex;
	flex-direction: column;
	font-size: 12px;
}


.contact-mail-div .inner-div .right-div-in h2 {
	font-size: 30px;
	margin-bottom: 10px;
}

.contact-mail-div .inner-div .right-div-in .active-title {
	border-radius: 10px;
	padding: 5px;
	background-color: var(--light-primary-color);
}

.contact-mail-div .inner-div .div-in .text-segment {
	width: 100%;
}

.contact-mail-div .inner-div .div-in .contact-us-field {
	border-radius: 50px;
}

.contact-mail-div .inner-div .div-in .contact-description {
	font-size: 15px;
	text-align: justify;
}

.contact-mail-div .inner-div .div-in .img-wrapper {
	width: 100%;
}

.contact-mail-div .inner-div .div-in .img-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
}


@media all and (max-width:850px) {
	.contact-mail-div .inner-div {
		display: flex;
		flex-direction: column;
		gap: 40px;
		padding: 0px;
	}

	.contact-mail-div .inner-div .div-in {
		width: calc(100% - 40px);
	}
}

@media all and (max-width:550px) {
	.contact-mail-div .inner-div .right-div-in h2 {
		font-size: 24px;
	}
}