@import url("fontawesome-all.min.css");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,900");

/*
	Escape Velocity by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;}
#nav > ul li a {
    color: #fff !important;
}
body {
	line-height: 1;
	background-color: #1d1d1d !important;
}
p {
    font-family: Anek Tamil;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0em;
}
ol, ul {
	list-style: none;
}
::-webkit-scrollbar {
    width: 2px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(269.84deg, #58A966 -40.96%, #51A46A -4.77%, #328A7D 163.26%);
}
blockquote, q {
	quotes: none;
}
.swiper-wrapper
{ 
    justify-content: center !important;
}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	-webkit-text-size-adjust: none;
}
body {
    overflow: hidden;
}
mark {
	background-color: transparent;
	color: inherit;
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input, select, textarea {
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	appearance: none;
}
html {
    overflow-x: hidden !important;
}
/* Basic */

	@-ms-viewport {
		width: device-width;
	}

	html {
		box-sizing: border-box;
	}

	*, *:before, *:after {
		box-sizing: inherit;
	}

	body.is-preload *, body.is-preload *:before, body.is-preload *:after {
		-moz-animation: none !important;
		-webkit-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
		-moz-transition: none !important;
		-webkit-transition: none !important;
		-ms-transition: none !important;
		transition: none !important;
	}

	body, input, textarea, select {
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 400;
		color: #919499;
		font-size: 14pt;
		line-height: 1.75em;
		letter-spacing: 0.025em;
	}

	h1, h2, h3, h4, h5, h6 {
		font-weight: 700;
		color: #484d55;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}

	a {
		-moz-transition: color .25s ease-in-out;
		-webkit-transition: color .25s ease-in-out;
		-ms-transition: color .25s ease-in-out;
		transition: color .25s ease-in-out;
		text-decoration: underline;
		color: #717479;
	}

		a:hover {
			text-decoration: none;
		}

	strong, b {
		font-weight: 700;
		color: #484d55;
	}

	blockquote {
		border-left: solid 0.5em #ddd;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}

	em, i {
		font-style: italic;
	}

	hr {
		border: 0;
		border-top: solid 1px #ddd;
		margin: 2em 0 2em 0;
	}

	sub {
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}

	sup {
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}

	.nobr {
		white-space: nowrap;
	}

	br.clear {
		clear: both;
	}

	p, ul, ol, dl, table, blockquote, form {
		margin-bottom: 2em;
	}

/* Container */

	.container {
		margin: 0 auto;
		max-width: 100%;
		width: 68em;
	}

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

			.container {
				width: 70em;
			}

		}

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

			.container {
				width: calc(100% - 100px);
			}

		}

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

			.container {
				width: calc(100% - 100px);
			}

		}

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

			.container {
				width: calc(100% - 40px);
			}

		}

/* Row */

	.row {
		display: flex;
		flex-wrap: wrap;
		box-sizing: border-box;
		align-items: stretch;
	}

		.row > * {
			box-sizing: border-box;
		}

		.row.gtr-uniform > * > :last-child {
			margin-bottom: 0;
		}

		.row.aln-left {
			justify-content: flex-start;
		}

		.row.aln-center {
			justify-content: center;
		}

		.row.aln-right {
			justify-content: flex-end;
		}

		.row.aln-top {
			align-items: flex-start;
		}

		.row.aln-middle {
			align-items: center;
		}

		.row.aln-bottom {
			align-items: flex-end;
		}

		.row > .imp {
			order: -1;
		}

		.row > .col-1 {
			width: 8.33333%;
		}

		.row > .off-1 {
			margin-left: 8.33333%;
		}

		.row > .col-2 {
			width: 16.66667%;
		}

		.row > .off-2 {
			margin-left: 16.66667%;
		}

		.row > .col-3 {
			width: 25%;
		}

		.row > .off-3 {
			margin-left: 25%;
		}

		.row > .col-4 {
			width: 33.33333%;
		}

		.row > .off-4 {
			margin-left: 33.33333%;
		}

		.row > .col-5 {
			width: 41.66667%;
		}

		.row > .off-5 {
			margin-left: 41.66667%;
		}

		.row > .col-6 {
			width: 50%;
		}

		.row > .off-6 {
			margin-left: 50%;
		}

		.row > .col-7 {
			width: 58.33333%;
		}

		.row > .off-7 {
			margin-left: 58.33333%;
		}

		.row > .col-8 {
			width: 66.66667%;
		}

		.row > .off-8 {
			margin-left: 66.66667%;
		}

		.row > .col-9 {
			width: 75%;
		}

		.row > .off-9 {
			margin-left: 75%;
		}

		.row > .col-10 {
			width: 83.33333%;
		}

		.row > .off-10 {
			margin-left: 83.33333%;
		}

		.row > .col-11 {
			width: 91.66667%;
		}

		.row > .off-11 {
			margin-left: 91.66667%;
		}

		.row > .col-12 {
			width: 100%;
		}

		.row > .off-12 {
			margin-left: 100%;
		}

		.row.gtr-0 {
			margin-top: 0px;
			margin-left: 0px;
		}

			.row.gtr-0 > * {
				padding: 0px 0 0 0px;
			}

			.row.gtr-0.gtr-uniform {
				margin-top: 0px;
			}

				.row.gtr-0.gtr-uniform > * {
					padding-top: 0px;
				}

		.row.gtr-25 {
			margin-top: -12.5px;
			margin-left: -12.5px;
		}

			.row.gtr-25 > * {
				padding: 12.5px 0 0 12.5px;
			}

			.row.gtr-25.gtr-uniform {
				margin-top: -12.5px;
			}

				.row.gtr-25.gtr-uniform > * {
					padding-top: 12.5px;
				}

		.row.gtr-50 {
			margin-top: -25px;
			margin-left: -25px;
		}

			.row.gtr-50 > * {
				padding: 25px 0 0 25px;
			}

			.row.gtr-50.gtr-uniform {
				margin-top: -25px;
			}

				.row.gtr-50.gtr-uniform > * {
					padding-top: 25px;
				}

		.row {
			margin-top: -50px;
			margin-left: -50px;
		}

			/* .row > * {
				padding: 50px 0 0 50px;
			} */

			.row.gtr-uniform {
				margin-top: -50px;
			}

				.row.gtr-uniform > * {
					padding-top: 50px;
				}

		.row.gtr-150 {
			margin-top: -75px;
			margin-left: -75px;
		}

			.row.gtr-150 > * {
				padding: 75px 0 0 75px;
			}

			.row.gtr-150.gtr-uniform {
				margin-top: -75px;
			}

				.row.gtr-150.gtr-uniform > * {
					padding-top: 75px;
				}

		.row.gtr-200 {
			margin-top: -100px;
			margin-left: -100px;
		}

			.row.gtr-200 > * {
				padding: 100px 0 0 100px;
			}

			.row.gtr-200.gtr-uniform {
				margin-top: -100px;
			}

				.row.gtr-200.gtr-uniform > * {
					padding-top: 100px;
				}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-xlarge {
					order: -1;
				}

				.row > .col-1-xlarge {
					width: 8.33333%;
				}

				.row > .off-1-xlarge {
					margin-left: 8.33333%;
				}

				.row > .col-2-xlarge {
					width: 16.66667%;
				}

				.row > .off-2-xlarge {
					margin-left: 16.66667%;
				}

				.row > .col-3-xlarge {
					width: 25%;
				}

				.row > .off-3-xlarge {
					margin-left: 25%;
				}

				.row > .col-4-xlarge {
					width: 33.33333%;
				}

				.row > .off-4-xlarge {
					margin-left: 33.33333%;
				}

				.row > .col-5-xlarge {
					width: 41.66667%;
				}

				.row > .off-5-xlarge {
					margin-left: 41.66667%;
				}

				.row > .col-6-xlarge {
					width: 50%;
				}

				.row > .off-6-xlarge {
					margin-left: 50%;
				}

				.row > .col-7-xlarge {
					width: 58.33333%;
				}

				.row > .off-7-xlarge {
					margin-left: 58.33333%;
				}

				.row > .col-8-xlarge {
					width: 66.66667%;
				}

				.row > .off-8-xlarge {
					margin-left: 66.66667%;
				}

				.row > .col-9-xlarge {
					width: 75%;
				}

				.row > .off-9-xlarge {
					margin-left: 75%;
				}

				.row > .col-10-xlarge {
					width: 83.33333%;
				}

				.row > .off-10-xlarge {
					margin-left: 83.33333%;
				}

				.row > .col-11-xlarge {
					width: 91.66667%;
				}

				.row > .off-11-xlarge {
					margin-left: 91.66667%;
				}

				.row > .col-12-xlarge {
					width: 100%;
				}

				.row > .off-12-xlarge {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -12.5px;
					margin-left: -12.5px;
				}

					.row.gtr-25 > * {
						padding: 12.5px 0 0 12.5px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -12.5px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 12.5px;
						}

				.row.gtr-50 {
					margin-top: -25px;
					margin-left: -25px;
				}

					.row.gtr-50 > * {
						padding: 25px 0 0 25px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -25px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 25px;
						}

				.row {
					margin-top: -50px;
					margin-left: -50px;
				}

					/* .row > * {
						padding: 50px 0 0 50px;
					} */

					.row.gtr-uniform {
						margin-top: -50px;
					}

						.row.gtr-uniform > * {
							padding-top: 50px;
						}

				.row.gtr-150 {
					margin-top: -75px;
					margin-left: -75px;
				}

					.row.gtr-150 > * {
						padding: 75px 0 0 75px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -75px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 75px;
						}

				.row.gtr-200 {
					margin-top: -100px;
					margin-left: -100px;
				}

					.row.gtr-200 > * {
						padding: 100px 0 0 100px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -100px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 100px;
						}

		}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-large {
					order: -1;
				}

				.row > .col-1-large {
					width: 8.33333%;
				}

				.row > .off-1-large {
					margin-left: 8.33333%;
				}

				.row > .col-2-large {
					width: 16.66667%;
				}

				.row > .off-2-large {
					margin-left: 16.66667%;
				}

				.row > .col-3-large {
					width: 25%;
				}

				.row > .off-3-large {
					margin-left: 25%;
				}

				.row > .col-4-large {
					width: 33.33333%;
				}

				.row > .off-4-large {
					margin-left: 33.33333%;
				}

				.row > .col-5-large {
					width: 41.66667%;
				}

				.row > .off-5-large {
					margin-left: 41.66667%;
				}

				.row > .col-6-large {
					width: 50%;
				}

				.row > .off-6-large {
					margin-left: 50%;
				}

				.row > .col-7-large {
					width: 58.33333%;
				}

				.row > .off-7-large {
					margin-left: 58.33333%;
				}

				.row > .col-8-large {
					width: 66.66667%;
				}

				.row > .off-8-large {
					margin-left: 66.66667%;
				}

				.row > .col-9-large {
					width: 75%;
				}

				.row > .off-9-large {
					margin-left: 75%;
				}

				.row > .col-10-large {
					width: 83.33333%;
				}

				.row > .off-10-large {
					margin-left: 83.33333%;
				}

				.row > .col-11-large {
					width: 91.66667%;
				}

				.row > .off-11-large {
					margin-left: 91.66667%;
				}

				.row > .col-12-large {
					width: 100%;
				}

				.row > .off-12-large {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -8.75px;
					margin-left: -8.75px;
				}

					.row.gtr-25 > * {
						padding: 8.75px 0 0 8.75px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -8.75px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 8.75px;
						}

				.row.gtr-50 {
					margin-top: -17.5px;
					margin-left: -17.5px;
				}

					.row.gtr-50 > * {
						padding: 17.5px 0 0 17.5px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -17.5px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 17.5px;
						}

				.row {
					margin-top: -35px;
					margin-left: -35px;
				}

					/* .row > * {
						padding: 35px 0 0 35px;
					} */

					.row.gtr-uniform {
						margin-top: -35px;
					}

						.row.gtr-uniform > * {
							padding-top: 35px;
						}

				.row.gtr-150 {
					margin-top: -52.5px;
					margin-left: -52.5px;
				}

					.row.gtr-150 > * {
						padding: 52.5px 0 0 52.5px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -52.5px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 52.5px;
						}

				.row.gtr-200 {
					margin-top: -70px;
					margin-left: -70px;
				}

					.row.gtr-200 > * {
						padding: 70px 0 0 70px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -70px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 70px;
						}

		}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-medium {
					order: -1;
				}

				.row > .col-1-medium {
					width: 8.33333%;
				}

				.row > .off-1-medium {
					margin-left: 8.33333%;
				}

				.row > .col-2-medium {
					width: 16.66667%;
				}

				.row > .off-2-medium {
					margin-left: 16.66667%;
				}

				.row > .col-3-medium {
					width: 25%;
				}

				.row > .off-3-medium {
					margin-left: 25%;
				}

				.row > .col-4-medium {
					width: 33.33333%;
				}

				.row > .off-4-medium {
					margin-left: 33.33333%;
				}

				.row > .col-5-medium {
					width: 41.66667%;
				}

				.row > .off-5-medium {
					margin-left: 41.66667%;
				}

				.row > .col-6-medium {
					width: 50%;
				}

				.row > .off-6-medium {
					margin-left: 50%;
				}

				.row > .col-7-medium {
					width: 58.33333%;
				}

				.row > .off-7-medium {
					margin-left: 58.33333%;
				}

				.row > .col-8-medium {
					width: 66.66667%;
				}

				.row > .off-8-medium {
					margin-left: 66.66667%;
				}

				.row > .col-9-medium {
					width: 75%;
				}

				.row > .off-9-medium {
					margin-left: 75%;
				}

				.row > .col-10-medium {
					width: 83.33333%;
				}

				.row > .off-10-medium {
					margin-left: 83.33333%;
				}

				.row > .col-11-medium {
					width: 91.66667%;
				}

				.row > .off-11-medium {
					margin-left: 91.66667%;
				}

				.row > .col-12-medium {
					width: 100%;
				}

				.row > .off-12-medium {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -12.5px;
					margin-left: -12.5px;
				}

					.row.gtr-25 > * {
						padding: 12.5px 0 0 12.5px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -12.5px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 12.5px;
						}

				.row.gtr-50 {
					margin-top: -25px;
					margin-left: -25px;
				}

					.row.gtr-50 > * {
						padding: 25px 0 0 25px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -25px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 25px;
						}

				.row {
					margin-top: -50px;
					margin-left: -50px;
				}

					.row > * {
						padding: 50px 0 0 50px;
					}

					.row.gtr-uniform {
						margin-top: -50px;
					}

						.row.gtr-uniform > * {
							padding-top: 50px;
						}

				.row.gtr-150 {
					margin-top: -75px;
					margin-left: -75px;
				}

					.row.gtr-150 > * {
						padding: 75px 0 0 75px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -75px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 75px;
						}

				.row.gtr-200 {
					margin-top: -100px;
					margin-left: -100px;
				}

					.row.gtr-200 > * {
						padding: 100px 0 0 100px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -100px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 100px;
						}

		}

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

			.row {
				display: flex;
				flex-wrap: wrap;
				box-sizing: border-box;
				align-items: stretch;
			}

				.row > * {
					box-sizing: border-box;
				}

				.row.gtr-uniform > * > :last-child {
					margin-bottom: 0;
				}

				.row.aln-left {
					justify-content: flex-start;
				}

				.row.aln-center {
					justify-content: center;
				}

				.row.aln-right {
					justify-content: flex-end;
				}

				.row.aln-top {
					align-items: flex-start;
				}

				.row.aln-middle {
					align-items: center;
				}

				.row.aln-bottom {
					align-items: flex-end;
				}

				.row > .imp-small {
					order: -1;
				}

				.row > .col-1-small {
					width: 8.33333%;
				}

				.row > .off-1-small {
					margin-left: 8.33333%;
				}

				.row > .col-2-small {
					width: 16.66667%;
				}

				.row > .off-2-small {
					margin-left: 16.66667%;
				}

				.row > .col-3-small {
					width: 25%;
				}

				.row > .off-3-small {
					margin-left: 25%;
				}

				.row > .col-4-small {
					width: 33.33333%;
				}

				.row > .off-4-small {
					margin-left: 33.33333%;
				}

				.row > .col-5-small {
					width: 41.66667%;
				}

				.row > .off-5-small {
					margin-left: 41.66667%;
				}

				.row > .col-6-small {
					width: 50%;
				}

				.row > .off-6-small {
					margin-left: 50%;
				}

				.row > .col-7-small {
					width: 58.33333%;
				}

				.row > .off-7-small {
					margin-left: 58.33333%;
				}

				.row > .col-8-small {
					width: 66.66667%;
				}

				.row > .off-8-small {
					margin-left: 66.66667%;
				}

				.row > .col-9-small {
					width: 75%;
				}

				.row > .off-9-small {
					margin-left: 75%;
				}

				.row > .col-10-small {
					width: 83.33333%;
				}

				.row > .off-10-small {
					margin-left: 83.33333%;
				}

				.row > .col-11-small {
					width: 91.66667%;
				}

				.row > .off-11-small {
					margin-left: 91.66667%;
				}

				.row > .col-12-small {
					width: 100%;
				}

				.row > .off-12-small {
					margin-left: 100%;
				}

				.row.gtr-0 {
					margin-top: 0px;
					margin-left: 0px;
				}

					.row.gtr-0 > * {
						padding: 0px 0 0 0px;
					}

					.row.gtr-0.gtr-uniform {
						margin-top: 0px;
					}

						.row.gtr-0.gtr-uniform > * {
							padding-top: 0px;
						}

				.row.gtr-25 {
					margin-top: -7.5px;
					margin-left: -7.5px;
				}

					.row.gtr-25 > * {
						padding: 7.5px 0 0 7.5px;
					}

					.row.gtr-25.gtr-uniform {
						margin-top: -7.5px;
					}

						.row.gtr-25.gtr-uniform > * {
							padding-top: 7.5px;
						}

				.row.gtr-50 {
					margin-top: -15px;
					margin-left: -15px;
				}

					.row.gtr-50 > * {
						padding: 15px 0 0 15px;
					}

					.row.gtr-50.gtr-uniform {
						margin-top: -15px;
					}

						.row.gtr-50.gtr-uniform > * {
							padding-top: 15px;
						}

				.row {
					margin-top: -30px;
					margin-left: -30px;
				}

					.row > * {
						padding: 30px 0 0 30px;
					}

					.row.gtr-uniform {
						margin-top: -30px;
					}

						.row.gtr-uniform > * {
							padding-top: 30px;
						}

				.row.gtr-150 {
					margin-top: -45px;
					margin-left: -45px;
				}

					.row.gtr-150 > * {
						padding: 45px 0 0 45px;
					}

					.row.gtr-150.gtr-uniform {
						margin-top: -45px;
					}

						.row.gtr-150.gtr-uniform > * {
							padding-top: 45px;
						}

				.row.gtr-200 {
					margin-top: -60px;
					margin-left: -60px;
				}

					.row.gtr-200 > * {
						padding: 60px 0 0 60px;
					}

					.row.gtr-200.gtr-uniform {
						margin-top: -60px;
					}

						.row.gtr-200.gtr-uniform > * {
							padding-top: 60px;
						}

		}

