@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Fredericka+the+Great&display=swap);
::selection {

	background: #e28f26;

	color: #fff;

	text-shadow: none

}



::-webkit-scrollbar {

	width: 5px;

	background-color: #f5f5f5

}



::-webkit-scrollbar-button:end:increment, ::-webkit-scrollbar-button:start:decrement {

	display: none

}



::-webkit-scrollbar-track-piece {

	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

	background-color: #fff

}



::-webkit-scrollbar-thumb:vertical {

	border-radius: 10px;

	background-color: #e28f26

}



[class^=box-] {

	display: none

}



[class^=box-].showfirst {

	display: block

}



html {

	scroll-behavior: smooth

}



body {

	font-family: Poppins;

	overflow-x: hidden;

	font-size: 16px;

	line-height: 1;

	color: #000

}



h1, h2, h3, h4, h5, h6 {

	display: block;

	font-weight: 400

}



*, :focus, :hover {

	outline: 0 !important

}



img {

	max-width: 100%;

	height: auto

}



a, input[type=submit] {

	-webkit-transition: all .4s ease-In-out;

	-moz-transition: all .4s ease-In-out;

	-o-transition: all .4s ease-In-out;

	transition: all .4s ease-In-out;

	display: inline-block;

	cursor: pointer

}



a:hover {

	color: #e18e25

}



span {

	display: inline-block

}



button, input[type], select, textarea {

	background: 0 0;

	border: none;

	border-radius: 0;

	font-family: Poppins;

	font-weight: 400

}



::-webkit-input-placeholder {

	color: #a3a3a3;

	font-weight: 400

}



::-moz-placeholder {

	color: #a3a3a3;

	font-weight: 400

}



:-ms-input-placeholder {

	color: #a3a3a3;

	font-weight: 400

}



:-moz-placeholder {

	color: #a3a3a3;

	font-weight: 400

}



.slick-list {

	margin: 0 -15px

}



.slick-slide {

	margin: 0 15px

}



.slick-dots {

	padding: 50px 0 0;

	text-align: center

}



.slick-dots li {

	margin: 0 20px 0 0;

	width: auto;

	display: block;

	vertical-align: middle;

	padding: 0;

	border: none

}



.slick-dots li button:before {

	color: #fff;

	opacity: 1;

	font-size: 20px

}



.slick-dots li button {

	height: 8px;

	width: 8px;

	border-radius: 50%;

	padding: 0;

	background: #d6d6d6;

	border: none;

	cursor: pointer;

	font-size: 0px;

	padding: 0;

	-webkit-transition: all .4s ease-In-out;

	-moz-transition: all .4s ease-In-out;

	-o-transition: all .4s ease-In-out;

	transition: all .4s ease-In-out;

	box-sizing: border-box

}



.slick-dots li.slick-active button {

	background: #e70000;

	width: 11px;

	height: 11px

}



.menu-Bar {

	width: 30px;

	height: 20px;

	cursor: pointer;

	position: absolute;

	right: 15px;

	top: 0;

	bottom: 0;

	margin: auto;

	z-index: 22;

	display: none

}



.menu-Bar span {

	display: block;

	height: 4px;

	width: 100%;

	background: #0f4c97;

	position: absolute;

	transition: .6s all;

	border-radius: 100px

}



.menu-Bar span:nth-child(1) {

	top: 0

}



.menu-Bar span:nth-child(2) {

	top: 8px;

	transform-origin: left

}



.menu-Bar span:nth-child(3) {

	top: 16px

}



.menu-Bar.open span {

	background: #b70404

}



.menu-Bar.open span:nth-child(1) {

	transform: rotate(45deg);

	top: 12px;

	transform-origin: right-center

}



.menu-Bar.open span:nth-child(2) {

	width: 0;

	opacity: 0

}



.menu-Bar.open span:nth-child(3) {

	transform: rotate(-45deg);

	top: 12px;

	transform-origin: right-center

}



@media (max-width:1200px) {

	img {

		max-width: 100%;

		height: auto

	}



	.menu-Bar {

		display: block;

		top: 0

	}



	.menuWrap.open {

		display: flex;

		left: 0

	}



	.menuWrap {

		position: fixed;

		left: -210%;

		right: 0;

		top: 0;

		bottom: 0;

		margin: auto;

		background: #0f4c97;

		height: 100vh;

		display: flex;

		align-items: center;

		justify-content: center;

		flex-flow: column;

		transition: all .4s ease;

		z-index: 3;

		width: 100vw

	}



	ul.menu li {

		display: block

	}



	ul.menu li a {

		margin-bottom: 10px;

		padding: 0;

		display: block;

		text-align: center;

		margin-bottom: 15px;

		padding-right: 0;

		margin-right: 0;

		color: #fff;

		font-size: 15px;

		text-transform: capitalize

	}



	.logo img {

		max-width: 50%

	}



	.container {

		position: relative

	}



	header .main-header ul.menu>li {

		display: block;

		margin: 0;

		padding: 0

	}



	header .main-header ul.menu>li a {

		color: #fff

	}



	header .main-header ul.menu>li a:before {

		display: none

	}



}



h2.main-title {

	color: #000;

	font-size: 36px;

	font-weight: 800;

	line-height: 42px;

	font-weight: 400

}



h2.main-title span {

	color: #e63c3f;

	font-weight: 700;

	font-size: 45px;

	display: contents

}

h1.main-title {

	color: #000;

	font-size: 36px;

	font-weight: 800;

	line-height: 42px;

	font-weight: 400

}



h1.main-title span {

	color: #e63c3f;

	font-weight: 700;

	font-size: 45px;

	display: contents

}



.after_main_sub_heading {

	font-size: 16px;

	line-height: 26px

}



.red-chat {

	background: #e70000;

	padding: 13px 30px;

	display: inline-block;

	font-size: 17px;

	font-weight: 700;

	box-shadow: 0 3px 0 0 #630001;

	color: #fff;

	border-radius: 5px;

	text-decoration: none

}



.btn-white {

	background: #fff;

	padding: 13px 30px;

	display: inline-block;

	font-size: 17px;

	font-weight: 700;

	box-shadow: 0 3px 0 0 #dcd9d9;

	color: #e70000;

	border-radius: 5px;

	text-decoration: none

}



.top-bar {

	background: #e3e9eb;

	color: #fff;

	font-size: 13px;

	line-height: 13px;

	font-weight: 400;

	overflow: hidden;

	padding: 12px 0 7px

}



.top-bar ul.top-bar-ul li {

	float: left;

	position: relative;

	padding-right: 30px;

	margin-right: 30px;

	border-right: 1px solid #e03300

}



.top-bar ul.top-bar-ul li:last-child {

	border-right: none

}



.top-bar ul.top-bar-ul li a {

	color: #000;

	display: block

}



.top-bar ul.top-bar-ul {

	float: right;

	list-style: none;

	margin-bottom: 0

}



.top-bar ul.top-bar-ul .fa:before {

	padding-right: 10px;

	color: #17202c

}



header {

	background: #fff

}



.header-main {

	padding: 3px 0 0;

	top: 0;

	z-index: 9999;

	background: #fff

}



.sticky-element {

	background: #ffff;

	box-shadow: 0 4px 27.84px 1.16px rgb(0 0 0 / 13%)

}



.sticky-element .logo {

	width: 150px

}



.sticky-element .navbar-default .navbar-nav>li>a {

	min-height: 20px;

	padding: 10px 5px 10px

}



.sticky-element .red-chat {

	padding: 2px 21px !important;

	font-size: 15px !important;

	margin-top: 6px !important

}



.navbar-default {

	background-color: transparent;

	border-color: transparent

}



.navbar-default .navbar-nav>li>a {

	color: #3d3d3d;

	font-size: 17px;

	line-height: 30px;

	min-height: 70px;

	position: relative;

	display: block;

	padding: 16px 5px 20px;

	margin: 0 25px;

	text-decoration: none

}



.nav>li>a {

	position: relative;

	display: block;

	padding: 16px 5px 20px;

	margin: 0 30px

}



.navbar-brand {

	padding: 10px 40px;

	margin-bottom: 0

}



.navbar {

	margin-bottom: 0;

	padding: 0

}



.slider {

	margin-top: 0

}



a.largeredbtn.popup_open {

	line-height: 56px !important;

	padding: 22px 60px 22px 30px !important

}



.tp-caption.tp-fade.fadeout.rs-parallaxlevel-0.fun-img-main.start {

	top: 40px !important;

	left: 100px !important

}



ul.navbar-nav li.dropdown:hover .dropdown-menu {

	display: block

}



.dropdown, li.dropdown {

	position: static

}



.services-inner h4 {

	text-align: center;

	font-size: 14px;

	line-height: 24px;

	text-transform: uppercase;

	color: #000;

	font-weight: 600;

	letter-spacing: .2px

}



.services-inner img {

	display: table;

	margin: 0 auto 15px;

	max-width: 100%

}



.services-inner:hover img {

	box-shadow: 0 0 18px 1px #616161

}



ul.dropdown-menu li:hover h4 {

	color: #f4352e

}



.slider {

	margin-top: 0

}



.trust_icons_new {

	padding: 40px 0 28px 0;

	float: left;

	width: 100%;

	background: #fff;

	text-align: center;

	margin: 0

}



.trust_icons_new h3 {

	color: #000;

	font-size: 23px;

	line-height: 17px;

	text-align: center;

	font-weight: 300;

	margin: 0 0 27px 0

}



.trust_icons_new img {

	text-align: center;

	margin: 0 20px 17px 20px

}



.client-img-new-one {

	width: 210px

}



.client-img-new-two {

	width: 200px

}



.client-img-new-six {

	width: 161px

}



.client-img-new-four {

	width: 100px

}



.client-img-new-five {

	width: 188px

}



.client-img-new-seven {

	width: 91px

}



.why-explainer {

	padding: 50px 0

}



.why-explainer .main-title {

	margin-bottom: 30px;

	text-align: center

}



.why-explainer h3 {

	color: #00abfa;

	font-size: 21px;

	font-weight: 400;

	margin: 15px 0

}



.why-explainer h5 {

	margin: 0 0 30px 0

}



.why-explainer p {

	color: #000;

	font-size: 13px;

	line-height: 19px

}



