@font-face {
	font-family: hellix;
	src: url(../fonts/Hellix-Font/Hellix-Bold.otf) format("truetype");
	font-weight: 600;
	font-style: normal
}

@font-face {
	font-family: hellix;
	src: url(../fonts/Hellix-Font/Hellix-SemiBold.otf) format("truetype");
	font-weight: 500;
	font-style: normal
}

@font-face {
	font-family: hellix;
	src: url(../fonts/Hellix-Font/Hellix-Regular.otf) format("truetype");
	font-weight: 400;
	font-style: normal
}

.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px
}

.no-gutters {
	margin-right: 0;
	margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
	padding-right: 0;
	padding-left: 0
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px
}

.col {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}

.col-auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%
}

.col-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%
}

.col-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}

.col-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}

.col-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}

.col-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%
}

.col-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}

.col-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%
}

.col-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%
}

.col-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%
}

.col-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%
}

.col-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%
}

.col-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}

.order-first {
	-ms-flex-order: -1;
	order: -1
}

.order-last {
	-ms-flex-order: 13;
	order: 13
}

.order-0 {
	-ms-flex-order: 0;
	order: 0
}

.order-1 {
	-ms-flex-order: 1;
	order: 1
}

.order-2 {
	-ms-flex-order: 2;
	order: 2
}

.order-3 {
	-ms-flex-order: 3;
	order: 3
}

.order-4 {
	-ms-flex-order: 4;
	order: 4
}

.order-5 {
	-ms-flex-order: 5;
	order: 5
}

.order-6 {
	-ms-flex-order: 6;
	order: 6
}

.order-7 {
	-ms-flex-order: 7;
	order: 7
}

.order-8 {
	-ms-flex-order: 8;
	order: 8
}

.order-9 {
	-ms-flex-order: 9;
	order: 9
}

.order-10 {
	-ms-flex-order: 10;
	order: 10
}

.order-11 {
	-ms-flex-order: 11;
	order: 11
}

.order-12 {
	-ms-flex-order: 12;
	order: 12
}

@media(min-width:576px) {
	.col-sm {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}

	.row-cols-sm-1>* {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	.row-cols-sm-2>* {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.row-cols-sm-3>* {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}

	.row-cols-sm-4>* {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.row-cols-sm-5>* {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%
	}

	.row-cols-sm-6>* {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}

	.col-sm-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%
	}

	.col-sm-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%
	}

	.col-sm-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}

	.col-sm-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.col-sm-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}

	.col-sm-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%
	}

	.col-sm-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-sm-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%
	}

	.col-sm-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%
	}

	.col-sm-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}

	.col-sm-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%
	}

	.col-sm-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%
	}

	.col-sm-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	.order-sm-first {
		-ms-flex-order: -1;
		order: -1
	}

	.order-sm-last {
		-ms-flex-order: 13;
		order: 13
	}

	.order-sm-0 {
		-ms-flex-order: 0;
		order: 0
	}

	.order-sm-1 {
		-ms-flex-order: 1;
		order: 1
	}

	.order-sm-2 {
		-ms-flex-order: 2;
		order: 2
	}

	.order-sm-3 {
		-ms-flex-order: 3;
		order: 3
	}

	.order-sm-4 {
		-ms-flex-order: 4;
		order: 4
	}

	.order-sm-5 {
		-ms-flex-order: 5;
		order: 5
	}

	.order-sm-6 {
		-ms-flex-order: 6;
		order: 6
	}

	.order-sm-7 {
		-ms-flex-order: 7;
		order: 7
	}

	.order-sm-8 {
		-ms-flex-order: 8;
		order: 8
	}

	.order-sm-9 {
		-ms-flex-order: 9;
		order: 9
	}

	.order-sm-10 {
		-ms-flex-order: 10;
		order: 10
	}

	.order-sm-11 {
		-ms-flex-order: 11;
		order: 11
	}

	.order-sm-12 {
		-ms-flex-order: 12;
		order: 12
	}

	.offset-sm-0 {
		margin-left: 0
	}

	.offset-sm-1 {
		margin-left: 8.333333%
	}

	.offset-sm-2 {
		margin-left: 16.666667%
	}

	.offset-sm-3 {
		margin-left: 25%
	}

	.offset-sm-4 {
		margin-left: 33.333333%
	}

	.offset-sm-5 {
		margin-left: 41.666667%
	}

	.offset-sm-6 {
		margin-left: 50%
	}

	.offset-sm-7 {
		margin-left: 58.333333%
	}

	.offset-sm-8 {
		margin-left: 66.666667%
	}

	.offset-sm-9 {
		margin-left: 75%
	}

	.offset-sm-10 {
		margin-left: 83.333333%
	}

	.offset-sm-11 {
		margin-left: 91.666667%
	}
}

@media(min-width:768px) {
	.col-md {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}

	.row-cols-md-1>* {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	.row-cols-md-2>* {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.row-cols-md-3>* {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}

	.row-cols-md-4>* {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.row-cols-md-5>* {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%
	}

	.row-cols-md-6>* {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}

	.col-md-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%
	}

	.col-md-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%
	}

	.col-md-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}

	.col-md-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.col-md-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}

	.col-md-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%
	}

	.col-md-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-md-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%
	}

	.col-md-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%
	}

	.col-md-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}

	.col-md-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%
	}

	.col-md-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%
	}

	.col-md-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	.order-md-first {
		-ms-flex-order: -1;
		order: -1
	}

	.order-md-last {
		-ms-flex-order: 13;
		order: 13
	}

	.order-md-0 {
		-ms-flex-order: 0;
		order: 0
	}

	.order-md-1 {
		-ms-flex-order: 1;
		order: 1
	}

	.order-md-2 {
		-ms-flex-order: 2;
		order: 2
	}

	.order-md-3 {
		-ms-flex-order: 3;
		order: 3
	}

	.order-md-4 {
		-ms-flex-order: 4;
		order: 4
	}

	.order-md-5 {
		-ms-flex-order: 5;
		order: 5
	}

	.order-md-6 {
		-ms-flex-order: 6;
		order: 6
	}

	.order-md-7 {
		-ms-flex-order: 7;
		order: 7
	}

	.order-md-8 {
		-ms-flex-order: 8;
		order: 8
	}

	.order-md-9 {
		-ms-flex-order: 9;
		order: 9
	}

	.order-md-10 {
		-ms-flex-order: 10;
		order: 10
	}

	.order-md-11 {
		-ms-flex-order: 11;
		order: 11
	}

	.order-md-12 {
		-ms-flex-order: 12;
		order: 12
	}

	.offset-md-0 {
		margin-left: 0
	}

	.offset-md-1 {
		margin-left: 8.333333%
	}

	.offset-md-2 {
		margin-left: 16.666667%
	}

	.offset-md-3 {
		margin-left: 25%
	}

	.offset-md-4 {
		margin-left: 33.333333%
	}

	.offset-md-5 {
		margin-left: 41.666667%
	}

	.offset-md-6 {
		margin-left: 50%
	}

	.offset-md-7 {
		margin-left: 58.333333%
	}

	.offset-md-8 {
		margin-left: 66.666667%
	}

	.offset-md-9 {
		margin-left: 75%
	}

	.offset-md-10 {
		margin-left: 83.333333%
	}

	.offset-md-11 {
		margin-left: 91.666667%
	}
}

@media(min-width:992px) {
	.col-lg {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}

	.row-cols-lg-1>* {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	.row-cols-lg-2>* {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.row-cols-lg-3>* {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}

	.row-cols-lg-4>* {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.row-cols-lg-5>* {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%
	}

	.row-cols-lg-6>* {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}

	.col-lg-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%
	}

	.col-lg-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%
	}

	.col-lg-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}

	.col-lg-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.col-lg-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}

	.col-lg-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%
	}

	.col-lg-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-lg-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%
	}

	.col-lg-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%
	}

	.col-lg-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}

	.col-lg-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%
	}

	.col-lg-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%
	}

	.col-lg-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	.order-lg-first {
		-ms-flex-order: -1;
		order: -1
	}

	.order-lg-last {
		-ms-flex-order: 13;
		order: 13
	}

	.order-lg-0 {
		-ms-flex-order: 0;
		order: 0
	}

	.order-lg-1 {
		-ms-flex-order: 1;
		order: 1
	}

	.order-lg-2 {
		-ms-flex-order: 2;
		order: 2
	}

	.order-lg-3 {
		-ms-flex-order: 3;
		order: 3
	}

	.order-lg-4 {
		-ms-flex-order: 4;
		order: 4
	}

	.order-lg-5 {
		-ms-flex-order: 5;
		order: 5
	}

	.order-lg-6 {
		-ms-flex-order: 6;
		order: 6
	}

	.order-lg-7 {
		-ms-flex-order: 7;
		order: 7
	}

	.order-lg-8 {
		-ms-flex-order: 8;
		order: 8
	}

	.order-lg-9 {
		-ms-flex-order: 9;
		order: 9
	}

	.order-lg-10 {
		-ms-flex-order: 10;
		order: 10
	}

	.order-lg-11 {
		-ms-flex-order: 11;
		order: 11
	}

	.order-lg-12 {
		-ms-flex-order: 12;
		order: 12
	}

	.offset-lg-0 {
		margin-left: 0
	}

	.offset-lg-1 {
		margin-left: 8.333333%
	}

	.offset-lg-2 {
		margin-left: 16.666667%
	}

	.offset-lg-3 {
		margin-left: 25%
	}

	.offset-lg-4 {
		margin-left: 33.333333%
	}

	.offset-lg-5 {
		margin-left: 41.666667%
	}

	.offset-lg-6 {
		margin-left: 50%
	}

	.offset-lg-7 {
		margin-left: 58.333333%
	}

	.offset-lg-8 {
		margin-left: 66.666667%
	}

	.offset-lg-9 {
		margin-left: 75%
	}

	.offset-lg-10 {
		margin-left: 83.333333%
	}

	.offset-lg-11 {
		margin-left: 91.666667%
	}
}

@media(min-width:1200px) {
	.col-xl {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%
	}

	.row-cols-xl-1>* {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	.row-cols-xl-2>* {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.row-cols-xl-3>* {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}

	.row-cols-xl-4>* {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.row-cols-xl-5>* {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%
	}

	.row-cols-xl-6>* {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}

	.col-xl-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%
	}

	.col-xl-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%
	}

	.col-xl-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}

	.col-xl-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.col-xl-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}

	.col-xl-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%
	}

	.col-xl-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.col-xl-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%
	}

	.col-xl-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%
	}

	.col-xl-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%
	}

	.col-xl-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%
	}

	.col-xl-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%
	}

	.col-xl-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	.order-xl-first {
		-ms-flex-order: -1;
		order: -1
	}

	.order-xl-last {
		-ms-flex-order: 13;
		order: 13
	}

	.order-xl-0 {
		-ms-flex-order: 0;
		order: 0
	}

	.order-xl-1 {
		-ms-flex-order: 1;
		order: 1
	}

	.order-xl-2 {
		-ms-flex-order: 2;
		order: 2
	}

	.order-xl-3 {
		-ms-flex-order: 3;
		order: 3
	}

	.order-xl-4 {
		-ms-flex-order: 4;
		order: 4
	}

	.order-xl-5 {
		-ms-flex-order: 5;
		order: 5
	}

	.order-xl-6 {
		-ms-flex-order: 6;
		order: 6
	}

	.order-xl-7 {
		-ms-flex-order: 7;
		order: 7
	}

	.order-xl-8 {
		-ms-flex-order: 8;
		order: 8
	}

	.order-xl-9 {
		-ms-flex-order: 9;
		order: 9
	}

	.order-xl-10 {
		-ms-flex-order: 10;
		order: 10
	}

	.order-xl-11 {
		-ms-flex-order: 11;
		order: 11
	}

	.order-xl-12 {
		-ms-flex-order: 12;
		order: 12
	}

	.offset-xl-0 {
		margin-left: 0
	}

	.offset-xl-1 {
		margin-left: 8.333333%
	}

	.offset-xl-2 {
		margin-left: 16.666667%
	}

	.offset-xl-3 {
		margin-left: 25%
	}

	.offset-xl-4 {
		margin-left: 33.333333%
	}

	.offset-xl-5 {
		margin-left: 41.666667%
	}

	.offset-xl-6 {
		margin-left: 50%
	}

	.offset-xl-7 {
		margin-left: 58.333333%
	}

	.offset-xl-8 {
		margin-left: 66.666667%
	}

	.offset-xl-9 {
		margin-left: 75%
	}

	.offset-xl-10 {
		margin-left: 83.333333%
	}

	.offset-xl-11 {
		margin-left: 91.666667%
	}
}

.d-none {
	display: none !important
}

.d-inline {
	display: inline !important
}

.d-inline-block {
	display: inline-block !important
}

.d-block {
	display: block !important
}

.d-table {
	display: table !important
}

.d-table-row {
	display: table-row !important
}

.d-table-cell {
	display: table-cell !important
}

.d-flex {
	display: -ms-flexbox !important;
	display: flex !important
}

.d-inline-flex {
	display: -ms-inline-flexbox !important;
	display: inline-flex !important
}

@media(min-width:576px) {
	.d-sm-none {
		display: none !important
	}

	.d-sm-inline {
		display: inline !important
	}

	.d-sm-inline-block {
		display: inline-block !important
	}

	.d-sm-block {
		display: block !important
	}

	.d-sm-table {
		display: table !important
	}

	.d-sm-table-row {
		display: table-row !important
	}

	.d-sm-table-cell {
		display: table-cell !important
	}

	.d-sm-flex {
		display: -ms-flexbox !important;
		display: flex !important
	}

	.d-sm-inline-flex {
		display: -ms-inline-flexbox !important;
		display: inline-flex !important
	}
}

@media(min-width:768px) {
	.d-md-none {
		display: none !important
	}

	.d-md-inline {
		display: inline !important
	}

	.d-md-inline-block {
		display: inline-block !important
	}

	.d-md-block {
		display: block !important
	}

	.d-md-table {
		display: table !important
	}

	.d-md-table-row {
		display: table-row !important
	}

	.d-md-table-cell {
		display: table-cell !important
	}

	.d-md-flex {
		display: -ms-flexbox !important;
		display: flex !important
	}

	.d-md-inline-flex {
		display: -ms-inline-flexbox !important;
		display: inline-flex !important
	}
}

@media(min-width:992px) {
	.d-lg-none {
		display: none !important
	}

	.d-lg-inline {
		display: inline !important
	}

	.d-lg-inline-block {
		display: inline-block !important
	}

	.d-lg-block {
		display: block !important
	}

	.d-lg-table {
		display: table !important
	}

	.d-lg-table-row {
		display: table-row !important
	}

	.d-lg-table-cell {
		display: table-cell !important
	}

	.d-lg-flex {
		display: -ms-flexbox !important;
		display: flex !important
	}

	.d-lg-inline-flex {
		display: -ms-inline-flexbox !important;
		display: inline-flex !important
	}
}

@media(min-width:1200px) {
	.d-xl-none {
		display: none !important
	}

	.d-xl-inline {
		display: inline !important
	}

	.d-xl-inline-block {
		display: inline-block !important
	}

	.d-xl-block {
		display: block !important
	}

	.d-xl-table {
		display: table !important
	}

	.d-xl-table-row {
		display: table-row !important
	}

	.d-xl-table-cell {
		display: table-cell !important
	}

	.d-xl-flex {
		display: -ms-flexbox !important;
		display: flex !important
	}

	.d-xl-inline-flex {
		display: -ms-inline-flexbox !important;
		display: inline-flex !important
	}
}

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

@media(min-width:576px) {

	.container,
	.container-sm {
		max-width: 540px
	}
}

@media(min-width:768px) {

	.container,
	.container-sm,
	.container-md {
		max-width: 720px
	}
}

@media(min-width:992px) {

	.container,
	.container-sm,
	.container-md,
	.container-lg {
		max-width: 960px
	}
}

@media(min-width:1200px) {

	.container,
	.container-sm,
	.container-md,
	.container-lg,
	.container-xl {
		max-width: 1140px
	}
}

.flex-row {
	-ms-flex-direction: row !important;
	flex-direction: row !important
}

.flex-column {
	-ms-flex-direction: column !important;
	flex-direction: column !important
}

.flex-row-reverse {
	-ms-flex-direction: row-reverse !important;
	flex-direction: row-reverse !important
}

.flex-column-reverse {
	-ms-flex-direction: column-reverse !important;
	flex-direction: column-reverse !important
}

.flex-wrap {
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important
}

.flex-nowrap {
	-ms-flex-wrap: nowrap !important;
	flex-wrap: nowrap !important
}

.flex-wrap-reverse {
	-ms-flex-wrap: wrap-reverse !important;
	flex-wrap: wrap-reverse !important
}

.flex-fill {
	-ms-flex: 1 1 auto !important;
	flex: 1 1 auto !important
}

.flex-grow-0 {
	-ms-flex-positive: 0 !important;
	flex-grow: 0 !important
}

.flex-grow-1 {
	-ms-flex-positive: 1 !important;
	flex-grow: 1 !important
}

.flex-shrink-0 {
	-ms-flex-negative: 0 !important;
	flex-shrink: 0 !important
}

.flex-shrink-1 {
	-ms-flex-negative: 1 !important;
	flex-shrink: 1 !important
}

.justify-content-start {
	-ms-flex-pack: start !important;
	justify-content: flex-start !important
}

.justify-content-end {
	-ms-flex-pack: end !important;
	justify-content: flex-end !important
}

.justify-content-center {
	-ms-flex-pack: center !important;
	justify-content: center !important
}

.justify-content-between {
	-ms-flex-pack: justify !important;
	justify-content: space-between !important
}

.justify-content-around {
	-ms-flex-pack: distribute !important;
	justify-content: space-around !important
}

.align-items-start {
	-ms-flex-align: start !important;
	align-items: flex-start !important
}

.align-items-end {
	-ms-flex-align: end !important;
	align-items: flex-end !important
}

.align-items-center {
	-ms-flex-align: center !important;
	align-items: center !important
}

.align-items-baseline {
	-ms-flex-align: baseline !important;
	align-items: baseline !important
}

.align-items-stretch {
	-ms-flex-align: stretch !important;
	align-items: stretch !important
}

.align-content-start {
	-ms-flex-line-pack: start !important;
	align-content: flex-start !important
}

.align-content-end {
	-ms-flex-line-pack: end !important;
	align-content: flex-end !important
}

.align-content-center {
	-ms-flex-line-pack: center !important;
	align-content: center !important
}

.align-content-between {
	-ms-flex-line-pack: justify !important;
	align-content: space-between !important
}

.align-content-around {
	-ms-flex-line-pack: distribute !important;
	align-content: space-around !important
}

.align-content-stretch {
	-ms-flex-line-pack: stretch !important;
	align-content: stretch !important
}

.align-self-auto {
	-ms-flex-item-align: auto !important;
	align-self: auto !important
}

.align-self-start {
	-ms-flex-item-align: start !important;
	align-self: flex-start !important
}

.align-self-end {
	-ms-flex-item-align: end !important;
	align-self: flex-end !important
}

.align-self-center {
	-ms-flex-item-align: center !important;
	align-self: center !important
}

.align-self-baseline {
	-ms-flex-item-align: baseline !important;
	align-self: baseline !important
}

.align-self-stretch {
	-ms-flex-item-align: stretch !important;
	align-self: stretch !important
}

@media(min-width:576px) {
	.flex-sm-row {
		-ms-flex-direction: row !important;
		flex-direction: row !important
	}

	.flex-sm-column {
		-ms-flex-direction: column !important;
		flex-direction: column !important
	}

	.flex-sm-row-reverse {
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important
	}

	.flex-sm-column-reverse {
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important
	}

	.flex-sm-wrap {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important
	}

	.flex-sm-nowrap {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important
	}

	.flex-sm-wrap-reverse {
		-ms-flex-wrap: wrap-reverse !important;
		flex-wrap: wrap-reverse !important
	}

	.flex-sm-fill {
		-ms-flex: 1 1 auto !important;
		flex: 1 1 auto !important
	}

	.flex-sm-grow-0 {
		-ms-flex-positive: 0 !important;
		flex-grow: 0 !important
	}

	.flex-sm-grow-1 {
		-ms-flex-positive: 1 !important;
		flex-grow: 1 !important
	}

	.flex-sm-shrink-0 {
		-ms-flex-negative: 0 !important;
		flex-shrink: 0 !important
	}

	.flex-sm-shrink-1 {
		-ms-flex-negative: 1 !important;
		flex-shrink: 1 !important
	}

	.justify-content-sm-start {
		-ms-flex-pack: start !important;
		justify-content: flex-start !important
	}

	.justify-content-sm-end {
		-ms-flex-pack: end !important;
		justify-content: flex-end !important
	}

	.justify-content-sm-center {
		-ms-flex-pack: center !important;
		justify-content: center !important
	}

	.justify-content-sm-between {
		-ms-flex-pack: justify !important;
		justify-content: space-between !important
	}

	.justify-content-sm-around {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important
	}

	.align-items-sm-start {
		-ms-flex-align: start !important;
		align-items: flex-start !important
	}

	.align-items-sm-end {
		-ms-flex-align: end !important;
		align-items: flex-end !important
	}

	.align-items-sm-center {
		-ms-flex-align: center !important;
		align-items: center !important
	}

	.align-items-sm-baseline {
		-ms-flex-align: baseline !important;
		align-items: baseline !important
	}

	.align-items-sm-stretch {
		-ms-flex-align: stretch !important;
		align-items: stretch !important
	}

	.align-content-sm-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important
	}

	.align-content-sm-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important
	}

	.align-content-sm-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important
	}

	.align-content-sm-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important
	}

	.align-content-sm-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important
	}

	.align-content-sm-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important
	}

	.align-self-sm-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important
	}

	.align-self-sm-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important
	}

	.align-self-sm-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important
	}

	.align-self-sm-center {
		-ms-flex-item-align: center !important;
		align-self: center !important
	}

	.align-self-sm-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important
	}

	.align-self-sm-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important
	}
}

@media(min-width:768px) {
	.flex-md-row {
		-ms-flex-direction: row !important;
		flex-direction: row !important
	}

	.flex-md-column {
		-ms-flex-direction: column !important;
		flex-direction: column !important
	}

	.flex-md-row-reverse {
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important
	}

	.flex-md-column-reverse {
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important
	}

	.flex-md-wrap {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important
	}

	.flex-md-nowrap {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important
	}

	.flex-md-wrap-reverse {
		-ms-flex-wrap: wrap-reverse !important;
		flex-wrap: wrap-reverse !important
	}

	.flex-md-fill {
		-ms-flex: 1 1 auto !important;
		flex: 1 1 auto !important
	}

	.flex-md-grow-0 {
		-ms-flex-positive: 0 !important;
		flex-grow: 0 !important
	}

	.flex-md-grow-1 {
		-ms-flex-positive: 1 !important;
		flex-grow: 1 !important
	}

	.flex-md-shrink-0 {
		-ms-flex-negative: 0 !important;
		flex-shrink: 0 !important
	}

	.flex-md-shrink-1 {
		-ms-flex-negative: 1 !important;
		flex-shrink: 1 !important
	}

	.justify-content-md-start {
		-ms-flex-pack: start !important;
		justify-content: flex-start !important
	}

	.justify-content-md-end {
		-ms-flex-pack: end !important;
		justify-content: flex-end !important
	}

	.justify-content-md-center {
		-ms-flex-pack: center !important;
		justify-content: center !important
	}

	.justify-content-md-between {
		-ms-flex-pack: justify !important;
		justify-content: space-between !important
	}

	.justify-content-md-around {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important
	}

	.align-items-md-start {
		-ms-flex-align: start !important;
		align-items: flex-start !important
	}

	.align-items-md-end {
		-ms-flex-align: end !important;
		align-items: flex-end !important
	}

	.align-items-md-center {
		-ms-flex-align: center !important;
		align-items: center !important
	}

	.align-items-md-baseline {
		-ms-flex-align: baseline !important;
		align-items: baseline !important
	}

	.align-items-md-stretch {
		-ms-flex-align: stretch !important;
		align-items: stretch !important
	}

	.align-content-md-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important
	}

	.align-content-md-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important
	}

	.align-content-md-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important
	}

	.align-content-md-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important
	}

	.align-content-md-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important
	}

	.align-content-md-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important
	}

	.align-self-md-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important
	}

	.align-self-md-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important
	}

	.align-self-md-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important
	}

	.align-self-md-center {
		-ms-flex-item-align: center !important;
		align-self: center !important
	}

	.align-self-md-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important
	}

	.align-self-md-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important
	}
}