/* Section/Article */

	section,
	article {
		margin: 0 0 4em 0;
	}

	section > :last-child,
	article > :last-child,
	section:last-child,
	article:last-child {
		margin-bottom: 0;
	}

	header.style1 {
		text-align: center;
		padding: 3em 0 3em 0;
	}

		header.style1 h2 {
			font-weight: 700;
			font-size: 2em;
			letter-spacing: 0.075em;
			line-height: 1.5em;
		}

		header.style1 p {
			color: #b1b4b9;
			display: block;
			margin: 1.15em 0 0 0;
			font-size: 1.3em;
			letter-spacing: 0.075em;
			line-height: 1.5em;
		}

/* Table */

	table {
		width: 100%;
	}

		table.default {
			width: 100%;
		}

			table.default tbody tr:nth-child(2n+2) {
				background: #f4f4f4;
			}

			table.default td {
				padding: 0.5em 1em 0.5em 1em;
			}

			table.default th {
				text-align: left;
				font-weight: 400;
				padding: 0.5em 1em 0.5em 1em;
			}

			table.default thead {
				background: #484d55;
				color: #fff;
			}

			table.default tfoot {
				background: #eee;
			}

/* Form */

	form label {
		display: block;
		font-weight: 700;
		color: #484d55;
		margin: 0.25em 0 0.5em 0;
	}

	form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form select,
	form textarea {
		-moz-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
		-ms-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;

		display: block;
		border: 0;
		background: #eee;
		box-shadow: inset 0px 0px 1px 0px #a0a1a7;
		border-radius: 0.35em;
		width: 100%;
		padding: 0.75em 1em 0.75em 1em;
	}

		form input[type="text"]:focus,
		form input[type="email"]:focus,
		form input[type="password"]:focus,
		form select:focus,
		form textarea:focus {
			background: #f8f8f8;
		}

	form input[type="text"],
	form input[type="email"]
	input[type="password"] {
		line-height: 1em;
	}

	form select {
		line-height: 1em;
	}

	form textarea {
		min-height: 8em;
	}

	form ul.actions {
		margin-top: 0;
	}

	form ::-webkit-input-placeholder {
		color: #555 !important;
		font-style: italic;
		line-height: 1.35em;
	}

	form :-moz-placeholder {
		color: #555 !important;
		font-style: italic;
	}

	form ::-moz-placeholder {
		color: #555 !important;
		font-style: italic;
	}

	form :-ms-input-placeholder {
		color: #555 !important;
		font-style: italic;
	}

	form ::-moz-focus-inner {
		border: 0;
	}

/* Image */

	.image {
		display: inline-block;
	}

		.image img {
			display: block;
			width: 100%;
		}

		.image.fit {
			display: block;
			width: 100%;
		}

		.image.left {
			float: left;
			margin: 0 2em 2em 0;
		}

		.image.centered {
			display: block;
			margin: 0 0 2em 0;
		}

			.image.centered img {
				margin: 0 auto;
				width: auto;
			}

		.image.featured {
			display: block;
			width: 100%;
			margin: 0 0 2em 0;
		}

/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	button,
	.button {
		-moz-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
		-ms-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
		display: inline-block;
		background: #444;
		text-align: center;
		text-transform: uppercase;
		font-weight: 700;
		letter-spacing: 0.25em;
		text-decoration: none;
		border-radius: 0.35em;
		border: 0;
		outline: 0;
		cursor: pointer;
		padding: 0 2.25em 0 2.25em;
		font-size: 0.9em;
		min-width: 12em;
		height: 4em;
		line-height: 4em;
	}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		button:hover,
		.button:hover {
			background-color: #f98780;
		}

		input[type="button"].large,
		input[type="submit"].large,
		input[type="reset"].large,
		button.large,
		.button.large {
			font-size: 1em;
			min-width: 14em;
		}

		input[type="button"].style1,
		input[type="submit"].style1,
		input[type="reset"].style1,
		button.style1,
		.button.style1 {
			background: #e97770 url("images/overlay.png");
			color: #fff;
		}

			input[type="button"].style1:hover,
			input[type="submit"].style1:hover,
			input[type="reset"].style1:hover,
			button.style1:hover,
			.button.style1:hover {
				background-color: #f98780;
			}

			input[type="button"].style1:active,
			input[type="submit"].style1:active,
			input[type="reset"].style1:active,
			button.style1:active,
			.button.style1:active {
				background-color: #d96760;
			}

		input[type="button"].style2,
		input[type="submit"].style2,
		input[type="reset"].style2,
		button.style2,
		.button.style2 {
			background: none;
			color: #606167;
			box-shadow: inset 0px 0px 2px 0px #a0a1a7;
		}

			input[type="button"].style2:hover,
			input[type="submit"].style2:hover,
			input[type="reset"].style2:hover,
			button.style2:hover,
			.button.style2:hover {
				box-shadow: inset 0px 0px 2px 0px #606167;
			}

			input[type="button"].style2:active,
			input[type="submit"].style2:active,
			input[type="reset"].style2:active,
			button.style2:active,
			.button.style2:active {
				box-shadow: inset 0px 0px 2px 0px #202127;
			}

		input[type="button"].style3,
		input[type="submit"].style3,
		input[type="reset"].style3,
		button.style3,
		.button.style3 {
			background: #2f333b url("images/overlay.png");
			color: #fff;
		}

			input[type="button"].style3:hover,
			input[type="submit"].style3:hover,
			input[type="reset"].style3:hover,
			button.style3:hover,
			.button.style3:hover {
				background-color: #3f434b;
			}

			input[type="button"].style3:active,
			input[type="submit"].style3:active,
			input[type="reset"].style3:active,
			button.style3:active,
			.button.style3:active {
				background-color: #1f232b;
			}

/* List */

	ul {
		list-style: disc;
		padding-left: 1em;
	}

		ul li {
			padding-left: 0.5em;
		}

		ul.style2 {
			list-style: none;
			padding-left: 0;
		}

			ul.style2 li {
				border-top: solid 1px #eee;
				padding: 1.5em 0 0 0;
				margin: 1.5em 0 0 0;
			}

				ul.style2 li:first-child {
					border-top: 0;
					padding-top: 0;
					margin-top: 0;
				}

		ul.style3 {
			list-style: none;
			padding-left: 0;
		}

			ul.style3 li {
				border-top: solid 1px #eee;
				padding: 0.5em 0 0 0;
				margin: 0.5em 0 0 0;
			}

				ul.style3 li:first-child {
					border-top: 0;
					padding-top: 0;
					margin-top: 0;
				}

	ol {
		list-style: decimal;
		padding-left: 1.25em;
	}

		ol li {
			padding-left: 0.25em;
		}

/* Actions */

	ul.actions {
		list-style: none;
		padding-left: 0;
		margin: 3em 0 0 0;
	}

		ul.actions li {
			display: inline-block;
			margin: 0 0.75em 0 0.75em;
			padding-left: 0;
		}

			ul.actions li:first-child {
				margin-left: 0;
			}

			ul.actions li:last-child {
				margin-right: 0;
			}

		ul.actions.special {
			text-align: center;
		}

/* Feature List */

	.feature-list {
		max-width: 58em;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 0.75em;
	}

		.feature-list section {
			border-top: solid 1px #eee;
			padding-top: 3em;
			padding-left: 5em;
			position: relative;
		}

		@media screen and (min-width: 981px) {

			.feature-list > .row > :nth-child(-n + 2) > section {
				border-top: 0;
				padding-top: 0;
			}

		}

		.feature-list h3 {
			color: #e97770 !important;
			margin: -0.35em 0 0.75em 0;
			font-size: 1.15em;
			letter-spacing: 0.05em;
		}

			.feature-list h3:before {
				display: block;
				color: #fff;
				background: #2f333b url("images/overlay.png");
				border-radius: 2.5em;
				text-align: center;
				width: 2.5em;
				height: 2.5em;
				line-height: 2.5em;
				margin-right: 0.75em;
				position: absolute;
				left: 0;
				margin-top: -0.5em;
			}

		.feature-list.small section {
			padding-left: 3.5em;
		}

		.feature-list.small h3:before {
			font-size: 0.8em;
		}

/* Icons */

	.icon {
		text-decoration: none;
		text-decoration: none;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			display: inline-block;
			font-style: normal;
			font-variant: normal;
			text-rendering: auto;
			line-height: 1;
			text-transform: none !important;
			font-family: 'Font Awesome 5 Free';
			font-weight: 400;
		}

		.icon:before {
			line-height: inherit;
			font-size: 1.25em;
		}

		.icon > .label {
			display: none;
		}

		.icon.solid:before {
			font-weight: 900;
		}

		.icon.brands:before {
			font-family: 'Font Awesome 5 Brands';
		}

/* Box */
section#header nav#nav ul.dropotron.level-0.center li a {
    border: 0 !important;
    box-shadow: unset;
}

section#header nav#nav ul.dropotron.level-0.center {
    background: rgba(28, 28, 28, 0.96);
    box-shadow: 0px 11px 8px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(3px);
    width: 20%;
    border: 1px solid #69b270;
    padding: 13px 30px;
}
	.box header {
		margin: 0 0 1.5em 0;
	}

		.box header.style1 {
			position: relative;
			margin: -0.5em 0 0 0;
			padding-top: 0;
		}

	.box h2 {
		margin: 0 0 0.75em 0;
		font-size: 1.15em;
		letter-spacing: 0.05em;
	}

	.box h3 {
		margin: 0 0 0.5em 0;
		font-size: 1em;
		font-weight: 600;
		letter-spacing: 0.05em;
	}

	.box.post-excerpt .image.left {
		position: relative;
		top: 0.5em;
		width: 5em;
	}

	.box.post-excerpt h3, .box.post-excerpt p {
		margin-left: 7em;
	}

/* Wrapper */

	.wrapper {
		position: relative;
		padding: 6em 0 9em 0;
	}

		.wrapper .title {
			position: absolute;
			top: 0;
			left: 50%;
			text-align: center;
			text-transform: uppercase;
			display: block;
			font-weight: 700;
			letter-spacing: 0.25em;
			font-size: 0.9em;
			width: 25em;
			height: 3.25em;
			top: -3.25em;
			line-height: 3.25em;
			margin-bottom: -3.25em;
			margin-left: -12.5em;
			padding-top: 0.5em;
		}

			.wrapper .title:before {
				content: '';
				position: absolute;
				bottom: -38px;
				left: -35px;
				width: 35px;
				height: 38px;
				background: url("images/shadow.png");
			}

			.wrapper .title:after {
				-moz-transform: scaleX(-1);
				-webkit-transform: scaleX(-1);
				-ms-transform: scaleX(-1);
				transform: scaleX(-1);
				content: '';
				position: absolute;
				bottom: -38px;
				right: -35px;
				width: 35px;
				height: 38px;
				background: url("images/shadow.png");
			}

		.wrapper.style1 {
			background: #e97770 url("images/overlay.png");
			color: #eee;
			color: rgba(255, 255, 255, 0.75);
		}

			.wrapper.style1 .title {
				background: #e97770 url("images/overlay.png");
				color: #fff;
			}

			.wrapper.style1 h1, .wrapper.style1 h2, .wrapper.style1 h3, .wrapper.style1 h4, .wrapper.style1 h5, .wrapper.style1 h6, .wrapper.style1 strong, .wrapper.style1 b, .wrapper.style1 a {
				color: #fff;
			}

		.wrapper.style2 {
			background: #fff;
		}

			.wrapper.style2 .title {
				background: #fff;
				color: #484d55;
			}

		.wrapper.style3 {
			background: #f3f3f3 url("images/overlay.png");
		}

			.wrapper.style3 .title {
				background: #f3f3f3 url("images/overlay.png");
				color: #484d55;
			}

			.wrapper.style3 .image {
				border: solid 10px #fff;
			}

/* Page Wrapper */

	#page-wrapper > section {
		margin-bottom: 0;
	}

/* Header */

	#header {
		display: -moz-flex;
		display: -ms-flex;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		justify-content: center;
		/* position: relative;
		height: 24em; */
		background: #000000d1;
		background-size: cover;
		padding: 0;
	}

	#header:before {
		content: '';
		background: url(../../images/bannerimage.png);
		position: absolute;
		width: 100%;
		height: 100%;
		background-repeat: no-repeat;
		background-size: cover;
		overflow: hidden !important;
		top: 0;
		z-index: -1;
	}

		/* .homepage #header {
			height: 35em;
		} */
		section#header .container {
			display: flex;
		}
/* Logo */

	#logo {
		width: auto;
		text-align: center;
		/* position: relative;
		top: 1.5em; */
	}

		#logo h1 {
			font-weight: 900;
			text-transform: uppercase;
			color: #fff;
			font-size: 2em;
			letter-spacing: 0.25em;
		}

		#logo p {
			color: #eee;
			color: rgba(255, 255, 255, 0.5);
			text-transform: uppercase;
			margin: 1.25em 0 0 0;
			display: block;
			letter-spacing: 0.2em;
			font-size: 0.9em;
		}
		#nav {
			text-align: center !important;
			margin-left: 226px;
		}
		section#header #logo img {
			width: 201px;
            position: absolute;
            left: 104px;
            margin-top: -6px;
		}
		#nav > ul li a {
			font-family: 'Anek Tamil', sans-serif;
			text-transform: capitalize;
			font-size: 16px;
			font-weight: 500;
			letter-spacing: 0em;
			text-align: left;
			text-decoration: unset !important;
		}
		/*#nav > ul li.current a {*/
		/*	background: linear-gradient(98.46deg, #72B763 3.81%, #51A699 101.52%);*/
		/*	-webkit-background-clip: text;*/
		/*	-webkit-text-fill-color: transparent;*/
		/*	background-clip: text;*/

		/*	font-style: normal;*/
		/*	font-weight: 500;*/
		/*	font-size: 16px;*/
		/*}*/
		section#header {
			padding: 60px 0;
			z-index: 11111111;
		}
/* Nav */
section#header .logo-nav {
    background: #1c1c1c85;
    border-radius: 0px;
}
	#nav {
		/* position: absolute; */
		display: block;
		top: 2.5em;
		left: 0;
		width: 100%;
		text-align: right;
		z-index: 1111111111111;
	}

	#nav > ul {
		display: inline-block;
		border-radius: 0.35em;
		padding: 0;
		margin: 0;
	}

			#nav > ul > li {
				display: inline-block;
				text-align: right;
				padding: 0 1.5em 0 1.5em;
			}

				#nav > ul > li > ul {
					display: none;
				}

				#nav > ul > li > a, #nav > ul > li > span {
					display: block;
					color: #fff;
					/* text-transform: uppercase;
					text-decoration: none;
					font-size: 0.7em;
					letter-spacing: 0.25em; */
					height: 5em;
					line-height: 5em;
					-moz-transition: all .25s ease-in-out;
					-webkit-transition: all .25s ease-in-out;
					-o-transition: all .25s ease-in-out;
					-ms-transition: all .25s ease-in-out;
					transition: all .25s ease-in-out;
					outline: 0;
				}

				#nav > ul > li:hover > a {
					color: #fff;
				}

				#nav > ul > li.active > a, #nav > ul > li.active > span {
					color: #fff;
				}

				.dropotron {
					background: #5aab8a url(images/overlay.png);
					background-color: rgb(89 170 139);
					padding: 1.25em 1em 1.25em 1em;
					border-radius: 0.35em;
					box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.25);
					min-width: 12em;
					text-align: left;
					margin-top: -1.25em;
					margin-left: -1px;
					list-style: none;
				}

		.dropotron.level-0 {
			margin-top: -1px;
			margin-left: 0;
			border-top-left-radius: 0;
			border-top-right-radius: 0;
		}

		.dropotron a, .dropotron span {
			-moz-transition: all .25s ease-in-out;
			-webkit-transition: all .25s ease-in-out;
			-ms-transition: all .25s ease-in-out;
			transition: all .25s ease-in-out;
			display: block;
			color: #eee;
			color: rgba(255, 255, 255, 0.75);
			text-transform: uppercase;
			text-decoration: none;
			font-size: 0.7em;
			letter-spacing: 0.25em;
			border-top: solid 1px rgba(255, 255, 255, 0.15);
			line-height: 3em;
		}

		.dropotron li {
			padding-left: 0;
		}

			.dropotron li:first-child a, .dropotron li:first-child span {
				border-top: 0;
			}

			.dropotron li:hover > a, .dropotron li:hover > span {
				color: #fff;
			}

/* Intro */

	#intro {
		padding-bottom: 8em;
		text-align: center;
	}

		#intro p.style1 {
			font-size: 1.5em;
			letter-spacing: 0.075em;
		}

		#intro p.style2 {
			font-weight: 700;
			color: #fff;
			border-radius: 0.35em;
			box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.25);
			font-size: 2.75em;
			letter-spacing: 0.075em;
			line-height: 1.35em;
			padding: 1em 0 1em 0;
			margin-bottom: 1em;
		}

			#intro p.style2 a {
				color: inherit;
				text-decoration: none;
			}

		#intro p.style3 {
			font-size: 1.1em;
			width: 48em;
			margin: 0 auto;
		}

/* Features */

	#features header.style1 {
		padding-bottom: 5em;
	}

	#features ul.actions {
		margin-top: 5em;
	}

/* Highlights */

	#highlights .highlight {
		text-align: center;
	}

		#highlights .highlight h3 {
			color: #e97770;
			margin: 0 0 0.75em 0;
			font-size: 1.15em;
			letter-spacing: 0.05em;
		}

/* Main */