.why-explainer-boxes svg {

	width: 140px

}



.why-explainer-boxes a {

	color: #000;

	font-size: 12.56px;

	box-shadow: 0 0 51px 0 rgb(0 0 0 / 6%);

	padding: 13px 30px;

	margin: 12px 0 0;

	border-radius: 50px;

	text-decoration: none

}



.why-box {

	padding: 20px 11px

}



.why-box:hover {

	box-shadow: 0 0 51px 0 rgba(0, 0, 0, .06)

}



.check_one:hover #efqbt3uvln2i20 {

	animation: efqbt3uvln2i20_c_o 3s linear infinite normal forwards

}



@keyframes efqbt3uvln2i20_c_o {

	0% {

		opacity: 1

	}



	3.333333% {

		opacity: 0

	}



	100% {

		opacity: 0

	}



}



.check_one:hover #efqbt3uvln2i77_tr {

	animation: efqbt3uvln2i77_tr__tr 3s linear infinite normal forwards

}



@keyframes efqbt3uvln2i77_tr__tr {

	0% {

		transform: translate(280px, 157.163279px) rotate(-360deg)

	}



	3.333333% {

		transform: translate(280px, 157.163279px) rotate(-360deg)

	}



	100% {

		transform: translate(280px, 157.163279px) rotate(0)

	}



}



.check_one:hover #efqbt3uvln2i79_tr {

	animation: efqbt3uvln2i79_tr__tr 3s linear infinite normal forwards

}



@keyframes efqbt3uvln2i79_tr__tr {

	0% {

		transform: translate(742.155556px, 157.349754px) rotate(0)

	}



	3.333333% {

		transform: translate(742.155556px, 157.349754px) rotate(0)

	}



	100% {

		transform: translate(742.155556px, 157.349754px) rotate(270deg)

	}



}



.check_one:hover #efqbt3uvln2i81_to {

	animation: efqbt3uvln2i81_to__to 3s linear infinite normal forwards

}



@keyframes efqbt3uvln2i81_to__to {

	0% {

		transform: translate(-40px, 0)

	}



	26.666667% {

		transform: translate(-40px, 0)

	}



	50% {

		transform: translate(0, 0)

	}



	100% {

		transform: translate(0, 0)

	}



}



.check_one:hover #efqbt3uvln2i81 {

	animation: efqbt3uvln2i81_c_o 3s linear infinite normal forwards

}



@keyframes efqbt3uvln2i81_c_o {

	0% {

		opacity: 0

	}



	26.666667% {

		opacity: 0

	}



	50% {

		opacity: 1

	}



	100% {

		opacity: 1

	}



}



.check_one:hover #efqbt3uvln2i87_ts {

	animation: efqbt3uvln2i87_ts__ts 3s linear infinite normal forwards

}



@keyframes efqbt3uvln2i87_ts__ts {

	0% {

		transform: translate(244px, 747.205624px) scale(1, -.001924)

	}



	16.666667% {

		transform: translate(244px, 747.205624px) scale(1, -.001924)

	}



	33.333333% {

		transform: translate(244px, 747.205624px) scale(1, 1)

	}



	100% {

		transform: translate(244px, 747.205624px) scale(1, 1)

	}



}



.check_one:hover #efqbt3uvln2i93_ts {

	animation: efqbt3uvln2i93_ts__ts 3s linear infinite normal forwards

}



@keyframes efqbt3uvln2i93_ts__ts {

	0% {

		transform: translate(378px, 748.146274px) scale(1, .003740)

	}



	13.333333% {

		transform: translate(378px, 748.146274px) scale(1, .003740)

	}



	30% {

		transform: translate(378px, 748.146274px) scale(1, 1)

	}



	100% {

		transform: translate(378px, 748.146274px) scale(1, 1)

	}



}



.check_one:hover #efqbt3uvln2i99_ts {

	animation: efqbt3uvln2i99_ts__ts 3s linear infinite normal forwards

}



@keyframes efqbt3uvln2i99_ts__ts {

	0% {

		transform: translate(512.5px, 748.146274px) scale(1, .004153)

	}



	10% {

		transform: translate(512.5px, 748.146274px) scale(1, .004153)

	}



	26.666667% {

		transform: translate(512.5px, 748.146274px) scale(1, 1)

	}



	100% {

		transform: translate(512.5px, 748.146274px) scale(1, 1)

	}



}



.check_one:hover #efqbt3uvln2i105_ts {

	animation: efqbt3uvln2i105_ts__ts 3s linear infinite normal forwards

}



@keyframes efqbt3uvln2i105_ts__ts {

	0% {

		transform: translate(646px, 748.146274px) scale(1, .003224)

	}



	6.666667% {

		transform: translate(646px, 748.146274px) scale(1, .003224)

	}



	23.333333% {

		transform: translate(646px, 748.146274px) scale(1, 1)

	}



	100% {

		transform: translate(646px, 748.146274px) scale(1, 1)

	}



}



.check_one:hover #efqbt3uvln2i111_ts {

	animation: efqbt3uvln2i111_ts__ts 3s linear infinite normal forwards

}



@keyframes efqbt3uvln2i111_ts__ts {

	0% {

		transform: translate(784.643232px, 744.876337px) scale(1, -.011319)

	}



	3.333333% {

		transform: translate(784.643232px, 744.876337px) scale(1, -.011319)

	}



	20% {

		transform: translate(784.643232px, 744.876337px) scale(1, 1)

	}



	100% {

		transform: translate(784.643232px, 744.876337px) scale(1, 1)

	}



}



.check_one:hover #efqbt3uvln2i119_tr {

	animation: efqbt3uvln2i119_tr__tr 3s linear infinite normal forwards

}



@keyframes efqbt3uvln2i119_tr__tr {

	0% {

		transform: translate(510.914197px, 222.800261px) rotate(0)

	}



	3.333333% {

		transform: translate(510.914197px, 222.800261px) rotate(0)

	}



	100% {

		transform: translate(510.914197px, 222.800261px) rotate(269.585297deg)

	}



}



#ey2dfvas4371 {

	pointer-events: all

}



.check_one:hover #ey2dfvas43735_tr {

	animation: ey2dfvas43735_tr__tr 2.1s linear infinite normal forwards

}



@keyframes ey2dfvas43735_tr__tr {

	0% {

		transform: translate(335.099976px, 86.425px) rotate(0)

	}



	4.761905% {

		transform: translate(335.099976px, 86.425px) rotate(0)

	}



	100% {

		transform: translate(335.099976px, 86.425px) rotate(720deg)

	}



}



.check_one:hover #ey2dfvas43737_tr {

	animation: ey2dfvas43737_tr__tr 2.1s linear infinite normal forwards

}



@keyframes ey2dfvas43737_tr__tr {

	0% {

		transform: translate(688.050990px, 86.3px) rotate(1440deg)

	}



	4.761905% {

		transform: translate(688.050990px, 86.3px) rotate(1440deg)

	}



	100% {

		transform: translate(688.050990px, 86.3px) rotate(0)

	}



}



.check_one:hover #ey2dfvas43739_to {

	animation: ey2dfvas43739_to__to 2.1s linear infinite normal forwards

}



@keyframes ey2dfvas43739_to__to {

	0% {

		transform: translate(0, -80px)

	}



	4.761905% {

		transform: translate(0, -80px);

		animation-timing-function: cubic-bezier(0.420000, 0, 0.580000, 1)

	}



	23.809524% {

		transform: translate(0, 0);

		animation-timing-function: cubic-bezier(0.420000, 0, 0.580000, 1)

	}



	42.857143% {

		transform: translate(0, -80px);

		animation-timing-function: cubic-bezier(0.420000, 0, 0.580000, 1)

	}



	61.904762% {

		transform: translate(0, 0)

	}



	100% {

		transform: translate(0, 0)

	}



}



.check_one:hover #ey2dfvas43739 {

	animation: ey2dfvas43739_c_o 2.1s linear infinite normal forwards

}



@keyframes ey2dfvas43739_c_o {

	0% {

		opacity: 0

	}



	4.761905% {

		opacity: 0

	}



	33.333333% {

		opacity: 1

	}



	100% {

		opacity: 1

	}



}



.check_one:hover #ey2dfvas43743_to {

	animation: ey2dfvas43743_to__to 2.1s linear infinite normal forwards

}



@keyframes ey2dfvas43743_to__to {

	0% {

		transform: translate(0, 80px)

	}



	33.333333% {

		transform: translate(0, 80px)

	}



	47.619048% {

		transform: translate(0, 0)

	}



	100% {

		transform: translate(0, 0)

	}



}



.check_one:hover #ey2dfvas43744_to {

	animation: ey2dfvas43744_to__to 2.1s linear infinite normal forwards

}



@keyframes ey2dfvas43744_to__to {

	0% {

		transform: translate(0, 40px)

	}



	33.333333% {

		transform: translate(0, 40px)

	}



	47.619048% {

		transform: translate(0, 0)

	}



	100% {

		transform: translate(0, 0)

	}



}



.check_one:hover #ey2dfvas43745_to {

	animation: ey2dfvas43745_to__to 2.1s linear infinite normal forwards

}



@keyframes ey2dfvas43745_to__to {

	0% {

		transform: translate(0, 40px)

	}



	33.333333% {

		transform: translate(0, 40px)

	}



	47.619048% {

		transform: translate(0, 0)

	}



	100% {

		transform: translate(0, 0)

	}



}



.check_one:hover #ey2dfvas43746_to {

	animation: ey2dfvas43746_to__to 2.1s linear infinite normal forwards

}



@keyframes ey2dfvas43746_to__to {

	0% {

		transform: translate(0, 80px)

	}



	33.333333% {

		transform: translate(0, 80px)

	}



	47.619048% {

		transform: translate(0, 0)

	}



	100% {

		transform: translate(0, 0)

	}



}



.check_one:hover #ey2dfvas43753 {

	animation: ey2dfvas43753_c_o 2.1s linear infinite normal forwards

}



@keyframes ey2dfvas43753_c_o {

	0% {

		opacity: 1

	}



	4.761905% {

		opacity: 0

	}



	100% {

		opacity: 0

	}



}



#e6lm2edb5jd1 {

	pointer-events: all

}