@media(min-width:992px) {
	.flex-lg-row {
		-ms-flex-direction: row !important;
		flex-direction: row !important
	}

	.flex-lg-column {
		-ms-flex-direction: column !important;
		flex-direction: column !important
	}

	.flex-lg-row-reverse {
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important
	}

	.flex-lg-column-reverse {
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important
	}

	.flex-lg-wrap {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important
	}

	.flex-lg-nowrap {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important
	}

	.flex-lg-wrap-reverse {
		-ms-flex-wrap: wrap-reverse !important;
		flex-wrap: wrap-reverse !important
	}

	.flex-lg-fill {
		-ms-flex: 1 1 auto !important;
		flex: 1 1 auto !important
	}

	.flex-lg-grow-0 {
		-ms-flex-positive: 0 !important;
		flex-grow: 0 !important
	}

	.flex-lg-grow-1 {
		-ms-flex-positive: 1 !important;
		flex-grow: 1 !important
	}

	.flex-lg-shrink-0 {
		-ms-flex-negative: 0 !important;
		flex-shrink: 0 !important
	}

	.flex-lg-shrink-1 {
		-ms-flex-negative: 1 !important;
		flex-shrink: 1 !important
	}

	.justify-content-lg-start {
		-ms-flex-pack: start !important;
		justify-content: flex-start !important
	}

	.justify-content-lg-end {
		-ms-flex-pack: end !important;
		justify-content: flex-end !important
	}

	.justify-content-lg-center {
		-ms-flex-pack: center !important;
		justify-content: center !important
	}

	.justify-content-lg-between {
		-ms-flex-pack: justify !important;
		justify-content: space-between !important
	}

	.justify-content-lg-around {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important
	}

	.align-items-lg-start {
		-ms-flex-align: start !important;
		align-items: flex-start !important
	}

	.align-items-lg-end {
		-ms-flex-align: end !important;
		align-items: flex-end !important
	}

	.align-items-lg-center {
		-ms-flex-align: center !important;
		align-items: center !important
	}

	.align-items-lg-baseline {
		-ms-flex-align: baseline !important;
		align-items: baseline !important
	}

	.align-items-lg-stretch {
		-ms-flex-align: stretch !important;
		align-items: stretch !important
	}

	.align-content-lg-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important
	}

	.align-content-lg-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important
	}

	.align-content-lg-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important
	}

	.align-content-lg-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important
	}

	.align-content-lg-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important
	}

	.align-content-lg-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important
	}

	.align-self-lg-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important
	}

	.align-self-lg-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important
	}

	.align-self-lg-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important
	}

	.align-self-lg-center {
		-ms-flex-item-align: center !important;
		align-self: center !important
	}

	.align-self-lg-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important
	}

	.align-self-lg-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important
	}
}

@media(min-width:1200px) {
	.flex-xl-row {
		-ms-flex-direction: row !important;
		flex-direction: row !important
	}

	.flex-xl-column {
		-ms-flex-direction: column !important;
		flex-direction: column !important
	}

	.flex-xl-row-reverse {
		-ms-flex-direction: row-reverse !important;
		flex-direction: row-reverse !important
	}

	.flex-xl-column-reverse {
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important
	}

	.flex-xl-wrap {
		-ms-flex-wrap: wrap !important;
		flex-wrap: wrap !important
	}

	.flex-xl-nowrap {
		-ms-flex-wrap: nowrap !important;
		flex-wrap: nowrap !important
	}

	.flex-xl-wrap-reverse {
		-ms-flex-wrap: wrap-reverse !important;
		flex-wrap: wrap-reverse !important
	}

	.flex-xl-fill {
		-ms-flex: 1 1 auto !important;
		flex: 1 1 auto !important
	}

	.flex-xl-grow-0 {
		-ms-flex-positive: 0 !important;
		flex-grow: 0 !important
	}

	.flex-xl-grow-1 {
		-ms-flex-positive: 1 !important;
		flex-grow: 1 !important
	}

	.flex-xl-shrink-0 {
		-ms-flex-negative: 0 !important;
		flex-shrink: 0 !important
	}

	.flex-xl-shrink-1 {
		-ms-flex-negative: 1 !important;
		flex-shrink: 1 !important
	}

	.justify-content-xl-start {
		-ms-flex-pack: start !important;
		justify-content: flex-start !important
	}

	.justify-content-xl-end {
		-ms-flex-pack: end !important;
		justify-content: flex-end !important
	}

	.justify-content-xl-center {
		-ms-flex-pack: center !important;
		justify-content: center !important
	}

	.justify-content-xl-between {
		-ms-flex-pack: justify !important;
		justify-content: space-between !important
	}

	.justify-content-xl-around {
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important
	}

	.align-items-xl-start {
		-ms-flex-align: start !important;
		align-items: flex-start !important
	}

	.align-items-xl-end {
		-ms-flex-align: end !important;
		align-items: flex-end !important
	}

	.align-items-xl-center {
		-ms-flex-align: center !important;
		align-items: center !important
	}

	.align-items-xl-baseline {
		-ms-flex-align: baseline !important;
		align-items: baseline !important
	}

	.align-items-xl-stretch {
		-ms-flex-align: stretch !important;
		align-items: stretch !important
	}

	.align-content-xl-start {
		-ms-flex-line-pack: start !important;
		align-content: flex-start !important
	}

	.align-content-xl-end {
		-ms-flex-line-pack: end !important;
		align-content: flex-end !important
	}

	.align-content-xl-center {
		-ms-flex-line-pack: center !important;
		align-content: center !important
	}

	.align-content-xl-between {
		-ms-flex-line-pack: justify !important;
		align-content: space-between !important
	}

	.align-content-xl-around {
		-ms-flex-line-pack: distribute !important;
		align-content: space-around !important
	}

	.align-content-xl-stretch {
		-ms-flex-line-pack: stretch !important;
		align-content: stretch !important
	}

	.align-self-xl-auto {
		-ms-flex-item-align: auto !important;
		align-self: auto !important
	}

	.align-self-xl-start {
		-ms-flex-item-align: start !important;
		align-self: flex-start !important
	}

	.align-self-xl-end {
		-ms-flex-item-align: end !important;
		align-self: flex-end !important
	}

	.align-self-xl-center {
		-ms-flex-item-align: center !important;
		align-self: center !important
	}

	.align-self-xl-baseline {
		-ms-flex-item-align: baseline !important;
		align-self: baseline !important
	}

	.align-self-xl-stretch {
		-ms-flex-item-align: stretch !important;
		align-self: stretch !important
	}
}

.m-0 {
	margin: 0 !important
}

.mt-0,
.my-0 {
	margin-top: 0 !important
}

.mr-0,
.mx-0 {
	margin-right: 0 !important
}

.mb-0,
.my-0 {
	margin-bottom: 0 !important
}

.ml-0,
.mx-0 {
	margin-left: 0 !important
}

.m-1 {
	margin: .25rem !important
}

.mt-1,
.my-1 {
	margin-top: .25rem !important
}

.mr-1,
.mx-1 {
	margin-right: .25rem !important
}

.mb-1,
.my-1 {
	margin-bottom: .25rem !important
}

.ml-1,
.mx-1 {
	margin-left: .25rem !important
}

.m-2 {
	margin: .5rem !important
}

.mt-2,
.my-2 {
	margin-top: .5rem !important
}

.mr-2,
.mx-2 {
	margin-right: .5rem !important
}

.mb-2,
.my-2 {
	margin-bottom: .5rem !important
}

.ml-2,
.mx-2 {
	margin-left: .5rem !important
}

.m-3 {
	margin: 1rem !important
}

.mt-3,
.my-3 {
	margin-top: 1rem !important
}

.mr-3,
.mx-3 {
	margin-right: 1rem !important
}

.mb-3,
.my-3 {
	margin-bottom: 1rem !important
}

.ml-3,
.mx-3 {
	margin-left: 1rem !important
}

.m-4 {
	margin: 1.5rem !important
}

.mt-4,
.my-4 {
	margin-top: 1.5rem !important
}

.mr-4,
.mx-4 {
	margin-right: 1.5rem !important
}

.mb-4,
.my-4 {
	margin-bottom: 1.5rem !important
}

.ml-4,
.mx-4 {
	margin-left: 1.5rem !important
}

.m-5 {
	margin: 3rem !important
}

.mt-5,
.my-5 {
	margin-top: 3rem !important
}

.mr-5,
.mx-5 {
	margin-right: 3rem !important
}

.mb-5,
.my-5 {
	margin-bottom: 3rem !important
}

.ml-5,
.mx-5 {
	margin-left: 3rem !important
}

.p-0 {
	padding: 0 !important
}

.pt-0,
.py-0 {
	padding-top: 0 !important
}

.pr-0,
.px-0 {
	padding-right: 0 !important
}

.pb-0,
.py-0 {
	padding-bottom: 0 !important
}

.pl-0,
.px-0 {
	padding-left: 0 !important
}

.p-1 {
	padding: .25rem !important
}

.pt-1,
.py-1 {
	padding-top: .25rem !important
}

.pr-1,
.px-1 {
	padding-right: .25rem !important
}

.pb-1,
.py-1 {
	padding-bottom: .25rem !important
}

.pl-1,
.px-1 {
	padding-left: .25rem !important
}

.p-2 {
	padding: .5rem !important
}

.pt-2,
.py-2 {
	padding-top: .5rem !important
}

.pr-2,
.px-2 {
	padding-right: .5rem !important
}

.pb-2,
.py-2 {
	padding-bottom: .5rem !important
}

.pl-2,
.px-2 {
	padding-left: .5rem !important
}

.p-3 {
	padding: 1rem !important
}

.pt-3,
.py-3 {
	padding-top: 1rem !important
}

.pr-3,
.px-3 {
	padding-right: 1rem !important
}

.pb-3,
.py-3 {
	padding-bottom: 1rem !important
}

.pl-3,
.px-3 {
	padding-left: 1rem !important
}

.p-4 {
	padding: 1.5rem !important
}

.pt-4,
.py-4 {
	padding-top: 1.5rem !important
}

.pr-4,
.px-4 {
	padding-right: 1.5rem !important
}

.pb-4,
.py-4 {
	padding-bottom: 1.5rem !important
}

.pl-4,
.px-4 {
	padding-left: 1.5rem !important
}

.p-5 {
	padding: 3rem !important
}

.pt-5,
.py-5 {
	padding-top: 3rem !important
}

.pr-5,
.px-5 {
	padding-right: 3rem !important
}

.pb-5,
.py-5 {
	padding-bottom: 3rem !important
}

.pl-5,
.px-5 {
	padding-left: 3rem !important
}

.m-n1 {
	margin: -.25rem !important
}

.mt-n1,
.my-n1 {
	margin-top: -.25rem !important
}

.mr-n1,
.mx-n1 {
	margin-right: -.25rem !important
}

.mb-n1,
.my-n1 {
	margin-bottom: -.25rem !important
}

.ml-n1,
.mx-n1 {
	margin-left: -.25rem !important
}

.m-n2 {
	margin: -.5rem !important
}

.mt-n2,
.my-n2 {
	margin-top: -.5rem !important
}

.mr-n2,
.mx-n2 {
	margin-right: -.5rem !important
}

.mb-n2,
.my-n2 {
	margin-bottom: -.5rem !important
}

.ml-n2,
.mx-n2 {
	margin-left: -.5rem !important
}

.m-n3 {
	margin: -1rem !important
}

.mt-n3,
.my-n3 {
	margin-top: -1rem !important
}

.mr-n3,
.mx-n3 {
	margin-right: -1rem !important
}

.mb-n3,
.my-n3 {
	margin-bottom: -1rem !important
}

.ml-n3,
.mx-n3 {
	margin-left: -1rem !important
}

.m-n4 {
	margin: -1.5rem !important
}

.mt-n4,
.my-n4 {
	margin-top: -1.5rem !important
}

.mr-n4,
.mx-n4 {
	margin-right: -1.5rem !important
}

.mb-n4,
.my-n4 {
	margin-bottom: -1.5rem !important
}

.ml-n4,
.mx-n4 {
	margin-left: -1.5rem !important
}

.m-n5 {
	margin: -3rem !important
}

.mt-n5,
.my-n5 {
	margin-top: -3rem !important
}

.mr-n5,
.mx-n5 {
	margin-right: -3rem !important
}

.mb-n5,
.my-n5 {
	margin-bottom: -3rem !important
}

.ml-n5,
.mx-n5 {
	margin-left: -3rem !important
}

.m-auto {
	margin: auto !important
}

.mt-auto,
.my-auto {
	margin-top: auto !important
}

.mr-auto,
.mx-auto {
	margin-right: auto !important
}

.mb-auto,
.my-auto {
	margin-bottom: auto !important
}

.ml-auto,
.mx-auto {
	margin-left: auto !important
}

@media(min-width:576px) {
	.m-sm-0 {
		margin: 0 !important
	}

	.mt-sm-0,
	.my-sm-0 {
		margin-top: 0 !important
	}

	.mr-sm-0,
	.mx-sm-0 {
		margin-right: 0 !important
	}

	.mb-sm-0,
	.my-sm-0 {
		margin-bottom: 0 !important
	}

	.ml-sm-0,
	.mx-sm-0 {
		margin-left: 0 !important
	}

	.m-sm-1 {
		margin: .25rem !important
	}

	.mt-sm-1,
	.my-sm-1 {
		margin-top: .25rem !important
	}

	.mr-sm-1,
	.mx-sm-1 {
		margin-right: .25rem !important
	}

	.mb-sm-1,
	.my-sm-1 {
		margin-bottom: .25rem !important
	}

	.ml-sm-1,
	.mx-sm-1 {
		margin-left: .25rem !important
	}

	.m-sm-2 {
		margin: .5rem !important
	}

	.mt-sm-2,
	.my-sm-2 {
		margin-top: .5rem !important
	}

	.mr-sm-2,
	.mx-sm-2 {
		margin-right: .5rem !important
	}

	.mb-sm-2,
	.my-sm-2 {
		margin-bottom: .5rem !important
	}

	.ml-sm-2,
	.mx-sm-2 {
		margin-left: .5rem !important
	}

	.m-sm-3 {
		margin: 1rem !important
	}

	.mt-sm-3,
	.my-sm-3 {
		margin-top: 1rem !important
	}

	.mr-sm-3,
	.mx-sm-3 {
		margin-right: 1rem !important
	}

	.mb-sm-3,
	.my-sm-3 {
		margin-bottom: 1rem !important
	}

	.ml-sm-3,
	.mx-sm-3 {
		margin-left: 1rem !important
	}

	.m-sm-4 {
		margin: 1.5rem !important
	}

	.mt-sm-4,
	.my-sm-4 {
		margin-top: 1.5rem !important
	}

	.mr-sm-4,
	.mx-sm-4 {
		margin-right: 1.5rem !important
	}

	.mb-sm-4,
	.my-sm-4 {
		margin-bottom: 1.5rem !important
	}

	.ml-sm-4,
	.mx-sm-4 {
		margin-left: 1.5rem !important
	}

	.m-sm-5 {
		margin: 3rem !important
	}

	.mt-sm-5,
	.my-sm-5 {
		margin-top: 3rem !important
	}

	.mr-sm-5,
	.mx-sm-5 {
		margin-right: 3rem !important
	}

	.mb-sm-5,
	.my-sm-5 {
		margin-bottom: 3rem !important
	}

	.ml-sm-5,
	.mx-sm-5 {
		margin-left: 3rem !important
	}

	.p-sm-0 {
		padding: 0 !important
	}

	.pt-sm-0,
	.py-sm-0 {
		padding-top: 0 !important
	}

	.pr-sm-0,
	.px-sm-0 {
		padding-right: 0 !important
	}

	.pb-sm-0,
	.py-sm-0 {
		padding-bottom: 0 !important
	}

	.pl-sm-0,
	.px-sm-0 {
		padding-left: 0 !important
	}

	.p-sm-1 {
		padding: .25rem !important
	}

	.pt-sm-1,
	.py-sm-1 {
		padding-top: .25rem !important
	}

	.pr-sm-1,
	.px-sm-1 {
		padding-right: .25rem !important
	}

	.pb-sm-1,
	.py-sm-1 {
		padding-bottom: .25rem !important
	}

	.pl-sm-1,
	.px-sm-1 {
		padding-left: .25rem !important
	}

	.p-sm-2 {
		padding: .5rem !important
	}

	.pt-sm-2,
	.py-sm-2 {
		padding-top: .5rem !important
	}

	.pr-sm-2,
	.px-sm-2 {
		padding-right: .5rem !important
	}

	.pb-sm-2,
	.py-sm-2 {
		padding-bottom: .5rem !important
	}

	.pl-sm-2,
	.px-sm-2 {
		padding-left: .5rem !important
	}

	.p-sm-3 {
		padding: 1rem !important
	}

	.pt-sm-3,
	.py-sm-3 {
		padding-top: 1rem !important
	}

	.pr-sm-3,
	.px-sm-3 {
		padding-right: 1rem !important
	}

	.pb-sm-3,
	.py-sm-3 {
		padding-bottom: 1rem !important
	}

	.pl-sm-3,
	.px-sm-3 {
		padding-left: 1rem !important
	}

	.p-sm-4 {
		padding: 1.5rem !important
	}

	.pt-sm-4,
	.py-sm-4 {
		padding-top: 1.5rem !important
	}

	.pr-sm-4,
	.px-sm-4 {
		padding-right: 1.5rem !important
	}

	.pb-sm-4,
	.py-sm-4 {
		padding-bottom: 1.5rem !important
	}

	.pl-sm-4,
	.px-sm-4 {
		padding-left: 1.5rem !important
	}

	.p-sm-5 {
		padding: 3rem !important
	}

	.pt-sm-5,
	.py-sm-5 {
		padding-top: 3rem !important
	}

	.pr-sm-5,
	.px-sm-5 {
		padding-right: 3rem !important
	}

	.pb-sm-5,
	.py-sm-5 {
		padding-bottom: 3rem !important
	}

	.pl-sm-5,
	.px-sm-5 {
		padding-left: 3rem !important
	}

	.m-sm-n1 {
		margin: -.25rem !important
	}

	.mt-sm-n1,
	.my-sm-n1 {
		margin-top: -.25rem !important
	}

	.mr-sm-n1,
	.mx-sm-n1 {
		margin-right: -.25rem !important
	}

	.mb-sm-n1,
	.my-sm-n1 {
		margin-bottom: -.25rem !important
	}

	.ml-sm-n1,
	.mx-sm-n1 {
		margin-left: -.25rem !important
	}

	.m-sm-n2 {
		margin: -.5rem !important
	}

	.mt-sm-n2,
	.my-sm-n2 {
		margin-top: -.5rem !important
	}

	.mr-sm-n2,
	.mx-sm-n2 {
		margin-right: -.5rem !important
	}

	.mb-sm-n2,
	.my-sm-n2 {
		margin-bottom: -.5rem !important
	}

	.ml-sm-n2,
	.mx-sm-n2 {
		margin-left: -.5rem !important
	}

	.m-sm-n3 {
		margin: -1rem !important
	}

	.mt-sm-n3,
	.my-sm-n3 {
		margin-top: -1rem !important
	}

	.mr-sm-n3,
	.mx-sm-n3 {
		margin-right: -1rem !important
	}

	.mb-sm-n3,
	.my-sm-n3 {
		margin-bottom: -1rem !important
	}

	.ml-sm-n3,
	.mx-sm-n3 {
		margin-left: -1rem !important
	}

	.m-sm-n4 {
		margin: -1.5rem !important
	}

	.mt-sm-n4,
	.my-sm-n4 {
		margin-top: -1.5rem !important
	}

	.mr-sm-n4,
	.mx-sm-n4 {
		margin-right: -1.5rem !important
	}

	.mb-sm-n4,
	.my-sm-n4 {
		margin-bottom: -1.5rem !important
	}

	.ml-sm-n4,
	.mx-sm-n4 {
		margin-left: -1.5rem !important
	}

	.m-sm-n5 {
		margin: -3rem !important
	}

	.mt-sm-n5,
	.my-sm-n5 {
		margin-top: -3rem !important
	}

	.mr-sm-n5,
	.mx-sm-n5 {
		margin-right: -3rem !important
	}

	.mb-sm-n5,
	.my-sm-n5 {
		margin-bottom: -3rem !important
	}

	.ml-sm-n5,
	.mx-sm-n5 {
		margin-left: -3rem !important
	}

	.m-sm-auto {
		margin: auto !important
	}

	.mt-sm-auto,
	.my-sm-auto {
		margin-top: auto !important
	}

	.mr-sm-auto,
	.mx-sm-auto {
		margin-right: auto !important
	}

	.mb-sm-auto,
	.my-sm-auto {
		margin-bottom: auto !important
	}

	.ml-sm-auto,
	.mx-sm-auto {
		margin-left: auto !important
	}
}

