:root {
	--primary-heading: #003e56;
	--customcolor: #003e56;
	--textBlock: #01202c;
	--purple: #992a8e;
	--primaryspan: #a70050;
	--black-color: #1b272e;
	--White-color: #fff;
	--gradient: linear-gradient(185deg, #a70050, 50%, #99298d);
}

body {
	overflow-x: hidden;
	font-family: 'Conv_Poppins-Light', sans-serif;
	/* font-weight: 100; */
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
ul,
li,
a,
.btn-default,
textarea {
	margin: 0;
	padding: 0;
}

* {
	margin: 0;
	padding: 0;
}

a:hover {
	text-decoration: none;
}

a:focus {
	text-decoration: none;
}


/*----------------------------------------Push Navigation---------------------------------*/
div#menuoverlay {
	display: none;
}

a#hamburg {
	position: fixed;
	top: 10px;
	left: 10px;
	width: 40px;
	height: 40px;
	z-index: 9999999;
	text-align: center;
	color: white;
	display: none;
	transition: all ease-out 0.3s;
}

a#hamburg i {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.nav1 {
	transition: all ease-out 0.3s;
	display: none;
}

.nav1 a {
	color: #fff;
	font-size: 13px;
}

.nav1 ul {
	margin: 0;
	padding: 0;
	background-color: #303030;
}

.nav1 ul li {
	display: inline-block;
	position: relative;
}

.nav1 ul li>a {
	display: inline-block;
	padding: 10px;
}

.nav1 ul li>a>i {
	margin-left: 15px;
	transition: all ease-out 0.3s;
	-webkit-transition: all ease-out 0.1s;
}

.nav1 ul li ul {
	display: none;
	position: absolute;
	top: 38px;
	background: #222;
	width: 200px;
	text-align: left;
}

.nav1 .search-nav,
.nav1 .title {
	display: none;
}

.nav1 ul li ul li {
	display: block;
}

.nav1 ul li ul li a {
	display: block;
}

.nav1 ul li:hover>a {
	color: #000;
	text-decoration: none;
}

.nav1 ul li:hover>a>i {
	transform: rotateZ(90deg);
}

.nav1 ul li:hover ul {
	display: block;
}

.nav1 span.marrow {
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #fff;
	float: right;
	height: 0;
	margin: 8px 0 0 8px;
	width: 0;
}

.nav1 ul li.open span.marrow {
	border-left: 5px solid transparent;
	border-top: 0;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #fff;
}

@media screen and (max-width:991px) {
	a#hamburg {
		display: block;
	}

	main {
		transition: all ease-out 0.3s;
	}

	.nav1 .row {
		margin: 0px;
	}

	.nav1 {
		background: black;
		box-shadow: -2px 0 0px #f9d707 inset;
		display: block;
		height: 100%;
		left: 0;
		overflow-x: hidden;
		overflow-y: auto;
		position: fixed;
		top: 0;
		transform: translateX(-250px);
		width: 250px;
	}

	.nav1 .search-nav,
	.nav1 .title {
		display: block;
	}

	.nav1 .search-nav input {
		border: 1px solid #2c313f;
		background-color: rgba(255, 255, 255, 0.2);
		padding: 5px;
		width: 100%;
		color: #000;
		margin: 10px 0;
	}

	.nav1 .search-nav input[type="submit"] {
		background: url("images/search-icon.png") no-repeat scroll center center;
		border: 0;
		width: auto;
		font-size: 0;
		height: 16px;
		position: absolute;
		right: 7px;
		top: 8px;
		width: 16px;
		filter: invert(100%);
	}

	.nav1 .title {
		background: #000;
		color: #fff;
		font-size: 14px;
		margin: 0 -15px;
		padding: 6px 15px 6px;
	}

	.search-nav>form {
		position: relative;
	}

	.nav1 a:hover {
		color: #0c73b4;
		text-decoration: none;
	}

	.nav1 ul {
		text-align: left;
		background-color: transparent;
		margin-top: 50px;
	}

	.nav1 ul li {
		display: block;
		border-bottom: 1px solid #999;
	}

	.nav1 ul li a {
		display: block;
		padding: 10px 0;
	}

	.nav1 ul li:hover>a {
		color: #0c73b4;
	}

	.nav1 ul li a>i {
		float: right;
	}

	.nav1 ul li ul {
		display: none;
		position: static;
		width: 100%;
		background-color: transparent;
		padding: 0 10px;
	}

	.nav1 ul li:hover>ul {
		display: none;
	}

	.nav1 ul li:hover>a>i {
		transform: rotateZ(0);
	}

	.nav1 ul li.open>a {
		background-color: transparent;
	}

	.nav1 ul li.open>a>i {
		transform: rotateZ(90deg);
	}

	.nav1 ul li.open>ul {
		display: block;
	}

	div#menuoverlay {
		display: block;
		visibility: hidden;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		transition: all ease-out 0.3s;
		z-index: 1;
		opacity: 0;
	}

	html.open-menu {
		overflow: hidden;
	}

	html.open-menu div#menuoverlay {
		visibility: visible;
		background: rgba(0, 0, 0, 0.5);
		min-height: 100vh;
		width: 100% !important;
		opacity: 1;
		width: calc(-150%);
		left: 250px;
	}

	html.open-menu a#hamburg {
		transform: translateX(250px);
		z-index: 999;
	}

	html.open-menu main {
		transform: translateX(250px);
	}

	html.open-menu nav.nav1 {
		z-index: 3;
		transform: translateX(0);
	}

	.menu-main-menu-container ul ul ul li a {
		padding: 5px;
	}

	ul li.has-subnav .accordion-btn {
		color: #000;
		font-size: 24px;
		width: 20px !important;
		float: right;
		line-height: inherit !important;
	}

	.nav1 ul li:last-child {
		border: 0;
	}

	.nav-cross.open>span {
		background: #f9d707;
	}

	/*---------------------Hamberg Icon --------------------------------------------- */
	.nav-cross {
		width: 24px;
		height: 40px;
		position: relative;
		margin: 0px auto;
		transform: rotate(0deg);
		transition: .5s ease-in-out;
		cursor: pointer;
	}

	.nav-cross span {
		display: block;
		position: absolute;
		height: 3px;
		width: 100%;
		background: #f9d707;
		opacity: 1;
		left: 0;
		transform: rotate(0deg);
		transition: .25s ease-in-out;
	}

	#nav-icon1 span:nth-child(1) {
		top: 0px;
	}

	#nav-icon1 span:nth-child(2) {
		top: 18px;
	}

	#nav-icon1 span:nth-child(3) {
		top: 36px;
	}

	#nav-icon1.open span:nth-child(1) {
		top: 18px;
		transform: rotate(135deg);
	}

	#nav-icon1.open span:nth-child(2) {
		opacity: 0;
		left: -60px;
	}

	#nav-icon1.open span:nth-child(3) {
		top: 18px;
		transform: rotate(-135deg);
	}

	.nav-cross span:nth-child(1) {
		top: 12px;
		transform-origin: left center;
	}

	.nav-cross span:nth-child(2) {
		top: 20px;
		transform-origin: left center;
	}

	.nav-cross span:nth-child(3) {
		top: 28px;
		transform-origin: left center;
	}

	.nav-cross.open span:nth-child(1) {
		transform: rotate(45deg);
		top: 11px;
		left: 4px;
	}

	.nav-cross.open span:nth-child(2) {
		width: 0%;
		opacity: 0;
	}

	.nav-cross.open span:nth-child(3) {
		transform: rotate(-45deg);
		top: 28px;
		left: 4px;
	}
}