/* Footer */

	#footer {
		background: #282b34 url("images/overlay.png");
		color: #eee;
		color: rgba(255, 255, 255, 0.5);
		padding-bottom: 6em;
	}

		#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer strong, #footer b, #footer a {
			color: #fff;
		}

		#footer hr {
			border-top-color: #333;
			border-top-color: rgba(255, 255, 255, 0.05);
		}

		#footer form input[type="text"],
		#footer form input[type="email"],
		#footer form input[type="password"],
		#footer form select,
		#footer form textarea {
			background: #ccc;
			box-shadow: none;
		}

			#footer form input[type="text"]:focus,
			#footer form input[type="email"]:focus,
			#footer form input[type="password"]:focus,
			#footer form select:focus,
			#footer form textarea:focus {
				background: #fff;
			}

		#footer input[type="button"],
		#footer input[type="submit"],
		#footer input[type="reset"],
		#footer button,
		#footer .button {
			color: #fff;
			box-shadow: inset 0px 0px 2px 0px rgba(255, 255, 255, 0.5);
		}

			#footer input[type="button"]:hover,
			#footer input[type="submit"]:hover,
			#footer input[type="reset"]:hover,
			#footer button:hover,
			#footer .button:hover {
				color: #fff;
				box-shadow: inset 0px 0px 2px 0px rgba(255, 255, 255, 0.65);
			}

			#footer input[type="button"]:active,
			#footer input[type="submit"]:active,
			#footer input[type="reset"]:active,
			#footer button:active,
			#footer .button:active {
				box-shadow: inset 0px 0px 2px 0px rgba(255, 255, 255, 0.75);
			}

			#footer input[type="button"].style2:active,
			#footer input[type="submit"].style2:active,
			#footer input[type="reset"].style2:active,
			#footer button.style2:active,
			#footer .button.style2:active {
				box-shadow: inset 0px 0px 2px 0px rgba(255, 255, 255, 0.75);
			}

		#footer .title {
			background: #282b34 url("images/overlay.png");
			color: #eee;
		}

		#footer header.style1 {
			padding-bottom: 6em;
			margin-bottom: 6em;
			border-bottom: solid 1px rgba(255, 255, 255, 0.05);
		}

			#footer header.style1 h2 {
				color: #fff;
			}

			#footer header.style1 .p {
				color: inherit;
			}

		#footer .feature-list {
			max-width: 100%;
		}

			#footer .feature-list section {
				border-top-color: rgba(255, 255, 255, 0.05);
			}

			#footer .feature-list h3:before {
				background: #3d4249 url("images/overlay.png");
			}

/* Copyright */

	#copyright {
		text-align: center;
		padding-top: 6em;
		margin-top: 6em;
		border-top: solid 1px rgba(255, 255, 255, 0.05);
	}

		#copyright ul {
			display: inline-block;
			border-radius: 0.35em;
			box-shadow: inset 0px 0px 1px 1px rgba(255, 255, 255, 0.05);
			color: #aaa;
			color: rgba(255, 255, 255, 0.25);
			padding: 0.75em 2em;
			font-size: 0.9em;
		}

			#copyright ul li {
				display: inline-block;
				margin-left: 1em;
				padding-left: 1em;
				border-left: solid 1px #333;
				border-left-color: rgba(255, 255, 255, 0.05);
			}

				#copyright ul li:first-child {
					border-left: 0;
					margin-left: 0;
					padding-left: 0;
				}

		#copyright a {
			color: inherit;
		}

			#copyright a:hover {
				color: #fff;
			}

/* XLarge */

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

		/* Basic */

			body, input, textarea, select {
				font-size: 12pt;
			}

	}

/* Large */

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

		/* Basic */

			body, input, select, textarea {
				font-size: 11pt;
				line-height: 1.5em;
				letter-spacing: 0.015em;
			}

		/* Wrapper */

			.wrapper {
				padding: 4em 0 7em 0;
			}

		/* Logo */

			#logo {
				margin-top: -0.5em !important;
			}

				#logo h1 {
					font-size: 1.75em;
				}

		/* Intro */

			#intro {
				padding-bottom: 7em;
			}

				#intro p.style1 {
					font-size: 1.25em;
				}

				#intro p.style2 {
					font-size: 2.25em;
				}

		/* Footer */

			#footer {
				padding-bottom: 4em;
			}

				#footer header.style1 {
					padding-bottom: 4em;
					margin-bottom: 4em;
					border-bottom: solid 1px rgba(255, 255, 255, 0.05);
				}

		/* Copyright */

			#copyright {
				padding-top: 4em;
				margin-top: 4em;
			}

	}

/* Medium */

	#navPanel, #titleBar {
		display: none;
	}

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

		/* Section/Article */

			header br {
				display: none;
			}

		/* Form */

			form ul.actions {
				text-align: center;
			}

		/* Feature List */

			.feature-list {
				max-width: 40em;
			}

				.feature-list section {
					padding-top: 4em;
				}

				.feature-list > .row > :first-child > section {
					border-top: 0;
					padding-top: 0;
				}

		/* Nav */

			#nav {
				display: none;
			}

		/* Logo */

			#logo {
				top: 0;
			}

		/* Intro */

			#intro p.style3 {
				width: auto;
			}

		/* Highlights */

			#highlights .highlight {
				max-width: 40em;
				margin-left: auto;
				margin-right: auto;
			}

		/* Footer */

			#footer .feature-list {
				border-top: solid 1px rgba(255, 255, 255, 0.05);
				padding-top: 4em;
			}

	}

		@media screen and (max-width: 980px) and (min-width: 737px) {

				#footer .feature-list > .row > :nth-child(2) > section {
					border-top: 0;
					padding-top: 0;
				}

		}

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

		/* Nav */

			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;
			}

			#titleBar {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 44px;
				left: 0;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 10001;
				background: none;
			}

				#titleBar .title {
					display: none;
				}

				#titleBar .toggle {
					text-decoration: none;
					position: absolute;
					top: 0;
					left: 0;
					width: 60px;
					height: 44px;
				}

					#titleBar .toggle:before {
						-moz-osx-font-smoothing: grayscale;
						-webkit-font-smoothing: antialiased;
						display: inline-block;
						font-style: normal;
						font-variant: normal;
						text-rendering: auto;
						line-height: 1;
						text-transform: none !important;
						font-family: 'Font Awesome 5 Free';
						font-weight: 900;
					}

					#titleBar .toggle:before {
						-moz-transition: all .15s ease-in-out;
						-webkit-transition: all .15s ease-in-out;
						-ms-transition: all .15s ease-in-out;
						transition: all .15s ease-in-out;
						text-decoration: none;
						content: '\f0c9';
						font-size: 14px;
						position: absolute;
						top: 6px;
						left: 6px;
						display: block;
						width: 54px;
						height: 38px;
						line-height: 38px;
						text-align: center;
						color: rgba(255, 255, 255, 0.75);
						background-color: rgba(92, 95, 103, 0.5);
						border-radius: 0.25em;
					}

					#titleBar .toggle:active:before {
						background-color: rgba(92, 95, 103, 0.75);
					}

			#navPanel {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transform: translateX(-275px);
				-webkit-transform: translateX(-275px);
				-ms-transform: translateX(-275px);
				transform: translateX(-275px);
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 100%;
				left: 0;
				overflow-y: auto;
				position: fixed;
				top: 0;
				width: 275px;
				z-index: 10002;
				background: #242730 url("images/overlay.png");
				box-shadow: inset -3px 0px 4px 0px rgba(0, 0, 0, 0.1);
			}

				#navPanel .link {
					display: block;
					color: rgba(255, 255, 255, 0.5);
					text-transform: uppercase;
					text-decoration: none;
					font-size: 0.85em;
					letter-spacing: 0.15em;
					text-decoration: none;
					height: 44px;
					line-height: 44px;
					border-top: solid 1px rgba(255, 255, 255, 0.05);
					margin: 0 15px 0 15px;
				}

					#navPanel .link:first-child {
						border-top: 0;
					}

				#navPanel .indent-1 {
					display: inline-block;
					width: 1em;
				}

				#navPanel .indent-2 {
					display: inline-block;
					width: 2em;
				}

				#navPanel .indent-3 {
					display: inline-block;
					width: 3em;
				}

				#navPanel .indent-4 {
					display: inline-block;
					width: 4em;
				}

				#navPanel .indent-5 {
					display: inline-block;
					width: 5em;
				}

				#navPanel .depth-0 {
					color: #fff;
				}

			body.navPanel-visible #page-wrapper {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #titleBar {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #navPanel {
				-moz-transform: translateX(0);
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}

	}

/* Small */

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

		/* Basic */

			body, input, select, textarea {
				line-height: 1.5em;
				font-size: 10.5pt;
				letter-spacing: 0;
			}

			h2, h3, h4, h5, h6 {
				font-size: 1.2em;
				letter-spacing: 0.05em;
				margin: 0 0 1em 0;
			}

			hr {
				margin: 1em 0 1em 0;
			}

		/* Section/Article */

			section, article {
				clear: both;
			}

			header br {
				display: none;
			}

			header.style1 {
				padding: 0 0 1em 0;
			}

				header.style1 h2 {
					font-size: 1.5em;
					letter-spacing: 0.075em;
					line-height: 1.25em;
				}

				header.style1 p {
					font-size: 1em;
					letter-spacing: 0;
					display: block;
					margin: 0;
				}

		/* Button */

			input[type="button"],
			input[type="submit"],
			input[type="reset"],
			button,
			.button {
				display: block;
				width: 100%;
				font-size: 1em;
				max-width: 30em;
				margin: 0 auto;
			}

		/* Actions */

			ul.actions {
				margin: 2em 0 0 0;
			}

				ul.actions li {
					margin: 15px 0 0 0;
					display: block;
				}

					ul.actions li:first-child {
						margin-top: 0;
					}

		/* Feature List */

			.feature-list section {
				padding-top: 2em;
				padding-left: 4em;
			}

			.feature-list h3:before {
				font-size: 0.9em;
			}

		/* Box */

			.box.post-excerpt .image.left {
				position: relative;
				top: 0.25em;
				width: 25%;
				margin: 0;
			}

			.box.post-excerpt h3, .box.post-excerpt p {
				margin-left: 32.5%;
			}

		/* Wrapper */

			.wrapper {
				padding: 3em 0 6em 0;
			}

				.wrapper .title {
					font-size: 0.9em;
					width: 18em;
					height: 2.5em;
					top: -2.5em;
					line-height: 2.5em;
					margin-bottom: -2.5em;
					margin-left: -9em;
					padding-top: 0.5em;
				}

					.wrapper .title:before, .wrapper .title:after {
						height: 15px;
						bottom: -15px;
						background-size: 100% 100%;
					}

		/* Header */

			#header {
				height: 17em;
			}

				.homepage #header {
					height: 20em;
				}

		/* Logo */

			#logo {
				text-align: center;
				padding-left: 2em;
				padding-right: 2em;
			}

				#logo h1 {
					font-size: 1.5em;
					letter-spacing: 0.2em;
				}

				#logo p {
					margin: 1.25em 0 0 0;
					display: block;
					letter-spacing: 0.2em;
					font-size: 0.9em;
				}

		/* Intro */

			#intro {
				text-align: center;
				padding-right: 2em;
				padding-left: 2em;
				padding-bottom: 5em;
				margin: 0 auto;
			}

				#intro p.style1 {
					margin-bottom: 1.5em;
				}

				#intro p.style2 {
					font-size: 1.5em;
					letter-spacing: 0.05em;
					line-height: 1.25em;
					padding: 1.25em;
				}

		/* Features */

			#features header.style1 {
				padding-bottom: 4em;
			}

			#features ul.actions {
				margin-top: 4em;
			}

		/* Content */

			#content {
				padding: 0 0 2em 0;
			}

				#content header.style1 {
					padding-bottom: 2.5em;
				}

		/* Footer */

			#footer {
				padding-bottom: 0;
			}

				#footer header.style1 {
					padding-bottom: 0;
					margin-bottom: 2em;
					border-bottom: 0;
				}

				#footer .feature-list {
					border-top: 0;
					padding-top: 0;
				}

		/* Copyright */

			#copyright {
				padding-top: 0;
				margin-top: 4em;
				border-top: 0;
			}

				#copyright ul {
					padding: 1em 2em;
					width: 100%;
				}

					#copyright ul li {
						display: block;
						margin: 0.5em 0 0 0;
						border-left: 0;
						padding: 0;
					}

						#copyright ul li:first-child {
							margin-top: 0;
						}

	}

	/* My Css */
	.modal-open {
		padding: 0 !important;
		overflow: hidden !important;
	  }
	  /* #nav .btn.btn-primary:hover {
		background: #000;
	  }
	  #nav .btn.btn-primary {
		padding: 20px 20px;
		height: auto !important;
		line-height: 0;
		background: #4a9e6e;
		border: 0;
		box-shadow: unset;
		border-radius: 10px;
		transition: .9s;
	  } */
	  .modal-dialog {
		position: fixed;
		z-index: 99999 !important;
		left: 0;
		right: 0;
		width: 100%;
		max-width: 60%;
	  }
	  #exampleModal {
		z-index: 9999999999;
	  }
	.header-top-nav .custom-section p img {
		margin-right: 9px;
		margin-bottom: -2px;
		padding-bottom: 0;
	}
	.header-top-nav .custom-section .col-6 {
		padding-left: 0;
		padding-right: 0;
	}
	.header-top-nav .custom-section p {
		color: #fff;
		padding: 0;
		margin: 0;
		font-size: 14px;
		font-family: 'Anek Tamil', sans-serif;
		font-weight: 100 !important;
		text-align: center;
	}
	.header-top-nav .custom-section {
		background: linear-gradient(269.84deg, #58A966 -40.96%, #51A46A -4.77%, #328A7D 163.26%);
		padding: 9px 0;
	}
	#nav > ul > li > a.quote {
		height: 0px !important;
		color: #fff;
		line-height: 0;
		padding: 19px 34px;
		background: linear-gradient(94.89deg, #51A699 -21.42%, #72B763 127.67%);
		box-shadow: inset 0px 1px 7px rgba(0, 0, 0, 0.25);
		border-radius: 14px;
		font-style: normal;
		font-weight: 400;
		font-size: 11px;
		transition: .9s;
	}
	/*section#header nav#nav ul li.current:before {*/
	/*	content: url(../../images/homeicon.png);*/
	/*}*/
	/*section#header nav#nav ul li.current:before {*/
	/*	content: url(../../images/homeicon.png);*/
	/*	position: absolute;*/
	/*	display: table;*/
	/*	margin-top: 25px;*/
	/*	margin-left: -20px;*/
	/*}*/
	h1 {
		font-family: Anek Tamil, sans-serif;
		font-size: 65px;
		font-weight: 700;
		line-height: 67px;
		letter-spacing: 0em;
	}
	section#header h1 {
		padding: 60px 0;
		color: #fff;
		font-family: 'Anek Tamil';
		font-style: normal;
		font-weight: 700;
		font-size: 60px !important;
		line-height: 105.8%;
		text-align: center;
	}
	section#header h1 b {
	    background: linear-gradient(98.46deg, #72B763 3.81%, #51A699 101.52%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	
	}
	.scroll-image {
		text-align: center;
		z-index: 9999999999999;
		-webkit-animation: mover 1s infinite alternate;
		animation: mover 1s infinite alternate;
		z-index: -1;
	}
	#nav > ul > li > a.quote:hover {
		background: #000 !important;
		transition: .9s;
	}
	section#header p {
		color: #fff;
		font-family: Anek Tamil;
		font-size: 24px;
		font-weight: 400;
		line-height: 25px;
		letter-spacing: 0em;
		text-align: center;
	}
	.row {
		width: 100%;
	}
	.custom-industries-section {
		text-align: center;
		padding: 60px 0;
	}
	section#header .custom-industries-section .inner-card h3 {
		font-family: 'Anek Tamil';
		font-style: normal;
		font-weight: 400;
		font-size: 18px;
		line-height: 28px;
		text-align: center;
		color: #ffff;
		margin: 10px 0;
		position: relative;
		top: -22px;
	}

	/* CUSTOM INNERCARD CSS */

	.custom-industries-section .inner-card {
		border: 1px solid #4B4B4B;
		background: #0e0e0ea8;
		border-radius: 17px;
		height: 181px;
		padding: 43px 0;
	}
	.main-inner {
		padding: 2px 0;
	}
	
	.custom-industries-section .col-2:hover .main-inner {
		background-image: -webkit-gradient( linear, left bottom, right top, color-stop(0.33, #4C9D95), color-stop(0.67, #72B763
		) );
		background-image: -moz-linear-gradient( center bottom, rgb(14, 173, 86) 33%, rgb(0, 255, 85) 67% );
		padding: 2px;
		border: none;
		border-radius: 20px !important;
	}
	.custom-industries-section .col-2:hover .first-image {
		opacity: 0 !important;
	}
	.custom-industries-section .col-2:hover .second-image {
		opacity: 1 !important;
	}
	.custom-industries-section img.second-image {
		margin-top: -80px;
		opacity: 0;
	}
	.industry-image {
		width: 100px;
		display: inline-block;
		height: 92px;
	}


.custom-industries-section .col-2:hover .main-inner h3 {
    background: linear-gradient(98.92deg, #51A699 6.91%, #72B763 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

}
video#bgvid {
    position: absolute;
    top: 0px;
    z-index: -1;
    left: 0;
    right: 0;
 width: 100%;
 height: 1;
}

/* INTRO SECTION */
section#intro-section h3 {
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 300;
    font-size: 32px;
    line-height: 103.8%;
    color: #FFFFFF;
    text-align: center;
}
section#intro-section {
    background: #1d1d1d;
    color: #fff;
    padding: 60px 0px 30px 0px;
}
section#intro-section h2 {
    color: #fff;
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 700;
    font-size: 65px;
    line-height: 103.8%;
    text-align: center;
}
	section#intro-section h2 b {
    background: linear-gradient(98.46deg, #72B763 3.81%, #51A699 101.52%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    }
section#intro-section .heading-text-h3 {
    color: #fff;
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 700;
    font-size: 65px ;
    line-height: 103.8%;
}
section#intro-section h3 b {
    background: linear-gradient(98.46deg, #72B763 3.81%, #51A699 101.52%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
 
}

section#intro-section .col-3:hover .why-choosetext {
    border-color: #51A699 !important;
}

section#intro-section .why-choosetext {
    padding: 50px 20px;
    text-align: center;
    background: #2C2C2C;
    box-shadow: 0px 7px 3px rgba(0, 0, 0, 0.09);
    border-radius: 25px;
    border: 2px solid #5cab86;
    border-color: #2c2c2c;
    margin: 0 4px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.button-custom {
    opacity: 0;
}
section#intro-section .col-3:hover {
    transition: .9s;
    transform: translateY(10px);
}
section#intro-section .col-3:hover .button-custom {
    opacity: 1;
    transition: .9s;
}
section#intro-section .col-3:hover .why-choosetext {
    border-radius: 25px 25px 0 0;
}
section#intro-section .button-custom:hover a {
    color: #fff;
}
.button-custom a {
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #fff;
}
section#intro-section .why-choosetext .why-choose-image {
    margin: 10px 0 30px 0;
}