.check_one:hover #e6lm2edb5jd2_ts {

	animation: e6lm2edb5jd2_ts__ts 2.1s linear infinite normal forwards

}



@keyframes e6lm2edb5jd2_ts__ts {

	0% {

		transform: translate(511px, 493.5px) scale(1, 1)

	}



	38.095238% {

		transform: translate(511px, 493.5px) scale(1, 1);

		animation-timing-function: cubic-bezier(0.420000, 0, 0.580000, 1)

	}



	57.142857% {

		transform: translate(511px, 493.5px) scale(1.218341, 1.218341);

		animation-timing-function: cubic-bezier(0.420000, 0, 0.580000, 1)

	}



	76.190476% {

		transform: translate(511px, 493.5px) scale(1, 1)

	}



	100% {

		transform: translate(511px, 493.5px) scale(1, 1)

	}



}



.check_one:hover #e6lm2edb5jd7_to {

	animation: e6lm2edb5jd7_to__to 2.1s linear infinite normal forwards

}



@keyframes e6lm2edb5jd7_to__to {

	0% {

		transform: translate(266.43595px, 763.147068px)

	}



	4.761905% {

		transform: translate(266.43595px, 763.147068px)

	}



	33.333333% {

		transform: translate(466.43595px, 763.147068px)

	}



	100% {

		transform: translate(466.43595px, 763.147068px)

	}



}



.check_one:hover #e6lm2edb5jd7 {

	animation: e6lm2edb5jd7_c_o 2.1s linear infinite normal forwards

}



@keyframes e6lm2edb5jd7_c_o {

	0% {

		opacity: 0

	}



	4.761905% {

		opacity: 0

	}



	14.285714% {

		opacity: 1

	}



	100% {

		opacity: 1

	}



}



.check_one:hover #e6lm2edb5jd15_tr {

	animation: e6lm2edb5jd15_tr__tr 2.1s linear infinite normal forwards

}



@keyframes e6lm2edb5jd15_tr__tr {

	0% {

		transform: translate(269px, 167.925526px) rotate(720deg)

	}



	4.761905% {

		transform: translate(269px, 167.925526px) rotate(720deg)

	}



	100% {

		transform: translate(269px, 167.925526px) rotate(0)

	}



}



.check_one:hover #e6lm2edb5jd17_tr {

	animation: e6lm2edb5jd17_tr__tr 2.1s linear infinite normal forwards

}



@keyframes e6lm2edb5jd17_tr__tr {

	0% {

		transform: translate(754.818955px, 167.925526px) rotate(1440deg)

	}



	4.761905% {

		transform: translate(754.818955px, 167.925526px) rotate(1440deg)

	}



	100% {

		transform: translate(754.818955px, 167.925526px) rotate(0)

	}



}



.check_one:hover #e6lm2edb5jd19_tr {

	animation: e6lm2edb5jd19_tr__tr 2.1s linear infinite normal forwards

}



@keyframes e6lm2edb5jd19_tr__tr {

	0% {

		transform: translate(511px, 86.351074px) rotate(2160deg)

	}



	4.761905% {

		transform: translate(511px, 86.351074px) rotate(2160deg)

	}



	100% {

		transform: translate(511px, 86.351074px) rotate(0)

	}



}



.check_one:hover #e6lm2edb5jd21 {

	animation: e6lm2edb5jd21_c_o 2.1s linear infinite normal forwards

}



@keyframes e6lm2edb5jd21_c_o {

	0% {

		opacity: 1

	}



	4.761905% {

		opacity: 0

	}



	100% {

		opacity: 0

	}



}



.cta_one {

	background-image: url(../images/cta-one-bg.webp);

	width: 100%;

	position: relative;

	z-index: 0;

	padding: 60px 0;

	text-align: center

}



.cta_one h2 {

	color: #fff;

	font-size: 38px;

	line-height: 48px;

	font-weight: 300;

	float: left;

	width: 100%;

	text-align: center;

	margin: 0

}



.cta_one h3 {

	color: #fff;

	font-size: 32px;

	text-transform: capitalize;

	font-weight: 600;

	letter-spacing: 0;

	margin-bottom: 0;

	float: left;

	width: 100%;

	margin: 0

}



.cta_one p {

	color: #fff;

	font-size: 18px;

	margin-top: 0;

	text-shadow: #000 0 0 5px;

	width: 60%;

	margin: 0 auto;

	line-height: 32px;

	margin-bottom: 20px

}



.cta_one p {

	color: #fff;

	font-size: 18px;

	margin-top: 0;

	width: 60%;

	margin: 0 auto;

	line-height: 32px;

	margin-bottom: 20px

}



.cta_one a {

	margin: 0 5px

}



.types_of_videos {

	padding: 50px 0

}



.types_of_videos .main-title {

	margin-bottom: 26px

}



.types_of_videos h5 {

	color: #000

}



.video_process_v {

	padding: 30px 0 0 0;

	margin: 0 auto;

	position: relative

}



#replayButton {

	border-radius: 100px;

	border: 2px solid #0f0c0d !important;

	height: 50px;

	position: absolute;

	width: 50px;

	margin: auto;

	top: 50px;

	right: -10%;

	left: auto;

	cursor: pointer;

	display: block;

	opacity: .95;

	transition: opacity 150ms;

	box-shadow: 0 0 7px 2px rgb(255 255 255 / 33%)

}



#replayButton i {

	color: #000;

	position: absolute;

	left: 0;

	right: 0;

	margin: auto;

	top: 11px;

	font-size: 25px

}



.midAreaSlider_case_studies .slide-image {

	width: 100%

}



.midAreaSlider_case_studies .item {

	position: relative

}



.slide-text {

	position: absolute;

	z-index: 999999999;

	top: 0;

	left: 0;

	bottom: 0;

	right: 0;

	margin: auto;

	height: max-content;

	padding: 0 100px

}



.slide-text h3 {

	margin: 0 0 40px;

	font-size: 18px;

	color: #fff

}



.slide-text img {

	margin: 0 0 40px

}



.slide-text p {

	padding: 0;

	font-size: 20px;

	line-height: 24px;

	font-weight: 300;

	margin-bottom: 40px;

	letter-spacing: 1px;

	animation-delay: 1.1s;

	color: #fff

}



.slide-text a.btn {

	background: #f4352d;

	border: none;

	color: #fff;

	font-weight: 700;

	font-size: 16px;

	padding: 15px 20px;

	margin: 0;

	width: 250px

}



.left_right_flex {

	display: flex;

	align-content: center;

	align-items: center;

	margin: 0 0 40px 0

}



.left_right_flex img {

	margin: 0

}



.left_right_flex h2 {

	padding: 0;

	color: #fff;

	font-size: 41px;

	font-style: normal;

	line-height: 1;

	letter-spacing: 1px;

	font-family: Poppins, sans-serif;

	font-weight: 700;

	text-transform: uppercase;

	width: 100%;

	margin: 0 0 0 30px

}



.slide-text .red-chat:hover {

	background: #fff;

	color: #e70000;

	border-radius: 5px;

	box-shadow: 0 3px 0 0 #dcd9d9

}



.cta_two {

	margin: -5px 0 0 0

}



.content_are_home {

	background: #f4f4f4;

	padding: 110px 130px 50px 130px;

	position: relative

}



.video_content_area h2 {

	margin: 0 0 26px 0

}



.video_content_area p {

	color: #000;

	font-size: 16px;

	line-height: 25px

}



.video_content_area h4 {

	font-weight: 700;

	font-style: italic;

	margin: 0 0 12px 0

}



.conten_hidden_trigger_btn {

	width: 400px;

	background: #f4352e;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	margin: auto;

	border-radius: 0 0 70px 70px

}



.conten_hidden_trigger_btn h6 {

	color: #ffff;

	padding: 14px 0;

	text-align: center;

	cursor: pointer;

	position: relative

}



.content_are_home_img {

	position: relative;

	overflow: hidden;

	display: flex;

	align-items: center;

	height: 100%

}



.content_are_home_img img {

	position: absolute;

	top: -1px;

	left: -1px;

	right: -1px;

	bottom: -1px;

	object-fit: cover;

	height: calc(100% + 2px);

	width: calc(100% + 2px);

	max-width: none

}



.arrow_hide_show {

	background: #f4352e;

	width: 30px;

	height: 30px;

	position: absolute;

	transform: rotate(60deg);

	left: 0;

	right: 0;

	bottom: -14px;

	margin: 0 auto;

	clip-path: polygon(50% 0%, 0% 100%, 100% 100%)

}



.inner-banner-types {

	background-size: cover !important;

	background-repeat: no-repeat !important;

	min-height: 586px;

	display: flex;

	align-items: center;

	float: left;

	width: 100%;

	background-position: center !important

}



.inner-banner-head h1 {

	color: #fff;

	font-size: 40px;

	font-weight: 700;

	line-height: 51px

}



.inner-banner-head p {

	color: #fff;

	font-size: 16px;

	line-height: 25px;

	padding: 20px 0

}



.cta-btn {

	display: flex;

	align-items: center

}



a:hover {

	text-decoration: none

}



ul.cta-btn li:nth-child(1) a {

	margin: 0 15px 0 0

}



.folio-sec {

	padding: 50px 0 0;

	font-size: 0;

	background: #f4f4f4

}



.folio-sec-head h2 {

	text-align: center

}



.folio-tabs {

	display: flex;

	align-items: center;

	/* justify-content: space-around; */

	margin: 50px 0 50px 0;

	padding: 0 0 15px 0;

	border-bottom: 1px solid #000

}



.folio-tabs li {

	color: #000;

	font-size: 14px;

	font-weight: 400;

	padding: 10px 15px;

	border-radius: 6px;

	cursor: pointer

}



.pad-zero {

	padding: 0

}



.folio-box {

	position: relative;

	transition: .5s

}



.folio-box-inner {

	position: absolute;

	top: 0;

	right: 0;

	left: 0;

	margin: auto;

	bottom: 0;

	display: flex;

	align-items: center;

	justify-content: center;

	background-color: rgb(244 53 46 / 80%);

	box-shadow: 0 10px 46px 0 rgba(0, 0, 0, .004);

	opacity: 0;

	transition: .5s

}