/*---------------------------------- Slick SLider----------------------------------------------------*/
.main-slider,
.item-slider,
.client,
.thumb-slider {
	display: none;
}

.item-slider.slick-initialized,
.thumb-slider.slick-initialized,
.client.slick-initialized,
.main-slider.slick-initialized {
	display: block !important;
}

.slider {
	position: relative;
	clear: left;
	overflow: hidden;
}

.slider .inner-item {
	height: 756px;
}

.slider .container {
	position: relative;
}

.slick-slide .caption {
	color: #fff;
	font-size: 1.2em;
	line-height: 1.2em;
	position: absolute;
	left: 10%;
	text-shadow: 2px 2px 2px #000;
	top: 37%;
	width: 35%;
	background: rgba(0, 0, 0, 0.7);
	padding: 20px 20px 0;
	z-index: 99;
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.thumb-slider .slick-slide {
	margin: 5px 0 0 5px;
}

.slider-thumb .thumb-slider .slick-slide img {
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	position: relative;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
	transition: all .25s ease;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

.slick-dots {
	position: absolute;
	z-index: 11;
	bottom: -30px;
	margin: 0px;
	padding: 0;
	text-align: center;
	width: 100%;
}

.slick-dots li {
	list-style: none;
	display: inline-block;
}

.slick-dots button {
	border: 1px solid #333;
	background: #fff;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	font-size: 0;
	padding: 0px;
	margin-right: 5px;
}

.slick-dots .slick-active button {
	background: #303030;
}

.slick-arrow {
	border: 0px;
	font-size: 0;
	right: 0;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	z-index: 1;
	background: #303030 url(images/right-arrow.png) no-repeat center center;
	width: 36px;
	height: 40px;
	/*transform: rotate(180deg)*/
}

.services-slider .slick-arrow {
	height: 65px;
}

.slick-arrow:hover {
	background: #000 url(images/right-arrow.png) no-repeat center center;
}

.slick-next.slick-arrow {
	transform: rotate(0deg)
}

.slider-progress {
	width: 100%;
	height: 5px;
	background: rgba(0, 216, 192, 0.8);
	position: absolute;
	top: 0;
	z-index: 99;
}

.slider-progress .progress {
	width: 0%;
	height: 5px;
	background: rgba(36, 51, 0, 0.8);
}

.thumb-slider .slick-active img {
	border: 1px solid transparent
}

.thumb-slider .slick-current img {
	opacity: 0.5;
}

/************************************ CUSTOM CSS START *******************************************/

/**************** HEADER CSS START ***************/
a:active {
	color: #992a8e !important;
	font-weight: 600;
}

/* a:hover {
	color: #992a8e !important;
	transition: all 0.4s ease-in-out;
} */

header.topHeader {
	padding: 0;
	position: absolute;
	width: 100%;
	z-index: 1;
}

.topHeader .topHeaderContent {
	display: flex;
	justify-content: space-around;
	padding: 15px 0;
	margin: 0;
}

.topHeader .topHeaderContent .liveChat {
	display: flex;
	align-items: center;
}

.topHeader .topHeaderContent .liveChat .chatFav {
	font-size: 20px;
	/* padding-right: 15px; */

}

.secOne .row {
    display: flex;
    align-items: center;
    position: relative;
    top: 250px;
}

@keyframes heartBeat {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	10% {
		-webkit-transform: scale(.91);
		transform: scale(.91);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	17% {
		-webkit-transform: scale(.98);
		transform: scale(.98);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	33% {
		-webkit-transform: scale(.87);
		transform: scale(.87);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	45% {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
}

.topHeader .topHeaderContent .liveChat .chatFav .imgDiv {
	background-color: #992a8e;
	padding: 12px 16px 14px 14px;
	border-radius: 100px;
	box-shadow: 3px 3px 5px 1px rgba(153, 42, 142, 0.6);
	-webkit-box-shadow: 3px 3px 5px 1px rgba(153, 42, 142, 0.6);
	-moz-box-shadow: 3px 3px 5px 1px rgba(153, 42, 142, 0.6);
	-webkit-animation: heartBeat 1.5s ease-in-out infinite both;
	animation: heartBeat 1.5s ease-in-out infinite both;
}


.topHeader .topHeaderContent .liveChat .chatContent p {
	margin: 0;
	line-height: 1.4;
	font-weight: 500;
	text-transform: capitalize;
}

.topHeader .topHeaderContent .liveChat .chatContent {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.topHeader .topHeaderContent .liveChat .chatContent p a {
	color: #072734;
	font-weight: 600;
	text-decoration: none;
}

.topHeader .topHeaderContent .callNow {
	display: flex;
	align-items: center;
}

.topHeader .topHeaderContent .callNow .phoneFav {
	font-size: 20px;
	/* padding-right: 15px; */
}

.topHeader .topHeaderContent .callNow .phoneFav .imgDiv {
	background-color: #992a8e;
	padding: 12px 16px 14px 15px;
	border-radius: 100px;
	box-shadow: 3px 3px 5px 1px rgba(153, 42, 142, 0.6);
	-webkit-box-shadow: 3px 3px 5px 1px rgba(153, 42, 142, 0.6);
	-moz-box-shadow: 3px 3px 5px 1px rgba(153, 42, 142, 0.6);
	-webkit-animation: heartBeat 1.5s ease-in-out infinite both;
	animation: heartBeat 1.5s ease-in-out infinite both;
}

.topHeader .topHeaderContent .callNow .chatContent {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.topHeader .topHeaderContent .callNow .chatContent p {
	margin: 0;
	line-height: 1.4;
	font-weight: 500;
	text-transform: capitalize;
}

.topHeader .topHeaderContent .callNow .chatContent p a {
	color: #072734;
	font-weight: 600;
	text-decoration: none;
}

.topHeader .topHeaderContent .liveChat .chatContent p a:hover {
	color: var(--primaryspan);
	transition: all 0.4s ease-in-out;
}

.topHeader .topHeaderContent .callNow .chatContent p a:hover {
	color: var(--primaryspan);
	transition: all 0.4s ease-in-out;
}

.topHeader .navbar .menu ul {
	display: flex;
	justify-content: flex-end;
	list-style: none;
	align-items: center;
	gap: 35px;
}

.logo .imgDiv a img {
	width: 100%;
}

.topHeader .navbar .menu ul li a {
	text-decoration: none;
	color: #000;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 15px;
	transition: all 0.4s ease-in-out;
}

.topHeader .navbar .menu ul li:hover a {
	color: var(--primaryspan);
	transition: all 0.4s ease-in-out;
}

.topHeader .rowTwo {
	display: flex;
	align-items: flex-end;
	border-bottom: 1px solid #637998;
	padding-bottom: 15px;
	position: relative;
}

.topHeader .rowTwo:before {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	background: var(--customcolor);
	border-radius: 100%;
	bottom: -5px;
	left: 0;
	animation: circle1 18s linear infinite;
}

.topHeader .rowTwo:after {
	content: "";
	position: absolute;
	width: 10px;
	height: 10px;
	background: var(--customcolor);
	border-radius: 100%;
	bottom: -5px;
	right: 0;
	animation: circle2 18s linear infinite;
}

@keyframes circle1 {
	0% {
		left: 0%;
		background: var(--customcolor);
	}

	25% {
		left: 20%;
		background: #007dac;
	}

	50% {
		left: 49%;
		background: var(--gradient);
	}

	75% {
		left: 25%;
		background: #8dc63f;
	}

	100% {
		left: 0%;
		background: var(--customcolor);
	}
}

@keyframes circle2 {
	0% {
		right: 0%;
		background: var(--customcolor);
	}

	25% {
		right: 20%;
		background: #007dac;
	}

	50% {
		right: 49%;
		background: var(--gradient);
	}

	75% {
		right: 25%;
		background: #8dc63f;
	}

	100% {
		right: 0%;
		background: var(--customcolor);
	}
}

.mainBtn {
	display: inline-flex;
	justify-content: center;
	border-radius: 33px;
	/* background: var(--gradient); */
	border: none;
	transition: all 0.3s ease;
	overflow: hidden;
	position: relative;
	z-index: 1;
	width: 250px;
}

.mainBtn:after {
	position: absolute;
	content: " ";
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--gradient);
	background-image: linear-gradient(185deg, #a70050 0%, #99298d 74%);
	transition: all 0.3s ease;
}

.mainBtn:hover {
	background: transparent;
	/* box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .5),
		-4px -4px 6px 0 rgba(116, 125, 136, .2),
		inset -4px -4px 6px 0 rgba(255, 255, 255, .5),
		inset 4px 4px 6px 0 rgba(116, 125, 136, .3); */
	box-shadow: 3px 3px 5px 1px rgba(153, 42, 142, 0.6);
	-webkit-box-shadow: 3px 3px 5px 1px rgba(153, 42, 142, 0.6);
	-moz-box-shadow: 3px 3px 5px 1px rgba(153, 42, 142, 0.6);
	color: #fff;
}

.mainBtn:hover:after {
	-webkit-transform: scale(2) rotate(180deg);
	transform: scale(2) rotate(180deg);
	box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .5),
		-4px -4px 6px 0 rgba(116, 125, 136, .2),
		inset -4px -4px 6px 0 rgba(255, 255, 255, .5),
		inset 4px 4px 6px 0 rgba(116, 125, 136, .3);
}

.topHeader .headerbtn {
	display: flex;
	justify-content: flex-end;
}

.topHeader .rowTwo .mainBtn a {
	text-decoration: none;
	color: var(--White-color);
	font-weight: 600;
	padding: 15px 0;
	text-decoration: none !important;
	font-size: 15px;
	text-transform: uppercase;
}

.mainBtn a {
	text-decoration: none;
	color: var(--White-color);
	padding: 15px 0;
	text-decoration: none !important;
	font-size: 15px;
	text-transform: uppercase;
}

.mainBtn a:hover {
	color: #f5e7e7 !important;
}


/* .mainBtn:hover {
	-webkit-animation: btnAni 0.9s both;
	animation: btnAni 0.9s both;
} */

@-webkit-keyframes btnAni {

	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.2;
	}

	100% {
		opacity: 1;
	}
}

@keyframes btnAni {

	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.2;
	}

	100% {
		opacity: 1;
	}
}

/**************** HEADER CSS END ***************/

/********************* SECTION ONE CSS START ***********************/
.secOne {
	background: url(../images/banner.png);
	height: 100vh;
	position: relative;
	z-index: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

/* .secOne .bannerContent {
	position: absolute;
	transform: translateY(365px);
} */

/* .secOne .imgDiv {
	position: absolute;
	transform: translateY(265px);
} */

.secOne .imgDiv img.img-fluid {
	width: 100%;
	animation: topdown 3s infinite;
	-webkit-animation: topdown 3s infinite;
	animation-delay: 0s;
	-webkit-animation-delay: 0.6s;
}

@keyframes topdown {


	0% {
		-webkit-transform: rotateX(0deg) translateY(0px);
		-moz-transform: rotateX(0deg) translateY(0px);
		-ms-transform: rotateX(0deg) translateY(0px);
		-o-transform: rotateX(0deg) translateY(0px);
		transform: rotateX(0deg) translateY(0px);
	}

	50% {
		-webkit-transform: rotateX(0deg) translateY(-20px);
		-moz-transform: rotateX(0deg) translateY(-20px);
		-ms-transform: rotateX(0deg) translateY(-20px);
		-o-transform: rotateX(0deg) translateY(-20px);
		transform: rotateX(0deg) translateY(-20px);
	}

	100% {
		-webkit-transform: rotateX(0deg) translateY(0px);
		-moz-transform: rotateX(0deg) translateY(0px);
		-ms-transform: rotateX(0deg) translateY(0px);
		-o-transform: rotateX(0deg) translateY(0px);
		transform: rotateX(0deg) translateY(0px);
	}

}

.bannerBtn .mainbtnCust {
	background: var(--customcolor);
	display: inline-flex;
	justify-content: center;
	border-radius: 33px;
	margin-left: 15px;
	position: relative;
	border: none;
	/* background: rgb(251, 33, 117);
	background: linear-gradient(0deg, rgba(251, 33, 117, 1) 0%, rgba(234, 76, 137, 1) 100%); */
	color: #fff;
	overflow: hidden;
	width: 250px;
}

.bannerBtn .mainbtnCust:hover {
	text-decoration: none;
	color: #fff;
	box-shadow: 1px 1px 1px 0 rgb(254 254 254 / 10%), 0px 1px 1px 0 rgba(116, 125, 136, .2),
		inset -3px -3px 6px 0 rgb(254 254 254 / 10%), inset -2px -5px 6px 0 rgb(254 254 254 / 10%);

}

.bannerBtn .mainbtnCust:before {
	position: absolute;
	content: '';
	display: inline-block;
	top: -180px;
	left: 0;
	width: 30px;
	height: 100%;
	background-color: #fff;
	animation: shiny 3s ease-in-out infinite;
}

@-webkit-keyframes shiny {

	0% {
		-webkit-transform: scale(0) rotate(45deg);
		opacity: 0;
	}

	80% {
		-webkit-transform: scale(0) rotate(45deg);
		opacity: 0.5;
	}

	81% {
		-webkit-transform: scale(4) rotate(45deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(50) rotate(45deg);
		opacity: 0;
	}
}

@keyframes shiny {

	0% {
		-webkit-transform: scale(0) rotate(45deg);
		opacity: 0;
	}

	80% {
		-webkit-transform: scale(0) rotate(45deg);
		opacity: 0.5;
	}

	81% {
		-webkit-transform: scale(4) rotate(45deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(50) rotate(45deg);
		opacity: 0;
	}
}

.bannerBtn .mainbtnCust:hover {
	opacity: .7;
}

.bannerBtn .mainbtnCust:active {
	box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .3),
		-4px -4px 6px 0 rgba(116, 125, 136, .2),
		inset -4px -4px 6px 0 rgba(255, 255, 255, .2),
		inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}

.bannerBtn .mainbtnCust a {
	text-decoration: none;
	color: var(--White-color);
	padding: 15px 0;
	text-decoration: none;
	font-size: 15px;
	text-transform: uppercase;
}

.mainbtnCust:hover {
	-webkit-animation: btnAni .6s both;
	animation: btnAni .6s both;
}

@-webkit-keyframes btnAni {

	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.2;
	}

	100% {
		opacity: 1;
	}
}

@keyframes btnAni {

	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.2;
	}

	100% {
		opacity: 1;
	}
}

.primarySpan {
	color: var(--primaryspan);
	font-family: 'CabinetGrotesk-Bold', 'sans-serif';
	font-weight: 600;
}

.secondarySpan {
	color: var(--primary-heading);
	font-family: 'CabinetGrotesk-Bold', 'sans-serif';
	font-weight: 600;
}

.primaryHeading {
	color: var(--primary-heading);
	font-weight: 100;
	font-family: 'CabinetGrotesk-Regular', 'sans-serif' !important;
	font-size: 55px;
}

.textBlock {
	font-size: 15px;
	color: var(--textBlock);
	line-height: 1.3;
	/* font-weight: 100; */
	font-family: 'Conv_Poppins-Light', sans-serif;
	padding: 5px 0;
}

.bannerContent .textBlock {
	padding: 12px 0;
}

.bannerContent h1.primaryHeading {
	text-transform: uppercase;
	font-size: 60px;
	font-weight: 100;
}

.bannerContent span.primarySpan {
	font-family: 'CabinetGrotesk-Bold', 'sans-serif';
	font-weight: 600;
}
.secTwelve .twelveRow .col-md-4 {
	margin-bottom: 30px;
}
/********************* SECTION ONE CSS END ***********************/


/********************* SECTION TWO CSS START ***********************/
.secTwo {
	padding: 70px 0 100px 0;
}

.secTwo .servicesMain {
	background-color: #f6f6f6;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-radius: 20px;
	min-height: 295px;
	align-items: center;
	overflow: hidden;
	position: relative;
	transition: all 0.6s ease;
}

.secTwo .servicesMain:before {
	content: "";
	background-image: url(../images/box.png);
	background-repeat: no-repeat;
	position: absolute;
	width: 180px;
	height: 200px;
	top: -40px;
	left: -45px;
	transition: all 0.6s ease;
}

.secTwo .servicesMain .imgDiv {
	padding: 37px;
	background-color: #f1f1f1;
	border-radius: 100%;
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 9%);
	-webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 9%);
	-moz-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 9%);
	transition: all 0.8s ease;
}

.servicesContent .textBlock {
	font-weight: 500;
	font-size: 21px;
}

.servicesContent .textBlock a {
	text-decoration: none;
	color: var(--textBlock);
	transition: all 0.8s ease;
}

.servicesContent .textBlock a:hover {
	letter-spacing: 1.5px;
}

.servicesContent {
	margin-top: 30px;
}

.secTwo .servicesMain:hover {
	background-color: #992a8e;
	transition: all 0.8s ease;
}

.servicesMain:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 20px 1px #992a8759;
}

.secTwo .servicesMain:hover .imgDiv {
	background-color: #a33a99;
	transition: all 0.8s ease;
}

.secThreeImg .imgDiv img.img-fluid {
	transition: all 0.8s ease;
	width: 100%;
	animation: heart-beat 3s ease-in-out infinite;
}

.servicesMain:hover img.img-fluid {
	filter: invert(1);
	transition: all 0.8s ease;
}

.servicesMain:hover .textBlock a {
	transition: all 0.8s ease;
	color: var(--White-color);
}

.secTwo .servicesMain:hover:before {
	filter: invert(1);
	transition: all 0.8s ease;
}

.secTwo .servicesMain .custImg img.img-fluid {
	filter: invert(1);
}

.secTwo .servicesMain:hover .custImg img.img-fluid {
	filter: initial;
}

/********************* SECTION TWO CSS END ***********************/

/********************* SECTION THREE CSS START ***********************/
.secThree {
	background-image: url(../images/marketing-bg.png);
	background-position: top, center;
	padding: 100px 0;
	background-size: cover;
	background-repeat: no-repeat;
}

.secThree .secThreeContent .custpara {
	padding: 15px 0;
}

.secThree .rowTwo {
	padding: 40px 0;
}

.secThree .rowTwo .rowTwoContent {
	padding: 40px 0 60px 0;
}

.secThree .rowTwo .rowTwoContent .custpara {
	padding-bottom: 15px;
}

/********************* SECTION THREE CSS END ***********************/

/********************* SECTION FOUR CSS START ***********************/
.secFour {
	background-image: url(../images/Group25.png);
	background-position: center;
	background-repeat: no-repeat;
	display: flex;
	align-items: center;
	padding: 20px 0;
	position: relative;
	margin-bottom: -120px;
	margin-top: -129px;
	width: 100%;
}

.secFour .row {
	display: flex;
	align-items: center;
	/* overflow: hidden; */
}

.secFour .secFourContentMain .secFourContent .custpara {
	color: var(--White-color);
	font-size: 19px;
}

.secFour .aniDiv .imgDiv a img {
	animation: heart-beat 1.6s ease-in-out infinite;
}

@keyframes heart-beat {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.06);
	}

	100% {
		transform: scale(1);
	}

}