section#intro-section .why-choosetext h3 {
    font-family: Anek Tamil;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
    min-height: 40px;
    margin: 10px 0;color: #E0E0E0;}

section#intro-section .why-choosetext p {
    font-family: Anek Tamil;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
}
section#intro-section .why-choosetext img.img2 {
    position: absolute;
    margin-left: -84px;
    opacity: 0;
}
section#intro-section .col-3:hover .img2 {
    opacity: 1;
    transition: .9s;
}
section#intro-section .col-3:hover .img1 {
    opacity: 0;
}
section#intro-section .col-3:hover h3, section#intro-section .col-3:hover p {
    color: #fff;
    transition: .9s;
}
.button-custom {
    text-align: center;
    background: #fff;
    padding: 9px 0px;
    background: linear-gradient(96.3deg, rgba(81, 166, 153, 0.78) 0%, rgba(114, 183, 99, 0.78) 98.42%);
    border-radius: 0px 0px 21px 21px;
    margin: 0 4px;
}

.button-custom a {
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    color: #fff;
}
section#intro-section .inner-section {
    padding: 60px 0 30px 0;
}

/* slick slider */
.client-icons {
    width: 100%;
    text-align: center;
    border-top: 1px solid #3e3a3a;
    padding: 30px 0px;
    border-bottom: 1px solid #3e3a3a;
}
.client-icons .carousel {
    width: 100%;
    margin: 0px auto;
}
.client-icons .slick-slide {
	margin:10px;
  }
 .client-icons .slick-arrow {
    display: none !important;
}
.client-icons .card {
    background: #ff10 !important;
    border: 0 !important;
    padding: 0 50px;
    display: flow-root;
}
.client-icons .slick-dots, .brand-portfolio .slick-dots {
    display: none !important;
}

.client-icons .new img {
    width: 60px;
    margin: 0 auto;
}
.client-icons .slick-dotted.slick-slider {
    margin-bottom: 0 ;
}
/* grow business css */
.brand-portfolio .card {
    background: #ff10 !important;
    border: 0 !important;
    padding: 0 50px;

}
section#grow-brand .brand-portfolio button.slick-prev.slick-arrow {
    background-image: url(../../images/leftarrow.png);
    background-size: 100% 100%;
    padding: 30px 30px;
    z-index: 1111;
}
section#grow-brand .brand-portfolio button.slick-next.slick-arrow {
    background-image: url(../../images/rightarrow.png);
    background-size: 100% 100%;
    padding: 30px 30px;
    z-index: 1111;
}
section#grow-brand .slick-prev:before, section#grow-brand .slick-next:before {
    font-size: 0;
}
section#grow-brand .slick-slide {
	margin:10px;
  }
section#grow-brand .carousel {
    width: 100%;
    margin: 0px auto;
}
section#grow-brand {
    background: #1d1d1d;
    color: #fff;
    padding: 60px 0px;
}

section#grow-brand h2 {
    font-family: Anek Tamil;
    font-size: 65px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
}

section#grow-brand h2 b {
    background: linear-gradient(98.46deg, #72B763 3.81%, #51A699 101.52%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

}
.brand-button:hover h6 {
    background-image: -webkit-gradient( linear, left bottom, right top, color-stop(0.33, #4C9D95), color-stop(0.67, #72B763 ) );
    transition: .9s;
}
.brand-button-new:hover{
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0.33, #4C9D95), color-stop(0.67, #72B763));
}
.brand-button-new:hover h6 a{
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0.33, #4C9D95), color-stop(0.67, #72B763));
}
.brand-button h6 a {
    padding: 13px 84px;
    color: #fff;
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 105.8%;
    transition: .9s;
}

.brand-button h6 {
    margin: 0 auto;
    padding: 14px 0px;
    border-radius: 14px;
    background: #1d1d1d;
} 	
.brand-button { 
    width: auto !important;
    display: table;
    background-image: -webkit-gradient( linear, left bottom, right top, color-stop(0.33, #4C9D95), color-stop(0.67, #72B763 ) );
    background-image: -moz-linear-gradient( center bottom, rgb(14, 173, 86) 33%, rgb(0, 255, 85) 67% );
    padding: 2px !important;
    border: none;
    border-radius: 14px !important;
    background-size: cover;
    transition: .9s;
    text-align: center;
    margin: 0 auto;
}
.brand-button-new {
    padding: 0;
    color: #fff;
    margin: 40px auto;
}
.brand-button-new h6 {
    margin: 0 auto;
    border-radius: 14px;
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0.33, #4C9D95), color-stop(0.67, #72B763));

    padding: 13px 84px !important;
    color: #fff !important;
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 105.8%;
    transition: .9s;
}
/* what we can */
section#what-can-we {
    background: #1d1d1d;
    color: #fff;
    padding: 60px 0px;
}
.heading-text .heading-text-sm-h3 {
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 300;
    font-size: 32px;
    line-height: 103.8%;
    color: #FFFFFF;
}

.heading-text h3 {
    color: #fff;
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 700;
    font-size: 65px;
    line-height: 103.8%;
}
.heading-text .heading-text-sm-h3 {
    font-family: 'Anek Tamil' ;
    font-style: normal ;
    font-weight: 300 ;
    font-size: 32px ;
    line-height: 103.8% ;
    color: #FFFFFF ;
}
.heading-text h2 {
    color: #fff ;
    font-family: 'Anek Tamil' ;
    font-style: normal ;
    font-weight: 700 ;
    font-size: 65px ;
    line-height: 103.8% ;
}
.heading-text h2 b {
    background: linear-gradient(98.46deg, #72B763 3.81%, #51A699 101.52%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

}
.heading-text .heading-text-h3 {
    color: #fff ;
    font-family: 'Anek Tamil' ;
    font-style: normal ;
    font-weight: 700 !important;
    font-size: 65px !important;
    line-height: 103.8% ;
}
.heading-text h3 b {
    background: linear-gradient(98.46deg, #72B763 3.81%, #51A699 101.52%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

}
section#what-can-we .accordion-item img:hover {
    transform: scale(0.9);
}
section#what-can-we .accordion-item .logo-images img {
    width: 100%;
    background: #1d242e;
    border-radius: 30px;
    margin: 10px;
    transition: .9s;
    -webkit-animation: pulse 3s linear infinite;
    animation: pulse 3s linear infinite;
}
section#what-can-we .accordion-item {
    background: #212121;
    color: #fff;
    border: 1px solid #4B4B4B;
    padding: 50px 50px;
    border-radius: 20px;
}
section#what-can-we ul#myTab {
    border: 0;
    text-align: center;
    margin: 60px 0 90px 0;
    display: flex !important;
    justify-items: center !important;
    justify-content: center !important;
}
section#what-can-we ul#myTab .nav-link {
    background: #212121;
    border: 1px solid #4B4B4B;
    border-radius: 15px;
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 102.8%;
    letter-spacing: 1px;
    color: #4B4B4B;
    height: 64px;
}

section#what-can-we li.nav-item .active {
    background: linear-gradient(94.32deg, #51A699 0%, #72B763 128.15%) !important;
    border: 1px solid #4B4B4B;
    border-radius: 15px;
    color: #fff !important;
}
section#what-can-we {
    background: #1d1d1d;
    color: #fff;
    padding: 60px 0px;
}
section#what-can-we .inner-customcanwe .logo-design {
    border-bottom: 1px solid #444444;
    padding-bottom: 40px;
}
section#what-can-we .information p {
    font-family: Anek Tamil;
    font-size: 16px;
    font-weight: 300;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #E0E0E0;
}

section#what-can-we .information h2 img {
    padding-right: 14px;
    transition: .9s;
}
section#what-can-we .inner-customcanwe .button-text {
    z-index: 99999999;
}
section#what-can-we .inner-customcanwe .call-to {
    display: none;
}
section#what-can-we .fade:not(.show) {
    display: none !important;
}
section#what-can-we .inner-customcanwe .button-text a {
    text-decoration: unset;
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 208.3%;
    color: #72B763;
    z-index: 9999999999;
}
section#what-can-we .information h2 {
    font-family: Anek Tamil;
    font-size: 24px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0em;
    color: #E0E0E0;
}
section#what-can-we .information {
    padding-top: 40px;
    color: #fff;
}


/* recentpass css */
section#recent-past {
    background: #1d1d1d;
    color: #fff;
    padding: 60px 0px;
}

section#recent-past h1 {
    font-family: Anek Tamil;
    font-size: 65px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 0em;
    color: #fff;
}
section#recent-past .heading-text-h3-main {
    font-family: Anek Tamil  !important;
    font-size: 65px !important;
    font-weight: 700 !important;
    line-height: 65px !important;
    letter-spacing: 0em !important;
    color: #fff !important;
}
section#what-can-we .information h2 img:hover {
    transform: translateY(-20px);
}
section#recent-past .heading-text h3 {
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 300;
    font-size: 32px;
    line-height: 103.8%;
    color: #FFFFFF;
}
section#recent-past h1 b {
    background: linear-gradient(98.46deg, #72B763 3.81%, #51A699 101.52%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

}
section#recent-past .heading-text-h3-main b {
    background: linear-gradient(98.46deg, #72B763 3.81%, #51A699 101.52%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;

}
section#recent-past .fade:not(.show) {
    display: none !important;
}
section#recent-past ul#myTab {
    position: absolute;
    margin-top: -150px;
    right: 141px;
    padding: 0 0 !important;
    border: 1px solid #4E4E4E;
    border-radius: 18px;
}
  section#recent-past .tab-pane {
    border: 0 !important;
}
section#recent-past .nav-tabs .nav-link.active {
    background: #ff10 !important;
    color: #72B763 !important;
}
section#recent-past .nav-tabs .nav-link {
    border: 0 !important;
    color: #4D4D4D;
    font-family: 'Anek Tamil';
    font-style: normal;
    font-size: 16px;
    line-height: 54px;
    letter-spacing: 0;
    min-width: auto !important;
    background: #ff10 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

  /* Gallery RESPONSIVE SECTIONS */
  .lightbox .fa.fa-angle-left.lightbox-prev, .lightbox .fa.fa-angle-right.lightbox-next {
    background-color: #ff10 !important;
    font-size: 0;
    padding: 30px 30px;
}
.lightbox .fa.fa-angle-left.lightbox-prev {
	background-image: url("../../images/leftarrow.png") !important;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.lightbox .fa.fa-angle-right.lightbox-next {
	background-image: url("../../images/rightarrow.png") !important;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
  section#recent-past .gallery-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
}
section#recent-past .gallery-item{
  /*width: 400px;*/
  /*margin: auto;*/
  /*border: 6px solid #3e9475;*/
  border-radius: 5px;
  margin-top:10px;
  /*box-shadow: 0px 20px 46px 2px #bcc6ff;*/
  cursor: n-resize;
}
section#recent-past .gallery-item img{
  width: 100%;
  object-fit: cover;
  object-position: top;
  transition: 1s all ease;
  height: 450px;
}
section#recent-past .gallery-item img:hover {
    /*transform: scale(0.9);*/
    /*transition: .9s;*/
      object-position: bottom;
}

section#recent-past .gallery-item {
    flex-basis: 24.7%;
    margin-bottom: 6px;
    opacity: 1 !important;
    cursor: pointer;
}
.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 0% 0%;
}
.accordion {
    background: #ff10 !important;
    --bs-accordion-bg: #ff10 !important;
}
 .gallery-content {
    font-size: .8em;
}

.lightbox {
    position: fixed;
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    z-index: 99999999999999999999;
}
.lightbox-content {
    position: relative;
    width: 70%;
    height: 70%;
    margin: 5% auto;
    overflow: auto;
    height: 100%;
}
.lightbox-content img {
    border-radius: 7px;
    /* width: 30%; */
    height: auto;
    margin: 0 auto;
    display: table;
    position: relative;
    top: 81px;
}
.lightbox-prev, .lightbox-next {
    position: fixed;
    background-color: #fff;
    color: #000;
    top: 45%;
    cursor: pointer;
    padding: 12px 20px;
    border-radius: 30px;
    font-size: 35px;
    font-weight: 600;
	margin: 0 30px;
}
 .lightbox-prev {
    left: 0;
}
.lightbox-next {
    right: 0;
}
.lightbox-prev:hover,
.lightbox-next:hover {
    opacity: .8;
}
.custom-portoflio-button {
    text-align: center;
    padding: 20px 0 0 0;
}

.custom-portoflio-button ul li {
    display: inline-block;
}

/* FAQS CSS */
section#faqs .accordion-body {
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #b1b1b1;
}
section#price-plans .heading-text p {
    color: #fff;
}
#myTabContent {
    margin-top: 40px;
}
section#price-plans .heading-text {
    text-align: center;
}
section#faqs .accordion-item {
    border: 0;
    margin-bottom: 21px;
	background: #252525;
    border-radius: 20px;
}
section#faqs .accordion-button:focus {
    box-shadow: unset !important;
    border: 0 !important;
}
section#faqs button.accordion-button.collapsed {
    background: #252525;
    border: 2px solid #2F2F2F;
    border-radius: 25px;
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 35px;
    color: #fff;
    letter-spacing: 0;
}
section#faqs .accordion-button:not(.collapsed) {
    background: #ff10 !important;
    box-shadow: unset;
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 0;
    color: #fff;
}
section#faqs .accordion-item img {
    position: absolute;
    right: 30px;
}
section#faqs .accordion-button:not(.collapsed) img {
    transform: rotate(90deg);
}
section#faqs .accordion-button::after {
    display: none;
}
/* FAQS CSS END */

/* TESTIMONIALS START */
section#testimonials-sections #page .slick-track .testimonial-text {
    text-align: center;
    color: #fff;
}

section#testimonials-sections .testimonial-text h3 {
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 54px;
    color: #FFFFFF;
}
section#testimonials-sections .slider.slider-single {
    margin: 60px 100px;
    border: 2px solid #61ae7e;
    padding: 46px 0;
    background: #252525;
    box-shadow: 0px 6px 21px rgba(0, 0, 0, 0.14);
    border-radius: 25px;
}
section#testimonials-sections .slider.slider-nav.slick-initialized.slick-slider {
    margin: 40px 0;
    padding: 0 0;
}
section#testimonials-sections .slick-slide img {
    width: 130px;
    margin: 0 auto;
}
#basicAccordion {
    padding: 0 100px;
}
section#testimonials-sections .slick-slide.is-active.slick-active h3 span img {
    border-radius: 50%;
    border: 2px solid #61ae7e;
}
section#testimonials-sections .testimonial-quote {
    position: absolute;
    right: 340px;
    z-index: 111111;
}
section#testimonials-sections button.slick-prev.slick-arrow {
    background-image: url(../../images/leftarrow.png);
    background-size: 100% 100%;
    padding: 30px 30px;
    z-index: 1111;
	position: absolute;
    left: -90px;
}
section#testimonials-sections .slider-nav button.slick-prev.slick-arrow,
section#testimonials-sections .slider-nav button.slick-next.slick-arrow {
    display: none !important;
}
.slick-next:before, .slick-prev:before {
    display: none;
}
section#testimonials-sections button.slick-next.slick-arrow {
    background-image: url(../../images/rightarrow.png);
    background-size: 100% 100%;
    padding: 30px 30px;
    z-index: 1111;
    position: absolute;
    right: -90px;
}
/* TESTIMONIAL END */


/* contact us start */
form#contact {
    padding: 0 210px;
}
section#contact-us form#contact button#contact-submit:hover {
    background: #000 !important;
    transition: .9s;
}
section#contact-us input:focus-visible {
    box-shadow: unset !important;
    outline: unset !important;
}
textarea:focus-visible {
    outline: unset !important;
}
section#contact-us form#contact ::placeholder {
    font-style: inherit !important;
    font-family: 'Anek Tamil';
    font-weight: 400;
    font-size: 20px;
    color: #656565;
    line-height: 30px;
}
section#contact-us form#contact textarea {
    overflow: hidden !important;
}
section#contact-us form#contact button#contact-submit {
    width: 100%;
    background: linear-gradient(271.05deg, #51A699 2.65%, #72B763 97.16%);
    border: 2px solid #2F2F2F;
    border-radius: 25px;
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 30px;
    min-height: 69px;
    height: 0;
    transition: .9s;
}
section#contact-us .custom-form-sec {
    border: 1px solid #484848;
    border-radius: 25px;
    padding: 60px 0;
    margin: 0 97px;
}
section#contact-us form#contact textarea {
    min-height: 10px !important;
    height: 70px;
}

section#contact-us form#contact input, section#contact-us form#contact textarea {
    padding: 20px 20px;
    background: #252525;
    border: 2px solid #2F2F2F;
    border-radius: 25px;
    margin-bottom: 12px;
    width: 100%;
    resize: unset;
}
/* contact us end */

/* Price plan css start */
section#price-plans-section .custom-price-button ul li {
    display: inline-block;
}
section#price-plans-section .fade:not(.show) {
    display: none !important;
}
section#price-plans-section .custom-price-button ul {
    margin: 0;
    padding: 0;
    text-align: center;
}
section#price-plans-section .nav-tabs .nav-link {
    border: 0 !important;
    letter-spacing: 0;
    min-width: auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    text-align: center;
    text-transform: capitalize;
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 54px;
    color: #4D4D4D;
}
section#price-plans-section ul#myTab {
    padding: 0 0 !important;
    border: 1px solid #4E4E4E;
    border-radius: 18px;
    text-align: center;
    width: 74%;
    margin: 0 auto;
}
section#price-plans-section .price-inner-plan {
    color: #fff;
	margin: 10px;
}
section#price-plans-section .price-heading-text {border: 1px solid #434343;border-radius: 15px;text-align: center;padding: 26px 0px;}

section#price-plans-section .price-heading-text h2 {
    font-family: 'Anek Tamil';
    font-style: normal;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #FFFFFF;
    margin: 20px 0;
}

section#price-plans-section .price-heading-text h4 {font-family: 'Anek Tamil';font-style: normal;font-weight: 600;font-size: 36px;line-height: 30px;
/* or 83% */text-align: center;color: #FFFFFF;}