@media(min-width:768px) {
	.m-md-0 {
		margin: 0 !important
	}

	.mt-md-0,
	.my-md-0 {
		margin-top: 0 !important
	}

	.mr-md-0,
	.mx-md-0 {
		margin-right: 0 !important
	}

	.mb-md-0,
	.my-md-0 {
		margin-bottom: 0 !important
	}

	.ml-md-0,
	.mx-md-0 {
		margin-left: 0 !important
	}

	.m-md-1 {
		margin: .25rem !important
	}

	.mt-md-1,
	.my-md-1 {
		margin-top: .25rem !important
	}

	.mr-md-1,
	.mx-md-1 {
		margin-right: .25rem !important
	}

	.mb-md-1,
	.my-md-1 {
		margin-bottom: .25rem !important
	}

	.ml-md-1,
	.mx-md-1 {
		margin-left: .25rem !important
	}

	.m-md-2 {
		margin: .5rem !important
	}

	.mt-md-2,
	.my-md-2 {
		margin-top: .5rem !important
	}

	.mr-md-2,
	.mx-md-2 {
		margin-right: .5rem !important
	}

	.mb-md-2,
	.my-md-2 {
		margin-bottom: .5rem !important
	}

	.ml-md-2,
	.mx-md-2 {
		margin-left: .5rem !important
	}

	.m-md-3 {
		margin: 1rem !important
	}

	.mt-md-3,
	.my-md-3 {
		margin-top: 1rem !important
	}

	.mr-md-3,
	.mx-md-3 {
		margin-right: 1rem !important
	}

	.mb-md-3,
	.my-md-3 {
		margin-bottom: 1rem !important
	}

	.ml-md-3,
	.mx-md-3 {
		margin-left: 1rem !important
	}

	.m-md-4 {
		margin: 1.5rem !important
	}

	.mt-md-4,
	.my-md-4 {
		margin-top: 1.5rem !important
	}

	.mr-md-4,
	.mx-md-4 {
		margin-right: 1.5rem !important
	}

	.mb-md-4,
	.my-md-4 {
		margin-bottom: 1.5rem !important
	}

	.ml-md-4,
	.mx-md-4 {
		margin-left: 1.5rem !important
	}

	.m-md-5 {
		margin: 3rem !important
	}

	.mt-md-5,
	.my-md-5 {
		margin-top: 3rem !important
	}

	.mr-md-5,
	.mx-md-5 {
		margin-right: 3rem !important
	}

	.mb-md-5,
	.my-md-5 {
		margin-bottom: 3rem !important
	}

	.ml-md-5,
	.mx-md-5 {
		margin-left: 3rem !important
	}

	.p-md-0 {
		padding: 0 !important
	}

	.pt-md-0,
	.py-md-0 {
		padding-top: 0 !important
	}

	.pr-md-0,
	.px-md-0 {
		padding-right: 0 !important
	}

	.pb-md-0,
	.py-md-0 {
		padding-bottom: 0 !important
	}

	.pl-md-0,
	.px-md-0 {
		padding-left: 0 !important
	}

	.p-md-1 {
		padding: .25rem !important
	}

	.pt-md-1,
	.py-md-1 {
		padding-top: .25rem !important
	}

	.pr-md-1,
	.px-md-1 {
		padding-right: .25rem !important
	}

	.pb-md-1,
	.py-md-1 {
		padding-bottom: .25rem !important
	}

	.pl-md-1,
	.px-md-1 {
		padding-left: .25rem !important
	}

	.p-md-2 {
		padding: .5rem !important
	}

	.pt-md-2,
	.py-md-2 {
		padding-top: .5rem !important
	}

	.pr-md-2,
	.px-md-2 {
		padding-right: .5rem !important
	}

	.pb-md-2,
	.py-md-2 {
		padding-bottom: .5rem !important
	}

	.pl-md-2,
	.px-md-2 {
		padding-left: .5rem !important
	}

	.p-md-3 {
		padding: 1rem !important
	}

	.pt-md-3,
	.py-md-3 {
		padding-top: 1rem !important
	}

	.pr-md-3,
	.px-md-3 {
		padding-right: 1rem !important
	}

	.pb-md-3,
	.py-md-3 {
		padding-bottom: 1rem !important
	}

	.pl-md-3,
	.px-md-3 {
		padding-left: 1rem !important
	}

	.p-md-4 {
		padding: 1.5rem !important
	}

	.pt-md-4,
	.py-md-4 {
		padding-top: 1.5rem !important
	}

	.pr-md-4,
	.px-md-4 {
		padding-right: 1.5rem !important
	}

	.pb-md-4,
	.py-md-4 {
		padding-bottom: 1.5rem !important
	}

	.pl-md-4,
	.px-md-4 {
		padding-left: 1.5rem !important
	}

	.p-md-5 {
		padding: 3rem !important
	}

	.pt-md-5,
	.py-md-5 {
		padding-top: 3rem !important
	}

	.pr-md-5,
	.px-md-5 {
		padding-right: 3rem !important
	}

	.pb-md-5,
	.py-md-5 {
		padding-bottom: 3rem !important
	}

	.pl-md-5,
	.px-md-5 {
		padding-left: 3rem !important
	}

	.m-md-n1 {
		margin: -.25rem !important
	}

	.mt-md-n1,
	.my-md-n1 {
		margin-top: -.25rem !important
	}

	.mr-md-n1,
	.mx-md-n1 {
		margin-right: -.25rem !important
	}

	.mb-md-n1,
	.my-md-n1 {
		margin-bottom: -.25rem !important
	}

	.ml-md-n1,
	.mx-md-n1 {
		margin-left: -.25rem !important
	}

	.m-md-n2 {
		margin: -.5rem !important
	}

	.mt-md-n2,
	.my-md-n2 {
		margin-top: -.5rem !important
	}

	.mr-md-n2,
	.mx-md-n2 {
		margin-right: -.5rem !important
	}

	.mb-md-n2,
	.my-md-n2 {
		margin-bottom: -.5rem !important
	}

	.ml-md-n2,
	.mx-md-n2 {
		margin-left: -.5rem !important
	}

	.m-md-n3 {
		margin: -1rem !important
	}

	.mt-md-n3,
	.my-md-n3 {
		margin-top: -1rem !important
	}

	.mr-md-n3,
	.mx-md-n3 {
		margin-right: -1rem !important
	}

	.mb-md-n3,
	.my-md-n3 {
		margin-bottom: -1rem !important
	}

	.ml-md-n3,
	.mx-md-n3 {
		margin-left: -1rem !important
	}

	.m-md-n4 {
		margin: -1.5rem !important
	}

	.mt-md-n4,
	.my-md-n4 {
		margin-top: -1.5rem !important
	}

	.mr-md-n4,
	.mx-md-n4 {
		margin-right: -1.5rem !important
	}

	.mb-md-n4,
	.my-md-n4 {
		margin-bottom: -1.5rem !important
	}

	.ml-md-n4,
	.mx-md-n4 {
		margin-left: -1.5rem !important
	}

	.m-md-n5 {
		margin: -3rem !important
	}

	.mt-md-n5,
	.my-md-n5 {
		margin-top: -3rem !important
	}

	.mr-md-n5,
	.mx-md-n5 {
		margin-right: -3rem !important
	}

	.mb-md-n5,
	.my-md-n5 {
		margin-bottom: -3rem !important
	}

	.ml-md-n5,
	.mx-md-n5 {
		margin-left: -3rem !important
	}

	.m-md-auto {
		margin: auto !important
	}

	.mt-md-auto,
	.my-md-auto {
		margin-top: auto !important
	}

	.mr-md-auto,
	.mx-md-auto {
		margin-right: auto !important
	}

	.mb-md-auto,
	.my-md-auto {
		margin-bottom: auto !important
	}

	.ml-md-auto,
	.mx-md-auto {
		margin-left: auto !important
	}
}

@media(min-width:992px) {
	.m-lg-0 {
		margin: 0 !important
	}

	.mt-lg-0,
	.my-lg-0 {
		margin-top: 0 !important
	}

	.mr-lg-0,
	.mx-lg-0 {
		margin-right: 0 !important
	}

	.mb-lg-0,
	.my-lg-0 {
		margin-bottom: 0 !important
	}

	.ml-lg-0,
	.mx-lg-0 {
		margin-left: 0 !important
	}

	.m-lg-1 {
		margin: .25rem !important
	}

	.mt-lg-1,
	.my-lg-1 {
		margin-top: .25rem !important
	}

	.mr-lg-1,
	.mx-lg-1 {
		margin-right: .25rem !important
	}

	.mb-lg-1,
	.my-lg-1 {
		margin-bottom: .25rem !important
	}

	.ml-lg-1,
	.mx-lg-1 {
		margin-left: .25rem !important
	}

	.m-lg-2 {
		margin: .5rem !important
	}

	.mt-lg-2,
	.my-lg-2 {
		margin-top: .5rem !important
	}

	.mr-lg-2,
	.mx-lg-2 {
		margin-right: .5rem !important
	}

	.mb-lg-2,
	.my-lg-2 {
		margin-bottom: .5rem !important
	}

	.ml-lg-2,
	.mx-lg-2 {
		margin-left: .5rem !important
	}

	.m-lg-3 {
		margin: 1rem !important
	}

	.mt-lg-3,
	.my-lg-3 {
		margin-top: 1rem !important
	}

	.mr-lg-3,
	.mx-lg-3 {
		margin-right: 1rem !important
	}

	.mb-lg-3,
	.my-lg-3 {
		margin-bottom: 1rem !important
	}

	.ml-lg-3,
	.mx-lg-3 {
		margin-left: 1rem !important
	}

	.m-lg-4 {
		margin: 1.5rem !important
	}

	.mt-lg-4,
	.my-lg-4 {
		margin-top: 1.5rem !important
	}

	.mr-lg-4,
	.mx-lg-4 {
		margin-right: 1.5rem !important
	}

	.mb-lg-4,
	.my-lg-4 {
		margin-bottom: 1.5rem !important
	}

	.ml-lg-4,
	.mx-lg-4 {
		margin-left: 1.5rem !important
	}

	.m-lg-5 {
		margin: 3rem !important
	}

	.mt-lg-5,
	.my-lg-5 {
		margin-top: 3rem !important
	}

	.mr-lg-5,
	.mx-lg-5 {
		margin-right: 3rem !important
	}

	.mb-lg-5,
	.my-lg-5 {
		margin-bottom: 3rem !important
	}

	.ml-lg-5,
	.mx-lg-5 {
		margin-left: 3rem !important
	}

	.p-lg-0 {
		padding: 0 !important
	}

	.pt-lg-0,
	.py-lg-0 {
		padding-top: 0 !important
	}

	.pr-lg-0,
	.px-lg-0 {
		padding-right: 0 !important
	}

	.pb-lg-0,
	.py-lg-0 {
		padding-bottom: 0 !important
	}

	.pl-lg-0,
	.px-lg-0 {
		padding-left: 0 !important
	}

	.p-lg-1 {
		padding: .25rem !important
	}

	.pt-lg-1,
	.py-lg-1 {
		padding-top: .25rem !important
	}

	.pr-lg-1,
	.px-lg-1 {
		padding-right: .25rem !important
	}

	.pb-lg-1,
	.py-lg-1 {
		padding-bottom: .25rem !important
	}

	.pl-lg-1,
	.px-lg-1 {
		padding-left: .25rem !important
	}

	.p-lg-2 {
		padding: .5rem !important
	}

	.pt-lg-2,
	.py-lg-2 {
		padding-top: .5rem !important
	}

	.pr-lg-2,
	.px-lg-2 {
		padding-right: .5rem !important
	}

	.pb-lg-2,
	.py-lg-2 {
		padding-bottom: .5rem !important
	}

	.pl-lg-2,
	.px-lg-2 {
		padding-left: .5rem !important
	}

	.p-lg-3 {
		padding: 1rem !important
	}

	.pt-lg-3,
	.py-lg-3 {
		padding-top: 1rem !important
	}

	.pr-lg-3,
	.px-lg-3 {
		padding-right: 1rem !important
	}

	.pb-lg-3,
	.py-lg-3 {
		padding-bottom: 1rem !important
	}

	.pl-lg-3,
	.px-lg-3 {
		padding-left: 1rem !important
	}

	.p-lg-4 {
		padding: 1.5rem !important
	}

	.pt-lg-4,
	.py-lg-4 {
		padding-top: 1.5rem !important
	}

	.pr-lg-4,
	.px-lg-4 {
		padding-right: 1.5rem !important
	}

	.pb-lg-4,
	.py-lg-4 {
		padding-bottom: 1.5rem !important
	}

	.pl-lg-4,
	.px-lg-4 {
		padding-left: 1.5rem !important
	}

	.p-lg-5 {
		padding: 3rem !important
	}

	.pt-lg-5,
	.py-lg-5 {
		padding-top: 3rem !important
	}

	.pr-lg-5,
	.px-lg-5 {
		padding-right: 3rem !important
	}

	.pb-lg-5,
	.py-lg-5 {
		padding-bottom: 3rem !important
	}

	.pl-lg-5,
	.px-lg-5 {
		padding-left: 3rem !important
	}

	.m-lg-n1 {
		margin: -.25rem !important
	}

	.mt-lg-n1,
	.my-lg-n1 {
		margin-top: -.25rem !important
	}

	.mr-lg-n1,
	.mx-lg-n1 {
		margin-right: -.25rem !important
	}

	.mb-lg-n1,
	.my-lg-n1 {
		margin-bottom: -.25rem !important
	}

	.ml-lg-n1,
	.mx-lg-n1 {
		margin-left: -.25rem !important
	}

	.m-lg-n2 {
		margin: -.5rem !important
	}

	.mt-lg-n2,
	.my-lg-n2 {
		margin-top: -.5rem !important
	}

	.mr-lg-n2,
	.mx-lg-n2 {
		margin-right: -.5rem !important
	}

	.mb-lg-n2,
	.my-lg-n2 {
		margin-bottom: -.5rem !important
	}

	.ml-lg-n2,
	.mx-lg-n2 {
		margin-left: -.5rem !important
	}

	.m-lg-n3 {
		margin: -1rem !important
	}

	.mt-lg-n3,
	.my-lg-n3 {
		margin-top: -1rem !important
	}

	.mr-lg-n3,
	.mx-lg-n3 {
		margin-right: -1rem !important
	}

	.mb-lg-n3,
	.my-lg-n3 {
		margin-bottom: -1rem !important
	}

	.ml-lg-n3,
	.mx-lg-n3 {
		margin-left: -1rem !important
	}

	.m-lg-n4 {
		margin: -1.5rem !important
	}

	.mt-lg-n4,
	.my-lg-n4 {
		margin-top: -1.5rem !important
	}

	.mr-lg-n4,
	.mx-lg-n4 {
		margin-right: -1.5rem !important
	}

	.mb-lg-n4,
	.my-lg-n4 {
		margin-bottom: -1.5rem !important
	}

	.ml-lg-n4,
	.mx-lg-n4 {
		margin-left: -1.5rem !important
	}

	.m-lg-n5 {
		margin: -3rem !important
	}

	.mt-lg-n5,
	.my-lg-n5 {
		margin-top: -3rem !important
	}

	.mr-lg-n5,
	.mx-lg-n5 {
		margin-right: -3rem !important
	}

	.mb-lg-n5,
	.my-lg-n5 {
		margin-bottom: -3rem !important
	}

	.ml-lg-n5,
	.mx-lg-n5 {
		margin-left: -3rem !important
	}

	.m-lg-auto {
		margin: auto !important
	}

	.mt-lg-auto,
	.my-lg-auto {
		margin-top: auto !important
	}

	.mr-lg-auto,
	.mx-lg-auto {
		margin-right: auto !important
	}

	.mb-lg-auto,
	.my-lg-auto {
		margin-bottom: auto !important
	}

	.ml-lg-auto,
	.mx-lg-auto {
		margin-left: auto !important
	}
}

@media(min-width:1200px) {
	.m-xl-0 {
		margin: 0 !important
	}

	.mt-xl-0,
	.my-xl-0 {
		margin-top: 0 !important
	}

	.mr-xl-0,
	.mx-xl-0 {
		margin-right: 0 !important
	}

	.mb-xl-0,
	.my-xl-0 {
		margin-bottom: 0 !important
	}

	.ml-xl-0,
	.mx-xl-0 {
		margin-left: 0 !important
	}

	.m-xl-1 {
		margin: .25rem !important
	}

	.mt-xl-1,
	.my-xl-1 {
		margin-top: .25rem !important
	}

	.mr-xl-1,
	.mx-xl-1 {
		margin-right: .25rem !important
	}

	.mb-xl-1,
	.my-xl-1 {
		margin-bottom: .25rem !important
	}

	.ml-xl-1,
	.mx-xl-1 {
		margin-left: .25rem !important
	}

	.m-xl-2 {
		margin: .5rem !important
	}

	.mt-xl-2,
	.my-xl-2 {
		margin-top: .5rem !important
	}

	.mr-xl-2,
	.mx-xl-2 {
		margin-right: .5rem !important
	}

	.mb-xl-2,
	.my-xl-2 {
		margin-bottom: .5rem !important
	}

	.ml-xl-2,
	.mx-xl-2 {
		margin-left: .5rem !important
	}

	.m-xl-3 {
		margin: 1rem !important
	}

	.mt-xl-3,
	.my-xl-3 {
		margin-top: 1rem !important
	}

	.mr-xl-3,
	.mx-xl-3 {
		margin-right: 1rem !important
	}

	.mb-xl-3,
	.my-xl-3 {
		margin-bottom: 1rem !important
	}

	.ml-xl-3,
	.mx-xl-3 {
		margin-left: 1rem !important
	}

	.m-xl-4 {
		margin: 1.5rem !important
	}

	.mt-xl-4,
	.my-xl-4 {
		margin-top: 1.5rem !important
	}

	.mr-xl-4,
	.mx-xl-4 {
		margin-right: 1.5rem !important
	}

	.mb-xl-4,
	.my-xl-4 {
		margin-bottom: 1.5rem !important
	}

	.ml-xl-4,
	.mx-xl-4 {
		margin-left: 1.5rem !important
	}

	.m-xl-5 {
		margin: 3rem !important
	}

	.mt-xl-5,
	.my-xl-5 {
		margin-top: 3rem !important
	}

	.mr-xl-5,
	.mx-xl-5 {
		margin-right: 3rem !important
	}

	.mb-xl-5,
	.my-xl-5 {
		margin-bottom: 3rem !important
	}

	.ml-xl-5,
	.mx-xl-5 {
		margin-left: 3rem !important
	}

	.p-xl-0 {
		padding: 0 !important
	}

	.pt-xl-0,
	.py-xl-0 {
		padding-top: 0 !important
	}

	.pr-xl-0,
	.px-xl-0 {
		padding-right: 0 !important
	}

	.pb-xl-0,
	.py-xl-0 {
		padding-bottom: 0 !important
	}

	.pl-xl-0,
	.px-xl-0 {
		padding-left: 0 !important
	}

	.p-xl-1 {
		padding: .25rem !important
	}

	.pt-xl-1,
	.py-xl-1 {
		padding-top: .25rem !important
	}

	.pr-xl-1,
	.px-xl-1 {
		padding-right: .25rem !important
	}

	.pb-xl-1,
	.py-xl-1 {
		padding-bottom: .25rem !important
	}

	.pl-xl-1,
	.px-xl-1 {
		padding-left: .25rem !important
	}

	.p-xl-2 {
		padding: .5rem !important
	}

	.pt-xl-2,
	.py-xl-2 {
		padding-top: .5rem !important
	}

	.pr-xl-2,
	.px-xl-2 {
		padding-right: .5rem !important
	}

	.pb-xl-2,
	.py-xl-2 {
		padding-bottom: .5rem !important
	}

	.pl-xl-2,
	.px-xl-2 {
		padding-left: .5rem !important
	}

	.p-xl-3 {
		padding: 1rem !important
	}

	.pt-xl-3,
	.py-xl-3 {
		padding-top: 1rem !important
	}

	.pr-xl-3,
	.px-xl-3 {
		padding-right: 1rem !important
	}

	.pb-xl-3,
	.py-xl-3 {
		padding-bottom: 1rem !important
	}

	.pl-xl-3,
	.px-xl-3 {
		padding-left: 1rem !important
	}

	.p-xl-4 {
		padding: 1.5rem !important
	}

	.pt-xl-4,
	.py-xl-4 {
		padding-top: 1.5rem !important
	}

	.pr-xl-4,
	.px-xl-4 {
		padding-right: 1.5rem !important
	}

	.pb-xl-4,
	.py-xl-4 {
		padding-bottom: 1.5rem !important
	}

	.pl-xl-4,
	.px-xl-4 {
		padding-left: 1.5rem !important
	}

	.p-xl-5 {
		padding: 3rem !important
	}

	.pt-xl-5,
	.py-xl-5 {
		padding-top: 3rem !important
	}

	.pr-xl-5,
	.px-xl-5 {
		padding-right: 3rem !important
	}

	.pb-xl-5,
	.py-xl-5 {
		padding-bottom: 3rem !important
	}

	.pl-xl-5,
	.px-xl-5 {
		padding-left: 3rem !important
	}

	.m-xl-n1 {
		margin: -.25rem !important
	}

	.mt-xl-n1,
	.my-xl-n1 {
		margin-top: -.25rem !important
	}

	.mr-xl-n1,
	.mx-xl-n1 {
		margin-right: -.25rem !important
	}

	.mb-xl-n1,
	.my-xl-n1 {
		margin-bottom: -.25rem !important
	}

	.ml-xl-n1,
	.mx-xl-n1 {
		margin-left: -.25rem !important
	}

	.m-xl-n2 {
		margin: -.5rem !important
	}

	.mt-xl-n2,
	.my-xl-n2 {
		margin-top: -.5rem !important
	}

	.mr-xl-n2,
	.mx-xl-n2 {
		margin-right: -.5rem !important
	}

	.mb-xl-n2,
	.my-xl-n2 {
		margin-bottom: -.5rem !important
	}

	.ml-xl-n2,
	.mx-xl-n2 {
		margin-left: -.5rem !important
	}

	.m-xl-n3 {
		margin: -1rem !important
	}

	.mt-xl-n3,
	.my-xl-n3 {
		margin-top: -1rem !important
	}

	.mr-xl-n3,
	.mx-xl-n3 {
		margin-right: -1rem !important
	}

	.mb-xl-n3,
	.my-xl-n3 {
		margin-bottom: -1rem !important
	}

	.ml-xl-n3,
	.mx-xl-n3 {
		margin-left: -1rem !important
	}

	.m-xl-n4 {
		margin: -1.5rem !important
	}

	.mt-xl-n4,
	.my-xl-n4 {
		margin-top: -1.5rem !important
	}

	.mr-xl-n4,
	.mx-xl-n4 {
		margin-right: -1.5rem !important
	}

	.mb-xl-n4,
	.my-xl-n4 {
		margin-bottom: -1.5rem !important
	}

	.ml-xl-n4,
	.mx-xl-n4 {
		margin-left: -1.5rem !important
	}

	.m-xl-n5 {
		margin: -3rem !important
	}

	.mt-xl-n5,
	.my-xl-n5 {
		margin-top: -3rem !important
	}

	.mr-xl-n5,
	.mx-xl-n5 {
		margin-right: -3rem !important
	}

	.mb-xl-n5,
	.my-xl-n5 {
		margin-bottom: -3rem !important
	}

	.ml-xl-n5,
	.mx-xl-n5 {
		margin-left: -3rem !important
	}

	.m-xl-auto {
		margin: auto !important
	}

	.mt-xl-auto,
	.my-xl-auto {
		margin-top: auto !important
	}

	.mr-xl-auto,
	.mx-xl-auto {
		margin-right: auto !important
	}

	.mb-xl-auto,
	.my-xl-auto {
		margin-bottom: auto !important
	}

	.ml-xl-auto,
	.mx-xl-auto {
		margin-left: auto !important
	}
}

html {
	scroll-behavior: smooth
}

* {
	font-family: hellix !important;
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

body {
	font-family: hellix;
	scroll-behavior: smooth;
	position: relative
}

body::-webkit-scrollbar {
	width: 4px
}

body::-webkit-scrollbar-thumb {
	background: linear-gradient(90deg, #ff7e00, #ff0048, #940ba2, #008aff)
}

body::-webkit-scrollbar-track {
	background-color: transparent
}

body.overlay::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 76, 112, .7490196078);
	z-index: 101
}

@keyframes upDown {
	from {
		top: -40px
	}

	to {
		top: 20px
	}
}

@keyframes circleLeftRight {
	from {
		left: 50px
	}

	to {
		left: 0
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(360deg)
	}
}

@keyframes wave {
	from {
		left: 50px;
		top: -30px
	}

	to {
		left: 0;
		top: 0
	}
}

@keyframes toLeft {
	from {
		left: 0
	}

	to {
		left: -170px
	}
}

@keyframes toRight {
	from {
		right: 0
	}

	to {
		right: -140px
	}
}

@-webkit-keyframes wave {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, .5)
	}

	100% {
		-webkit-box-shadow: 0 0 0 50px transparent;
		box-shadow: 0 0 0 50px transparent
	}
}

@keyframes wave {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .5);
		box-shadow: 0 0 0 0 rgba(255, 255, 255, .5)
	}

	100% {
		-webkit-box-shadow: 0 0 0 50px transparent;
		box-shadow: 0 0 0 50px transparent
	}
}

@keyframes left {
	100% {
		transform: rotate(180deg)
	}
}

@keyframes right {
	100% {
		transform: rotate(180deg)
	}
}

@keyframes wave-animation {
	0% {
		transform: rotate(0deg)
	}

	10% {
		transform: rotate(14deg)
	}

	20% {
		transform: rotate(-8deg)
	}

	30% {
		transform: rotate(14deg)
	}

	40% {
		transform: rotate(-4deg)
	}

	50% {
		transform: rotate(10deg)
	}

	60% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(0deg)
	}
}

.typed-cursor {
	opacity: 0;
	display: none
}

@keyframes back-forth {
	0% {
		transform: rotate(-20deg) translateX(80px) rotate(0deg)
	}

	50% {
		transform: rotate(-10deg) translateX(100px) rotate(0deg)
	}

	100% {
		transform: rotate(-20deg) translateX(80px) rotate(0deg)
	}
}

.wave {
	-webkit-animation-name: wave;
	animation-name: wave;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

ul,
ol {
	list-style-type: none
}

a {
	text-decoration: none
}

a:hover {
	color: #0a9de2
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.3
}

section,
footer {
	overflow: hidden;
	padding: 60px 0
}

@media(min-width:992px) {

	section,
	footer {
		padding: 80px 0
	}
}

.our-client .heading h2 {
	font-size: 24px;
	text-align: center
}

.our-client .client-content {
	padding-left: 20px;
	border-left: 5px solid #1d1e3c;
	margin: 2rem 0
}

@media(min-width:576px) {
	.our-client .client-content {
		padding-left: 40px
	}
}

@media(min-width:768px) {
	.our-client .client-content {
		padding-left: 60px;
		margin: 7rem 0
	}
}

.our-client .client-logo-wrap {
	width: 100%;
	overflow: hidden;
	pointer-events: none
}

.our-client .client-logo-wrap .swiper {
	width: 100%;
	height: 8rem
}

@media(min-width:768px) {
	.our-client .client-logo-wrap .swiper {
		border-bottom: 0
	}
}

.our-client .client-logo-wrap .swiper.third-child {
	border-bottom: 0
}

.our-client .client-logo-wrap .swiper.last-child {
	border: 0
}

@media(min-width:768px) {
	.our-client .client-logo-wrap .swiper {
		height: 7rem
	}
}

.our-client .client-logo-wrap .swiper .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%
}

.our-client .client-logo-wrap .swiper .swiper-slide img {
	display: block;
	width: 60%;
	object-fit: cover
}

.our-client .client-logo-wrap #first-logo-slide,
.our-client .client-logo-wrap #second-logo-slide,
.our-client .client-logo-wrap #third-logo-slide {
	position: relative
}