.secFour .aniDiv {
	display: flex;
	flex-direction: column-reverse;
}

.secFour .announceMain {
	display: flex;
	justify-content: space-between;
}


.secFour .announceMain .custDiv {
	display: flex;
	align-items: center;
	text-decoration: none;
	background-color: #05202a;
	padding: 7px 0;
	border-radius: 100px;
	border: 1px solid #7865a9;
	color: #fff;
	overflow: hidden;
	position: relative;
	width: 320px;
	justify-content: center;
}


.secFour .announceMain .custDiv:hover {
	-webkit-animation: btnAni .6s both;
	animation: btnAni .6s both;
	text-decoration: none;
	color: #fff;
	opacity: .7;
}

.secFour .announceMain .custDiv:before {
	position: absolute;
	content: '';
	display: inline-block;
	top: -180px;
	left: 0;
	width: 30px;
	height: 100%;
	background-color: #fff;
	animation: shiny 3s ease-in-out infinite;
}

.secFour .announceMain .custDiv:active {
	box-shadow: 4px 4px 6px 0 rgba(255, 255, 255, .3),
		-4px -4px 6px 0 rgba(116, 125, 136, .2),
		inset -4px -4px 6px 0 rgba(255, 255, 255, .2),
		inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}

.chatContent .priSpan {
	margin: 0;
	font-size: 16px;
	color: #d10468;
	text-transform: capitalize;
	font-weight: 500;
}