.folio-box-inner img {

	width: auto !important

}



.folio-box img {

	width: 100%

}



.folio-box:hover .folio-box-inner {

	opacity: 1

}



.folio-box:hover {

	transform: scale(1.05);

	z-index: 1

}



.folio-tabs li.active {

	background: #f4352e;

	color: #fff !important

}



.benefit-sec {

	background: #111;

	padding: 70px 0 50px 0

}



.benefit-box-main {

	background: #ffeddc;

	border-radius: 6px;

	font-size: 0;

	opacity: 0

}



.benefit-box-head h3 span {

	color: #000;

	font-size: 30px;

	font-weight: 400;

	display: contents

}



.benefit-box-head h3 {

	color: #000;

	font-size: 40px;

	font-weight: 700;

	padding: 0 0 20px 0;

	line-height: 45px;

	text-transform: capitalize

}



.benefit-box-head p {

	font-size: 15px;

	line-height: 22px;

	color: #000

}



.benefit-box-head p strong {

	font-weight: bolder

}



.benfiits-box-list li {

	float: left;

	width: 100%;

	position: relative;

	z-index: 9999999999;

	font-size: 15px;

	line-height: 22px;

	color: #000;

	display: flex

}



.benfiits-box-list li i {

	margin: 7px 11px 0 0

}



.benefit-box-head {

	padding: 35px 0 0 60px

}



.benefit-img img {

	max-width: fit-content

}



.benefit-box-head a {

	margin: 22px 0 0 0

}



.benefit-sec .slick-arrow {

	font-size: 0;

	position: absolute;

	cursor: pointer;

	z-index: 1

}



.benefit-sec .slick-arrow:before {

	font-family: FontAwesome;

	font-size: 40px;

	font-weight: 700;

	color: #fff;

	line-height: 58px;

	transition: .5s

}



.benefit-sec .slick-prev {

	top: 0;

	margin: auto;

	bottom: 0;

	left: -110px;

	width: 58px;

	height: 58px;

	border: 1px solid #fff;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center

}



.benefit-sec .slick-prev:before {

	content: "\f104"

}



.benefit-sec .slick-next {

	right: -190px;

	top: 0;

	margin: auto;

	bottom: 0;

	width: 58px;

	height: 58px;

	border: 1px solid #fff;

	border-radius: 50%;

	display: flex;

	align-items: center;

	justify-content: center

}



.benefit-sec .slick-next:before {

	content: "\f105"

}



.success-head h2 {

	text-align: center

}



.success-head p {

	text-align: center;

	font-size: 16px;

	line-height: 26px;

	padding: 20px 0 50px 0

}



.success-box {

	display: flex;

	align-items: center;

	background: #ebebeb;

	border-radius: 8px;

	padding: 30px 0 30px 20px;

	margin: 0 0 12px 0

}



.success-box span {

	color: #db2e31;

	font-size: 95px;

	font-weight: 700

}



.success-box h6 {

	font-size: 1.4vw;

	font-weight: 700;

	padding: 0 0 0 24px;

	width: 61%

}



.success-details {

	text-align: center

}



.success-details h5 {

	color: #db2e31;

	font-size: 24px;

	font-weight: 700;

	padding: 30px 0 10px 0

}



.success-details p {

	font-size: 15px;

	line-height: 24px;

	padding: 0 0 40px 0

}



.success-box-two {

	text-align: center

}



.success-list li.active .success-box {

	background: #db2e31

}



.success-list li.active .success-box span {

	color: #fff

}



.success-list li.active .success-box h6 {

	color: #fff

}



.testi-sec {

	background: url('../images/testi-bag.webp');

	padding: 50px 0;

	background-size: cover;

	background-repeat: no-repeat

}



.testi-sec .main-title {

	text-align: center;

	margin: 0 0 38px 0

}



.testi_new_slider .testi_new_slider_box {

	margin: 0 .5%;

	background-color: #fff;

	position: relative;

	padding: 0 0 20px

}



.test_new_comma {

	width: 80px;

	height: 80px;

	background-color: #0c1b2e;

	align-items: center;

	display: grid;

	border-radius: 50px;

	position: relative;

	top: -40px;

	margin: 0 0 -20px;

	left: 30px

}



.testi_new_slider .testi_new_slider_box img {

	width: 100%

}



.testi_new_slider .testi_new_slider_box img {

	width: 100%

}



.testi_new_slider_box_content {

	padding: 0 20px 0;

	margin: 0 0 0

}



.testi_new_slider_box_content p {

	margin: 0;

	color: #000;

	font-size: 14px;

	font-weight: 400;

	min-height: 150px;

	line-height: 21px

}



.testi_new_slider_box_bt {

	display: flex;

	justify-content: space-between;

	padding: 20px 0 0;

	align-items: center;

	height: 50px;

	column-gap: 15px;

}



.testi_new_slider_box_bt p {

	min-height: auto;

	font-size: 14px;

	margin: 0;

	line-height: 17px

}



.test_new_comma img {

	margin: auto

}



.testi_new_slider_box {

    background: #ffff;

    box-shadow: 0 0 12px 0 rgb(0 0 0 / 10%);

    padding: 0 0 20px 0;

    min-height: 500px;

}



.testi_new_slider_box_bt p {

	/* padding: 0 0 0 20px; */

	text-align: right;

	font-size: 12px;

}



.testi_new_slider_box_bt p b {

	font-weight: 700;

	font-size: 15px;

}



.testi-sec .slick-track {

	padding: 20px 0

}



.testi-sec h3 {

	font-size: 42px;

	text-align: center;

	padding: 0 0 50px 0

}



.testi-sec .slick-dots li.slick-active button {

	background: #6dc895

}



.testi-sec .slick-dots li button {

	border: 2px solid #6dc895

}



.testi-sec .slick-dots {

	padding: 21px 0 0 0

}



.call-to-action {

	background: url(../images/call-to-bg.webp);

	background-size: cover;

	background-repeat: no-repeat;

	padding: 40px 0 140px 0;

	background-position: center

}



.call-to-action .main-title {

	text-align: center

}



.call-to-action .main-p {

	color: #000;

	text-align: center;

	padding: 20px 0

}



.get-quote-btn a {

	display: table;

	margin: auto

}



footer {

	background: url('../images/footer.webp');

	background-repeat: no-repeat;

	background-size: cover;

	padding: 80px 0 20px 0;

	background-position: center

}



ul.ftr-box-links li a {

	color: #fff;

	font-size: 15px;

	font-weight: 400;

	padding: 0 0 10px 0

}



ul.ftr-box-links li:nth-child(3) a {

	color: #f4352e;

	font-weight: 700

}



.ftr-box-1 p {

	color: #fff;

	font-size: 15px;

	line-height: 25px;

	padding: 15px 0 0 0

}



.ftr-box-2 {

	padding: 0 0 0 30px

}



.border-red {

	border-right: 2px solid #f4352e

}



.ftr-box-3 .red-chat {

	margin: 9px 0

}



.ftr-box-3 h5 {

	font-size: 21px;

	font-weight: 700;

	color: #ee352e

}



.down-btn {

	padding: 15px 30px;

	background: #f4352e;

	color: #fff;

	font-weight: 700;

	font-size: 15px;

	margin: 13px 0 23px 0

}



.social-list {

	display: flex;

	align-items: center

}



.social-list li a {

	color: #fff;

	font-size: 25px;

	padding: 0 25px 0 0

}



.social-list li img {

	width: 30px

}



.social-list li:last-child img {

    width: 40px;

}



.ftr-box-3 {

	display: table;

	margin-left: auto

}



.upper-ftr {

	border-bottom: 2px solid #414141;

	padding: 0 0 30px 0;

	margin: 0 0 30px 0

}



.ftr-links h6 {

	color: #f4352e;

	font-size: 21px;

	font-weight: 700;

	padding: 0 0 15px 0

}



.ftr-links ul li a {

	color: #fff;

	padding: 0 0 13px 0;

	font-size: 13px;

}



.disclaimer-sec p {

	color: #fff;

	font-size: 14px;

	margin: 0;

	line-height: 22px;

	position: relative

}



.disclaimer-sec p strong {

	display: block;

	font-size: 33px

}



.disclaimer-sec p strong:after {

	content: "\f068";

	font-family: FontAwesome;

	margin: 0 0 0 10px

}



.disclaimer-sec p.active strong:after {

	content: "\2b";

	font-weight: 700;

	font-size: 40px

}



.disclaimer-sec {

	text-align: center;

	padding: 10px 0;

	width: 70%;

	display: table;

	margin: auto

}



.disclaimer-sec p::before {

	left: 0;

	position: absolute;

	content: "";

	background: #fff;

	width: 49%;

	height: 2px;

	top: 0;

	margin: auto;

	bottom: 0

}



.disclaimer-sec p::after {

	right: 0;

	position: absolute;

	content: "";

	background: #fff;

	width: 48%;

	height: 2px;

	top: 0;

	margin: auto;

	bottom: 0

}



.dics-p::before {

	display: none

}



.dics-p::after {

	display: none

}



.copy-para-box {

	display: flex;

	align-items: center;

	justify-content: space-between

}



.copy-para-box p {

	color: #fff;

	font-size: 15px;

	border-bottom: 1px solid;

	padding: 0 0 3px 0

}



.industry-banner {

	background-size: cover !important;

	background-repeat: no-repeat !important

}



.industry-first-content-image {

	margin: 30px 0 0 0

}



.banner-text-color h1 {

	color: #000

}



.banner-text-color h1 span {

	display: contents;

	color: #e63c3f

}



.banner-text-color p {

	color: #000

}



.industry_first_content_area {

	background: #f5f5f5;

	text-align: center;

	padding: 50px 0

}



.industry_first_content_area h2 {

	margin: 0 0 38px 0

}



.industry_first_content_area p {

	color: #000;

	font-size: 15px;

	line-height: 22px

}



.industry_second_content_area_row .row {

	align-content: center;

	display: flex

}



.industry_second_content_area {

	background: #fff;

	padding: 180px 0 90px 0;

	margin: -160px 0 0 0

}



.industry_second_contennt_inner {

	text-align: left

}



.industry_second_contennt_inner .main-title {

	margin: 0 0 38px 0

}