.our-client .client-logo-wrap #first-logo-slide .mid-line,
.our-client .client-logo-wrap #second-logo-slide .mid-line,
.our-client .client-logo-wrap #third-logo-slide .mid-line {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	display: none
}

@media(min-width:768px) {

	.our-client .client-logo-wrap #first-logo-slide .mid-line,
	.our-client .client-logo-wrap #second-logo-slide .mid-line,
	.our-client .client-logo-wrap #third-logo-slide .mid-line {
		display: block
	}
}

.tooltip {
	position: relative;
	display: inline-block;
	z-index: 50
}

.tooltip.hide {
	z-index: 0
}

.tooltip .tooltiptext {
	font-size: 16px;
	opacity: 0;
	left: 50%;
	background-color: #092851;
	text-align: center;
	color: #fff;
	border-radius: 6px;
	padding: 5px 6px;
	position: absolute;
	z-index: 15;
	top: 100%;
	max-width: 120px;
	transform: translateX(-50%);
	transition: .2s;
	white-space: nowrap;
	text-overflow: ellipsis
}

.tooltip .tooltiptext.shift {
	left: 50px
}

@media(min-width:576px) {
	.tooltip .tooltiptext.shift {
		left: 50%
	}
}

.tooltip .tooltiptext.shift::after {
	left: 25px
}

@media(min-width:576px) {
	.tooltip .tooltiptext.shift::after {
		left: 50%
	}
}

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #000 transparent
}

.tooltip:hover .tooltiptext {
	opacity: 1;
	top: 120%
}

.heading span {
	display: block;
	text-transform: uppercase;
	font-size: 18px;
	margin-bottom: 10px;
	color: #ff7933;
	font-weight: 500
}

@media(min-width:768px) {
	.heading span {
		font-size: 18px
	}
}

.heading h2 {
	font-size: 28px;
	color: #092851;
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 10px
}

@media(min-width:576px) {
	.heading h2 {
		font-size: 30px
	}
}

@media(min-width:1200px) {
	.heading h2 {
		font-size: 45px
	}
}

.heading p {
	line-height: 1.6;
	font-size: 18px;
	color: #676e77
}

.heading.heading-center {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

.heading.heading-center span {
	text-align: center
}

.heading.heading-center h2 {
	text-align: center
}

.custom-btn {
	font-family: hellix !important;
	padding: 20px 25px;
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	background-color: #1d1e3c;
	border: 0;
	cursor: pointer
}

.arrow-btn {
	width: unset;
	display: flex;
	align-items: center
}

.arrow-btn.blue span {
	background-color: #20406b
}

.arrow-btn span {
	transition: .4s;
	margin-left: 20px;
	width: 20px;
	height: 1.6px;
	color: #fff;
	display: inline-block;
	background-color: #fff
}

.arrow-btn span.triangle {
	transition: 0s;
	margin-left: -10px;
	transform: scale(0);
	width: 15px;
	height: 15px;
	clip-path: polygon(50% 0%, 50% 100%, 100% 50%)
}

.arrow-btn:hover span {
	width: 40px
}

.arrow-btn:hover span.triangle {
	margin-left: -10px;
	width: 15px;
	height: 15px;
	transform: scale(1)
}

.arrow-btn:disabled {
	opacity: .8
}

.arrow-btn:disabled span {
	display: none
}

.arrow-btn:disabled .loadingio-spinner-rolling-dywq03esu9n {
	display: inline-block;
	margin-left: .5rem
}

.blue-btn {
	cursor: pointer;
	width: 170px;
	padding: 13px;
	color: #fff;
	border: 0;
	z-index: 10;
	font-size: 16px;
	position: relative;
	overflow: hidden
}

.blue-btn::before {
	z-index: -1;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	transition: .6s;
	width: 200%;
	height: 100%;
    background: linear-gradient(90deg, #dc4b00, #ff0826, #b90303);

}

.blue-btn:hover::before {
	transform: translateX(-50%)
}

header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	box-shadow: rgba(68, 89, 119, .2) 0 16px 48px 0;
	z-index: 100;
	transition: .4s
}

@media(min-width:992px) {
	header {
		box-shadow: none
	}
}

header .navbar {
	transition: .4s;
	display: flex;
	justify-content: space-between;
	align-items: center
}

@media(min-width:992px) {
	header .navbar {
		padding: 15px 0
	}
}

header .navbar .logo-wrap a {
	width: 180px;
	align-items: center;
	justify-content: center;
	display: flex
}

header .navbar .logo-wrap a:focus-visible {
	outline: none
}

header .navbar .logo-wrap a img {
	width: 85%
}

@media(min-width:576px) {
	header .navbar .logo-wrap a img {
		width: 100%
	}
}

header .navbar .nav-items-wrap {
	display: none
}

@media(min-width:992px) {
	header .navbar .nav-items-wrap {
		display: block
	}
}

header .navbar .nav-items-wrap ul {
	display: flex;
	justify-content: space-around;
	align-items: center
}

header .navbar .nav-items-wrap ul li {
	margin: 0 10px;
	position: relative
}

@media(min-width:1200px) {
	header .navbar .nav-items-wrap ul li {
		margin: 0 18px
	}
}

header .navbar .nav-items-wrap ul li a {
	font-weight: 500;
	text-decoration: none;
	color: #404e60
}

header .navbar .nav-items-wrap ul li a.active::after {
	opacity: 1
}

header .navbar .nav-items-wrap ul li a:hover::after {
	opacity: 1
}

header .navbar .nav-items-wrap ul li a::after {
	transition: .4s;
	position: absolute;
	width: 40px;
	height: 4px;
	bottom: -27px;
	left: 50%;
	opacity: 0;
	content: "";
	transform: translateX(-50%);
	background: linear-gradient(20deg, #ff7e00, #ff0048, #940ba2, #008aff)
}

header .navbar .nav-items-wrap ul li a::before {
	position: absolute;
	bottom: -5px;
	color: #1d1e3c;
	background-color: #1d1e3c;
	height: 3px;
	padding: 1px;
	content: "";
	width: 40px;
	opacity: 0;
	transition: .4s
}

header .navbar .talk-btn-wrap .blue-btn {
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center
}

@media(min-width:576px) {
	header .navbar .talk-btn-wrap .blue-btn {
		width: 170px;
		height: unset
	}
}

header .navbar .talk-btn-wrap .blue-btn span {
	display: none
}

@media(min-width:576px) {
	header .navbar .talk-btn-wrap .blue-btn span {
		display: block
	}
}

header .navbar .talk-btn-wrap .blue-btn img {
	width: 25px;
	height: 25px
}

@media(min-width:992px) {
	header .navbar .talk-btn-wrap .blue-btn img {
		margin-left: 10px
	}
}

header .navbar .talk-btn-wrap .blue-btn img.wave {
	animation-name: wave-animation;
	animation-duration: 2.5s;
	animation-iteration-count: infinite;
	transform-origin: 70% 70%;
	display: inline-block
}

header .navbar .menu-bar {
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center
}

@media(min-width:992px) {
	header .navbar .menu-bar {
		display: none
	}
}

header .navbar .menu-bar svg {
	font-size: 25px;
	color: #092851
}

header.stick {
	box-shadow: rgba(68, 89, 119, .2) 0 16px 48px 0;
	background-color: #fff;
	position: fixed;
	width: 100%
}

header.stick .menu-bar {
	border-right: 1px solid rgba(9, 40, 81, .2705882353)
}

@media(min-width:576px) {
	header.stick .menu-bar {
		border-right: 0
	}
}

@media(min-width:992px) {
	header.stick {
		padding: 0
	}
}

header.stick .bottom-nav-wrap {
	box-shadow: none;
	padding: 0;
	margin-top: 0
}

@media(min-width:992px) {
	header.stick .navbar {
		padding: 10px 0
	}
}

section.banner {
	background: #00349e;
	background: linear-gradient(180deg, rgb(0, 52, 158) 0%, rgb(0, 48, 160) 100%);
	margin-top: 60px;
	padding-bottom: 0;
	position: relative;
	padding-top: 20px;
	overflow-x: hidden
}

@media(min-width:376px) {
	section.banner {
		padding-top: 60px
	}
}

@media(min-width:576px) {
	section.banner {
		padding-bottom: 60px
	}
}

@media(min-width:992px) {
	section.banner {
		padding-top: 80px
	}
}

@media(min-width:1200px) {
	section.banner {
		padding-bottom: 80px
	}
}

section.banner::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-image: url(../images/homepage/banner/banner-round.svg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 0 540px;
	pointer-events: none
}

@media(min-width:376px) {
	section.banner::before {
		background-position: 0 640px
	}
}

@media(min-width:576px) {
	section.banner::before {
		background-position: 0 730px
	}
}

@media(min-width:992px) {
	section.banner::before {
		background-position: 0 480px
	}
}

@media(min-width:1200px) {
	section.banner::before {
		background-position: bottom
	}
}

section.banner .hero-slider {
	padding-bottom: 50px
}

@media(min-width:768px) {
	section.banner .hero-slider {
		padding-bottom: 100px
	}
}

@media(min-width:992px) {
	section.banner .hero-slider .splide__track {
		overflow: unset
	}
}

section.banner .hero-slider ul li .container {
	height: 100%
}

section.banner .hero-slider ul li .container .row {
	height: 100%
}

section.banner .hero-slider ul li .hero-content-wrap {
	height: 100%;
	display: flex;
	position: relative;
	flex-direction: column;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding-bottom: 60px
}

@media(min-width:992px) {
	section.banner .hero-slider ul li .hero-content-wrap {
		padding-bottom: 40px;
		align-items: center
	}
}

section.banner .hero-slider ul li .hero-content-wrap .banner-slider {
	position: absolute;
	left: 0;
	bottom: 0
}

section.banner .hero-slider ul li .hero-content-wrap .header-btns {
	display: flex;
	flex-direction: row
}

@media(min-width:992px) {
	section.banner .hero-slider ul li .hero-content-wrap .header-btns {
		flex-direction: row
	}
}

section.banner .hero-slider ul li .hero-content-wrap .header-btns .custom-btn {
	width: fit-content;
	margin-right: 10px;
	padding: 15px;
	font-size: 14px;
	background-color: transparent;
	position: relative;
	overflow: hidden;
	z-index: 1
}

section.banner .hero-slider ul li .hero-content-wrap .header-btns .custom-btn span {
	display: none
}

@media(min-width:576px) {
	section.banner .hero-slider ul li .hero-content-wrap .header-btns .custom-btn span {
		display: block
	}
}

@media(min-width:576px) {
	section.banner .hero-slider ul li .hero-content-wrap .header-btns .custom-btn {
		font-size: 16px;
		padding: 15px 20px;
		margin-right: 20px
	}
}

@media(min-width:768px) {
	section.banner .hero-slider ul li .hero-content-wrap .header-btns .custom-btn {
		padding: 16px 25px
	}
}

@media(min-width:992px) {
	section.banner .hero-slider ul li .hero-content-wrap .header-btns .custom-btn {
		padding: 20px 15px
	}
}

@media(min-width:1200px) {
	section.banner .hero-slider ul li .hero-content-wrap .header-btns .custom-btn {
		padding: 20px 25px
	}
}

section.banner .hero-slider ul li .hero-content-wrap .header-btns .custom-btn::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 200%;
	background: linear-gradient(90deg, #237cff, #19abff, #237cff);
	z-index: -1;
	transition: all .6s ease 0s
}

section.banner .hero-slider ul li .hero-content-wrap .header-btns .custom-btn.invert {
	border: 2px solid #0a9de2;
	color: #0a9de2
}

section.banner .hero-slider ul li .hero-content-wrap .header-btns .custom-btn.invert::before {
	display: none
}

section.banner .hero-slider ul li .hero-content-wrap .header-btns .custom-btn.invert span {
	background-color: #0a9de2
}

section.banner .hero-slider ul li .hero-content-wrap .header-btns .custom-btn:hover::before {
	transform: translateX(-50%)
}

section.banner .hero-slider ul li .hero-content-wrap .header-btns a {
	display: flex;
	align-items: center;
	text-decoration: none;
	font-weight: 600;
	color: #1d1e3c
}

section.banner .hero-slider ul li .hero-content-wrap .header-btns a svg {
	margin-left: 20px;
	padding: 10px 12px;
	border: 2px solid #1d1e3c;
	border-radius: 50%
}

section.banner .hero-slider ul li .hero-content-wrap .hero-heading {
	margin-bottom: 30px
}

section.banner .hero-slider ul li .hero-content-wrap .hero-heading span.tag {
	display: block;
	color: #0a9de2;
	text-transform: capitalize;
	padding-left: 40px;
	position: relative;
	margin-bottom: 15px;
	font-size: 18px
}

@media(min-width:768px) {
	section.banner .hero-slider ul li .hero-content-wrap .hero-heading span.tag {
		font-size: 20px
	}
}

section.banner .hero-slider ul li .hero-content-wrap .hero-heading span.tag::before {
	content: "";
	width: 30px;
	height: 3px;
	position: absolute;
	top: 9px;
	left: 0;
	background-color: #0a9de2
}

section.banner .hero-slider ul li .hero-content-wrap .hero-heading h1 {
	text-transform: capitalize;
	color: #fff;
	margin-bottom: 15px;
	font-size: 30px;
	font-weight: 600
}

@media(min-width:768px) {
	section.banner .hero-slider ul li .hero-content-wrap .hero-heading h1 {
		font-size: 40px
	}
}

section.banner .hero-slider ul li .hero-content-wrap .hero-heading h1 span.type-text {
	height: 45px
}

section.banner .hero-slider ul li .hero-content-wrap .hero-heading h1 span.type-text span {
	background: -webkit-linear-gradient(40deg, #FF392E, #FF6812);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}

section.banner .hero-slider ul li .hero-content-wrap .hero-heading p {
	color: #fff;
	font-size: 16px;
	line-height: 1.6em
}

@media(min-width:768px) {
	section.banner .hero-slider ul li .hero-content-wrap .hero-heading p {
		font-size: 18px
	}
}

section.banner .hero-slider ul li .hero-img-wrap {
	position: relative;
	height: 250px
}

@media(min-width:376px) {
	section.banner .hero-slider ul li .hero-img-wrap {
		height: 315px
	}
}

@media(min-width:576px) {
	section.banner .hero-slider ul li .hero-img-wrap {
		height: 450px
	}
}

@media(min-width:992px) {
	section.banner .hero-slider ul li .hero-img-wrap {
		height: 550px
	}
}

section.banner .hero-slider ul li .hero-img-wrap .main-img {
	height: 100%
}

section.banner .hero-slider ul li .hero-img-wrap .main-img figure.bg_banner {
	position: absolute;
	object-fit: cover;
	right: 0;
	top: -40px;
	z-index: -1;
	width: 70%;
	height: 70%
}

@media(min-width:992px) {
	section.banner .hero-slider ul li .hero-img-wrap .main-img figure.bg_banner {
		width: 100%;
		height: 100%;
		left: 0;
		right: unset
	}
}

section.banner .hero-slider ul li .hero-img-wrap .main-img figure.bg_banner img,
section.banner .hero-slider ul li .hero-img-wrap .main-img figure.bg_banner svg {
	width: 100%
}

section.banner .hero-slider ul li .hero-img-wrap .main-img figure.primary {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	margin-left: auto
}

@media(min-width:768px) {
	section.banner .hero-slider ul li .hero-img-wrap .main-img figure.primary {
		width: 70%;
		height: 70%
	}
}

@media(min-width:992px) {
	section.banner .hero-slider ul li .hero-img-wrap .main-img figure.primary {
		width: 100%;
		height: 100%;
		margin-left: unset
	}
}

section.banner .hero-slider ul li .hero-img-wrap .main-img figure.primary img {
	width: 100%;
	height: 100%;
	object-fit: contain
}

section.banner .hero-slider ul li .hero-img-wrap .main-img figure.primary.second {
	width: 70%
}

@media(min-width:992px) {
	section.banner .hero-slider ul li .hero-img-wrap .main-img figure.primary.second {
		width: 100%
	}
}

section.banner .hero-slider ul li .hero-img-wrap .main-img figure.float-img {
	position: absolute;
	bottom: 10px;
	left: 0
}

@media(min-width:576px) {
	section.banner .hero-slider ul li .hero-img-wrap .main-img figure.float-img {
		bottom: 70px
	}
}

@media(min-width:768px) {
	section.banner .hero-slider ul li .hero-img-wrap .main-img figure.float-img {
		left: 100px
	}
}

@media(min-width:992px) {
	section.banner .hero-slider ul li .hero-img-wrap .main-img figure.float-img {
		bottom: 0;
		left: 0
	}
}

section.banner .hero-slider ul li .hero-img-wrap .main-img figure.float-img img {
	width: 50%
}

@media(min-width:376px) {
	section.banner .hero-slider ul li .hero-img-wrap .main-img figure.float-img img {
		width: 60%
	}
}

@media(min-width:576px) {
	section.banner .hero-slider ul li .hero-img-wrap .main-img figure.float-img img {
		width: 75%
	}
}

@media(min-width:992px) {
	section.banner .hero-slider ul li .hero-img-wrap .main-img figure.float-img img {
		width: 100%
	}
}

section.banner .hero-slider ul li .hero-img-wrap .banner-slider {
	position: absolute;
	left: 0;
	height: 28px;
	bottom: 10px
}

@media(min-width:576px) {
	section.banner .hero-slider ul li .hero-img-wrap .banner-slider {
		bottom: 0
	}
}

section.banner .hero-slider ul li .hero-img-wrap .banner-stats {
	background-color: #fff;
	border-radius: 6px;
	position: absolute;
	bottom: -30px;
	left: 0;
	max-width: 190px;
	padding: 12px
}

@media(min-width:576px) {
	section.banner .hero-slider ul li .hero-img-wrap .banner-stats {
		padding: 16px;
		max-width: 280px;
		bottom: 50px
	}
}

@media(min-width:768px) {
	section.banner .hero-slider ul li .hero-img-wrap .banner-stats {
		left: 100px;
		max-width: 280px;
		padding: 16px
	}
}

@media(min-width:992px) {
	section.banner .hero-slider ul li .hero-img-wrap .banner-stats {
		bottom: 0;
		left: 0;
		max-width: 320px;
		padding: 20px
	}
}

section.banner .hero-slider ul li .hero-img-wrap .banner-stats .title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px
}

@media(min-width:576px) {
	section.banner .hero-slider ul li .hero-img-wrap .banner-stats .title {
		margin-bottom: 12px
	}
}

section.banner .hero-slider ul li .hero-img-wrap .banner-stats .title h4 {
	color: #2e3d74;
	font-weight: 600;
	font-size: 14px
}

@media(min-width:576px) {
	section.banner .hero-slider ul li .hero-img-wrap .banner-stats .title h4 {
		font-size: 16px
	}
}

@media(min-width:992px) {
	section.banner .hero-slider ul li .hero-img-wrap .banner-stats .title h4 {
		font-size: 18px
	}
}

section.banner .hero-slider ul li .hero-img-wrap .banner-stats .title small {
	color: #929292;
	font-size: 11px
}

@media(min-width:576px) {
	section.banner .hero-slider ul li .hero-img-wrap .banner-stats .title small {
		font-size: 12px
	}
}

@media(min-width:992px) {
	section.banner .hero-slider ul li .hero-img-wrap .banner-stats .title small {
		font-size: 14px
	}
}

section.banner .hero-slider ul li .hero-img-wrap .banner-stats .title span {
	display: inline-block;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	padding-top: 4px;
	width: 30px;
	height: 30px;
	font-size: 11px
}

@media(min-width:576px) {
	section.banner .hero-slider ul li .hero-img-wrap .banner-stats .title span {
		width: 35px;
		height: 35px;
		font-size: 12px
	}
}

@media(min-width:992px) {
	section.banner .hero-slider ul li .hero-img-wrap .banner-stats .title span {
		font-size: 13px;
		width: 40px;
		height: 40px
	}
}

section.banner .hero-slider ul li .hero-img-wrap .banner-stats .title span._first {
	color: #181f39;
	background-color: #fee245
}

section.banner .hero-slider ul li .hero-img-wrap .banner-stats .title span._sec {
	background-color: #b30101;
	color: #fff
}

section.banner .hero-slider ul li .hero-img-wrap .banner-stats .title span._third {
	color: #fff;
	background-color: #0a9de2
}

section.banner .hero-slider ul li .hero-img-wrap .banner-stats .tags {
	margin-bottom: 10px
}

@media(min-width:576px) {
	section.banner .hero-slider ul li .hero-img-wrap .banner-stats .tags {
		margin-bottom: 15px
	}
}

section.banner .hero-slider ul li .hero-img-wrap .banner-stats .tags span {
	border-radius: 25px;
	color: #2e3d74;
	font-weight: 500;
	display: inline-block;
	font-size: 11px;
	padding: 4px 10px 2px
}

@media(min-width:576px) {
	section.banner .hero-slider ul li .hero-img-wrap .banner-stats .tags span {
		padding: 5px 12px 3px;
		font-size: 13px
	}
}

section.banner .hero-slider ul li .hero-img-wrap .banner-stats .tags span._sky {
	background-color: #f0fcff
}

section.banner .hero-slider ul li .hero-img-wrap .banner-stats .tags span._pink {
	margin-left: 8px;
	background-color: #fff3f5
}

section.banner .hero-slider ul li .hero-img-wrap .banner-stats .content p {
	color: #929292;
	margin-bottom: 0;
	font-size: 12px
}

@media(min-width:576px) {
	section.banner .hero-slider ul li .hero-img-wrap .banner-stats .content p {
		font-size: 14px
	}
}

section.banner .banner_stats {
	display: flex;
	align-items: center
}

@media(min-width:992px) {
	section.banner .banner_stats {
		height: 150px
	}
}

section.banner .banner_stats h2 {
	color: #092851;
	margin-bottom: 5px;
	font-size: 20px
}

@media(min-width:576px) {
	section.banner .banner_stats h2 {
		font-size: 30px
	}
}

@media(min-width:992px) {
	section.banner .banner_stats h2 {
		font-size: 40px
	}
}

section.banner .banner_stats p {
	font-size: 14px;
	color: #092851
}

@media(min-width:576px) {
	section.banner .banner_stats p {
		font-size: 16px
	}
}

@media(min-width:768px) {
	section.banner .banner_stats p {
		font-size: 20px
	}
}

section.banner .bg-shape-btm {
	position: absolute;
	bottom: -128px;
	left: 0;
	width: 100%;
	pointer-events: none
}

section.banner .bg-shape-btm img,
section.banner .bg-shape-btm svg {
	width: 100%
}

section.banner .splide__pagination {
	bottom: 0;
	top: 0;
	left: unset;
	right: 10px;
	flex-direction: column;
	height: 80%
}

@media(min-width:768px) {
	section.banner .splide__pagination {
		bottom: -60px
	}
}

@media(min-width:1200px) {
	section.banner .splide__pagination {
		right: 20px
	}
}

@media(min-width:1700px) {
	section.banner .splide__pagination {
		right: 250px
	}
}

section.banner .splide__pagination li button {
	height: 10px;
	width: 10px;
	background-color: #fff;
	opacity: .4;
	border-radius: 0;
	margin: 20px 0;
	border-radius: 50%
}

section.banner .splide__pagination li button.is-active {
	opacity: .9
}

section.banner .splide__arrows {
	position: absolute;
	right: 10px;
	width: 90px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	bottom: 42px
}

@media(min-width:576px) {
	section.banner .splide__arrows {
		bottom: 93px
	}
}

@media(min-width:992px) {
	section.banner .splide__arrows {
		bottom: 102px
	}
}

@media(min-width:1200px) {
	section.banner .splide__arrows {
		right: 20px
	}
}

@media(min-width:1700px) {
	section.banner .splide__arrows {
		right: 250px
	}
}

section.banner .splide__arrows::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 2px;
	background-color: rgba(35, 124, 255, .3215686275);
	left: 0;
	bottom: 8px
}

section.banner .splide__arrows button {
	position: relative;
	margin: 0;
	background-color: transparent;
	outline: none
}

section.banner .splide__arrows button:first-child svg {
	transform: rotate(-90deg);
	fill: #fff
}

section.banner .splide__arrows button:last-child svg {
	fill: #fff;
	transform: rotate(90deg)
}

section.banner .banner-shape {
	overflow: hidden;
	position: relative;
	z-index: 1;
	pointer-events: none
}

@media(min-width:768px) {
	section.banner .banner-shape {
		height: 250px
	}
}

section.banner .banner-shape img,
section.banner .banner-shape svg {
	width: 100%
}

section.our-client {
	position: relative;
	background-color: #edf3ff;
	margin-top: -10px;
	z-index: 2
}

section.our-client .heading h2 {
	font-size: 24px;
	text-align: center
}

section.our-client .client-content {
	padding-left: 20px;
	border-left: 5px solid #1d1e3c;
	margin: 2rem 0
}

@media(min-width:576px) {
	section.our-client .client-content {
		padding-left: 40px
	}
}

@media(min-width:768px) {
	section.our-client .client-content {
		padding-left: 60px;
		margin: 7rem 0
	}
}

section.our-client .client-logo-wrap {
	width: 100%;
	overflow: hidden;
	pointer-events: none
}

section.our-client .client-logo-wrap .swiper {
	width: 100%;
	height: 8.4rem
}

@media(min-width:768px) {
	section.our-client .client-logo-wrap .swiper {
		border-bottom: 0
	}
}

@media(min-width:768px) {
	section.our-client .client-logo-wrap .swiper.second-child {
		border-bottom: 0
	}
}

section.our-client .client-logo-wrap .swiper.third-child {
	border-bottom: 0
}

section.our-client .client-logo-wrap .swiper.last-child {
	border: 0
}

@media(min-width:768px) {
	section.our-client .client-logo-wrap .swiper {
		height: 7.6rem
	}
}

section.our-client .client-logo-wrap .swiper .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%
}

section.our-client .client-logo-wrap .swiper .swiper-slide img {
	display: block;
	object-fit: cover;
	width: 70%
}

section.our-client .client-logo-wrap #first-logo-slide,
section.our-client .client-logo-wrap #second-logo-slide,
section.our-client .client-logo-wrap #third-logo-slide {
	position: relative
}