.chatContent .custpara {
	margin: 0;
	color: var(--White-color);
}

.chatContent {
	padding-left: 20px;
	line-height: 15px;
}

.custDiv .imgDiv {
	background-color: #072b38;
	padding: 12px;
	border-radius: 100%;
}

.custDiv .imgDiv img.img-fluid {
	width: 30px;
}

.custDiv .chatFav {
	animation: heartBeat 1.5s ease-in-out infinite both;
}

.custDiv .callNow {
	animation: heartBeat 1.5s ease-in-out infinite both;
}

/********************* SECTION FOUR CSS END ***********************/

/********************* SECTION FIVE CSS START ***********************/
.secFive {
	background-image: url(../images/banner-two.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 150px 0;
	display: flex;
	align-items: center;
}

.secFive .row {
	display: flex;
	align-items: center;
}

.secFive .secThreeContent .primaryHeading {
	color: var(--White-color);
}

.secFive .secThreeContent .textBlock {
	color: var(--White-color);
}

.secFive .bannerBtn {
	padding-top: 25px;
}

/********************* SECTION FIVE CSS END ***********************/

/********************* SECTION SIX CSS START ***********************/
.secSix {
	background-image: url(../images/banner-three.png);
	background-position: top, center;
	background-repeat: no-repeat;
	padding: 150px 0;
	position: relative;
}

.secSix:before {
	content: '';
	position: absolute;
	width: 262px;
	height: 234px;
	background-repeat: no-repeat;
	background-image: url(../images/Red-left.png);
	background-size: cover;
	display: block;
	top: 0;
	bottom: 220px;
	left: 1px;
	margin: auto 0;
}

.secSix:after {
	content: '';
	position: absolute;
	width: 260px;
	height: 234px;
	background-repeat: no-repeat;
	background-image: url(../images/Red-right.png);
	background-size: cover;
	display: block;
	top: 0;
	right: 1px;
	bottom: 220px;
	margin: auto 0;
}

.secSixMain:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 20px 1px #992a877a;
}