.industry_second_contennt_inner p {

	color: #000;

	font-size: 15px;

	line-height: 22px

}



.industry_second_contennt_inner_img {

	position: relative

}



.industry_second_contennt_inner_img img {

	z-index: 1;

	position: relative

}



.div_right_image {

	width: 86%;

	height: 100%;

	background: #e63c3f;

	position: absolute;

	transform: rotate(11deg);

	right: -40px;

	top: 0

}



.industry_second_content_area_row .row {

	display: flex;

	align-items: center

}



.industry_second_content_area_row_two {

	padding: 110px 0 0 0

}



.industry_second_content_area_row_two .div_right_image {

	transform: rotate(169deg);

	left: -40px

}



.industry_why_choose_vj {

	padding: 50px 0;

	background: #ebebeb

}



.industry_why_choose_content_area .main-title {

	margin: 0 0 38px 0

}



.industry_why_choose_content_area p {

	color: #000;

	font-size: 15px;

	line-height: 22px

}



.industry_why_choose_vj .row {

	align-items: center

}



section.app-demo-banner h1 {

	font-size: 40px;

	font-weight: 400;

	line-height: 50px

}



section.app-demo-banner h1 span {

	color: #f43831;

	font-size: 67px;

	font-weight: 700;

	padding: 0 0 40px 0;

	line-height: 66px

}



.red-btn-new {

	padding: 15px 30px;

	background: #f43831;

	color: #fff;

	font-size: 18px

}



.app-benefits-head h3 {

	font-size: 55px;

	font-weight: 700;

	line-height: 60px

}



.app-benefits-head h3 span {

	font-size: 40px;

	font-weight: 300;

	color: #e70000

}



.app-benefits-head strong {

	position: relative

}



.app-benefits-head p {

	color: #000;

	font-size: 16px;

	line-height: 27px;

	padding: 30px 0

}



section.app-benefits {

	padding: 70px 0;

	text-align: center

}



.app-benefits-head {

	text-align: left

}



section.app-benefits h2 {

	padding: 0 0 70px 0

}



.location-banner-2 img {

	width: 100%

}



.why-sec {

	padding: 70px 0

}



.solution-sec {

	background: url('../images/solution-bag.png');

	background-repeat: no-repeat;

	background-size: cover;

	padding: 70px 0

}



.why-sec .production-sec-head-1 h3 {

	font-weight: 400;

	font-size: 31px;

	line-height: 45px

}



.why-sec .production-sec-head-1 h3 span {

	font-weight: 700

}



.solution-sec .production-sec-head-1 h3 {

	font-weight: 400;

	font-size: 31px;

	line-height: 45px

}



.solution-sec .production-sec-head-1 h3 span {

	font-weight: 700

}



.location-box-3 {

	padding: 80px 0 0 0

}



.showing-head h6 {

	font-size: 34px;

	color: #000

}



.showing-head h5 {

	font-size: 54px;

	font-weight: 700;

	color: #e50000;

	padding: 0 0 40px 0

}