section.our-client .client-logo-wrap #first-logo-slide .mid-line,
section.our-client .client-logo-wrap #second-logo-slide .mid-line,
section.our-client .client-logo-wrap #third-logo-slide .mid-line {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	display: none
}

@media(min-width:768px) {

	section.our-client .client-logo-wrap #first-logo-slide .mid-line,
	section.our-client .client-logo-wrap #second-logo-slide .mid-line,
	section.our-client .client-logo-wrap #third-logo-slide .mid-line {
		display: block
	}
}

section.our-client .bg-shape-btm {
	position: absolute;
	left: 0;
	width: 100%;
	pointer-events: none;
	z-index: 10;
	bottom: -30px
}

@media(min-width:576px) {
	section.our-client .bg-shape-btm {
		bottom: -70px
	}
}

@media(min-width:992px) {
	section.our-client .bg-shape-btm {
		bottom: -90px
	}
}

@media(min-width:1700px) {
	section.our-client .bg-shape-btm {
		bottom: -120px
	}
}

section.our-client .bg-shape-btm img,
section.our-client .bg-shape-btm svg {
	width: 100%
}

.banner-slider {
	width: 100%;
	height: 40px;
	position: relative
}

@media(min-width:992px) {
	.banner-slider {
		height: 50px;
		margin: 10px 0
	}
}

.banner-slider::before {
	content: "";
	position: absolute;
	width: 250px;
	height: 2px;
	background-color: rgba(35, 124, 255, .3215686275);
	left: 0;
	bottom: 0
}

.banner-slider .swiper-slide {
	text-align: center;
	font-size: 16px;
	background: 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.banner-slider .swiper-slide h6 {
	display: flex;
	align-items: center;
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	width: 80%
}

.banner-slider .swiper-slide h6 svg {
	width: 100px;
	fill: #ffd000;
	margin-bottom: 6px
}

section.homepage-banner {
	padding: 0;
	padding-bottom: 60px;
	overflow: hidden;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	padding-top: 100px;
	background-color: #f1f8fe;
	position: relative
}

@media(min-width:992px) {
	section.homepage-banner {
		height: 100vh
	}
}

@media(min-width:376px) {
	section.homepage-banner {
		padding-top: 100px
	}
}

@media(min-width:576px) {
	section.homepage-banner {
		padding-top: 70px
	}
}

@media(min-width:992px) {
	section.homepage-banner {
		padding-bottom: 0;
		padding-top: 0
	}
}

section.homepage-banner .b5_fb {
	height: 250px;
	margin-left: -15px
}

@media(min-width:576px) {
	section.homepage-banner .b5_fb {
		margin-left: 0;
		width: 50%;
		height: 250px
	}
}

@media(min-width:768px) {
	section.homepage-banner .b5_fb {
		width: 40%;
		height: 250px
	}
}

@media(min-width:992px) {
	section.homepage-banner .b5_fb {
		width: 100%;
		height: unset
	}
}

section.homepage-banner figure {
	width: 100%;
	height: 100%
}

section.homepage-banner figure img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

@media(min-width:992px) {
	section.homepage-banner {
		justify-content: center
	}
}

section.homepage-banner #myVideo {
	z-index: 1;
	position: absolute;
	object-fit: contain;
	bottom: -240px;
	left: -35px;
	width: 100%;
	height: 100%
}

@media(min-width:376px) {
	section.homepage-banner #myVideo {
		left: 0;
		bottom: -225px
	}
}

@media(min-width:500px) {
	section.homepage-banner #myVideo {
		left: 80px;
		bottom: -202px;
		width: 80%
	}
}

@media(min-width:576px) {
	section.homepage-banner #myVideo {
		right: 50px;
		bottom: -191px;
		width: 75%;
		left: unset
	}
}

@media(min-width:768px) {
	section.homepage-banner #myVideo {
		right: 100px;
		left: unset;
		bottom: -164px;
		width: 70%
	}
}

@media(min-width:992px) {
	section.homepage-banner #myVideo {
		left: 100px;
		width: 100%;
		bottom: -35px
	}
}

@media(min-width:1200px) {
	section.homepage-banner #myVideo {
		left: 100px;
		bottom: 0
	}
}

section.homepage-banner .over-video {
	z-index: 10
}

@media(min-width:992px) {
	section.homepage-banner .banner-heading {
		padding-top: 0
	}
}

section.homepage-banner .banner-heading .top-head-banner {
	padding-bottom: 15px;
	display: flex;
	align-items: center
}

@media(min-width:576px) {
	section.homepage-banner .banner-heading .top-head-banner {
		padding-bottom: 20px
	}
}

section.homepage-banner .banner-heading .top-head-banner .line {
	display: inline-block;
	height: 2px;
	width: 30px;
	background-color: #4e6480;
	margin-right: 10px
}

@media(min-width:576px) {
	section.homepage-banner .banner-heading .top-head-banner .line {
		height: 3px;
		width: 50px
	}
}

section.homepage-banner .banner-heading .top-head-banner span {
	font-size: 16px;
	font-weight: 500;
	color: #4e6480
}

@media(min-width:576px) {
	section.homepage-banner .banner-heading .top-head-banner span {
		font-size: 20px
	}
}

section.homepage-banner h1 {
	font-weight: 500;
	padding-bottom: 15px;
	font-size: 22px;
	color: #092851;
	font-family: gordita
}

@media(min-width:376px) {
	section.homepage-banner h1 {
		font-size: 27px
	}
}

@media(min-width:576px) {
	section.homepage-banner h1 {
		padding-bottom: 20px;
		font-size: 30px
	}
}

@media(min-width:1200px) {
	section.homepage-banner h1 {
		font-size: 42px
	}
}

section.homepage-banner h1 span {
	color: #fd5554
}

section.homepage-banner p {
	font-size: 15px;
	padding-bottom: 15px;
	line-height: 1.6;
	margin-bottom: 0;
	color: #494251
}

@media(min-width:376px) {
	section.homepage-banner p {
		padding-bottom: 20px
	}
}

@media(min-width:576px) {
	section.homepage-banner p {
		padding-bottom: 20px;
		font-size: 18px
	}
}

section.homepage-banner .header-btns {
	display: flex;
	flex-direction: row
}

@media(min-width:992px) {
	section.homepage-banner .header-btns {
		flex-direction: row
	}
}

section.homepage-banner .header-btns .custom-btn {
	width: fit-content;
	margin-right: 10px;
	padding: 15px;
	border: 2px solid #20406b;
	font-size: 14px;
	background-color: #20406b
}

section.homepage-banner .header-btns .custom-btn span {
	display: none
}

@media(min-width:576px) {
	section.homepage-banner .header-btns .custom-btn span {
		display: block
	}
}

@media(min-width:576px) {
	section.homepage-banner .header-btns .custom-btn {
		font-size: 16px;
		padding: 15px 20px;
		margin-right: 20px
	}
}

@media(min-width:768px) {
	section.homepage-banner .header-btns .custom-btn {
		padding: 16px 25px
	}
}

@media(min-width:992px) {
	section.homepage-banner .header-btns .custom-btn {
		padding: 20px 25px
	}
}

section.homepage-banner .header-btns .custom-btn.invert {
	color: #20406b;
	background-color: transparent;
	border: 2px solid #20406b
}

section.homepage-banner .header-btns a {
	display: flex;
	align-items: center;
	text-decoration: none;
	font-weight: 600;
	color: #1d1e3c
}

section.homepage-banner .header-btns a svg {
	margin-left: 20px;
	padding: 10px 12px;
	border: 2px solid #1d1e3c;
	border-radius: 50%
}

section.homepage-banner .card-wrap {
	display: none;
	background-color: transparent;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}

@media(min-width:992px) {
	section.homepage-banner .card-wrap {
		display: block
	}
}

section.homepage-banner .card-wrap a {
	background-color: #f1f8fe;
	text-decoration: none;
	color: #000
}

section.homepage-banner .card-wrap .banner-card {
	padding: 10px;
	border-top: 1px solid #baccd9;
	border-bottom: 1px solid #baccd9;
	border-right: 1px solid #baccd9;
	display: flex;
	align-items: center;
	justify-content: center
}

@media(min-width:992px) {
	section.homepage-banner .card-wrap .banner-card {
		padding: 18px 0
	}
}

section.homepage-banner .card-wrap .banner-card img {
	height: 25px;
	width: 25px
}

@media(min-width:992px) {
	section.homepage-banner .card-wrap .banner-card img {
		margin-right: 8px
	}
}

@media(min-width:1200px) {
	section.homepage-banner .card-wrap .banner-card img {
		margin-right: 20px
	}
}

section.homepage-banner .card-wrap .banner-card svg {
	font-size: 25px;
	color: #1d1e3c
}

@media(min-width:992px) {
	section.homepage-banner .card-wrap .banner-card svg {
		margin-right: 20px
	}
}

section.homepage-banner .card-wrap .banner-card p {
	font-size: 16px;
	display: none;
	color: #092851;
	padding-bottom: 0
}

@media(min-width:992px) {
	section.homepage-banner .card-wrap .banner-card p {
		display: block
	}
}

section.homepage-banner .card-wrap .banner-card.call {
	background-color: #092851
}

section.homepage-banner .card-wrap .banner-card.call svg {
	color: #fff
}

section.homepage-banner .card-wrap .banner-card.call p {
	color: #fff
}

section.brands-sec .brands-heading {
	text-align: center;
	padding-bottom: 20px
}

section.brands-sec .brands-heading h2 {
	font-weight: 500;
	font-size: 22px;
	color: #092851
}

section.brands-sec .brands-logo-wrap {
	overflow: hidden;
	margin-top: 20px
}

section.brands-sec .brands-logo-wrap .brands-logo {
	display: flex;
	align-items: center;
	justify-content: center
}

@media(min-width:768px) {
	section.brands-sec .brands-logo-wrap .brands-logo.first-child {
		border-bottom: none
	}
}

section.brands-sec .brands-logo-wrap .brands-logo figure {
	width: 80%;
	height: 100px
}

section.brands-sec .brands-logo-wrap .brands-logo figure img {
	object-fit: contain;
	height: 100%;
	width: 100%
}

section.brands-sec .brands-logo-wrap .brands-logo.last-child {
	border: 0
}

section.capabilities-sec .heading {
	padding-bottom: 30px
}

@media(min-width:576px) {
	section.capabilities-sec .heading {
		padding-bottom: 0
	}
}

section.capabilities-sec .capability-wrap .capability {
	padding: 40px 0
}

@media(min-width:768px) {
	section.capabilities-sec .capability-wrap .capability {
		padding: 60px 0
	}
}

@media(min-width:992px) {
	section.capabilities-sec .capability-wrap .capability {
		        padding: 16px 0;
	}
}

section.capabilities-sec .capability-wrap .capability .capability-img {
	height: 100%;
	display: flex;
	align-items: center
}

section.capabilities-sec .capability-wrap .capability .capability-img figure {
	width: 100%
}

section.capabilities-sec .capability-wrap .capability .capability-img figure img {
	width: 100%;
	height: 100%
}

section.capabilities-sec .capability-wrap .capability .capability-info h3 {
	font-weight: 500;
	color: #092851;
	font-size: 24px
}

@media(min-width:576px) {
	section.capabilities-sec .capability-wrap .capability .capability-info h3 {
		font-size: 30px
	}
}

@media(min-width:768px) {
	section.capabilities-sec .capability-wrap .capability .capability-info h3 {
		font-size: 35px
	}
}

section.capabilities-sec .capability-wrap .capability .capability-info h5 {
	font-size: 16px;
	padding-top: 5px;
	color: #676e77;
	font-weight: 500
}

@media(min-width:992px) {
	section.capabilities-sec .capability-wrap .capability .capability-info h5 {
		font-size: 20px
	}
}

section.capabilities-sec .capability-wrap .capability .capability-info p {
	padding-top: 30px;
	line-height: 1.6;
	font-size: 18px;
	padding-bottom: 15px;
	color: #676e77
}

section.capabilities-sec .capability-wrap .capability .capability-info .capability-quality {
	padding-bottom: 15px
}

section.capabilities-sec .capability-wrap .capability .capability-info .capability-quality .quality-points {
	display: flex;
	align-items: center
}

section.capabilities-sec .capability-wrap .capability .capability-info .capability-quality .quality-points svg {
	font-size: 22px;
	color: #009b66;
	margin-right: 10px
}

section.capabilities-sec .capability-wrap .capability .capability-info .capability-quality .quality-points h5 {
	color: #20406b;
	font-size: 15px;
	font-weight: 500;
	padding: 15px 0
}

@media(min-width:576px) {
	section.capabilities-sec .capability-wrap .capability .capability-info .capability-quality .quality-points h5 {
		font-size: 18px
	}
}

@media(min-width:992px) {
	section.capabilities-sec .capability-wrap .capability .capability-info .capability-quality .quality-points h5 {
		font-size: 14px
	}
}

@media(min-width:1200px) {
	section.capabilities-sec .capability-wrap .capability .capability-info .capability-quality .quality-points h5 {
		font-size: 16px
	}
}

section.capabilities-sec .capability-wrap .capability .capability-info .tech-head {
	color: #092851;
	padding-top: 15px;
	font-size: 16px;
	letter-spacing: .5
}

section.capabilities-sec .capability-wrap .capability .capability-info .technology-icons-wrap {
	display: flex;
	flex-wrap: wrap
}

section.capabilities-sec .capability-wrap .capability .capability-info .technology-icons-wrap .technology-icon {
	margin-top: 10px;
	margin-right: 20px;
	width: 40px;
	height: 40px;
	display: flex;
	flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	background-color: #f7faff;
	border-radius: 50%
}

@media(min-width:576px) {
	section.capabilities-sec .capability-wrap .capability .capability-info .technology-icons-wrap .technology-icon {
		margin-top: 0
	}
}

@media(min-width:576px) {
	section.capabilities-sec .capability-wrap .capability .capability-info .technology-icons-wrap .technology-icon {
		width: 50px;
		height: 50px
	}
}

section.capabilities-sec .capability-wrap .capability .capability-info .technology-icons-wrap .technology-icon svg {
	height: 20px;
	width: 20px
}

@media(min-width:576px) {
	section.capabilities-sec .capability-wrap .capability .capability-info .technology-icons-wrap .technology-icon svg {
		height: 25px;
		width: 25px
	}
}

section.case-study-sec {
	background-color: #f0fbf3
}

@media(min-width:992px) {
	section.case-study-sec {
		padding-bottom: 120px
	}
}

section.case-study-sec .project-card-info {
	height: 100%;
	height: 100%;
	background-color: #fff;
	padding: 20px 10px;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

section.case-study-sec .project-card-info .card-height {
	height: 100%
}

section.case-study-sec .project-card-info .card-holder {
	height: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: column
}

section.case-study-sec .project-card-info.green {
	padding-bottom: 300px;
	background-image: url(../images/homepage/projects/mobile.png);
	background-position: 20% 400px;
	background-size: contain;
	background-repeat: no-repeat;
	margin-bottom: 30px;
	background-color: #caeed9
}

@media(min-width:376px) {
	section.case-study-sec .project-card-info.green {
		background-position: 40% 380px
	}
}

@media(min-width:576px) {
	section.case-study-sec .project-card-info.green {
		padding-bottom: 30px;
		background-position: 320px 180px
	}
}

@media(min-width:768px) {
	section.case-study-sec .project-card-info.green {
		background-position: 375px 180px
	}
}

@media(min-width:992px) {
	section.case-study-sec .project-card-info.green {
		background-position: 290px 93px
	}
}

@media(min-width:1200px) {
	section.case-study-sec .project-card-info.green {
		background-position: 390px 93px
	}
}

@media(min-width:992px) {
	section.case-study-sec .project-card-info.green {
		margin-right: 30px
	}
}

section.case-study-sec .project-card-info.pink {
	margin-bottom: 30px;
	background-color: #f4e4d7
}

section.case-study-sec .project-card-info.voilet {
	background-color: #e5e7fc
}

@media(min-width:992px) {
	section.case-study-sec .project-card-info.voilet {
		margin-top: 30px;
		margin-right: 30px
	}
}

section.case-study-sec .project-card-info.skin {
	padding-bottom: 300px;
	background-image: url(../images/homepage/projects/mobile2.png);
	background-position: 20% 400px;
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #ecebcd
}

@media(min-width:376px) {
	section.case-study-sec .project-card-info.skin {
		background-position: 40% 380px
	}
}

@media(min-width:576px) {
	section.case-study-sec .project-card-info.skin {
		padding-bottom: 30px;
		background-position: 320px 180px
	}
}

@media(min-width:768px) {
	section.case-study-sec .project-card-info.skin {
		background-position: 375px 180px
	}
}

@media(min-width:992px) {
	section.case-study-sec .project-card-info.skin {
		background-position: 320px 93px
	}
}

@media(min-width:1200px) {
	section.case-study-sec .project-card-info.skin {
		background-position: 420px 93px
	}
}

@media(min-width:992px) {
	section.case-study-sec .project-card-info.skin {
		margin-top: 30px
	}
}

@media(min-width:576px) {
	section.case-study-sec .project-card-info {
		padding: 30px
	}
}

section.case-study-sec .project-card-info .card-top {
	align-items: center;
	display: flex;
	justify-content: space-between
}

section.case-study-sec .project-card-info .card-top .project-name {
	color: #092851;
	font-size: 18px;
	text-align: start;
	font-weight: 500
}

section.case-study-sec .project-card-info .card-top .project-field {
	text-align: end;
	color: #1a9f50;
	font-weight: 500
}

section.case-study-sec .project-card-info h2 {
	font-size: 24px;
	color: #092851;
	font-weight: 500;
	margin-top: 30px
}

@media(min-width:576px) {
	section.case-study-sec .project-card-info h2 {
		font-size: 28px
	}
}

@media(min-width:992px) {
	section.case-study-sec .project-card-info h2 {
		font-size: 34px
	}
}

section.case-study-sec .project-card-info .project-desc {
	font-size: 16px;
	margin-top: 30px;
	line-height: 1.6;
	color: #676e77
}

@media(min-width:576px) {
	section.case-study-sec .project-card-info .project-desc {
		font-size: 18px
	}
}

section.case-study-sec .project-card-info h4 {
	color: #092851;
	margin-top: 30px;
	font-size: 18px;
	line-height: 1.3;
	font-weight: 500
}

@media(min-width:576px) {
	section.case-study-sec .project-card-info h4 {
		font-size: 18px
	}
}

section.case-study-sec .project-card-info .tech-head {
	color: #092851;
	padding-top: 30px;
	font-size: 16px;
	letter-spacing: .5;
	padding-bottom: 15px
}

section.case-study-sec .project-card-info .technology-icons-wrap {
	display: flex;
	flex-wrap: wrap
}

section.case-study-sec .project-card-info .technology-icons-wrap .technology-icon {
	margin-right: 15px;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f7faff;
	border-radius: 50%
}

@media(min-width:576px) {
	section.case-study-sec .project-card-info .technology-icons-wrap .technology-icon {
		width: 40px;
		height: 40px
	}
}

section.case-study-sec .project-card-info .technology-icons-wrap .technology-icon svg {
	height: 25px;
	width: 25px
}

@media(min-width:576px) {
	section.case-study-sec .project-card-info .technology-icons-wrap .technology-icon svg {
		height: 30px;
		width: 30px
	}
}

section.case-study-sec .project-card-info .card-btn {
	margin-top: 30px;
	justify-self: end;
	cursor: pointer;
	display: flex;
	align-items: center;
	color: #092851;
	background-color: transparent;
	border: 0;
	font-size: 16px;
	font-weight: 500
}

section.case-study-sec .project-card-info .card-btn span {
	background-color: #ff7933
}

section.case-study-sec .project-card-info .card-btn:hover svg {
	transform: translateX(10px)
}

@media(min-width:992px) {
	section.case-study-sec .top-project-card {
		margin-bottom: 30px
	}
}

section.case-study-sec .coming-soon-wrap {
	margin: 0 15px
}

section.case-study-sec .coming-soon-wrap figure {
	margin-bottom: 0;
	width: 100%;
	height: 100%
}

section.case-study-sec .coming-soon-wrap figure img {
	width: 100%;
	height: 100%
}

section.what-we-bring .offerings-wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start
}

@media(min-width:576px) {
	section.what-we-bring .offerings-wrap {
		border: 2px solid #8f8e8e;
        padding: 20px;
        border-radius: 20px;
	}
}

section.what-we-bring .offerings-wrap figure {
	width: 60px;
	height: 60px
}

section.what-we-bring .offerings-wrap figure img {
	width: 100%;
	height: 100%
}

section.what-we-bring .offerings-wrap h2 {
	font-size: 22px;
	color: #092851;
	padding-top: 30px;
	font-weight: 500
}

@media(min-width:576px) {
	section.what-we-bring .offerings-wrap h2 {
		font-size: 25px
	}
}

section.what-we-bring .offerings-wrap p {
	font-size: 16px;
	color: #676e77;
	margin-top: 20px;
	line-height: 1.6
}

@media(min-width:576px) {
	section.what-we-bring .offerings-wrap p {
		font-size: 18px
	}
}

section.integration-sec {
	padding: 0;
	    background-color: #a3e3ff;
}

section.integration-sec .integration-wrap {
	padding: 200px 0;
	position: relative
}

section.integration-sec .integration-wrap .heading {
	text-align: center
}

section.integration-sec .integration-wrap .heading p {
	padding-bottom: 30px;
	color: #676e77;
	font-weight: 400
}

section.integration-sec .integration-wrap .heading .blue-btn {
	width: unset;
	padding: 16px 30px;
	font-size: 18px
}

section.integration-sec .integration-wrap .logo-wrap {
	position: absolute;
	pointer-events: fill
}

section.integration-sec .integration-wrap .logo-wrap .logo {
	z-index: -5;
	width: 60px;
	height: 60px;
	box-shadow: rgba(149, 157, 165, .1) 0 8px 24px;
	display: flex;
	background-color: #fff;
	align-items: center;
	border-radius: 50%;
	justify-content: center
}

section.integration-sec .integration-wrap .logo-wrap .logo figure {
	margin-bottom: 0;
	width: 30px;
	height: 30px
}

section.integration-sec .integration-wrap .logo-wrap .logo figure svg {
	width: 100%;
	height: 100%
}

section.integration-sec .integration-wrap .logo-1 {
	left: 7%;
	top: 19%
}

section.integration-sec .integration-wrap .logo-1 .logo {
	height: 50px;
	width: 50px
}

@media(min-width:992px) {
	section.integration-sec .integration-wrap .logo-1 .logo {
		height: 80px;
		width: 80px
	}
}

section.integration-sec .integration-wrap .logo-1 .logo figure {
	height: 30px;
	width: 30px
}