.secSixMain {
	transition: all 0.6s ease;
	border-radius: 10px;
}

.secSix .secSixMain .imgDiv {
	padding: 18px;
	background-color: #05202a;
	border-radius: 10px 10px 0px 0px;
}

.secSix .secSixMain .imgDiv a img {
	width: 100%;
	border-radius: 10px;
}

.secSix .secSixMain .secSixContent {
	padding: 30px 15px;
	text-align: center;
	border-radius: 0px 0px 10px 10px;
	transition: all 1s ease;
	background: rgb(113, 68, 102);
	background: radial-gradient(circle, rgb(146 88 132) 0%, rgba(66, 33, 66, 1) 80%);
}

.secSix .secSixMain:hover .secSixContent {
	transition: all 1s ease;
	background: rgb(113, 68, 102);
	background: radial-gradient(circle, rgb(146 88 132) 30%, rgba(66, 33, 66, 1) 80%);
}


.secSix .secSixMain .secSixContent .boxOne .primaryHeading {
	font-size: 28px;
	color: var(--White-color);
	padding: 0 26px;
}

.secSix .secSixMain .secSixContent .boxOne .textBlock {
	color: var(--White-color);
}

.secSix .secSixMain .secSixContent .boxTwo {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 32px;
	position: relative;
}

.secSix .secSixMain .secSixContent .boxTwo:before {
	content: '';
	position: absolute;
	width: 315px;
	height: 1px;
	top: 0;
	background-color: #a08399;
	margin: auto;
}

.secSix .secSixMain .secSixContent .boxTwo .counterOne {
	border-right: 1px solid #9a7b93;
}

.secSix .sixRow .sixContent {
	text-align: center;
}

.secSix .sixRow .sixContent .custpara {
	padding: 60px 0 25px 0;
}

.secSix .secSixMain .secSixContent .boxTwo .counterOne .primaryHeading {
	color: var(--White-color);
	font-size: 35px;
}

.secSix .secSixMain .secSixContent .boxTwo .counterOne .textBlock {
	color: var(--White-color);
	padding: 0 15px;
}

.secSix .secSixMain .secSixContent .boxTwo .counterTwo .primaryHeading {
	color: var(--White-color);
	font-size: 35px;
}

.secSix .secSixMain .secSixContent .boxTwo .counterTwo .textBlock {
	color: var(--White-color);
	padding: 0 15px;
}

/********************* SECTION SIX CSS END ***********************/

/********************* SECTION SEVEN CSS START ***********************/
.secSeven {
	background-image: url(../images/layersthree.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 65px 0 210px 0;
	position: relative;
}

.secSeven:before {
	content: '';
	position: absolute;
	width: 360px;
	height: 3px;
	top: -2px;
	left: 0;
	background: hsl(330.88deg 95.33% 41.96%);
	animation: bottom1 18s linear infinite;
}

.secSeven:after {
	content: '';
	position: absolute;
	width: 360px;
	height: 3px;
	top: -2px;
	right: 0;
	background: hsl(330.88deg 95.33% 41.96%);
	animation: bottom2 18s linear infinite;
}


@keyframes bottom1 {
	0% {
		left: 0%;
		background: var(--customcolor);
	}

	25% {
		left: 15%;
		background: #007dac;
	}

	50% {
		left: 31%;
		background: var(--gradient);
	}

	75% {
		left: 15%;
		background: #8dc63f;
	}

	100% {
		left: 0%;
		background: var(--customcolor);
	}
}

@keyframes bottom2 {
	0% {
		right: 0%;
		background: var(--customcolor);
	}

	25% {
		right: 15%;
		background: #007dac;
	}

	50% {
		right: 31%;
		background: var(--gradient);
	}

	75% {
		right: 15%;
		background: #8dc63f;
	}

	100% {
		right: 0%;
		background: var(--customcolor);
	}
}

.sevenRow {
	padding: 30px 0;
}

.secSeven .p-30 {
	padding-bottom: 30px;
}

.secSeven .secThreeContent {
	text-align: center;
	padding: 30px;
}

.secSeven .sevenRow .ServicesMainOne {
	background-color: #2c6378;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	position: relative;
	transition: all 0.8s ease;
	overflow: hidden;
	height: 530px;
}

.secSeven .sevenRow .ServicesMainOne:before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: var(--White-color);
	top: -10px;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	margin: 0 auto;
	border-radius: 100%;
}

.secSeven .sevenRow .ServicesMainOne:after {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: var(--White-color);
	bottom: -10px;
	left: 0;
	right: 0;
	display: block;
	margin: 0 auto;
	border-radius: 100%;
}

.servicesColorOne {
	background: var(--customcolor);
	border-radius: 140px 8px 90px 8px;
	padding: 40px 18px;
	transition: all 0.8s ease;
	height: 530px;
}

.secSeven .sevenRow .ServicesMainOne:hover {
	background: var(--customcolor);
}

.servicesColorOne:hover {
	background-color: #2c6378;
}

.secSeven .sevenRow .ServicesMainOne .ServicesContent .primaryHeading {
	font-size: 25px;
	color: var(--White-color);
	position: relative;
	padding: 10px 0px 0 0;
}

.secSeven .sevenRow .ServicesMainOne .ServicesContent .primaryHeading:before {
	content: '';
	position: absolute;
	width: 55px;
	height: 1px;
	background: var(--White-color);
	top: -12px;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	margin: 0 auto;
}

.secSeven .sevenRow .ServicesMainOne .ServicesContent .primaryHeading:after {
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	background: #fff;
	top: -14px;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	margin: 0 auto;
	border-radius: 100%;
	animation: service 4s linear infinite;
	transition: all 0.6s ease;
}

@keyframes service {
	0% {
		left: 0px;
	}

	50% {
		right: 50px;
	}

	100% {
		left: 0px;
	}
}

.secSeven .sevenRow .ServicesMainOne .ServicesContent .textBlock {
	color: var(--White-color);
	padding-top: 15px;
}


.secSeven .sevenRow .ServicesMainOne .imgDiv {
	padding: 20px 0;
	position: relative;
	z-index: 5;
}

.secSeven .sevenRow .ServicesMainOne .imgDiv:before {
	content: '';
	position: absolute;
	width: 55px;
	height: 55px;
	background-color: #2c6378;
	top: 26px;
	bottom: 0;
	left: 0;
	right: -18px;
	display: block;
	margin: 0 auto;
	border-radius: 100%;
	z-index: -1;
	transition: all 0.8s ease;
}

.secSeven .sevenRow .ServicesMainOne:hover .imgDiv:before {
	background: var(--customcolor);
}

.secSeven .sevenRow .ServicesMainTwo {
	background: var(--customcolor);
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	position: relative;
	transition: all 0.8s ease;
	overflow: hidden;
	height: 530px;
}

.secSeven .sevenRow .ServicesMainTwo:before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: var(--White-color);
	top: -10px;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	margin: 0 auto;
	border-radius: 100%;
}

.secSeven .sevenRow .ServicesMainTwo:after {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: var(--White-color);
	bottom: -10px;
	left: 0;
	right: 0;
	display: block;
	margin: 0 auto;
	border-radius: 100%;
}