section#price-plans-section .price-list ul li::marker {
    color: #6fb567 !important;
    font-size: 19px;
    line-height: 33px;
}
section#price-plans-section .price-list ul {
    margin: 0;
    padding-left: 30px;
    height: 246px;
    overflow-y: auto;
}
section#price-plans-section .price-list {
    background: #252525;
    border: 1px solid #2F2F2F;
    border-radius: 15px;
    padding: 32px 0px 0px 13px;
    margin: 11px 0 0px 0;
}
section#price-plans-section .price-list ul li {
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #FFFFFF;
    list-style: circle;
    padding-left: 6px;
}
section#price-plans-section .price-inner-plan {
    background: #282828;
    border: 2px solid #4B4B4B;
    box-shadow: 0px 8px 17px rgba(0, 0, 0, 0.13);
    border-radius: 15px;
    padding: 40px 40px;
}
section#price-plans-section .nav-tabs .nav-link:hover {
    background: #ff10 !important;
}
section#price-plans-section .tab-pane {
    border: 0 !important;
    margin-top: 50px;
}
section#price-plans-section li.nav-item {
    text-align: center;
    margin: 0 auto !important;
    padding: 0 !important;
}

section#price-plans-section .nav-tabs .nav-link.active {
    background: #ff10 !important;
    color: #72B763 !important;
}
section#price-plans-section .price-inner-plan:hover {
    border-color: #55a38a;
    transition: .9s;
	/* transform: translateY(30px); */
}

section#price-plans-section .price-inner-plan:hover .price-heading-text {
    background: linear-gradient(103.38deg, #72B763 3.26%, #4C9D95 113.62%);
    border: 1px solid #434343;
    box-shadow: inset 5px 11px 9px rgba(0, 0, 0, 0.18);
    transition: .9s;
}

/* price plan css end */

/* footersec */
footer#main-footer-sections {
    padding: 60px 0 0px 0px;
}

footer#main-footer-sections .footer-about-us p {
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    line-height: 174.3%;
    color: #FFFFFF;
    margin-top: 10px;
}
footer#main-footer-sections h4 {
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 23px;
    color: #72B763;
}
footer#main-footer-sections ul.nav-menu-links {
    margin: 0;
    padding: 0;
}
footer#main-footer-sections .copyright-section {
    background: #000;
    padding: 10px 0;
}

footer#main-footer-sections .copyright-section p {
    padding: 0;
    margin: 0;
    font-size: 16px;
}
footer#main-footer-sections ul.nav-menu-links li a {
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    text-decoration: unset;
}
footer#main-footer-sections ul.nav-menu-links li {
    list-style: none;
    line-height: 35px;
}
footer#main-footer-sections .footer-nav-3 ul li {
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 30px;
    color: #FFFFFF;
}

footer#main-footer-sections .footer-nav-3 ul li span {
    width: 20%;
    float: left;
}

footer#main-footer-sections .footer-nav-3 ul li em {
    float: left;
    width: 80%;
	font-style: inherit;
}
footer#main-footer-sections .footer-payment-section .payment-inner h4 {
    margin: 0;
    padding: 3px 0 0 0;
}
footer#main-footer-sections .footer-payment-section .payment-inner img {
    float: right;
}
footer#main-footer-sections .footer-payment-section .payment-inner {
    background: rgba(26, 26, 26, 0.57);
    border: 0.3px solid #72B763;
    border-radius: 7px;
    padding: 10px 30px;
}
 ul.nav-menu-links li {
    list-style: none;
    display: flex !important;
    gap: 20px !important;
}
.footer-nav-2 .nav-menu-links {
    line-height: 35px;
    list-style-type: none !important;
}
.nav-menu-links  a {
    text-decoration: none;
    color: white;
}
.copyright-section .social-links img:hover {
    transform: scale(0.9);
}
.copyright-section .social-links img {
    width: 25px;
    margin: 0;
    padding: 0;
    border-radius: 7px;
    transition: .9s;
}
.copyright-section .social-links {
    text-align: right;
}
.copyright-section .social-links ul li {
    display: inline-block;
}
.copyright-section .social-links ul {
    margin: 0;
    padding: 0;
}
/* FLOAT WHATSAPP BUTTON START */
.floating_btn a {
    text-decoration: unset !important;
}
.floating_btn {
    position: fixed;
    bottom: 0px;
    left: 10px;
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1111111111111111111;
}
  
  @keyframes pulsing {
	to {
	  box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
	}
  }
  
  .contact_icon {
	background-color: #42db87;
	color: #fff;
	width: 60px;
	height: 60px;
	font-size:30px;
	border-radius: 50px;
	text-align: center;
	box-shadow: 2px 2px 3px #999;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translatey(0px);
	animation: pulse 1.5s infinite;
	box-shadow: 0 0 0 0 #42db87;
	-webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	-ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
	font-weight: normal;
	font-family: sans-serif;
	text-decoration: none !important;
	transition: all 300ms ease-in-out;
  }
  
  
/* FLOAT WHATSAPP BUTTON END */

/* ABOUT US CSS */
section#about-us-main-section {
    margin-bottom: 0;
}
section#about-us-main-section .heading-text h1 {
    font-size: 40px;
    line-height: 50px;
}
.about-banner-buttons ul {
    text-align: center;
}
section#about-us-main-section .about-banner-buttons ul {
    margin: 0;
    padding: 0;
    text-align: left;
}
section#about-us-main-section .heading-text p {
    font-size: 16px;
    line-height: 26px;
}
.about-banner-buttons ul li {
    display: inline-block;
}
.about-banner-buttons .brand-button h6 a {
    padding: 12px 54px;
}
body.about-us section#header p {
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 148.3%;
    text-align: center;
    color: #FFFFFF;
}
section#about-us-main-section img:hover {
    transform: translate3d(30px, 0px, 60px);
}

section#about-us-main-section img {
    transition: .9s;
}
/* about us css end */
/* MILESTONE CSS START */
section#milestone-section .text-mile-area .heading-text h1 b {
    font-size: 85px;
    line-height: 85px;
}
section#milestone-section .text-mile-area .heading-text h1 {
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 400;
    font-size: 55px;
    line-height: 64px;
}

section#milestone-section .text-mile-area img {
    width: 87%;
    text-align: center;
    margin: 0 auto;
    display: table;
}
section#milestone-section .mile-function-code h1 span {
    color: #fff;
}

section#milestone-section .mile-function-code h1 {
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 600;
    font-size: 60px;
    line-height: 105.8%;
    text-align: center;
    color: #60ae7f;
}
section#milestone-section .mile-function-code h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 105.8%;
    text-align: center;
    color: #E0E0E0;
    font-family: 'Anek Tamil';
}
section#milestone-section .mile-function-code {
    text-align: center;
}
section#milestone-section .mile-function-code .mileswithtext:hover h1 {
    color: #fff;
}
section#milestone-section .mile-function-code .mileswithtext:hover {
    background: linear-gradient(91deg, #72B763 26.76%, #51A699 75.8%), linear-gradient(0deg, #FFFFFF, #FFFFFF);
    transition: .9s;
    transform: translateY(10px);
}
section#milestone-section .mision-vision .mis-vis p {
    font-size: 20px;
    line-height: 30px;
    color: #C8C8C8;
}

section#milestone-section .mision-vision .mis-vis h2 {
    color: #fff;
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 500;
    font-size: 36px;
    line-height: 40px;
}
section#milestone-section .mision-vision .mis-vis {
    background: #2C2C2C;
    box-shadow: 0px 7px 3px rgba(0, 0, 0, 0.09);
    border-radius: 35px;
    border: 2px solid #5cac87;
    padding: 60px 50px;
    margin: 0 13px;
}
section#milestone-section .mision-vision .mis-vis h2 b {
    background: linear-gradient(98.46deg, #72B763 3.81%, #51A699 101.52%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
section#milestone-section .mile-function-code .mileswithtext {
    border: 2px solid #5cac87;
    background: #2C2C2C;
    box-shadow: 0px 7px 3px rgba(0, 0, 0, 0.09);
    border-radius: 30px;
    padding: 52px 0px;
    margin: 0 4px;
    transition: .9s;
}
section#milestone-section {
    margin-bottom: 0;
}
/* MILESTONE CSS END */

/* what can we gallery */
section#what-canwe-about .gallery-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
}
section#what-canwe-about .gallery-item:hover {
    transform: scale(0.9);
    transition: .9s;
}

section#what-canwe-about .gallery-item {
    flex-basis: 24.7%;
    margin-bottom: 6px;
    opacity: 1 !important;
    cursor: pointer;
}
section#what-canwe-about .gallery-about-section h6 {
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 700;
    font-size: 167px;
    line-height: 60px;
    text-align: center;
    letter-spacing: -0.04em;
    color: rgba(166, 166, 166, 0.21);
}
/* what can we gallery css end */
/* CONNECT SEC CALL TO ACTION START */
.my-connect-inner img {
    position: absolute;
    margin-top: -170px;
}
.my-connect-inner img:hover {
    transform: scale(1.1);
    filter: hue-rotate(-75deg);
}

.my-connect-inner img {
    transition: .9s;
}
.my-connect-inner .my-custom {
    margin-bottom: -114px;
}
.my-connect-inner {
    background: #232323;
    border: 1px solid #535353;
    box-shadow: 0px 12px 15px rgba(0, 0, 0, 0.1);
    border-radius: 40px;
    padding: 130px 70px 70px 70px;
}
section#call-toaction-section h2 {
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 400;
    font-size: 34px;
    line-height: 32px;
}
.my-connect-inner .about-banner-buttons ul {
    text-align: left;
    padding: 0;
}
section#call-toaction-section h2 b {
    background: linear-gradient(98.46deg, #72B763 3.81%, #51A699 101.52%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

}
/* CONNECT SEC CALL TO ACTION END */

/* SERVICES PAGE CSS START */

/* SERVICES HEADER CSS START */
.services-sec section#header h3.animated.fadeIn {
    background: linear-gradient(98.46deg, #72B763 3.81%, #51A699 101.52%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 105.8%;
}

/* SERVICES HEADER CSS END */
section#services-solutions .heading-text p {
    font-size: 26px;
}
section#services-solutions .heading-text p b {
    background: linear-gradient(98.46deg, #72B763 3.81%, #51A699 101.52%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    font-weight: bold;
}


section#services-solutions .fade:not(.show) {
    display: none !important;
}
section#services-solutions ul#myTab {
    padding: 0 0 !important;
    border: 0;
    display: table !important;
    width: 100%;
}
section#services-solutions .tab-pane {
    border: 0 !important;
}
section#services-solutions .nav-tabs .nav-link.active {
    background: #ff10 !important;
    color: #72B763 !important;
    border-color: #5aab8b;
}
section#services-solutions .nav-tabs .nav-link.active em {
    color: #70b666;
}
section#services-solutions .nav-tabs .nav-link em {
    font-size: 36px;
    float: right;
    font-style: inherit;
    color: #51a69969;
}
section#services-solutions .tabsinner-sec-sol img.logodetails:hover {
    filter: brightness(0.5);
}

section#services-solutions .tabsinner-sec-sol img.logodetails {
    float: right;
    transition: .9s;
}
section#services-solutions .nav-tabs .nav-link {
    color: #fff;
    font-family: 'Anek Tamil';
    font-style: normal;
    font-size: 18px;
    line-height: 54px;
    letter-spacing: 0;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    background: rgba(44, 44, 44, 0.15) !important;
    box-shadow: 0px 9px 3px rgba(0, 0, 0, 0.13);
    border-radius: 30px;
    width: 100%;
    margin-bottom: 22px;
    text-align: left;
    height: 87px;
    border: 2px solid #44684d26;
    text-transform: capitalize;
}
section#services-solutions .tabsinner-sec-sol h1 {
    font-weight: 600;
    font-size: 42px;
    line-height: 63px;
    padding-bottom: 26px;
}

section#services-solutions .tabsinner-sec-sol p {
    font-size: 14px;
    line-height: 24px;
}
section#services-solutions .tabsinner-sec-sol {
    background: rgba(44, 44, 44, 0.15);
    box-shadow: 0px 9px 3px rgba(0, 0, 0, 0.13);
    border-radius: 30px;
    color: #fff;
    padding: 50px 50px;
    border: 2px solid #5dac84;
}
section#services-solutions .tools-services-section {
    border-top: 1px solid rgba(255, 255, 255, 0.24);
    margin: 30px 0 0 0;
    padding: 30px 0 0 0;
}
section#services-solutions .tabsinner-sec-sol h6 a:hover {
    background: #fff;
    color: #000;
    border-color: #fff !important;
}

section#services-solutions .tabsinner-sec-sol h6 {
    text-align: right;
    padding: 8px 0px 30px 0;
}
section#services-solutions .tools-services-section .col-md-6 {
    margin-right: 0 !important;
    padding-right: 0 !important;
}
section#services-solutions .tools-services-section img.tools {
    text-align: right;
    float: right;
}
section#services-solutions .tools-services-section p b {
    background: linear-gradient(98.46deg, #72B763 3.81%, #51A699 101.52%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

}
section#services-solutions .tabsinner-sec-sol h6 a {
    border: 1px solid #72B763;
    border-radius: 10px;
    padding: 11px 30px;
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 105.8%;
    color: #72B763;
    transition: .9s;
}
/* SERVICES PAGE CSS END */

@media (max-width: 767px) {
     .gallery-container {
        width: 100%;
    }
     .gallery-item {
        flex-basis: 49.80%;
        margin-bottom: 3px;
    }
    .lightbox-content {
        width: 80%;
        height: 60%;
        margin: 15% auto;
    }
    .heading-text h3 {
        font-size: 30px !important;
    }
}



@media (max-width: 480px) {
  
    .first-widgets-row .social-links ul {
    justify-content: center;
}
    .homepage section#header p br {
    display: none;
}
    .homepage section#what-can-we .home-we {
    display: flex !important;
    gap: unset !important;
}
    p {
    font-size: 16px !important;
    line-height: 26px !important;
}
    section#logo-call-to-action .container img {
    position: unset;
    width: 100%;
}
    .custom-portoflio-button ul li a {
    padding: 0 20px;
}

.custom-portoflio-button ul {
    display: flex;
    justify-content: center;
}
  .gallery-item {
        flex-basis: 100%;
        margin-bottom: 1px;
    }
    .lightbox-content {
        width: 90%;
        margin: 20% auto;
    }
}

	/* Keyframes */
	@-webkit-keyframes mover {
		0% { transform: translateY(0); }
		100% { transform: translateY(-10px); }
	}
	@keyframes mover {
		0% { transform: translateY(0); }
		100% { transform: translateY(-10px); }
	}
	@keyframes pulse{
		0%{
		  opacity: 0;
		  
		}
		50%{
		  opacity: 1;
		  
		}
		100%{
		  opacity: 0;
		  
		}
	  }
	  @-webkit-keyframes pulse{
		0%{
		  opacity: 0;
	  
		}
		50%{
		  opacity: 1;
		 
		}
		100%{
		  opacity: 0; 
		}
	  }

	  /* SERVICES LOGO DESIGN */
	  section#header .service-logosection .first-inner-section-text p {
		font-size: 20px !important;
        line-height: 35px;
		padding: 0 120px;
		margin: 0;
		text-align: left;
	}
	section#header img.greenline {
		position: absolute;
		animation: pulse 3s linear infinite;
	}	
section#header .service-logosection .first-inner-section-text h2 {
  text-align: left;
    padding: 0;
    font-family: 'Anek Tamil';
    font-size: 59px !important;
    line-height: 68px !important;
    margin: 0 ;
    -webkit-text-stroke: 1px #72B763 !important;
    -webkit-text-fill-color: transparent !important;
}
section#header .service-logosection .first-inner-section-text .first-inner-section-text-nmnh1 {
  text-align: left;
    padding: 0;
    font-family: 'Anek Tamil' !important;
    font-size: 110px !important;
    line-height: 68px !important;
    margin: 0 ;
    -webkit-text-stroke: 1px #72B763 !important;
    -webkit-text-fill-color: transparent !important;
}
section#header .service-logosection .first-inner-section-text .first-inner-section-text-h1 {
  text-align: left;
    padding: 0;
    font-family: 'Anek Tamil';
    font-size: 59px !important;
    line-height: 68px !important;
    margin: 0 ;
    -webkit-text-stroke: 1px #72B763 !important;
    -webkit-text-fill-color: transparent !important;
}
section#header .service-logosection .first-inner-section-text .about-banner-buttons {
    text-align: left;
}

section#header .service-logosection .first-inner-section-text .about-banner-buttons ul {
    text-align: left;
    margin: 0;
    padding: 0;
}

section#header .service-logosection .first-inner-section-text .about-banner-buttons ul li {
    margin-left: 0;
    padding-left: 0;
}
section#header .log-quote-form form#contact input, section#header .log-quote-form form#contact textarea {
    padding: 20px 20px;
    background: #25252554;
    border: 1px solid #2F2F2F;
    border-radius: 16px;
    margin-bottom: 23px;
    width: 100%;
    resize: unset;
}
section#header .log-quote-form form#contact {
    padding: 50px 40px;
    border: 4px solid #5bab87;
    margin: 0 70px;
    border-radius: 30px;
    background: #030606;
    margin-bottom: -110px;
}
#header .service-logosection button#contact-submit:hover {
    background: #ccc !important;
}
#header .service-logosection button#contact-submit {
    margin: 0 auto;
    display: table;
    width: 100%;
    background-image: -webkit-gradient( linear, left bottom, right top, color-stop(0.33, #4C9D95), color-stop(0.67, #72B763 ) );
    border-radius: 15px;
    color: #fff;
    text-transform: capitalize;
    font-family: 'Anek Tamil';
    letter-spacing: 0;
    font-size: 19px;
    padding: 0 0 !important;
    line-height: 0;
    height: 54px;
    transition: .9s;
}
section#logo-about-us .logoabout-text .logoabout-text-mh6 {
    font-size: 35px;
    color: #fff;
    font-family: 'Anek Tamil';
    margin-top: -40px;
}
section#logo-about-us .logoabout-text h6 {
    font-size: 50px;
    color: #fff;
    font-family: 'Anek Tamil';
    margin-top: 0px;
}
section#logo-about-us .logoabout-text h3 {
    font-size: 25px;
    color: #fff;
    font-family: 'Anek Tamil';
    margin-top: 10px;
}
section#logo-about-us .logoabout-text h2 {
    text-align: left;
    padding: 0;
    font-size: 40px;
    line-height: normal;
    margin: 0;
    -webkit-text-stroke: 1px #72B763;
    -webkit-text-fill-color: transparent;
}
section#logo-about-us .logoabout-text .logoabout-text-h2 {
    text-align: left;
    padding: 0;
    font-size: 35px;
    line-height: normal;
    margin: 0;
    color: #72B763 !important;
    -webkit-text-stroke: white !important;
    -webkit-text-fill-color: #72B763 !important;
    margin-bottom: 15px;
}
section#logo-about-us .logoabout-text h1 {
    text-align: left;
    padding: 0;
    font-size: 129px;
    line-height: 118px;
    margin: 0;
    -webkit-text-stroke: 1px #72B763;
    -webkit-text-fill-color: transparent;
}
section#logo-about-us .logoabout-text h2 {
    text-align: left;
    padding: 0;
    font-size: 31px;
    line-height: normal;
    margin: 0;
    -webkit-text-stroke: 1px #72B763;
    -webkit-text-fill-color: transparent;
}
section#logo-about-us .logoabout-text .heading-text-h3 {
    color: #fff !important;
    font-family: 'Anek Tamil' ;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 65px !important;
    line-height: 103.8% ;
    -webkit-text-stroke: 0 !important;
    -webkit-text-fill-color: white !important;
}
section#logo-about-us .logoabout-text .heading-text-h3 b{
        background: linear-gradient(98.46deg, #72B763 3.81%, #51A699 101.52%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
section#logo-about-us .logoabout-text .logoabout-text-mh2 {
    text-align: left;
    padding: 0;
    font-size: 110px !important;
    line-height: normal;
    margin: 0;
    -webkit-text-stroke: 1px #72B763;
    -webkit-text-fill-color: transparent;
}
section#logo-about-us .logoabout-text p {
    color: #fff;
}
section#logo-about-us .logoabout-text p b{
    font-weight: bold;
    color: #fff;
}
section#intro-section .containerr .why-choosetext {
    border-radius: 6px;
}
section#intro-section .col-3:hover .why-choosetext {
    border-radius: 6px 6px 0 0;
}
section#intro-section .containerr .why-choosetext img.img2 {
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
}
section#logo-call-to-action .container img {
    position: absolute;
    bottom: -116px;
    right: 0;
}
section#logo-call-to-action .heading-text h3 {
    font-size: 36px;
    line-height: 46px;
    font-weight: 500;
}
section#logo-call-to-action .container {
    box-shadow: 0px 11px 8px 0px #0000003B;
    border-radius: 30px;
    border: 2px solid #5fad81;
    padding: 74px 60px;
    position: relative;
}
section#logo-call-to-action .logo-cta ul {
    margin: 0;
    padding: 0;
}