@media(min-width:992px) {
	section.integration-sec .integration-wrap .logo-1 .logo figure {
		height: 40px;
		width: 40px
	}
}

section.integration-sec .integration-wrap .logo-2 {
	top: 18%;
	right: 50%
}

section.integration-sec .integration-wrap .logo-2 .logo {
	height: 60px;
	width: 60px
}

@media(min-width:992px) {
	section.integration-sec .integration-wrap .logo-2 .logo {
		height: 80px;
		width: 80px
	}
}

section.integration-sec .integration-wrap .logo-2 .logo figure {
	height: 30px;
	width: 30px
}

@media(min-width:992px) {
	section.integration-sec .integration-wrap .logo-2 .logo figure {
		height: 45px;
		width: 45px
	}
}

section.integration-sec .integration-wrap .logo-3 {
	z-index: 50
}

section.integration-sec .integration-wrap .logo-3 .logo {
	height: 60px;
	width: 60px
}

@media(min-width:992px) {
	section.integration-sec .integration-wrap .logo-3 .logo {
		width: 90px;
		height: 90px
	}
}

section.integration-sec .integration-wrap .logo-3 .logo figure {
	height: 30px;
	width: 30px
}

@media(min-width:992px) {
	section.integration-sec .integration-wrap .logo-3 .logo figure {
		width: 50px;
		height: 50px
	}
}

section.integration-sec .integration-wrap .logo-4 {
	z-index: 50;
	top: 3%;
	right: 3%
}

section.integration-sec .integration-wrap .logo-4 .logo {
	height: 70px;
	width: 70px
}

@media(min-width:992px) {
	section.integration-sec .integration-wrap .logo-4 .logo {
		height: 100px;
		width: 100px
	}
}

section.integration-sec .integration-wrap .logo-4 .logo figure {
	height: 40px
}

@media(min-width:992px) {
	section.integration-sec .integration-wrap .logo-4 .logo figure {
		height: 60px;
		width: 60px
	}
}

section.integration-sec .integration-wrap .logo-5 {
	z-index: 50;
	top: 4%;
	left: 34%
}

section.integration-sec .integration-wrap .logo-5 .logo {
	height: 60px;
	width: 60px
}

@media(min-width:992px) {
	section.integration-sec .integration-wrap .logo-5 .logo {
		height: 80px;
		width: 80px
	}
}

section.integration-sec .integration-wrap .logo-5 .logo figure {
	height: 30px;
	width: 30px
}

@media(min-width:992px) {
	section.integration-sec .integration-wrap .logo-5 .logo figure {
		height: 40px;
		width: 40px
	}
}

section.integration-sec .integration-wrap .logo-6 {
	left: 10%;
	bottom: 10%
}

section.integration-sec .integration-wrap .logo-7 {
	z-index: 50;
	bottom: 16%;
	right: 2%
}

section.integration-sec .integration-wrap .logo-7 .logo {
	height: 70px;
	width: 70px
}

@media(min-width:992px) {
	section.integration-sec .integration-wrap .logo-7 .logo {
		height: 100px;
		width: 100px
	}
}

section.integration-sec .integration-wrap .logo-7 .logo figure {
	height: 40px
}

@media(min-width:992px) {
	section.integration-sec .integration-wrap .logo-7 .logo figure {
		height: 60px;
		width: 60px
	}
}

section.integration-sec .integration-wrap .logo-8 {
	top: 17%;
	right: 6%
}

section.integration-sec .integration-wrap .logo-8 .logo {
	height: 50px;
	width: 50px
}

@media(min-width:992px) {
	section.integration-sec .integration-wrap .logo-8 .logo {
		height: 80px;
		width: 80px
	}
}

section.integration-sec .integration-wrap .logo-8 .logo figure {
	height: 30px;
	width: 30px
}

@media(min-width:992px) {
	section.integration-sec .integration-wrap .logo-8 .logo figure {
		height: 40px;
		width: 40px
	}
}

section.integration-sec .integration-wrap .logo-9 {
	bottom: 5%;
	right: 8%
}

section.integration-sec .integration-wrap .logo-9 .logo {
	height: 60px;
	width: 60px
}

@media(min-width:992px) {
	section.integration-sec .integration-wrap .logo-9 .logo {
		width: 90px;
		height: 90px
	}
}

section.integration-sec .integration-wrap .logo-9 .logo figure {
	height: 30px;
	width: 30px
}

@media(min-width:992px) {
	section.integration-sec .integration-wrap .logo-9 .logo figure {
		width: 50px;
		height: 50px
	}
}

section.integration-sec .integration-wrap .logo-10 {
	top: 13%;
	right: 29%
}

section.integration-sec .integration-wrap .logo-10 .logo {
	height: 60px;
	width: 60px
}

@media(min-width:992px) {
	section.integration-sec .integration-wrap .logo-10 .logo {
		width: 90px;
		height: 90px
	}
}

section.integration-sec .integration-wrap .logo-10 .logo figure {
	height: 30px;
	width: 30px
}

@media(min-width:992px) {
	section.integration-sec .integration-wrap .logo-10 .logo figure {
		width: 50px;
		height: 50px
	}
}

section.integration-sec .integration-wrap .logo-11 {
	top: 7%;
	left: 5%
}

section.integration-sec .integration-wrap .logo-11 .logo {
	height: 70px;
	width: 70px
}

@media(min-width:992px) {
	section.integration-sec .integration-wrap .logo-11 .logo {
		height: 80px;
		width: 80px
	}
}

section.integration-sec .integration-wrap .logo-11 .logo figure {
	height: 50px;
	width: 50px
}

@media(min-width:992px) {
	section.integration-sec .integration-wrap .logo-11 .logo figure {
		height: 40px;
		width: 40px
	}
}

section.integration-sec .integration-wrap .logo-12 {
	bottom: 5%;
	left: 36%
}

section.integration-sec .integration-wrap .logo-12 .logo {
	height: 70px;
	width: 70px
}

section.integration-sec .integration-wrap .logo-12 .logo figure {
	height: 30px;
	width: 30px
}

section.integration-sec .integration-wrap .logo-13 {
	bottom: 18%;
	left: 31%
}

section.integration-sec .integration-wrap .logo-13 .logo {
	height: 60px;
	width: 60px
}

@media(min-width:992px) {
	section.integration-sec .integration-wrap .logo-13 .logo {
		width: 90px;
		height: 90px
	}
}

section.integration-sec .integration-wrap .logo-13 .logo figure {
	height: 30px;
	width: 30px
}

@media(min-width:992px) {
	section.integration-sec .integration-wrap .logo-13 .logo figure {
		width: 50px;
		height: 50px
	}
}

section.integration-sec .integration-wrap .logo-14 {
	right: 28%;
	bottom: 14%
}

section.integration-sec .integration-wrap .logo-14 .logo {
	height: 50px;
	width: 50px
}

@media(min-width:992px) {
	section.integration-sec .integration-wrap .logo-14 .logo {
		height: 80px;
		width: 80px
	}
}

section.integration-sec .integration-wrap .logo-14 .logo figure {
	height: 30px;
	width: 30px
}

@media(min-width:992px) {
	section.integration-sec .integration-wrap .logo-14 .logo figure {
		height: 40px;
		width: 40px
	}
}

@media(min-width:992px) {
	section.integration-sec .integration-wrap .logo-1 {
		top: 100px;
		left: 0
	}

	section.integration-sec .integration-wrap .logo-2 {
		top: 440px;
		right: 240px
	}

	section.integration-sec .integration-wrap .logo-3 {
		top: 80px;
		left: 266px
	}

	section.integration-sec .integration-wrap .logo-4 {
		top: 150px;
		right: 170px
	}

	section.integration-sec .integration-wrap .logo-5 {
		top: 420px;
		left: 0
	}

	section.integration-sec .integration-wrap .logo-6 {
		left: unset;
		top: 532px;
		right: 47px
	}

	section.integration-sec .integration-wrap .logo-7 {
		z-index: 50;
		top: 249px;
		left: 95px;
		bottom: unset;
		right: unset
	}

	section.integration-sec .integration-wrap .logo-8 {
		top: 71px;
		right: 2px
	}

	section.integration-sec .integration-wrap .logo-9 {
		bottom: unset;
		right: unset;
		top: 455px;
		left: 215px
	}

	section.integration-sec .integration-wrap .logo-10 {
		top: 308px;
		right: 36px
	}

	section.integration-sec .integration-wrap .logo-11 {
		top: 55px !important;
		left: 666px !important
	}

	section.integration-sec .integration-wrap .logo-12 {
		top: 575px;
		left: 372px
	}

	section.integration-sec .integration-wrap .logo-13 {
		top: 544px;
		left: 616px
	}

	section.integration-sec .integration-wrap .logo-14 {
		top: 568px;
		left: 66px;
		right: unset
	}
}

section.procedure-sec {
	background-color: #092851
}

section.procedure-sec .heading p {
	max-width: 600px;
	color: rgba(255, 255, 255, .7294117647)
}

section.procedure-sec .heading h2 {
	color: #fff
}

section.procedure-sec .procedure-wrap .procedure-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%
}

section.procedure-sec .procedure-wrap .procedure-content h2 {
	font-weight: 500;
	line-height: 1.3;
	font-size: 25px;
	padding-top: 10px;
	color: #fff;
	padding-bottom: 20px
}

section.procedure-sec .procedure-wrap .procedure-content h2 span {
	color: #ff7933;
	font-size: 50px
}

@media(min-width:768px) {
	section.procedure-sec .procedure-wrap .procedure-content h2 {
		padding-top: 0
	}
}

@media(min-width:576px) {
	section.procedure-sec .procedure-wrap .procedure-content h2 {
		font-size: 30px
	}
}

section.procedure-sec .procedure-wrap .procedure-content p {
	line-height: 1.6;
	font-size: 16px;
	color: rgba(255, 255, 255, .7294117647)
}

@media(min-width:576px) {
	section.procedure-sec .procedure-wrap .procedure-content p {
		font-size: 18px
	}
}

section.procedure-sec .procedure-wrap .process-img {
	width: 100%;
	display: flex
}

@media(min-width:768px) {
	section.procedure-sec .procedure-wrap .process-img {
		justify-content: center
	}
}

section.procedure-sec .procedure-wrap .process-img.step-2 figure {
	width: 50%
}

@media(min-width:576px) {
	section.procedure-sec .procedure-wrap .process-img.step-2 figure {
		width: 65%
	}
}

section.procedure-sec .procedure-wrap .process-img.step-3 figure {
	width: 50%
}

@media(min-width:576px) {
	section.procedure-sec .procedure-wrap .process-img.step-3 figure {
		width: 70%
	}
}

section.procedure-sec .procedure-wrap .process-img figure {
	width: 30%
}

@media(min-width:576px) {
	section.procedure-sec .procedure-wrap .process-img figure {
		width: 50%
	}
}

section.procedure-sec .procedure-wrap .process-img figure svg {
	width: 100%;
	height: 100%
}

section.testimonials-sec {
	    background-color: #c5ddf3;
}

section.testimonials-sec .splide-arrows {
	margin-top: 28px;
	padding-bottom: 40px;
	display: flex;
	align-items: center;
	justify-content: center
}

section.testimonials-sec .splide-arrows .arrow-div button svg {
	color: #20406b
}

section.testimonials-sec .splide-arrows .left-arrow {
	cursor: pointer;
	background: 0 0;
	border: 0;
	font-size: 20px
}

@media(min-width:576px) {
	section.testimonials-sec .splide-arrows .left-arrow {
		font-size: 30px
	}
}

section.testimonials-sec .splide-arrows h5 {
	font-size: 20px;
	margin-top: -10px;
	color: #20406b;
	padding: 0 40px;
	margin-bottom: 0;
	font-weight: 400
}

@media(min-width:576px) {
	section.testimonials-sec .splide-arrows h5 {
		font-size: 22px
	}
}

section.testimonials-sec .splide-arrows .right-arrow {
	cursor: pointer;
	background: 0 0;
	border: 0;
	font-size: 20px
}

@media(min-width:576px) {
	section.testimonials-sec .splide-arrows .right-arrow {
		font-size: 30px
	}
}

section.testimonials-sec .splide-bg {
	    background-color: #ffffff;
  
    box-shadow: 0 2px 20px 0 rgb(0 0 0 / 26%);
}

section.testimonials-sec .splide-bg .splide__pagination {
	display: none
}

section.testimonials-sec .splide__arrow--next {
	display: none
}

section.testimonials-sec .splide__arrow--prev {
	display: none
}

section.testimonials-sec .splide-container {
	padding: 80px 0
}

section.testimonials-sec .testimonial-wrap {
	display: flex;
	text-align: center;
	flex-direction: column;
	align-items: center
}

section.testimonials-sec .testimonial-wrap h2 {
	line-height: 1.6;
	font-weight: 400;
	color: #092851;
	font-size: 20px;
	padding-bottom: 30px
}

@media(min-width:576px) {
	section.testimonials-sec .testimonial-wrap h2 {
		font-size: 30px
	}
}

section.testimonials-sec .testimonial-wrap .customer-info {
	display: flex;
	text-align: center;
	flex-direction: column;
	align-items: center
}

section.testimonials-sec .testimonial-wrap .customer-info figure {
	border-radius: 50%;
	overflow: hidden;
	width: 60px;
	height: 60px
}

section.testimonials-sec .testimonial-wrap .customer-info figure img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

section.testimonials-sec .testimonial-wrap .customer-info p {
	font-size: 22px;
	padding: 10px 0;
	color: #092851;
	font-weight: 600
}

section.testimonials-sec .testimonial-wrap .customer-info span {
	font-style: italic;
	color: #092851;
	font-size: 14px
}

section.cta {
	    background-color: #1a4270;
}

@media(min-width:992px) {
	section.cta {
		padding: 150px 0
	}
}

section.cta .heading p {
	color: #fff
}

section.cta .heading p.heading-desc {
	line-height: 1.6;
	color: #fff;
	font-size: 16px
}

@media(min-width:768px) {
	section.cta .heading p.heading-desc {
		font-size: 18px
	}
}

section.cta .heading h2 {
	color: #fff
}

section.cta .arrow-wrap {
	display: flex;
	justify-content: flex-end
}

@media(min-width:768px) {
	section.cta .arrow-wrap {
		justify-content: center
	}
}

section.cta .arrow-wrap figure {
	bottom: -6px;
	right: -13px;
	position: relative
}

@media(min-width:992px) {
	section.cta .arrow-wrap figure {
		animation: back-forth 2s infinite
	}
}

@media(min-width:376px) {
	section.cta .arrow-wrap figure {
		right: 30px
	}
}

@media(min-width:992px) {
	section.cta .arrow-wrap figure {
		width: 90px;
		right: 110px
	}
}

@media(min-width:992px) {
	section.cta .arrow-wrap figure {
		top: 50px
	}
}

@media(min-width:1200px) {
	section.cta .arrow-wrap figure {
		top: 80px;
		width: 130px
	}
}

section.cta .arrow-wrap figure img {
	width: 100%;
	transform: rotate(-35deg)
}

@media(min-width:376px) {
	section.cta .arrow-wrap figure img {
		transform: rotate(-25deg)
	}
}

@media(min-width:576px) {
	section.cta .arrow-wrap figure img {
		transform: rotate(-12deg)
	}
}

@media(min-width:992px) {
	section.cta .arrow-wrap figure img {
		transform: rotate(250deg)
	}
}

section.cta .cta-bottom-content p {
	line-height: 1.6;
	color: #fff;
	font-size: 16px
}

@media(min-width:768px) {
	section.cta .cta-bottom-content p {
		font-size: 18px
	}
}

@media(min-width:992px) {
	section.cta .cta-bottom-content p {
		font-size: 20px
	}
}

@media(min-width:992px) {
	section.cta .cta-btn {
		padding-left: 220px
	}
}

@media(min-width:1200px) {
	section.cta .cta-btn {
		padding-left: 293px
	}
}

section.cta .cta-btn .custom-btn {
	cursor: pointer;
	display: flex;
	align-items: center;
	color: #092851;
	background-color: #fff;
	border: 1px solid #fff;
	font-size: 16px;
	font-weight: 500;
	margin-top: 25px
}

@media(min-width:576px) {
	section.cta .cta-btn .custom-btn {
		margin-top: 0
	}
}

@media(min-width:992px) {
	section.cta .cta-btn .custom-btn {
		padding: 20px 30px
	}
}

section.cta .cta-btn .custom-btn span {
	background-color: #03c0a1
}

section.cta .cta-btn .custom-btn svg {
	font-size: 30px;
	margin-left: 20px;
	transition: .4s
}

section.cta .cta-btn .custom-btn:hover svg {
	transform: translateX(10px)
}

footer {
	     background-color: #ffffff;
	padding-bottom: 0
}

footer .footer-top {
	width: 100%;
	padding: 10px 0;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: flex-start
}

@media(min-width:768px) {
	footer .footer-top {
		flex-direction: row;
		justify-content: space-between
	}
}

footer .footer-top .logo-quote {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start
}

footer .footer-top .logo-quote figure {
	width: 200px
}

@media(min-width:376px) {
	footer .footer-top .logo-quote figure {
		width: 300px
	}
}

footer .footer-top .logo-quote figure img {
	width: 100%;
	height: 100%
}

footer .footer-top .logo-quote p {
	color: #426966;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 0
}

footer .footer-top .follow-sec {
	padding-top: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	width: 100%
}

@media(min-width:576px) {
	footer .footer-top .follow-sec {
		padding-top: 0
	}
}

@media(min-width:992px) {
	footer .footer-top .follow-sec {
		align-items: flex-end
	}
}

footer .footer-top .follow-sec .hi-btn {
	padding-bottom: 5px;
	font-size: 30px;
	font-weight: 500;
	color: #092851;
	display: flex;
	align-items: center;
	background-color: transparent;
	border: 0
}

footer .footer-top .follow-sec .hi-btn img {
	margin-top: -15px;
	margin-left: 5px;
	width: 55px
}

footer .footer-top .follow-sec .hi-btn img.wave {
	animation-name: wave-animation;
	animation-duration: 2.5s;
	animation-iteration-count: infinite;
	transform-origin: 70% 70%;
	display: inline-block
}

footer .footer-top .follow-sec .icons-wrap {
	padding: 10px 0;
	display: flex;
	align-items: center
}

footer .footer-top .follow-sec .icons-wrap .icon-holder {
	width: 45px;
	background-color: #fff;
	height: 45px;
	margin: 0 10px
}

footer .footer-top .follow-sec .icons-wrap .icon-holder a {
	background-color: #2282ff;
    display: block;
    width: 100%;
    height: 100%;
    display: flex;

    align-items: center;
    justify-content: center;
   
    border: 1px solid #000;
}

footer .footer-top .follow-sec .icons-wrap .icon-holder a svg {
	color: #092851;
	font-size: 18px
}

footer .footer-top .follow-sec .icons-wrap .icon-holder a:hover {
	background-color: #092851
}

footer .footer-top .follow-sec .icons-wrap .icon-holder a:hover svg {
	color: #fff
}

footer .footer-mid {
	text-align: center
}

@media(min-width:992px) {
	footer .footer-mid {
		padding: 50px 0
	}
}

@media(min-width:992px) {
	footer .footer-mid {
		text-align: start
	}
}

footer .footer-mid .footer-add {
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

footer .footer-mid h5 {
	padding-top: 20px;
	font-size: 16px;
	font-weight: 500;
	color: #676e77
}

footer .footer-mid a {
	font-weight: 500;
	font-size: 18px;
	color: #092851;
	display: block;
	padding-top: 10px;
	padding-bottom: 25px
}

footer .footer-bottom {
	border-top: 1px solid #d5f7f4;
	padding: 30px 0;
	display: flex;
	align-items: center;
	flex-direction: column-reverse;
	align-items: flex-start
}

footer .footer-bottom p {
	margin-top: 20px;
	font-weight: 400;
	color: #676e77;
	padding: 10px 0
}

@media(min-width:992px) {
	footer .footer-bottom p {
		margin-top: 0
	}
}

footer .footer-bottom p svg {
	margin-bottom: -2px;
	color: red
}

footer .footer-bottom p a {
	color: #676e77
}

@media(min-width:992px) {
	footer .footer-bottom {
		flex-direction: row;
		justify-content: space-between;
		        padding: 10px 0;
	}
}

footer .footer-bottom .footer-links ul {
	display: flex;
	width: 100%
}

footer .footer-bottom .footer-links ul li {
	margin-right: 10px;
	text-align: start;
	display: inline-block
}

@media(min-width:576px) {
	footer .footer-bottom .footer-links ul li {
		margin-right: 15px
	}
}

footer .footer-bottom .footer-links ul li a {
	font-size: 15px;
	text-align: start;
	font-weight: 400;
	color: #676e77
}

.close-btn-menu {
	position: absolute;
	padding: 20px;
	right: 0;
	font-size: 20px;
	cursor: pointer
}

.close-btn-menu svg {
	font-size: 15px
}

.cta-form {
	background-color: #f1f8fe !important;
	padding: 20px;
	padding-right: 0;
	transition: .4s;
	transform: translateX(110%);
	display: flex;
	flex-direction: column;
	position: fixed;
	top: 0;
	z-index: 102;
	background-color: #fff;
	right: 0;
	width: 100%;
	height: 100%
}

@media(min-width:576px) {
	.cta-form {
		padding: 30px 20px;
		padding-right: 0
	}
}

@media(min-width:576px) {
	.cta-form {
		width: 90%;
		padding: 20px;
		padding-right: 0
	}
}

@media(min-width:992px) {
	.cta-form {
		width: 70%;
		padding: 30px;
		padding-right: 0
	}
}

@media(min-width:1700px) {
	.cta-form {
		width: 60%;
		padding: 50px;
		padding-right: 0
	}
}

.cta-form.open-cta {
	transform: translateX(0%)
}

.cta-form .close-btn-cta {
	z-index: 50;
	position: fixed;
	top: 15px;
	background-color: #f1f8fe;
	right: 10px;
	z-index: 110;
	cursor: pointer;
	font-size: 20px
}

@media(min-width:576px) {
	.cta-form .close-btn-cta {
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		z-index: 50;
		position: fixed;
		right: unset;
		top: 0;
		background-color: #cee6fa;
		left: -40px;
		z-index: 110;
		cursor: pointer;
		padding: 10px;
		font-size: 26px
	}
}

.cta-form .cta-form-parent {
	padding-right: 20px;
	overflow-y: scroll;
	overflow-x: hidden
}

@media(min-width:376px) {
	.cta-form .cta-form-parent {
		padding-right: 20px
	}
}

@media(min-width:768px) {
	.cta-form .cta-form-parent {
		padding-right: 20px
	}
}

@media(min-width:576px) {
	.cta-form .cta-form-parent {
		padding-right: 30px
	}
}

@media(min-width:1700px) {
	.cta-form .cta-form-parent {
		padding-right: 50px
	}
}

.cta-form .cta-form-parent::-webkit-scrollbar {
	width: 3px
}

.cta-form .cta-form-parent::-webkit-scrollbar-thumb {
	background: rgba(34, 126, 255, .4352941176);
	border-radius: 10px
}

.cta-form .contact-heading h2 {
	font-weight: 500;
	padding-bottom: 10px;
	font-size: 25px;
	color: #092851
}

@media(min-width:768px) {
	.cta-form .contact-heading h2 {
		font-size: 30px
	}
}

@media(min-width:992px) {
	.cta-form .contact-heading h2 {
		font-size: 36px
	}
}

.cta-form .contact-heading p {
	font-size: 16px;
	line-height: 1.6;
	color: #676e77
}

@media(min-width:768px) {
	.cta-form .contact-heading p {
		font-size: 18px
	}
}

@media(min-width:992px) {
	.cta-form .contact-heading p {
		font-size: 18px
	}
}

.cta-form .contact-heading p a {
	color: #676e77
}

.cta-form .contact-heading p.bold {
	font-weight: 500
}

.cta-form .interested-in {
	margin-top: 20px
}

.cta-form .interested-in.type {
	margin-top: 0
}

.cta-form .interested-in h4 {
	font-weight: 400;
	font-size: 20px;
	color: #092851;
	margin-bottom: 10px
}

@media(min-width:768px) {
	.cta-form .interested-in h4 {
		font-size: 25px
	}
}

.cta-form .interested-in .interested-link-wrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap
}