.servicesColorTwo {
	background-color: #2c6378;
	border-radius: 140px 8px 90px 8px;
	padding: 40px 18px;
	transition: all 0.8s ease;
	height: 530px;
}

.secSeven .sevenRow .ServicesMainTwo:hover {
	background-color: #2c6378;
}

.servicesColorTwo:hover {
	background: var(--customcolor);
}

.secSeven .sevenRow .ServicesMainTwo .ServicesContent .primaryHeading {
	font-size: 25px;
	color: var(--White-color);
	position: relative;
	padding: 10px 0 0 0;
}

.secSeven .sevenRow .ServicesMainTwo .ServicesContent .primaryHeading:before {
	content: '';
	position: absolute;
	width: 55px;
	height: 1px;
	background: var(--White-color);
	top: -12px;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	margin: 0 auto;
}

.secSeven .sevenRow .ServicesMainTwo .ServicesContent .primaryHeading:after {
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	background: var(--White-color);
	top: -14px;
	bottom: 0;
	left: 0;
	right: 0;
	display: block;
	margin: 0 auto;
	border-radius: 100%;
	animation: service 4s linear infinite;
	transition: all 0.6s ease;
}

.secSeven .sevenRow .ServicesMainTwo .ServicesContent .textBlock {
	color: var(--White-color);
	padding-top: 15px;
}


.secSeven .sevenRow .ServicesMainTwo .imgDiv {
	padding: 20px 0;
	position: relative;
	z-index: 5;
}

.secSeven .sevenRow .ServicesMainTwo .imgDiv:before {
	content: '';
	position: absolute;
	width: 55px;
	height: 55px;
	background: var(--customcolor);
	top: 26px;
	bottom: 0;
	left: 0;
	right: -18px;
	display: block;
	margin: 0 auto;
	border-radius: 100%;
	z-index: -1;
	transition: all 0.8s ease;
}

.secSeven .sevenRow .ServicesMainTwo:hover .imgDiv:before {
	background-color: #2c6378;
}

/********************* SECTION SEVEN CSS END ***********************/

/******************** SECTION EIGHT CSS START ************************/
.secEight {
	margin-bottom: 0;
}

/******************** SECTION EIGHT CSS END ************************/