.showing-head p {color: #000;font-size: 16px;line-height: 26px;font-weight: 400;}



.location-banner {

	background-repeat: no-repeat !important;

	background-size: cover !important

}



.production-sec-head-1 h6 {

	font-size: 34px

}



.production-sec-head-1 h3 {

	font-size: 40px;

	font-weight: 700;

	line-height: 60px;

	padding: 0 0 30px 0

}



.production-sec-head-1 h3 span {

	font-size: 50px;

	color: #f4352e;

	display: contents;

}



.production-sec-head-1 p {

	font-size: 16px;

	line-height: 29px;

	color: #000;

	font-weight: 400;

	padding: 0 0 30px 0

}



.production-sec {

	background: url('../images/location-banner-2.png');

	background-repeat: no-repeat;

	background-size: cover;

	padding: 100px 0

}



section.location-banner h1 {

	text-align: center;

	color: #fff;

	font-size: 39px

}



section.location-banner h1 span {

	text-align: center;

	color: #fff;

	font-size: 86px;

	font-weight: 700;

	padding: 5px 0 0 0

}



.competitor-sec .slider-nav .slick-list {

	padding: 0 30px 0 30px

}



.competitor-box {

	background: #ebebeb;

	margin: 0 0 13px 0;

	border-radius: 6px;

	padding: 17px 25px

}



.competitor-sec .main-title {

	text-align: center

}



.competitor-sec h5 {

	margin: 10px 0 40px 0;

	text-align: center;

	margin-bottom: 30px

}



.competitor-box h6 {

	font-weight: 700;

	font-size: 27px;

	text-align: left

}



.competitor-sec .slick-current.slick-active .competitor-box {

	background: #111;

	position: relative;

	left: -40px

}



.slick-current.slick-active .competitor-box p {

	color: #fff

}



.slick-current.slick-active .competitor-box h6 {

	color: #e63c3f

}



.competitor-box p {

	font-size: 16px;

	line-height: 25px;

	padding: 10px 0 0 0

}



.competitor-sec {

	padding: 70px 0 60px 0

}



.portfolio_box a {

	transition-duration: .5s;

	overflow: hidden;

	width: 100%;

	display: block

}



.portfolio_box img {

	width: 100%;

	object-fit: fill;

	transition-duration: .9s

}



.portfolio_box a:hover:after {

	content: "Preview";

	position: absolute;

	background: url(../images/play-btn.png);

	background-repeat: no-repeat;

	height: 160px;

	width: 90px;

	top: -30px;

	bottom: 0;

	left: 0;

	right: 0;

	margin: auto;

	display: grid;

	color: #fff;

	text-align: center;

	line-height: 33px;

	background-position: center;

	font-weight: 700;

	text-transform: uppercase;

	letter-spacing: 4px;

	z-index: 99;

	margin: auto;

	align-items: end;

	background-size: 70%

}



.portfolio_box a:hover img {

	transform: scale(1.1)

}



.app-demo-folio {

	padding: 70px 0;

	text-align: center

}



section.app-demo-folio h2 {

	margin: 0 0 32px 0

}



section.app-demo-folio p {

	font-size: 16px;

	line-height: 27px;

	color: #000;

	padding: 10px 0 70px 0;

	text-align: center

}



.audience-sec-new {

	padding: 70px 0 70px 0;

	background: #f43831

}



.audience-sec-new-head h3 {

	color: #fff;

	font-size: 40px;

	font-weight: 700

}



.audience-sec-new-head p {

	color: #ffff;

	font-size: 16px;

	line-height: 27px;

	padding: 20px 0

}



.audience-sec-new-head .red-btn-new {

	background: #fff;

	color: #000

}



.hide_footer_link {

	display: none

}



.bg-change-portfolio {

	background: #f4f4f4

}



.request_quote_header_btn a {

	padding: 8px 30px !important;

	min-height: initial !important;

	color: #fff !important;

	font-size: 17px !important;

	margin: 8px 30px 0 0 !important

}



.conten_two_your_leading {

	margin-top: 55px

}



.dropdown-menu-list {

	display: flex;

	align-items: center;

	padding: 50px 0 40px 10px

}



.dropdown-menu-list li {

	margin: 0 0 0 30px

}



.dropdown-menu-list li:nth-child(1) {

	margin: 0

}



.dropdown-menu-box-2 {

	background: #f0f0f0;

	font-size: 0;

	padding: 30px 0 0 30px;

	float: left;

	width: 100%;

	height: 465px;overflow-y: scroll;}



.dd-meny-list-2 li a {

	padding: 0 0 12px 0;

	font-size: 14px;

	margin: 0 0 8px 0;

	color: #121212;

	border-bottom: 2px solid #e0e0e1;

	width: auto;

	text-transform: uppercase;

	font-weight: 500;

	transition: .5s;

	position: relative;

	width: 100%

}



.dropdown-menu {

	padding: 0;

	margin: -.04rem 0 0

}



.dd-meny-list-2 li:nth-child(6) a {

	border: none

}



.dropdown-menu .container {

	padding-right: 0

}



.dd-meny-list-2 li a:hover {

	padding-left: 25px;

	color: #e70000

}



.dd-meny-list-2 li a:hover:before {

	position: absolute;

	content: "";

	background: #ed1c24;

	width: 10px;

	height: 2px;

	left: 0;

	top: -10px;

	bottom: 0;

	margin: auto

}



.services-inner h4 {

	font-size: 13px

}



ul.dd-meny-list-2 li {

	float: left;

	width: 100%

}



.process-sec-1 {

	padding: 60px 0 60px 0;

	text-align: center

}



section.process-sec-1 h2.main-title {

	padding: 0 0 20px 0

}



.process-box h6 {

	color: #e63c3f;

	font-size: 21px;

	font-weight: 400;

	margin: 15px 0

}



.process-box p {

	color: #000;

	font-size: 15px;

	line-height: 24px

}



.p-head {

	padding: 50px 0 50px 0 !important

}



.process-sec-2 {

	background: #edefee

}



.process-sec-2 .p-head {

	padding-top: 0 !important

}



.process-sec-3 {

	background: 0 0

}



.why-explainer.pricing-main .pricing-box-inner {

	min-height: 606px;

	transform: scale(1);

	transition: all .5s;

	cursor: pointer;

	box-shadow: 0 0 1px 3px #e6e6e6;

	border-radius: 2px

}



.why-explainer.pricing-main .pricing-box-inner {

	background: #fff;

	border-top: 8px solid #ed1c24;

	overflow: hidden;

	padding: 0 12px 30px;

	margin-top: 20px

}



h3.price-title {

	color: #e70000;

	font-size: 22px;

	line-height: 30px;

	text-align: center;

	margin-bottom: 12px;

	font-weight: 600

}



p.price-disc {

	color: #5e6063;

	text-align: center;

	font-size: 13px;

	line-height: 20px

}



.pricing-boxes img {

	display: table;

	margin: 30px auto 0

}



.pricing-box-inner h4 {

	color: #ed1c24

}



.why-explainer.pricing-main .get-quote-btn {

	margin: 30px 0

}



.get-quote-btn {

	float: left;

	width: 100%;

	margin: 40px 0 20px

}



.pricing-boxes a.get-btn {

	font-size: 15px;

	line-height: 20px;

	padding: 11px 80px 9px;

	letter-spacing: 1px

}



a.get-btn {

	background: #e70000;

	color: #fff;

	font-weight: 700;

	font-size: 21px;

	line-height: 30px;

	border-radius: 4px;

	padding: 11px 45px 9px;

	box-shadow: 0 3px 0 0 #2f7b8f;

	transition: .5s;

	display: table;

	margin: 0 auto

}



ul.price-box-ul {

	padding: 0;

	list-style: none

}



ul.price-box-ul li {

	color: #5e6063;

	font-size: 13px;

	line-height: 24px;

	margin-bottom: 8px

}



.price-box-ul i.fa {

	color: #ee1d25;

	margin-right: 10px;

	font-size: 18px

}



.pricing-box:hover .pricing-box-inner {

	transform: scale(1.05);

	transition: all .5s;

	box-shadow: 0 0 1px 3px #e6e6e6

}



h3.plan-title {

	color: #535558;

	font-size: 18px;

	line-height: 24px;

	margin: 0 0 10px;

	font-weight: 700

}



p.plan-disc {

	color: #757879;

	font-size: 13px;

	line-height: 20px

}



.plan-box img {

	display: table;

	margin: 0 auto

}



.all-plan {

	background: #edefee;

	padding: 60px 0

}



.row.first-plan {

	margin-bottom: 30px

}



.all-plan .col-md-3, .all-plan .col-md-9 {

	float: left

}



.all-plan .main-title {

	text-align: center;

	padding: 0 0 50px 0

}



video::-webkit-media-controls-panel {

	display: none !important;

	opacity: 1 !important

}



.industry_ul {

	margin: 20px 0 0

}



.industry_ul li {

	float: left;

	width: 100%;

	position: relative;

	z-index: 9999999999;

	font-size: 15px;

	line-height: 22px;

	color: #000;

	display: flex;

	margin: 0 0 10px

}



.industry_ul li i {

	margin: 0 10px 0 0

}



.banner-text-black .inner-banner-head h1 {

	color: #000 !important

}



.banner-text-black .inner-banner-head p {

	color: #000 !important

}



.two-animation-banner {

	background-image: url("../images/banners/2d-animation-banner.jpg")

}



.three-d-banner {

	background-image: url("../images/banners/3d-animation-banner.jpg")

}



.whiteboard-banner {

	background-image: url("../images/banners/whiteboard-banner.jpg")

}



.motion-graphics-banner {

	background-image: url("../images/banners/motion-graphics-banner.jpg")

}



.cartoon-animation-banner {

	background-image: url("../images/banners/cartoon-animation-banner.jpg")

}



.typography-animation-banner {

	background-image: url("../images/banners/typography-banner.jpg")

}



.cut-out-banner {

	background-image: url("../images/banners/cutout-animation-banner.jpg")

}



.screencast-animation-banner {

	background-image: url("../images/banners/screen-cast-banner.jpg")

}



.isometric-animation-banner {

	background-image: url("../images/banners/isometric-animation-banner.jpg")

}



.stock-animation-banner {

	background-image: url("../images/banners/stock-animation-banner.jpg")

}



.dropdown-menu.dropdown-menu-types {

	left: -50px;

	padding: 0 0 0 8px

}



.dropdown-menu-list-types {

	display: flex;

	align-items: center;

	padding: 20px 0 0 10px

}



.types-menu {

	    width: 100%;

}



ul.dd-meny-list-2 li:last-child a {

	border: none

}



.two-d-banner {

	min-height: 586px;

	display: flex;

	align-items: center;

	background-repeat: no-repeat;

	background-size: cover

}



.portfolio_box {

	position: relative

}



.portfolio_box a {

	transition-duration: .5s;

	overflow: hidden;

	width: 100%;

	display: block

}



.portfolio_box img {

	width: 100%;

	object-fit: fill;

	transition-duration: .9s

}



.portfolio_box a:hover:before {

	content: "";

	position: absolute;

	background-color: rgb(244 53 46 / 80%);

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	z-index: 9

}



.portfolio_box a:hover:after {

	content: "Preview";

	position: absolute;

	background: url(../images/play-btn.png);

	background-repeat: no-repeat;

	height: 160px;

	width: 90px;

	top: -30px;

	bottom: 0;

	left: 0;

	right: 0;

	margin: auto;

	display: grid;

	color: #fff;

	text-align: center;

	line-height: 33px;

	background-position: center;

	font-weight: 700;

	text-transform: uppercase;

	letter-spacing: 4px;

	z-index: 99;

	margin: auto;

	align-items: end;

	background-size: 70%

}



.portfolio_box a:hover img {

	transform: scale(1.1)

}



.mobile-header {

	display: none !important

}



.contact_banner_box p {

	color: #000;

	font-size: 16px;

	margin: 0 0 20px

}



.contact_banner_box_tabs li {

	list-style: none;

	display: inline-flex;

	margin: 0 15px 20px 0

}



.contact_banner_box_tabs li a {

	border: 1px solid #db2e00;

	color: #000;

	padding: 12px 40px;

	width: 100%;

	font-size: 16px;

	margin: 0 0 0;

	border-radius: 6px

}



.form_div_cp input, .form_div_cp textarea {

	background-color: transparent;

	box-shadow: none;

	border: none;

	border-bottom: 1px solid #db2e00;

	width: 100%;

	padding: 10px 10px 10px 0;

	color: #e70000;

	height: 50px;

	resize: none

}



.form_div_cp {

	margin-bottom: 30px;

	float: left

}



section.contact-sec {

	padding: 70px 0

}



section.contact-sec h3 {

	text-align: center;

	padding: 0 0 70px 0;

	color: #e63c3f;

	font-weight: 700;

	font-size: 45px

}



.contact_banner_box button {

	background: #e70000;

	padding: 13px 30px;

	display: inline-block;

	font-size: 17px;

	font-weight: 700;

	box-shadow: 0 3px 0 0 #630001;

	color: #fff;

	border-radius: 5px;

	text-decoration: none

}



.contact_banner_box_tabs li a:focus {

	background-color: #db2e00;

	color: #fff

}



input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {

	-webkit-appearance: none;

	margin: 0

}



.map-sec p {

	color: ##000;

	font-size: 16px;

	line-height: 25px;

	padding: 0 0 20px 0

}



.sucess-sec {

	padding: 70px 0 0 0

}



.type-banner-new h3 {

	color: #000;

	font-size: 90px;

	font-weight: 900

}



.clip-path {

	clip-path: polygon(0 0, 100% 0, 86% 100%, 0 88%);

	background: #d60c53;

	width: auto;

	height: 103px;

	padding: 9px 80px 0 30px;

	float: left;

	margin: 20px 0

}



.clip-path h5 {

	color: #fff;

	font-size: 65px;

	font-weight: 700;

	width: auto;

	float: left

}



.type-banner-new h6 {

	color: #000;

	font-size: 34px

}



.type-banner-new h6 p {

	color: #000;

	font-size: 16px;

	line-height: 25px

}



.type-banner-new p {

	color: #000;

	font-size: 16px;

	line-height: 25px;

	padding: 10px 0 20px 0

}



.top-bar-social {

	display: flex;

	align-items: center;

	padding: 0 0 0 85px;

	float: left

}



.top-bar-social li a {

	color: #17202c;

	font-size: 20px;

	padding: 0 0 0 20px

}



.top-bar-social li:nth-child(1) a {

	padding: 0

}



.new-audience-sec {

	background: #f4f4f4;

	padding: 40px 0

}



.new-audience-sec .content_are_home {

	padding-top: 0

}



.process-home {

	position: relative

}



.app-demo-folio .row {

	justify-content: center

}



.home-icon {

	font-size: 27px !important;

	color: #f4352e

}



.btn_org_s {

	background-color: #e03300 !important

}



.btn_red {

	background-color: #ea0000

}



.h_slide_btn {

	background: #e70000;

	padding: 13px 30px;

	display: inline-block;

	font-size: 17px;

	font-weight: 700;

	box-shadow: 0 3px 0 0 #630001;

	color: #fff !important;

	border-radius: 5px;

	text-decoration: none

}



.light_heavy_90_blue {

	color: #1e3163 !important;

	font-size: 90px !important;

	font-family: Poppins, sans-serif !important

}



.light_heavy_58 {

	font-size: 58px !important;

	font-family: Poppins, sans-serif !important

}



.tp-caption.black_heavy_90 {

	font-size: 90px !important;

	font-family: Poppins, sans-serif !important

}



.h_slide_3 {

	background-color: #f5f2eb

}



.tp-caption {

	z-index: 1;

	white-space: nowrap

}



.h_slide3_ul {

	font-size: 56px;

	color: #373737 !important;

	font-family: 'Amatic SC', cursive;

	position: relative;

	margin: 0 10px 0 30px

}



.h_slide3_ul {

	font-size: 56px;

	color: #373737 !important;

	font-family: 'Amatic SC', cursive;

	position: relative;

	margin: 0 10px 0 30px

}



.h_slide3_text_box {

	color: #373737 !important;

	font-size: 67px;

	font-weight: 400;

	font-family: 'Fredericka the Great', cursive;

	text-transform: uppercase

}



.h_slide3_text_box {

	margin: 120px 0 0 0 !important

}



.h_slide3_ul img {

	position: relative;

	top: -10px

}



.slider-hd-1 {

	font-size: 65px !important;

	font-family: Poppins !important

}



.slider-hd-2 {

	font-size: 65px !important;

	font-family: Poppins !important

}



.slider-hd-3 {

	font-size: 55px !important;

	font-family: Poppins !important

}



.slider-hd-4 {

	font-size: 16px !important;

	font-family: Poppins !important

}



.slider-hd-5 {

	font-size: 16px !important;

	font-family: Poppins !important

}



.slider-hd-6 {

	font-size: 16px !important;

	font-family: Poppins !important

}



.h_slide_1_box {

	padding-left: 18%

}



.ft-hd-1 {

	font-family: Poppins !important;

	font-size: 50px !important

}



.ft-hd-1 i.ired {

	font-size: 50px !important

}



.ft-hd-3 {

	font-family: Poppins !important;

	font-size: 50px !important

}



.ft-hd-2 {

	font-family: Poppins !important;

	font-size: 50px !important

}



.ft-hd-5 {

	font-size: 20px;

	font-family: Poppins !important

}



.ft-hd-6 {

	font-size: 20px;

	font-family: Poppins !important

}



.ft-hd-7 {

	font-size: 20px;

	font-family: Poppins !important

}



.ft-hd-4 {

	font-size: 20px

}



span.arrow_hide_show i {

	position: relative;

	left: 2px;

	top: 14px;

	transform: rotate(-60deg);

	font-size: 13px

}



.active_arrow .arrow_hide_show i {

	transform: rotate(120deg)

}



.midAreaSlider_case_studies .slick-dots {

	position: absolute;

	right: 30px;

	bottom: 0;

	top: 130px;

	z-index: 2;

	margin: auto;

	min-height: auto

}



.midAreaSlider_case_studies {

	position: relative;

	z-index: 1;

	font-size: 0

}



.midAreaSlider_case_studies li.slick-active::before {

	font-size: 14px;

	color: #fff;

	top: -2px;

	font-family: Poppins;

	right: 20px;

	z-index: 9999999;

	width: auto;

	min-width: auto;

	text-align: right;

	white-space: pre

}



.midAreaSlider_case_studies li.slick-active:nth-child(1)::before {

	position: absolute;

	content: "HP"

}



.midAreaSlider_case_studies li.slick-active:nth-child(2)::before {

	position: absolute;

	content: "PAYONEER"

}



.midAreaSlider_case_studies li.slick-active:nth-child(3)::before {

	position: absolute;

	content: "JIVE CHIME"

}



.midAreaSlider_case_studies li.slick-active {

	position: relative

}



.midAreaSlider_case_studies li.slick-active:nth-child(4)::before {

	position: absolute;

	content: "METROPOLITAN POLICE"

}



.midAreaSlider_case_studies li.slick-active:nth-child(5)::before {

	position: absolute;

	content: "PEARSON"

}



.midAreaSlider_case_studies li.slick-active:nth-child(6)::before {

	position: absolute;

	content: "JOHNSON & JOHNSON"

}



.midAreaSlider_case_studies li.slick-active:nth-child(7)::before {

	position: absolute;

	content: "HONEYWELL"

}



.midAreaSlider_case_studies li.slick-active:nth-child(8)::before {

	position: absolute;

	content: "ACE HARDWARE"

}



.midAreaSlider_case_studies li.slick-active:nth-child(9)::before {

	position: absolute;

	content: "American Battle Monuments Commission"

}



.midAreaSlider_case_studies li.slick-active:nth-child(10)::before {

	position: absolute;

	content: "BitTorrent"

}



.midAreaSlider_case_studies .slick-dots li {

	margin: 0 0 16px 0

}



.testi-slider .slick-dots li {

	display: inline-block

}



section.benefit-sec .slick-dots li {

	display: inline-block

}



.banner-text-color-white h1 span {

	color: #e70000;

	display: contents

}



section.benefit-sec .slick-list {

	overflow: inherit

}



section.benefit-sec .slick-current .slick-active .benefit-box-main {

	opacity: 1

}



section.benefit-sec .slick-current .benefit-box-main {

	opacity: 1

}



.inner-banner-types-white h1 {

	color: #fff

}



.fld-select select {

	background-color: transparent;

	box-shadow: none;

	border: none;

	border-bottom: 1px solid #db2e00;

	width: 100%;

	padding: 10px 10px 10px 0;

	color: #000;

	height: 50px;

	resize: none

}



.sticky {

	position: fixed !important

}



.sticky img.logo {width: 150px;}



.sticky .navbar-default .navbar-nav>li>a {font-size: 14px;margin: 0 15px;min-height: initial;padding: 13px 0;}



.sticky a.red-chat.pop_btn_new {font-size: 14px !important;padding: 4px 24px !important;}







.header-main {

	position: relative

}



.case-st-box {

	position: relative

}



.case-st-box-inner {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	display: flex;

	align-items: center;

	justify-content: center

}



.case-st-btn li:nth-child(1) a {

	background: #e70000;

	padding: 13px 30px;

	display: inline-block;

	font-size: 17px;

	font-weight: 700;

	box-shadow: 0 3px 0 0 #630001;

	color: #fff;

	border-radius: 5px;

	text-decoration: none

}



.case-st-btn li:nth-child(2) a {

	background: #000;

	padding: 13px 30px;

	display: inline-block;

	font-size: 17px;

	font-weight: 700;

	box-shadow: 0 3px 0 0 #e70000;

	color: #fff;

	border-radius: 5px;

	text-decoration: none;

	margin: 0 0 0 15px

}



.case-st-btn {

	display: flex;

	align-items: center

}



.case-st-main {

	padding: 0 0 70px 0

}



.case-st-inner-dtl h5 {

	font-size: 20px;

	color: #181716;

	font-weight: 700;

	padding: 15px 0 15px 0

}



.case-st-inner-dtl p {

	color: #000;

	font-size: 14px;

	font-weight: 400;

	line-height: 21px;

	padding: 0 0 15px 0;

	min-height: 80px

}



.sticky {

	position: fixed;

	top: 0;

	width: 100%;

	box-shadow: 0 10px 32px 0 rgb(0 0 0 / 10%)

}



.case-st-sec {

	padding: 70px 0

}



.case-st-main-2 {

	margin: 140px 0 0 0

}



.bg-change-portfolio .portfolio_box {

	margin: 0 0 27px 0

}



.inner-banner-types-white p {

	color: #fff

}



.color-white {

	color: #fff !important

}



section.contact-sec h3 span {

	color: #000;

	font-size: 36px;

	line-height: 42px;

	font-weight: 400

}



.contact-banner h1 {

	text-align: left !important

}



.contact-banner h1 span {

	text-align: left !important

}



.privacy-banner h1 {

	text-align: left !important

}



.color-blk {

	color: #000 !important

}



.call-to-action .get-quote-btn {

	margin: 0

}



.contact_banner_box input::placeholder {

	color: #000 !important

}



.contact_banner_box textarea::placeholder {

	color: #000 !important

}



.thankyou-head h1 {

	font-weight: 400

}



.thankyou-head h1 span {

	font-weight: 700

}



.dropdown-menu a {

	font-size: 14px !important

}



.sidenav a i {

	color: #ffff !important;

	position: relative;

	left: 15px

}



.drop-btn-st-new i {

	color: #ffff

}



i.drop-icon-st-hd.fa.fa-long-arrow-right {

	display: none

}



.mobile-header {

	display: block

}



.mobile-header .container {

	display: flex

}



.mobile-header {

	padding: 20px 0

}



.mobile-header .col-md-9 {

	text-align: right

}



.sidenav {

	height: 100%;

	width: 0;

	position: fixed;

	z-index: 9999;

	top: 0;

	background-color: #111;

	overflow-x: hidden;

	transition: .5s;

	padding-top: 60px;

	right: 0

}



.sidenav a {

	padding: 20px 38px 20px 20px;

	text-decoration: none;

	font-size: 25px;

	color: #ffff;

	display: block;

	transition: .3s;

	text-align: left;

	border-bottom: 1px solid #1e1e1e

}



.sidenav a:hover {

	color: #f1f1f1

}



.sidenav .closebtn {

	position: absolute;

	top: 0;

	right: -15px;

	font-size: 46px;

	margin-left: 0;

	color: #fff !important

}



.sidenav {

	padding-top: 55px

}



.sidenav a {

	font-size: 14px

}



h4.new-hd-one {font-weight: bold;padding: 0 0 5px 0;}



.dropdown-menu-service .dropdown-menu-box-2 {height: 367px;}















/*loading css*/







/* MAIN STYLES

–––––––––––––––––––––––––––––––––––––––––––––––––– */



:root {

    --panel-width: calc(100% / 6);

    --darkblue: #02020c;

    --white: #fff;

    --lightgray: #fafafb;

}







.page-header {

    position: fixed;

    top: 30px;

    right: 50px;

    z-index: 1;

}



.page-header ul {

    display: grid;

    grid-column-gap: 30px;

    grid-template-columns: repeat(3, 1fr);

}



.page-header ul a {

    display: inline-block;

    padding: 4px 8px;

    border: 1px solid transparent;

}



.page-header .active a {

    border-color: var(--white);

}



.panels {

    position: fixed;

    top: 0;

    left: 50%;

    width: 180vw;

    height: 100%;

    transform: translateX(-50%) skewX(-35deg);

    clip-path: circle(100%);

    z-index: 9999999999999999;

    background: var(--lightgray);

}



.panels .panel {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: var(--panel-width);

    transform: scaleY(0);

    transform-origin: top;

    background: var(--darkblue);

}



.panels .panel:nth-child(even) {

    transform-origin: bottom;

}



.panels .panel:nth-child(2) {

    left: calc(var(--panel-width) - 1px);

}



.panels .panel:nth-child(3) {

    left: calc(calc(var(--panel-width) * 2) - 2px);

}



.panels .panel:nth-child(4) {

    left: calc(calc(var(--panel-width) * 3) - 4px);

}



.panels .panel:nth-child(5) {

    left: calc(calc(var(--panel-width) * 4) - 5px);

}



.panels .panel:nth-child(6) {

    left: calc(calc(var(--panel-width) * 5) - 6px);

}



.page-main {

    display: flex;

    height: 100%;

    padding: 100px 15px;

    clip-path: circle(20%);

    overflow-y: auto;

    background: var(--darkblue);

}



.page-main > div {

    text-align: center;

    margin: auto;

}



@media (max-width: 1024px) {

    .panels {

        width: 200vw;

    }

}



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

    .panels {

        width: 235vw;

    }

}