.cta-form .interested-in .interested-link-wrap a,
.cta-form .interested-in .interested-link-wrap label {
	background-color: #fff;
	border: 1px solid rgba(186, 204, 217, .1882352941);
	box-shadow: 0 0 10px 10px rgba(9, 40, 81, .0196078431);
	color: #092851;
	font-size: 16px;
	margin-bottom: 10px;
	padding: 6px 12px;
	margin-right: 5px;
	cursor: pointer;
	transition: ease-in .1s
}

@media(min-width:768px) {

	.cta-form .interested-in .interested-link-wrap a,
	.cta-form .interested-in .interested-link-wrap label {
		margin-right: 10px;
		padding: 12px 18px;
		margin-bottom: 20px
	}
}

.cta-form .interested-in .interested-link-wrap a input,
.cta-form .interested-in .interested-link-wrap label input {
	opacity: 0;
	width: 0
}

.cta-form .interested-in .interested-link-wrap a.active,
.cta-form .interested-in .interested-link-wrap label.active {
	background-color: #0a9de2;
	color: #fff
}

.cta-form .project-budget {
	display: none;
	transition: ease-in .2s
}

.cta-form .project-budget h4 {
	font-weight: 400;
	font-size: 20px;
	color: #092851;
	margin-bottom: 15px
}

@media(min-width:768px) {
	.cta-form .project-budget h4 {
		font-size: 25px
	}
}

.cta-form .project-budget .project-budget-link-wrap {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
	box-shadow: 0 0 10px 10px rgba(9, 40, 81, .0196078431)
}

@media(min-width:576px) {
	.cta-form .project-budget .project-budget-link-wrap {
		grid-template-columns: unset;
		grid-auto-columns: 1fr;
		grid-auto-flow: column
	}
}

.cta-form .project-budget .project-budget-link-wrap label {
	color: #092851;
	background-color: #fff;
	font-size: 16px;
	padding: 15px;
	position: relative;
	cursor: pointer;
	border: 0
}

@media(min-width:768px) {
	.cta-form .project-budget .project-budget-link-wrap label {
		padding: 20px;
		border-radius: 0;
		outline: 0
	}
}

.cta-form .project-budget .project-budget-link-wrap label::before {
	content: "";
	width: 2px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: #092851
}

.cta-form .project-budget .project-budget-link-wrap label:nth-child(2)::before {
	display: none
}

@media(min-width:576px) {
	.cta-form .project-budget .project-budget-link-wrap label:nth-child(2)::before {
		display: block
	}
}

.cta-form .project-budget .project-budget-link-wrap label:last-child::before {
	display: none
}

.cta-form .project-budget .project-budget-link-wrap label.selected {
	background-color: rgba(9, 40, 81, .1882352941);
	color: #092851
}

.cta-form .project-budget .project-budget-link-wrap label input {
	opacity: 0
}

.cta-form .submit-btn {
	margin-top: 50px
}

.cta-form .contact-form h5 {
	font-size: 25px;
	font-weight: 400;
	color: #092851;
	margin-bottom: 15px
}

.cta-form .contact-form .input-wrap {
	margin-bottom: 25px
}

.cta-form .contact-form .input-wrap label {
	color: #676e77;
	font-size: 16px;
	margin-bottom: 12px;
	display: block
}

.cta-form .contact-form .input-wrap input,
.cta-form .contact-form .input-wrap textarea {
	width: 100%;
	height: 50px;
	padding: 5px 8px;
	border-radius: 0;
	padding-left: 15px;
	border: 1px solid rgba(186, 204, 217, .1882352941);
	box-shadow: 0 0 12px 7px rgba(9, 40, 81, .0196078431);
	outline: 0
}

@media(min-width:768px) {

	.cta-form .contact-form .input-wrap input,
	.cta-form .contact-form .input-wrap textarea {
		height: 50px
	}
}

.cta-form .contact-form .input-wrap input::placeholder,
.cta-form .contact-form .input-wrap textarea::placeholder {
	color: rgba(93, 95, 96, .8235294118);
	font-size: 15px
}

.cta-form .contact-form .input-wrap input:focus,
.cta-form .contact-form .input-wrap textarea:focus {
	border: 1px solid #227eff
}

.cta-form .contact-form .input-wrap textarea {
	padding-top: 10px;
	height: 80px
}

.phone-menu {
	height: 100%;
	width: 100%;
	transition: .4s;
	position: fixed;
	top: 0;
	z-index: 100;
	background-color: #fff;
	right: 100%
}

.phone-menu.open-menu {
	right: 0
}

.phone-menu .menu-header {
	box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px
}

.phone-menu .menu-header figure {
	width: 170px
}

.phone-menu .menu-header figure img {
	width: 100%;
	height: 100%
}

.phone-menu .menu-header svg {
	font-size: 20px;
	cursor: pointer
}

.phone-menu .menu-body ul li {
	padding: 13px
}

.phone-menu .menu-body ul li .footer-add {
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.phone-menu .menu-body ul li .footer-add h5 {
	margin-bottom: 0;
	color: #1d1e3c;
	font-weight: 500;
	font-size: 16px
}

.phone-menu .menu-body ul li .footer-add a {
	font-size: 18px;
	display: block;
	padding: 20px 0;
	margin-bottom: 5px
}

.phone-menu .menu-body ul li .icons-wrap {
	display: flex;
	align-items: center
}

.phone-menu .menu-body ul li .icons-wrap .icon-holder {
	width: 45px;
	background-color: #fff;
	height: 45px;
	margin: 0 10px;
	box-shadow: rgba(0, 0, 0, .05) 0 6px 24px 0, rgba(0, 0, 0, .08) 0 0 0 1px
}

.phone-menu .menu-body ul li .icons-wrap .icon-holder a {
	display: block;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

.phone-menu .menu-body ul li .icons-wrap .icon-holder a svg {
	color: #092851;
	font-size: 18px
}

.phone-menu .menu-body ul li .icons-wrap .icon-holder a:hover {
	background-color: #092851
}

.phone-menu .menu-body ul li .icons-wrap .icon-holder a:hover svg {
	color: #fff
}

.phone-menu .menu-body ul li .talk-btn-wrap .blue-btn {
	width: 170px;
	height: unset;
	display: flex;
	align-items: center;
	justify-content: center
}

.phone-menu .menu-body ul li .talk-btn-wrap .blue-btn span {
	display: block
}

.phone-menu .menu-body ul li .talk-btn-wrap .blue-btn img {
	width: 25px;
	height: 25px
}

@media(min-width:992px) {
	.phone-menu .menu-body ul li .talk-btn-wrap .blue-btn img {
		margin-left: 10px
	}
}

.phone-menu .menu-body ul li .talk-btn-wrap .blue-btn img.wave {
	animation-name: wave-animation;
	animation-duration: 2.5s;
	animation-iteration-count: infinite;
	transform-origin: 70% 70%;
	display: inline-block
}

.phone-menu .menu-body ul li a {
	text-decoration: none;
	color: #1d1e3c
}

section.faq-sec .accordion {
	position: relative;
	background-color: #fff;
	color: rgba(9, 40, 81, .7294117647);
	cursor: pointer;
	padding: 30px 15px;
	padding-right: 50px;
	width: 100%;
	border: none;
	border-top: 1px solid rgba(0, 0, 0, .1019607843);
	text-align: left;
	outline: none;
	font-size: 18px;
	transition: .2s;
	font-weight: 500
}

@media(min-width:576px) {
	section.faq-sec .accordion {
		font-size: 18px
	}
}

@media(min-width:992px) {
	section.faq-sec .accordion {
		font-size: 20px
	}
}

section.faq-sec .accordion.last {
	border-bottom: 1px solid rgba(0, 0, 0, .1019607843)
}

section.faq-sec .accordion:hover {
	color: #ff7933
}

section.faq-sec .accordion:hover span {
	border: 2px solid #ff7933
}

section.faq-sec .accordion:hover::after {
	border: 2px solid #ff7933;
	color: #ff7933
}

section.faq-sec .accordion span {
	position: absolute;
	right: 15px;
	transform: translateY(-50%);
	width: 18px;
	height: 18px;
	top: 50%;
	border-radius: 50%;
	transition: .2s;
	border: 2px solid rgba(9, 40, 81, .7294117647);
	display: flex;
	align-items: center;
	justify-content: center
}

@media(min-width:576px) {
	section.faq-sec .accordion span {
		width: 25px;
		height: 25px
	}
}

section.faq-sec .accordion span svg {
	font-size: 9px
}

@media(min-width:576px) {
	section.faq-sec .accordion span svg {
		font-size: 12px
	}
}

section.faq-sec .panel {
	padding: 0 18px;
	background-color: #fff;
	max-height: 0;
	overflow: hidden;
	transition: max-height .2s ease-out
}

section.faq-sec .panel p {
	padding-top: 10px;
	line-height: 1.6;
	padding-bottom: 40px;
	color: #676e77
}

section.faq-sec .panel.last {
	border-bottom: 1px solid rgba(0, 0, 0, .1019607843)
}

.selectProjectType {
	display: none
}

.text-danger {
	color: #ff7933;
	transition: ease-in .2s
}

.error {
	margin-top: 1rem;
	margin-bottom: 1rem
}

.error ul {
	list-style-type: square;
	margin-left: 1rem
}

.success-message {
	animation: append-animate .4s ease-in;
	transition: .4s;
	display: flex;
	width: 100%;
	height: 50vh;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	text-align: center
}

.success-message svg {
	width: 10rem;
	height: 10rem;
	color: #03c0a1
}

.success-message h2 {
	font-size: 42px;
	font-weight: 500
}

.success-message p {
	font-size: 16px
}

.selectBudget {
	display: none
}

.loadingio-spinner-rolling-dywq03esu9n {
	display: none
}

@keyframes ldio-v6s0qkdpnrm {
	0% {
		transform: translate(-50%, -50%) rotate(0deg)
	}

	100% {
		transform: translate(-50%, -50%) rotate(360deg)
	}
}

.ldio-v6s0qkdpnrm div {
	position: absolute;
	width: 10px;
	height: 10px;
	border: 2px solid #fff;
	border-top-color: transparent;
	border-radius: 50%
}

.ldio-v6s0qkdpnrm div {
	animation: ldio-v6s0qkdpnrm 1s linear infinite;
	top: 11px;
	left: 10px
}

.loadingio-spinner-rolling-dywq03esu9n {
	width: 20px;
	height: 20px;
	overflow: hidden;
	background: 0 0
}

.ldio-v6s0qkdpnrm {
	width: 100%;
	height: 100%;
	position: relative;
	transform: translateZ(0) scale(1);
	backface-visibility: hidden;
	transform-origin: 0 0
}

.ldio-v6s0qkdpnrm div {
	box-sizing: content-box
}

.page-loader {
	position: fixed;
	height: 100vh;
	width: 100vw;
	background: #fff;
	top: 0;
	left: 0;
	z-index: 10000
}

.page-loader>div {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	background-color: transparent
}

.page-loader>div>img {
	max-width: 300px
}

@keyframes hide-progress-loader {
	0% {
		opacity: 1
	}

	25% {
		opacity: .8
	}

	50% {
		opacity: .4
	}

	75% {
		opacity: .2
	}

	100% {
		opacity: 0;
		display: none
	}
}

.hide-progress {
	animation: hide-progress-loader 1s ease-in-out;
	animation-iteration-count: 1
}

.banner-slider {
	pointer-events: none;
	width: 100%;
	height: 32px
}

@media(min-width:992px) {
	.banner-slider {
		height: 40px;
		margin: 10px 0
	}
}

.banner-slider .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: flex-start;
	align-items: center
}

.banner-slider .swiper-slide h6 {
	display: flex;
	align-items: center;
	font-weight: 500
}

@media(min-width:768px) {
	.banner-slider .swiper-slide h6 {
		font-size: 20px
	}
}

.banner-slider .swiper-slide h6 svg {
	font-size: 20px;
	color: #ffd000
}

@media(min-width:992px) {
	.banner-slider .swiper-slide h6 svg {
		font-size: 24px
	}
}

section.thankyou-banner {
	overflow: hidden;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: start;
	padding-top: 100px;
	background-color: #f1f8fe;
	position: relative
}

@media(min-width:376px) {
	section.thankyou-banner {
		padding-top: 100px
	}
}

@media(min-width:576px) {
	section.thankyou-banner {
		padding-top: 80px
	}
}

@media(min-width:992px) {
	section.thankyou-banner {
		padding-top: 150px
	}
}

section.thankyou-banner figure {
	width: 30%
}

@media(min-width:992px) {
	section.thankyou-banner figure {
		width: 40%
	}
}

section.thankyou-banner figure img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

@media(min-width:992px) {
	section.thankyou-banner {
		justify-content: center
	}
}

section.thankyou-banner h1 {
	font-weight: 500;
	padding-bottom: 15px;
	font-size: 28px;
	color: #092851;
	font-family: gordita
}

@media(min-width:376px) {
	section.thankyou-banner h1 {
		font-size: 28px
	}
}

@media(min-width:576px) {
	section.thankyou-banner h1 {
		padding-bottom: 20px;
		font-size: 30px
	}
}

@media(min-width:1200px) {
	section.thankyou-banner h1 {
		font-size: 42px
	}
}

section.thankyou-banner h1 span {
	color: #fd5554
}

section.thankyou-banner p {
	font-size: 15px;
	padding-bottom: 15px;
	line-height: 1.6;
	margin-bottom: 0;
	color: #494251
}

@media(min-width:376px) {
	section.thankyou-banner p {
		padding-bottom: 20px
	}
}

@media(min-width:576px) {
	section.thankyou-banner p {
		padding-bottom: 20px;
		font-size: 18px
	}
}

section.thankyou-banner .header-btns .custom-btn {
	width: fit-content;
	margin-right: 10px;
	padding: 15px;
	border: 2px solid #20406b;
	font-size: 14px;
	background-color: #20406b
}

section.thankyou-banner .header-btns .custom-btn span {
	display: none
}

@media(min-width:576px) {
	section.thankyou-banner .header-btns .custom-btn span {
		display: block
	}
}

@media(min-width:576px) {
	section.thankyou-banner .header-btns .custom-btn {
		font-size: 16px;
		padding: 15px 20px;
		margin-right: 20px
	}
}

@media(min-width:768px) {
	section.thankyou-banner .header-btns .custom-btn {
		padding: 16px 25px
	}
}

@media(min-width:992px) {
	section.thankyou-banner .header-btns .custom-btn {
		padding: 20px 25px
	}
}

section.thankyou-banner .header-btns .custom-btn.invert {
	color: #20406b;
	background-color: transparent;
	border: 2px solid #20406b
}

section.thankyou-banner .header-btns a {
	display: flex;
	align-items: center;
	text-decoration: none;
	font-weight: 600;
	color: #1d1e3c
}

section.thankyou-banner .header-btns a svg {
	margin-left: 20px;
	padding: 10px 12px;
	border: 2px solid #1d1e3c;
	border-radius: 50%
}

section.what-next-sec {
	background-color: #03c0a1
}

section.what-next-sec .next-steps .heading h2 {
	color: #fff
}

section.what-next-sec .next-steps .next-step-wrap {
	position: relative
}

section.what-next-sec .next-steps .next-step-wrap::before {
	position: absolute;
	top: 0;
	left: 25px;
	height: calc(100% - 50px);
	width: 2px;
	content: "";
	background-color: rgba(255, 255, 255, .098)
}

@media(min-width:992px) {
	section.what-next-sec .next-steps .next-step-wrap::before {
		top: 25px;
		left: 0;
		height: 2px;
		width: calc(100% - 205px)
	}
}

section.what-next-sec .next-steps .next-step-wrap .next-step-card {
	margin: 20px 0;
	display: flex;
	align-items: flex-start
}

@media(min-width:992px) {
	section.what-next-sec .next-steps .next-step-wrap .next-step-card {
		margin: 0
	}
}

@media(min-width:992px) {
	section.what-next-sec .next-steps .next-step-wrap .next-step-card {
		flex-direction: column
	}
}

section.what-next-sec .next-steps .next-step-wrap .next-step-card .step-number {
	margin-left: 5px;
	margin-right: 20px;
	box-shadow: rgba(100, 100, 111, .1) 0 7px 29px 0;
	width: 40px;
	height: 40px;
	background-color: #fff;
	z-index: 10;
	border-radius: 50%;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center
}

@media(min-width:992px) {
	section.what-next-sec .next-steps .next-step-wrap .next-step-card .step-number {
		margin-right: 0;
		margin-left: 0
	}
}

@media(min-width:992px) {
	section.what-next-sec .next-steps .next-step-wrap .next-step-card .step-number {
		width: 50px;
		height: 50px
	}
}

section.what-next-sec .next-steps .next-step-wrap .next-step-card .step-number span {
	font-size: 16px;
	color: #00a287
}

@media(min-width:992px) {
	section.what-next-sec .next-steps .next-step-wrap .next-step-card .step-number span {
		font-size: 25px
	}
}

section.what-next-sec .next-steps .next-step-wrap .next-step-card p {
	line-height: 1.6;
	color: #fff
}

@media(min-width:992px) {
	section.what-next-sec .next-steps .next-step-wrap .next-step-card p {
		font-size: 18px;
		padding-top: 35px;
		max-width: 200px
	}
}

.case-study-heading {
	font-size: 22px;
	font-weight: 500;
	color: #092851
}

@media(min-width:576px) {
	.case-study-heading {
		font-size: 24px
	}
}

@media(min-width:768px) {
	.case-study-heading {
		font-size: 28px
	}
}

@media(min-width:992px) {
	.case-study-heading {
		font-size: 32px
	}
}

section.case-study-banner {
	padding-top: 100px
}

@media(min-width:576px) {
	section.case-study-banner {
		padding-top: 150px
	}
}

section.case-study-banner .heading h2 {
	font-size: 32px;
	font-weight: 600;
	color: #092851
}

@media(min-width:576px) {
	section.case-study-banner .heading h2 {
		font-size: 40px
	}
}

@media(min-width:768px) {
	section.case-study-banner .heading h2 {
		font-size: 50px
	}
}

@media(min-width:992px) {
	section.case-study-banner .heading h2 {
		font-size: 60px
	}
}

@media(min-width:1200px) {
	section.case-study-banner .heading h2 {
		font-size: 64px
	}
}

section.case-study-banner .heading h4 {
	margin-top: 10px;
	font-size: 20px;
	font-weight: 500
}

@media(min-width:576px) {
	section.case-study-banner .heading h4 {
		font-size: 24px;
		margin-top: 15px
	}
}

section.case-study-banner .heading h4 a {
	color: #20406b
}

section.case-study-banner .heading h4 a:hover {
	color: #092851
}

section.case-study-banner .services-tech {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

@media(min-width:992px) {
	section.case-study-banner .services-tech {
		align-items: flex-end
	}
}

section.case-study-banner .services-tech .service-sector-wrap {
	display: flex;
	height: 100%;
	flex-direction: column
}

@media(min-width:576px) {
	section.case-study-banner .services-tech .service-sector-wrap {
		flex-direction: row
	}
}

@media(min-width:992px) {
	section.case-study-banner .services-tech .service-sector-wrap {
		justify-content: end;
		align-items: flex-end
	}
}

section.case-study-banner .services-tech .service-sector-wrap .service-sector {
	margin-top: 30px;
	position: relative;
	padding-top: 15px;
	display: flex;
	flex-direction: column
}

@media(min-width:576px) {
	section.case-study-banner .services-tech .service-sector-wrap .service-sector:last-child {
		margin-left: 80px
	}
}

@media(min-width:992px) {
	section.case-study-banner .services-tech .service-sector-wrap .service-sector:last-child {
		margin-left: 100px
	}
}

@media(min-width:992px) {
	section.case-study-banner .services-tech .service-sector-wrap .service-sector {
		padding-top: 40px;
		margin-top: 0
	}
}

section.case-study-banner .services-tech .service-sector-wrap .service-sector::before {
	position: absolute;
	content: "";
	width: 25px;
	height: 2px;
	background-color: #808a9e;
	top: 0;
	left: 0
}

section.case-study-banner .services-tech .service-sector-wrap .service-sector h5 {
	font-size: 18px;
	font-weight: 500;
	color: #092851;
	margin-bottom: 0
}

@media(min-width:576px) {
	section.case-study-banner .services-tech .service-sector-wrap .service-sector h5 {
		font-size: 20px
	}
}

section.case-study-banner .services-tech .service-sector-wrap .service-sector p {
	font-size: 16px;
	padding-top: 10px;
	color: #676e77;
	font-weight: 400
}

@media(min-width:576px) {
	section.case-study-banner .services-tech .service-sector-wrap .service-sector p {
		font-size: 18px
	}
}

section.case-study-banner .services-tech .tech-wrap {
	padding-top: 30px;
	display: flex;
	flex-direction: column;
	justify-content: end;
	height: 100%;
	align-items: flex-start
}

@media(min-width:992px) {
	section.case-study-banner .services-tech .tech-wrap {
		align-items: flex-end
	}
}

section.case-study-banner .services-tech .tech-wrap p {
	font-size: 16px;
	line-height: 1.6;
	text-align: start;
	color: #092851
}

@media(min-width:576px) {
	section.case-study-banner .services-tech .tech-wrap p {
		font-size: 18px
	}
}

@media(min-width:992px) {
	section.case-study-banner .services-tech .tech-wrap p {
		margin-bottom: 10px
	}
}

section.case-study-banner .services-tech .tech-wrap .technology-icons-wrap {
	display: flex;
	flex-wrap: wrap
}

section.case-study-banner .services-tech .tech-wrap .technology-icons-wrap .technology-icon {
	margin-top: 10px;
	margin-right: 20px;
	width: 40px;
	height: 40px;
	display: flex;
	flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	background-color: #f7faff;
	border-radius: 50%
}

section.case-study-banner .services-tech .tech-wrap .technology-icons-wrap .technology-icon:last-child {
	margin-right: 0
}

@media(min-width:576px) {
	section.case-study-banner .services-tech .tech-wrap .technology-icons-wrap .technology-icon {
		margin-top: 0
	}
}

@media(min-width:576px) {
	section.case-study-banner .services-tech .tech-wrap .technology-icons-wrap .technology-icon {
		width: 50px;
		height: 50px
	}
}

section.case-study-banner .services-tech .tech-wrap .technology-icons-wrap .technology-icon svg {
	height: 20px;
	width: 20px
}

@media(min-width:576px) {
	section.case-study-banner .services-tech .tech-wrap .technology-icons-wrap .technology-icon svg {
		height: 25px;
		width: 25px
	}
}

section.case-study-banner .description {
	padding-left: 20px;
	border-left: 3px solid #0a9de2
}

section.case-study-banner .description p {
	margin-top: 20px;
	font-size: 16px;
	line-height: 1.6;
	color: #494251
}

@media(min-width:576px) {
	section.case-study-banner .description p {
		font-size: 18px
	}
}

@media(min-width:992px) {
	section.case-study-banner .description p {
		font-size: 20px;
		margin-top: 40px
	}
}

section.case-study-img {
	padding: 0
}

section.case-study-img a {
	cursor: zoom-in
}

section.case-study-img figure {
	width: 100%;
	height: 100%
}

@media(min-width:992px) {
	section.case-study-img figure {
		height: 100vh
	}
}

section.case-study-img figure img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

section.project-idea-sec {
	overflow: hidden
}

section.project-idea-sec .services-wrap {
	height: 100%;
	background-color: #ededf1;
	justify-content: start;
	padding: 60px 0;
	display: flex;
	align-items: center
}

@media(min-width:992px) {
	section.project-idea-sec .services-wrap {
		margin-right: -500px
	}
}

section.project-idea-sec .services-wrap ul {
	list-style: circle;
	padding-left: 40px
}

@media(min-width:992px) {
	section.project-idea-sec .services-wrap ul {
		padding-left: 70px
	}
}

@media(min-width:1200px) {
	section.project-idea-sec .services-wrap ul {
		padding-left: 100px
	}
}

section.project-idea-sec .services-wrap ul h5 {
	margin-left: -20px;
	color: #20406b;
	padding: 10px 0
}

section.project-idea-sec .services-wrap ul li {
	color: #494251;
	font-size: 18px;
	padding: 10px 0
}

@media(min-width:576px) {
	section.project-idea-sec .services-wrap ul li {
		font-size: 18px
	}
}

@media(min-width:992px) {
	section.project-idea-sec .services-wrap ul li {
		font-size: 20px
	}
}

section.project-idea-sec .idea-wrap {
	padding: 60px 0;
	padding-left: 40px;
	padding-top: 0
}

@media(min-width:992px) {
	section.project-idea-sec .idea-wrap {
		padding: 100px 0
	}
}

section.project-idea-sec .idea-wrap .project-desc.project-idea {
	position: relative
}

section.project-idea-sec .idea-wrap .project-desc.project-idea::before {
	position: absolute;
	content: "01";
	top: 10px;
	left: -40px;
	font-size: 18px;
	color: rgba(103, 110, 119, .7058823529)
}

section.project-idea-sec .idea-wrap .project-desc.project-task {
	position: relative
}

section.project-idea-sec .idea-wrap .project-desc.project-task::before {
	position: absolute;
	content: "02";
	top: 10px;
	left: -40px;
	font-size: 18px;
	color: rgba(103, 110, 119, .7058823529)
}

section.project-idea-sec .idea-wrap .project-desc h2 {
	font-size: 24px;
	padding-bottom: 20px;
	color: #20406b
}

section.project-idea-sec .idea-wrap .project-desc p {
	font-size: 16px;
	line-height: 1.6;
	color: #676e77;
	max-width: 580px
}

@media(min-width:576px) {
	section.project-idea-sec .idea-wrap .project-desc p {
		font-size: 18px
	}
}

section.client-history-sec .client-stats-wrap {
	display: flex;
	flex-direction: column
}

@media(min-width:576px) {
	section.client-history-sec .client-stats-wrap {
		flex-direction: row
	}
}

@media(min-width:992px) {
	section.client-history-sec .client-stats-wrap {
		padding: 60px 0;
		flex-direction: column
	}
}

section.client-history-sec .client-stats-wrap .client-stats {
	padding-bottom: 30px
}

@media(min-width:576px) {
	section.client-history-sec .client-stats-wrap .client-stats {
		padding-bottom: 0;
		padding-right: 40px
	}
}

@media(min-width:768px) {
	section.client-history-sec .client-stats-wrap .client-stats {
		padding-bottom: 60px;
		padding-right: 60px
	}
}

section.client-history-sec .client-stats-wrap .client-stats p {
	color: #494251;
	padding-bottom: 10px;
	font-size: 16px
}

@media(min-width:576px) {
	section.client-history-sec .client-stats-wrap .client-stats p {
		padding-bottom: 15px
	}
}

@media(min-width:576px) {
	section.client-history-sec .client-stats-wrap .client-stats p {
		font-size: 18px
	}
}

section.client-history-sec .client-stats-wrap .client-stats h3 {
	color: #092851;
	font-weight: 500;
	font-size: 20px
}

@media(min-width:576px) {
	section.client-history-sec .client-stats-wrap .client-stats h3 {
		font-size: 24px
	}
}

@media(min-width:992px) {
	section.client-history-sec .client-stats-wrap .client-stats h3 {
		font-size: 28px
	}
}

section.client-history-sec .client-stats-wrap .client-stats:last-child {
	padding-bottom: 0
}

section.client-history-sec .what-is-client {
	padding-bottom: 60px;
	height: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	align-items: stretch
}

@media(min-width:992px) {
	section.client-history-sec .what-is-client {
		padding: 60px 0
	}
}

section.client-history-sec .what-is-client h2 {
	font-size: 28px;
	font-weight: 500;
	color: #092851;
	padding-bottom: 40px
}

@media(min-width:576px) {
	section.client-history-sec .what-is-client h2 {
		font-size: 32px
	}
}

@media(min-width:768px) {
	section.client-history-sec .what-is-client h2 {
		font-size: 36px
	}
}

@media(min-width:992px) {
	section.client-history-sec .what-is-client h2 {
		font-size: 42px
	}
}

section.client-history-sec .what-is-client p {
	font-size: 16px;
	line-height: 1.6;
	color: #676e77;
	padding-bottom: 40px
}

@media(min-width:576px) {
	section.client-history-sec .what-is-client p {
		font-size: 18px
	}
}

section.client-history-sec .what-is-client .custom-btn {
	padding: 0;
	background-color: transparent;
	color: #092851;
	font-size: 18px
}

section.client-history-sec .what-is-client .custom-btn span {
	color: #092851;
	background-color: #092851;
	height: 1.6px
}

section.client-history-sec .what-is-client .custom-btn span.triangle {
	height: 15px
}

section.client-feedback-sec .client-feedback-wrap {
	padding: 40px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}

@media(min-width:992px) {
	section.client-feedback-sec .client-feedback-wrap {
		padding: 80px 0
	}
}

section.client-feedback-sec .client-feedback-wrap figure {
	width: 100px;
	height: 100px;
	border-radius: 50%
}

@media(min-width:576px) {
	section.client-feedback-sec .client-feedback-wrap figure {
		width: 130px;
		height: 130px
	}
}

section.client-feedback-sec .client-feedback-wrap figure img {
	height: 100%;
	width: 100%
}

section.client-feedback-sec .client-feedback-wrap .feedback-text {
	position: relative;
	padding: 40px 0;
	display: flex;
	align-items: flex-start
}

@media(min-width:992px) {
	section.client-feedback-sec .client-feedback-wrap .feedback-text {
		padding: 60px 0
	}
}

section.client-feedback-sec .client-feedback-wrap .feedback-text p {
	font-size: 18px;
	text-align: center;
	color: #494251;
	line-height: 1.6
}

@media(min-width:576px) {
	section.client-feedback-sec .client-feedback-wrap .feedback-text p {
		font-size: 24px
	}
}

@media(min-width:992px) {
	section.client-feedback-sec .client-feedback-wrap .feedback-text p {
		font-size: 26px
	}
}

section.client-feedback-sec .client-feedback-wrap .feedback-text svg {
	position: absolute;
	top: 0;
	color: #ff7933;
	height: 30px;
	width: 30px
}

@media(min-width:576px) {
	section.client-feedback-sec .client-feedback-wrap .feedback-text svg {
		height: 35px;
		width: 35px;
		left: -35px
	}
}

@media(min-width:768px) {
	section.client-feedback-sec .client-feedback-wrap .feedback-text svg {
		top: 20px;
		left: -40px;
		height: 40px;
		width: 40px
	}
}

section.client-feedback-sec .client-feedback-wrap .client-info {
	text-align: center
}

section.client-feedback-sec .client-feedback-wrap .client-info h4 {
	font-size: 22px;
	font-weight: 500;
	padding-bottom: 10px
}

@media(min-width:576px) {
	section.client-feedback-sec .client-feedback-wrap .client-info h4 {
		font-size: 24px
	}
}

@media(min-width:992px) {
	section.client-feedback-sec .client-feedback-wrap .client-info h4 {
		font-size: 26px
	}
}

section.client-feedback-sec .client-feedback-wrap .client-info p {
	font-size: 20px;
	color: #676e77
}

@media(min-width:576px) {
	section.client-feedback-sec .client-feedback-wrap .client-info p {
		font-size: 22px
	}
}

@media(min-width:992px) {
	section.client-feedback-sec .client-feedback-wrap .client-info p {
		font-size: 24px
	}
}

section.client-feedback-sec .client-feedback-wrap .client-info p span {
	font-weight: 500
}

section.color-font-sec h2 {
	padding-bottom: 40px
}

@media(min-width:992px) {
	section.color-font-sec h2 {
		padding-bottom: 60px
	}
}

section.color-font-sec figure {
	cursor: zoom-in;
	width: 100%;
	height: 100%
}

section.color-font-sec figure img {
	height: 100%;
	width: 100%
}

section.stats-sec h2 {
	padding-bottom: 20px
}

section.stats-sec .stats-div {
	display: flex;
	align-items: start;
	justify-content: center;
	flex-direction: column
}

@media(min-width:992px) {
	section.stats-sec .stats-div {
		padding-bottom: 40px
	}
}

section.stats-sec .stats-div .svg-wrap {
	width: 120px;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: start
}

@media(min-width:992px) {
	section.stats-sec .stats-div .svg-wrap {
		width: 150px;
		height: 150px
	}
}

section.stats-sec .stats-div.diff svg {
	height: 60px;
	width: 60px
}

@media(min-width:992px) {
	section.stats-sec .stats-div.diff svg {
		height: 80px;
		width: 80px
	}
}

section.stats-sec .stats-div svg {
	height: 120px;
	width: 120px
}

@media(min-width:992px) {
	section.stats-sec .stats-div svg {
		width: 150px;
		height: 150px
	}
}

section.stats-sec .stats-div p {
	font-size: 18px;
	color: #676e77
}

@media(min-width:576px) {
	section.stats-sec .stats-div p {
		font-size: 20px
	}
}

section.app-dev-banner {
	height: 100vh;
	overflow: hidden;
	padding: 0;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: start;
	padding-top: 70px;
	background-color: #fff;
	position: relative
}

section.app-dev-banner .b5_fb {
	height: 200px
}

@media(min-width:376px) {
	section.app-dev-banner .b5_fb {
		height: 175px
	}
}

@media(min-width:576px) {
	section.app-dev-banner .b5_fb {
		width: 50%;
		height: 200px
	}
}

@media(min-width:768px) {
	section.app-dev-banner .b5_fb {
		width: 40%;
		height: 220px
	}
}

@media(min-width:992px) {
	section.app-dev-banner .b5_fb {
		width: 100%;
		height: unset
	}
}

section.app-dev-banner figure {
	width: 100%;
	height: 100%
}

section.app-dev-banner figure img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

@media(min-width:992px) {
	section.app-dev-banner {
		justify-content: center
	}
}

section.app-dev-banner .over-video {
	z-index: 10
}

@media(min-width:992px) {
	section.app-dev-banner .banner-heading {
		padding-top: 0
	}
}

section.app-dev-banner .banner-heading .top-head-banner {
	padding-bottom: 10px;
	display: flex;
	align-items: center
}

section.app-dev-banner .banner-heading .top-head-banner .line {
	display: inline-block;
	height: 2px;
	width: 30px;
	background-color: #4e6480;
	margin-right: 10px
}

@media(min-width:576px) {
	section.app-dev-banner .banner-heading .top-head-banner .line {
		height: 3px;
		width: 50px
	}
}

section.app-dev-banner .banner-heading .top-head-banner span {
	font-size: 16px;
	font-weight: 500;
	color: #4e6480
}

@media(min-width:576px) {
	section.app-dev-banner .banner-heading .top-head-banner span {
		font-size: 20px
	}
}

section.app-dev-banner h1 {
	font-weight: 500;
	padding-bottom: 15px;
	font-size: 22px;
	color: #092851;
	font-family: gordita
}

@media(min-width:340px) {
	section.app-dev-banner h1 {
		font-size: 25px
	}
}

@media(min-width:376px) {
	section.app-dev-banner h1 {
		font-size: 28px
	}
}

@media(min-width:576px) {
	section.app-dev-banner h1 {
		padding-bottom: 20px;
		font-size: 30px
	}
}

@media(min-width:1200px) {
	section.app-dev-banner h1 {
		font-size: 42px
	}
}

section.app-dev-banner h1 span {
	color: #fd5554
}

section.app-dev-banner p {
	font-size: 15px;
	padding-bottom: 15px;
	line-height: 1.6;
	margin-bottom: 0;
	color: #494251
}

@media(min-width:376px) {
	section.app-dev-banner p {
		padding-bottom: 20px
	}
}

@media(min-width:576px) {
	section.app-dev-banner p {
		padding-bottom: 20px;
		font-size: 18px
	}
}

section.app-dev-banner .header-btns {
	display: flex;
	flex-direction: row
}

@media(min-width:992px) {
	section.app-dev-banner .header-btns {
		flex-direction: row
	}
}

section.app-dev-banner .header-btns .custom-btn {
	width: fit-content;
	margin-right: 10px;
	padding: 15px;
	border: 2px solid #20406b;
	font-size: 14px;
	background-color: #20406b
}

section.app-dev-banner .header-btns .custom-btn span {
	display: none
}

@media(min-width:576px) {
	section.app-dev-banner .header-btns .custom-btn span {
		display: block
	}
}

@media(min-width:576px) {
	section.app-dev-banner .header-btns .custom-btn {
		font-size: 16px;
		padding: 15px 20px;
		margin-right: 20px
	}
}

@media(min-width:768px) {
	section.app-dev-banner .header-btns .custom-btn {
		padding: 16px 25px
	}
}

@media(min-width:992px) {
	section.app-dev-banner .header-btns .custom-btn {
		padding: 20px 25px
	}
}

section.app-dev-banner .header-btns .custom-btn.invert {
	color: #20406b;
	background-color: transparent;
	border: 2px solid #20406b
}

section.app-dev-banner .header-btns a {
	display: flex;
	align-items: center;
	text-decoration: none;
	font-weight: 600;
	color: #1d1e3c
}

section.app-dev-banner .header-btns a svg {
	margin-left: 20px;
	padding: 10px 12px;
	border: 2px solid #1d1e3c;
	border-radius: 50%
}

section.app-dev-banner .hashtags-wrap {
	padding-top: 20px;
	display: flex;
	flex-direction: column
}

@media(min-width:576px) {
	section.app-dev-banner .hashtags-wrap {
		flex-direction: row
	}
}

section.app-dev-banner .hashtags-wrap .hashtags {
	opacity: .8;
	color: #20406b;
	margin-right: 20px
}

section.app-dev-banner .hashtags-wrap .hashtags:hover {
	color: #ff7933
}

section.app-dev-banner .card-wrap {
	display: none;
	background-color: transparent;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%
}

@media(min-width:992px) {
	section.app-dev-banner .card-wrap {
		display: block
	}
}

section.app-dev-banner .card-wrap a {
	background-color: #f1f8fe;
	text-decoration: none;
	color: #000
}

section.app-dev-banner .card-wrap .banner-card {
	padding: 10px;
	border-top: 1px solid #baccd9;
	border-bottom: 1px solid #baccd9;
	border-right: 1px solid #baccd9;
	display: flex;
	align-items: center;
	justify-content: center
}

@media(min-width:992px) {
	section.app-dev-banner .card-wrap .banner-card {
		padding: 18px 0
	}
}

section.app-dev-banner .card-wrap .banner-card img {
	height: 25px;
	width: 25px
}

@media(min-width:992px) {
	section.app-dev-banner .card-wrap .banner-card img {
		margin-right: 8px
	}
}

@media(min-width:1200px) {
	section.app-dev-banner .card-wrap .banner-card img {
		margin-right: 20px
	}
}

section.app-dev-banner .card-wrap .banner-card svg {
	font-size: 25px;
	color: #1d1e3c
}

@media(min-width:992px) {
	section.app-dev-banner .card-wrap .banner-card svg {
		margin-right: 20px
	}
}

section.app-dev-banner .card-wrap .banner-card p {
	font-size: 16px;
	display: none;
	color: #092851;
	padding-bottom: 0
}

@media(min-width:992px) {
	section.app-dev-banner .card-wrap .banner-card p {
		display: block
	}
}

section.app-dev-banner .card-wrap .banner-card.call {
	background-color: #092851
}

section.app-dev-banner .card-wrap .banner-card.call svg {
	color: #fff
}

section.app-dev-banner .card-wrap .banner-card.call p {
	color: #fff
}

.our-client-app {
	background-color: #f1f8fe;
	padding: 0;
	margin: 50px 0
}

.our-client-app .heading h2 {
	font-size: 24px;
	text-align: center
}

.our-client-app .client-content {
	padding-left: 20px;
	border-left: 5px solid #1d1e3c;
	margin: 2rem 0
}

@media(min-width:576px) {
	.our-client-app .client-content {
		padding-left: 40px
	}
}

@media(min-width:768px) {
	.our-client-app .client-content {
		padding-left: 60px;
		margin: 7rem 0
	}
}

.our-client-app .client-logo-wrap {
	width: 100%;
	overflow: hidden;
	pointer-events: none
}

.our-client-app .client-logo-wrap .swiper {
	width: 100%;
	height: 8rem
}

@media(min-width:768px) {
	.our-client-app .client-logo-wrap .swiper {
		height: 7rem
	}
}

.our-client-app .client-logo-wrap .swiper .swiper-slide {
	text-align: center;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%
}

.our-client-app .client-logo-wrap .swiper .swiper-slide img {
	display: block;
	width: 60%;
	object-fit: cover
}

.our-client-app .client-logo-wrap #first-logo-slide,
.our-client-app .client-logo-wrap #second-logo-slide,
.our-client-app .client-logo-wrap #third-logo-slide {
	position: relative
}

.our-client-app .client-logo-wrap #first-logo-slide .mid-line,
.our-client-app .client-logo-wrap #second-logo-slide .mid-line,
.our-client-app .client-logo-wrap #third-logo-slide .mid-line {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	display: none
}