.row {
	position: relative;
}
section#logoportfolio h3 span {
    font-size: 22px;
    line-height: 32px;
}

section#logoportfolio h3 {
    font-size: 40px;
    line-height: 40px;
}
section#logoportfolio .projct-box:hover {
    background: linear-gradient(91deg, #72B763 26.76%, #51A699 75.8%), linear-gradient(0deg, #FFFFFF, #FFFFFF);
    transition: .9s;
    transform: translateY(10px);
}
section#logoportfolio .projct-box h2 {
    color: #fff;
    font-size: 20px;
}
section#logoportfolio .projct-box {
    text-align: center;
    border: 2px solid #5cac87;
    background: #2C2C2C;
    box-shadow: 0px 7px 3px rgba(0, 0, 0, 0.09);
    border-radius: 30px;
    padding: 52px 0px;
    margin: 0 4px;
    transition: .9s;
}
section#logoportfolio .projct-box h3 span {
    color: #fff;
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 600;
    font-size: 60px;
    line-height: 70px;
}
section#logoportfolio .projct-box h3 {
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 600;
    font-size: 60px;
    line-height: 70px;
    text-align: center;
    color: #60ae7f;
}
section#logoportfolio .projct-box:hover h3 {
    color: #fff;
}
section#logoportfolio ul#myTab li {
    display: inline-block;
}
section#logoportfolio .gallery-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
}
section#logoportfolio .gallery-item:hover {
    transform: scale(0.9);
    transition: .9s;
}

section#logoportfolio .gallery-item {
    flex-basis: 24.7%;
    margin-bottom: 6px;
    opacity: 1 !important;
    cursor: pointer;
}
section#logoportfolio .row {
    padding: 0;
    margin: 0;
}
section#logoportfolio .accordion {
    padding: 0;
    margin: 0 !important;
}
section#logoportfolio .tab-pane {
    border: 0;
    padding: 0;
    margin: 0;
}
section#logoportfolio ul#myTab {
    border: 0;
    text-align: center;
    margin: 70px auto;
    width: 100% !important;
    display: table !important;
}
section#logoportfolio ul#myTab .nav-link {
    background: #212121;
    border: 1px solid #4B4B4B;
    border-radius: 15px;
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 50px;
    letter-spacing: 1px;
    color: #4B4B4B;
    height: 49px;
    padding: 0px 0px !important;
    min-width: 150px;
}
section#logoportfolio ul#myTab li .nav-link.active {
    background: linear-gradient(94.32deg, #51A699 0%, #72B763 128.15%) !important;
    border: 1px solid #4B4B4B;
    border-radius: 15px;
    color: #fff !important;
}
section#logoportfolio ul#myTab li {
    margin: 0 auto;
    text-align: center;
}
.logo-steps {
    background: linear-gradient(0deg, #2B2B2B, #2B2B2B), linear-gradient(0deg, #343434, #343434);
    text-align: center;
    color: #fff;
    border: 1px solid #343434;
    padding: 25px 0;
}
.logo-steps h2 {
    font-family: Anek Tamil;
    font-size: 125px;
    font-weight: 700;
    line-height: 135px;
    letter-spacing: 0em;
    text-align: center;
    position: relative;
}

.logo-steps h2 span {
    color: #fff;
    font-family: Anek Tamil;
    font-size: 24px;
    font-weight: 500;
    line-height: 45px;
    letter-spacing: 0em;
    text-align: left;
    position: absolute;
    bottom: 16px;
    margin-left: -18px;
}
section#logoprocess-inner .processinner-text p {
    color: #fff;
}
section#logoprocess-inner .processinner-text h2 b {
    color: #72B763;
}
section#logoprocess-inner .processinner-text h2 {
    color: #fff;
    font-size: 42px;
    line-height: 52px;
}
section#logoprocess-inner div#basicAccordion {
    padding: 0;
}
section#logoprocess-inner .accordion-item {
    border: 0;
    margin-bottom: 21px;
	background: #252525;
    border-radius: 20px;
}
section#logoprocess-inner .accordion-button:focus {
    box-shadow: unset !important;
    border: 0 !important;
}
section#logoprocess-inner button.accordion-button.collapsed {
    background: #252525;
    border: 2px solid #2F2F2F;
    border-radius: 25px;
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 35px;
    color: #656565;
    letter-spacing: 0;
}
section#logoprocess-inner .accordion-button:not(.collapsed) {
    background: #ff10 !important;
    box-shadow: unset;
    font-family: 'Anek Tamil';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 35px;
    letter-spacing: 0;
    color: #fff;
}
/*section#intro-section .why-choosetext{*/
/*height:400px;*/

/*}*/
section#logoprocess-inner .accordion-item img {
    position: absolute;
    right: 30px;
}
section#logoprocess-inner .accordion-button:not(.collapsed) img {
    transform: rotate(90deg);
}
hr {
    border-color: #ccc !important;
}
section#logoprocess-inner .accordion-button::after {
    display: none;
}
section#logoprocess-inner .accordion-body {
    color: #fff;
}
section#logo-contact-form .heading-text h1 {
    font-size: 34px;
    line-height: 44px;
}
section#logo-contact-form .about-banner-buttons ul {
    text-align: left;
    margin: 0;
    padding: 0;
}
section#logo-contact-form .contact-inner {
    border: 1px solid #ccc;
    border-radius: 30px;
    padding: 50px 40px;
    background: linear-gradient(0deg, #232323, #232323), linear-gradient(0deg, #535353, #535353);
}
section#logo-contact-form .about-banner-buttons {
    margin-bottom: -78px;
}
.service-logosection .first-inner-section-text p b {
    color: #6ab371;
}
section#logo-contact-form .logo-conactfomrinner input, section#logo-contact-form .logo-conactfomrinner textarea {
    border: 1px solid #BCBCBC66 !important;
    background: #354f37;
    color: #fff;
    margin-bottom: 20px;
    padding: 13px 10px;
    width: 100%;
    font-style: inherit;
    border-radius: 10px;
}
section#logo-contact-form .logo-conactfomrinner {
    border: 3px solid;
    box-shadow: 0px 12px 15px 0px #0000001A;
    padding: 50px 30px;
    border-radius: 40px;
    background-image: linear-gradient(to top, #3d6251, #3d634d, #3f6349, #416444, #44643f);
}
section#logo-contact-form .logo-conactfomrinner form#contact {
    padding: 0;
}
section#logo-contact-form button#contact-submit {
    width: 100%;
    background: #101715;
    color: #fff;
    border-radius: 20px;
    font-family: 'Anek Tamil';
    letter-spacing: 1px;
    font-size: 20px;
    height: 59px;
    font-weight: 400;
}
section#logo-contact-form ::placeholder {
    color: #fff !important;
    font-style: inherit !important;
    font-weight: 100;
}
.logo-cta .col-6 {
    position: relative;
}
section#logo-contact-form .logo-conactfomrinner {
    position: absolute;
    width: 40%;
    left: 60px;
    right: 0px;
    top: -110px;
}

/* WEBSITE LANDING PAGE CSS */
section#logo-about-us p.website-abouttext {
    text-align: center;
    color: #fff;
}
section#logo-call-to-action img.website-cta {
    top: -200px;
    right: -100px;
}


/* BRANDING */
section#intro-section .col {
    position: relative;
}
section#intro-section .containerr .col:hover .button-custom {
    opacity: 1 !important;
    transition: .9s;
}
section#intro-section .col .why-choosetext:hover .img2 {
    opacity: 1;
    transition: .9s;
}
section#intro-section .row {
    padding: 0;
    margin: 0 auto;
}
section#header nav#nav ul.dropotron.level-0.center li:before {
    top: unset;
    margin-top: 13px;
}

/* SOCIAL MEDIA LANDING PAGE */
.service-logosection .social p {
    font-size: 26px !important;
    font-family: 'Anek Tamil' !important;
}
.service-logosection .social h2 {
    text-align: left;
    padding: 0;
    font-size: 65px;
    line-height: 75px;
    margin: 0;
    -webkit-text-stroke: 1px #72B763;
    -webkit-text-fill-color: transparent;
    font-family: 'Anek Tamil';
}
section#logo-about-us .social-media h1 {
    font-size: 97px;
    -webkit-text-stroke: 1px #ccc;
}

/* MOBILE APPLICATIONS */

section#logo-about-us .mobile h6 {
    font-size: 97px;
    line-height: 107px;
}
section#logo-call-to-action .container img.mobile-cta {
    bottom: -330px;
}
section#mobileapp-details .innermobileapp:hover h5 a {
    color: #42db87;
}
section#mobileapp-details .innermobileapp:hover h6 a {
    opacity: 1;
}
section#mobileapp-details .innermobileapp:hover {
    transition: .9s;
    border: 1px solid #42db87;
}
section#mobileapp-details .innermobileapp {
    border: 1px solid #626262;
    box-shadow: 0px 12px 11px 0px #00000024;
    border-radius: 10px;
    padding: 42px 20px;
    margin: 10px;
}
section#mobileapp-details .innermobileapp {
    position: relative;
}
section#mobileapp-details .innermobileapp h6 a {
    color: #fff;
    padding: 10px 20px;
    position: absolute;
    right: 0;
    top: 38px;
    background: linear-gradient(96.3deg, rgba(81, 166, 153, 0.78) 0%, rgba(114, 183, 99, 0.78) 98.42%);
    font-family: 'Anek Tamil';
    border-radius: 20px 0px 0px 20px;
    opacity: 0;
}
section#mobileapp-details .innermobileapp h5 a i {
    color: #42db87;
    position: relative;
    top: 2px;
}
section#mobileapp-details .innermobileapp h5 a {
    font-family: 'Anek Tamil';
    color: #fff;
    font-size: 15px;
    line-height: 25px;
}
section#mobileapp-details .innermobileapp p {
    color: #E0E0E0;
    FONT-SIZE: 13px;
    min-height: 100px;
    line-height: 23px;
}
section#mobileapp-details .innermobileapp h3 {
    color: #E0E0E0;
    font-family: 'Anek Tamil';
    padding: 40px 0 10px 0;
}
section#mobileapp-details .innermobileapp {
    border: 1px solid #626262;
    box-shadow: 0px 12px 11px 0px #00000024;
    border-radius: 10px;
    padding: 42px 20px;
}
section#mobileapp-details .innermobileapp img {
    padding: 15px;
    border: 15px solid transparent;
    -webkit-border-image: url(../../images/mobileapplication/icon/border.png) 30 round;
    -o-border-image: url(../../images/mobileapplication/icon/border.png) 30 round;
    border-image: url(../../images/mobileapplication/icon/border.png) 13 round;
    width: 90px;
    height: 90px;
}

/* PORTOFLIO PAGE CSS */

.service-logosection.portofliosec .portoflioss h2 b {
    -webkit-text-stroke: 0px;
    -webkit-text-fill-color: #fff;
}
section#header .portofliosec img:hover {
    transform: scale(1.1);
    z-index: 1111111;
}

section#header .portofliosec img {
    position: relative;
    top: 59px;
    transition: .9s;
}
section#header .portofliosec {
    padding: 0px 0px 0px 220px !important;
}

/* QUOTE FORM CSS */
.layout {
	padding: 2%;
}
.open-popup {
	cursor: pointer;
	color: #888;
}
.overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	text-align: center;
	white-space: nowrap;
	display:none;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.overlay .popup {
	background: #fff;
	display: inline-block;
	white-space: normal;
	text-align: left;
	vertical-align: middle;
	position: relative;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	margin-top: -50px;
}
.overlay::before, .overlay::after {
	height: 100%;
	content: "";
	display: inline-block;
	vertical-align: middle;
}
.overlay.shown {
	display:block;
}
.overlay.shown .popup {
	margin-top: 0;
}
.overlay--bg-black {
	background: rgba(0, 0, 0, 0.7);
}
.overlay--bg-white {
	background: rgba(255, 255, 255, 0.7);
}
.popup-close {
	position: absolute;
	width: 20px;
	height: 20px;
	display: block;
	top: 8px;
	right: 5px;
	cursor: pointer;
	opacity: 0.7;
}
.popup-close::before, .popup-close::after {
	content: '';
	position: absolute;
	display: block;
	height: 2px;
	margin-top: -1px;
	top: 50%;
	left: 3px;
	right: 3px;
	background: #555;
}
.popup-close::before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.popup-close::after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.popup-close:hover {
	opacity: 1;
}
.pop_head{
	padding: 9px 10px;
	background: #4EB5E6;
	color: #fff;
	font-weight: 500;
}
.pop_body {
    font-size: 14px;
    padding: 10px 10px;
    border-bottom: 1px solid #E0E0E0;
    overflow: auto;
    max-height: 350px;
}
.text-right{
	text-align:right;
}
.pop_footer {
    padding: 5px 10px;
}
.btn_yes {
    background: #81CE84;
    padding: 5px 15px;
    border: none;
    font-family: inherit;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    outline: none;
}
.btn_no{
	background: #FD7E7E;
    padding: 5px 15px;
    border: none;
    font-family: inherit;
    color: #fff;
    border-radius: 3px;
    cursor: pointer;
    outline: none;
}
.heading-pricing-colors{
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
	 font-size: 25px;
}
section#milestone-section .mision-vision .mis-vis p {
    min-height: 190px;
}
.websites section#intro-section .why-choosetext p {
    min-height: 230px;
}
body.animationservice section#header .animation .first-inner-section-text h1 {
    font-size: 65px;
    line-height: 75px;
    -webkit-text-stroke: unset;
    -webkit-text-fill-color: unset;
}
body.animationservice section#header .animation .first-inner-section-text .first-inner-section-text-h1 {
    font-size: 65px;
    line-height: 75px;
    -webkit-text-stroke: unset;
    -webkit-text-fill-color: unset;
}
body.animationservice section#header .animation .first-inner-section-text p {
    font-size: 24px;
    line-height: 34px;
}
.log-quote-form form#contact p {
    font-size: 12px;
    text-align: left;
    line-height: 14px;
}

.log-quote-form form#contact h2 {
    color: #51A699;
    font-size: 34px;
    line-height: 44px;
}
section#logo-about-us .animation-about h1 {
    -webkit-text-stroke: unset;
    -webkit-text-fill-color: unset;
    color: #fff;
    font-size: 40px;
    line-height: 50px;
}
.ready-solve-orderlist ul li {
    color: #fff;
    list-style: none;
}

.ready-solve-orderlist ul {
    margin: 0;
    padding: 0;
}
.ready-solve-orderlist ul img {
    position: unset !important;
    width: 16px;
    margin-right: 10px;
}
section#logo-call-to-action .animationcta img {
    top: -157px;
}
section#logoprocess-inner .arrow-down img {
    width: auto;
    height: auto;
    margin: 0 auto;
}
section#logoprocess-inner .animationprocess h2 {
    color: #72B763;
    font-size: 24px;
    font-weight: 500;
    line-height: 34px;
    font-family: 'Anek Tamil';
}
section#logoprocess-inner .animationprocess h2 {
    position: relative;
}

section#logoprocess-inner .animationprocess h2 span {
    font-size: 132px;
    color: #323232;
    font-weight: bold;
    position: absolute;
    left: -30px;
    bottom: 30px;
    z-index: -1;
}
section#logoprocess-inner .animationprocess p b {
    color: #71b663;
}

section#logoprocess-inner .animationprocess p {
    font-size: 40px;
    line-height: 50px;
    color: #fff;
}
.seobuttonnew ul {
    text-align: left;
    margin: 0;
    padding: 0;
}


/* SLICK SLIDER FOR SEO PAGE */