.loading_img{



    position: fixed;

    z-index: 9999999;

    margin: auto;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    transform: skewX(35deg);

        width: 350px;

}





/*loading css end*/









.competitor-sec .slider-nav .slick-track {transform: translate(0px, 0px) !important;}



.blk-head h1 ,.blk-head p{



	color:#000000;



}





#container_toggle {

    width: 320px;

    height: 36px;

    margin: auto;

    position: relative;

    border-radius: 6px;

    overflow: hidden;

    user-select: none;

    cursor: pointer;

margin-top: 40px;}



.inner-container-toggle {

	position: absolute;

	left: 0;

	top: 0;

	width: inherit;

	height: inherit;

	text-transform: uppercase;

	font-size: .6em;

	letter-spacing: .2em;

}



.inner-container-toggle:first-child {

	background: #e9e9e9;

	color: #a9a9a9;

}



.inner-container-toggle:nth-child(2) {

	background: #f4352e;

	color: white;

	clip-path: inset(0 50% 0 0);

	transition: .3s cubic-bezier(0,0,0,1);

}



.toggle {

	width: 50%;

	position: absolute;

	height: inherit;

	display: flex;

	box-sizing: border-box;

}



.toggle p {

	margin: auto;

color: #000;font-size: 14px;font-weight: bold;}



.toggle:nth-child(1) {

	right: 0;

}







.by-industry{

	display: none;

}



.folio-tabs-cats {flex-wrap: wrap;}



.folio-tabs-cat {flex-wrap: wrap;justify-content: center;column-gap: 10px;}



.folio-tabs-cat li {margin: 0 0 8px 0;}





section.app-demo-banner h1 span {



    display: block;

}





li.colorful-bag-3 {background: #3f51b5;color: #fff;transition: 0.5s;}



.colorful-bag-2 {background: #00bcd4;color: #ffff !important;transition: 0.5s;}



.colorful-bag-1 {background: #01a1de;color: #fff !important;transition: 0.5s;}



.colorful-bag-1:hover {background: #1d84ab !important;}



.colorful-bag-2:hover {background: #058a9a !important;}



li.colorful-bag-3:hover {background: #192151 !important;}









.sticky .dropdown-menu-service{

    width: 1140px;

    left: -370px;



}

.benefit-box-head-list li {font-size: 16px;padding: 0 0 14px 0;}



.benefit-box-head-list {list-style: disc;margin: 20px 0 0 20px;}



.colorful-bag-4 {color: #fff !important;background: #0068ab;}



.colorful-bag-5 {background: #4987ce;color: #ffff !important;}



.folio-box-size img {width: 350px;height: 205px;object-fit: cover;}







.terms_ul {

    margin: 0 0 30px 20px;



}

.terms_ul li{

 font-size: 16px;

    line-height: 29px;

    color: #000;

    font-weight: 400;

    padding: 0 0 2px 0;

    list-style: disc;

}



.folio-tabs-one-cat {

  flex-wrap: wrap;

    column-gap: 11px;

    justify-content: center;

}



.folio-tabs-one-cat li {

    margin-bottom: 12px;

}







/*case studies start*/



.case-studies-banner-metro{



    background-image: url(../images/case-studies-inner/case-studies-metropolition.png);



}



.case-studies-banner-metro p{

    font-size: 27px;

    font-weight: 400;

    line-height: 42px;

	} 







.case-studies-banner-metro img{

	    height: 125px;

} 



.case-studies-project-overviews{



	width: 100%;

	padding: 100px 0;



}





.project_overview_heading{





}





.project_overview_heading h3{



     font-style: normal;

    font-weight: 400;

    color: #000;

    font-size: 70px;

}



.project_overview_heading h3 span{

    color: #f4352e;

    font-style: normal;

    font-weight: 700;



}

.project_overview_content{





}



.project_overview_content p{



		color: #848484;	

		    letter-spacing: 0.00px;

    line-height: 22px;

        font-style: normal;

    font-weight: 400;

    font-size: 15px;

}



/*case studies end*/















/**/

.project_para_case-stud p {font-size: 15px;line-height: 22px;color: #848484;}



.case-studies-project-overviews .row {

    justify-content: center;

}



.case-std-prj-img-dv img {

    width: 95%;

    text-align: center;

    margin: 0 auto;

    position: relative;

}





.case-studies-project-slider {

    padding: 100px 0;

    background: #f2f2f2;

}





.case-studies-project-slider .case-std-pj-slider-st .slick-slide .case-std-prj-img-dv img {

    opacity: 0.3;

    transition: .3s all ease-in-out;

}



.case-studies-project-slider .case-std-pj-slider-st .slick-slide.slick-current .case-std-prj-img-dv img {

    opacity: 1;

    transition: .3s all ease-in-out;

}

.case-studies-video-sec {

    padding: 100px 0;

}



.project-video-case-textcol {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.case-studies-video-txt h2 {

    font-size: 40px;

    font-weight: 400;

    line-height: 45px;

}



.case-studies-video-txt h2 span {

    font-weight: bold;

    color: #e70000;

}



.case-studies-video-txt p {

    padding: 34px 0;

    font-size: 15px;

    line-height: 22px;

    color: #848484;

}



.project-video-case-mcol .portfolio_box {

    margin-top: 50px;

}



.case-studies-project-story-board {

    padding: 100px 0;

}



.case-std-prjct-stry-hd-txt h2 {

    font-size: 40px;

    font-weight: 400;

}



.case-std-prjct-stry-hd-txt h2 span {

    font-weight: bold;

    color: #e70000;

}



.case-std-prjct-stry-hd-txt p {

    font-size: 15px;

    line-height: 22px;

    color: #848484;

    padding: 20px 0;

    margin-bottom: 30px;

}



.case-std-prjct-stry-lst-div {

    /* margin-top: 30px; */

}



.case-std-prjct-stry-lst-div h3 {

    font-size: 27px;

    font-weight: 400;

}



.case-std-prjct-stry-lst-div p {

    color: #8d8d8d;

    font-size: 16px;

    line-height: 25px;

}



.case-std-prjct-stry-lst-div img {

    margin-bottom: 25px;

}



.case-std-prjct-stry-lst-div p {

    padding-top: 12px;

    margin-bottom: 30px;

}



.case-studies-project-story-board .row {

    justify-content: space-around;

    align-items: flex-start;

}



.project-case-stdies-list-slider {

    background: #351772;

    padding: 100px 0;

}



.prjct-case-std-list-hd-txt {

    text-align: center;

}



.prjct-case-std-list-hd-txt h2 {

    font-size: 40px;

    font-weight: 400;

    color: #fff;

}



.prjct-case-std-list-hd-txt h2 span {

    color: #e70000;

    font-weight: bold;

}



.prjct-case-std-list-hd-txt p {

    color: #fff;

}



.prjct-case-std-list-hd-txt p {

    padding: 30px 0;

}



.project-case-stdies-list-slider button.slick-next.slick-arrow {

    right: -45px;

    background: url(../images/case-studies-inner/arrow-next.png) 0 0 / 100% no-repeat;

	position: absolute;

    top: 50%;

    margin: -20px 0px 0px 0px;

    z-index: 10;

    font-size: 0;

    width: 30px;

    height: 30px;

    filter: brightness(100) invert(1);

}







.project-case-stdies-list-slider button.slick-prev.slick-arrow {

    left: -45px;

    background: url(../images/case-studies-inner/arrow-prev.png) 0 0 / 100% no-repeat;

	position: absolute;

    top: 50%;

    margin: -20px 0px 0px 0px;

    z-index: 10;

    font-size: 0;

    width: 30px;

    height: 30px;

    filter: brightness(100) invert(1);

}





/**/









/**/

.new-case-st-banner {

    min-height: 586px;

    background-repeat: no-repeat !important;

    background-size: cover !important;

    display: flex;

    align-items: center;

}



.new-case-banner-head p {

    color: #ffff;

    font-size: 23px;

    line-height: 35px;

    width: 50%;

    margin: 30px 0 0 0;

}



.new-casestudies-sec-2 h2 {

    text-align: center;

    margin: 0 0 30px 0;

}



.new-casestudies-sec-2 p {

    text-align: center;

    color: #858585;

    font-size: 15px;

    line-height: 25px;

    margin: 0 0 50px 0;

}



.new-casestudies-sec-2 {

    padding: 70px 0px;

}



.video-box-new-case-st-play {

    position: absolute;

    margin: auto;

    left: 0;

    bottom: 0;

    right: 0;

    display: flex;

    flex-flow: column;

    align-items: center;

    justify-content: center;

    top: 0;

}



.video-box-new-case-st {

    position: relative;

}



.video-box-new-case-st-play h6 {

    color: #ffff;

    font-size: 30px;

    padding: 30px 0 0 0;

}





.new-casestudies-sec-3-box p {color: #858585;line-height: 24px;font-size: 15px;padding: 15px 0 0 0;}



.new-casestudies-sec-3 {

    background: #ffeeee;

    padding: 250px 0 70px 0;

    margin: -250px 0 0 0;

}



.new-casestudies-sec-3 .row {

    justify-content: center;

}



.new-casestudies-sec-4 {

    padding: 80px 0px 30px;

}



.new-casestudies-sec-4 p {

    color: #858585;

    line-height: 24px;

    font-size: 15px;

    padding: 5px 0 0 0;

}







.new-casestudies-sec-4-box-2 h6 {

    font-size: 20px;

    font-weight: 500;

    padding: 20px 0 0 0;

}



.new-casestudies-sec-4-box-1 p {padding: 15px 0 40px 0;}



.new-casestudies-sec-4-box-2 p {

    margin: 0 0 80px 0;

}





.new-casestudies-sec-5 {

    background: #351772;

    padding: 70px 0px;

}



.new-casestudies-sec-5 h2 {

    color: #ffff;

    text-align: center;

}



.new-casestudies-sec-5 p {

    color: #ffff;

    text-align: center;

    padding: 20px 0 50px;

}



.new-casestudies-sec-5 img {

    display: table;

    margin: auto;

}



/**/









.case-std-bnr-txt-st p{

	width: 85%;

}





section.new-casestudies-sec-5 .slick-dots {

    display: flex;

    align-items: center;

    justify-content: center;

}





.clutch-widget iframe{

    height: 62px;

}





.downlaod_ebook_btn {

    font-size: 13px;

    margin: 0 0 10px 0;

}


.app-benefits-head ul li {
    position: relative;
    padding : 10px 0 0 25px;
}
.app-benefits-head ul li:before {
    content: "\f00c";
    font: normal normal normal 14px/1 FontAwesome;
    position : absolute;
    left : 0;
}
.app-benefits-head ul {
    list-style: disc !important;
    padding: 10px 0 0px !important;
    display: table !important;
}