@media(min-width:768px) {

	.our-client-app .client-logo-wrap #first-logo-slide .mid-line,
	.our-client-app .client-logo-wrap #second-logo-slide .mid-line,
	.our-client-app .client-logo-wrap #third-logo-slide .mid-line {
		display: block
	}
}

.app-header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	box-shadow: rgba(68, 89, 119, .2) 0 16px 48px 0;
	z-index: 100;
	transition: .4s
}

.app-header .menu-bar {
	border-right: 1px solid rgba(9, 40, 81, .2705882353)
}

@media(min-width:576px) {
	.app-header .menu-bar {
		border-right: 0
	}
}

.app-header .navbar {
	transition: .4s;
	display: flex;
	justify-content: space-between;
	align-items: center
}

@media(min-width:992px) {
	.app-header .navbar {
		padding: 10px 0
	}
}

.app-header .navbar .logo-wrap a {
	width: 180px;
	align-items: center;
	justify-content: center;
	display: flex
}

.app-header .navbar .logo-wrap a img {
	width: 85%
}

@media(min-width:576px) {
	.app-header .navbar .logo-wrap a img {
		width: 100%
	}
}

.app-header .navbar .nav-items-wrap {
	display: none
}

@media(min-width:992px) {
	.app-header .navbar .nav-items-wrap {
		display: block
	}
}

.app-header .navbar .nav-items-wrap .nav-items-list {
	display: flex;
	justify-content: space-around;
	align-items: center
}

.app-header .navbar .nav-items-wrap .nav-items-list .list-items {
	margin: 0 10px
}

@media(min-width:1450px) {
	.app-header .navbar .nav-items-wrap .nav-items-list .list-items {
		margin: 0 15px
	}
}

.app-header .navbar .nav-items-wrap .nav-items-list .list-items a {
	font-weight: 500;
	text-decoration: none;
	color: #404e60
}

.app-header .navbar .talk-btn-wrap .blue-btn {
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center
}

@media(min-width:576px) {
	.app-header .navbar .talk-btn-wrap .blue-btn {
		width: 170px;
		height: unset
	}
}

.app-header .navbar .talk-btn-wrap .blue-btn span {
	display: none
}

@media(min-width:576px) {
	.app-header .navbar .talk-btn-wrap .blue-btn span {
		display: block
	}
}

.app-header .navbar .talk-btn-wrap .blue-btn img {
	width: 25px;
	height: 25px
}

@media(min-width:992px) {
	.app-header .navbar .talk-btn-wrap .blue-btn img {
		margin-left: 10px
	}
}

.app-header .navbar .talk-btn-wrap .blue-btn img.wave {
	animation-name: wave-animation;
	animation-duration: 2.5s;
	animation-iteration-count: infinite;
	transform-origin: 70% 70%;
	display: inline-block
}

.app-header .navbar .menu-bar {
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center
}

@media(min-width:992px) {
	.app-header .navbar .menu-bar {
		display: none
	}
}

.app-header .navbar .menu-bar svg {
	font-size: 25px;
	color: #092851
}

section.why-us .offerings-wrap {
	box-shadow: 14px 14px 40px 0 rgba(0, 0, 0, .05);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start
}

section.why-us .offerings-wrap .offering-img {
	padding: 40px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center
}

section.why-us .offerings-wrap .offering-img.light-orange {
	background-color: #fef1dc
}

section.why-us .offerings-wrap .offering-img.blue {
	background-color: #dff3fe
}

section.why-us .offerings-wrap .offering-img.green {
	background-color: #dcf3f5
}

section.why-us .offerings-wrap .offering-img.voilet {
	background-color: #e9e7fc
}

section.why-us .offerings-wrap .offering-img figure {
	width: 60px;
	height: 60px
}

section.why-us .offerings-wrap .offering-img figure img {
	width: 100%;
	height: 100%
}

section.why-us .offerings-wrap .offering-text-wrap {
	padding: 30px
}

section.why-us .offerings-wrap .offering-text-wrap h2 {
	font-size: 22px;
	color: #092851;
	font-weight: 500
}

@media(min-width:576px) {
	section.why-us .offerings-wrap .offering-text-wrap h2 {
		font-size: 25px
	}
}

section.why-us .offerings-wrap .offering-text-wrap p {
	font-size: 16px;
	color: #676e77;
	margin-top: 20px;
	line-height: 1.6
}

@media(min-width:576px) {
	section.why-us .offerings-wrap .offering-text-wrap p {
		font-size: 18px
	}
}

.call-cta {
	transform: translateX(100%);
	transition: .2s;
	position: fixed;
	right: -10px;
	bottom: 50px;
	z-index: 1001
}

.call-cta.show {
	transform: translateX(0)
}

@media(min-width:992px) {
	.call-cta {
		display: none
	}
}

.call-cta .blue-btn {
	display: block;
	width: 130px;
	border-radius: 25px 0 0 25px
}

.call-cta .blue-btn svg {
	margin-bottom: -1px;
	margin-right: 5px;
	animation: shake 3s infinite ease-in-out
}

.call-cta .blue-btn:hover {
	color: #fff
}

@keyframes shake {
	0% {
		transform: rotate(0) scale(1) skew(1deg)
	}

	2% {
		transform: rotate(-20deg) scale(1) skew(1deg)
	}

	4% {
		transform: rotate(20deg) scale(1) skew(1deg)
	}

	6% {
		transform: rotate(-20deg) scale(1) skew(1deg)
	}

	8% {
		transform: rotate(20deg) scale(1) skew(1deg)
	}

	12% {
		transform: rotate(-20deg) scale(1) skew(1deg)
	}

	14% {
		transform: rotate(20deg) scale(1) skew(1deg)
	}

	16% {
		transform: rotate(-20deg) scale(1) skew(1deg)
	}

	18% {
		transform: rotate(20deg) scale(1) skew(1deg)
	}

	20% {
		transform: rotate(-20deg) scale(1) skew(1deg)
	}

	22% {
		transform: rotate(20deg) scale(1) skew(1deg)
	}

	24% {
		transform: rotate(-20deg) scale(1) skew(1deg)
	}

	25% {
		transform: rotate(0) scale(1) skew(1deg)
	}

	30% {
		transform: rotate(0) scale(1) skew(1deg)
	}

	40% {
		transform: rotate(0) scale(1) skew(1deg)
	}

	50% {
		transform: rotate(0) scale(1) skew(1deg)
	}

	100% {
		transform: rotate(0) scale(1) skew(1deg)
	}
}

.modal {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .813);
	opacity: 0;
	visibility: hidden;
	transform: scale(1.1);
	z-index: 1002;
	transition: visibility 0s linear .25s, opacity .25s 0s, transform .25s
}

.modal-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	padding: 20px;
	width: 90%
}

@media(min-width:576px) {
	.modal-content {
		padding: 35px 40px
	}
}

@media(min-width:576px) {
	.modal-content {
		width: 500px
	}
}

.modal-content h2 {
	font-size: 24px;
	color: #092851;
	font-weight: 500
}

.modal-content form .form-field {
	padding-top: 20px;
	display: flex;
	flex-direction: column
}

.modal-content form .form-field label {
	font-size: 14px;
	padding-bottom: 12px;
	color: rgba(0, 0, 0, .5)
}

.modal-content form .form-field input {
	font-size: 16px;
	padding: 14px 10px;
	border: 1px solid rgba(0, 0, 0, .061);
	width: 100%;
	overflow: visible;
	outline: 0;
	line-height: 20px;
	background-color: #f5f9fc;
	color: #092851
}

.modal-content form .form-field input:focus-visible {
	border: 1px solid #227eff
}

.modal-content form .form-field input::placeholder {
	overflow: visible;
	font-size: 16px
}

.modal-content form .blue-btn {
	margin-top: 30px;
	padding: 16px
}

.close-button {
	float: right;
	margin: 20px;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
	border-radius: .25rem;
	z-index: 101;
	color: #fff
}

.show-modal {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
	transition: visibility 0s linear 0s, opacity .25s 0s, transform .25s
}

@keyframes append-animate {
	from {
		transform: scale(0);
		opacity: 0
	}

	to {
		transform: scale(1);
		opacity: 1
	}
}