#show-case-sectionseo .slide {
	width: 896px;
	position: relative;
	overflow: hidden;
	margin: 0 15px
  }
  
  #show-case-sectionseo .slide img {
	max-width: 100%;
	position: relative;
	transition: all 1s ease-out;
  }
  
  #show-case-sectionseo .slide.slick-center img {
	transition: all 1s ease-out;
	opacity: 1;
  }
  
  #show-case-sectionseo .slick-prev,
  #show-case-sectionseo .slick-next {
	width: 60px;
	height: 60px;
	border: none;
	border-radius: 50%;
	margin: auto;
	position: absolute;
	z-index: 3000;
	top: 0;
	bottom: 0;
	cursor: pointer;
	outline: none;
  }
  
  #show-case-sectionseo .slick-next {
	right: calc(50% - 545px);
	text-indent: 1px
  }
  
  #show-case-sectionseo .slick-prev {
	left: calc(50% - 545px);
	text-indent: -2px
  }
  
  #show-case-sectionseo .slick-arrow {
	background: none;
	border: none;
	position: absolute;
	bottom: 33px;
	color: #fff;
	font-size: 1.5rem;
	padding: 0;
	width: 33px;
	height: 33px;
	line-height: 34px;
	text-align: center;
	cursor: pointer;
	z-index: 20;
	-webkit-transition: background-color .2s ease 0s;
	transition: background-color .2s ease 0s
  }
  
  #show-case-sectionseo .slick-arrow:hover {
	background-color: rgba(255, 255, 255, .2)
  }
  
  #show-case-sectionseo .slick-dots {
	position: absolute;
	bottom: 0;
	right: calc(50% - 432px);
	padding: 0;
	margin: 0;
	list-style: none
  }
  
  #show-case-sectionseo .slick-dots li {
	float: left;
	display: block;
	margin: 1rem .2rem;
	font-size: 0
  }
  
  #show-case-sectionseo .slick-dots button {
	border: 0;
	overflow: hidden;
	background: rgba(255, 255, 255, .4);
	width: .8rem;
	height: .8rem;
	border-radius: 50%;
	text-indent: 9999px;
	padding: 0
  }
  
  #show-case-sectionseo .slider .slick-dots .slick-active button {
	background: rgba(255, 255, 255, .8)
  }
  
  #show-case-sectionseo .text {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0 33px 99px;
	color: #fff;
	z-index: 5;
	-webkit-transition: all .2s ease 0s;
	transition: all .2s ease 0s;
	-webkit-transform: translateY(0);
	transform: translateY(0)
  }
  
  #show-case-sectionseo .prev .text {
	  text-align: right;
	  float: right;
	  
  }
  
  #show-case-sectionseo .slick-active .text {
	padding: 0 55px 99px
  }
  
  #show-case-sectionseo .category {
	text-transform: uppercase;
	color: #DE751F;
  }
  
  #show-case-sectionseo .title {
	font-size: 1.1rem;
	line-height: 1.15em;
	margin: .4rem 0 0;
	-webkit-transition: all .6s ease 0s;
	transition: all .6s ease 0s;
	color: #fff;
  }
  
  .slider.changing .text {
	-webkit-transform: translateY(100%);
	transform: translateY(100%)
  }
  
  #show-case-sectionseo .slick-active .title {
	margin-top: .8rem;
	font-size: 3.1rem;
	-webkit-transition: all .4s ease .2s;
	transition: all .4s ease .2s
  }
  
  #show-case-sectionseo .summary {
	position: relative;
	height: 1px;
	top: 100px;
	font-weight: 400;
	margin: 0;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: all .4s ease 0s;
	transition: all .4s ease 0s
  }
  
  #show-case-sectionseo .slick-active .summary {
	top: 5px;
	-webkit-transition: all .4s ease .2s;
	transition: all .4s ease .2s
  }
  
  #show-case-sectionseo .slide:before {
	content: "";
	display: block;
  }
  
 
  #show-case-sectionseo .slide figure:before {
	top: 0;
	background: transparent;
	z-index: 1;
	-webkit-transition: background-color .4s ease 0s;
	transition: background-color .4s ease 0s
  }
  
  #show-case-sectionseo .slide:hover figure:before,
  #show-case-sectionseo .slide:focus figure:before {
	background: rgba(39, 37, 30, .6)
  }
  section#show-case-sectionseo .slick-slide img {
    transform: scale(0.9);
    opacity: 0.2;
}

section#show-case-sectionseo .slick-active img {
    transform: scale(1);
}
.process-seo-box {
    position: relative;
}

.process-seo-box .text-seo span {
    font-size: 100px;
    position: absolute;
    left: 10px;
    font-weight: bold;
    color: #323232;
    top: -30px;
}
.process-seo-box h3 {
    color: #72B763;
    font-size: 20px;
    line-height: 30px;
    font-family: 'Anek Tamil';
    margin: 0;
}
.process-seo-box h2 {
    color: #fff;
    font-size: 27px;
    line-height: 37px;
    font-family: 'Anek Tamil';
}
.process-seo-box {
    background: #242424;
    color: #fff;
    padding: 28px 50px 28px 110px;
    border-radius: 30px;
}
section#logoprocess-inner .seo-innerrows .choose-seo-orderlist ul li img {
    margin-right: 10px;
}

section#logoprocess-inner .seo-innerrows .choose-seo-orderlist ul li {
    color: #fff;
    list-style: none;
}
section#logoprocess-inner .seo-innerrows .choose-seo-orderlist ul {
    margin: 0;
    padding: 0;
}
  /* SEO PAGE CSS END */

  /* video editing css start */
  section#readysolve-video .container p {
    padding: 0;
    margin: 0;
}

section#readysolve-video .container h1 {
    font-size: 40px;
    font-weight: 400;
}
section#readysolve-video .container {
    color: #fff;
    padding: 90px 180px;
}
section#some-best-feature .featured-box-video p {
    font-size: 18px;
    line-height: 28px;
}

section#some-best-feature .featured-box-video h2 {
    color: #fff;
    font-family: 'Anek Tamil';
    font-weight: bold;
    font-size: 36px;
    line-height: 46px;
}
section#some-best-feature .featured-box-video {
    background: #201F1F;
    color: #fff;
    padding: 30px 50px;
    border-radius: 20px;
	position: relative;
	display: table-cell;
}
section#some-best-feature .featured-box-video .custom-portoflio-button {
    position: absolute;
    bottom: 36px;
    right: 30px;
}

section#some-best-feature .col-12-medium {
    display: table;
}
section#what-can-we .video-editings-videosec .accordion-item {
    padding: 0;
    margin: 0;
    border: 0;
    background: #ff10;
}
/* video editing css end */
/* PPC CSS START */
section#what-can-we .video-editings-videosec .video img {
    width: 100%;
    margin-bottom: 20px;
    transition: .9s;
}
section#logo-call-to-action .ppc .col-6 {
    position: relative;
}
section#logo-call-to-action .ppc img {
    bottom: -200px;
}
section#stepsbox-section .heading-text h1 b {
    font-size: 30px;
    line-height: 40px;
}
section#stepsbox-section .heading-text h1 {
    font-size: 37px;
    line-height: 47px;
}
section#stepsbox-section .box-step-ppc:hover {
    background: #000;
    transform: translateY(10px);
	border-color: #70b666;
}

section#stepsbox-section .box-step-ppc p {
    text-align: left;
    font-size: 12px;
    line-height: 22px;
}
section#stepsbox-section .box-step-ppc h2 {
    color: #fff;
    font-size: 20px;
    text-transform: capitalize;
    font-family: 'Anek Tamil';
    text-align: left;
    padding-top: 40px;
}
section#stepsbox-section .box-step-ppc {
    text-align: center;
    color: #fff;
    background: #141414;
    border-radius: 17px;
    padding: 30px 20px;
    transition: .9s;
    border: 2px solid #141414;
    margin: 10px;
}
section#payperclick-about h1 {
    font-size: 97px;
    line-height: 107px;
    font-family: 'Anek Tamil';
}
section#payperclick-about h1 b {
    -webkit-text-stroke: 1px #72B763;
    -webkit-text-fill-color: transparent;
}
section#payperclick-about .h-sec-h2 b {
    -webkit-text-stroke: 1px #72B763;
    -webkit-text-fill-color: transparent;
}
section#payperclick-about h1 {
    position: relative;
}

section#payperclick-about img.headline {
    position: absolute;
    z-index: -1;
    left: -60px;
    top: 0;
}

ol li {
    color: white;
}
ol li b{
    color: white;
}

/* PPC CSS END */

@media (max-width: 1600px) {
	section#intro-section .why-choosetext p {
		min-height: 100px;
	}
	section#header h1 {
		padding: 40px 0;
	}
}

@media (max-width: 1440px) {
	body.logodesign section#logo-call-to-action .container {
		position: relative !important;
	}
	
	body.logodesign section#logo-call-to-action .container img {
		bottom: -213px;
	}
	body.logodesign section#intro-section p {
		min-height: 170px;
	}
	.custom-industries-section {
		padding: 30px 0;
	}
	section#header h1 {
		padding: 10px 0;
		font-size: 45px;
		line-height: 55px;
	}
}

@media (max-width: 1366px) {
    section#what-can-we .heading-text h2 {
    font-size: 40px;
    line-height: 53px;
}

    section#intro-section .socialmedia-posting-proces .why-choosetext p {
    min-height: 220px !important;
}
    section#intro-section .brndsec .why-choosetext p {
    min-height: 190px !important;
}
	section#logoprocess-inner .accordion-item img {
		position: absolute;
		right: 10px;
	}
	.websites section#intro-section .why-choosetext p {
		font-size: 12px;
		line-height: 22px;
	}
	section#logoprocess-inner .accordion-button:not(.collapsed) {
		font-size: 15px;
		line-height: 25px;
	}
	section#logoprocess-inner button.accordion-button.collapsed {
		font-size: 16px;
		line-height: 26px;
	}
	form#contact {
		padding: 0 100px;
	}
	section#price-plans-section .price-inner-plan {
		padding: 30px 20px;
	}
	.price-inner-plan h2 {
		font-size: 23px;
		line-height: 33px;
	}
	section#what-can-we .inner-customcanwe .call-to {
		display: none;
	}
	section#what-can-we .information h2 {
		font-size: 17px;
		line-height: 21px;
	}
	section#recent-past .nav-tabs .nav-link {
		font-size: 15px;
		padding: 0 15px;
	}
	section#what-can-we ul#myTab .nav-link {
		font-size: 14px;
		line-height: 99.8%;
		height: 53px;
	}
	section#intro-section .why-choosetext p {
		min-height: 120px;
	}
	section#intro-section .why-choosetext h3 {
		font-size: 16px;
	}
}

@media (max-width: 1280px) {
	
	.heading-text h2 {
		font-size: 45px;
		line-height: 55px;
	}
	
	section#intro-section .why-choosetext {
		padding: 50px 9px;
	}
  section#intro-section .why-choosetext h3 {
    font-size: 16px !important;
}
    section#header h1 {
    font-size: 40px;
    line-height: 50px;
}
    .custom-industries-section {
    padding: 0px 0;
}
    section#header h1 {
    padding: 30px 0;
}
}

@media (max-width: 1024px) {
	
	section#header .portofliosec {
		padding: 0px 0px 0px 20px !important;
	  }
	.row {
		margin: 0 auto !important;
	}
	section#logoprocess-inner .accordion-item img {
		right: 10px;
	}
	section#logoportfolio ul#myTab .nav-link {
		margin-bottom: 10px;
	}
	body.logodesign section#logo-call-to-action .container img {
		bottom: -243px;
	}
	body.logodesign section#intro-section p {
		font-size: 12px;
	}
	section#header .log-quote-form form#contact {
		padding: 50px 20px;
		margin: 0px 10px;

	}
	body.logodesign section#logoprocess-inner button.accordion-button.collapsed {
		font-size: 14px;
		line-height: 22px;
	}
	section#testimonials-sections {
		margin-bottom: 0;
	}
	.my-connect-inner .my-custom {
		margin-bottom: 0;
	}
	.my-connect-inner {
		padding: 20px 10px;
	}
	.my-connect-inner img {
		width: 100%;
		position: unset;
		margin: 0 auto;
	}
	.heading-text h2 {
		font-size: 35px;
		line-height: 45px;
	}
	section#faqs button.accordion-button.collapsed {
		font-size: 16px;
		line-height: 26px;
	}
	section#grow-brand h2 {
		font-size: 45px;
		line-height: 55px;
	}
	section#header p {
		padding-top: 0 !important;
	}
	section#header h1 {
		padding: 10px 0;
	}
	section#header {
		padding: 50px 0;
	}
	.custom-industries-section .inner-card {
		height: 121px;
		padding: 9px 0;
	}
	section#header #nav {
		margin-left: 130px;
	}
	section#header #logo img {
		left: 33px;
	}
	section#recent-past .heading-text {
		padding-bottom: 0 !important;
		text-align: center;
	}
	section#recent-past ul#myTab {
		position: unset;
		width: 90%;
		margin: 0 auto;
		text-align: center;
		justify-content: space-around;
	}
	section#price-plans-section .nav-tabs .nav-link {
		padding-left: 0;
		padding-right: 0;
	}
	section#price-plans-section .price-list ul li {
		font-size: 12px;
		line-height: 22px;
	}
	section#price-plans-section .price-list {

		padding: 12px 0px 12px 2px;

	}
	.footer-nav-1 {
		padding: 0 !important;
	}
}

@media (max-width: 800px) {
    
    .ready-solve-orderlist ul li span img {
    width: 17px !important;
}
	.portofliosec .align-self-end {
		display: flex;
		width: 33%;
	  }
	#logo-contact-form {
		padding-top: 0 !important;
	  }
	body.logodesign section#logo-call-to-action .container {

		padding-bottom: 0;
	}
	body.logodesign section#logo-call-to-action .container .row img {
		position: unset !important;
		margin: 0 !important;
	}
	section#logo-contact-form .logo-conactfomrinner {
		position: unset;
		width: 100%;
	}
	section#testimonials-sections #page .slick-track .testimonial-text p br {
		display: none;
	}
	body.about-us section#header p br {
		display: none;
	}
	#navPanel nav a span {
		padding: 0 !important;
		margin: 0 !important;
		display: none !important;
	}
	
	div#navPanel nav a {
		font-family: 'Anek Tamil';
		letter-spacing: 0 !important;
		color: #fff !important;
	}
	#titleBar {
		position: unset !important;
	}
	section#price-plans-section .tab-pane {
		margin-top: 0;
		padding-top: 0;
	}
	section#price-plans-section .collapse:not(.show) {
		display: block !important;
	}
	section#price-plans-section ul#myTab {
		width: 100%;
	}
	section#recent-past .collapse:not(.show) {
		display: block !important;
	}
	section#price-plans-section div#myTabContent {
		padding-top: 0;
		margin-top: 0;
	}
	section#price-plans-section .heading-text p {
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}
	section#what-can-we, section#recent-past {
		padding: 10px 0px !important;
	}
	section#what-can-we .collapse:not(.show) {
		display: block !important;
	}
	section#what-can-we .inner-customcanwe .button-text a {
		float: unset;
		margin: 0 !important;
	}
	
	section#what-can-we .inner-customcanwe .button-text {
		margin: 0;
		padding: 0;
	}
	section#what-can-we .inner-customcanwe .logo-design .col-3.col-12-medium {
		display: flex;
		width: 50%;
		justify-content: space-between;
	}
	section#what-can-we ul#myTab .nav-link {
		margin-bottom: 11px;
	}
	.heading-text p br {
		display: none;
	}
	section#what-can-we ul#myTab {
		margin: 20px 0 20px 0;
	}
	#titleBar .toggle:before {
		background: transparent !important;
		color: #ffff;
	}
	section#intro-section .why-choosetext p {
		min-height: auto !important;
	}
	section#intro-section .row-text p {
		padding-bottom: 0 !important;
	}
	
	section#intro-section .row-text p br {
		display: none;
	}
	.scroll-image {
		display: none;
	}
	.custom-industries-section .col-12-medium {
		display: flex;
		width: 16%;
		justify-content: center;
		margin: 0;
		padding: 0;
	}
	
	.custom-industries-section .container {
		display: block !important;
	}
	
	.custom-industries-section .row {
		margin: 0;
		padding: 0 !important;
		display: flex;
		justify-content: space-between;
	}

	section#header {
		padding: 38px 0;
	}
	section#header h1 {
		padding: 0px 0;
		font-size: 35px;
		line-height: 45px;
	}
	section#header .first-inner-section-text-mian-h1 {
		padding: 0px 0;
		font-size: 35px !important;
		line-height: 45px;
	}
	section#header p {
		padding-top: 0 !important;
		font-size: 13px !important;
		line-height: 23px;
	}
	#titleBar .toggle {
		right: 10px;
		left: unset;
	}
	section#header div#logo img {
		position: unset !important;
		width: 180px;
	}
	
	section#header div#logo {
		margin: 0 !important;
	}
	body {
		overflow-x: hidden !important;
	}
	div#navPanel {
		background: #050d08;
	}
	.header-top-nav .custom-section p {
		font-size: 12px !important;
	}
	.header-top-nav .custom-section .row .col-12-medium {
		display: flex;
		width: 33%;
		margin: 0;
		padding: 0;
		justify-content: center;
	}
	.custom-section .container {
		max-width: 100%;
	}
	section#logoportfolio .collapse:not(.show) {
		display: block;
	}
	section#intro-section .col {
		flex: 1 auto !important;
	  }
	  section#logo-call-to-action img.website-cta {
		position: unset;
	  }
	  section#logo-call-to-action .animationcta img {
		position: unset;
	  }
	  section#logo-call-to-action .ppc img {
		position: unset;
	  }
	  section#logo-call-to-action .container img.mobile-cta {
		position: unset;
	  }
	
}

@media (max-width: 768px) {}

