@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url(http://db.onlinewebfonts.com/c/073e41832fbb18ca3c80dfe0b4c73355?family=onlinewebfonts);
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Fjalla+One&family=Oswald:wght@200;300;400;500;600;700&display=swap');

/*---------- Canela font -------------*/
@import url(https://db.onlinewebfonts.com/c/4a24899e94d8236f671c1090cd9e068c?family=Canela);
@font-face {font-family: "Canela"; src: url("https://db.onlinewebfonts.com/t/4a24899e94d8236f671c1090cd9e068c.eot"); src: url("https://db.onlinewebfonts.com/t/4a24899e94d8236f671c1090cd9e068c.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/4a24899e94d8236f671c1090cd9e068c.woff2") format("woff2"), url("https://db.onlinewebfonts.com/t/4a24899e94d8236f671c1090cd9e068c.woff") format("woff"), url("https://db.onlinewebfonts.com/t/4a24899e94d8236f671c1090cd9e068c.ttf") format("truetype"), url("https://db.onlinewebfonts.com/t/4a24899e94d8236f671c1090cd9e068c.svg#Canela") format("svg"); }


/*---------- Futura PT Web Book font -------------*/
@import url(https://db.onlinewebfonts.com/c/b6cc2553c6cd4804d870d6a2479884ce?family=Futura+PT+Book);
@font-face {font-family: "Futura PT Web Book"; src: url("https://db.onlinewebfonts.com/t/0ba9253983e3a7a7cc896e85b1ceb2be.eot"); src: url("https://db.onlinewebfonts.com/t/0ba9253983e3a7a7cc896e85b1ceb2be.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/0ba9253983e3a7a7cc896e85b1ceb2be.woff2") format("woff2"), url("https://db.onlinewebfonts.com/t/0ba9253983e3a7a7cc896e85b1ceb2be.woff") format("woff"), url("https://db.onlinewebfonts.com/t/0ba9253983e3a7a7cc896e85b1ceb2be.ttf") format("truetype"), url("https://db.onlinewebfonts.com/t/0ba9253983e3a7a7cc896e85b1ceb2be.svg#Futura PT Web Book") format("svg"); }

/*---------- Futura PT Medium font -------------*/
@import url(https://db.onlinewebfonts.com/c/3c6b0199ae7b57966132e83c939d77e2?family=Futura+PT+Medium);
@font-face {font-family: "Futura PT Medium"; src: url("https://db.onlinewebfonts.com/t/3c6b0199ae7b57966132e83c939d77e2.eot"); src: url("https://db.onlinewebfonts.com/t/3c6b0199ae7b57966132e83c939d77e2.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/3c6b0199ae7b57966132e83c939d77e2.woff2") format("woff2"), url("https://db.onlinewebfonts.com/t/3c6b0199ae7b57966132e83c939d77e2.woff") format("woff"), url("https://db.onlinewebfonts.com/t/3c6b0199ae7b57966132e83c939d77e2.ttf") format("truetype"), url("https://db.onlinewebfonts.com/t/3c6b0199ae7b57966132e83c939d77e2.svg#Futura PT Medium") format("svg"); }

/*---------- Futura PT font -------------*/
@import url(https://db.onlinewebfonts.com/c/d5891031009fb5039a9b5ce6931877fa?family=Futura+PT);
@font-face {font-family: "Futura PT"; src: url("https://db.onlinewebfonts.com/t/d5891031009fb5039a9b5ce6931877fa.eot"); src: url("https://db.onlinewebfonts.com/t/d5891031009fb5039a9b5ce6931877fa.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/d5891031009fb5039a9b5ce6931877fa.woff2") format("woff2"), url("https://db.onlinewebfonts.com/t/d5891031009fb5039a9b5ce6931877fa.woff") format("woff"), url("https://db.onlinewebfonts.com/t/d5891031009fb5039a9b5ce6931877fa.ttf") format("truetype"), url("https://db.onlinewebfonts.com/t/d5891031009fb5039a9b5ce6931877fa.svg#Futura PT") format("svg"); }

/*---------- Futura PT Book font -------------*/
@import url(https://db.onlinewebfonts.com/c/b6cc2553c6cd4804d870d6a2479884ce?family=Futura+PT+Book);
@font-face {font-family: "Futura PT Book"; src: url("https://db.onlinewebfonts.com/t/b6cc2553c6cd4804d870d6a2479884ce.eot"); src: url("https://db.onlinewebfonts.com/t/b6cc2553c6cd4804d870d6a2479884ce.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/b6cc2553c6cd4804d870d6a2479884ce.woff2") format("woff2"), url("https://db.onlinewebfonts.com/t/b6cc2553c6cd4804d870d6a2479884ce.woff") format("woff"), url("https://db.onlinewebfonts.com/t/b6cc2553c6cd4804d870d6a2479884ce.ttf") format("truetype"), url("https://db.onlinewebfonts.com/t/b6cc2553c6cd4804d870d6a2479884ce.svg#Futura PT Book") format("svg"); }

/*---------- FuturaPT-Bold font -------------*/
@import url(https://db.onlinewebfonts.com/c/a5b324b1dc86e3633de3e059b2facf3d?family=FuturaPT-Bold);
@font-face {font-family: "FuturaPT-Bold"; src: url("https://db.onlinewebfonts.com/t/a5b324b1dc86e3633de3e059b2facf3d.eot"); src: url("https://db.onlinewebfonts.com/t/a5b324b1dc86e3633de3e059b2facf3d.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/a5b324b1dc86e3633de3e059b2facf3d.woff2") format("woff2"), url("https://db.onlinewebfonts.com/t/a5b324b1dc86e3633de3e059b2facf3d.woff") format("woff"), url("https:https://db.onlinewebfonts.com/t/a5b324b1dc86e3633de3e059b2facf3d.ttf") format("truetype"), url("https://db.onlinewebfonts.com/t/a5b324b1dc86e3633de3e059b2facf3d.svg#FuturaPT-Bold") format("svg"); }

/*---------- Futura PT Demi font -------------*/
@import url(https://db.onlinewebfonts.com/c/5bdac91b83b25ea168302ffbc40909de?family=Futura+PT+Demi);
@font-face {font-family: "Futura PT Demi"; src: url("https://db.onlinewebfonts.com/t/5bdac91b83b25ea168302ffbc40909de.eot"); src: url("https://db.onlinewebfonts.com/t/5bdac91b83b25ea168302ffbc40909de.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/5bdac91b83b25ea168302ffbc40909de.woff2") format("woff2"), url("https://db.onlinewebfonts.com/t/5bdac91b83b25ea168302ffbc40909de.woff") format("woff"), url("https://db.onlinewebfonts.com/t/5bdac91b83b25ea168302ffbc40909de.ttf") format("truetype"), url("https://db.onlinewebfonts.com/t/5bdac91b83b25ea168302ffbc40909de.svg#Futura PT Demi") format("svg"); }

/*---------- Cerebri Sans font -------------*/
@import url(https://db.onlinewebfonts.com/c/bb018e64d01355748d8ddc53553850b9?family=Cerebri+Sans);
@font-face {font-family: "Cerebri Sans"; src: url("https://db.onlinewebfonts.com/t/bb018e64d01355748d8ddc53553850b9.eot"); src: url("https://db.onlinewebfonts.com/t/bb018e64d01355748d8ddc53553850b9.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/bb018e64d01355748d8ddc53553850b9.woff2") format("woff2"), url("https://db.onlinewebfonts.com/t/bb018e64d01355748d8ddc53553850b9.woff") format("woff"), url("https://db.onlinewebfonts.com/t/bb018e64d01355748d8ddc53553850b9.ttf") format("truetype"), url("https://db.onlinewebfonts.com/t/bb018e64d01355748d8ddc53553850b9.svg#Cerebri Sans") format("svg"); }

/*---------- Helvetica Neue WGL font -------------*/
@import url(https://db.onlinewebfonts.com/c/32439590f99f4c85f653dddb5c1e2118?family=Helvetica+Neue+WGL);
@font-face {font-family: "Helvetica Neue WGL"; src: url("https://db.onlinewebfonts.com/t/32439590f99f4c85f653dddb5c1e2118.eot"); src: url("https://db.onlinewebfonts.com/t/32439590f99f4c85f653dddb5c1e2118.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/32439590f99f4c85f653dddb5c1e2118.woff2") format("woff2"), url("https://db.onlinewebfonts.com/t/32439590f99f4c85f653dddb5c1e2118.woff") format("woff"), url("https://db.onlinewebfonts.com/t/32439590f99f4c85f653dddb5c1e2118.ttf") format("truetype"), url("https://db.onlinewebfonts.com/t/32439590f99f4c85f653dddb5c1e2118.svg#Helvetica Neue WGL") format("svg"); }

/*---------- Helvetica Neue WGL font -------------*/
@import url(https://db.onlinewebfonts.com/c/e96a1cadcd6587ff8ddf30bd82790d7e?family=D-DIN+Condensed);
@font-face {font-family: "D-DIN Condensed"; src: url("https://db.onlinewebfonts.com/t/e96a1cadcd6587ff8ddf30bd82790d7e.eot"); src: url("https://db.onlinewebfonts.com/t/e96a1cadcd6587ff8ddf30bd82790d7e.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/e96a1cadcd6587ff8ddf30bd82790d7e.woff2") format("woff2"), url("https://db.onlinewebfonts.com/t/e96a1cadcd6587ff8ddf30bd82790d7e.woff") format("woff"), url("https://db.onlinewebfonts.com/t/e96a1cadcd6587ff8ddf30bd82790d7e.ttf") format("truetype"), url("https://db.onlinewebfonts.com/t/e96a1cadcd6587ff8ddf30bd82790d7e.svg#D-DIN Condensed") format("svg"); }

/*---------- Cerebri Sans   font -------------*/
@import url(https://db.onlinewebfonts.com/c/bb018e64d01355748d8ddc53553850b9?family=Cerebri+Sans);
@font-face {font-family: "Cerebri Sans"; src: url("https://db.onlinewebfonts.com/t/bb018e64d01355748d8ddc53553850b9.eot"); src: url("https://db.onlinewebfonts.com/t/bb018e64d01355748d8ddc53553850b9.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/bb018e64d01355748d8ddc53553850b9.woff2") format("woff2"), url("https://db.onlinewebfonts.com/t/bb018e64d01355748d8ddc53553850b9.woff") format("woff"), url("https://db.onlinewebfonts.com/t/bb018e64d01355748d8ddc53553850b9.ttf") format("truetype"), url("https://db.onlinewebfonts.com/t/bb018e64d01355748d8ddc53553850b9.svg#Cerebri Sans") format("svg"); }


@import url(https://db.onlinewebfonts.com/c/e96a1cadcd6587ff8ddf30bd82790d7e?family=D-DIN+Condensed);
@font-face {font-family: "D-DIN Condensed"; src: url("https://db.onlinewebfonts.com/t/e96a1cadcd6587ff8ddf30bd82790d7e.eot"); src: url("https://db.onlinewebfonts.com/t/e96a1cadcd6587ff8ddf30bd82790d7e.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/e96a1cadcd6587ff8ddf30bd82790d7e.woff2") format("woff2"), url("https://db.onlinewebfonts.com/t/e96a1cadcd6587ff8ddf30bd82790d7e.woff") format("woff"), url("https://db.onlinewebfonts.com/t/e96a1cadcd6587ff8ddf30bd82790d7e.ttf") format("truetype"), url("https://db.onlinewebfonts.com/t/e96a1cadcd6587ff8ddf30bd82790d7e.svg#D-DIN Condensed") format("svg"); }
/*-------------- 
font-family: "Helvetica Neue WGL";
font-family: "FuturaPT-Bold";
font-family: "Futura PT Book";
font-family: "Futura PT";
font-family: "Futura PT Medium"; 
font-family: "Futura PT Web Book";
font-family: "Canela";
font-family: "DIN Condensed";
font-family: "DIN Condensed Web"; 
font-family: "Futura PT Demi"
font-family: 'Barlow Semi Condensed', sans-serif;
font-family: 'Fjalla One', sans-serif;
font-family: 'Oswald', sans-serif;
---------------*/
/*----------------------- New Home Chnages Section -----------------------*/
hr {
	border: 0;
	border-top: 1px solid #eee;
	margin: 20px 0;
}

.md-section {
	width: 100%;
	float: left;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.md-container {
	margin: 0 auto;
	text-align: left;
	max-width: 1365px;
	/* padding-right: 15px; */
	/* padding-left: 15px; */
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	display: flex;
}

.md-full-container {
	width: 100%;
	display: inline-block;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.md-row {
	margin-right: -15px;
	margin-left: -15px;
	height: 100%;
	float: left;
	width: 100%;
}

.md-1,
.md-2,
.md-3,
.md-4,
.md-5,
.md-6,
.md-7,
.md-8,
.md-9,
.md-10,
.md-11,
.md-12,
.md-sm-1,
.md-sm-2,
.md-sm-3,
.md-sm-4,
.md-sm-5,
.md-sm-6,
.md-sm-7,
.md-sm-8,
.md-sm-9,
.md-sm-10,
.md-sm-11,
.md-sm-12,
.md-xs-1,
.md-xs-2,
.md-xs-3,
.md-xs-4,
.md-xs-5,
.md-xs-6,
.md-xs-7,
.md-xs-8,
.md-xs-9,
.md-xs-10,
.md-xs-11,
.md-xs-12,
.md-lg-1,
.md-lg-2,
.md-lg-3,
.md-lg-4,
.md-lg-5,
.md-lg-6,
.md-lg-7,
.md-lg-8,
.md-lg-9,
.md-lg-10,
.md-lg-11,
.md-lg-12 {
	position: relative;
	min-height: 1px;
	/* padding-right: 15px; */
	/* padding-left: 15px; */
	float: left;
}

@media (min-width:320px) {
	.md-xs-12 {
		width: 100%;
	}
	.md-xs-11 {
		width: 91.66666667%;
	}
	.md-xs-10 {
		width: 83.33333333%;
	}
	.md-xs-9 {
		width: 75%;
	}
	.md-xs-8 {
		width: 66.66666667%;
	}
	.md-sm-7 {
		width: 58.33333333%;
	}
	.md-xs-6 {
		width: 50%;
	}
	.md-xs-5 {
		width: 41.66666667%;
	}
	.md-xs-4 {
		width: 33.33%;
	}
	.md-xs-3 {
		width: 25%;
	}
	.md-xs-2 {
		width: 16.66666667%;
	}
	.md-xs-1 {
		width: 8.33333333%;
	}
}

@media (min-width:768px) {
	.md-sm-12 {
		width: 100%;
	}
	.md-sm-11 {
		width: 91.66666667%;
	}
	.md-sm-10 {
		width: 83.33333333%;
	}
	.md-sm-9 {
		width: 75%;
	}
	.md-sm-8 {
		width: 66.66666667%;
	}
	.md-sm-7 {
		width: 58.33333333%;
	}
	.md-sm-6 {
		width: 50%;
	}
	.md-sm-5 {
		width: 41.66666667%;
	}
	.md-sm-4 {
		width: 33.33%;
	}
	.md-sm-3 {
		width: 25%;
	}
	.md-sm-2 {
		width: 16.66666667%;
	}
	.md-sm-1 {
		width: 8.33333333%;
	}
}

@media (min-width:992px) {
	.md-12 {
		width: 100%;
	}
	.md-11 {
		width: 91.66666667%;
	}
	.md-10 {
		width: 83.33333333%;
	}
	.md-9 {
		width: 75%;
	}
	.md-8 {
		width: 66.66666667%;
	}
	.md-7 {
		width: 58.33333333%;
	}
	.md-6 {
		width: 50%;
	}
	.md-5 {
		width: 41.66666667%;
	}
	.md-4 {
		width: 33.33%;
	}
	.md-3 {
		width: 25%;
	}
	.md-2 {
		width: 16.66666667%;
	}
	.md-1 {
		width: 8.33333333%;
	}
}
.banner-section-top {
	width: 100%;
	display: inline-block;
	background: url(../img/flyfive-banner-nw.png);
	height: 650px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.main-topic-section {
	box-shadow: 8px 0 20px rgb(66 133 244 / 28%);
	height: 400px;
}

.techonologery {
	width: 100%;
	display: inline-block;
	position: relative;
	float: left;
	width: 100%;
}

.techonologery ul {
	margin: 0;
	padding: 30px 0;
	float: left;
	width: 100%;
}

.techonologery ul li {
	width: 33.33333333%;
	list-style-type: none;
	min-height: 170px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	float: left;
}

.techonologery ul li:hover {
	transition: 0.5s all;
	transition-timing-function: linear;
	transform: scale(1.1);
}
.main-banner-section ul li:hover i {
	transform: scale(1.2);
	transition: 0.5s all;
	transition-timing-function: linear;
}
.techno-img {
	margin-right: 22px;
}

.techno-data {
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
}

.techno-data h3 {
	font-size: 22px;
	font-family: 'Poppins', sans-serif;
	color: #262626;
	font-weight: 600;
	margin-bottom: 5px;
}

.techno-data span {
	font-size: 16px;
	font-family: 'Poppins', sans-serif;
	color: #262626;
	font-weight: 500;
}
.main-banner-section ul li:hover{
	background: rgba(52, 126, 191, .6);
	transition: 0.5s all;
	transition-timing-function: linear;
}
.last-blog-li {
	width: 66.66666667% !important;
	list-style-type: none;
}

.techno-icone {
	top: -40px;
	z-index: 1;
	background: #fff;
	padding: 35px 35px;
	box-shadow: 8px 0 20px rgb(66 133 244 / 28%);
	padding-bottom: 35px;
	width: 100%;
	display: inline-block;
	position: relative;
}

.teach-main:hover {
	transition: 0.5s all;
	transition-timing-function: linear;
	transform: scale(1.1);
}

.teach-main {
	min-height: 100px;
	width: 100%;
	align-items: center;
	margin: 0;
	padding: 0;
	float: left;
}

.teach-img {
	margin-right: 22px !important;
	float: left;
	margin: 0;
	padding: 0;
}

.techno-icone ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}

.teach-data {
	float: left;
	margin: 0;
	padding: 0;
	width: auto;
}

.teach-data h3 {
	font-size: 22px;
	font-family: 'Poppins', sans-serif;
	color: #262626;
	font-weight: 600;
	margin-bottom: 5px;
}

.techno-other-data {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}

.techno-other-data ul li {
	min-height: auto !important;
	flex-wrap: wrap;
	list-style-type: none;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	position: relative;
	float: left;
	text-align: left;
	margin-bottom: 20px;
}

.techno-other-data ul li h4 {
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #262626;
	margin-bottom: 10px;
	width: 100%;
}

.techno-other-data ul li p {
	line-height: 26px;
	float: left;
	font-size: 15px;
	font-family: 'Poppins', sans-serif;
	color: #262626;
	font-weight: 500;
}

.text-and-banne-section {
	float: left;
	margin: 50px 0 50px;
	padding: 0;
	width: 100%;
}

.text-section-area-banner {
	margin-top: 45px;
	float: left;
	text-align: left;
	width: 100%;
}

.text-section-area-banner span {
	font-size: 16px;
	font-weight: 600;
	font-family: 'Poppins', sans-serif;
}

.text-section-area-banner h4 {
	color: #262626;
	font-size: 35px;
	margin-bottom: 30px;
	color: #262626;
	font-family: 'Poppins', sans-serif;
	font-weight: bold;
}

.text-section-area-banner h4 span {
	color: #0abab4;
	font-style: normal;
	font-size: 35px;
	font-weight: bold;
}

.text-section-area-banner h5 {
	font-size: 22px;
	margin-bottom: 20px;
	color: #262626;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
}

.text-section-area-banner ul {
	margin: 0;
	padding: 0;
	margin-top: 30px;
	float: left;
}

.text-section-area-banner li {
	font-size: 16px;
	position: relative;
	line-height: 28px;
	font-family: 'Poppins', sans-serif;
	margin-bottom: 10px;
	padding-left: 25px;
	color: #262626;
	list-style-type: none;
	display: block;
}

.text-section-area-banner li:after {
	content: '';
	width: 6px;
	height: 6px;
	background: #262626;
	border-radius: 50%;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 10px;
}

.text-section-area-banner span {
	font-size: 16px;
	font-weight: 500;
	font-family: 'Poppins', sans-serif;
}

.main-box-section:after {
	content: '';
	width: 113px;
	height: 214px;
	display: inline-block;
	background: url(../img/flyfive-feture-lft-dots.png) no-repeat center;
	bottom: -80px;
	left: 0;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
}

.main-box-section {
	float: left;
	width: 100%;
	margin: 0;
	display: inline-block;
	background: #2273ba;
	padding: 85px 0 40px;
	position: relative;
}

.main-top-box-name:before {
	content: '';
	width: 43px;
	height: 48px;
	background: url(../img/flyfive-square-img.png) no-repeat center;
	display: inline-block;
	position: absolute;
	right: -29px;
	top: -39px;
}

.main-top-box-name {
	margin: -135px auto 80px;
	width: 815px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f99d20;
	text-align: center;
	padding: 15px;
	position: relative;
}

.main-top-box-name span {
	font-size: 21px;
	color: #fff;
	position: relative;
	line-height: 30px;
	margin-top: 6px;
	font-family: 'Poppins', sans-serif;
}

.main-top-box-name span:after {
	content: '';
	width: 22px;
	height: 23px;
	background: url(../img/flyfive-featcher-smiley.png) no-repeat center;
	display: inline-block;
	position: absolute;
	left: 60px;
	top: -75px;
}

.main-banner-section {
	text-align: left;
	margin: 0;
	padding: 0;
	float: left;
}

.main-banner-section h3 {
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-size: 35px;
	margin-bottom: 35px;
	width: 100%;
	display: inline-block;
	text-align: center;
	font-weight: bold;
}

.main-banner-section h3 span {
	color: #ffc72b;
}

.main-banner-section ul {
	margin: 0;
	padding: 0;
}

.ul-section:after {
	content: '';
	width: 24px;
	height: 25px;
	background: url(https://www.hiddenbrains.com/public/local-cdn/images/page_images/flyfive-feture-lft-ribn.png) no-repeat center;
	display: inline-block;
	position: absolute;
	left: -180px;
	top: 300px;
}

.main-banner-section ul li.active {
	background: rgba(52, 126, 191, .6);
}

.main-banner-section ul li {
	list-style-type: none;
	padding: 15px 15px 15px 45px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	min-height: 110px;
	width: 440px;
	ffont-f: 'Poppins', sans-serif;
}

.main-banner-section ul li span {
	color: #fff;
	font-family: 'Poppins', sans-serif;
	margin-left: 22px;
	font-size: 18px;
	font-weight: 600;
}

.new-port-chnages-asection img {
	margin: 0;
	object-fit: cover;
	object-position: center;
	width: 100%;
}

.images-section {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
	left: -2%;
}

.main-banner-section.md-7:before {
	content: '';
	width: 37px;
	height: 38px;
	display: inline-block;
	background: url(https://www.hiddenbrains.com/public/local-cdn/images/page_images/flyfive-feture-smiley.png) no-repeat center;
	position: absolute;
	bottom: -60px;
	right: 245px;
}

.images-section:before {
	content: '';
	width: 34px;
	height: 43px;
	background: url(https://www.hiddenbrains.com/public/local-cdn/images/page_images/flyfive-feture-rgt-ribn.png) no-repeat center;
	display: inline-block;
	position: absolute;
	right: -50px;
	top: -180px;
}

.images-section::after {
	content: '';
	width: 100%;
	height: 897px;
	display: inline-block;
	background: url(https://www.hiddenbrains.com/public/local-cdn/images/page_images/flyfive-wht-round-bg.png) no-repeat center;
	position: absolute;
	top: -130px;
	right: -118px;
	background-size: cover;
}

.main-banner-section md-7:before {
	content: '';
	width: 37px;
	height: 38px;
	display: inline-block;
	background: url(https://www.hiddenbrains.com/public/local-cdn/images/page_images/flyfive-feture-smiley.png) no-repeat center;
	position: absolute;
	bottom: -60px;
	right: 245px;
}

.ul-section {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}

.ledt-side-images-and-text {
	width: 100%;
	margin-top: 100px;
	float: left;
	padding: 0;
}

.main-left-box {
	margin-top: 0px;
	float: left;
	width: 100%;
	position: relative;
}

.images-section-text-area {
	width: 100%;
	display: inline-block;
	margin-top: 0;
}

.images-section-text-area img {
	position: relative;
	top: 0;
	left: -100px;
	width: 100%;
}

.images-section-text-area img:after {
	content: '';
	width: 100%;
	display: inline-block;
	background: url(https://www.hiddenbrains.com/public/local-cdn/images/page_images/flyfive-challenge-circle.png) no-repeat center;
	position: relative;
	top: 0;
	left: 0;
	z-index: -1;
}

.ledt-side-images-and-text .row {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}

.text-section-area-banner h3 {
	text-align: left;
	font-size: 35px;
	margin-bottom: 45px;
	color: #262626;
	font-family: 'Poppins', sans-serif;
	font-weight: bold;
}

.text-section-area-banner p {
	font-size: 18px;
	color: #262626;
	line-height: 36px;
	margin-bottom: 25px;
	padding-left: 30px;
	position: relative;
	font-family: 'Poppins', sans-serif;
}

.text-section-area-banner p:before {
	width: 7px;
	height: 7px;
	border-radius: 100%;
	display: inline-block;
	background: #222;
	position: absolute;
	left: 0;
	top: 14px;
	content: "";
}

.text-section-area-banner h3 span {
	text-align: left;
	font-size: 35px;
	margin-bottom: 45px;
	color: #ffc72b;
	font-family: 'Poppins', sans-serif;
	font-weight: bold;
}

.main-right-box {
	margin: 0;
	padding: 0;
	float: right;
	position: relative;
}

.main-right-box .images-section-text-area {
	float: right;
}

.main-right-box img {
	left: 9%;
	position: relative;
	margin: 0;
	right: 0;
	width: 100%;
}

.text-section-area-banner h2 {
	font-size: 18px;
	color: #262626;
	line-height: 36px;
	margin-bottom: 25px;
	padding-left: 0;
	position: relative;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
}

/*------------    Responsive all Media Qurey    -------------*/


/*-------- mobile screen ----------*/
@media only screen and (min-width:320px) and (max-width:680px) {
	.banner-section-top {
		height: 150px;
	}
	.main-topic-section {
		height: 100%;
	}
	.md-container {
		max-width: 100%;
		height: 100%;
		padding: 0px 15px;
		display: inline-block;
		text-align: left;

	}
	.techonologery ul li {
		width: 100%;
		min-height: 100px;
		float: left;
		max-width: 100%;
		margin-bottom: 20px;
	}
	.techonologery ul {
		padding: 30px 20px;
	}
	.techno-data h3 {
		font-size: 20px;
		margin-bottom: 5px;
	}
	.techno-data span {
		font-size: 13px;
	}
	.techno-data {
		width: 100%;
		max-width: 100%;
	}
	.last-blog-li {
		width: 100% !important;
	}
	.techno-icone {
		top: 0px;
		padding: 0px 20px;
		padding-bottom: 0px;
		box-shadow: unset;
		padding-bottom: 0px;
		width: 100%;
	}
	.teach-data h3 {
		font-size: 22px;
		margin-bottom: 5px;
		line-height: 55px;
	}
	.techno-other-data ul li p {
		line-height: 26px;
		font-size: 14px;
	}
	.text-and-banne-section {
		margin: 0px 0 50px;
		width: 100%;
	}
	.text-section-area-banner {
		margin-top: 30px;
		width: 100%;
	}
	.text-section-area-banner h4 {
		font-size: 28px;
		margin-bottom: 15px;
	}
	.text-section-area-banner h4 span {
		font-size: 28px;
	}
	.text-section-area-banner h5 {
		font-size: 16px;
		margin-bottom: 20px;
	}
	.text-section-area-banner span {
		font-size: 14px;
	}
	.text-section-area-banner ul {
		margin: 0;
		margin-top: 0px;
		padding: 0;
		margin-top: 20px;
	}
	.text-section-area-banner li {
		font-size: 14px;
		line-height: 28px;
		margin-bottom: 10px;
		padding-left: 15px;
		width: 100%;
	}
	.new-port-chnages-asection img {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.main-top-box-name {
		margin: -125px auto 0px;
		width: 100%;
		height: 100px;
		padding: 10px;
	}
	.main-top-box-name span {
		font-size: 14px;
		line-height: 21px;
		margin-top: 0px;
	}
	.main-top-box-name::before {
		content: '';
		width: 100%;
		height: 48px;
		right: 0;
		top: -59px;
		left: 0px;
	}
	.main-top-box-name span::after {
		content: '';
		width: 22px;
		height: 23px;
		left: 0px;
		top: -35px;
	}
	.main-box-section {
		float: left;
		width: 100%;
		margin: 0;
		padding: 85px 0 0px;
	}
	.main-banner-section h3 {
		color: #fff;
		font-family: 'Poppins', sans-serif;
		font-size: 30px;
		margin-bottom: 25px;
		width: 100%;
		display: inline-block;
		text-align: left;
		font-weight: bold;
	}
	.main-banner-section h3 {
		font-size: 30px;
		margin-bottom: 25px;
		width: 100%;
	}
	.main-banner-section ul li {
		padding: 5px 5px 5px 5px;
		border-radius: 5px;
		min-height: 110px;
		width: 100%;
	}
	.main-banner-section ul li span {
		margin-left: 22px;
		font-size: 16px;
		font-weight: 600;
	}
	.main-box-section::after {
		content: '';
		width: 33px;
		height: 164px;
		bottom: -80px;
		left: 0;
	}
	.ledt-side-images-and-text {
		width: 100%;
		margin-top: 30px;
		padding: 0;
	}
	.images-section-text-area img {
		top: 0;
		left: 0;
		width: 100%;
	}
	.text-section-area-banner h3 {
		text-align: left;
		font-size: 30px;
		margin-bottom: 25px;
	}
	.text-section-area-banner h3 span {
		text-align: left;
		font-size: 30px;
		margin-bottom: 25px;
	}
	.text-section-area-banner p {
		font-size: 15px;
		line-height: 30px;
		margin-bottom: 10px;
		padding-left: 25px;
	}
	.text-section-area-banner h2 {
		font-size: 15px;
		line-height: 30px;
		margin-bottom: 15px;
		padding-left: 0;
	}
	.images-section::before {
		content: '';
		width: 34px;
		height: 43px;
		right: 0;
		top: 0;
	}
	.images-section::after {
		content: '';
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
}

/*-------- tablet screen ----------*/
@media only screen and (min-width:681px) and (max-width:1080px) {
	.banner-section-top {
		height: 350px;
	}
	.md-container {
		max-width: 100%;
		height: 100%;
		padding: 0px 15px;
		display: contents;
		float: left;
		text-align: left;
	}
	.techonologery ul {
		margin: 0;
		padding: 0px 0 0px;
		width: 100%;
	}
	.techno-img {
		margin-right: 15px;
	}
	.techno-data h3 {
		font-size: 20px;
	}
	.techno-data span {
		font-size: 14px;
	}
	.techno-icone {
		top: 0;
		padding: 0px 15px;
		padding-bottom: 0px;
		box-shadow: unset;
		padding-bottom: 10px;
		width: 100%;
		margin-top: 30px;
	}
	.techno-other-data ul li {
		margin-bottom: 0px;
		max-width: 33.33%;
	}
	.techonologery ul li {
		min-height: 110px;
	}
	.techonologery {
		width: 100%;
		padding: 0px 15px;
	}
	.techno-other-data ul li p {
		line-height: 25px;
		font-size: 14px;
		font-weight: 500;
	}
	.techno-other-data ul li h4 {
		font-size: 16px;
		margin-bottom: 5px;
		width: 100%;
	}
	.text-section-area-banner h4 {
		font-size: 30px;
		margin-bottom: 20px;
	}
	.text-section-area-banner h4 span {
		font-size: 30px;
	}
	.text-section-area-banner h5 {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.text-section-area-banner li {
		font-size: 14px;
		line-height: 25px;
		margin-bottom: 10px;
		padding-left: 15px;
	}
	.images-section img {
		width: 100%;
	}
	.main-top-box-name {
		margin: -125px auto 0px;
		width: 735px;
		height: 100px;
		padding: 15px;
	}
	.main-top-box-name::before {
		content: '';
		width: 43px;
		height: 48px;
		right: 0;
		top: -50px;
	}
	.main-top-box-name span::after {
		content: '';
		width: 22px;
		height: 23px;
		left: 0;
		top: -55px;
	}
	.images-section::before {
		content: '';
		width: 34px;
		height: 43px;
		right: 0;
		top: 0;
	}
	.images-section::after {
		content: '';
		width: 100%;
		height: 897px;
		top: 0;
		right: 0;
	}
	.main-banner-section ul li {
		padding: 10px 10px 10px 10px;
		border-radius: 5px;
		min-height: 100px;
		width: 50%;
		float: left;
		margin-bottom: 15px;
	}
	.main-banner-section ul li span {
		margin-left: 20px;
		font-size: 16px;
	}
	main-box-section::after {
		content: '';
		width: 53px;
		height: 184px;
		bottom: -80px;
		left: 0;
	}
	.ledt-side-images-and-text {
		margin-top: 30px;
	}
	.images-section-text-area img {
		top: 0;
		left: 0;
		width: 100%;
	}
	.text-section-area-banner {
		margin-top: 0;
		width: 100%;
	}
	.text-section-area-banner h3 {
		font-size: 35px;
		margin-bottom: 25px;
	}
	.text-section-area-banner p {
		font-size: 16px;
		line-height: 35px;
		margin-bottom: 5px;
		padding-left: 20px;
	}
	.text-section-area-banner h2 {
		font-size: 15px;
		line-height: 26px;
		margin-bottom: 15px;
		padding-left: 0;
	}
}

/*-------- normal destop screen ----------*/
@media only screen and (min-width:1081px) and (max-width:1400px) {
	.md-container {
		max-width: 1235px;
		padding-right: 15px;
		padding-left: 15px;
		height: 100%;
		display: flex;
		text-align: left;
	}

	.techno-data h3 {
		font-size: 23px;
		margin-bottom: 5px;
	}
	.techonologery ul {
		padding: 30px 15px;
	}
	.text-section-area-banner {
		margin-top: 45px;
		padding: 0px 0px;
	}
	.images-section:before {
		content: '';
		width: 34px;
		height: 43px;
		right: 0;
		top: -180px;
	}
	.images-section:before {
		content: '';
		width: 100%;
		height: 43px;
		right: 0;
		top: -150px;
	}
	.images-section-text-area img {
		top: 0;
		left: 0;
	}
	.main-right-box img {
		left: 0;
	}
	.md-1,
	.md-2,
	.md-3,
	.md-4,
	.md-5,
	.md-6,
	.md-7,
	.md-8,
	.md-9,
	.md-10,
	.md-11,
	.md-12,
	.md-sm-1,
	.md-sm-2,
	.md-sm-3,
	.md-sm-4,
	.md-sm-5,
	.md-sm-6,
	.md-sm-7,
	.md-sm-8,
	.md-sm-9,
	.md-sm-10,
	.md-sm-11,
	.md-sm-12,
	.md-xs-1,
	.md-xs-2,
	.md-xs-3,
	.md-xs-4,
	.md-xs-5,
	.md-xs-6,
	.md-xs-7,
	.md-xs-8,
	.md-xs-9,
	.md-xs-10,
	.md-xs-11,
	.md-xs-12,
	.md-lg-1,
	.md-lg-2,
	.md-lg-3,
	.md-lg-4,
	.md-lg-5,
	.md-lg-6,
	.md-lg-7,
	.md-lg-8,
	.md-lg-9,
	.md-lg-10,
	.md-lg-11,
	.md-lg-12 {
		position: relative;
		min-height: 1px;
		padding-right: 0px;
		padding-left: 0px;
		float: left;
	}
	.images-section::after {
		content: '';
		width: 821px;
		height: 897px;
		right: -56px;
	}
	.ledt-side-images-and-text {
		width: 100%;
		margin-top: 50px;
		float: left;
		padding: 0;
		margin-bottom: 50px;
	}
	.ledt-side-images-and-text {
		width: 100%;
		margin-top: 50px;
		float: left;
		padding: 0;
	}
	.text-and-banne-section {
		float: left;
		margin: 150px 0 100px;
		padding: 0;
		width: 100%;
	}
	.producte-icone {
		padding-right: 10px;
	}
	.port p.port-text {
		width: auto !important;
	} 
}

/*-------- middle destop screen ----------*/
@media only screen and (min-width:1600px) and (max-width:1800px) {
	.md-container {
		margin: 0 auto;
		text-align: left;
		max-width: 1358px;
		padding-right: 10px;
		padding-left: 10px;
		margin-right: auto;
		margin-left: auto;
		height: 100%;
		display: flex;
	}
	.md-1, .md-2, .md-3, .md-4, .md-5, .md-6, .md-7, .md-8, .md-9, .md-10, .md-11,
	.md-12, .md-sm-1, .md-sm-2, .md-sm-3, .md-sm-4, .md-sm-5, .md-sm-6, .md-sm-7, 
	.md-sm-8, .md-sm-9, .md-sm-10, .md-sm-11, .md-sm-12, .md-xs-1, .md-xs-2, 
	.md-xs-3, .md-xs-4, .md-xs-5, .md-xs-6, .md-xs-7, .md-xs-8, .md-xs-9, 
	.md-xs-10, .md-xs-11, .md-xs-12, .md-lg-1, .md-lg-2, .md-lg-3, .md-lg-4, 
	.md-lg-5, .md-lg-6, .md-lg-7, .md-lg-8, .md-lg-9, .md-lg-10, .md-lg-11, 
	.md-lg-12 {
		position: relative;
		min-height: 1px;
		padding-right: 0px;
		padding-left: 0px;
		float: left;
	}
	.md-row {
		margin-right: -15px;
		margin-left: -15px;
		height: 100%;
		padding: 0px 15px;
	}
	.text-and-banne-section {
		margin: 0px 0 100px;
		margin-top: 150px;
	}
	.techonologery ul li {
		padding: 0px 15px;
	}
	.techno-icone {
		width: 95%;
		margin-left: 0px;
		float: right;
	}
	.ledt-side-images-and-text {
		width: 100%;
		margin: 60px 0px;
		padding: 0;
	}
	.images-section::after {
		content: '';
		width: 100%;
		height: 897px;
		top: -130px;
		right: -30%;
	}
	.text-and-banne-section {
		float: left;
		margin: 50px 0 100px;
		padding: 0;
		width: 100%;
		margin-top: 150px;
	}
	.producte-icone {
		padding-right: 10px;
	}
	.port p.port-text {
		width: auto !important;
	} 
}

/*-------- larger destop screen ----------*/
@media only screen and (min-width:1900px) and (max-width:2500px) {
	.md-container {
		max-width: 1490px;
		padding-right: 0px;
		padding-left: 0px;
		text-align: left;

	} 
	.techno-icone {
		width: 95%;
		float: right;
	}    
	.text-and-banne-section {
		float: left;
		margin: 200px 0 100px;
		padding: 0;
		width: 100%;
	}   
	.techno-data h3 {
		font-size: 26px;
	}    
	.techno-data span {
		font-size: 18px;
	}   
	.techno-other-data ul li p {
		line-height: 26px;
		font-size: 18px;
	}   
	.techno-other-data ul li h4 {
		font-size: 22px;
	}
	.text-section-area-banner h4 {
		font-size: 45px;
		margin-bottom: 30px;
	}
	.text-section-area-banner h4 span {
		font-size: 45px;
		margin-bottom: 10px;

	}
	.text-section-area-banner h5 {
		font-size: 25px;
		margin-bottom: 20px;
	}
	.text-section-area-banner span {
		font-size: 18px;
	}
	.text-section-area-banner li {
		font-size: 18px;
		line-height: 35px;
		margin-bottom: 20px;
		padding-left: 25px;
	}
	.main-top-box-name {
		width: 875px;
		margin-bottom: 0;
	}
	.main-top-box-name span {
		font-size: 25px;
		line-height: 40px;
		margin-top: 6px;
		font-weight: 600;
	}
	.main-banner-section h3 {
		font-size: 40px;
		margin-bottom: 35px;
	}
	.main-banner-section ul li span {
		margin-left: 22px;
		font-size: 20px;
	}
	.images-section {
		left: 0%;
	}
	.new-port-chnages-asection img {
		margin: 0;
		z-index: 9;
		position: relative;
	}
	.images-section:before {
		right: 10%;
		top: -10%;
	}
	.images-section::after {
		width: 100%;
		height: 897px;
		top: -10%;
		right: -24%;
	}
	.main-banner-section ul li {
		padding: 15px 15px 15px 45px;
		border-radius: 5px;
		min-height: 120px;
		width: 585px;
		margin-bottom: 10px;
	}
	.main-banner-section ul li span {
		margin-left: 22px;
		font-size: 22px;
	}
	.ledt-side-images-and-text {
		margin-top: 50px;
		margin-bottom: 50px;
	}
	.images-section-text-area img:after {
		width: 100%;
		height: 897px;
		top: -10%;
		right: -75%;
	}
	.text-section-area-banner h3 {
		font-size: 45px;
		margin-bottom: 35px;
	}
	.text-section-area-banner p {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 20px;
		padding-left: 22px;
	}
}
/*---------------- New changes for iogoos website other pages  -------------*/
.video.section-pages {
	display: none important;
}
.port-sec .container.container_100 {
	max-width: 99%;
}
.prt_carousel .port {
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.45)!important;
	border-radius: 10px!important;
	margin: 0px 15px;
	margin-bottom: 20px;
	margin-top: 10px;
	padding: 0;
}
span.logo-images-main {
	height: 44px;
	width: 44px;
	border-radius: 50%;
	background-color: #0f82c7;
	justify-content: center;
	margin-right: 10px;
	float: left;
	margin-left: 10px;
	text-align: center;
	line-height: 65px;
}
span.logo-images-main img {
	text-align: center;
	margin: 0 auto;
}
.port p.port-text {
	padding: 0px;
	font-size: 20px;
	margin: 0px 0 0;
	text-align: left;
	width: 50%;
	line-height: 40px;
	display: inline-block;
	font-weight: bold;
}
.producte-icone {
	width: 100%;
	margin: 0px 0px;
	padding: 0px 0px;
	width: 40%;
	display: inline-flex;
}
.producte-icone {
	margin: 0px 0px;
	padding: 0px 0px;
	width: auto;
	display: inline-flex;
	float: right;
	padding-right: 20px;
}
.inner-hover {
	position: relative;
	display: block;
	padding: 10px 0px;
}
.prt_carousel .port:hover .port-text {
	margin-top: 0px;
	position: relative;
}
.prt_carousel .port:hover .logo-images-main {
	background: #ffffff;
	transition: 0.5s all;
	transition-timing-function: linear;
}
.prt_carousel .port:hover {
	padding-bottom: 10px;
}
.prt_carousel .port:hover .logo-images-main img{
	filter: invert(1);
	transition: 0.5s all;
	transition-timing-function: linear;

}
.port p.port-text a {
	font-size: 18px;
	line-height: 15px;
}

/*----------------------- new services and ohter file pages ----------*/
.top-banner-section-in-services-pages {
	background: #fff;
	justify-content: center;
	align-items: center;
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
	display: block;
	padding-top: 120px;
	height: 100%;
	margin-bottom: 40px;
}
.top-banner-section-in-services-pages a.bsecond:hover {
	border: 1px solid #008cf5;
	background: #fff;
	color: #008cf5;
	transition: 0.5s all;
	transition-timing-function: linear;
}
.top-banner-section-in-services-pages a.bsecond {
	background: #008cf5;
	color: #fff;
	margin-left: 30px;
}
.top-banner-section-in-services-pages .md-5,
.top-banner-section-in-services-pages .md-7 {
	padding-right: 15px;
	padding-left: 15px;
}

.top-banner-section-in-services-pages h1 {
	display: block;
	margin: 0;
	padding: 5px 18px 0px 30px;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: left;
	color: #060606;
	font-family: "Canela";
	font-style: normal;
	font-stretch: normal;
	font-size: 50px;
	line-height: 70px;
	letter-spacing: 2px;
}

.top-banner-section-in-services-pages p {
	display: block;
	margin: 0;
	padding: 0 20px 5px 30px;
	text-align: left;
	color: #000000;
	letter-spacing: -.3px;
	line-height: 35px;
	font-size: 19px;
	font-weight: 400;
	font-family: 'Futura PT Book';
}

.top-banner-section-in-services-pages .form-section-are {
	min-width: 100%;
	padding: 0;
	text-align: center;
	background: white;
	margin: 0;
	margin-bottom: 0;
	font-size: 0;
	overflow: hidden;
	border-radius: 22px;
	box-shadow: 0px 0px 10px #8c8a8a;
	margin-bottom: 20px;
}

.top-banner-section-in-services-pages .md-container {
	padding-right: 15px;
	padding-left: 15px;
}

.top-banner-section-in-services-pages .text-section-top {
	background: #ffffff;
	width: 100%;
	margin: 0;
	padding: 0px 20px;
}

.top-banner-section-in-services-pages .text-section-top h4 {
	font-size: 30px;
	line-height: 30px;
	color: #060606;
	font-weight: 600;
	margin: 10px 0 15px;
	font-family: "Canela";
	padding: 20px 0px 0px;
}

.top-banner-section-in-services-pages .text-section-top p {
	margin: 0;
	line-height: 25px;
	color: #060606;
	text-align: center;
	font-size: 20px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0;
	padding-right: 0;
	font-family: "Canela";
	letter-spacing: 1px;
}

.top-banner-section-in-services-pages form {
	padding: 20px;
	background-color: #ffffff;
}

.top-banner-section-in-services-pages .form-group {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	margin-bottom: 10px;
}

.top-banner-section-in-services-pages .form-group .form-control {
	width: calc(100% - 20px);
	background: #f6f6f8;
	padding: 0 10px;
	height: 46px;
	border-radius: 2px;
	font-size: 13px;
	min-height: 40px;
	border: unset;
	color: #191919;
	font-weight: 600;
	overflow: hidden;
	font-family: 'Futura PT Book';
}

.top-banner-section-in-services-pages .form-group .form-control:focus {
	color: #1474bb !important;
	outline: unset;
	border-left: 5px solid #000;
	transition: 0.5s all;
	transition-timing-function: linear;
}

.top-banner-section-in-services-pages .form-group .form-control option {
	background: #ffffff;
	font-size: 14px;
	font-weight: 500;
	color: #897575;
	border: unset;
}

.top-banner-section-in-services-pages .form-group .form-control option:hover {
	background: #ade1f5;
	color: #000;
	transition: 0.5s all;
	transition-timing-function: linear;
}

.top-banner-section-in-services-pages .form-group textarea.form-control {
	height: 100px !important;
	padding: 20px;
}

.top-banner-section-in-services-pages .btn-submit {
	position: relative !important;
	margin: 0 !important;
	color: #fff !important;
	width: 40% !important;
	font-size: 17px !important;
	cursor: pointer !important;
	line-height: 13px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	padding: 15px 40px !important;
	border: 0 !important;
	background: #134081 !important;
	text-decoration: none !important;
	box-shadow: unset !important;
	border-radius: 4px !important;
	display: flex;
	margin-left: 12px !important;
}
.top-banner-section-in-services-pages a i {
	font-size: 16px;
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle;
}
.top-banner-section-in-services-pages  a{
	display: inline-block;
	min-width: 260px;
	line-height: 56px;
	text-align: center;
	border: 1px solid #008cf5;
	color: #008cf5;
	border-radius: 4px;
	font-size: 17px;
	font-family: 'Poppins', sans-serif;
	-webkit-transition: all .3s ease-in-out;
	height: 57px;
	margin-top: 20px;
	float: left;
	padding: 0px 15px;
	font-weight: bold;
	margin-right: 30px;
	font-style: normal;
}
.top-banner-section-in-services-pages a:hover{
	transition: 0.5s all;
	transition-timing-function: linear;
	background: #008cf5;
	color: #fff;
}
.font-first {
	font-size: 40px !important;
	margin-right: 10px !important;
}
.top-banner-section-in-services-pages ul {
	list-style: none;
	margin: 0;
	padding: 20px 0px 0px 30px;
	width: 100%;
	font-family: 'Futura PT Book';
	float: left;
}
.top-banner-section-in-services-pages ul li:hover{

	transition: 0.5s all;

	transition-timing-function: linear;
}
.top-banner-section-in-services-pages ul li {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	margin-bottom: 10px;
}
.top-banner-section-in-services-pages ul a:hover{
	transition: 0.5s all;
	transition-timing-function: linear;
	background: unset;
	color: #000000;
	font-size: 20px;
	font-weight: 600;
}
.top-banner-section-in-services-pages ul a {
	display: inline-block;
	margin: 0;
	padding: 0;
	min-width: 100%;
	text-align: left;
	border: unset;
	background: unset;
	height: 100%;
	font-weight: normal;
	color: #000000;
	line-height: 25px;
	font-size: 19px;
	font-family: 'Futura PT Book';
}

.top-banner-section-in-services-pages ul li a span {
	padding: 0;
	width: 25px;
	text-align: center;
	margin: 0 auto;
	display: inline-flex;
	float: left;
	margin-right: 10px;
	filter: brightness(0.1);
}

.top-banner-section-in-services-pages ul li a span img {
	display: inline-block;
	margin: 0 0px 0 0;
	max-width: 30px;
}
.inner-hover {
	padding: 10px 0px 25px;
}
.filletr-icone {
	width: 120px;
}
.Virtual_emp:after, .portfolio_p:after {
	background: #000;
}
.banner_io .ab_banner h1 {
	font-weight: bold;
	text-align: center;
}

.new-chnages-portpolio-section-divider {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	display: block;
	float: left;
}
.new-chnages-portpolio-section-divider .test-better .row .clm_4 {
	width: calc(25% - 7px - 7px);
	margin: 0;
	padding: 30px 10px;
}
.new-chnages-portpolio-section-divider .col_sm_4.services_tab {
	width: calc(33.33% - 15px - 15px);
	margin: 10px;
	padding: 30px;
	background: #fff;
}
.crapcher-section {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	flex: 0 0 100%;
	max-width: 100%;
	margin-bottom: 10px;
	padding-left: 15px;
}
.new-chnages-portpolio-section-divider .ROW_HH .full_width input[type=file]:after {
	width: 78px;
	line-height: 45px;
}
.new-chnages-portpolio-section-divider .ROW_HH .full_width input[type=file] {
	height: 44px;
	line-height: 17px;
	position: relative;
}
.new-services-changes-from .form {
	width: 100%;
	position: revert;
	margin: 0;
	padding: 0;

}

.new-services-changes-from .ROW_H {
	width: 100%;
}

.new-services-changes-from .form_group {
	float: left;
	margin: 0;
	padding: 0;
}

.new-services-changes-from input[type="text"] {
	width: 100% !important;
	margin: 0;
}
.new-chnages-portpolio-section-divider .services_tab{
	border-radius: 0;
}
.new-chnages-portpolio-section-divider .services_tab:hover {
	border-radius: 0;
	transform: scale(1.03);
	transition-timing-function: linear !important;
	transition: 0.5s all !important;
}
/*---------  sticy logo ------------*/
.logo_io a {
	max-height: 72px;
}
.sticky .logo_io a {
	max-height: 72px;
}
.sticky .logo_io img {
	max-height: 72px;
}
.white-space-backgound{
	background: linear-gradient(45deg,#1969b1,#00a8ea) !important;
	z-index: 99;
}
.home-new header.white-space-backgound.global-header.global-header-r3.navigation-r3.is-transparent.sticky{
	background: linear-gradient(
		45deg
		,#1969b1,#00a8ea) !important;
}
.white-space-backgound-hr {
	border-image: linear-gradient( 
		180deg
		,transparent,hsla(0,0%,100%,.47),transparent) 1 100% ;
	z-index: 9;
}

.new-chnages-portpolio-section-divider .award_wining h3,
.new-chnages-portpolio-section-divider #our-hubspot-services h2,
.new-chnages-portpolio-section-divider #hubspot-website-design h2,
.new-chnages-portpolio-section-divider .test-better h2,
.new-chnages-portpolio-section-divider .solution_cake h2,
.new-chnages-portpolio-section-divider .techWeUse.text-center.seactionPadding h2.seactionHead,
.new-chnages-portpolio-section-divider .hiresec h2,
.new-chnages-portpolio-section-divider .hiresec h3,
.new-chnages-portpolio-section-divider #start-a-project h2,
.new-chnages-portpolio-section-divider #benefits-of-choosing-unisoft h2,
.new-chnages-portpolio-section-divider .flotting-benefits-of-choosing-unisoft h4,
.new-chnages-portpolio-section-divider .cnt_center h4,
.new-chnages-portpolio-section-divider .test-better .row .clm_4 h3,
.new-chnages-portpolio-section-divider .top-bottom-margin h3{
	font-family: "Canela";
}
.new-chnages-portpolio-section-divider  .tab_block_main .tab_options {
	width: calc(100% - 0%);
}
.new-chnages-portpolio-section-divider  .tab_block_main .tab_content {
	display: inline-block;
	width: calc(100% - 0%);
}
.new-services-box-section{
	border-left: 1px solid rgba(0, 0, 0, .15);
}
.new-services-box-section .clm_4:hover img{
	filter: none;
	transition: 0.5s all;
	transition-timing-function: linear;
}
.new-services-box-section .clm_4 {
	border-left: unset;
	border-bottom: 1px solid rgba(0, 0, 0, .15);
	border-right: 1px solid rgba(0, 0, 0, .15);
	cursor: pointer;
	max-width: calc(33.33% - 0px - 0px);
}
.google-partners {
	float: left;
	margin: 0;
	padding: 10px 0px;
	width: 100%;
	background: #f9f9f9;
}
.google-partners ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
}

.google-partners ul li {
	float: left;
	padding: 0px 6px;
	width: 100%;
	max-width: 19%;
	text-align: center;
	background: #0000;
	margin: 0px 5px;
}
/*-------- iogoos all pages chnages css ----------------*/
.new-services-box-section  .test-better .row .clm_4 {
	box-shadow: 2px 2px 12px 0px #9c9b9bc7;
}
.favorite-features .row .clm_4 {
	width: calc(25% - 15px - 0px);
}
.skillset .row_flex .clm_4 {
	max-width: calc(33.33% - 15px - 0px);
	display: inline-block;
}
.RightForm {
	max-width: calc(42% - 0px);
}
#request-a-quote-now form .form-group input.form-control {
	width: calc(100% - 0px);
}
#request-a-quote-now textarea.form-control {
	width: calc(100% - 0px);
}
.ROW_H .form_group input[type=text] {
	width: calc(100% - 0px - 0px);
}
.ROW_HH .full_width input[type=file] {
	height: 42px;
	line-height: 20px;
}
.ROW_HH .full_width input[type=file]:after {
	line-height: 40px;
}
.row___list .clm_4:hover img{
	filter: none;
	transition: 0.5s all;
	transition-timing-function: linear;
}
.row___list .clm_4 {
	border-left: unset;
	border-bottom: 1px solid rgba(0, 0, 0, .15) !important;
	border-right: 1px solid rgba(0, 0, 0, .15) ;
}
.row___list {
	border-left: 1px solid rgba(0, 0, 0, .15);
}
.row___list .clm_4:hover .pr_cnt p {
	color: #1673ba;
	transition: 0.5s all;
	transition-timing-function: linear;
}
.test-better .row .clm_4 {
	width: calc(25% - 0px - 15px);
}
ul.Weaward li {
	max-width: calc(25% - 0px);
}
.skillset .row_flex .clm_3 {
	max-width: calc(25% - 0px - 15px);
}
@media screen and (min-width: 1024px){
	.homeSection {
		padding-bottom: 0;
	}
}
.wrapper_io {
	padding: 50px 0 50px;
}
.contactForm.seactionPadding.seactionPaddinggggg .row .col-md-5.col-sm-12 {
	flex: 0 0 55%;
	max-width: calc(40% - 0%);
	padding-right: 25px;
}
.contactForm.seactionPadding.seactionPaddinggggg .row .col-md-7.col-sm-12 {
	max-width: calc(54% - 0px);
	padding-right: 0;
}
ul.worktypelst li {
	width: calc(100% / 5 - 0px - 0px);
}
@media only screen and (max-width: 767px){
	.col_sm_4.services_tab {
		width: calc(100% - 0px - 0px) !important;
		margin: 10px 0;
		min-height: auto;
	}
	.new-chnages-portpolio-section-divider .test-better .row .clm_4 {
		width: calc(100% - 0px - 0px);
		margin: 0;
		padding: 30px 10px;
	}
	.row___list .clm_4 {
		max-width: calc(50% - 0px - 0px);
	}
	.new-services-changes-from .form_group {
		margin-top: 10px;
	}

}
.pr_cnt p {
	font-weight: 500;
	font-size: 14px;
	line-height: 19px;
}
.hiresec .row_hire .row___list .clm_4 {
	max-width: calc(33.33% - 0px - 0px);
}
.seactionPadding {
	z-index: -1;
}
.we-adard {
	position: relative;
}
@media only screen and (max-width: 1450px){
	.footer-colmun h3.wg-title {
		font-size: 13px;
	}
}
/*---------- portpolio video section -----------*/
.video-section-on-moves {
	margin: 0;
	padding: 0;
	width: 100%;
}
.video-section-on-moves video {
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
.top-portpoio .port {
	padding-top: 10px;
}

/*-------- mobile  screen ----------*/
@media only screen and (min-width:320px) and (max-width:680px) {
	.top-banner-section-in-services-pages {
		padding-top: 100px;
		height: 100%;
		margin-bottom: 30px;
	}
	.top-banner-section-in-services-pages h1 {
		margin: 0;
		padding: 0px 0px 0px 25px;
		margin-bottom: 10px;
		font-size: 25px;
		line-height: 40px;
		font-weight: bold;
		letter-spacing: 2px;
	}  
	.top-banner-section-in-services-pages p {
		margin: 0;
		padding: 0px 0px 20px 15px;
		line-height: 30px;
		font-size: 16px;
	}
	.top-banner-section-in-services-pages a {
		min-width: 270px;
		font-size: 17px;
		height: 57px;
		margin-top: 0px;
		float: left;
		padding: 0px 15px;
		margin-right: 30px;
		margin-left: 30px;
		margin-bottom: 0px;
		margin-top: 20px;
	}
	.top-banner-section-in-services-pages p {
		margin: 0;
		padding: 0px 0px 0px 30px;
		line-height: 30px;
		font-size: 15px;
	}
	.top-banner-section-in-services-pages .form-section-are {
		box-shadow: unset;
	}
	.top-banner-section-in-services-pages .form-section-are {
		margin-bottom: 0px;
		margin-top: 20px;
	}
	span.logo-images-main {
		height: 40px;
		width: 40px;
		margin-right: 5px;
		margin-left: 5px;
		line-height: 55px;
	}
	span.logo-images-main img {
		text-align: center;
		margin: 0 auto;
		width: 25px;
	}
	.producte-icone {
		margin: 0px 0px;
		padding: 0px 0px;
		padding-right: 5px;
		width: auto;
	}
	.producte-icone .technology i {
		margin: 0 0 0 5px;
	}
	.port p.port-text {
		width: 50%;
		line-height: 25px;
	}
	.google-partners ul li {
		padding: 0px 0px;
		width: 100%;
		max-width: 100%;
		margin: 15px 0px 0px;
	}
	.google-partners ul li img {
		width: 86%;
	}
	/*----------- from sectiona for iogoos  ---------*/
	.contactForm.seactionPadding.seactionPaddinggggg .row .col-md-5.col-sm-12 {
		flex: 0 0 100%;
		max-width: calc(100% - 0%) !important;
		padding-right: 0;
	}
	.contactForm.seactionPadding.seactionPaddinggggg .row .col-md-7.col-sm-12 {
		max-width: calc(100% - 0px) !important;
		padding-right: 0;
	}
	.contactForm form {
		padding: 10px;
	}
	ul.worktypelst li {
		width: calc(100% / 5 - 0px - 0px);
		margin: 0px 0px;
	}
	
	.RightForm {
		max-width: calc(100% - 0px);
	}
	.cl_row.right_ab_cnt {
		width: calc(100% - 0px);
	}
	.first-logo {
		margin-bottom: 10px;
		padding: 0px;
		margin-top: 0px;
	}

}

/*-------- tablet  screen ----------*/
@media only screen and (min-width:768px) and (max-width:1080px) {
	.top-banner-section-in-services-pages {
		margin: 0;
		padding: 0;
		width: 100%;
		padding-top: 80px;
		height: 100%;
		margin-bottom: 30px;
	}
	.top-banner-section-in-services-pages h1 {
		margin: 0;
		padding: 20px 18px 0px 70px;
		margin-bottom: 20px;
		font-size: 50px;
		line-height: 60px;
		letter-spacing: 3px;
	}
	.top-banner-section-in-services-pages p {
		margin: 0;
		padding: 0px 0px 0px 70px;
		line-height: 30px;
		font-size: 16px;
		text-align: justify;
	}
	.top-banner-section-in-services-pages a.bsecond {
		margin-left: 70px;
		margin-top: 10px;
	}
	.top-banner-section-in-services-pages a {
		min-width: 270px;
		line-height: 56px;
		border-radius: 4px;
		font-size: 16px;
		height: 57px;
		margin-top: 10px;
		padding: 0px 15px;
		margin-right: 20px;
		margin-left: 0px;
		margin-bottom: 30px;
	}
	.top-banner-section-in-services-pages .md-xs-12 {
		padding-right: 15px;
	}
	.top-banner-section-in-services-pages .text-section-top h4 {
		font-size: 30px;
		line-height: 22px;
		font-weight: 600;
		margin: 0 0 15px;
		padding: 25px 10px 0px;
		text-align: left;
	}
	.top-banner-section-in-services-pages .text-section-top p {
		margin: 0;
		line-height: 25px;
		font-size: 16px;
		padding-bottom: 4px;
		padding-top: 5px;
		padding-left: 0;
		text-align: left;
		padding-left: 10px;
	}

	.top-banner-section-in-services-pages ul {
		padding: 20px 0px 0px 60px;
	}
	.top-banner-section-in-services-pages .form-section-are {
		padding: 0;
		font-size: 0;
		border-radius: 22px;
		box-shadow: unset;
		margin-bottom: 0;
		width: 90%;
		margin: 0 auto;
		min-width: auto;
	}
	.top-banner-section-in-services-pages .btn-submit {
		width: 25% !important;
		font-size: 16px !important;
		padding: 15px 10px !important;
		display: block;
		border-radius: 4px !important;
		margin-left: 15px !important;
	}
	span.logo-images-main {
		height: 40px;
		width: 40px;
		margin-right: 5px;
		margin-left: 5px;
		line-height: 55px;
	}
	span.logo-images-main img {
		text-align: center;
		margin: 0 auto;
		width: 25px;
	}
	.producte-icone {
		padding-right: 5px;
	}
	.producte-icone .technology i {
		margin: 0 0 0 5px;
	}

	.google-partners ul li img {
		width: 100%;
	}
	.google-partners ul li {
		padding: 0px 6px;
		max-width: calc(100% / 5);
		margin: 0px 0px;
	}
	.new-chnages-portpolio-section-divider .test-better .row .clm_4 {
		width: calc(50% - 5px - 5px);
		margin-bottom: 20px;
	}
	.contactForm.seactionPadding.seactionPaddinggggg .row .col-md-5.col-sm-12 {
		flex: 0 0 100%;
		max-width: calc(100% - 10%);
		padding-right: 25px;
		margin: 0 auto;
	}
	.contactForm.seactionPadding.seactionPaddinggggg .row .col-md-7.col-sm-12 {
		max-width: calc(100% - 15%);
		padding-right: 0;
		margin: 0 auto;
	}
	ul.worktypelst li {
		width: calc(100% / 6 - 0px - 0px);
		margin-right: 10px;
	}
	.RightForm {
		max-width: calc(100% - 0px);
	}
	.col_sm_4.services_tab {
		width: calc(50% - 0px - 20px);
		padding: 30px 15px;
	}
	.favorite-features .row .clm_4 {
		width: calc(50% - 10px - 0px);
	}

}


/*-------- normal laptop  screen ----------*/
@media only screen and (min-width:1400px) and (max-width:1600px) {
	.new-services-box-section {
		border-left: 1px solid rgba(0, 0, 0, .15);
	}
}
/*-------- large laptop  screen ----------*/
@media only screen and (min-width:1801px) and (max-width:2500px) {
	.md-container {
		max-width: 1600px;
	}
	.top-banner-section-in-services-pages {
		padding-top: 130px;
		height: 100%;
		margin-bottom: 30px;
	}
	.top-banner-section-in-services-pages h1 {
		line-height: 85px;
	}
	.home-new .navigation-r3 .logo-container {
		top: 0%;
		height: 86px;
		padding: 0px 8px;
		padding-left: 0px;
	}
}
.new-home-pages-chnages {
	height: auto !important;
}
header.global-header.sticky.back-move-new-chnages{
	background: linear-gradient(45deg,#1969b1,#00a8ea) !important;
	top: 0px;
}
.back-move-new-chnages {
	top: 0 !important;
	background: #fff0 !important;
}
.services-icone-section {
	float: left;
	width: 100%;
	margin-top: 50px;
}
.blog-section-ne-home-chnages {
	float: left;
	width: 100%;
	background: #f9f9f9;
}

.team-section {
	background: #fefefe;
	float: left;
	width: 100%;
	margin-left: 0;
}
/*----------------------- New Home Chnages Section -----------------------*/
.slider-to-home-pages {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	cursor: pointer;
}

.container.slider-main-section {
	width: 100%;
	margin: 0;
	padding: 0px 0px;
	max-width: 100%;
}

.container.slider-main-section img {
	width: 100%;
	margin: 0;
	padding: 0;
	height: auto;
}

.container.slider-main-section .slider-item {
	margin: 0;
	padding: 0px;
	width: 100%;
}

.container.slider-main-section ul.slick-dots {
	position: absolute;
	width: auto;
	transform: rotate(90deg);
	left: -60px;
	z-index: 9;
	bottom: 40%;
}

.container.slider-main-section .slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 10px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.container.slider-main-section .slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 10px;
	height: 10px;
	padding: 0px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}

.container.slider-main-section .slick-dots li.slick-active button:before {
	opacity: 1;
	color: white;
}

.container.slider-main-section .slick-dots li button:before {
	font-family: 'slick';
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	content: '';
	opacity: 0.35;
	color: white;
	background: #fff;
	border-radius: 50%;
}

.slider-text-section-movies {
	position: relative;
	margin: 0;
	padding: 0px;
	width: 100%;
}

.text-section-slider-area {
	position: absolute;
	top: 49%;
	left: 43%;
	width: 54%;
	color: #fff;
	font-family: sans-serif;
	transform: translate(-50%, -50%);
}

.text-section-slider-area h1 {
	font-size: 5vw;
	font-weight: 600;
	line-height: 1.0;
	font-family: 'FuturaPT-Bold';
	transform-origin: 50% 50% 0px;
	transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	margin: 0px 0px 50px;
}

.text-section-slider-area p span {
	font-size: 25px;
	line-height: 1.53;
	max-width: 600px;
	padding-top: 0rem !important;
	font-family: 'Futura PT Book';
}

.text-section-slider-area p {
	font-size: 20px;
	line-height: 1.53;
	max-width: 600px;
	padding-top: .5rem!important;
	font-family: 'Futura PT Book';
	margin-bottom: 15px;
	transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform-origin: 50% 50% 0px;
}

.text-section-slider-area a {
	border: 1px solid #008cf5;
	background-color: #0000;
	color: #fff;
	margin-top: 30px;
	padding-left: 21px;
	padding-right: 21px;
	height: 40px;
	letter-spacing: .64px;
	text-align: center;
	margin: 0;
	min-width: 64px;
	line-height: 41px;
	padding: 0 16px;
	border-radius: 50px;
	text-decoration: none;
	position: relative;
	display: inline-block;
	float: left;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 500;
	transform-origin: 50% 50% 0px;
	transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}

.padding-botoom {
	margin-bottom: 35px !important;
}

.text-section-slider-area a,
.text-section-slider-area p,
.text-section-slider-area h1 {
	animation: fadeInDown 0.5s both 1s;
	-webkit-animation: fadeInDown 0.5s both 1s;
}

.slider-bottom-text-section {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	background: #f2f2f2;
	position: relative;
}

.slider-bottom-text-section h2 {
	font-size: 25px;
	font-family: 'Futura PT Medium';
	line-height: normal;
	margin-bottom: .5rem;
	font-weight: 500;
}

.slider-bottom-text-section p {
	font-size: 23px;
	line-height: 40px;
	color: #555;
	font-family: 'Futura PT Demi';
	width: 50%;
}

.text-third-section {
	float: left;
	margin: 0;
	padding: 40px 0px 20px;
	width: 100%;
}

.text-third-section h2 {
	font-size: 55px;
	line-height: normal;
	font-family: 'Futura PT Demi';
	font-weight: bold;
	color: #212529;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	float: left;
}

.text-third-section p {
	font-family: 'Futura PT Book';
	line-height: 30px;
	font-size: 19px;
	color: #1b1b1b;
}


/*----------  line-section  --------*/
.line-section {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: -1;
}
.line-section .grid-wrapper {
	max-width: 1365px;
	margin: auto;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 25px;
	right: 25px;
	z-index: -1;
}

.line {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 2px;
	background: rgba(204, 204, 204, 0.25);
	max-width: 33.33%;
}

.line.line-1 {
	left: 25px;
}

.line-2 {
	left: 33.33333%;
}

.line-3 {
	left: 66.66666%;
}

.line-4 {
	right: 25px;
}

/*---------------------- About us section -------------------------*/

.about-us-section {
	float: left;
	margin: 0;
	padding: 50px 0px;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 100px;
}

.about-us-section h5 {
	color: #403b3bd9;
	font-size: 18px;
	letter-spacing: 3px;
	text-transform: uppercase;
	line-height: 1.43;
	margin-top: 0;
	margin-bottom: 10px;
}

.about-us-section h4 {
	color: #000000;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.41;
	font-size: 50px;
	font-family: 'Cerebri Sans';
}

.about-us-section h4 span {
	color: #008cf5;
}

.about-us-section p {
	margin-top: 30px;
	line-height: 1.74;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	visibility: visible;
	color: #696969;
	font-family: 'Cerebri Sans';
	width: 85%;
}

.about-us-section a {
	transform: translateY(0px);
	border-style: solid;
	border-radius: 5px;
	border-color: transparent;
	padding: 0 36px;
	text-align: center;
	color: #ffffff;
	background: #008cf5;
	border-width: 1px;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0em;
	line-height: 44px;
	height: 44px;
	margin-top: 40px;
	display: inline-block;
	font-family: 'Cerebri Sans';
}

.main-images-gallery-section {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
}

.main-images-gallery-section img {
	width: 100%;
	margin: 0;
	padding: 0;
}

.main-images-section {
	position: relative;
	margin: 0;
	padding: 100px;
	width: 100%;
}

.images-box-top {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 40%;
	top: 0;
}

.first-images {
	left: 0;
	-webkit-animation: mover 1s infinite alternate;
	animation: mover 1s infinite alternate;
}

.second-images {
	right: 0;
	-webkit-animation: down 1s infinite alternate;
	animation: down 1s infinite alternate;
}

.images-box-bottomn.third-images {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: 0%;
	width: 40%;
	top: 85%;
	height: auto;
	-webkit-animation: down 1s infinite alternate;
	animation: down 1s infinite alternate;
}

.third-images {
	left: 0;
}

.four-images {
	right: 0;
	width: 30%;
	margin: 0;
	padding: 0;
	float: right;
	position: absolute;
	top: 80%;
	-webkit-animation: mover 1s infinite alternate;
	animation: mover 1s infinite alternate;
	z-index: 9;
}

@-webkit-keyframes mover {
	0% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}
	100% {
		transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		-o-transform: translateY(-10px);
	}
}

@keyframes mover {
	0% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
	}
	100% {
		transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		-ms-transform: translateY(-10px);
		-o-transform: translateY(-10px);
	}
}

@-webkit-keyframes down {
	0% {
		transform: translateY(-15px);
		-webkit-transform: translateY(-15px);
		-moz-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		-o-transform: translateY(-15px);
	}
	100% {
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
	}
}

@keyframes down {
	0% {
		transform: translateY(-15px);
		-webkit-transform: translateY(-15px);
		-moz-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		-o-transform: translateY(-15px);
	}
	100% {
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		-o-transform: translateY(0px);
	}
}

lsing-rings {
	bottom: -75px;
	left: 0;
}

.pulsing-rings {
	display: block;
}

.pulsing-rings {
	position: relative;
	margin: auto;
	width: 150px;
	height: 150px;
}

.pulsing-rings .pulsing-ringlet {
	width: 150px;
	height: 150px;
	border: 3px solid #6EAAFF;
	border-radius: 50%;
	position: absolute;
	transform: scale(0.1, 0.1);
	opacity: 0;
	animation: pulse 3000ms ease-out infinite;
	-webkit-animation: pulse 3000ms ease-out infinite;
}

.pulsing-rings .pulsing-ringlet:nth-of-type(2) {
	animation-delay: 600ms;
}

.pulsing-rings .pulsing-ringlet:nth-of-type(3) {
	animation-delay: 1200ms;
}

@keyframes pulse {
	0% {
		transform: scale(0.1, 0.1);
		opacity: 0
	}
	50% {
		opacity: 1
	}
	100% {
		transform: scale(1.2, 1.2);
		opacity: 0
	}
}

.around-circal {
	position: absolute;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	top: 30%;
	text-align: center;
}

.images-box-section-main {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
}

.test {
	animation: UpDown 8s linear infinite;
	cursor: pointer;
	position: absolute;
	bottom: 8vh;
	left: 50%;
	transform: translateX(-50%);
}

.srocll-down {
	position: relative;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	float: left;
	display: inline-block;
	background: #fff;
	margin-top: -10px;
}

@keyframes UpDown {
	0% {
		bottom: 0;
	}
	50% {
		bottom: .5em;
	}
	100% {
		bottom: 0;
	}
}


/*------------------ Services section  -------------*/

.services-projecc {
	float: left;
	margin: 0;
	padding: 100px 0px 0px;
	width: 100%;
}

.main-text-section {
	margin: 0;
	padding: 0;
	width: 100%;
}

.main-text-section ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.main-text-section ul li {
	margin-bottom: 45px;
}

.main-text-section ul li h5 {
	font-size: 70px;
	position: relative;
	font-family: 'Futura PT Demi';
	color: #212529;
}

.main-text-section ul li h5 span {
	position: absolute;
	font-size: 14px;
	top: calc(50% - 8px);
	left: -30px;
	font-family: 'Futura PT Book';
}

.main-text-section ul li p {
	font-family: 'Futura PT Medium';
	font-size: 18px;
	margin-bottom: 0;
}

.images-box-top-section {
	float: right;
	margin: 0;
	padding: 0;
	width: 100%;
}

.images-box-top-section img {
	width: 100%;
	margin: 0;
	padding: 0;
}

.images-box-top-section .images-box-section {
	width: 150px;
	height: 150px;
	margin: 0;
	padding: 0;
	line-height: unset;
	margin-right: 50px;
	float: left;
}

.images-box-top-section .images-box-section.right-side {
	float: right;
}

.second-images-box-section {
	margin: 0 auto;
	text-align: center;
	width: 100%;
	display: inline-block;
}

.second-images-box-section .images-box-section {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 200px;
}

.second-images-box-section .images-box-section img {
	margin: 0 auto;
	text-align: center;
	padding-right: 50px;
}


/*-----------------  TAb port section  ---------------*/

.top-port-section {
	float: left;
	margin: 0;
	padding: 55px 0px 0px;
	width: 100%;
	background: #f8f8f8;
}

.top-port-section h4 {
	color: #176eb5;
    font-size: 25px;
	letter-spacing: 3px;
	text-transform: uppercase;
	margin-bottom: 20px;
	line-height: 1.43;
	margin-top: -5px;
	text-align: center;
	font-family: 'Cerebri Sans';
}

.top-port-section h2 {
	color: #333333;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.41;
	font-size: 40px;
	text-align: center;
	font-family: 'Cerebri Sans';
}

.top-port-section h2 span {
	color: #008cf5;
}


/*--------- tab  ---------*/

.tab-box {
	margin: 0px;
	margin-top: 35px;
}

.tab-box img {
	width: 100%;
	margin: 0;
	padding: 0;
}

.tabs {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	margin: 0 auto;
	width: fit-content;
	margin-bottom: 43px;
}

.tabs__button {
	font-size: 17px;
	font-weight: 500;
	line-height: 1.3;
	text-transform: uppercase;
	letter-spacing: 1px;
	border: 1px solid #ededed !important;
	border: #ededed;
	background: #fff;
	color: #696969;
	padding: 21px 20px 19px;
	min-width: 200px;
	border-radius: 5px !important;
	font-family: 'Cerebri Sans';
	margin-right: 10px;
	box-shadow: 0 0 5px #ededed;
}

.tabs__button:hover {
	border: 1px solid #008cf5 !important;
	color: #008cf5;
	transition: 0.5s all;
	transition-timing-function: linear;
	cursor: pointer;
}

.tabs__button--active {
	background-color: #008cf5;
	color: #ffff !important;
}

.tabs__button:focus {
	border: 1px solid #0a7cd121 !important;
	outline: none;
}

.tab-content {
	display: none;
	padding: 0;
	border-top: none;
}

.tab-content--active {
	display: block;
	-webkit-animation-name: tabsAnim;
	animation-name: tabsAnim;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}

.tab-content__caption {
	margin-top: 0;
	margin-bottom: 16px;
}

@-webkit-keyframes tabsAnim {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes tabsAnim {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.tab-content__text {
	margin: 0;
}

.images-box-tab {
	padding: 0;
	width: 90%;
	margin-bottom: 30px;
	margin: 0 auto;
	text-align: center;
}

.tab-text-section-port {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	margin-top: 30px;
}

.tab-text-section-port h5 {
	font-weight: 500;
	line-height: 1.25;
	margin-bottom: 12px;
	font-size: 24px;
	text-align: center;
	font-family: 'Cerebri Sans';
}

.tab-text-section-port p {
	color: #696969;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	visibility: visible;
	font-family: 'Cerebri Sans';
	text-align: center;
	width: 60%;
	margin: 0 auto;
}/*----------------------  testnoial   -----------*/

.section-eight {
	float: left;
	margin: 0;
	width: 100%;
	height: 100%;
	position: relative;
}

.op-eight-section {
	position: relative;
	float: left;
	padding: 0px 0px;
	margin: 0;
	width: 100%;
	height: 350px;
}

.sec-eight-text-area {
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0;
	width: 100%;
}

.sec-eight-text-area img {
	padding: 0vh 0;
	width: 15%;
	float: left;
	margin: 0;
}

.sec-eight-text-area h1 {
	color: #444;
	font-size: 16px;
	font-weight: 600;
	width: auto;
	float: left;
	margin-left: 20px;
	font-family: 'Roboto';
	line-height: 25px;
}

.sec-eight-text-area p {
	margin-top: 30px;
	line-height: 1.74;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	visibility: visible;
	color: #696969;
	font-family: 'Cerebri Sans';
	width: 100%;
}

.section-eight .container-pe-quote {
	position: relative;
	height: 100%;
	top: 0px;
	z-index: 1;
	width: 100%;
}

.section-eight .container-pe-quote.left {
	left: 0px;
}

.section-eight .container-pe-quote.right {
	right: 0px;
}

.section-eight .container-pe-quote .pp-quote {
	cursor: pointer;
	position: absolute;
	border-radius: 100%;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
	animation-name: floating;
	-webkit-animation-name: floating;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-transform-origin: 50% 1px;
	-moz-transform-origin: 50% 1px;
	-ms-transform-origin: 50% 1px;
	-o-transform-origin: 50% 1px;
	transform-origin: 50% 1px;
	opacity: 0;
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-ms-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
}

.container-pe-quote .pp-quote img {
	overflow: hidden;
	border-radius: 100%;
	height: 100%;
	width: 100%;
	position: relative;
	z-index: 1;
}

.section-eight .container-pe-quote .pp-quote:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	height: calc(100% + 5px);
	width: calc(100% + 5px);
	border-radius: 100%;
	background-color: #7fb3e4;
	-webkit-transform: translate(-50%, -50%) scale(0.9);
	-moz-transform: translate(-50%, -50%) scale(0.9);
	-ms-transform: translate(-50%, -50%) scale(0.9);
	-o-transform: translate(-50%, -50%) scale(0.9);
	transform: translate(-50%, -50%) scale(0.9);
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}

.container-pe-quote .pp-quote:hover:after,
.container-pe-quote .pp-quote.active:after {
	-webkit-transform: translate(-50%, -50%) scale(1);
	-moz-transform: translate(-50%, -50%) scale(1);
	-ms-transform: translate(-50%, -50%) scale(1);
	-o-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
}

.section-eight .container-pe-quote .li-quote-1 {
	height: 104px;
	width: 104px;
	left: 15px;
	top: 65px;
	transition-delay: 0.6s;
	opacity: 1;
}

.section-eight .container-pe-quote .li-quote-2 {
	height: 63px;
	width: 63px;
	left: 120px;
	top: 0;
	animation-duration: 12s;
	-webkit-animation-duration: 12s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	opacity: 1;
}

.section-eight .container-pe-quote .li-quote-3 {
	height: 64px;
	width: 64px;
	left: 68px;
	top: 200px;
	animation-duration: 6s;
	-webkit-animation-duration: 6s;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
	opacity: 1;
}

.section-eight .container-pe-quote .li-quote-4 {
	height: 73px;
	width: 73px;
	right: -15px;
	top: 0;
	animation-duration: 5s;
	-webkit-animation-duration: 5s;
	-webkit-transition-delay: 0.7s;
	transition-delay: 0.7s;
	opacity: 1;
}

.section-eight .container-pe-quote .li-quote-5 {
	height: 73px;
	width: 73px;
	right: 28px;
	top: 100px;
	animation-duration: 8s;
	-webkit-animation-duration: 8s;
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s;
	opacity: 1;
}

.section-eight .container-pe-quote .li-quote-6 {
	height: 45px;
	width: 45px;
	right: 108px;
	top: 30px;
	animation-duration: 7s;
	-webkit-animation-duration: 7s;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
	opacity: 1;
}

.section-eight .container-pe-quote .li-quote-7 {
	height: 48px;
	width: 48px;
	right: 40px;
	top: 225px;
	animation-duration: 7s;
	-webkit-animation-duration: 7s;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	opacity: 1;
}

.section-eight .container-pe-quote .li-quote-8 {
	height: 63px;
	width: 63px;
	left: 20px;
	top: 250px;
	animation-duration: 5s;
	-webkit-animation-duration: 5s;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	opacity: 1;
}

@keyframes floating {
	0% {
		-webkit-transform: rotate(0deg) translate(-10px) rotate(0deg);
		-moz-transform: rotate(0deg) translate(-10px) rotate(0deg);
		-ms-transform: rotate(0deg) translate(-10px) rotate(0deg);
		-o-transform: rotate(0deg) translate(-10px) rotate(0deg);
		transform: rotate(0deg) translate(-10px) rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg);
		-moz-transform: rotate(360deg) translate(-10px) rotate(-360deg);
		-ms-transform: rotate(360deg) translate(-10px) rotate(-360deg);
		-o-transform: rotate(360deg) translate(-10px) rotate(-360deg);
		transform: rotate(360deg) translate(-10px) rotate(-360deg);
	}
}

@-webkit-keyframes floating {
	0% {
		-webkit-transform: rotate(0deg) translate(-10px) rotate(0deg);
		-moz-transform: rotate(0deg) translate(-10px) rotate(0deg);
		-ms-transform: rotate(0deg) translate(-10px) rotate(0deg);
		-o-transform: rotate(0deg) translate(-10px) rotate(0deg);
		transform: rotate(0deg) translate(-10px) rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg) translate(-10px) rotate(-360deg);
		-moz-transform: rotate(360deg) translate(-10px) rotate(-360deg);
		-ms-transform: rotate(360deg) translate(-10px) rotate(-360deg);
		-o-transform: rotate(360deg) translate(-10px) rotate(-360deg);
		transform: rotate(360deg) translate(-10px) rotate(-360deg);
	}
}

.section-eight .container-quote {
	position: relative;
	width: 100%;
	margin-top: 10px;
	height: 135px;
	-webkit-perspective: 10000px;
	-moz-perspective: 10000px;
	-ms-perspective: 10000px;
	perspective: 10000px;
}

.section-eight .container-quote .quote {
	max-width: 100%;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 50%;
	cursor: pointer;
	text-align: center;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
	-moz-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
	-o-transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
	transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
}

.section-eight .container-quote .quote.hide-bottom {
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
	-moz-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
	-ms-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
	-o-transform: translateX(-50%) translateY(100%) rotateX(-70deg);
	transform: translateX(-50%) translateY(100%) rotateX(-70deg);
}

.section-eight .container-quote .quote.hide-top {
	opacity: 0;
	-webkit-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
	-moz-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
	-ms-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
	-o-transform: translateX(-50%) translateY(-100%) rotateX(70deg);
	transform: translateX(-50%) translateY(-100%) rotateX(70deg);
}

.section-eight .container-quote .quote.show {
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(0%) rotateX(0deg);
	-moz-transform: translateX(-50%) translateY(0%) rotateX(0deg);
	-ms-transform: translateX(-50%) translateY(0%) rotateX(0deg);
	-o-transform: translateX(-50%) translateY(0%) rotateX(0deg);
	transform: translateX(-50%) translateY(0%) rotateX(0deg);
}

.section-eight .container-dp-name {
	position: relative;
	width: 100%;
	margin-top: 10px;
	perspective: 10000px;
	text-align: center;
	height: 100%;
}

.section-eight .container-dp-name .box-dpname {
	width: 50%;
	position: absolute;
	top: 0px;
	left: 30%;
	cursor: pointer;
	transition: all 1s cubic-bezier(0.5, -0.01, 0, 1.005);
	margin: 0 auto;
	text-align: center;
}

.section-eight .container-dp-name .box-dpname.hide-dp-bottom {
	opacity: 0;
	-webkit-transform: translateX(0%) translateY(100%) rotateX(-70deg);
	-moz-transform: translateX(0%) translateY(100%) rotateX(-70deg);
	-ms-transform: translateX(0%) translateY(100%) rotateX(-70deg);
	-o-transform: translateX(0%) translateY(100%) rotateX(-70deg);
	transform: translateX(0%) translateY(100%) rotateX(-70deg);
}

.section-eight .container-dp-name .box-dpname.hide-dp-top {
	opacity: 0;
	transform: translateX(0%) translateY(-100%) rotateX(70deg);
}

.section-eight .container-dp-name .box-dpname.look {
	opacity: 1;
	-webkit-transform: translateX(0%) translateY(0%) rotateX(0deg);
	-moz-transform: translateX(0%) translateY(0%) rotateX(0deg);
	-ms-transform: translateX(0%) translateY(0%) rotateX(0deg);
	-o-transform: translateX(0%) translateY(0%) rotateX(0deg);
	transform: translateX(0%) translateY(0%) rotateX(0deg);
}

@media screen and (max-width: 767px) {
	.sec-eight-text-area {
		padding: 10px 0 10px 0;
	}
	.section-eight .container-pe-quote {
		position: relative;
		height: 500px;
		top: 0px;
		z-index: 1;
		max-width: 300px;
		margin: -70px auto 0;
	}
}

@media screen and (max-width: 480px) {
	.section-eight {
		position: relative;
	}
	.section-eight .bottom-ani-cs {
		position: absolute;
		top: 150px;
		right: 16px;
	}
	.section-eight .container-pe-quote .li-quote-2 {
		left: 60px;
		top: 270px;
	}
	.section-eight .container-pe-quote .li-quote-6 {
		right: 100px;
		top: 179px;
	}
	.section-eight .container-pe-quote .li-quote-8 {
		height: 43px;
		width: 43px;
		left: 0px;
		top: 220px;
	}
	.section-eight .container-pe-quote .li-quote-3 {
		left: 0;
	}
	.section-eight .container-quote {
		height: 205px;
		overflow: hidden;
		overflow-y: auto;
	}
	.sec-eight-text-area {
		padding: 10px 0 100px 0;
	}
}

.testmunial-section-are h5 {
	text-align: center;
	margin: 0 auto;
	font-family: 'Roboto', sans-serif;
	color: #6f6f6f;
	line-height: 1.8;
	font-size: 15px;
	font-weight: 500;
}

.testmunial-section-are h2 {
	font-size: 36px;
	font-weight: 500;
	line-height: 36px;
	margin: 15px 0 20px;
	color: #2c2c2c;
	text-align: center;
	font-family: 'Roboto', sans-serif;
}

.testmunial-section-are {
	float: left;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 50px 0px 50px;
}
.mobile-tab-images{
	width: 50%;
}

/*------------------------------------ responsive ----------------------------*/


/*------------ mobile screen  ----------------*/

@media only screen and (min-width:320px) and (max-width:680px) {
	.line-section {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		display: none;
	}
	.md-container {
		max-width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		height: 100%;
	}
	.md-row {
		margin-right: 0;
		margin-left: 0;
		height: 100%;
		width: 100%;
	}
	.line-section .grid-wrapper {
		max-width: 100%;
		margin: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: -1;
	}
	.line-4 {
		right: 25px;
	}
	.top-first-section {
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.left-side-section {
		max-width: 100%;
		width: 100%;
	}
	.first-logo {
		padding: 0px 0px 30px;
		margin: 0;
	}
	.second-logo {
		padding: 0px 0px 40px;
		margin: 0;
	}
	.right-side-section {
		padding: 0;
		width: 100%;
		max-width: 100%;
	}
	
	.middale-side-section {
		display: none;
	}
	.images-box-section {
		width: 100% !important;
		height: 100px;
		line-height: 100px;
		margin: 0 auto !important;
		padding-top: 20px !important;
	}
	
	
	.main-text-section ul li h5 {
		font-size: 35px;
		padding-left: 30px;
	}
	.main-text-section ul li h5 span {
		top: calc(50% - 8px);
		left: 0;
		font-size: 18px;
		font-weight: bold;
		line-height: 15px;
	}
	.main-text-section ul li p {
		font-size: 14px;
	}
	.main-text-section ul li {
		margin-bottom: 40px;
	}
	.images-box-top-section .images-box-section {
		width: 40%;
		height: 100%;
		margin: 0 10px;
		line-height: unset;
		margin-bottom: 20px;
		text-align: center;
	}
	.second-images-box-section .images-box-section {
		margin: 0 auto;
		width: 100%;
		height: 200px;
		line-height: 19;
		text-align: center;
	}
	.second-images-box-section .images-box-section img {
		margin: 0 auto;
		text-align: center;
		padding-right: 0px;
	}
	.services-projecc {
		padding: 50px 0px;
	}
	.main-text-section ul {
		margin-bottom: 60px;
	}
	.container.slider-main-section img {
		height: 100%;
	}
	.text-section-slider-area {
		position: absolute;
		top: 0px;
		left: 30px;
		width: 70%;
		transform: unset;
	}
	.text-section-slider-area h1 {
		font-size: 4vw;
		line-height: 15px;
		margin-bottom: 1px;
	}
	.text-section-slider-area p {
		font-size: 10px;
		line-height: 13px;
		padding-top: .5rem!important;
		transform-origin: 50% 50% 0px;
		margin-bottom: 0px !important;
		padding-bottom: 5px !important;
	}
	.text-section-slider-area p span {
		font-size: 11px;
		line-height: 11px;
		padding-top: 1rem!important;
		margin-bottom: 0px;
	}
	.text-section-slider-area a {
		margin-top: 0px;
		padding-left: 0px;
		padding-right: 0px;
		height: 30px;
		letter-spacing: 0;
		margin: 0;
		min-width: 24px;
		line-height: 31px;
		padding: 0 10px;
		border-radius: 50px;
		float: left;
		font-size: 11px;
	}
	.container.slider-main-section .slick-dots li {
		width: 15px;
		height: 0px;
		margin: 0 5px;
	}
	.slider-bottom-text-section h2 {
		font-size: 20px;
		margin-bottom: 20px;
		font-weight: 500;
		line-height: 30px;
	}
	.slider-bottom-text-section p {
		font-size: 15px;
		line-height: 25px;
		width: 100%;
	}
	.text-third-section {
		float: left;
		margin: 0;
		padding: 20px 0px;
		width: 100%;
	}
	.text-third-section h2 {
		font-size: 30px;
		margin-bottom: 20px;
	}
	.text-third-section p {
		font-size: 17px;
		line-height: 30px;
	}
	.about-us-section {
		padding: 50px 0px;
		margin-top: 0px;
		margin-bottom: 30px;
	}
	.about-us-section h5 {
		font-size: 16px;
		letter-spacing: 0px;
		margin-bottom: 0px;
	}
	.about-us-section h4 {
		font-weight: 700;
		margin-top: 0;
		margin-bottom: 0;
		line-height: 65px;
		font-size: 40px;
	}
	.about-us-section p {
		margin-top: 10px;
		line-height: 25px;
		font-size: 14px;
		width: 100%;
	}
	.about-us-section a {
		border-radius: 5px;
		padding: 0 36px;
		border-width: 1px;
		font-size: 15px;
		line-height: 44px;
		height: 44px;
		margin-top: 10px;
		margin-bottom: 40px;
	}
	.main-images-section {
		position: relative;
		margin: 0;
		padding: 0px;
		width: 100%;
	}
	.images-box-bottomn.third-images {
		position: absolute;
		margin: 0;
		padding: 0;
		bottom: 0%;
		width: 40%;
		top: 100%;
	}
	.four-images {
		right: 0;
		width: 30%;
		margin: 0;
		padding: 0;
		top: 100%;
	}
	.images-box-section-main {
		padding: 0;
		width: 100%;
		padding-top: 90px;
		padding-bottom: 20px;
	}
	.top-port-section h4 {
		font-size: 14px;
		letter-spacing: 3px;
		margin-bottom: 10px;
	}
	.top-port-section h2 {
		margin-top: 0;
		margin-bottom: 0;
		line-height: 35px;
		font-size: 25px;
	}
	.tabs {
		width: 60%;
		margin-bottom: 50px;
	}
	.tabs__button {
		font-size: 13px;
		line-height: 1.3;
		letter-spacing: 1px;
		margin: 0 auto;
		padding: 20px 20px 20px;
		min-width: 100%;
		border-radius: 5px !important;
		margin-right: 0px;
		margin-bottom: 10px;
	}
	.tab-text-section-port {
		width: 100%;
		margin-top: 20px;
		margin-bottom: 50px;
	}
	.testmunial-section-are {
		padding: 30px 0px 30px;
	}
	.testmunial-section-are h2 {
		font-size: 25px;
		line-height: 36px;
		margin: 5px 0 10px;
	}
	.section-eight .container-pe-quote .li-quote-2 {
		left: 50%;
		top: 30%;
	}
	.section-eight .container-pe-quote {
		height: 220px;
		top: 0px;
		max-width: 300px;
		margin: 0px auto 0;
	}
	.section-eight .container-pe-quote .li-quote-3 {
		left: 0;
		top: 0;
	}
	.section-eight .container-dp-name {
		margin-top: 0px;
		perspective: 10000px;
		height: 100%;
	}
	.sec-eight-text-area h1 {
		font-size: 12px;
		font-weight: 600;
		margin-left: 10px;
		line-height: 20px;
	}
	.sec-eight-text-area img {
		width: 25%;
		float: left;
		margin: 0;
	}
	.section-eight .container-pe-quote .li-quote-4 {
		height: 73px;
		width: 73px;
		right: -15px;
		top: 0;
	}
	.section-eight .container-pe-quote .li-quote-5 {
		height: 73px;
		width: 73px;
		right: 40%;
		top: 0;
	}
	.section-eight .container-pe-quote .li-quote-6 {
		right: 80%;
		top: 0;
	}
	.section-eight .container-pe-quote .li-quote-7 {
		height: 48px;
		width: 48px;
		right: 70%;
		top: 30%;
	}
	.one-up>.image, .one-up .item>.image, .one-up .text-wrapper {
		width: 100%;
		float: left;
	}
	.one-up-medium.-display-mode-tall-standard .text-wrapper .headline {
		font-size: 2.25rem;
		line-height: 2.75rem;
	}
}


/*------------ tablet screen  ----------------*/

@media only screen and (min-width:681px) and (max-width:1080px) {
	.text-section-slider-area {
		top: 21%;
		left: 8%;
		width: 60%;
		transform: unset;
	}.second-comdoun .text-drow-fllow-section {
		margin: 0 !important;
		padding: 0 !important;
		width: 35% !important;
		float: right !important;
		text-align: right !important;
	}

	.second-comdoun sup {float: left;right: 0%;position: relative;}

	.second-comdoun span.project-compled {
		top: 0;
		right: 0px;
	}
	.text-section-slider-area h1 {
		font-size: 4vw;
		font-weight: 600;
		line-height: 1.2;
		margin-bottom: 5px;
	}
	.text-section-slider-area p {
		font-size: 15px;
		line-height: 25px;
		max-width: 600px;
		padding-top: .5rem!important;
		margin-bottom: 0px;
		margin-bottom: 0px !important;
	}
	.srocll-down {
		margin-top: -10px;
	}
	.test {
		left: 53%;
		bottom: 0;
		font-size: 16px;
		width: 20px;
		height: 40px;
		line-height: 40px;
	}
	.text-section-slider-area p span {
		font-size: 15px;
		line-height: 25px;
		max-width: 600px;
		padding-top: 0rem!important;
	}
	.text-section-slider-area a {
		margin-top: 40px;
		padding-left: 0;
		padding-right: 0;
		height: 30px;
		letter-spacing: .64px;
		margin: 10px 0px;
		min-width: 50px;
		line-height: 31px;
		padding: 0 10px;
		border-radius: 50px;
		display: inline-block;
		font-size: 11px;
		font-weight: 500;
	}
	.slider-bottom-text-section {
		margin: 0px;
		padding: 0px 0px;
		width: 100%;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.slider-bottom-text-section h2 {
		font-size: 20px;
		margin-bottom: .5rem;
		font-weight: 500;
		padding: 0px 30px;
	}
	.slider-bottom-text-section p {
		font-size: 15px;
		line-height: 25px;
		width: 100%;
		padding: 0px 30px;
	}
	.left-side-section {
		max-width: 100%;
		width: 100%;
	}
	.first-logo {
		padding: 0px 0px 0px;
		margin: 0;
		float: left;
		width: 45%;
	}
	.line-bareker{
		display: none;
	}.main-crical{
		display: none;
	}
	.second-logo {
		padding: 0px 0px 0px;
		float: left;
		margin: 0;
		width: 45% !important;
	}
	.md-container {
		max-width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}
	.middale-side-section {
		display: none;
	}
	.text-third-section h2 {
		font-size: 28px;
	}
	.text-third-section p {
		font-size: 16px;
		line-height: 30px;
		color: #606060;
	}
	.right-side-section {
		float: left;
		margin: 0 auto;
		padding: 0;
		width: 100%;
		max-width: 100%;
	}
	.text-third-section {
		float: left;
		margin: 0;
		padding: 0px;
		width: 100%;
	}
	
	.images-box-section.last-images {
		width: 50% !important;
		margin: 0 auto;
		margin-top: 40px !important;
	}
	.text-drow-fllow-section {
		width: 18% !important;
		right: 0% !important;
		top: 45% !important;
		float: left !important;
		text-align: left !important;
	}
	.images-box-section {
		margin: 0 auto;
		width: 100% !important;
		height: 100px;
		line-height: 10px;
		text-align: center;
		margin-bottom: 0px !important;
		margin-top: 0px !important;
	}
	
	
	.about-us-section {
		padding: 50px 15px;
		width: 100%;
		margin: 0 !important;
		margin-bottom: 50px !important;
	}
	.about-us-section h5 {
		font-size: 14px;
		letter-spacing: 3px;
		text-transform: uppercase;
		line-height: 15px;
		margin-top: 0;
		margin-bottom: 0px;
	}
	.about-us-section h4 {
		margin-top: 20px;
		margin-bottom: 0;
		line-height: 35px;
		font-size: 40px;
	}
	.about-us-section p {
		margin-top: 30px;
		line-height: 1.74;
		font-size: 15px;
		width: 100%;
	}
	.about-us-section a {
		border-radius: 5px;
		padding: 0 36px;
		font-size: 15px;
		margin-top: 20px;
		margin-bottom: 50px;
	}
	.main-images-section {
		margin: 0 auto;
		padding: 0;
		width: 60%;
		padding-top: 20px;
		padding-bottom: 0px;
	}
	.images-box-top {
		width: 30%;
		top: 0;
	}
	.images-box-bottomn.third-images {
		width: 30%;
		top: 70%;
	}
	.four-images {
		right: 0;
		width: 25%;
		margin: 0;
		padding: 0;
		top: 71%;
	}
	.services-projecc {
		padding: 100px 15px;
		width: 100%;
	}
	.main-text-section ul li h5 span {
		font-size: 18px;
		top: calc(50% - 8px);
		left: 0;
	}
	.main-text-section ul li h5 {
		font-size: 40px;
		padding-left: 30px;
	}
	.main-text-section ul li p {
		font-size: 18px;
		margin-bottom: 0;
		line-height: 25px;
		margin-top: 20px;
	}
	.images-box-top-section .images-box-section {
		width: 150px;
		height: 150px;
		margin-right: 0px;
	}
	.top-port-section {
		margin: 0;
		padding: 50px 0px;
		width: 100%;
	}
	.top-port-section h4 {
		font-size: 15px;
		letter-spacing: 3px;
		margin-bottom: 10px;
		line-height: 1.43;
		margin-top: 0;
	}
	.top-port-section h2 {
		margin-top: 0;
		margin-bottom: 0;
		line-height: 35px;
		font-size: 30px;
	}
	.tabs {
		margin: 0 auto;
    width: 100%;
    margin-bottom: 50px;
    display: block;
	}
	.tabs__button {
		font-size: 14px;
		line-height: 1.3;
		padding: 15px 15px 15px;
		min-width: 170px;
		margin-right: 5px;
		margin-top: 10px;
	}
	.tab-text-section-port {
		margin-top: 10px;
		margin-bottom: 40px;
	}
	.section-eight .container-pe-quote .li-quote-2 {
		height: 40px;
		width: 40px;
		left: 30px;
		top: 0;
	}
	.section-eight .container-pe-quote .li-quote-1 {
		height: 70px;
		width: 70px;
		left: 40px;
		top: 70px;
	}
	.section-eight .container-pe-quote .li-quote-3 {
		height: 40px;
		width: 40px;
		left: 40px;
		top: 150px;
	}
	.section-eight .container-pe-quote .li-quote-4 {
		height: 53px;
		width: 53px;
		right: 15px;
		top: 0px;
	}
	.section-eight .container-pe-quote .li-quote-6 {
		height: 45px;
		width: 45px;
		right: 48px;
		top: 70px;
	}
	.section-eight .container-pe-quote .li-quote-5 {
		height: 43px;
		width: 43px;
		right: 38px;
		top: 165px;
	}
	.testmunial-section-are {
		padding: 50px 0px 0px;
	}
	.testmunial-section-are h2 {
		font-size: 30px;
		line-height: 35px;
		margin: 15px 0 20px;
	}
}


/*------------ tablet screen  ----------------*/

@media only screen and (min-width:1200px) and (max-width:1600px) {
	.text-section-slider-area {
		top: 15%;
		left: 10%;
		width: 54%;
		transform: unset;
		-webkit-transform: unset;
		-moz-transform: unset;
		-ms-transform: unset;
		-o-transform: unset;
	}
	.text-section-slider-area h1 {
		font-size: 5vw;
		line-height: 1.0;
		margin-bottom: 30px;
	}
	.left-side-section {
		max-width: 25%;
	}
	.first-logo {
		padding: 0px 20px 30px;
	}
	.second-logo {
		padding: 20px 0px 20px;
	}
	.right-side-section {
		max-width: 45%;
	}
	.middale-side-section {
		max-width: 30%;
	}
	
	.main-crical {
		margin: 0;
		padding: 0;
		position: relative;
	}
	.images-logo {
		position: absolute;
		margin: 0;
		padding: 0;
		width: 20%;
		right: 57%;
		top: 35%;
	}
	.main-crical svg {
		top: -35px !important;
		margin: 0;
		padding: 0;
		right: 20% !important;
		margin-top: 0;
		width: 100%;
	}
	.main-crical {
		width: 100%;
		overflow: unset;
	}
	
	.second-row-bottom {
		float: left;
		margin: 0;
		padding: 0px 15px;
		width: 100%;
	}
	.images-box-section {
		width: 100%;
		height: 200px;
		line-height: 200px;
	}
	
	
	.images-box-section {
		width: 100%;
		height: 250px;
		line-height: 140px;
		padding: 0px;
	}
	.about-us-section {
		padding: 50px 15px;
		margin-top: 50px;
		margin-bottom: 50px;
		padding-left: 35px;
		padding-left: 5vw;
		padding-right: 5vw;
	}
	.about-us-section h5 {
		font-size: 15px;
		letter-spacing: 3px;
		line-height: 25px;
		margin-top: 0;
		margin-bottom: 0px;
	}
	.about-us-section h4 {
		margin-top: 10px;
		margin-bottom: 0px;
		line-height: 1.41;
		font-size: 40px;
	}
	.op-eight-section {
		padding-left: 5vw;
		padding-right: 5vw;
	}
	.testmunial-section-are {
		padding-left: 5vw;
		padding-right: 5vw;
	}
	.services-projecc {
		padding-left: 5vw;
		padding-right: 5vw;
	}
	.services-main-section {
		padding-left: 5vw;
		padding-right: 5vw;
	}
	.text-third-section {
		padding-left: 0vw;
    padding-right: 0vw;
    width: 100%;
    float: none;
	}
	.slider-bottom-text-section {
		padding-left: 5vw;
		padding-right: 5vw;
	}
}
.services-area-iogoos {
	width: 100%;
	position: relative;
	margin: 0px 0px;
	display: block;
}

.shopy {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
.new-home-v2-pages {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
.new-home-v2-pages .col-lg-3,
.new-home-v2-pages .col-lg-6,
.new-home-v2-pages .col-lg-9{
	float: left;
}
.new-home-v2-pages .hrr {
	float: left;
}
.new-home-v2-pages .left-img .img_1 {
	position: relative;
	top: 20%;
	left: 0;
	width: 100%;
}
.new-home-v2-pages .left-img .img_2 {
	position: relative;
	width: 60%;
	top: 0;
	left: 20%;
}
.new-home-v2-pages .tenstats {
	float: left;
	width: 100%;
}

.new-home-v2-pages .tenstats .hub img {
	position: relative;
	top: 80px;
	left: 0;
	width: auto;
	transform: none;
}
.new-home-v2-pages .Essence {
	float: left;
}
.new-home-v2-pages .satisfied-customers-section {
	float: left;
	width: 100%;
}
button.slick-next.slick-arrow {
	display: none !important;
	margin: 0;
	padding: 0;
}
.first-images-section {
	width: 100%;
	margin: 0;
	padding: 0;
	
}

.second-images-section {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}
button.slick-prev.slick-arrow {
	display: none !important;
	margin: 0;
	padding: 0;
}

@font-face {
	font-family: 'DINCondensed-Bold';
	src: url('../font/DINCondensed-Bold.eot?#iefix') format('embedded-opentype'),  url('../font/DINCondensed-Bold.woff') format('woff'), url('../font/DINCondensed-Bold.ttf')  format('truetype'), url('../font/DINCondensed-Bold.svg#DINCondensed-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}
.new-services-cone-section {
	float: left;
	width: 100%;
	margin-top: 0px !important;
}

/*----------- services-main-section ---------------*/
.services-slider-section{
	float: left;
	width: 100%;
}
.main-services-coundown {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	z-index: 1;
	position: relative;
}
.main-services-coundown img{
	width: 100%;
}

.first-logo {
	margin-bottom: 10px;
	padding: 0px;
	margin-top: 20px;
}

.second-logo {
	width: 100%;
	margin: 0;
	padding: 20px;
}

.md-container-full {
	padding-left: 5vw;
	padding-right: 5vw;
	width: 100%;
	max-width: 100%;
	display: inline-block;
}

.first-logo img {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.second-logo img {
	width: 90%;
}

.main-crical {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
}

.main-crical .images-logo {
	position: absolute;
	margin: 0;
	padding: 0;
	text-align: right;
	width: 100%;
}

.main-crical svg {
	position: absolute;
	top: -50px;
	right: 0%;
	-webkit-animation: rotate 4s infinite linear;
}
.main-crical textPath {
	font-family: "Helvetica Neue WGL";
	font-size: 14.5px;
	color: #000;
	letter-spacing: 1px;
	opacity: 1;
}
.main-crical .images-logo img {
	width: 22%;
	filter: invert(1);
	right: 25%;
	position: relative;
	top: 75px;
}

.main-crical text {
	color: #000;
	position: relative;
	margin: 0;
	padding: 0;
	font-weight: 500;
}.images-box-section {
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}

.line-bareker {
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	float: left;
	width: 100%;
}
/*------------ computer screen  ----------------*/

@media only screen and (min-width:1400px) and (max-width:1800px) {
	.main-crical .images-logo img {
		width: 22%;
		right: 0%;
		top: 75px;
	}
	.first-images-section {
		margin-bottom: 0px;
		margin-top: 0px;
	}
	.second-images-section {
		margin: 0;
		padding: 0;
	}	
	.first-comdoen .text-drow-fllow-section sup {
		top: -70px;
		right: 10% !important;
	}
	.second-comdoun .text-drow-fllow-section {
		width: 60%;
		top: 42%;
		right: 0 !important;
	}.second-comdoun .text-drow-fllow-section sup {
		position: relative;
		right: 0;
		width: 70%;
		text-align: right;
	}
	.second-comdoun .project-compled {
		top: 60px;
		right: 5%;
	}
}

/*------------ mobile screen  ----------------*/

@media only screen and (min-width:320px) and (max-width:680px) {
	.back-move-new-chnages {
		background: linear-gradient(45deg,#1969b1,#00a8ea) !important;
	}
	.header.global-header.sticky .back-move-new-chnages{
		background: linear-gradient(45deg,#1969b1,#00a8ea) !important;
	}
	.slider-to-home-pages {
		margin-top: 80px;
	}
	.container.slider-main-section ul.slick-dots {
		left: -55px;
		bottom: 40%;
	}
	.container.slider-main-section .slick-dots li button {
		width: 5px;
		height: 5px;
		padding: 0px
	}
	.srocll-down {
		margin-top: -10px;
	}
	.test {
		font-size: 20px;
		width: 20px;
		height: 30px;
		line-height: 30px;
	}

	
	
	
	.main-crical {
		height: 200px;
		display: none;
	}
	.main-crical .images-logo img {
		width: 25%;
		right: 33%;
	}
	.line-bareker {
		margin-top: 0;
		margin-bottom: 0;
	}
	.md-container-full {
		padding-left: 2vw;
		padding-right: 5vw;
	}
	.second-comdoun .text-drow-fllow-section {
		width: 30%;
		float: right;
		text-align: right;
		top: 46%;
		right: -10px !important;
	}
	.second-comdoun  .text-drow-fllow-section sup {
		text-align: right;
		float: left;
		margin-left: 48px;
	}
	.op-eight-section .md-container {
		display: block;
	}
	.op-eight-section {
		height: 100%;
	}
}
/*------------ small destop screen  ----------------*/
@media only screen and (min-width:1081px) and (max-width:1200px) {
	.first-logo {
		width: 100%;
	}
	.second-logo {
		width: 100% !important;
	}
	.main-crical .images-logo {   
    right: 39%;
}
	.main-crical {
		display: none !important;
	}
	.main-crical svg {
		top: -70px;
	}
	.main-crical .images-logo img {
		width: 35%;
		right: 52%;
		top: 55px;
	}
	.first-images-section {
		float: left;
		width: 100% !important;
		padding: 0px 0px !important;
	}
	.second-images-section {
		float: left !important;
		width: 100% !important;
		padding: 50px 0px !important;
	}
	.first-comdoen .counting {
		text-align: center !important;
	}
	.first-comdoen .text-drow-fllow-section {
		width: 35% !important;
		top: 68% !important;
	}
	
	.second-comdoun .text-drow-fllow-section sup {
		font-size: 55px;
	}
	.images-box-section.last-images {
		width: 100% !important;
		margin-top: 40px !important;
	}

}

/*------------ middle screen  ----------------*/
@media only screen and (min-width:1300px) and (max-width:1400px) {
	.main-crical .images-logo img {
		width: 22%;
		filter: invert(1);
		right: 0%;
		position: relative;
		top: 95px;
	}
	.second-comdoun .text-drow-fllow-section {
		width: 22%;
		float: right !important;
		text-align: right !important;
	}
	.first-images-section {
		width: 100%;
		margin: 0;
		padding: 0;
		margin-bottom: 0;
		margin-top: 0;
	}
	.second-comdoun sup {
		top: 0;
	}
	.second-comdoun .counting {
		padding-right: 0;
		margin-right: 0;
		padding-left: 0;
	}
	.first-comdoen sup {
		text-align: center;
		width: 70%;
		float: right;
		margin-bottom: 40px;
	}
	.first-images-section {
		margin-bottom: 0;
		margin-top: 0;
	}
	.line-bareker {
		margin-top: 0;
		margin-bottom: 0;
		float: left;
		width: 100%;
	}
	.second-comdoun .project-compled {
		right: 0;
	}
	.tabs {
		width: 100%;
    display: block;
	}
}
/*-----------------  largest size ----------*/
@media only screen and (min-width:2000px) and (max-width:2800px) {
	.tabs {
		width: fit-content;
		margin-bottom: 50px;
	}
}
@media only screen and (min-width:1000px) and (max-width:1200px) {
	.first-logo {
		width: 100%;
	}
	.second-logo {
		width: 100% !important;
	}
	
	.text-drow-fllow-section sup {
		font-size: 70px;
	}	
	.first-images-section {
		width: 100% !important;    
		padding: 0px 0px !important;
	}	
	.second-images-section {
		width: 100% !important;
		padding: 0px 0px !important;
		margin-top: 50px !important;
	}	
	.first-comdoen .counting {
		text-align: center;
	}
	.first-comdoen .text-drow-fllow-section {
		width: 33% !important;
		top: 68% !important;
	}	
	.text-drow-fllow-section span {
		line-height: 25px !important;
	}	
	.second-comdoun .counting {
		padding-right: 0 !important;
		margin-right: 0 !important;
	}	
	.second-comdoun .text-drow-fllow-section {
		margin: 0 !important;
		padding: 0 !important;
	}	
	.images-box-section.last-images {
		width: 100% !important;
	}
	.second-comdoun .text-drow-fllow-section {
		width: 7%;
	}
	.second-comdoun sup {
		top: 0;
	}
	.first-images-section {
		margin-bottom: 0px;
		margin-top: 0px;
	}
}

.contct-us-from{
	float: left;
	width: 100%;
}
.about-us-to-iogoos-home-pages{
	float: left;
	width: 100%;
}

/*----------------- thank you section -------------------*/

.thnakyou-pages {
	background: linear-gradient(45deg, #000000cf, #000000c2), #000 url(../images/services-thnak-you.jpg);
	width: 100%;
	height: 100vh;
	margin: 0 auto;
	padding: 0;
	position: fixed;
	z-index: 9999;
	background-size: cover;
	background-position: center;
}

.thankyou-section {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	max-width: 80%;
	padding: 50px;
	background: #fff;
	border-radius: 4px;
	position: relative;
	top: 20vh;
}

.images-thnak {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	max-width: 35%;
	margin-bottom: 0px;
}

.images-thnak img {
	width: 100%;
	margin: 0;
	padding: 0;
}

.thankyou-section h1 {
	font-size: 6vh;
	font-family: 'Futura PT Demi';
	text-transform: uppercase;
	color: #393767;
	font-weight: 600;
	margin: 0;
	margin-bottom: 0px;
}

.thankyou-section p {
	width: 100%;
	margin: 0 auto;
	max-width: 55%;
	line-height: 30px;
	font-family: 'Futura PT Demi';
	font-size: 18px;
}

.thankyou-section h4 {
	font-family: 'Futura PT Demi';
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: bold;
	color: #393767;
}
.thankyou-section a {
	margin: 0 auto;
	text-align: center;
	padding: 5px 20px;
	border: 1px solid #393767;
	border-radius: 4px;
	margin-top: 30px;
	display: inline-block;
	font-size: 16px;
	color: #393767;
}
@media only screen and (max-width: 680px) {
	.thankyou-section {
		max-width: 100%;
		padding: 20px;
		top: 10vh;
	}
	.images-thnak {
		max-width: 60%;
	}
	.thankyou-section p {
		line-height: 25px;
		font-size: 16px;
	}
}
@media only screen and (max-width: 1080px) {
	.images-thnak {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		max-width: 50%;
		margin-bottom: 0px;
	}
	.thankyou-section {
		top: 15vh;
	}
	.thankyou-section p {
		font-size: 18px;
		max-width: 100%;
	}
	.thankyou-section h1 {
		font-size: 4vh;
		margin: 0;
		margin-bottom: 0px;
	}

}
@media only screen and (max-width: 1600px) {
	.second-comdoun .text-drow-fllow-section {
		width: 40%;
		top: 42%;
		right: 0 !important;
	}
}
@media only screen and (max-width: 1750px) {
	.text-drow-fllow-section {
		right: 0%;
	}
	
	
	}
	.main-crical .images-logo img {
		width: 25%;
		right: 0%;
	}
	.second-comdoun .text-drow-fllow-section sup {
		width: 50%;
	}
}

@media only screen and (max-width: 1400px) {
	.text-third-section h2 {
		font-size: 54px;
	}
	.second-comdoun sup {
		float: right;
		width: 70%;
	}
	.main-crical .images-logo img {
		right: 7%;
	}
}
.port p.port-text {
	padding-left: 20px !important;
}
a.call-btn-top-slider {
	font-weight: bold;
	margin: 0;
	padding: 0px 20px;
	margin-left: 20px;
	border: 1px solid #fff;
	font-size: 20px;
}
@media only screen and (max-width: 1400px) {
	.second-comdoun .project-compled {
		right: 20%;
	}
	.second-comdoun .text-drow-fllow-section sup {
		text-align: left;
	}
	
}

/*------------ new chnages iogoos main pages -------------------*/
.new-home-v2-pages {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0px 0px 50px 0px;
	z-index: 3;
	position: relative;
}
.background-remove-top-section {
	background: #fff;
	margin: 0;
	padding: 0;
	width: 100%;
}
.background-remove-top-section:after {
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 100%;
	height: 100%;
	z-index: 0;
}
.background-remove-top-section h1 {
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
}
.portpoliyo-main-show-hifddin {
	width: 55%;
	top: 43%;
}
.portpoliyo-main-show-hifddin ul li {
	width: calc(100% / 3);
}
.filletr-icone span .fa {
	font-size: 18px;
	line-height: 28px;
}
.background_remove_main-section:after {
	background: #fff !important;
}
.left-section a.home-support {
	padding: 11px 30px;
}
.right-details a.home-support {
	padding: 11px 20px;
}
.mid-section:before {
	right: -40px;
}
.mid-section:after {
	left: -50px;
}
.mid-section:after, .mid-section:before {
	-webkit-transform: skew(
		8deg
	);
	-moz-transform: skew(8deg);
	-o-transform: skew(8deg);
	transform: skew(
		8deg
	);
}
.main-port-container{
	max-width: 1350px;
}
.background-remove-top-section{
	padding-bottom: 0px !important;
}
.portfolio-fillter {
	width: 55px;
	top: 33%;
	padding: 0 10px;
}
.portpoliyo-main-show-hifddin {
	width: 50%;
	top: 37%;
}
@media only screen and (max-width: 680px) {
	.portpoliyo-main-show-hifddin {
		width: 95% !important;
		top: 37% !important;
		overflow: auto !important;
		height: 300px !important;
		left: 2% !important;
		box-shadow: 0px 5px 10px #9c9c9c;
	}
	.hello-bittu {
		padding: 130px 0px 0px 0px !important;
	}
	.portfolio-fillter {
		top: 32%;
		padding: 0 10px;
	}
	.portpoliyo-main-show-hifddin ul li {
		width: calc(100% / 2);
	}
	.portpoliyo-main-show-hifddin ul li a {
		line-height: 25px;
	}
}
@media only screen and (max-width: 1080px) {
	.hello-bittu {
		padding: 130px 0px 0px 0px !important;
	}
	.main-port-container {
		max-width: 95% !IMPORTANT;
	}
	.portfolio-fillter {
		width: 55px;
		top: 32%;
		padding: 0px 5px;
	}
	.portpoliyo-main-show-hifddin {
		width: 75%;
		top: 37%;
		height: 350px;
		overflow: auto;
	}
	.portpoliyo-main-show-hifddin ul li a {
		line-height: 25px;
		font-size: 14px;
	}
}
.icon-div span:last-child {
	font-size: 12px;
	display: block;
	margin-top: 8px;
	padding-left: 10px;
}
.text-third-section p {
	color: #252525;
	font-weight: 500;
}