/********************* SECTION NINE CSS START ***********************/
.secNine {
	background-image: url(../images/cloud-pink.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 0 0 70px 0;
}


.secNine .nineRowOne {
	padding: 70px 70px 0px 70px;
	text-align: center;
}

.secNine .nineRowOne .secThreeContent .custpara {
	padding: 15px 150px;
}

.secNine .nineRowTwo {
	display: flex;
	align-items: center;
	padding: 20px 0;
}

.secNine .nineRowTwo .secNineImg .imgDiv a img.img-fluid {
	width: 100%;
	animation: topdown 3s infinite;
	-webkit-animation: topdown 3s infinite;
	animation-delay: 0s;
	-webkit-animation-delay: 0.6s;
}

.secNine .nineRowTwo .secNineContent .custpara {
	padding: 10px 0 0 0;
}

.secNine .nineRowThree .listRowNine ul {
	display: flex;
	flex-wrap: wrap;
	/* gap: 40px; */
}

.listRowNine ul li {
	list-style: none;
	position: relative;
	font-size: 18px;
	letter-spacing: -1px;
	padding-left: 20px;
	height: 60px;
	width: 25%;
	display: flex;
	align-items: center;
}

.listRowNine ul li:before {
	content: '';
	background-image: url(../images/tick.png);
	background-position: center;
	background-size: contain;
	height: 32px;
	width: 32px;
	display: block;
	position: absolute;
	top: 0;
	left: -21px;
	right: 0;
	bottom: 0;
	margin: auto 0;
}

.secNine .nineRowThree {
	padding: 50px 0;
}

.secNine .nineRowFour {
	padding: 50px 0;
}

.secNine .nineRowFour .bannerBtn {
	padding-top: 25px;
	margin-bottom: 80px;
}

.nineRowFour .secThreeContent .custpara {
	padding: 5px 0;
}

.secThreeContent {
	padding: 15px 10px;
}

/********************* SECTION NINE CSS END ***********************/

/********************* SECTION TEN CSS START ***********************/
/********************* SECTION TEN CSS END ***********************/

/********************* SECTION ELEVEN CSS START ***********************/
.secEleven {
	background-image: url(../images/layerstwo.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 250px 0 100px 0;
}


/********************* SECTION ELEVEN CSS END ***********************/

/********************* SECTION TWELVE CSS START ***********************/
.secTwelve {
	background-image: none;
	padding: 110px 0 225px 0;
}

.secTwelve .twelveRow .ServicesMainOne {
	background-color: #dbd9d9;
}

.secTwelve .twelveRow .ServicesMainOne:hover {
	background-color: #e9e8e8;
}

.secTwelve .twelveRow .servicesColorOne {
	background-color: #eeeded;
}

.secTwelve .twelveRow .servicesColorOne:hover {
	background-color: #f3f3f3;
}

.secTwelve .twelveRow .ServicesMainOne .imgDiv:before {
	background-color: #dbd9d9;
}

.secTwelve .twelveRow .ServicesMainOne:hover .imgDiv:before {
	background-color: #e9e8e8;
}

.secTwelve .twelveRow .servicesColorOne .ServicesContent .primaryHeading {
	color: #000;
}

.secTwelve .twelveRow .servicesColorOne .ServicesContent .textBlock {
	color: var(--textBlock);
}

.secTwelve .twelveRow .ServicesMainTwo {
	background-color: #e9e8e8;
}

.secTwelve .twelveRow .ServicesMainTwo:hover {
	background-color: #dbd9d9;
}

.secTwelve .twelveRow .servicesColorTwo {
	background-color: #f3f3f3;
}

.secTwelve .twelveRow .servicesColorTwo {
	background-color: #eeeded;
}

.secTwelve .twelveRow .servicesColorTwo:hover .imgDiv:before {
	background-color: #dbd9d9;
}

.secTwelve .twelveRow .servicesColorTwo .imgDiv:before {
	background-color: #e9e8e8;
}

.secTwelve .twelveRow .servicesColorTwo .ServicesContent .primaryHeading {
	color: #000;
}

.secTwelve .twelveRow .servicesColorTwo .ServicesContent .textBlock {
	color: var(--textBlock);
}

.secTwelve .twelveRow .ServicesMainTwo .primaryHeading:after {
	background: var(--gradient) !important;
}

.secTwelve .twelveRow .ServicesMainOne .primaryHeading:after {
	background: var(--gradient) !important;
}

/********************* SECTION TWELVE CSS END ***********************/
/********************* SECTION THIRDTEEN CSS START ***********************/
.secCust {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: flex;
	align-items: center;
	padding: 20px 0;
	position: relative;
	margin-bottom: -120px;
	margin-top: -129px;
	width: 100%;
}

/********************* SECTION THIRDTEEN CSS END ***********************/

/********************* SECTION FOURTEEN	CSS START ***********************/
.secFourteen {
	background-color: #000;
	padding: 200px 0;

}

.secFourteen .primaryHeading {
	color: var(--White-color);
}

/********************* SECTION FOURTEEN CSS END ***********************/

/********************* SECTION FIVETEEN CSS START ***********************/
.secFiveteen .row .brand {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-evenly;
	padding: 50px 0;
}

/********************* SECTION FIVETEEN CSS END ***********************/

/********************* SECTION SIXTEEN CSS START ***********************/
.secSixteen {
	background-image: url(../images/contact-form.jpg);
	background-position: center;
	background-repeat: no-repeat;
	padding: 200px 0;
	height: 1140px;

}

/********************* SECTION SIXTEEN CSS END ***********************/

/********************* SECTION FOOTER CSS START ***********************/
.mainFooter {
	background-image: url(../images/footer-banner.png);
	background-position: center;
	background-repeat: no-repeat;
	padding: 100px 0 50px 0;
	background-size: 100% 100%;
}

.mainFooter .footerContent .imgDiv {
	padding: 30px 0;
}

.mainFooter .footerContent .textBlock {
	line-height: 27px;
	padding-right: 70px;
}

.mainFooter .footerContent .footerSocial {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 20px;
	padding: 25px 0px;
}

.mainFooter .footerContent .footerSocial .fbFav {
	padding: 7px 17px;
	border-radius: 100px;
	background: var(--gradient);
}

.mainFooter .footerContent .footerSocial .tweeterFav {
	padding: 7px 13px;
	border-radius: 100px;
	background: var(--gradient);
}

.mainFooter .footerContent .footerSocial .instaFav {
	padding: 7px 14px;
	border-radius: 100px;
	background: var(--gradient);
}

.mainFooter .footerRight {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.mainFooter .footerRight .footerRightContent .primaryHeading {
	font-size: 30px;
	color: #a70050;
	padding-bottom: 30px;
}

.mainFooter .footerRight ul {
	list-style: none;
}

.mainFooter .footerRight ul li {
	padding: 12px 0;
	width: 250px;
}

.mainFooter .footerRight ul li p {
	font-size: 14px;
	line-height: 1.2;
}

.mainFooter .footerRight ul li a {
	text-decoration: none;
	color: #000;
	font-weight: 400;
}

.mainFooter .footerRight ul li:hover a {
	letter-spacing: 1.5px;
	color: #a70050;
}

.mainFooter .footerRight ul .list1 {
	padding-left: 50px;
	position: relative;
}

.mainFooter .footerRight ul .list2 {
	padding-left: 50px;
	position: relative;
}

.mainFooter .footerRight ul .list3 {
	padding-left: 50px;
	position: relative;
}

.mainFooter .footerRight ul .list1:before {
	content: '';
	position: absolute;
	background-image: url(../images/location.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 35px;
	height: 35px;
	left: 0;
	bottom: 20px;
	top: 0;
	margin: auto 0;
}

.mainFooter .footerRight ul .list2:before {
	content: '';
	position: absolute;
	background-image: url(../images/emailf.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 35px;
	height: 35px;
	left: 0;
	bottom: 20px;
	top: 0;
	margin: auto 0;
}

.mainFooter .footerRight ul .list3:before {
	content: '';
	position: absolute;
	background-image: url(../images/phonecall.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 35px;
	height: 35px;
	left: 0;
	bottom: 20px;
	top: 0;
	margin: auto 0;
}

.lastFooter .copyRight {
	text-align: center;
}

.lastFooter {
	background: #a70050;
	padding: 15px 0 4px 0;
}

.lastFooter .copyRight .textBlock {
	color: #fff;
}

/********************* SECTION FOOTER CSS END ***********************/

/******************************** SECTION ONE SERVICES CSS START ********************************************/
.serviceSecOne {
	background: url(../images/services-imgs/servicesbg.png);
	position: relative;
	z-index: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom;
}

.serviceSecOne:before {
	content: '';
	position: absolute;
	background: url(../images/services-imgs/ser-cloudpng.png);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
}

.serviceSecOne .row {
	height: 550px;
	display: flex;
	align-items: center;
	flex-direction: row;
}

.serviceSecOne .pagination .breadcrumb {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 15px;
	font-size: 24px;
}

.serviceSecOne .pagination .breadcrumb li {
	list-style: none;
}

.serviceSecOne .pagination .breadcrumb li a {
	color: var(--primary-heading);
}

/* .serviceSecOne .pagination .breadcrumb .pagiArrow {
	position: relative;
}

.serviceSecOne .pagination .breadcrumb .pagiArrow:before {
	content: '';
	position: absolute;
	display: block;
	top: 4px;
	bottom: 0;
	left: 75px;
	right: 0;
	margin: 0 auto;
	background: url(../images/rightarrow.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 23px;
	width: 30px;
} */

.serviceSecOne .pagination .breadcrumb li span {
	color: var(--primary-heading);
	font-weight: 600;
}

.serviceSecOne .pageTile {
	text-align: center;
	margin-top: 15px;
}

.serviceSecOne .pagination {
	margin-top: 140px;
}

.serviceSecOne .pagination .primaryHeading {
	font-size: 70px;
	text-transform: uppercase;
}

/***************************** SECTION ONE SERVICES CSS END ****************************/

/************************ TH CSS **********************************/

/* Section Padding */
.sec-PD {
	padding: 30px 0;
}

/* Section Padding End */
/* SELECTORS */
/* .blocker-text {
	color: var(--textBlock);
	font-weight: 600;
	padding: 10px 0;
} */
.for-blog-parag-bold {
	font-weight: 900;
	color: #a60354;
}

/* .secondarySpan {
	font-family: 'CabinetGrotesk-Regular', 'sans-serif' !important;
	font-size: 32px;
	color: var(--primary-heading);
} */

.sec-typo {
	font-family: 'CabinetGrotesk-Regular', 'sans-serif' !important;
	font-size: 20px;
	color: var(--primary-heading);
}

.bold-Span {
	font-family: 'CabinetGrotesk-Regular', 'sans-serif' !important;
	font-size: 55px;
	font-weight: 900;
	color: var(--primary-heading);
}

/* SELECTORS END */

.main-title-page .banner-page-title h1 {
	text-align: center;
	text-transform: uppercase;
}

.serviceSecOne .pagination .breadcrumb li a:focus {
	color: var(--primaryspan);
	text-decoration: none;
	font-weight: 600;
}

.service-sec-three .list-sec-three ul li {
	color: var(--textBlock);
	/* font-family: 'CabinetGrotesk-Regular', 'sans-serif' !important; */
	list-style: none;
	position: relative;
	padding: 5px 5px 5px 34px;
	font-size: 16px;
	/* font-weight: 600; */
}

section.service-sec-three .list-sec-three ul li::before {
	content: '';
	position: absolute;
	width: 26px;
	height: 27px;
	top: 7px;
	left: 0;
	background-image: url(../images/tick.png);
	background-size: 25px;
	background-repeat: no-repeat;
}

.local-seo-ranking-content-two .primaryHeading {
	padding: 30px 0;
}

.secFive.avatar-local-business-sec {
	background-image: url(../images/services-imgs/service_avatar-bg.png);
	background-size: cover;
	background-position: center;
}

/* section.secFive.avatar-local-business-sec {
	padding: 0;
} */
/* 
section.secFive.avatar-local-business-sec .row {
	padding-top: 8vw;
} */

.service-sec-six .row.service-row-four .laptop-sec-bottom-heading {
	font-size: 32px;
	font-weight: 100;
	font-family: 'CabinetGrotesk-Regular', 'sans-serif' !important;
	/* width: clamp(50%, 78%, 100%); */
	margin: 50px 0;
}

.service-sec-six .service-row-six .avatar-slice img {
	width: 100%;
}

.service-sec-six .service-row-six .list-sec-six-parent {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.service-sec-six .service-row-six .list-sec-six-parent .list-sec-six-child ul li {
	list-style: none;
	color: var(--textBlock);
	font-family: 'CabinetGrotesk-Regular', 'sans-serif' !important;
	position: relative;
	padding: 10px 0 0 10px;
	font-size: 16px;
	font-weight: 500;
	margin-left: 25px;
}

.service-sec-six .service-row-six .list-sec-six-parent .list-sec-six-child ul li::before {
	content: '';
	position: absolute;
	width: 35px;
	height: 33px;
	top: 10px;
	left: -30px;
	background-image: url(../images/tick.png);
	background-size: 30px;
	background-repeat: no-repeat;
}

.service-row-six {
	background: #f4f5f7;
	border-radius: 10px;
	padding: 30px 0;

	display: flex;
	align-items: center;
	justify-content: center;
}

.digital-marketing-sec {
	background-image: url(../images/Group25.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	align-items: center;
	padding: 20px 0;
	position: relative;
	width: 100%;
	border-radius: 10px;
	z-index: 1;
}

.eight-section-blog-sec {
	/* position: initial; */
	margin: 50px 0;
	z-index: 0;
	padding-bottom: 0;
}

.eight-section-blog-sec .eight-row .eight-content .eight-parag {
	padding: 10px 0 0px 0;
	font-weight: 600;
}

.eight-section-blog-sec .eight-row .eight-content {
	padding: 30px 0;
}

.eight-section-blog-sec .eight-row .eight-content .bannerBtn {
	padding-top: 30px;
}

.service-sec-nine {
	background: #05202a;
	padding: 120px 0;
}

.service-sec-nine .nine-sec-row .big_part_avatar_content {
	font-size: 36px;
	font-weight: 900;
	font-family: 'CabinetGrotesk-Regular', 'sans-serif' !important;
	width: clamp(50%, 78%, 100%);
	color: var(--primaryspan);
}

.service-sec-nine h1,
.service-sec-nine p {
	color: var(--White-color);
	font-weight: 200;
}

.service-sec-nine .laptop-checklists-row .laptop-checklists-parent {
	display: flex;
}

.service-sec-nine .laptop-checklists-row .laptop-checklists-parent .laptop-checklists-child ul li {
	list-style: none;
	color: var(--White-color);
	font-family: 'CabinetGrotesk-Regular', 'sans-serif' !important;
	position: relative;
	padding: 7px 0 0 13px;
	font-size: 16px;
	margin-left: 25px;
}


.service-sec-nine .laptop-checklists-row .laptop-checklists-parent .laptop-checklists-child ul li::before {
	content: '';
	position: absolute;
	width: 35px;
	height: 32px;
	top: 8px;
	left: -30px;
	background-image: url(../images/tick.png);
	background-size: 28px;
	background-repeat: no-repeat;
	background-position: center;
}

.service-sec-nine .laptop-checklists-row .laptop-checklists-parent .laptop-checklists-child:nth-child(1) ul li:nth-child(4) {
	width: 70%;
}

.laptop-checklists img {
	width: 100%;
	height: 380px;
	object-fit: contain;
}

.laptop-checklists-row {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 30px 0;

}

.laptop-checklists-row:hover.laptop-checklists-row::before {
	border: 2px solid var(--primaryspan);
	border-radius: 50px;
	width: 70%;
	transform: rotateY(180deg);
	box-shadow: 0 0 50px 0px var(--primaryspan);
	background: rgb(210 10 108 / 38%);
}

.laptop-checklists-row::before {
	content: '';
	position: absolute;
	width: 76%;
	height: 338px;
	right: 0;
	border: 1px solid #fff;
	top: 14px;
	transition: .7s ease-in-out all;
}

.section-services-ten {
	position: relative;
}

.section-services-ten::before {
	content: '';
	position: absolute;
	width: 360px;
	height: 5px;
	top: 0;
	left: 0;
	background: hsl(330.88deg 95.33% 41.96%);
	animation: bottom1 18s linear infinite;
}

.section-services-ten::after {
	content: '';
	position: absolute;
	width: 360px;
	height: 5px;
	top: 0;
	right: 0;
	background: hsl(330.88deg 95.33% 41.96%);
	animation: bottom2 18s linear infinite;
}

.sec-eleven {
	margin-bottom: unset;
}

.sec-twelve .row-twelve .twelve-sec-bottom-heading,
.sec-thirteen .row-thireen .thirteen-sec-bottom-heading {
	font-size: 22px;
	font-weight: 600;
	font-family: 'CabinetGrotesk-Regular', 'sans-serif' !important;
	line-height: 32px;
}

.sec-thirteen {
	background: #f4f5f7;
}

.sec-thirteen .mouse-checklists-img img {
	mix-blend-mode: multiply;
	animation: heart-beat 3s ease-in-out infinite;
}

.sec-thirteen .mouse-checklists-parent {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.sec-thirteen .mouse-checklists-parent .mouse-checklists-child ul li {
	list-style: none;
	font-family: 'CabinetGrotesk-Regular', 'sans-serif' !important;
	position: relative;
	padding: 7px 12px;
	font-size: 16px;
	color: var(--textBlock);
	font-weight: 500;
	margin-left: 25px;
}

.sec-thirteen .mouse-checklists-parent .mouse-checklists-child ul li::before {
	content: '';
	position: absolute;
	width: 35px;
	height: 32px;
	top: 6px;
	left: -25px;
	background-image: url(../images/tick.png);
	background-size: 28px;
	background-repeat: no-repeat;
	background-position: center;
}

.sec-thirteen .mouse-checklists-row {
	display: flex;
	align-items: center;
	justify-content: center;
}

.sec-thirteen .secThreeContent {
	text-align: center;
}

.sec-thirteen .secThreeContent .textBlock {
	width: 70%;
	margin: auto;
}

.sec-fourteen .sec-fourteen-content {
	width: 70%;
	margin: auto;
}

.sec-fourteen .sec-fourteen-row .primaryHeading {
	width: 90%;
	margin: auto;
	height: 70px;
}

.sec-fifteen {
	background: #f3f3f3;
}

.sec-fifteen .brand-logo-row .brand-logo {
	flex-wrap: nowrap;
}

.sec-fifteen .brand-logo-row .brand-logo a img {
	transition: .2s ease-in-out all;
}

.sec-fifteen .brand-logo-row .brand-logo a img:hover {
	filter: drop-shadow(0px 0px 5px var(--primaryspan));
	transform: translateY(10px);
	scale: 95%;
}

/************************ TH CSS END **********************************/

/***************************** ABOUT CSS START ****************************/
.service-sec-two .row {
	display: flex;
	align-items: center;
}

.secAboutSeven {
	margin: 0;
}

/***************************** ABOUT CSS END ****************************/

/***************************** CONTACT CSS START ****************************/
.contactOne .phoneDiv {
	display: flex;
	align-items: center;
	border: 1px solid #d2d2d2;
	border-radius: 10px;
	padding: 15px;
}

.contactOne .phoneDiv .imgDiv img {
	width: 100px;
}

.contactOne .phoneDiv .ContentInfo {
	line-height: 15px;
	font-size: 20px;
	padding-left: 15px;
	text-decoration: none;
}

.contactOne .phoneDiv .ContentInfo .textBlock {
	font-size: 20px;
	margin-bottom: 5px;
}

.contactOne .phoneDiv .ContentInfo .priSpanX {
	color: #d10468;
}

/***************************** CONTACT CSS END ****************************/
/************************ CUSTOM CSS END **********************************/