@media (max-width: 480px) {
    #titleBar {
    height: 0;
}
    footer#main-footer-sections ul.nav-menu-links li {
    padding: 0;
}
    section#recent-past ul#myTab {
    display: flex !important;
    gap: 0 !important;
}
  section#testimonials-sections .slider.slider-single {
    height: 430px;
}
    #myTab {
    display: flex!important;
    flex-wrap: wrap;
    gap: 0 20px;
}
     section#intro-section .socialmedia-posting-proces .why-choosetext p {
    min-height: auto !important;
}
    section#testimonials-sections .truspilot img {
    width: 40% !important;
    height: auto !important;
}
    section#logo-contact-form .about-banner-buttons ul li h6 {
    padding: 0;
}
    section#logo-contact-form .row.contact-inner {
    display: flex;
    flex-wrap: wrap-reverse;
}
    section#logo-call-to-action .logo-cta .about-banner-buttons ul {
    justify-content: center !important;
    gap: 10px;
}
    section#intro-section .brndsec .why-choosetext p {
    min-height: auto !important;
}
	section#header .portofliosec img {
		position: unset;
		width: 100%;
	  }
	section#payperclick-about img.headline {
		left: 0px;
		top: -40px;
	  }
	section#payperclick-about h1 {
		font-size: 47px;
		line-height: 57px;
	  }
	body.animationservice section#header .animation .first-inner-section-text h1 {
		font-size: 32px !important;
		line-height: 42px !important;
	  }
	  body.animationservice section#header .animation .first-inner-section-text .first-inner-section-text-h1 {
		font-size: 32px !important;
		line-height: 42px !important;
	  }
	body.animationservice section#header .animation .first-inner-section-text p {
		font-size: 14px;
		line-height: 24px;
		text-transform: capitalize;
	  }
	.service-logosection .social h2 {
		text-align: center;
	  }
	section#logo-about-us .logoabout-text h6 {
		font-size: 34px;
		margin-top: 0px;
	  }
	  section#logo-about-us .logoabout-text h3 {
		font-size: 20px;
		margin-top: 10px;
	  }
	section#logoportfolio .gallery-item {
		flex-basis: 50%;
		padding: 0 10px;
	}
	.service-logosection {
		padding: 0 0 !important;
	}
	section#logo-call-to-action .container {
		padding: 0 0;
	}
	section#logo-call-to-action img.website-cta {
		position: unset;
	}
	section#logo-about-us .logoabout-text h1 {
		font-size: 49px;
		line-height: 58px;
	  }
	  	section#logo-about-us .logoabout-text h2 {
		font-size: 49px;
		line-height: 58px;
	  }
	  
	  section#logo-about-us .logoabout-text .heading-text-h3 {
		font-size: 49px !important;
		line-height: 58px;
	  }
	  
	  section#logo-about-us .logoabout-text .logoabout-text-h2 {
		font-size: 30px !important;
        line-height: 42px !important;
	  }
	
	section#logo-contact-form ul li a {
		font-size: 12px;
		display: flex;
	}
	
	section#logo-contact-form ul li {
		padding: 0;
	}
	section#logo-contact-form ul {
		text-align: center;
		margin: 0 auto;
		display: flex;
		gap: 10px;
	}
	section#logo-contact-form {
		text-align: center;
	}
	.logo-steps h2 span {
		font-size: 12px;
	}
	.logo-steps h2 {
		font-size: 70px;
		width: 100%;
		line-height: 80px;
	}
	.logo-steps .col-12-medium {
		display: flex;
		width: 33.3%;
	}
	section#price-plans-section {
		padding: 0 0 !important;
	}
	section#logo-process-sec {
		padding-top: 0 !important;
	}
	
	
	section#logoportfolio {
		padding-top: 0 !important;
		text-align: center;
		padding-bottom: 0 !important;
	}
	section#logoportfolio {
		text-align: center;
	}
	body.logodesign section#logo-call-to-action .container .row img {
		width: 100%;
	}
	section#logo-call-to-action .logo-cta ul li {
		padding: 0;
	}
	
	section#logo-call-to-action .logo-cta ul {
		display: flex;
		justify-content: space-between;
	}
	section#logo-call-to-action {
		padding: 0 10px;
	}
	.logo-cta {
		text-align: center;
	}
	body.logodesign section#logo-call-to-action .container {
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
	}
	section#header .log-quote-form form#contact textarea {
		min-height: 10px;
	}
	section#header .log-quote-form form#contact {
		padding: 10px 10px;
		margin: 10px 0px;
	}
	section#header .service-logosection .first-inner-section-text .about-banner-buttons ul {
		text-align: center;
	}
	section#header .service-logosection .first-inner-section-text p {
    font-size: 20px !important;
    line-height: 30px !important;
    text-align: center;
}
	section#header img.greenline {
		width: 120px;
	}
section#header .service-logosection .first-inner-section-text h2 {
    font-size: 30px;
    line-height: 40px;
    text-align: center;
}
section#header .service-logosection .first-inner-section-text .first-inner-section-text-h1 {
    font-size: 30px;
    line-height: 40px;
    text-align: center;
}
.custom-portoflio-button ul li a {
    padding: 1px 20px;
}

.custom-portoflio-button ul {
    display: flex;
}

	.service-logosection .social p {
		font-size: 13px !important;
	}
	section#logo-contact-form .about-banner-buttons {
		margin: 0;
	}
	section#logo-contact-form .heading-text h2 br {
		display: none;
	}
	section#logo-contact-form .contact-inner {
		padding: 30px 0px !important;
	}
	section#logo-contact-form {
		padding: 30px !important;
	}
	section#logo-contact-form .logo-conactfomrinner {
		position: unset;
		width: 100%;
	}
	.first-inner-section-text.social {
		padding: 0;
	}
	.service-logosection .social h2 {
		font-size: 40px;
		line-height: 50px;
	}
	.about-banner-buttons ul {
		margin: 0;
		padding: 0;
	}
	
	.about-banner-buttons {
		padding: 10px 0 !important;
	}
	section#milestone-section {
		margin-bottom: 0;
		padding-top: 0px !important;
	}
	section#milestone-section .text-mile-area img {
		display: none;
	}
	.text-mile-area .heading-text h2 b {
		font-size: 50px !important;
		line-height: 60px !important;
	}
	
	section#milestone-section .text-mile-area .heading-text h1 {
		font-size: 30px !important;
		line-height: 40px !important;
		text-align: center;
	}
	section#what-canwe-about {
		margin-bottom: 0;
	}
	section#what-canwe-about .gallery-item {
		flex-basis: 50%;
		padding: 2px 5px;
	}
	section#call-toaction-section h2 br {
		display: none;
	}
	/*.lightbox-content img {*/
	/*	width: 60%;*/
	/*}*/
	.custom-section p.p1 {
		position: relative;
		top: 4px;
	}
	.header-top-nav .custom-section .row .col-12-medium {
		width: 48%;
	}
	section#recent-past h1 {
		font-size: 35px;
		line-height: 45px;
	}
	section#recent-past .heading-text-h3-main {
		font-size: 35px !important;
		line-height: 45px !important;
	}
	.copyright-section .social-links {
		text-align: center;
	}
	.copyright-section .col-12-medium {
		padding: 0;
		text-align: center;
	}
	.payment-inner .col-12-medium {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	footer#main-footer-sections .footer-payment-section .payment-inner img {
		float: unset;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.footer-nav-3 ul em {
		float: unset !IMPORTANT;
		width: 100%;
	}
	
	.footer-nav-3 ul span {
		display: none;
	}
	p {
		font-size: 14px;
		line-height: 24px;
	}
	.first-widgets-row {
		text-align: center;
	}
	form#contact {
		padding: 0 20px;
	}
	section#contact-us .custom-form-sec {
		padding: 30px 0px;
		margin: 0 0;
	}
	section#contact-us {
		padding: 30px 0px !important;
	}
	section#faqs .accordion-item img {
		right: 10px;
	}
	section#faqs #basicAccordion {
		padding: 0 0 !important;
	}
	section#faqs .heading-text h1 {
		padding-bottom: 10px !important;
	}
	section#testimonials-sections .testimonial-text h3 {
		font-size: 17px;
		line-height: 27px;
	}
	section#testimonials-sections .slider.slider-single {
		padding: 10px 0px;
	}
	section#testimonials-sections .slick-list.draggable {
		height: auto !important;
	}
	section#testimonials-sections .testimonial-text p br {
		display: none;
	}
	
	section#testimonials-sections .testimonial-text p {
    font-size: 13px !important;
    line-height: 23px !important;
}
	section#testimonials-sections .testimonial-quote {
		display: none;
	}
	section#testimonials-sections .slider.slider-single {
		margin: 10px 0px;
		padding: 16px 0;
	}
	section#testimonials-sections .slick-slide img {
		width: 80px;
	}
section#recent-past .gallery-container .gallery-item {
    flex-basis: 50%;
    padding: 0px 4px;
}
	section#what-can-we .accordion-item {
		padding: 10px 10px;
	}
	section#grow-brand .brand-portfolio .card {
		padding: 0 30px;
	}
	
	section#grow-brand .brand-portfolio .card img {
		width: 100% !important;
		overflow: hidden;
	}
	section#grow-brand .slick-list.draggable {
		padding: 0 0 !important;
	}
	.row {
		margin: 0 auto !important;
	}
	section#intro-section h3 {
		padding-left: 0;
		text-align: center;
	}
	section#intro-section h2 {
		font-size: 40px;
		line-height: 50px;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	section#intro-section h2 b {
    background: linear-gradient(98.46deg, #72B763 3.81%, #51A699 101.52%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    }
	section#intro-section .heading-text-h3 {
		font-size: 40px;
		line-height: 50px;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	.custom-section p.p1 {
		display: block;
	}
	section#header {
		height: auto !important;
		padding-bottom: 0;
		padding-top: 58px;
	}
	.custom-industries-section {
		display: none;
	}
	.custom-section {
		height: 49px;
	}
	
	.custom-section p {
		display: none;
	}
	section#price-plans-section li.nav-item {
		padding: 0px 25px !important;
	}
	section#intro-section .row-text p {
		text-align: center;
	}
	section#milestone-section .mision-vision .mis-vis p {
		min-height: auto !important;
		margin: 0;
	}
	.my-connect-inner {
		text-align: center;
	}
	.about-banner-buttons ul {
		text-align: center !important;
	}
	
	.about-banner-buttons .brand-button h6 a {
		padding: 12px 28px;
	}
	section#intro-section {
		padding: 0 0 !important;
	}
	section#testimonials-sections .heading-text p {
		padding: 0 10px;
	}
	section#intro-section .col {
		width: 100% !important;
		display: block !important;
		flex: 1 auto !important;
	  }
	  .branding .logo-steps .col-12-medium {
		width: 50%;
	  }
	  .branding .logo-steps h2 span {
		left: 0;
		right: 0;
		margin: 0 auto;
		text-align: center;
	  }
	  section#logo-contact-form ul {
		justify-content: center;
	  }
	  .about-us .gallery-item {
		height: 300px;
	}
	.homepage .lightbox-content {
		margin: 0 auto;
		top: 0 !important;
		width: 90%;
		height: 100%;
	}
}
.lightbox-close {
	position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    z-index: 1000;
    padding: 10px;
    background: linear-gradient(98.46deg, #72B763 3.81%, #51A699 101.52%);
    border-radius: 100px;
    width: 35px;
    height: 35px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.carosel-nav-right-arrow:hover {
    background-color: #2c2c2c;
}
.carosel-nav-left-arrow:hover {
    background-color: #2c2c2c;
}
@media (max-width: 414px) {
	section#logo-call-to-action .heading-text h3 {
		font-size: 26px;
		line-height: 36px;
	  }

	section#header .service-logosection .first-inner-section-text p {
		font-size: 35px;
		line-height: 45px;
	  }
	.logo-steps h2 span {
		font-size: 12px;
		left: 40px;
		right: 0;
	}
	 .heading-text h2 {
    font-size: 43px;
    line-height: 53px;
}
	    .heading-text .heading-text-h3 {
    font-size: 43px !important;
    line-height: 53px;
}
	section#logo-contact-form .about-banner-buttons ul {
		justify-content: center;
	}
	.service-logosection {
		padding: 0 0 !important;
	}
	section#call-toaction-section {
		padding-bottom: 0 !important;
	}
	section#faqs {
		padding-bottom: 0 !important;
		padding-top: 0 !important;
	}
	section#about-us-main-section .about-banner-buttons ul {
		text-align: center;
	}
	.about-banner-buttons .brand-button h6 a {
		padding: 12px 13px;
	}
	section#about-us-main-section {
		padding: 0px 0px !important;
		text-align: center;
	}
	section#price-plans-section li.nav-item {
		padding: 0px 3px !important;
	}
	section#logo-contact-form {
		padding: 10px !important;
	}
	section#logo-contact-form button#contact-submit {
		font-size: 16px;
	}
	section#logo-contact-form .logo-conactfomrinner {
		padding: 20px 10px;
		overflow: hidden;
	}
	section#milestone-section .mision-vision .mis-vis p {
		font-size: 14px;
		line-height: 24px;
	}
	section#milestone-section .mision-vision .mis-vis {
		padding: 30px 10px;
		margin-bottom: 10px;
	}
	.mileswithtext {
		margin-bottom: 20px !important;
	}
	section#milestone-section .col-12-medium {
		margin: 0;
		padding: 0;
	}
	body.about-us section#header h1 {
		padding-top: 30px !important;
		font-size: 20px;
		line-height: 30px;
		margin: 0;
	}
	body.about-us section#header p {
		font-size: 13px;
		line-height: 23px;
		padding: 0 10px;
	}
	section#faqs .accordion-body {
		font-size: 14px;
		line-height: 24px;
	}
	section#faqs .accordion-button:not(.collapsed) {
		font-size: 13px;
		line-height: 23px;
	}
	section#faqs button.accordion-button.collapsed {
		font-size: 14px;
		line-height: 20px;
		padding: 33px 10px;
	}
	section#price-plans-section {
		padding-bottom: 20px !important;
	}
	section#testimonials-sections .slider.slider-nav.slick-initialized.slick-slider {
		margin: 20px 0px;
	}
	section#testimonials-sections button.slick-next.slick-arrow {
		right: -64px;
		padding: 0px;
	}
	
	section#testimonials-sections button.slick-prev.slick-arrow {
		left: -64px;
		padding: 0px;
	}
	section#testimonials-sections .slider.slider-single {
		margin: 10px 0px;
	}
	section#price-plans-section div#myTabContent {
		margin: 0 0 !important;
		padding: 0 0 !important;
	}
	section#price-plans-section ul#myTab {
		padding: 0 10px !important;
	}
	.custom-portoflio-button ul {
		margin: 0;
		padding: 0;
	}
	section#what-can-we ul#myTab li {
		display: flex !important;
		width: 50%;
		transform: scale(0.9);
	}
	.heading-text h3 {
		font-size: 22px;
		line-height: 32px;
	}
	section#grow-brand h2 {
		font-size: 32px;
		line-height: 42px;
	}
	.header-top-nav .custom-section .row .col-12-medium {
		width: 58%;
	}
	section#header h1 {
		font-size: 35px !important;
		line-height: 35px;
		margin: 15px 0 0 0 ;
	}
	section#header div#logo img {
		width: 120px;
	}
	section#header {
		padding-top: 49px;
	}
	body.websites .logo-steps .col-12-medium {
    width: 50% !important;
}
.custom-price-button ul li a {
    padding: 0 30px;
    font-size: 13px;
}

.custom-price-button ul li {
    padding: 0 0 !important;
    width: 100%;
}
.custom-price-button ul {
    display: flex;
    padding: 0 10px;
    justify-content: space-between;
}
.processinner-text h2 {
    font-size: 30px !important;
    line-height: 40px !important;
}
section#testimonials-sections .testimonial-text h3 {
    font-size: 16px !important;
    line-height: 26px !important;
}
	  section#logo-call-to-action .heading-text h3 {
		font-size: 26px;
		line-height: 36px;
	  }
}

@media (max-width: 375px) {
	section#header {
		padding-top: 38px;
	}
}

@media (max-width: 360px) {
 
}


/* GALLERY CSS UPLOADING PORTFOLIO */

/* CSS FOR WEBSITE PORTFOLIO */
.websites section#logoportfolio .gallery-item {
    height: 600px;
}
.websites .lightbox-content img {
    width: 60%;
    top: 0;
    margin: 0 auto;
    display: table;
}
.websites .lightbox-content {
    margin: 0 auto;
    top: 0 !important;
    width: 90%;
}

/* ABOUT US PAGE PORTFOLIO */

.about-us section#what-canwe-about .gallery-item {
    height: 600px;
}
.about-us .lightbox-content img {
    width: 60%;
    top: 0;
    margin: 0 auto;
    display: table;
}
.about-us .lightbox-content {
    margin: 0 auto;
    top: 0 !important;
    width: 90%;
}

/* INDEX WEBSITE PORTFOLIO */
.about-us .gallery-item {
    height: 600px;
}
.homepage .lightbox-content img {
	top: 0;
    display: table;
    object-fit: contain;
    width: 65%;
    height: 85%;
}
.homepage .lightbox-content {
    margin: 0 auto;
    top: 0 !important;
    width: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
p#responce {
    color: #fff;
    padding: 10px 0px;
    text-align: center;
}
.slick-slide {
    height: auto !important;
}
section#header img.greenline {
    /*display: none !important;*/
}
.animationservice section#logo-call-to-action .logo-cta ul {
  display: block !important;
}
section#privacy p b, #terms b {
    color: #568b4c;
    font-size: 20px;
    line-height: 40px;
    font-weight: bold;
    font-family: 'Anek Tamil';
}
section#privacy p, #terms, #terms p {
    font-size: 16px;
    line-height: 26px;
    color: #fff;
}
body.termsandconditions section#terms li {
    color: #fff !important;
    list-style: auto;
}
section#what-can-we .information {
    display: none;
}
section#testimonials-sections .testimonial-text h5 img {
    margin-top: 16px;
}
section#testimonials-sections .testimonial-text h5 {
    color: #ccc;
    font-size: 15px;
    line-height: 24px;
    font-style: italic;
    text-decoration: underline;
}
section#testimonials-sections .testimonial-text p {
    font-size: 14px;
    line-height: 24px;
}
section#testimonials-sections .testimonial-text h3 {
    font-size: 20px;
    line-height: 30px;
}


body.logodesignsservces section#intro-section .why-choosetext p {
    min-height: 158px;
}
.grecaptcha-badge {
    bottom: 110px !important;
}
.truspilot img {
    width: 10% !important;
    height: auto !important;
}
.profilestext h3 {
    color: #fff;
}
.proifiss img {
    border-radius: 50%;
}
    .profilestext button {
    color: #000;
    background: linear-gradient(94.89deg, #51A699 -21.42%, #72B763 127.67%);
    color: #fff;
    border-radius: 30px;
    padding: 25px 0 !important;
    line-height: 0 !important;
    height: 0;
    letter-spacing: 0;
}
.proifiss {
    padding-top: 50px;
}
.profilestext h1 {
    text-align: left !important;
    padding: 0 0 !important;
}

.proifiss button {
    background: linear-gradient(94.32deg, #51A699 0%, #72B763 128.15%) !important;
    border-radius: 15px;
    color: #fff !important;
    border: 0;
    padding: 11px 40px;
}
section#intro-section .brndsec .why-choosetext p {
    min-height: 160px;
}
section#intro-section .socialmedia-posting-proces .why-choosetext p {
    min-height: 200px;
}
#home-tab-pane4 .gallery-item img,div#profile-tab-pane4 .gallery-item img,div#profile-tab-pane6 .gallery-item img {
    border: 6px solid #3e9475;
}
.first-widgets-row .social-links ul li {
    list-style: none;
}

.first-widgets-row .social-links ul li img {
    width: 30px;
    border-radius: 5px;
}
.first-widgets-row .social-links ul {
    margin: 0;
    padding: 0;
    display: flex;
}
/* CSS END */
/* END */