@charset "UTF-8";
/*-------------------------------------------------------
    Note: This is Main Style Scss File.
---------------------------------------------------------
	CSS INDEX
	===================
    01. Common
    02. Header
    03. Banner
    04. Service
    05. Feature
    05. Portdoliof
    07. Counter
    08. Team
    09. Testimonial
    10. Call to action
    11. Latest Post
    12. About
    13. Why Choose
    14. Contact

-----------------------------------------------------------------------------------*/

/*=======  COMMON CSS  =======*/
@import url("https://fonts.googleapis.com/css?family=Karla:400,400i,600,700,700i&display=swap");
@import url('httos://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');


@font-face {
	font-family: "GilroyBold";
	src: url("../fonts/GilroyBold.eot");
	src: url("../fonts/GilroyBold.eot") format("embedded-opentype"), url("../fonts/GilroyBold.woff2") format("woff2"), url("../fonts/GilroyBold.woff") format("woff"), url("../fonts/GilroyBold.ttf") format("truetype"), url("../fonts/GilroyBold.svg#GilroyBold") format("svg");
}
@font-face {
	font-family: 'Open Sans', sans-serif;
	src: url("../fonts/OpenSans-Regular.eot");
	src: url("../fonts/OpenSans-Regular.eot") format("embedded-opentype"), url("../fonts/OpenSans-Regular.woff2") format("woff2"), url("../fonts/OpenSans-Regular.woff") format("woff"), url("../fonts/OpenSans-Regular.ttf") format("truetype"), url("../fonts/OpenSans-Regular.svg#GilroyBold") format("svg");
}
body {
	font-weight: 400;
	font-style: normal;
	overflow-x: hidden;
	font-size: 15px;
	line-height: 1.7;
	font-family: 'Open Sans', sans-serif;
	/* font-family: "GilroyBold"; */
	/* font-family: "Poppins",sans-serif; */
	/* font-family: "Karla", sans-serif,; */
	color: #616161;
	overflow-x: hidden;
}

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

img {
	max-width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

a:focus,
.slick-initialized .slick-slide:focus,
input:focus,
textarea:focus,
select:focus,
button:focus {
	text-decoration: none;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

::-webkit-scrollbar {
	background-color: #ccc;
	width: 8px;
	height: 4px;
}

::-webkit-scrollbar-thumb {
	background-color: #002249;
}

.slick-slide img {
	display: inline-block;
}

a:focus,
a:hover {
	text-decoration: none;
}

i,
span,
a {
	display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
	margin: 0px;
	color: #1f1d1eeb;
	/* #002249; */
	font-family: "GilroyBold";
}

ul,
ol {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

p {
	margin: 3px;
}

p.text-color-2 {
	font-size: 17px;
	color: #525050;
}

@media(max-width:992px) {
	p.text-color-2 {
		font-size: 16px;
	}
}

@media(max-width:768px) {
	p.text-color-2 {
		font-size: 15px;
	}
}

@media(max-width:425px) {
	p.text-color-2 {
		font-size: 14px;
	}
}

p.text-color-3 {
	font-size: 17px;
	color: #525050;
}

p.text-color-4 {
	color: #525050;
	text-align: justify;
	font-size: 17px;
	font-weight: 180;
}

@media(max-width:992px) {
	p.text-color-4 {
		font-size: 17px;
		font-weight: 400;
	}
}

@media(max-width:768px) {
	p.text-color-4 {
		font-size: 16px;
	}
}

@media(max-width:425px) {
	p.text-color-4 {
		font-size: 14px;
	}
}

p.text-color-5 {
	color: #000;
	font-size: 15px;
	font-weight: 200;
}

p.fs-16 {
	font-size: 16px;
}

a {
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	color: #0c59db;
	text-decoration: none;
}

/*======= Input Styles =======*/
input,
textarea,
select {
	width: 100%;
	height: 70px;
	background-color: #fff;
	color: #484b4d;
	padding: 0 30px;
	font-size: 16px;
	border: none;
}

textarea {
	height: 170px;
	display: inherit;
	padding-top: 20px;
}

.textarea-sub {
	height: 70px;
	display: inherit;
	padding-top: 20px;
}

::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
}

::-moz-placeholder {
	color: inherit;
	opacity: 1;
}

:-ms-input-placeholder {
	color: inherit;
	opacity: 1;
}

::-ms-input-placeholder {
	color: inherit;
	opacity: 1;
}

::placeholder {
	color: inherit;
	opacity: 1;
}

input[type=search]::-ms-clear {
	display: none;
	width: 0;
	height: 0;
}

input[type=search]::-ms-reveal {
	display: none;
	width: 0;
	height: 0;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
	display: none;
}

input[type=checkbox],
input[type=radio] {
	height: auto;
	width: auto;
}

.input-group {
	position: relative;
}

.input-group input,
.input-group textarea,
.input-group select {
	padding-right: 40px;
}

.input-group .icon {
	position: absolute;
	right: 30px;
	z-index: 2;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #81a3bb;
	line-height: 1;
}

.input-group.textarea-group .icon {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	top: 20px;
}

/*======= Common Class =======*/
@media (min-width: 1400px) {
	.container-1470 {
		max-width: 1300px;
	}
}

@media (min-width: 1400px) {
	.header-full-width .container-fluid {
		padding-left: 30px;
		padding-right: 30px;
	}
}

.section-gap {
	padding-top: 75px;
	padding-bottom: 75px;
}

@media(max-width:768px) {
	.section-gap {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}

.section-gap-ser {
	padding-top: 60px;
	padding-bottom: 60px;
}

@media(max-width:992px) {
	.section-gap-ser {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

@media(max-width:768px) {
	.section-gap-ser {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media(max-width:425px) {
	.section-gap-ser {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

.section-gap-top {
	padding-top: 120px;
}

.service-section-gap-top {
	padding-top: 80px;
}

.section-gap-bottom {
	padding-bottom: 120px;
}

.section-title .title-tag {
	color: #f35f18;
	font-size: 23px;
	font-weight: 600;
	padding-bottom: 5px;
	z-index: 1;
	position: relative;
	letter-spacing: 2px;
}



@media (min-width: 992px) and (max-width: 1199px) {

	.wpo-section-title .title,
	.section-title .title {
		font-size: 36px;
	}
	.service-section .section-title .title{
		font-size:28px;
	}
}

@media (max-width: 991px) {

	.wpo-section-title .title{
		font-size: 28px;
	}

	.section-title .title-tag {
		margin-top: 15px;
		font-size: 20px;
	}
}

@media (max-width: 767px) {

	.wpo-section-title .title{
		font-size: 24px;
	}

	.wpo-section-title .title-tag{
		font-size: 18px;
	}
}

@media (max-width: 575px) {

	.wpo-section-title .title {
		font-size: 20px;
	}

	.wpo-section-title .title-tag,
	.section-title .title-tag {
		font-size: 16px;
	}
}

.section-title.white-color .title-tag,
.section-title.white-color .title,
.section-title.white-color p {
	color: #fff;
}

.latest-news .section-title.white-color .title-tag,
.latest-news .section-title.white-color .title,
.latest-news .section-title.white-color p {
	color: #585656;
}

.section-title.with-right-border .title-tag {
	text-transform: capitalize;
	letter-spacing: 0;
	padding-right: 20px;
	position: relative;
}


@media (max-width: 575px) {
	.section-title.with-right-border .title-tag {
		padding-right: 0;
		padding-top: 10px;
	}
}

.section-title.with-right-border .title-tag::before {
	position: absolute;
	content: "";
	right: 0;
	top: 50%;
	height: 10px;
	width: 10px;
	border-radius: 50%;
	background: #181717;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}


@media (max-width: 575px) {
	.section-title.with-right-border .title-tag::before {
		top: 0;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		right: auto;
		left: 0;
		width: 50px;
	}
}

@media (max-width: 750px) {
	.section-title.with-right-border .title-tag::before {
		display: none;
	}
}

.section-title-two {
	position: relative;
	z-index: 2;
}

.section-title-two .title-tag {
	color: #432624;
	/* #0c59db; */
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	padding-bottom: 5px;
}

.section-title-two .title {
	font-size: 70px;
	font-weight: 700;
	/* text-transform: capitalize; */
}

@media (min-width: 992px) and (max-width: 1199px) {
	.section-title-two .title {
		font-size: 54px;
	}
}

@media (max-width: 991px) {
	.section-title-two .title {
		font-size: 46px;
	}
}

@media (max-width: 575px) {
	.section-title-two .title {
		font-size: 28px;
	}
}

.section-title-two .big-text {
	position: absolute;
	font-size: 180px;
	font-family: "GilroyBold";
	font-weight: 700;
	bottom: 20px;
	left: 0;
	color: #f5f6f8;
	z-index: -1;
	line-height: 1;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.section-title-two .big-text {
		font-size: 140px;
	}
}

@media (max-width: 991px) {
	.section-title-two .big-text {
		font-size: 120px;
	}
}

@media (max-width: 575px) {
	.section-title-two .big-text {
		font-size: 100px;
	}
}

.section-title-two.text-center .big-text {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.section-title-two.text-right .big-text {
	left: auto;
	right: 0;
}

.section-title-two.white-color .title-tag,
.section-title-two.white-color .title {
	color: #000;
}

.soft-blue-bg .section-title-two .big-text {
	color: #eaf2f8;
}

.soft-blue-bg {
	background-color: #f5faff;
	/* #ffe2d596; */
}

.soft-blue-bg2 {
	background-color: #f0f7ffd9;
	padding-top: 30px;
	padding-bottom: 30px;
}

.primary-bg {
	background-color: #0c59db;
}

.secondary-bg {
	background-color: #e0ebf8bd;
}

.main-btn {
	padding: 15px 25px;
	background-color: #14171cde;
	border-radius: 5px;
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	line-height: 1;
	position: relative;
	z-index: 1;
	border: none;
}

@media(max-width:606px) {

	.about-section .about-btns .main-btn {
		padding: 15px 15px;
	}
}

.submit-btn {
	padding: 15px 25px;
	background-color: #14171cde;
	border-radius: 5px;
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	line-height: 1;
	position: relative;
	z-index: 1;
	border: none;
}



.main-btn::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 5px;
	width: 0;
	height: 100%;
	z-index: -1;
	background-color: #002249;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	opacity: 0;
	visibility: hidden;
}

.main-btn:hover {
	color: #fff;
	border-radius: 5px;

}

.main-btn:hover::before {
	width: 100%;
	opacity: 1;
	visibility: visible;
	border-radius: 5px;
	
}

.main-btn i {
	margin-right: 5px;
	position: relative;
	top: 2px;
}

.main-btn.main-btn-2 {
	background-color: #f58326d1;
	/* #b7c3d6; */
}

.main-btn.main-btn-3 {
	background-color: #fff;
	color: #432624;
	/* #0c59db; */
}

.main-btn.main-btn-3:hover {
	color: #fff;
}

.main-btn.small-size {
	padding: 22px 40px;
	font-size: 15px;
}

.main-btn.icon-right i {
	margin-right: 0;
	margin-left: 5px;
}

.main-btn.rounded-btn,
.main-btn.rounded-btn::before {
	border-radius: 5px;
}

.main-btn.transparent-border-btn {
	background-color: transparent;
	color: #fff;
	border: 2px solid rgba(255, 255, 255, 0.2);
}

.main-btn.transparent-border-btn::before {
	background-color: #432624;
}

.main-btn.transparent-border-btn:hover {
	border-color: #432624;
}

.page-pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.page-pagination li {
	margin: 0 5px;
}

.page-pagination a {
	border-radius: 50%;
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 50px;
	border-color: #fff;
	color: #70a3bb;
	font-size: 14px;
	font-weight: 700;
	background-color: #fff;
}

.page-pagination a.active,
.page-pagination a:hover {
	background-color: #0c59db;
	color: #fff;
}

.page-pagination.blog-pagination a {
	background-color: #f5faff;
}

.page-pagination.blog-pagination a.active,
.page-pagination.blog-pagination a:hover {
	background-color: #0c59db;
	color: #fff;
}

.bg-cover {
	background-size: cover;
	background-position: center;
}

/*======= Preloader =======*/
div#preloader {
	margin: auto;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 9999999;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

div#preloader .loader-cubes {
	top: 50%;
	left: 50%;
	margin-left: -25px;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	position: absolute;
	-webkit-transform: rotateZ(45deg);
	-ms-transform: rotate(45deg);
	transform: rotateZ(45deg);
}

div#preloader .loader-cubes .loader-cube {
	float: left;
	width: 50%;
	height: 50%;
	position: relative;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

div#preloader .loader-cubes .loader-cube::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
	animation: sk-foldCubeAngle 2.4s infinite linear both;
	-webkit-transform-origin: 100% 100%;
	-ms-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	background: #0c59db;
}

div#preloader .loader-cubes .loader-cube.loader-cube2 {
	-webkit-transform: scale(1.1) rotateZ(90deg);
	-ms-transform: scale(1.1) rotate(90deg);
	transform: scale(1.1) rotateZ(90deg);
}

div#preloader .loader-cubes .loader-cube.loader-cube2::before {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

div#preloader .loader-cubes .loader-cube .loader-cube4 {
	-webkit-transform: scale(1.1) rotateZ(270deg);
	-ms-transform: scale(1.1) rotate(270deg);
	transform: scale(1.1) rotateZ(270deg);
}

div#preloader .loader-cubes .loader-cube .loader-cube4::before {
	-webkit-animation-delay: 0.9s;
	animation-delay: 0.9s;
}

div#preloader .loader-cubes .loader-cube .loader-cube3 {
	-webkit-transform: scale(1.1) rotateZ(180deg);
	-ms-transform: scale(1.1) rotate(180deg);
	transform: scale(1.1) rotateZ(180deg);
}

div#preloader .loader-cubes .loader-cube .loader-cube3::before {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-45{margin-top:45px}.mt-50{margin-top:50px}.mt-55{margin-top:55px}.mt-60{margin-top:60px}.mt-65{margin-top:65px}.mt-70{margin-top:70px}.mt-75{margin-top:75px}.mt-80{margin-top:80px}.mt-85{margin-top:85px}.mt-90{margin-top:90px}.mt-95{margin-top:95px}.mt-100{margin-top:100px}@media(max-width:992px){.mt-add-50{margin-top:50px}}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-18{margin-bottom:18px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-35{margin-bottom:35px}.mb-40{margin-bottom:40px}.mb-45{margin-bottom:45px}.mb-50{margin-bottom:50px}.mb-55{margin-bottom:55px}.mb-60{margin-bottom:60px}.mb-65{margin-bottom:65px}.mb-70{margin-bottom:70px}.mb-75{margin-bottom:75px}.mb-80{margin-bottom:80px}.mb-85{margin-bottom:85px}.mb-90{margin-bottom:90px}.mb-95{margin-bottom:95px}.mb-100{margin-bottom:100px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}.pt-35{padding-top:35px}.pt-40{padding-top:40px}.pt-45{padding-top:45px}.pt-50{padding-top:50px}.pt-55{padding-top:55px}.pt-60{padding-top:60px}.pt-65{padding-top:65px}.pt-70{padding-top:70px}.pt-75{padding-top:75px}.pt-80{padding-top:80px}.pt-85{padding-top:85px}.pt-90{padding-top:90px}.pt-95{padding-top:95px}.pt-100{padding-top:100px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-35{padding-bottom:35px}.pb-40{padding-bottom:40px}.pb-45{padding-bottom:45px}.pb-50{padding-bottom:50px}.pb-55{padding-bottom:55px}.pb-60{padding-bottom:60px}.pb-65{padding-bottom:65px}.pb-70{padding-bottom:70px}.pb-75{padding-bottom:75px}.pb-80{padding-bottom:80px}.pb-85{padding-bottom:85px}.pb-90{padding-bottom:90px}.pb-95{padding-bottom:95px}.pb-100{padding-bottom:100px}@media (max-width:1199px){.mb-lg-gap-40{margin-bottom:40px}.mb-lg-gap-50{margin-bottom:50px}.mb-lg-gap-60{margin-bottom:60px}.mt-lg-gap-30{margin-top:30px}.mt-lg-gap-40{margin-top:40px}.mt-lg-gap-50{margin-top:50px}.mb-lg-gap-30{margin-bottom:30px}}@media (max-width:991px){.mb-md-gap-30{margin-bottom:30px}.mb-md-gap-40{margin-bottom:40px}.mb-md-gap-50{margin-bottom:50px}.mb-md-gap-60{margin-bottom:60px}.mt-md-gap-30{margin-top:30px}.mt-md-gap-40{margin-top:40px}.mt-md-gap-50{margin-top:50px}.mt-md-gap-60{margin-top:60px}}@media (max-width:575px){.mb-xs-gap-30{margin-bottom:30px}.mb-xs-gap-40{margin-bottom:40px}}@-webkit-keyframes sticky{0%{top:-200px}100%{top:0}}@keyframes sticky{0%{top:-200px}100%{top:0}}@-webkit-keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@-webkit-keyframes pulseBtnBefore{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}@keyframes pulseBtnBefore{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0}}@-webkit-keyframes pulseBtnAfter{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@keyframes pulseBtnAfter{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(2);transform:scale(2);opacity:0}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes rotateTwo{0%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes rotateTwo{0%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@-webkit-keyframes scale{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(2);transform:scale(2)}}@keyframes scale{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(2);transform:scale(2)}}

/*=======  Header  =======*/
.header-topbar {
	border-bottom: 2px solid #ebebeb;
	padding: 15px 0;
}

.header-topbar .contact-info li {
	display: inline-block;
}

.header-topbar .contact-info li:not(:last-child) {
	margin-right: 30px;
}

.header-topbar .contact-info li a {
	color: #fdfbfb;
	font-size: 15px;
}

.header-topbar .contact-info li i {
	margin-right: 5px;
	color: #ffffff;
}

.header-topbar .social-icon li {
	display: inline-block;
}

.header-topbar .social-icon li:not(:first-child) {
	margin-left: 20px;
}

.header-topbar .social-icon li a {
	color: #f48926;
	/* #aeaeae; */
	font-size: 20px;
	-webkit-transition: color 0.4s linear, -webkit-transform 0.3s linear;
	transition: color 0.4s linear, -webkit-transform 0.3s linear;
	-o-transition: color 0.4s linear, transform 0.3s linear;
	transition: color 0.4s linear, transform 0.3s linear;
	transition: color 0.4s linear, transform 0.3s linear, -webkit-transform 0.3s linear;
}

.header-topbar .social-icon li a:hover {
	color: #ffffff;
	-webkit-transform: scale(1.5);
	    -ms-transform: scale(1.5);
	        transform: scale(1.5);
}

.header-navigation .primary-menu li {
	display: inline-block;
	/* line-height: 110px; */
	position: relative;
}

.header-navigation .primary-menu li .dd-trigger {
	font-size: 12px;
	font-weight: 500;
	color: #b1b1b1;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	line-height: 1;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

@media (max-width: 1199px) {
	.header-navigation .primary-menu li .dd-trigger {
		right: -5px;
	}
}

.header-navigation .primary-menu li a {
	font-size: 18px;
	color: #555;
	padding: 10px;
	font-family: "GilroyBold";
	text-transform: capitalize;
	margin: 0 10px;
}

@media (max-width: 1199px) {
	.header-navigation .primary-menu li a {
		padding: 8px;
		margin: 0 5px;
		font-size: 15px;
	}
}

.header-navigation .primary-menu li .submenu {
	position: absolute;
	left: 0;
	top: 110%;
	width: 300px;
	background-color: #fff;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	z-index: 99;
	height: auto;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	opacity: 0;
	visibility: hidden;
}


.header-navigation .primary-menu li .submenu li {
	line-height: 1.5;
	margin: 0;
	display: block;
}

.header-navigation .primary-menu li .submenu li:not(:last-child) {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.header-navigation .primary-menu li .submenu li a {
	padding: 14px 20px;
	font-size: 16px;
	display: block;
	margin: 0;
}

.header-navigation .primary-menu li .submenu li a:hover {
	background-color: #3081e9;
	color: #fff;
}

.header-navigation .primary-menu li .submenu li .dd-trigger {
	right: 20px;
}

.header-navigation .primary-menu li .submenu li a:hover~.dd-trigger {
	color: #fff;
}

.header-navigation .primary-menu li .submenu li .submenu {
	left: -100%;
	top: 20%;
}

.header-navigation .primary-menu li .submenu li:hover>.submenu {
	top: 0;
}

.header-navigation .primary-menu li:hover>.submenu {
	visibility: visible;
	top: 100%;
	opacity: 1;
}

.header-navigation .primary-menu li.current>a,
.header-navigation .primary-menu li.current>.dd-trigger,
.header-navigation .primary-menu li a:hover,
.header-navigation .primary-menu li a:hover~.dd-trigger {
	color: #0c59db;
}

@media (max-width: 991px) {

	.header-navigation .primary-menu li.current>a,
	.header-navigation .primary-menu li.current>.dd-trigger,
	.header-navigation .primary-menu li a:hover,
	.header-navigation .primary-menu li a:hover~.dd-trigger {
		color: #fff;
	}
}


.header-navigation .site-logo .sticky-logo {
	display: none;
}

.header-navigation .header-extra {
	margin-left: 20px;
}

.header-navigation .cart-icon,
.header-navigation .search-icon {
	font-size: 18px;
	color: #555;
	margin-right: 30px;
}

@media (max-width: 1199px) {

	.header-navigation .cart-icon,
	.header-navigation .search-icon {
		margin-right: 20px;
	}
}

.header-navigation .cart-icon:hover,
.header-navigation .search-icon:hover {
	color: #0c59db;
}

.header-navigation .search-widget .search-form {
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	background-color: rgba(35, 35, 35, 0.9);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	will-change: transform, opacity;
	height: 0;
	z-index: -1;
	opacity: 0;
}

.header-navigation .search-widget .search-form .search-close {
	font-size: 30px;
	color: #fff;
	position: absolute;
	right: 50px;
	top: 50px;
	line-height: 1;
}

.header-navigation .search-widget .search-form form {
	width: 50%;
}

.header-navigation .search-widget .search-form input {
	background-color: transparent;
	font-size: 20px;
	color: #fff;
	border-bottom: 2px solid rgba(255, 255, 255, 0.6);
	padding: 0 30px;
}

.header-navigation .search-widget .search-form.opened {
	height: 100vh;
	opacity: 1;
	z-index: 99;
}

.header-navigation .offcanvas-icon,
.header-navigation .nav-toggler {
	position: relative;
	width: 25px;
	height: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1;
	cursor: pointer;
}

.header-navigation .offcanvas-icon span,
.header-navigation .nav-toggler span {
	background-color: #f48a26;
	height: 2px;
	width: 100%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	position: relative;
}

.header-navigation .nav-toggler {
	display: none;
}

.header-navigation .nav-toggler.menu-opened span:nth-child(1) {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	top: 8px;
}

.header-navigation .nav-toggler.menu-opened span:nth-child(2) {
	opacity: 0;
}

.header-navigation .nav-toggler.menu-opened span:nth-child(3) {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	top: -8px;
}

.header-navigation .nav-close {
	display: none;
	font-size: 20px;
	color: #fff;
	position: absolute;
	right: 20px;
	top: 20px;
	line-height: 1;
}

.header-navigation .navbar-btn {
	margin-left: 40px;
}

@media (max-width: 1199px) {
	.header-navigation .navbar-btn {
		margin-left: 30px;
	}
}

@media (max-width: 767px) {
	.header-navigation .navbar-btn {
		margin-left: 20px;
	}
}

@media (max-width: 575px) {
	.header-navigation .navbar-btn {
		display: none;
	}
}



.header-navigation .navbar-btn a {
	font-size: 15px;
	font-weight: 700;
	background-color: #f48826;
	color: #fff;
	-webkit-transition: color 0.4s linear;
	-o-transition: color 0.4s linear;
	transition: color 0.4s linear;
	border-radius: 5px;
	padding: 15px 25px;
	/* margin-left:720px; */
}

@media (max-width: 1199px) {
	.header-navigation .navbar-btn a {
		padding: 15px 20px;
	}
}

.header-navigation .navbar-btn a i {
	margin-left: 10px;
	position: relative;
	top: 2px;
}

@media (max-width: 1199px) {
	.header-navigation .navbar-btn a i {
		margin-left: 5px;
	}
}

.header-navigation .navbar-btn a:hover {
	color: #555555;
}

.header-two {
	position: absolute;
	left: 0;
	top: 20px;
	width: 100%;
	z-index: 999;
}

.header-two .header-topbar {
	border-bottom: 1px solid #99c2f6;
}

.header-two .header-topbar .contact-info li a,
.header-two .header-topbar .contact-info li i {
	color: #4f79a9;
}

.header-two .header-topbar .social-icon li a {
	color: #4f79a9;
}

.header-two .header-topbar .social-icon li a:hover {
	color: #0c59db;
}

.header-two .header-navigation .primary-menu li .dd-trigger {
	right: 5px;
}

@media (max-width: 1199px) {

	.header-two .header-navigation .primary-menu li .dd-trigger {
		right: 0;
	}
}

.header-two .header-navigation .primary-menu li a{
	color: #303030;;
	font-size: 14px;
	padding: 5px;
	margin: 0 15px;
}

@media (max-width: 1199px) {

	.header-two .header-navigation .primary-menu li a {
		font-size: 17px;
		margin: 0 5px;
	}
}

.header-two .header-navigation .primary-menu li .submenu li a {
	font-size: 17px;
}

.header-two .header-navigation .primary-menu li.current>a,
.header-two .header-navigation .primary-menu li.current>.dd-trigger,
.header-two .header-navigation .primary-menu li a:hover,
.header-two .header-navigation .primary-menu li a:hover~.dd-trigger{
	color: #432624;
}

@media (max-width: 991px) {

	.header-two .header-navigation .primary-menu li.current>a,
	.header-two .header-navigation .primary-menu li.current>.dd-trigger,
	.header-two .header-navigation .primary-menu li a:hover,
	.header-two .header-navigation .primary-menu li a:hover~.dd- {
		color: #fff;
	}
}

.header-two .header-navigation .nav-toggler{
	border: 1px solid #7989a5;
	height: 45px;
	width: 55px;
	padding: 10px 12px;
	border-radius: 5px;
}



@media(max-width:768px) {

	.header-two .header-navigation .nav-toggler {
		height: 40px;
		width: 45px;
		padding: 8px 10px;
	}
}
@media(max-width:575px) {

	.header-two .header-navigation .nav-toggler {
		height: 35px;
		width: 40px;
		padding: 8px 8px;
	}
}
.header-two .header-navigation .navbar-btn{
	margin-left: 0;
}

@media (max-width: 991px) {

	.header-two .header-navigation .navbar-btn {
		margin-left: 40px;
	}
}

.header-two .header-navigation .navbar-btn a {
	padding: 9px 18px;
	border-radius: 5px;
}

@media (max-width: 1199px) {

	.header-two .header-navigation .navbar-btn a {
		padding: 10px 15px;
	}
}

@media (max-width: 600px) {

	.header-two .header-navigation .navbar-btn a{
		padding: 10px 6px;
	}
}



.sticky-header.sticky-on .header-navigation {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
	-webkit-animation: sticky 1.2s;
	animation: sticky 1.2s;
	/* background-color: #fff;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.04);
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.04); */
}

.sticky-header.sticky-on .header-navigation .sticky-logo {
	display: block;
}

.sticky-header.sticky-on .header-navigation .main-logo {
	display: none;
}
/* 
.sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu>li {
	line-height: 55px;
} */

.sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu>li a,
.sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu>li .dd-trigger {
	color: #555;
}

.sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu>li.current>a,
.sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu>li.current>.dd-trigger,
.sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu>li a:hover,
.sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu>li a:hover~.dd-trigger,
.sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu>li.current .submenu>li.current>a{
	color: #432624;
}

.sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu>li .submenu li a:hover {
	color: #fff;
}

.header-navigation.breakpoint-on {
	padding: 20px 0;
}

.sticky-on .header-navigation.breakpoint-on {
	padding: 2px 0;
}

.header-navigation.breakpoint-on .nav-toggler {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.header-navigation.breakpoint-on .site-nav-menu {
	position: fixed;
	top: 0;
	height: 100vh;
	width: 300px;
	padding: 50px 25px;
	background-color: #002249;
	z-index: 999;
	overflow-x: hidden;
	overflow-y: scroll;
	left: -300px;
	visibility: hidden;
	opacity: 0;
	/* margin-left:-500px; */
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.header-navigation.breakpoint-on .site-nav-menu .nav-close {
	display: block;
}

.header-navigation.breakpoint-on .site-nav-menu::-webkit-scrollbar {
	background-color: #002249;
}

.header-navigation.breakpoint-on .site-nav-menu.menu-opened {
	left: 0;
	visibility: visible;
	opacity: 1;
}

.header-navigation.breakpoint-on .site-nav-menu::-webkit-scrollbar {
	width: 5px;
}

.header-navigation.breakpoint-on .site-nav-menu .primary-menu li {
	margin: 0;
	padding: 0;
	display: block;
}

.header-navigation.breakpoint-on .site-nav-menu .primary-menu li a {
	color: #fff;
	display: block;
	padding: 15px 25px 15px 0;
	font-size: 15px;
	line-height: 1;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.header-navigation.breakpoint-on .site-nav-menu .primary-menu li .dd-trigger {
	display: block;
	top: 0;
	-webkit-transform: translate(0);
	-ms-transform: translate(0);
	transform: translate(0);
	right: 0 !important;
	height: 45px;
	width: 45px;
	color: #fff;
	cursor: pointer;
	text-align: center;
	line-height: 45px;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.header-navigation.breakpoint-on .site-nav-menu .primary-menu li .dd-trigger i {
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.header-navigation.breakpoint-on .site-nav-menu .primary-menu li .submenu {
	padding-left: 15px;
	-webkit-transition: 0;
	-o-transition: 0;
	transition: 0;
	border: none;
}

.header-navigation.breakpoint-on .site-nav-menu .primary-menu li .submenu a {
	color: #fff !important;
	display: block;
	padding: 15px 25px 15px 0;
	line-height: 1;
}

.header-navigation.breakpoint-on .site-nav-menu .primary-menu li .submenu a:hover {
	background-color: transparent !important;
}

.header-navigation.breakpoint-on .site-nav-menu .primary-menu li .submenu,
.header-navigation.breakpoint-on .site-nav-menu .primary-menu li li .submenu {
	position: unset;
	top: 0;
	width: 100%;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	visibility: visible;
	opacity: 1;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: none;
}

.header-navigation.breakpoint-on .site-nav-menu .primary-menu li.current::before {
	position: absolute;
	left: -25px;
	top: 2px;
	bottom: 2px;
	width: 2px;
	background-color: #fff;
	content: "";
}

/* @media(min-width:1200px) {
	.hd-mv-lft {
		margin-left: -300px;
	}
} */

/*=======  Banner  =======*/

/* .banner1 {
	display: none;
	-webkit-transition: all 0.6s ease-out 0.6s;
	-o-transition: all 0.6s ease-out 0.6s;
	transition: all 0.6s ease-out 0.6s;

}

.banner2 {
	z-index: 2;
	-webkit-transition: all 0.6s ease-out 0.6s;
	-o-transition: all 0.6s ease-out 0.6s;
	transition: all 0.6s ease-out 0.6s;
} */

/* .banner-img:hover .banner1 {
	z-index: 3;
	display: block;
} */


.banner-section {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	overflow: hidden;
	z-index: 2;
	padding-top: 240px;
	padding-bottom: 0px;
}

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

@media (max-width: 767px) {
	.banner-section {
		padding-top: 230px;
	}
}

@media (max-width: 575px) {
	.banner-section {
		padding-top: 220px;
	}
}

.banner-section::before {
	position: absolute;
	z-index: -1;
	content: "";
	height: 100%;
	width: 100%;
	background-image: url('/assets/img/index/banner-bg.png');
	top:0;
	left: 0;
	background-size: cover;
	background-position: center center;
}

.banner-section .banner-content .title-tag {
	font-size: 21px;
	color: #030875;
	margin-top: -60px;
}

@media (max-width: 767px) {
	.banner-section .banner-content .title-tag {
		font-size: 18px;
	}
}

@media (max-width: 575px) {
	.banner-section .banner-content .title-tag {
		font-size: 16px;
	}
}


.banner-section .banner-content .banner-btns li {
	display: inline-block;
}

.banner-section .banner-content .banner-btns li:not(:last-child) {
	margin-right: 75px;
}

@media (max-width: 1199px) {
	.banner-section .banner-content .banner-btns li:not(:last-child) {
		margin-right: 40px;
	}
}

@media (max-width: 575px) {
	.banner-section .banner-content .banner-btns li:not(:last-child) {
		margin-right: 20px;
	}
}

@media (max-width: 400px) {
	.banner-section .banner-content .banner-btns li:not(:last-child) {
		margin-bottom: 20px;
	}
}

.banner-section .banner-content .banner-btns li a {
	font-size: 24px;
	color: #232323;
	font-weight: 700;
}

@media (max-width: 1199px) {
	.banner-section .banner-content .banner-btns li a {
		font-size: 20px;
	}
}

@media (max-width: 575px) {
	.banner-section .banner-content .banner-btns li a {
		font-size: 16px;
	}
}

.banner-section .banner-content .banner-btns li a .icon {
	height: 80px;
	width: 80px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
	margin-right: 30px;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(0, 109, 232, 0.1);
	box-shadow: 0px 8px 16px 0px rgba(0, 109, 232, 0.1);
	position: relative;
	border: 4px solid transparent;
	border-top-color: #0c59db;
	border-bottom-color: #0c59db;
	background-color: #f5faff;
	color: #FFBE0B;
	font-size: 18px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

@media (max-width: 767px) {
	.banner-section .banner-content .banner-btns li a .icon {
		height: 60px;
		width: 60px;
		margin-right: 20px;
	}
}

/* .banner-section .banner-content .banner-btns li a .icon::before {
	position: absolute;
	content: "";
	height: 5px;
	width: 5px;
	border-radius: 50%;
	left: -5px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: #FFBE0B;
	
} */

/* .banner-section .banner-content .banner-btns li a .icon::after {
	position: absolute;
	content: "";
	height: 5px;
	width: 5px;
	border-radius: 50%;
	right: -5px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	background: rgb(249 121 54);
} */

.banner-section .banner-content .banner-btns li a.btn-2 .icon {
	border-top-color: rgb(249 121 54);
	border-bottom-color: rgb(249 121 54);
	color: #0c59db;
}

.banner-section .banner-content .banner-btns li a.btn-2 .icon::before {
	background: #0c59db;
}

.banner-section .banner-content .banner-btns li a.btn-2 .icon::after {
	background: #0c59db;
}
/* 
.banner-section .banner-img {
	position: absolute;
	right: -70px;
	bottom: -87px;
	height: 630px;
	width: 630px;
	border-radius: 50%;
	z-index: 1;
}

@media (max-width: 1199px) {
	.banner-section .banner-img {
		height: 500px;
		width: 500px;
	}
}

@media (max-width: 991px) {
	.banner-section .banner-img {
		display: block;
		position: relative;
	}
}

.banner-section .banner-img::before {
	position: absolute;
	content: "";
	top: 50%;
	left: 50%;
	height: 400px;
	width: 400px;
	border-radius: 50%;
	background: #fff;
	z-index: -1;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
} */

/* .banner-section .banner-img img {
	position: absolute;
	top: -135px;
	left: 0;
} */


/*=======  Service  =======*/
.service-item {
	border-radius: 10px;
	background: #fff;
	-webkit-box-shadow: 0px 10px 30px rgba(225, 225, 225, 0.64);
	box-shadow: 0px 10px 30px rgba(225, 225, 225, 0.64);
	padding: 40px 25px 55px;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	position: relative;
	z-index: 1;
	text-align: left;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.service-item {
		padding: 35px 20px 40px;
	}
}

.service-item .icon {
	height: 110px;
	width: 110px;
	line-height: 1;
	background-color: rgba(12, 89, 219, 0.1);
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	margin-bottom: 20px;
	font-size: 50px;
	color: #0c59db;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.service-item .icon {
		height: 80px;
		width: 80px;
		font-size: 30px;
	}
}

.service-item.text-center .icon {
	margin-left: auto;
	margin-right: auto;
}

.service-item.color-2 .icon {
	color: #00978e;
	background-color: rgba(0, 151, 142, 0.1);
}

.service-item.color-3 .icon {
	color: #fbb81b;
	background-color: rgba(251, 184, 27, 0.1);
}

.service-item.color-4 .icon {
	color: #ef452e;
	background-color: rgba(239, 69, 46, 0.1);
}

.service-item .title {
	font-size: 22px;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	margin-bottom: 15px;
}


.service-item .title a {
	color: #232323;
	font-size: 21px;
}

@media (max-width: 1199px) {
	.service-item .title {
		font-size: 18px;
	}
}

@media(max-width:768px) {
	.service-item .title {
		font-size: 16px;
	}

	.service-item .title a {
		font-size: 17px;
	}
}

.service-item p {
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.service-item::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/shape/service-dot.png);
	background-position: center;
	background-repeat: no-repeat;
	z-index: -1;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	opacity: 0;
	visibility: hidden;
}

.service-item:hover {
	background-color: #fbecde;
	-webkit-box-shadow: 0px 10px 30px rgba(239, 239, 239, 0.79);
	box-shadow: 0px 10px 30px rgba(239, 239, 239, 0.79);
}

.service-item:hover .icon {
	background-color: #fff;
}

.service-item:hover .title a,
.service-item:hover p {
	color: #000;
}

.service-item:hover::before {
	opacity: 1;
	visibility: visible;
}


.service-item-six {
	color: #131516;
	border: 2px solid #bbd3f9;
	padding: 30px 25px;
	position: relative;
	overflow: hidden;
	font-size: 17px;
	height: 100%;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.service-item-six:hover {
	background-color: #fff;
	border: 2px solid #4a4f56;
}

.service-item-six p {
	text-align: justify;
}

.service-item-six:hover p {
	color: #000;
}

.service-item-six .icon {
	font-size: 55px;
	font-weight: 600;
	color: #fe9e47c4;
	margin-bottom: 30px;

}

.service-item-six:hover .icon {
	color: #f48826;

}


.service-item-six .title {
	font-size: 36px;
	margin-bottom: 20px;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.service-item-six .title {
		font-size: 32px;
	}
}


@media(max-width:992px) {
	.service-item-six .icon {
		font-size: 50px;
		margin-bottom: 25px;
	}

	.service-item-six {
		font-size: 16px;
	}

	.service-item-six .title {
		font-size: 26px;
	}
}

@media(max-width:768px) {
	.service-item-six .icon {
		font-size: 45px;
		margin-bottom: 20px;
	}

	.service-item-six {
		font-size: 14px;
	}

	.service-item-six .title {
		font-size: 22px;
	}
}

@media(max-width:425px) {
	.service-item-six .icon {
		font-size: 30px;
		margin-bottom: 15px;
	}

	.service-item-six {
		font-size: 12px;
	}

	.service-item-six .title {
		font-size: 20px;
	}
}

.service-item-six .service-link {
	font-weight: 700;
	text-transform: capitalize;
	color: #81a3bb;
	margin-top: 15px;
}

.service-item-six .service-link:hover {
	color: #0c59db;
}

.service-item-six .count {
	position: absolute;
	font-size: 200px;
	color: #f5f6f7;
	right: 18px;
	bottom: 0;
	font-family: "GilroyBold";
	font-weight: 700;
	z-index: -1;
	line-height: 1;
}

@media (max-width: 1199px) {
	.service-item-six .count {
		font-size: 160px;
	}
}


.service-item-eight {
	position: relative;
	overflow: hidden;
	-webkit-filter: invert(10%);
	        filter: invert(10%);
	-webkit-transform: rotate(1deg);
	    -ms-transform: rotate(1deg);
	        transform: rotate(1deg);
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.service-item-eight:hover {
	border-radius: 15%;
	-webkit-filter: invert(0%);
	        filter: invert(0%);
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
	z-index: 10;
	-webkit-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	        transform: rotate(0deg);
}

.service-item-eight .service-img img {
	width: 400px;
	height: 300px;
}

.service-item-eight .services-overlay {
	position: absolute;
	bottom: -110px;
	left: 0;
	width: 100%;
	height: 180px;
	background-color:  rgba(0, 34, 73, 0.7);
	padding: 20px 40px 40px;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.service-item-eight .services-overlay {
		padding: 20px 20px 20px;
	}
}

@media (max-width: 1199px) {
	.service-item-eight .services-overlay {
		bottom: -115px;
	}
}

@media (max-width: 575px) {
	.service-item-eight .services-overlay {
		padding: 20px 20px 20px;
	}
}

.service-item-eight .services-overlay .icon {
	position: absolute;
	top: -20px;
	left: 20px;
	height: 70px;
	width: 70px;
	background: #0c59db;
	color: #fff;
	font-size: 30px;
	line-height: 1;
	text-align: center;
	line-height: 70px;
}

.service-item-eight:hover .services-overlay .icon {
	background-color: #f48826;
	-webkit-transition-duration: 0.7s;
	     -o-transition-duration: 0.7s;
	        transition-duration: 0.7s;
	border-radius: 25%;
}

.service-item-eight .services-overlay p {
	color: #fff;
	font-size: 15px;
	padding-top: 20px;
}

.service-item-eight .services-overlay .title {
	padding-left: 80px;
	font-size: 20px;
}

@media (max-width: 1199px) {
	.service-item-eight .services-overlay .title {
		font-size: 18px;
	}
}

.service-item-eight .services-overlay .title a {
	color: #fff;
}

.service-item-eight:hover .services-overlay {
	bottom: 0;
	background-color: rgba(88, 55, 31, 0.85);

}

.service-section.service-with-shape {
	position: relative;
	margin-top: 20px;
	z-index: 22;
}

.service-section.service-with-shape::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 500px;
	z-index: -1;
	background-image: url(../img/shape/service-bg.jpg);
	background-size: cover;
	background-position: center;

}

@media (max-width: 991px) {
	.service-section.service-with-shape::before {
		left: 20px;
		right: 20px;
	}
}

@media (max-width: 575px) {
	.service-section.service-with-shape::before {
		left: 0;
		right: 0;
	}
}

.service-section.service-with-shape .section-title {
	position: relative;
	z-index: 1;
}

.service-section.service-with-shape .section-title .title {
	font-size: 40px;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.service-section.service-with-shape .section-title .title {
		font-size: 42px;
	}
}

@media (max-width: 991px) {
	.service-section.service-with-shape .section-title .title {
		font-size: 46px;
	}
}

@media (max-width: 767px) {
	.service-section.service-with-shape .section-title .title {
		font-size: 40px;
	}
}

@media (max-width: 575px) {
	.service-section.service-with-shape .section-title .title {
		font-size: 26px;
	}
}

.service-section.service-with-shape .section-title .ring-shape {
	position: absolute;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	border: 5px solid rgba(255, 255, 255, 0.1);
	top: -40px;
	right: 50px;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-animation: scale 15s linear infinite;
	animation: scale 15s linear infinite;
	z-index: -1;
}

@media (max-width: 575px) {
	.service-section.service-with-shape .section-title .ring-shape {
		height: 40px;
		width: 40px;
	}
}

.service-section.service-with-shape .section-title::before {
	position: absolute;
	content: "";
	height: 145px;
	width: 145px;
	border: 10px solid rgba(255, 255, 255, 0.1);
	top: -10px;
	left: 10px;
	-webkit-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	transform: rotate(-15deg);
	z-index: -1;
	-webkit-animation: rotate 30s linear infinite;
	animation: rotate 30s linear infinite;
}

@media (max-width: 991px) {
	.service-section.service-with-shape .section-title::before {
		height: 120px;
		width: 120px;
	}
}

@media (max-width: 575px) {
	.service-section.service-with-shape .section-title::before {
		width: 80px;
		height: 80px;
		border-width: 5px;
	}
}

.service-section.service-with-shape .section-title::after {
	position: absolute;
	content: "";
	height: 80px;
	width: 80px;
	border: 10px solid rgba(255, 255, 255, 0.1);
	bottom: -100px;
	right: 10px;
	-webkit-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	transform: rotate(-15deg);
	z-index: -1;
	-webkit-animation: rotateTwo 30s linear infinite;
	animation: rotateTwo 30s linear infinite;
}

@media (max-width: 575px) {
	.service-section.service-with-shape .section-title::after {
		height: 60px;
		width: 60px;
		border-width: 5px;
	}
}

.service-section.service-with-shape-two {
	position: relative;
	z-index: 2;
}

.service-section.service-with-shape-two::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 500px;
	z-index: -1;
	background-image: url(../img/shape/service-bg.jpg);
	background-size: cover;
	background-position: center;
}

.service-section.service-with-shape-two .square-shape {
	position: absolute;
	content: "";
	height: 145px;
	width: 145px;
	border: 10px solid rgba(255, 255, 255, 0.1);
	top: 80px;
	left: 50px;
	-webkit-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	transform: rotate(-15deg);
	z-index: -1;
	-webkit-animation: rotate 30s linear infinite;
	animation: rotate 30s linear infinite;
}

.service-section.service-with-shape-two .square-shape-two {
	position: absolute;
	content: "";
	height: 80px;
	width: 80px;
	border: 10px solid rgba(255, 255, 255, 0.1);
	right: 80px;
	top: 200px;
	-webkit-transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	transform: rotate(-15deg);
	z-index: -1;
	-webkit-animation: rotateTwo 30s linear infinite;
	animation: rotateTwo 30s linear infinite;
}

.service-section.service-with-shape-two .section-title {
	position: relative;
	z-index: 1;
}

.service-section.service-with-shape-two .section-title .title {
	font-size: 40px;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.service-section.service-with-shape-two .section-title .title {
		font-size: 36px;
	}
}

@media (max-width: 991px) {
	.service-section.service-with-shape-two .section-title .title {
		font-size: 36px;
	}
}

@media (max-width: 767px) {
	.service-section.service-with-shape-two .section-title .title {
		font-size: 32px;
	}
}

@media (max-width: 575px) {
	.service-section.service-with-shape-two .section-title .title {
		font-size: 22px;
	}
}

.service-section.service-with-shape-two .section-title .ring-shape {
	position: absolute;
	height: 60px;
	width: 60px;
	border-radius: 50%;
	border: 5px solid rgba(255, 255, 255, 0.1);
	top: -40px;
	right: 50px;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-animation: scale 15s linear infinite;
	animation: scale 15s linear infinite;
	z-index: -1;
}

.service-details-text-block {
	padding-left: 50px;
}

@media (max-width: 991px) {
	.service-details-text-block {
		padding-left: 0;
	}
}

.service-details-text-block .service-support-btn {
	margin-top: 100px;
	background: rgb(244 136 38);
	/* #000000; */
	text-align: center;
	padding: 5px 45px;
	position: relative;
	display: inline-block;
	z-index: 5;
	border-radius: 5%;
}

.service-details-text-block .service-support-btn p {
	color: #fff;
	font-size: 17px;
}

.service-details-text-block .service-support-btn span {
	color: #fff;
	font-weight: 700;
	font-size: 23px;
}

.service-details-text-block .service-support-btn i {
	position: absolute;
	top: 8px;
	left: 10px;
	opacity: 0.05;
	color: #fff;
	font-size: 60px;
	z-index: -1;
}

.services-details-imgs .img-two img {
	margin-top: -170px;
	border: 10px solid #fff;
}
@media all and (max-width:991px){
	.services-details-imgs{
		min-height: 800px;
	}
}
@media all and (max-width:767px){
	.services-details-imgs{
		min-height: 600px;
	}
}

/*=======  Feature  =======*/
.feature-text-block p {
	font-size: 17px;
	color: #000;
}

.feature-text-block p.big-text {
	font-size: 26px;
}

@media (max-width: 575px) {
	.feature-text-block p.big-text {
		font-size: 18px;
		line-height: 1.4;
	}
}

.feature-text-block .feature-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media (max-width: 575px) {
	.feature-text-block .feature-btn {
		display: block;
	}
}

.feature-text-block .feature-btn li:not(:last-child) {
	margin-right: 20px;
}

@media (max-width: 575px) {
	.feature-text-block .feature-btn li:not(:last-child) {
		margin-right: 0;
		margin-bottom: 20px;
	}
}

.feature-text-block.with-absolute-image {
	border: 15px solid #f5faff;
	padding: 90px 85px 100px 535px;
	position: relative;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.feature-text-block.with-absolute-image {
		padding: 90px 30px 100px 320px;
	}
}

@media (max-width: 991px) {
	.feature-text-block.with-absolute-image {
		padding: 40px;
	}
}

@media (max-width: 575px) {
	.feature-text-block.with-absolute-image {
		padding: 30px;
		border-width: 8px;
	}
}

.feature-text-block.with-absolute-image .absolute-img {
	position: absolute;
	top: -15px;
	bottom: -15px;
	left: -15px;
	width: 465px;
	background-size: cover;
	background-position: center;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.feature-text-block.with-absolute-image .absolute-img {
		width: 300px;
	}
}

@media (max-width: 991px) {
	.feature-text-block.with-absolute-image .absolute-img {
		display: none;
	}
}

.feature-list li {
	padding: 0px 30px 0px 80px;
	position: relative;
}

@media (max-width: 1199px) {
	.feature-list li {
		padding-right: 30px;
	}
}

@media (max-width: 575px) {
	.feature-list li {
		padding-right: 0;
	}
}

.feature-list li::before {
	height: 50px;
	width: 50px;
	text-align: center;
	line-height: 50px;
	border-radius: 50%;
	background: #fff;
	-webkit-box-shadow: 0px 4px 8px 0px rgba(160, 194, 255, 0.2);
	box-shadow: 0px 4px 8px 0px rgba(160, 194, 255, 0.2);
	font-size: 20px;
	color: #0c59db;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	position: absolute;
	top: -10px;
	left: 0;
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	content: "";
}

.feature-list li:not(:last-child) {
	margin-bottom: 25px;
}

.feature-list li h4 {
	font-size: 21px;
	margin-bottom: 15px;
}

@media (max-width: 575px) {
	.feature-list li h4 {
		font-size: 18px;
	}
}

.feature-list li p {
	color: #000;
	/* #81a3bb; */
}

.feature-list li:hover::before {
	background-color: #f48826;
	/* #0c59db; */
	color: #fff;
}


.feature-intro-video {
	position: relative;
}

.feature-intro-video .video-popup {
	height: 100px;
	width: 100px;
	color: #fff;
	background: #0c59db;
	text-align: center;
	line-height: 100px;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media (max-width: 575px) {
	.feature-intro-video .video-popup {
		width: 60px;
		height: 60px;
		line-height: 60px;
	}
}

.feature-intro-video .video-popup::before {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	border-radius: 50%;
	border: 2px solid #fff;
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-animation: pulseBtnBefore 1.8s linear infinite;
	animation: pulseBtnBefore 1.8s linear infinite;
}

.feature-intro-video .video-popup::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	border-radius: 50%;
	border: 2px solid #fff;
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-animation: pulseBtnAfter 1.5s linear infinite;
	animation: pulseBtnAfter 1.5s linear infinite;
}

/*=======  Portfolio  =======*/
.portfolio-area.portfolio-area-shape {
	position: relative;
	z-index: 1;
}

.portfolio-area.portfolio-area-shape::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/shape/portfolio-shape.png);
	background-size: cover;
	background-position: center;
	z-index: -1;
}

.portfolio-item {
	position: relative;
	z-index: 1;
}

.portfolio-item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -o-linear-gradient(rgba(16, 16, 40, 0) 0%, #101028 37%, #101028 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(16, 16, 40, 0)), color-stop(37%, #101028), to(#101028));
	background: linear-gradient(rgba(16, 16, 40, 0) 0%, #101028 37%, #101028 100%);
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	opacity: 0;
	visibility: hidden;
}

.portfolio-item .portfolio-img img {
	width: 100%;
}

.portfolio-item .portfolio-content {
	position: absolute;
	left: 50px;
	bottom: 50px;
	right: 50px;
	z-index: 2;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	opacity: 0;
	visibility: hidden;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.portfolio-item .portfolio-content {
		left: 30px;
		right: 30px;
		bottom: 30px;
	}
}

@media (max-width: 767px) {
	.portfolio-item .portfolio-content {
		left: 30px;
		right: 30px;
		bottom: 30px;
	}
}

.portfolio-item .portfolio-content .category {
	color: #fff;
	font-weight: 700;
}

.portfolio-item .portfolio-content .title {
	font-size: 26px;
	color: #fff;
	line-height: 36px;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.portfolio-item .portfolio-content .title {
		font-size: 22px;
	}
}

@media (max-width: 767px) {
	.portfolio-item .portfolio-content .title {
		font-size: 22px;
	}
}

.portfolio-item .portfolio-link {
	position: absolute;
	right: -50px;
	bottom: -50px;
	background-color: #fff;
	color: #0c59db;
	font-size: 20px;
	height: 60px;
	width: 60px;
	text-align: center;
	line-height: 62px;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.portfolio-item .portfolio-link {
		bottom: -30px;
		right: -30px;
		height: 50px;
		width: 50px;
		line-height: 52px;
	}
}

@media (max-width: 767px) {
	.portfolio-item .portfolio-link {
		bottom: -30px;
		right: -30px;
		height: 50px;
		width: 50px;
		line-height: 52px;
	}
}

.portfolio-item:hover::before {
	opacity: 0.8;
	visibility: visible;
}

.portfolio-item:hover .portfolio-content {
	opacity: 1;
	visibility: visible;
}

.portfolio-item-two {
	color: #81a3bb;
	/* border-bottom: 3px solid orange;
	border-right:3px solid orange; */
}

.portfolio-item-two .portfolio-img {
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100%;
	background-color: #f2f2f2e3;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	;
	/* padding:10PX; */

}

.portfolio-item-two .portfolio-content {

	padding: 15px 15px;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(60, 110, 203, 0.1);
	box-shadow: 0px 8px 16px 0px rgba(60, 110, 203, 0.1);
	background-color: #fff;
	height: 100%;
}


.portfolio-items .col-auto:hover .portfolio-item-two {

	-webkit-box-shadow: 7px 7px 12px 3px rgb(254 148 53 / 63%);
	box-shadow: 7px 7px 12px 3px rgb(254 148 53 / 63%);
	background-color: #fff;
}

.portfolio-items .col-auto:hover .portfolio-item-two .portfolio-img {
	padding: 10px;

}

.portfolio-items .col-auto:hover .portfolio-item-two .portfolio-img img {
	border-radius: 10px;
}


@media (min-width: 992px) and (max-width: 1199px) {
	.portfolio-item-two .portfolio-content {
		padding: 30px 15px;
	}
}

@media(max-width:768px) {
	.portfolio-item-two .portfolio-content {
		padding: 15px;
	}
}

@media (max-width: 575px) {
	.portfolio-item-two .portfolio-content {
		padding: 10px;
	}
}

.portfolio-item-two .portfolio-content .category {
	font-size: 20px;
	font-weight: 600;
	text-transform: capitalize;
	color: #262424;
	letter-spacing: 1px;
	padding-bottom: 10px;
}


@media(max-width:768px) {
	.portfolio-item-two .portfolio-content .category {
		font-size: 18px;
		font-weight: 550;
	}
}

@media(max-width:425px) {
	.portfolio-item-two .portfolio-content .category {
		font-size: 16px;
		font-weight: 500;
	}
}

.portfolio-item-two .portfolio-content .title {
	font-size: 24px;
	margin-bottom: 15px;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.portfolio-item-two .portfolio-content .title {
		font-size: 22px;
	}
}

@media (max-width: 575px) {
	.portfolio-item-two .portfolio-content .title {
		font-size: 20px;
	}
}

.portfolio-item-two .portfolio-content .title a {
	color: #002249;
}



.portfolio-arrow,
.portfolio-arrow-two {
	text-align: right;
}

.portfolio-arrow .slick-arrow,
.portfolio-arrow-two .slick-arrow {
	height: 60px;
	width: 60px;
	text-align: center;
	line-height: 58px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.1);
	color: #fff;
	border: 2px solid #0c59db;
	cursor: pointer;
}

.portfolio-arrow .slick-arrow.next,
.portfolio-arrow-two .slick-arrow.next {
	background-color: #fff;
	color: #0c59db;
	margin-left: 15px;
	border-color: #fff;
}

.portfolio-arrow-two .slick-arrow {
	border-color: #ededed;
	color: #0c59db;
}

.portfolio-arrow-two .slick-arrow.next {
	background-color: #0c59db;
	color: #fff;
	margin-left: 15px;
	border-color: #fff;
}

.portfolio-slider-three .slick-arrow {
	position: absolute;
	top: 54%;
	height: 60px;
	width: 60px;
	text-align: center;
	line-height: 60px;
	z-index: 99;
	background-color: transparent;
	border-radius: 50%;
	border: 2px solid #c5c9cf;
	cursor: pointer;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	color: #0c59db;
}


.portfolio-slider-three .slick-arrow:hover {

	background-color: #f488268c;
	border-radius: 50%;
	border: 2px solid rgb(61 62 63);
	color: #020202;
}

.portfolio-slider-three .slick-arrow.prev {
	left: -70px;
}

.portfolio-slider-three .slick-arrow.next {
	right: -70px;
}

@media(max-width:768px) {
	.portfolio-slider-three .slick-arrow {
		top: 54%;
		height: 50px;
		width: 50px;
		line-height: 50px;
	}

	.portfolio-slider-three .slick-arrow.prev {
		left: -40px;
	}

	.portfolio-slider-three .slick-arrow.next {
		right: -40px;
	}
}

@media(max-width:425px) {
	@media(max-width:768px) {
		.portfolio-slider-three .slick-arrow {
			top: 50%;
			height: 25px;
			width: 25px;
			line-height: 20px;
		}

		.portfolio-slider-three .slick-arrow.prev {
			left: -20px;
		}

		.portfolio-slider-three .slick-arrow.next {
			right: -20px;
		}
	}
}

.portfolio-area.portfolio-mt-negative {
	margin-top: 0px;
	position: relative;
	z-index: 2;
	padding-bottom: 90px;
}

.counter-faq-section-one {
	padding-top: 120px;
	padding-bottom: 250px;
	position: relative;
	z-index: 1;
}

.counter-faq-section-one .map-image {
	position: absolute;
	z-index: -1;
	right: 100px;
	top: 140px;
	opacity: 0.1;
}

/*=======  Team  =======*/
.team-member {
	text-align: center;
	-webkit-filter: drop-shadow(0px 3px 20px rgba(0, 0, 0, 0.06));
	filter: drop-shadow(0px 3px 20px rgba(0, 0, 0, 0.06));
}

.team-member .member-photo {
	position: relative;
	z-index: 1;
}

.team-member .member-photo img {
	border-radius: 5px;
}

.team-member .member-photo .social-icon {
	position: absolute;
	bottom: 0;
	z-index: 2;
	left: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	opacity: 0;
	visibility: hidden;
	text-align: center;
}

.team-member .member-photo .social-icon a {
	width: 36px;
	height: 36px;
	margin: 0px 5px;
	line-height: 36px;
	color: #0c59db;
	text-align: center;
	background-color: #fff;
	border-radius: 50%;
	font-size: 15px;
}

.team-member .member-photo .social-icon a:hover {
	background-color: #0c59db;
	color: #fff;
}

.team-member:hover .social-icon {
	bottom: 20px;
	opacity: 1;
	visibility: visible;
}

.team-member .team-content {
	background-color: #fff;
	padding: 30px;
}

.team-member .team-content .name {
	font-size: 20px;
	margin-bottom: 5px;
}

.team-member .team-content .name a {
	color: #232323;
}

.team-member .team-content .name a:hover {
	color: #0c59db;
}

.team-member .team-content .position {
	line-height: 1;
}


.team-slider-two-arrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: -155px;
	position: relative;
	z-index: 2;
	margin-top: 100px;
}

.team-slider-two-arrow .slick-arrow {
	height: 80px;
	width: 80px;
	background: #fff;
	text-align: center;
	line-height: 80px;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(132, 190, 255, 0.1);
	box-shadow: 0px 8px 16px 0px rgba(132, 190, 255, 0.1);
	cursor: pointer;
	font-size: 20px;
	position: relative;
}

.team-slider-two-arrow .slick-arrow.next::before {
	position: absolute;
	content: "";
	width: 2px;
	height: 50px;
	left: -1px;
	bottom: -12%;
	background: #e9f1ff;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.team-area.team-section-extra-padding {
	padding-top: 120px;
	padding-bottom: 300px;
}

.team-area.team-with-shape-two {
	position: relative;
	z-index: 2;
}

.team-area.team-with-shape-two::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 480px;
	z-index: -1;
	background-size: cover;
	background-position: center;
	background-image: url(../img/shape/team-bg.jpg);
}



.testimonials-arrow {
	text-align: right;
}

.testimonials-arrow .slick-arrow {
	height: 60px;
	width: 60px;
	text-align: center;
	line-height: 58px;
	border-radius: 50%;
	background-color: #fff;
	border: 2px solid rgba(12, 89, 219, 0.1);
	cursor: pointer;
	color: #0c59db;
}

.testimonials-arrow .slick-arrow.next {
	background-color: #0c59db;
	margin-left: 15px;
	border-color: #0c59db;
	color: #fff;
}

/*=======  Call to action  =======*/
.call-to-action {
	padding-top: 100px;
	padding-bottom: 100px;
	background-size: cover;
	background-position: center;
	position: relative;
	z-index: 1;
}

.call-to-action::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: #f2652073;
	opacity: 0.8;
}


.call-to-action-four {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
}

.call-to-action-four::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: #3a414cc7;
	opacity: 0.9;
}

.call-to-action-four .cta-content .title-tag {
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.call-to-action-four .cta-content .title {
	color: #fff;
	font-size: 41px;
}


@media(max-width:992px) {
	.call-to-action-four .cta-content .title {
		font-size: 36px;
	}
}

@media(max-width:768px) {
	.call-to-action-four .cta-content .title {
		font-size: 32px;
	}
}

@media(max-width:425px) {
	.call-to-action-four .cta-content .title {
		font-size: 24px;
	}
}

.call-to-action-four .cta-btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	/* align-items: center; */
	margin: -15px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

@media (min-width:990px) {
	.call-to-action-four .cta-btns {
		width: 100%;
		/* margin-left: -60px; */
	}
}

@media (min-width:1200px) {
	.call-to-action-four .cta-btns {
		width: 52em;
	}
}

@media (max-width: 991px) {
	.call-to-action-four .cta-btns {
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		margin-top: 40px;
	}
}

@media (max-width: 575px) {
	.call-to-action-four .cta-btns {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		max-width: 30em;
	}
}

.call-to-action-four .cta-btns .cta-btn {
	background: #de7824;
	/* #de7824ad; */
	/* #ff7d37d4; */
	/* #ff5f6e; */
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	text-align: center;
	padding: 55px 6px;
	position: relative;
	z-index: 5;
	margin: 15px;
}

.call-to-action-four .cta-btns .cta-btn i {
	position: absolute;
	top: 8px;
	left: 10px;
	opacity: 0.4;
	color: #fff;
	font-size: 60px;
	z-index: -1;
}

.call-to-action-four .cta-btns .cta-btn p {
	color: #fff;
	font-size: 14px;
}

.call-to-action-four .cta-btns .cta-btn span {
	color: #fff;
	font-weight: 700;
	font-size: 17px;
	-ms-flex-line-pack: center;
	    align-content: center;
}

@media (max-width: 1199px) {
	.call-to-action-four .cta-btns .cta-btn span {
		font-size: 18px;
	}
}

@media(max-width:768px) {
	.call-to-action-four .cta-btns .cta-btn span {
		font-size: 16px;
	}
}

@media(max-width:425px) {
	.call-to-action-four .cta-btns .cta-btn span {
		font-size: 15px;
	}
}


.call-to-action-four .cta-btns .cta-btn.cta-btn-2 {
	background: #0a0d0f;
	text-align: center;
	padding: 32px 6px;
	position: relative;
	z-index: 5;
	margin: 15px;
}

@media(min-width:992px) and (max-width:1200px) {
	.btn-mail-hide {
		display: none;
	}
}

/*=======  Latest News  =======*/
.latest-news-box {
	-webkit-box-shadow: 0px 16px 32px rgba(228, 228, 228, 0.56);
	box-shadow: 0px 16px 32px rgba(228, 228, 228, 0.56);
}

.latest-news-box .post-content {
	padding: 25px 25px 30px;
	background-color: #fff;
}

.latest-news-box .post-content .title {
	font-size: 24px;
	line-height: 1.3;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.latest-news-box .post-content .title {
		font-size: 18px;
	}
}

@media (max-width: 991px) {
	.latest-news-box .post-content .title {
		font-size: 20px;
	}
}

.latest-news-box .post-content .title a {
	color: #232323;
}

.latest-news-box .post-content .post-meta {
	margin-bottom: 10px;
}

.latest-news-box .post-content .post-meta li {
	display: inline-block;
}

.latest-news-box .post-content .post-meta a {
	font-size: 14px;
	font-weight: 700;
}

.latest-news-box .post-content .read-more-btn {
	margin-top: 25px;
	color: #232323;
	font-size: 15px;
	font-weight: 700;
}

.latest-news-box .post-content .read-more-btn i {
	margin-left: 10px;
}

.latest-news-box .post-content .read-more-btn:hover {
	color: #0c59db;
}


.latest-news-box-three {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.latest-news-box-three img {
	width: 100%;
	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.latest-news-box-three::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-color: #767575;
	opacity: 0.4;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.latest-news-box-three .post-content {
	position: absolute;
	left: 40px;
	bottom: 40px;
	right: 40px;
	z-index: 3;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	max-height: 155px;
	overflow: hidden;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.latest-news-box-three .post-content {
		left: 25px;
		bottom: 30px;
		right: 25px;
	}
}

@media (max-width: 575px) {
	.latest-news-box-three .post-content {
		left: 25px;
		bottom: 30px;
		right: 25px;
	}
}

.latest-news-box-three .post-content .cat {
	font-weight: 700;
	color: #fff;
	font-size: 15px;
}

.latest-news-box-three .post-content .title {
	font-size: 20px;
	padding-top: 10px;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.latest-news-box-three .post-content .title {
		font-size: 20px;
	}
}

@media (max-width: 575px) {
	.latest-news-box-three .post-content .title {
		font-size: 20px;
	}
}

.latest-news-box-three .post-content .title a {
	color: #fff;
}

.latest-news-box-three .news-link {
	color: #fff;
	font-size: 30px;
	position: absolute;
	line-height: 1;
	bottom: 20px;
	left: 40px;
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	opacity: 0;
	visibility: hidden;
	z-index: 4;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.latest-news-box-three .news-link {
		left: 25px;
	}
}

@media (max-width: 575px) {
	.latest-news-box-three .news-link {
		left: 25px;
	}
}

.latest-news-box-three:hover img {
	-webkit-transform: scale(1.2) rotate(5deg);
	-ms-transform: scale(1.2) rotate(5deg);
	transform: scale(1.2) rotate(5deg);
}

.latest-news-box-three:hover .post-content {
	bottom: calc(100% - 170px);
}

.latest-news-box-three:hover::before {
	opacity: 0.9;
	background-color: #e9601688;
}

.latest-news-box-three:hover .news-link {
	bottom: 40px;
	visibility: visible;
	opacity: 1;
}



.latest-news-white-box {
	padding-bottom: 80px;
	padding-top: 50px;
	-webkit-box-shadow: 0px 16px 32px 0px rgba(228, 228, 228, 0.56);
	box-shadow: 0px 16px 32px 0px rgba(228, 228, 228, 0.56);
	background-color: #fff;
	margin-right: 40px;
	margin-left: 40px;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.latest-news-white-box {
		margin-left: 10px;
		margin-right: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (max-width: 991px) {
	.latest-news-white-box {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media (max-width: 575px) {
	.latest-news-white-box {
		margin-left: 10px;
		margin-right: 10px;
	}
}

/*=======  About  =======*/
.about-text-block .section-title .title {
	color: #232323;
	font-size: 40px;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.about-text-block .section-title .title {
		font-size: 36px;
	}
}

@media (max-width: 991px) {
	.about-text-block .section-title .title {
		font-size: 32px;
	}
}

@media (max-width: 767px) {
	.about-text-block .section-title .title {
		font-size: 28px;
	}
}

@media (max-width: 575px) {
	.about-text-block .section-title .title {
		font-size: 22px;
	}
}

.about-text-block .about-experience {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.about-text-block .about-experience h3 {
	font-weight: 700;
	color: #0c59db;
	font-size: 100px;
	padding-right: 15px;
	position: relative;
	line-height: 1;
}

@media (max-width: 575px) {
	.about-text-block .about-experience h3 {
		font-size: 60px;
	}
}

.about-text-block .about-experience h3::before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-top: 30px solid #0c59db;
	border-right: 30px solid transparent;
	left: -48px;
	top: 23px;
}

@media (max-width: 767px) {
	.about-text-block .about-experience h3::before {
		display: none;
	}
}

.about-text-block .about-experience span {
	font-size: 30px;
	font-family: "GilroyBold";
	font-weight: 700;
	color: #002249;
	text-transform: capitalize;
	line-height: 1.1;
}

@media (max-width: 767px) {
	.about-text-block .about-experience span {
		font-size: 30px;
	}
}

@media (max-width: 575px) {
	.about-text-block .about-experience span {
		font-size: 22px;
	}
}

.about-text-block .about-btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}



.about-text-block .about-btns li:not(:last-child) {
	margin-right: 20px;
}


.about-thumb {
	position: relative;
	z-index: 5;
}

.about-thumb::before {
	position: absolute;
	content: "";
	height: 530px;
	width: 530px;
	border: 100px solid #f48826;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #fff;
	z-index: -1;
	left: -100px;
	top: 75px;
}

@media (max-width: 1199px) {
	.about-thumb::before {
		height: 400px;
		width: 400px;
		left: -60px;
		border-width: 80px;
	}
}

@media (max-width: 991px) {
	.about-thumb::before {
		top: 85px;
	}
}

@media (max-width: 575px) {
	.about-thumb::before {
		display: none;
	}
}

.about-thumb::after {
	position: absolute;
	content: "";
	height: 100px;
	width: 100px;
	border: 20px solid #f48826;
	background: #fff;
	z-index: -1;
	left: -22px;
	top: 68px;
}

@media (max-width: 1199px) {
	.about-thumb::after {
		height: 40px;
		width: 40px;
		left: -0px;
		border-width: 10px;
	}
}

@media (max-width: 991px) {
	.about-thumb::after {
		display: none;
	}
}

.about-thumb-img:hover {

	-webkit-transform: scale(1) rotate(5deg);
	-ms-transform: scale(1) rotate(5deg);
	transform: scale(1) rotate(5deg);
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.about-thumb-img {

	-webkit-transform: scale(1) rotate(0deg);
	-ms-transform: scale(1) rotate(0deg);
	transform: scale(1) rotate(0deg);
	-webkit-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}

.about-thumb-img:hover::before {


	-webkit-transition: all 1.2s ease-out 0s;
	-o-transition: all 1.2s ease-out 0s;
	transition: all 1.2s ease-out 0s;
	-webkit-transform: scale(1) rotate(-45deg);
	-ms-transform: scale(1) rotate(-45deg);
	transform: scale(1) rotate(-45deg);
}

.about-thumb-img:hover::after {


	-webkit-transition: all 1.2 ease-out 0s;
	-o-transition: all 1.2s ease-out 0s;
	-webkit-transition: all 1.2s ease-out 0s;
	transition: all 1.2s ease-out 0s;
	-webkit-transform: scale(1) rotate(90deg);
	-ms-transform: scale(1) rotate(90deg);
	transform: scale(1) rotate(90deg);
}

.about-section.about-with-shape {
	position: relative;
	z-index: 2;
}

.about-section.about-with-shape .about-shape-1 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

@media (max-width: 575px) {
	.about-section.about-with-shape .about-shape-1 {
		width: 40%;
	}
}

.about-section.about-with-shape .about-shape-2 {
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}

@media (max-width: 575px) {
	.about-section.about-with-shape .about-shape-2 {
		width: 40%;
	}
}

.history-timeline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	z-index: 1;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-left: -60px;
	margin-right: -60px;
	padding: 30px 0;
}

.history-timeline::before {
	position: absolute;
	content: "";
	top: 0;
	height: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 2px;
	background: #e3eeff;
}

.history-timeline::after {
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 60px;
	width: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
	background-color: #0c59db;
	color: #fff;
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	content: "";
	font-size: 20px;
}

.history-timeline .history-item {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	width: 50%;
	margin-bottom: 80px;
	padding-left: 60px;
	padding-right: 60px;
}

.history-timeline .history-item .number-box {
	height: 60px;
	width: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
	border: 4px solid #9edbff;
	background-color: #fff;
	color: #616161;
	z-index: 5;
	position: absolute;
	top: -30px;
	right: -30px;
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.history-timeline .history-item:nth-child(2) {
	margin-top: 300px;
}

.history-timeline .history-item:nth-child(even) .number-box {
	right: auto;
	left: -30px;
}

.history-timeline .history-item:nth-last-child(1),
.history-timeline .history-item:nth-last-child(2) {
	margin-bottom: 0;
}

.history-timeline .history-item .history-thumb {
	width: 100%;
	height: 300px;
	background-size: cover;
	background-position: center;
}

.history-timeline .history-item .history-content {
	padding: 35px 40px;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(132, 190, 255, 0.1);
	box-shadow: 0px 8px 16px 0px rgba(132, 190, 255, 0.1);
}

.history-timeline .history-item .history-content .history-year {
	color: #0c59db;
	font-weight: 700;
}

.history-timeline .history-item .history-content .title {
	font-size: 26px;
	padding-top: 9px;
}

/*===== Why Choose css =====*/
.why-choose-area {
	background-color: #101028;
	padding-top: 113px;
	padding-bottom: 113px;
	position: relative;
	overflow: hidden;
	z-index: 2;
}

.why-choose-area .single-choose .icon-box {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 175px;
	width: 175px;
	border-radius: 50%;
	border: 2px solid #252543;
	background: -o-radial-gradient(circle, #8383f9 0%, rgba(209, 209, 223, 0) 50%, rgba(255, 255, 255, 0) 74%);
	background: radial-gradient(circle, #8383f9 0%, rgba(209, 209, 223, 0) 50%, rgba(255, 255, 255, 0) 74%);
	position: relative;
	z-index: 2;
	font-size: 60px;
	color: #fff;
	line-height: 1;
	margin-bottom: 50px;
}

.why-choose-area .single-choose .icon-box .rotate-dot {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	z-index: -1;
	-webkit-animation: rotateTwo 30s linear infinite;
	animation: rotateTwo 30s linear infinite;
}

.why-choose-area .single-choose .icon-box .rotate-dot::before {
	position: absolute;
	content: "";
	height: 15px;
	width: 15px;
	background: #fff;
	top: -8px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%;
}

.why-choose-area .single-choose .icon-box .rotate-dot::after {
	position: absolute;
	content: "";
	height: 7px;
	width: 7px;
	background: #fff;
	bottom: -4px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%;
}

.service-section .container .single-choose .icon-box {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 30px;
	width: 30px;
	border-radius: 50%;
	border: 2px solid #252543;
	background: -o-radial-gradient(circle, #8383f9 0%, rgba(209, 209, 223, 0) 50%, rgba(255, 255, 255, 0) 74%);
	background: radial-gradient(circle, #8383f9 0%, rgba(209, 209, 223, 0) 50%, rgba(255, 255, 255, 0) 74%);
	position: relative;
	z-index: 2;
	font-size: 60px;
	color: #fff;
	line-height: 1;
	margin-bottom: 50px;
}



.why-choose-area .single-choose h4 {
	font-size: 26px;
	color: #fff;
	margin-bottom: 20px;
}

.why-choose-area .single-choose p {
	color: #c7c7ff;
	padding: 0 20px;
	font-size: 16px;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.why-choose-area .single-choose p {
		padding: 0;
	}
}

@media (max-width: 575px) {
	.why-choose-area .single-choose p {
		padding: 0;
	}
}

@media(max-width:992px) {
	.why-choose-area .single-choose h4 {
		font-size: 24px;
	}
}

@media(max-width:768px) {
	.why-choose-area .single-choose h4 {
		font-size: 22px;
	}

	.why-choose-area .single-choose p {
		font-size: 14px;
	}
}

@media(max-width:425px) {
	.why-choose-area .single-choose h4 {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.why-choose-area .single-choose p {
		font-size: 12px;
	}
}


.why-choose-area .choose-dot {
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}

.why-choose-area .choose-dot img {
	width: 100%;
}

.why-choose-area .choose-shape {
	position: absolute;
	left: 0;
	top: -170px;
	z-index: -1;
}

.why-choose-area .choose-shape img {
	width: 100%;
}

/*=======  Contact  =======*/
.conatct-section {
	position: relative;
	z-index: 2;
}

.conatct-section .contact-form-area {
	background: #fff;
	-webkit-box-shadow: 0px 16px 32px 0px rgba(228, 228, 228, 0.56);
	box-shadow: 0px 16px 32px 0px rgba(228, 228, 228, 0.56);
	padding: 60px;
}

@media (max-width: 575px) {
	.conatct-section .contact-form-area {
		padding: 30px;
	}
}

.conatct-section .contact-form-area .contact-form {
	padding-left: 10px;
}

.conatct-section .contact-form-area .contact-form .form-title {
	font-size: 40px;
	color: #232323;
	padding-right: 40px;
}

@media (max-width: 767px) {
	.conatct-section .contact-form-area .contact-form .form-title {
		font-size: 28px;
	}
}

.conatct-section .contact-form-area .contact-form .input-group {
	position: relative;
}

.conatct-section .contact-form-area .contact-form .input-group input,
.conatct-section .contact-form-area .contact-form .input-group textarea {
	height: 50px;
	border: 0;
	border-bottom: 2px solid #e3eeff;
	color: #616161;
	text-transform: capitalize;
	padding: 0;
}

.conatct-section .contact-form-area .contact-form .input-group textarea {
	height: 90px;
}

.conatct-section .contact-form-area .contact-form .input-group .icon {
	right: 0;
	color: #0c59db;
}

.conatct-section .conatct-one-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 74%;
	z-index: -2;
	background-size: cover;
	background-position: center;
	background-color: #0c59db;
	background-repeat: no-repeat;
}

.conatct-section .conatct-one-bg::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: #0c59db;
	opacity: 0.9;
}

.conatct-section-two {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
}

.conatct-section-two::before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: #234c7bbd;
	/* #002249; */
	opacity: 0.8;
}

.conatct-section-two .contact-form input,
.conatct-section-two .contact-form textarea {
	border: 2px solid rgba(255, 255, 255, 0.2);
	background-color: transparent;
	color: #fff;
}

.conatct-section-two .contact-form ::-webkit-input-placeholder {
	color: #c1d0de;
}

.conatct-section-two .contact-form ::-moz-placeholder {
	color: #c1d0de;
}

.conatct-section-two .contact-form :-ms-input-placeholder {
	color: #c1d0de;
}

.conatct-section-two .contact-form ::-ms-input-placeholder {
	color: #c1d0de;
}

.conatct-section-two .contact-form ::placeholder {
	color: #c1d0de;
}

.contact-map-one {
	height: 340px;
}

.contact-map-one iframe {
	width: 100%;
	height: 100%;
	border: none;
}

.contact-map-two {
	text-align: end;
	position: relative;
	z-index: 2;
}

.contact-map-two::before {
	position: absolute;
	content: "";
	height: 0;
	width: 0;
	border-bottom: 400px solid #0c59db;
	border-left: 400px solid transparent;
	right: -15px;
	bottom: -15px;
	z-index: -1;
}

@media (max-width: 575px) {
	.contact-map-two::before {
		border-width: 200px;
	}
}

.contact-map-two iframe {
	border: none;
	width: 90%;
	height: 560px;
}

@media (max-width: 991px) {
	.contact-map-two iframe {
		width: 100%;
	}
}

.contact-map-three iframe {
	border: none;
	width: 100%;
	height: 550px;
}

.contact-info-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: 1px solid #ededed;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.contact-info-items .contact-info-item {
	border: 1px solid #ededed;
	width: 50%;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	padding: 55px 0 50px;
}

@media (max-width: 575px) {
	.contact-info-items .contact-info-item {
		width: 100%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
}

.contact-info-items .contact-info-item i {
	height: 80px;
	width: 80px;
	border-radius: 50%;
	background: #f58a26;
	/* #0c59db; */
	text-align: center;
	line-height: 80px;
	color: #fff;
	font-size: 24px;
}

.contact-info-items .contact-info-item .title {
	font-size: 24px;
	padding-top: 25px;
}

.contact-info-items .contact-info-item p {
	font-size: 18px;
	color: #69a1bb;
	padding-top: 5px;
}

.contact-video {
	position: relative;
	z-index: 1;
	text-align: right;
}

.contact-video::before {
	position: absolute;
	content: "";
	height: 0;
	width: 0;
	border-bottom: 400px solid #f58a26;
	border-left: 400px solid transparent;
	right: -20px;
	bottom: -20px;
	z-index: -1;
}

@media (max-width: 575px) {
	.contact-video::before {
		border-width: 200px;
	}
}

.contact-video .video-popup {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 120px;
	width: 120px;
	text-align: center;
	line-height: 120px;
	color: #fff;
	font-size: 24px;
	z-index: 5;
	border-radius: 50%;
	background-color: #f58a26;
	/* #0c59db; */
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

@media (max-width: 575px) {
	.contact-video .video-popup {
		height: 80px;
		width: 80px;
		line-height: 80px;
	}
}

.contact-video .video-popup::before {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	border-radius: 50%;
	background: #fff;
	top: 0;
	left: 0;
	z-index: -2;
	opacity: 0.6;
	-webkit-animation: pulseBtnBefore 1.5s linear infinite;
	animation: pulseBtnBefore 1.5s linear infinite;
}

.contact-video .video-popup::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #f58a26;
	border-radius: 50%;
	z-index: -1;
}

/*=======  Intro Video  =======*/
.intro-video-area {
	background-size: cover;
	background-position: center;
	position: relative;
	z-index: 1;
	padding-top: 110px;
	padding-bottom: 145px;
}

.intro-video-area::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: #fff;
	opacity: 0.8;
}




.intro-video-area .intro-video-content span {
	color: #040400;
	/* #0c59db; */
	letter-spacing: 2px;
	font-size: 21px;
	font-weight: 700;
	text-transform: uppercase;
}

.intro-video-area .intro-video-content .title {
	font-size: 40px;
	color: #fff;
	padding-right: 22px;
	padding-top: 20px;
	padding-bottom: 16px;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.intro-video-area .intro-video-content .title {
		font-size: 38px;
	}
}

@media (max-width: 991px) {
	.intro-video-area .intro-video-content .title {
		font-size: 32px;
	}
}

@media (max-width: 767px) {
	.intro-video-area .intro-video-content .title {
		font-size: 28px;
	}
}

@media (max-width: 575px) {
	.intro-video-area .intro-video-content .title {
		font-size: 22px;
	}
}

.intro-video-area .intro-video-content .text-1 {
	font-size: 22px;
	color: #303438;
	padding-bottom: 25px;
}

@media (max-width: 767px) {
	.intro-video-area .intro-video-content .text-1 {
		font-size: 22px;
	}
}

@media (max-width: 575px) {
	.intro-video-area .intro-video-content .text-1 {
		font-size: 16px;
	}
}

.intro-video-area .intro-video-content .text-2 {
	color: #303438;
	font-size: 17px;
	text-align: justify;
}

@media(max-width:768px) {

	.intro-video-area .intro-video-content .text-2 {
		font-size: 16px;
	}
}

@media(max-width:425px) {

	.intro-video-area .intro-video-content .text-2 {
		font-size: 14px;
	}
}

.intro-video-area .intro-video-content .main-btn {
	margin-top: 45px;
}

.intro-video-area .intro-thumb {
	position: relative;
	z-index: 10;
}

.intro-video-area .intro-thumb::before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-bottom: 420px solid #ff8b209c;
	border-left: 420px solid transparent;
	right: -25px;
	bottom: -25px;
	z-index: -1;
}

@media(max-width:475px) {
	.intro-video-area .intro-thumb::before {
		border-bottom: 240px solid #ff8b209c;
		border-left: 240px solid transparent;
	}
}

.intro-video-area .intro-thumb .video-popup {
	height: 80px;
	width: 80px;
	color: #fff;
	background: #f58a26;
	text-align: center;
	line-height: 80px;
	border-radius: 50%;
	position: absolute;
	z-index: 2;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.intro-video-area .intro-thumb .video-popup::before {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	border-radius: 50%;
	border: 1px solid #000;
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-animation: pulseBtnBefore 1.8s linear infinite;
	animation: pulseBtnBefore 1.8s linear infinite;
}

.intro-video-area .intro-thumb .video-popup::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	border-radius: 50%;
	border: 1px solid #000;
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-animation: pulseBtnAfter 1.5s linear infinite;
	animation: pulseBtnAfter 1.5s linear infinite;
}


/* ========================================== */
.intro-video-area .intro-thumb .video-popup-new {
	height: 617px;
	width: 100%;
	z-index: 2;

}

@media(max-width:992px) {
	.intro-video-area .intro-thumb .video-popup-new {
		height: 100%;
	}
}



/* ===================================================== */
.intro-video-area-two {
	padding-top: 120px;
	padding-bottom: 620px;
	position: relative;
}

.intro-video-area-two .video-popup {
	height: 100px;
	width: 100px;
	color: #fff;
	background: #f58a26;
	/* #0c59db; */
	text-align: center;
	line-height: 100px;
	border-radius: 50%;
	position: relative;
	z-index: 2;
}

.intro-video-area-two .video-popup::before {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	border-radius: 50%;
	border: 2px solid #fff;
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-animation: pulseBtnBefore 1.8s linear infinite;
	animation: pulseBtnBefore 1.8s linear infinite;
}

.intro-video-area-two .video-popup::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	border-radius: 50%;
	border: 2px solid #fff;
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-animation: pulseBtnAfter 1.5s linear infinite;
	animation: pulseBtnAfter 1.5s linear infinite;
}

.intro-video-area-two .video-thumb-1 {
	position: absolute;
	top: -40px;
	left: 30px;
	text-align: left;
}

@media (max-width: 991px) {
	.intro-video-area-two .video-thumb-1 img {
		max-width: 65%;
	}
}

@media (max-width: 767px) {
	.intro-video-area-two .video-thumb-1 img {
		max-width: 45%;
	}
}

.intro-video-area-two .video-thumb-2 {
	position: absolute;
	top: -70px;
	right: 30px;
	text-align: right;
}

@media (max-width: 991px) {
	.intro-video-area-two .video-thumb-2 img {
		max-width: 65%;
	}
}

@media (max-width: 767px) {
	.intro-video-area-two .video-thumb-2 img {
		max-width: 50%;
	}
}

.intro-video-with-shape {
	position: relative;
	z-index: 1;
}

/* 
.intro-video-with-shape::before {
	position: absolute;
	content: "";
	bottom: -20px;
	left: -20px;
	width: 0;
	height: 0;
	border-bottom: 400px solid #f48826;
	border-right: 400px solid transparent;
	z-index: -1;
} */

.intro-video-with-shape::before {
	position: absolute;
	content: "";
	top: -20px;
	right: 15px;
	width: 0;
	height: 0;
	border-top: 400px solid #f48826;
	border-left: 400px solid transparent;
	z-index: -1;
}

@media (max-width: 575px) {
	.intro-video-with-shape::before {
		border-width: 200px;
		right: 2px;
	}
}

.intro-video-with-shape .video-popup {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-75%, -50%);
	-ms-transform: translate(-75%, -50%);
	transform: translate(-75%, -50%);
	height: 120px;
	width: 120px;
	text-align: center;
	border-radius: 50%;
	line-height: 120px;
	background: #f48826;
	/* #0c59db; */
	color: #fff;
	font-size: 20px;
	z-index: 2;
}

@media (max-width: 575px) {
	.intro-video-with-shape .video-popup {
		height: 80px;
		width: 80px;
		line-height: 80px;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
}

.intro-video-with-shape .video-popup::before {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	border-radius: 50%;
	border: 2px solid #000;
	/* #f48826; */
	/* #0c59db; */
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-animation: pulseBtnBefore 1.8s linear infinite;
	animation: pulseBtnBefore 1.8s linear infinite;
}

.intro-video-with-shape .video-popup::after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	border-radius: 50%;
	border: 2px solid #f48826;
	/* #0c59db; */
	top: 0;
	left: 0;
	z-index: -1;
	-webkit-animation: pulseBtnAfter 1.5s linear infinite;
	animation: pulseBtnAfter 1.5s linear infinite;
}

/*===== Accordion Css =====*/
/* .accordion-one {
	border: none;
}

.accordion-one .card {
	border-radius: 0;
	border: 0;
}

.accordion-one .card:first-child {
	border-top: 0;
}

.accordion-one .card:not(:last-child) {
	margin-bottom: 10px;
}

.accordion-one .card .card-header {
	border-bottom: 0;
	padding: 0;
	margin: 0;
	background-color: transparent;
}

.accordion-one .card .card-header a {
	line-height: 50px;
	padding: 0 0 0 0px;
	text-decoration: none;
	font-weight: 700;
	font-size: 18px;
	font-family: "GilroyBold";
	width: 100%;
	color: #0c59db;
	position: relative;
}

@media (max-width: 575px) {
	.accordion-one .card .card-header a {
		font-size: 16px;
	}
}

.accordion-one .card .card-header a i {
	padding-right: 5px;
}

.accordion-one .card .card-header a.collapsed {
	color: #616161;
}

.accordion-one .card .card-body {
	padding: 0 10px 10px 25px;
}

.accordion-one .card .card-body p {
	font-size: 15px;
	color: #616161;
}

.accordion-one.white-version .card {
	background-color: transparent;
}

.accordion-one.white-version .card .card-header a {
	color: #fff;
	font-family: "Karla", sans-serif;
}

@media (max-width: 575px) {
	.accordion-one.white-version .card {
		margin: 0;
	}
}

.accordion-one.white-version .card .card-body p {
	color: #fff;
} */

.accordion-two {
	border: none;
}

.accordion-two .card {
	border-radius: 0;
	border: 0;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(132, 190, 255, 0.1);
	box-shadow: 0px 8px 16px 0px rgba(132, 190, 255, 0.1);
	border-bottom: 1px solid #303030;
}

.accordion-two .card:first-child {
	border-top: 0;
}

.accordion-two .card:not(:last-child) {
	margin-bottom: 20px;
}

.accordion-two .card .card-header {
	border-bottom: 0;
	padding: 0;
	margin: 0;
	background-color: transparent;
}

.accordion-two .card .card-header a {
	padding: 10px 35px 10px 19px;
	text-decoration: none;
	font-weight: 400;
	font-size: 17px;
	width: 100%;
	color: #002249;
	position: relative;
}

@media (max-width: 767px) {
	.accordion-two .card .card-header a {
		padding: 0 0 0 40px;
		line-height: 60px;
		font-size: 16px;
	}
}

@media (max-width: 575px) {
	.accordion-two .card .card-header a {
		padding: 10px 30px 10px 20px;
		line-height: 20px;
		font-size: 14px;
	}
}

.accordion-two .card .card-header a.collapsed {
	color: #000;
	/* #7a95b4; */
}

.accordion-two .card .card-header a.collapsed::before {
	content: "";
	color: #cddae8;
}

.accordion-two .card .card-header a::before {
	position: absolute;
	content: "";
	right: 36px;
	font-family: "Font Awesome 5 Pro";
}

@media (max-width: 575px) {
	.accordion-two .card .card-header a::before {
		right: 18px;
	}
}

.accordion-two .card .card-body {
	padding: 0 40px 20px;
}

.accordion-two .card .card-body p {
	font-size: 14px;
	color: #000;
	/* #81a3bb; */
}

.accordion-three {
	border: 2px solid #e3eeff;
}

.accordion-three .card {
	border-radius: 0;
	border: 0;
	border-top: 2px solid #e3eeff;
}

.accordion-three .card:first-child {
	border-top: 0;
}

.accordion-three .card .card-header {
	border-bottom: 0;
	padding: 0;
	margin: 0;
	background-color: transparent;
}

.accordion-three .card .card-header a {
	padding: 16px 55px 16px 40px;
	text-decoration: none;
	font-weight: 700;
	color: #002249;
	font-size: 16px;
	width: 100%;
	color: #0c59db;
	position: relative;
}

@media (max-width: 575px) {
	.accordion-three .card .card-header a {
		padding: 16px 40px 16px 20px;
	}
}

.accordion-three .card .card-header a.collapsed {
	color: #002249;
}

.accordion-three .card .card-header a.collapsed::before {
	content: "";
	color: #cddae8;
}

.accordion-three .card .card-header a::before {
	position: absolute;
	content: "";
	right: 36px;
	font-family: "Font Awesome 5 Pro";
}

@media (max-width: 575px) {
	.accordion-three .card .card-header a::before {
		right: 15px;
	}
}

.accordion-three .card .card-body {
	padding: 0 40px 20px;
}

@media (max-width: 575px) {
	.accordion-three .card .card-body {
		padding: 0 20px 20px;
	}
}

.accordion-three.accordion-three-two {
	border: none;
}

.accordion-three.accordion-three-two .card {
	border: 2px solid #eb7c1585;
	border-radius: 15px;

}

.accordion-three.accordion-three-two .card:not(:last-child) {
	margin-bottom: 20px;
}

.accordion-three.accordion-three-two .card .card-header a.collapsed {
	color: #002249;
}

.accordion-three.accordion-three-two .card .card-header a.collapsed::before {
	content: "";
}

.accordion-three.accordion-three-two .card .card-header a::before {
	position: absolute;
	content: "";
	font-weight: 400;
}

.accordion-four {
	border: none;
}

.accordion-four .card {
	border-radius: 40px !important;
	border: 0;
	border-top: 2px solid transparent;
	margin-bottom: 20px;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(132, 190, 255, 0.1);
	box-shadow: 0px 8px 16px 0px rgba(132, 190, 255, 0.1);
}

.accordion-four .card:first-child {
	border-top: 0;
}

.accordion-four .card .card-header {
	border-bottom: 0;
	padding: 0;
	margin: 0;
	background-color: transparent;
}

.accordion-four .card .card-header a {
	padding: 22px 60px 22px 40px;
	text-decoration: none;
	font-weight: 700;
	font-size: 16px;
	width: 100%;
	color: #7a95b4;
	position: relative;
}

@media (max-width: 767px) {
	.accordion-four .card .card-header a {
		padding: 22px 50px 22px 20px;
	}
}

.accordion-four .card .card-header a i {
	color: #0c59db;
	padding-right: 20px;
}

.accordion-four .card .card-header a.collapsed {
	font-size: 16px;
	color: #436584;
}

.accordion-four .card .card-header a.collapsed::before {
	content: "";
	color: #99b1c8;
}

.accordion-four .card .card-header a::before {
	position: absolute;
	content: "";
	right: 36px;
	font-size: 16px;
	font-family: "Font Awesome 5 Pro";
	color: #99b1c8;
}

@media (max-width: 767px) {
	.accordion-four .card .card-header a::before {
		right: 20px;
	}
}

.accordion-four .card .card-body {
	padding: 0 40px 25px;
}

.accordion-four .card .card-body p {
	font-size: 14px;
	color: #81a3bb;
}

/*======= History timeline =======*/
.history-timeline {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	z-index: 1;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-left: -60px;
	margin-right: -60px;
	padding: 30px 0;
}

@media (max-width: 767px) {
	.history-timeline {
		padding: 30px 0px 30px 100px;
		margin: 0;
	}
}

@media (max-width: 575px) {
	.history-timeline {
		padding: 0;
	}
}

.history-timeline::before {
	position: absolute;
	content: "";
	top: 0;
	height: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 2px;
	background: #e3eeff;
}

@media (max-width: 767px) {
	.history-timeline::before {
		left: 30px;
	}
}

@media (max-width: 575px) {
	.history-timeline::before {
		display: none;
	}
}

.history-timeline::after {
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 60px;
	width: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
	background-color: #0c59db;
	color: #fff;
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	content: "";
	font-size: 20px;
}

@media (max-width: 767px) {
	.history-timeline::after {
		left: 0;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
}

@media (max-width: 575px) {
	.history-timeline::after {
		display: none;
	}
}

.history-timeline .history-item {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	width: 50%;
	margin-bottom: 80px;
	padding-left: 60px;
	padding-right: 60px;
}

@media all and (max-width:992px) and (min-width:768px) {
	.history-timeline .history-item {

		margin-bottom: 20px;
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media (max-width: 767px) {
	.history-timeline .history-item {
		width: 100%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		margin-bottom: 60px;
		padding: 0;
	}
}

@media all and (max-width: 767px) and (min-width:575px) {
	.history-timeline .history-item {
		width: 85%;

	}
}

.history-timeline .history-item .number-box {
	height: 60px;
	width: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: 50%;
	border: 4px solid #9edbff;
	background-color: #fff;
	color: #616161;
	z-index: 5;
	position: absolute;
	top: -30px;
	right: -30px;
}

@media (max-width: 767px) {
	.history-timeline .history-item .number-box {
		left: -100px;
		right: auto;
	}
}

@media (max-width: 575px) {
	.history-timeline .history-item .number-box {
		display: none;
	}
}

.history-timeline .history-item:nth-child(2) {
	margin-top: 280px;
}

@media (max-width: 767px) {
	.history-timeline .history-item:nth-child(2) {
		margin-top: 0;
	}
}

.history-timeline .history-item:nth-child(even) .number-box {
	right: auto;
	left: -30px;
}

@media (max-width: 767px) {
	.history-timeline .history-item:nth-child(even) .number-box {
		left: -100px;
		right: auto;
	}
}

.history-timeline .history-item:nth-last-child(1),
.history-timeline .history-item:nth-last-child(2) {
	margin-bottom: 0;
}

@media (max-width: 767px) {

	.history-timeline .history-item:nth-last-child(1),
	.history-timeline .history-item:nth-last-child(2) {
		margin-bottom: 60px;
	}
}

.history-timeline .history-item .history-thumb {
	width: 100%;
	height: 300px;
	background-size: cover;
	background-position: center;
	padding: 0px 15px 0px 15px;

}

.history-timeline .history-item .history-content {
	padding: 35px 15px;
	-webkit-box-shadow: 0px 8px 16px 0px rgba(132, 190, 255, 0.1);
	box-shadow: 0px 8px 16px 0px rgba(132, 190, 255, 0.1);
}

@media (max-width: 991px) {
	.history-timeline .history-item .history-content {
		padding: 30px 10px;
	}
}

@media(max-width:768px) {
	.history-timeline .history-item .history-content {
		padding: 20px 10px;
	}
}

@media(max-width:425px) {
	.history-timeline .history-item .history-content {
		padding: 15px 10px;
	}
}

.history-timeline .history-item .history-content .history-year {
	color: #0c59db;
	font-weight: 700;
}

.history-timeline .history-item .history-content .title {
	font-size: 26px;
	padding-top: 9px;
}

@media (max-width: 1199px) {
	.history-timeline .history-item .history-content .title {
		font-size: 22px;
	}
}

@media(max-width:992px) {
	.history-timeline .history-item .history-content .title {
		font-size: 20px;
	}
}

@media(max-width:768px) {
	.history-timeline .history-item .history-content .title {
		font-size: 18px;
	}
}


/*=======  Brand Slider  =======*/
.brand-slider .brand-item {
	text-align: center;
}

.brand-slider .brand-item a {
	opacity: 0.2;
}

.brand-slider .brand-item a:hover {
	opacity: 1;
}

.brand-slider .brand-item.full-opacity a {
	opacity: 1;
}

.brand-slider .slick-track {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

/*=======  Footer  =======*/
.footer-area {
	background-color: #401f1d;
	/* #00152e; */
}

.footer-area .footer-widgets {
	padding-top: 100px;
	padding-bottom: 50px;
}

.footer-area .footer-widgets .widget {
	margin-bottom: 50px;
}

.footer-area .footer-widgets .widget,
.footer-area .footer-widgets .widget p,
.footer-area .footer-widgets .widget a {
	color: #fff;
}

.footer-area .footer-widgets .widget .widget-title {
	text-transform: capitalize;
	font-weight: 700;
	font-size: 32px;
	margin-bottom: 20px;
	color: #fff;
}

@media (max-width: 991px) {
	.footer-area .footer-widgets .widget .widget-title {
		font-size: 28px;
	}
}

.footer-area .footer-widgets .widget.about-widget {
	font-size: 16px;
}

@media(max-width:768px) {
	.footer-area .footer-widgets .widget.about-widget {
		font-size: 14px;
	}
}

@media(max-width:425px) {
	.footer-area .footer-widgets .widget.about-widget {
		font-size: 12px;
	}
}


.footer-area .footer-widgets .widget.about-widget .logo {
	margin-bottom: 30px;
}

.footer-area .footer-widgets .widget.about-widget p:not(:last-child) {
	margin-bottom: 30px;
}

.footer-area .footer-widgets .widget.nav-widget .footer-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.footer-area .footer-widgets .widget.nav-widget .footer-list ul {
	display: inline-block;
}

.footer-area .footer-widgets .widget.nav-widget .footer-list ul li {
	line-height: 50px;
	/* margin-right: 40px; */
}

@media (min-width: 992px) and (max-width: 1199px) {
	.footer-area .footer-widgets .widget.nav-widget .footer-list ul li {
		/* margin-right: 20px; */
	}
}

/* .footer-area .footer-widgets .widget.nav-widget .footer-list ul li i {
	padding-right: 6px;
} */

.footer-area .footer-widgets .widget.contact-widget ul li {
	line-height: 36px;
	font-size: 15px;
	font-weight: 400;
}

.footer-area .footer-widgets .widget.contact-widget p {
	margin-top: 25px;
}

@media(max-width:992px) {
	.footer-area .footer-widgets .widget.contact-widget p {
		margin-top: 22px;
	}
}

@media(max-width:768px) {
	.footer-area .footer-widgets .widget.contact-widget p {
		margin-top: 20px;
	}
}

@media(max-width:425px) {
	.footer-area .footer-widgets .widget.contact-widget p {
		margin-top: 16px;
	}
}

.footer-area .footer-widgets .widget.contact-widget p span {
	font-weight: 700;
	color: #fff;
}

.footer-area .footer-widgets .widget.contact-widget a {
	margin-top: 8px;
	color: #f48926;
	/* #0c59db; */
	font-weight: 700;
}

.footer-area .footer-widgets .widget.contact-widget a i {
	padding-right: 6px;
}

.footer-area .footer-copyright {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	text-align: center;
	padding: 15px 0;
	color: #c2d1e2;
}

.footer-area .footer-copyright a {
	color: #fff;
	font-weight: 700;
}

.footer-area.footer-area-two {
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.footer-area.footer-area-two::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background-color: #1f1d1ef0;
	opacity: 0.9;
}

.footer-area.footer-area-two::after {
	content: "";
	position: absolute;
	z-index: -1;
	left: -260px;
	bottom: -400px;
	height: 700px;
	width: 700px;
	border-radius: 45%;
	background: #4d4444;
	opacity: 0.4;
}

@media (max-width: 991px) {
	.footer-area.footer-area-two::after {
		width: 500px;
		height: 500px;
		left: -200px;
		bottom: -200px;
	}
}

@media (max-width: 767px) {
	.footer-area.footer-area-two::after {
		display: none;
	}
}

.footer-area.footer-area-two .container {
	position: relative;
	z-index: 1;
}

.footer-area.footer-area-two .container::before {
	content: "";
	position: absolute;
	right: -130px;
	bottom: 4%;
	height: 105px;
	width: 105px;
	border-radius: 50%;
	background: #1f1d1e;
}


@media (max-width: 1199px) {
	.footer-area.footer-area-two .container::before {
		right: 0;
	}
}


.footer-area.footer-area-two .container::after {
	content: "";
	position: absolute;
	right: -30px;
	bottom: calc(3% + 105px + 10px);
	height: 33px;
	width: 33px;
	border-radius: 50%;
	background: #f48926;
}

@media (max-width: 1199px) {
	.footer-area.footer-area-two .container::after {
		right: 20px;
	}
}

@media (max-width:1100px) {
	.footer-area.footer-area-two .container::after {
		display: none;
	}

	.footer-area.footer-area-two .container::before {
		display: none;
	}
}

.footer-area.footer-area-three {
	background-color: #f5faff;
}

.footer-area.footer-area-three .footer-widgets .widget,
.footer-area.footer-area-three .footer-widgets .widget p,
.footer-area.footer-area-three .footer-widgets .widget a {
	color: #81a3bb;
}

.footer-area.footer-area-three .footer-widgets .widget a:hover {
	color: #0c59db;
}

.footer-area.footer-area-three .footer-widgets .widget .widget-title {
	color: #002249;
}

.footer-area.footer-area-three .footer-widgets .widget.contact-widget p span {
	font-weight: 700;
	color: #002249;
}

.footer-area.footer-area-three .footer-copyright {
	border-color: #e2edf3;
	color: #81a3bb;
}

.footer-area.footer-area-three .footer-copyright a {
	color: #002249;
}

/*=== Back to top css =======*/
.back-to-top {
	position: fixed;
	right: 3px;
	bottom: 10px;
	display: none;
	z-index: 999999;
}

.back-to-top a {
	color: #fff;
	background: #0c59db;
	height: 50px;
	width: 50px;
	border-radius:50%;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
}

/*=======  Page Title  =======*/
.page-title-area {
	background: #a9c7ec;
	position: relative;
	z-index: 1;
	text-align: center;
	padding-top: 280px;
	padding-bottom: 120px;
}

@media (max-width: 575px) {
	.page-title-area {
		padding-top: 180px;
	}
}

.page-title-area::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../img/banner/banner-gradient-bg-2.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	z-index: -1;
}

.page-title-area .title {
	font-size: 80px;
	margin-bottom: 10px;
}

@media (max-width: 991px) {
	.page-title-area .title {
		font-size: 62px;
	}
}

@media (max-width: 575px) {
	.page-title-area .title {
		font-size: 38px;
	}
}

.page-title-area .breadcrumb-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.page-title-area .breadcrumb-nav li {
	font-size: 24px;
	font-weight: 700;
	position: relative;
	line-height: 1;
}

@media(max-width:768px) {
	.page-title-area .breadcrumb-nav li {
		font-size: 18px;
	}
}

@media(max-width:425px) {
	.page-title-area .breadcrumb-nav li {
		font-size: 16px;
	}
}


.page-title-area .breadcrumb-nav li:not(:last-child)::after {
	content: "|";
	margin: 0 8px;
}

.page-title-area .breadcrumb-nav li,
.page-title-area .breadcrumb-nav li a {
	color: #69a1bb;
}


.tile-gallery-three .img-one {
	text-align: right;
}

@media (max-width: 575px) {
	.tile-gallery-three .img-one {
		max-width: 90%;
	}
}

.tile-gallery-three .img-two {
	margin-top: -220px;
	position: relative;
	z-index: 1;
	display: inline-block;
}

@media (max-width: 575px) {
	.tile-gallery-three .img-two {
		max-width: 90%;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.tile-gallery-three .img-two {
		max-width: 90%;
	}
}

.tile-gallery-three .img-two img {
	border: 15px solid #f5faff;
}


.error-content {
	padding-top: 100px;
}

.error-content .error-title {
	font-size: 80px;
	text-align: center;
	line-height: 1.1;
	margin-bottom: 30px;
}

@media (max-width: 1199px) {
	.error-content .error-title {
		font-size: 60px;
	}
}

@media (max-width: 767px) {
	.error-content .error-title {
		font-size: 42px;
	}
}


/* ======================================new addings================================================= */
/* ---------home page---------------- */
.form-submit-btn{
	display: -ms-grid;
	display: grid;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.form-submit-btn button {
	padding: 10px 30px;
}

.form-message.success {
	color: #f48826;
}

.form-message {
	height: 100%;

}

.form-message {
	margin-bottom: 10px;
}

.form-message.success,
.form-message.error {
	margin-top: 30px;
}

.form-message.error {
	color: red;
}



.banner-section .banner-content .banner-vision {
	color: #232323;
	font-weight: 700;

}

.header-left {
	height: 15%;
	width: 15%;
	/* margin-left: 10%; */
}

@media all and (max-width:425px) {
	.header-left {
		width: 30%;
		/* margin-left: 0; */
	}
}

@media all and (min-width:425px) and (max-width:768px) {
	.header-left {
		width: 25%;
		/* margin-left: 0; */
	}
}

@media all and (min-width:768px) and (max-width:992px) {
	.header-left {
		width: 20%;
		/* margin-left: 0; */
	}
}
/* 
@media (min-width:1000px) {
	.header-left {
		margin-left: 1%;
	}
}

@media (min-width:1300px) {
	.header-left {
		margin-left: 2%;
	}
}

@media (min-width:1450px) {
	.header-left {
		margin-left: 5%;
	}
}

@media (min-width:1600px) {
	.header-left {
		margin-left: 6%;
	}
}

@media (min-width:2200px) {
	.header-left {
		margin-left: 11%;
	}
} */

.tagline {

	margin-top: 40px;
	height: 15px;
	text-align: center;

}

.tagline-quote {
	opacity: 0;
	-webkit-transform: opacity 1s;
	    -ms-transform: opacity 1s;
	        transform: opacity 1s;
}

.home-tag-image {
	width: 40%;
	margin-left: 30%;
}

#title {
	color: black;
}

.hp-main-video {
	position: relative;
	z-index: 100;
}

.work-flow-img {
	height: 80%;
	width: 80%;
	margin: auto;
}

.services-content p {
	color: black;
	font-size: 17px;
}

.about-thumb-img {
	margin-bottom: 70px;
	margin-left: 0px;
}


/* ======================================================== added on second meeting  101*/
.after-effects {
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	height: 100%;
	border-radius: 10px;
}

.after-effects:hover,
.after-effects:focus-visible,
.after-effects:focus-within {
	-webkit-transform: scale(1.01);
	    -ms-transform: scale(1.01);
	        transform: scale(1.01);
	background-color: #f0f2f5;
	color: #c8c6c8;
	z-index: 100;
	border-radius: 30px;
	padding: 5px 4px 25px 4px;
}

.after-effects:hover .services-content,
.after-effects:focus-visible .services-content,
.after-effects:focus-within .services-content {
	background-color: #f0f2f5;

}

.grey-view {
	-webkit-filter: grayscale(10%);
	        filter: grayscale(10%);
	-webkit-transition: all 3s ease-in-out;
	-o-transition: all 3s ease-in-out;
	transition: all 3s ease-in-out;
	/* appearance:grey(100%); */
}

.after-effects:hover .grey-view,
.after-effects:focus-visible .grey-view,
.after-effects:focus-within .grey-view {
	-webkit-filter: grayscale(0%);
	        filter: grayscale(0%);
	-webkit-filter: brightness(100%);
	        filter: brightness(100%);
}



/* =============================================================service page animation-odd-start=============================== */

@media(min-width:1400px) {

	.ser-aft-effect-o {
		-webkit-transition: all 0.7s ease-in-out;
		-o-transition: all 0.7s ease-in-out;
		transition: all 0.7s ease-in-out;
	}

	.ser-aft-effect-o:hover,
	.ser-aft-effect-o:focus-visible,
	.ser-aft-effect-o:focus-within {
		background-color: #f0f2f5;
		color: #c8c6c8;
		z-index: 4;
		border-radius: 40px;
		margin-left: -40px;
		margin-right: 40px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.ser-aft-effect-o:hover .ser-aft-effect-o-sub,
	.ser-aft-effect-o:focus-visible .ser-aft-effect-o-sub,
	.ser-aft-effect-o:focus-within .ser-aft-effect-o-sub {
		margin-right: 40px;

	}

	.ser-aft-effect-o-img:hover,
	.ser-aft-effect-o-img:focus-visible,
	.ser-aft-effect-o-img:focus-within {
		z-index: 4;
		border-radius: 40px;
		margin-left: -20px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.ser-aft-effect-o:hover .history-thumb {
		margin-top: 20px;
		border-radius: 50px;

	}

	.ser-aft-effect-o:hover .number-box {
		height: 70px;
		width: 70px;
		border-radius: 50%;
		border: 4px solid orange;
		background-color: #fff;
		color: #616161;

	}

	/* =============================================================service page animation-even-start=============================== */
	.ser-aft-effect-e {
		-webkit-transition: all 0.7s ease-in-out;
		-o-transition: all 0.7s ease-in-out;
		transition: all 0.7s ease-in-out;

	}

	.ser-aft-effect-e:hover,
	.ser-aft-effect-e:focus-visible,
	.ser-aft-effect-e:focus-within {

		background-color: #f0f2f5;
		color: #c8c6c8;
		z-index: 4;
		border-radius: 40px;
		margin-left: 40px;
		margin-right: -40px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.ser-aft-effect-e-img:hover,
	.ser-aft-effect-e-img:focus-visible,
	.ser-aft-effect-e-img:focus-within {

		z-index: 4;
		border-radius: 40px;
		margin-left: 20px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.ser-aft-effect-e:hover .history-thumb {
		margin-top: 20px;
		border-radius: 50px;

	}

	.ser-aft-effect-e:hover .number-box {
		height: 70px;
		width: 70px;
		border-radius: 50%;
		border: 4px solid orange;
		background-color: #fff;
		color: #616161;

	}

}

/* ====================================================== */

@media(min-width:992px)and (max-width:1400px) {



	.ser-aft-effect-o {
		-webkit-transition: all 0.7s ease-in-out;
		-o-transition: all 0.7s ease-in-out;
		transition: all 0.7s ease-in-out;
	}

	.ser-aft-effect-o:hover,
	.ser-aft-effect-o:focus-visible,
	.ser-aft-effect-o:focus-within {
		background-color: #f0f2f5;
		color: #c8c6c8;
		z-index: 4;
		border-radius: 40px;
		margin-left: -10px;
		margin-right: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.ser-aft-effect-o:hover .ser-aft-effect-o-sub,
	.ser-aft-effect-o:focus-visible .ser-aft-effect-o-sub,
	.ser-aft-effect-o:focus-within .ser-aft-effect-o-sub {
		margin-right: 10px;

	}

	.ser-aft-effect-o-img:hover,
	.ser-aft-effect-o-img:focus-visible,
	.ser-aft-effect-o-img:focus-within {
		z-index: 4;
		border-radius: 40px;
		margin-left: -5px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.ser-aft-effect-o:hover .history-thumb {
		margin-top: 20px;
		border-radius: 50px;

	}

	.ser-aft-effect-o:hover .number-box {
		height: 70px;
		width: 70px;
		border-radius: 50%;
		border: 4px solid orange;
		background-color: #fff;
		color: #616161;

	}

	/* ====================================================== */


	/* =============================================================service page animation-even-start=============================== */
	.ser-aft-effect-e {
		-webkit-transition: all 0.7s ease-in-out;
		-o-transition: all 0.7s ease-in-out;
		transition: all 0.7s ease-in-out;

	}

	.ser-aft-effect-e:hover,
	.ser-aft-effect-e:focus-visible,
	.ser-aft-effect-e:focus-within {

		background-color: #f0f2f5;
		color: #c8c6c8;
		z-index: 4;
		border-radius: 40px;
		margin-left: 10px;
		margin-right: -10px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.ser-aft-effect-e-img:hover,
	.ser-aft-effect-e-img:focus-visible,
	.ser-aft-effect-e-img:focus-within {

		z-index: 4;
		border-radius: 40px;
		margin-left: 5px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.ser-aft-effect-e:hover .history-thumb {
		margin-top: 20px;
		border-radius: 50px;

	}

	.ser-aft-effect-e:hover .number-box {
		height: 70px;
		width: 70px;
		border-radius: 50%;
		border: 4px solid orange;
		background-color: #fff;
		color: #616161;

	}

}

/* ====================================================== */

/* =========================know-more-button-end=============== */
.history-timeline .history-item .service-support-btn {
	margin-top: 10px;
	font-size: 17px;
}

@media(max-width:768px) {
	.history-timeline .history-item .service-support-btn {
		font-size: 16px;
	}

}

@media(max-width:425px) {
	.history-timeline .history-item .service-support-btn {
		margin-top: 5px;
		font-size: 15px;
	}

}

/* =========================know-more-button-end=============== */

.round-circle {

	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100px;
	width: 100x;
	border-radius: 50%;
	border: 4px solid #caddf3;
	background: -o-radial-gradient(circle, #8383f9 0%, rgba(209, 209, 223, 0) 50%, rgba(255, 255, 255, 0) 74%);
	background: radial-gradient(circle, #8383f9 0%, rgba(209, 209, 223, 0) 50%, rgba(255, 255, 255, 0) 74%);
	font-size: 60px;
	color: #fff;
	line-height: 1;
	margin-bottom: 30px;
	margin-left: 20px;
	margin-top: -90px;
	position: relative;
	z-index: 5;
	background-color: black;

}

.round-circle .round-circle-dot {
	/* color:black; */
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	z-index: 600;
	-webkit-animation: rotateTwo 30s linear infinite;
	animation: rotateTwo 30s linear infinite;
}

.after-effects:hover .round-circle .round-circle-dot {
	-webkit-animation: rotateTwo 3s linear infinite;
	animation: rotateTwo 3s linear infinite;
}


.round-circle .round-circle-dot::before {
	position: absolute;
	content: "";
	height: 17px;
	width: 17px;
	background: #ff9900;
	top: -12px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%;
}

.round-circle .round-circle-dot::after {
	position: absolute;
	content: "";
	height: 10px;
	width: 10px;
	background: #14171c;
	bottom: -9px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	border-radius: 50%;
}


.faq-more-btn {
	font-weight: 700;
	font-size: 17px;
	color: #232323;
	line-height: 50px;
	background-color: #ffffff;
	padding: 1px 30px;
	border: 1px solid #232323;
	border-radius: 5px;
	margin-top: 37px;

	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	position: relative;
	z-index: 1;
	margin-left: 68%;
}

@media(max-width:1200px) {
	.faq-more-btn {
		line-height: 40px;
		padding: 5px 20px;
	}
}

@media(max-width:560px) {
	.faq-more-btn {
		font-size: 14px;
		line-height: 30px;
		padding: 5px 10px;
	}
}

@media(max-width:400px) {
	.faq-more-btn {
		font-size: 12px;
		line-height: 30px;
		padding: 5px 10px;
	}
}

.faq-more-btn:hover {
	background-color: #f48826;
	color: #ffffff;

}

.hp-query-sec:hover {
	background-color: #87a2c2;
}

.hp-query-sec:hover p {
	color: white;

}

/* ===============================================services details page */
.lens-container {
	position: relative;
	width: 100%;
	margin-top: -55px;
}



/* .lens-container .text-color-2 {
	color: #000;
	text-align: justify;
	font-size: 17px;
	line-height: 1.5;
	margin: 0;
	padding: 5px;
	font-weight: 480;
}

.lens-container .text-color-2:hover {
	color: #000;
	font-weight: 490;
	-webkit-transition: -webkit-transform 0.4s ease-in-out;
	transition: -webkit-transform 0.4s ease-in-out;
	-o-transition: transform 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}

@media(max-width:992px) {
	.lens-container .text-color-2 {
		font-size: 16px;
	}
}

@media(max-width:768px) {
	.lens-container .text-color-2 {
		font-size: 14px;
	}
}

@media(max-width:425px) {
	.lens-container .text-color-2 {
		font-size: 12px;
	}
} */

.lens-container2 {
	position: relative;
	width: 100%;
	margin-top: 10px;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
}



.lens-container2 .text-color-2 {
	color: #000;
	text-align: justify;
	font-size: 18px;
	line-height: 1.5;
	padding: 30px;
	font-weight: 400;
}

.lens-container2 .text-color-2:hover {
	color: #000;
	font-weight: 490;
	-webkit-transition: -webkit-transform 0.4s ease-in-out;
	transition: -webkit-transform 0.4s ease-in-out;
	-o-transition: transform 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
}

@media(max-width:1000px) {
	.lens-container2 .text-color-2 {
		margin-top: 15px;
	}
}

@media(max-width:700px) {
	.lens-container2 .text-color-2 {
		margin-top: 20px;
	}
}

@media(max-width:600px) {
	.lens-container2 .text-color-2 {
		margin-top: 25px;
	}
}

@media(max-width:400px) {
	.lens-container2 .text-color-2 {
		margin-top: 65px;
	}
}

/* ========================================= */
.page-title-area .container h1 {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	max-width: -webkit-fit-content;
	max-width: -moz-fit-content;
	max-width: fit-content;
}

.page-title-area .container h1 {
	font-family: 'Poppins', sans-serif;
	position: relative;
	font-size: 3.5Vw;
	color: #f9fbfe;
	-webkit-text-stroke: 0.2vw #d9e6f7;
}

@media(max-width:768px) {
	.page-title-area .container h1 {
		font-size: 4.5Vw;
	}
}

@media(max-width:425px) {
	.page-title-area .container h1 {
		font-size: 5.5Vw;
	}
}



.page-title-area .container h1::before {
	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 0%;
	height: 100%;
	color: #9eacdbf5;
	-webkit-text-stroke: 0vw #d9e6f7;
	border-right: 2px solid #fed600;
	white-space: nowrap;
	overflow: hidden;
	-webkit-animation: animate 5s linear infinite;
	        animation: animate 5s linear infinite;
}

@Keyframes animate {

	0%,
	10%,
	100% {
		width: 0;
	}

	70%,
	90% {
		width: 100%;
	}
}


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

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

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

@media (min-width:1199px) {
	.ser-row {
		display: -ms-flexbox;
		display: -webkit-box;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-right: -150px;
		margin-left: -150px
	}
}


.ser-section-gap {
	padding-top: 60px;
	padding-bottom: 100px;
}


.ser-section-gap-top {
	padding-top: 120px;
}

.ser-section-gap-bottom {
	padding-bottom: 120px;
}

.serviceall-section-gap {
	padding-top: 20px;
	padding-bottom: 20px;
}

.ser-explain {
	color: #4a799a;
	font-size: 17px;
	text-align: justify;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;

}

.ser-explain:hover,
.ser-explain:focus-visible,
.ser-explain:focus-within,
.col-auto:hover .ser-explain {
	color: #000;
}


@media(max-width:768px) {
	.ser-explain {
		font-size: 14px;
	}
}

@media(max-width:425px) {
	.ser-explain {
		font-size: 12px;
	}
}

@-webkit-keyframes move {
	0% {
		left: 0;
	}

	100% {
		left: 100%;
	}
}

@keyframes move {
	0% {
		left: 0;
	}

	100% {
		left: 100%;
	}
}

/* Apply the animation to the heading */
.ser-anim-move {
	position: relative;
	-webkit-animation-name: move;
	        animation-name: move;
	-webkit-animation-duration: 5s;
	        animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	        animation-timing-function: linear;
}

.overall-img2 {
	height: 355px;
	width: 355px;
	/* border-radius: 50%; */
}

.overall-img1 {
	height: 410px;
	width: 520px;
}

#main-icon {
	visibility: hidden;
}

.banner-section .container .banner-content:hover #main-icon {
	visibility: visible;
}

#phone-number {
	visibility: hidden;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

#contact-us:hover #phone-number {
	visibility: visible;
}

#hp-abt-btns {
	margin-top: 40px;
}

@media(max-width:992px) {
	#hp-abt-btns {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
}

.ind-mgn-btm {
	margin-bottom: 200px;
}

.ind-mgn-top {
	margin-top: 50px;
}


/* =============================================================================== */

/* .services-details-imgs .ind-img-one img */



.services-details-imgs {
	text-align: right;

}

.services-details-imgs .ind-img-one {
	position: relative;
	z-index: 2;
	text-align: left;
}

@media (max-width: 575px) {
	.services-details-imgs .ind-img-one {
		max-width: 90%;
	}
}

.services-details-imgs .ind-img-two img {
	/* margin-top: -150px; */
	transform: translateY(-150px);
	position: relative;
	z-index: 2;
	display: inline-block;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.services-details-imgs .ind-img-two img {
		max-width: 80%;
		left: -10%;
		margin-top: 55px;
	}
}

@media (max-width: 575px) {
	.services-details-imgs .ind-img-two img {
		max-width: 90%;
		margin-top: -55px;
	}
}

@media(max-width:720px) {
	.ind-img-two img {
		margin-top: 40px;
	}
}


.services-details-imgs .ind-img-one::before {
	-webkit-transform-origin: bottom;
	    -ms-transform-origin: bottom;
	        transform-origin: bottom;
	content: "";
	position: absolute;
	content: "";
	left: 0px;
	top: 0px;
	background-color: #f48826;
	z-index: -1;
	width: calc(100% - 50%);
	height: calc(100% - 50%);
	-webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 0%);
	clip-path: polygon(0% 0%, 0% 100%, 100% 0%);
	-webkit-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

.services-details-imgs .ind-img-one::after {
	-webkit-transform-origin: top;
	    -ms-transform-origin: top;
	        transform-origin: top;
	content: "";
	position: absolute;
	content: "";
	right: 0px;
	bottom: -233px;
	background-color: #f48826;
	z-index: 100;
	height: 180px;
	width: 180px;
	-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	clip-path: polygon(100% 0, 0% 100%, 100% 100%);
	-webkit-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;

}
.services-details-imgs.ux-ui .ind-img-one::after,
.services-details-imgs.graphic .ind-img-one::after{
	bottom:-120px;
}

.services-details-imgs.ux-ui:hover .ind-img-one::after,
.services-details-imgs.graphic:hover .ind-img-one::after {
	bottom: -140px;
}
.services-details-imgs:hover .ind-img-one::before {
	left: -20px;
	top: -20px;
}

.services-details-imgs:hover .ind-img-one::after {
	right: -20px;
	bottom: -253px;

}


@media(max-width:1200px) {
	.services-details-imgs .ind-img-one::after,
	.services-details-imgs .ind-img-one::before,
	.services-details-imgs.ux-ui .ind-img-one::after,
	.services-details-imgs.graphic .ind-img-one::after {
		display: none;
	}
}

.ind-text-right {
	text-align: right !important;
}

.ind-text-left {
	text-align: left !important;
}

.background-effect-main {
	background-image: -webkit-gradient(linear, left top, right bottom, from(#a9a7a8), color-stop(white), color-stop(white), color-stop(white), color-stop(white), color-stop(#fdebda), color-stop(white), color-stop(white), color-stop(white), color-stop(white), to(#a9a7a8));
	background-image: -o-linear-gradient(top left, #a9a7a8, white, white, white, white, #fdebda, white, white, white, white, #a9a7a8);
	background-image: linear-gradient(to bottom right, #a9a7a8, white, white, white, white, #fdebda, white, white, white, white, #a9a7a8);
}

.background-effect {
	background-image: -webkit-gradient(linear, left top, right bottom, from(#a9a7a8), color-stop(white), color-stop(white), color-stop(white), color-stop(white), color-stop(#fdebda), color-stop(white), color-stop(white), color-stop(white), color-stop(white), to(#a9a7a8));
	background-image: -o-linear-gradient(top left, #a9a7a8, white, white, white, white, #fdebda, white, white, white, white, #a9a7a8);
	background-image: linear-gradient(to bottom right, #a9a7a8, white, white, white, white, #fdebda, white, white, white, white, #a9a7a8);

}

/* form {
	max-width: 800px;
	margin: 0 auto;
} */

label,
input,
textarea {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}

input[type="submit"] {
	background-color: #4CAF50;
	color: white;
	border: none;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin-top: 20px;
}

.submenu li i,
.submenu li ul li i {
	margin-left: 6px;
	color: #f48826;
	font-size: 17px;
}

.submenu li ul li #nav-icon {
	rotate: 129deg;
}

.submenu li ul li:hover #nav-icon {
	rotate: 218deg;
}

.services-content .icon i {
	font-size: 45px;
	color: #45413e;
}

.ft-wt-20 {
	width: 20%;
}

.ft-wt-30 {
	width: 30%;
}

.ft-wt-50 {
	width: 50%;
}

.foot-main {
	font-size: 17px;
}

@media(max-width:560px) {
	.foot-main {
		font-size: 14px;
	}
}

@media(max-width:435px) {
	.foot-main {
		font-size: 12px;
	}
}

.contact-form .row label {
	color: #fff;
}


.primary-menu li i,
.primary-menu li ul li i {
	color: #f48826;
	font-size: 15px;

}

.section-gap-bottom {
	margin-bottom: 100px;
}

.section-gap-top {
	margin-top: 100px;
}

.faq-section-gap-top {
	margin-top: 40px;
}

.moving-sentence-container {
	overflow: hidden;
}

.moving-sentence {
	-webkit-animation: move-sentence 20s linear infinite;
	        animation: move-sentence 20s linear infinite;
	white-space: nowrap;
}

@-webkit-keyframes move-sentence {
	from {
		-webkit-transform: translateX(100%);
		        transform: translateX(100%);
	}

	to {
		-webkit-transform: translateX(-100%);
		        transform: translateX(-100%);
	}
}

@keyframes move-sentence {
	from {
		-webkit-transform: translateX(100%);
		        transform: translateX(100%);
	}

	to {
		-webkit-transform: translateX(-100%);
		        transform: translateX(-100%);
	}
}


.font-sz-25 {
	font-size: 25px;
}

.font-sz-20 {
	font-size: 20px;
}

.myHeading {
	font-size: 20px;
}

@media(max-width:992px) {
	.myHeading {
		font-size: 18px;
	}
}

@media(max-width:768px) {
	.myHeading {
		font-size: 16px;
	}
}

@media(max-width:425px) {
	.myHeading {
		font-size: 14px;
	}
}

/* /======================================================normal navbar header============================ */
@media all and (min-width:992px){

	.header-navigation .primary-menu li a::before {
		content: "";
		position: absolute;
		bottom: 0px;
		right: 50%;
		width: 0;
		height: 3px;
		background-color: #f48826;
		-webkit-transition: width 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
		transition: width 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
		-o-transition: width 0.5s ease-in-out, transform 0.5s ease-in-out;
		transition: width 0.5s ease-in-out, transform 0.5s ease-in-out;
		transition: width 0.5s ease-in-out, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
		-webkit-transform-origin: center;
		    -ms-transform-origin: center;
		        transform-origin: center;
	}
	
	.header-navigation .primary-menu li a:hover::before {
		width: 40%;
		-webkit-transform: scaleX(1);
		    -ms-transform: scaleX(1);
		        transform: scaleX(1);
	}
	
	.header-navigation .primary-menu li a::after {
		content: "";
		position: absolute;
		bottom: 0px;
		left: 50%;
		width: 0;
		height: 3px;
		background-color: #f48826;
		-webkit-transition: width 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
		transition: width 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
		-o-transition: width 0.5s ease-in-out, transform 0.5s ease-in-out;
		transition: width 0.5s ease-in-out, transform 0.5s ease-in-out;
		transition: width 0.5s ease-in-out, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
		-webkit-transform-origin: center;
		    -ms-transform-origin: center;
		        transform-origin: center;
	}
	
	.header-navigation .primary-menu li a:hover::after {
		width: 40%;
		-webkit-transform: scaleX(1);
		    -ms-transform: scaleX(1);
		        transform: scaleX(1);
	}
	
	
	/* ================================normal navbar internal elements================================ */
	
	.header-navigation .primary-menu li li a::before {
		content: "";
		position: absolute;
		bottom: 0;
		right: 50%;
		width: 0;
		height: 3px;
		background-color: #f48826;
		-webkit-transition: width 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
		transition: width 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
		-o-transition: width 0.5s ease-in-out, transform 0.5s ease-in-out;
		transition: width 0.5s ease-in-out, transform 0.5s ease-in-out;
		transition: width 0.5s ease-in-out, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
		-webkit-transform-origin: center;
		    -ms-transform-origin: center;
		        transform-origin: center;
	}
	
	.header-navigation .primary-menu li li a:hover::before {
		width: 50%;
		-webkit-transform: scaleX(1);
		    -ms-transform: scaleX(1);
		        transform: scaleX(1);
	}
	
	.header-navigation .primary-menu li li a::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 0;
		height: 3px;
		background-color: #f48826;
		-webkit-transition: width 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
		transition: width 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
		-o-transition: width 0.5s ease-in-out, transform 0.5s ease-in-out;
		transition: width 0.5s ease-in-out, transform 0.5s ease-in-out;
		transition: width 0.5s ease-in-out, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
		-webkit-transform-origin: center;
		    -ms-transform-origin: center;
		        transform-origin: center;
	}
	
	.header-navigation .primary-menu li li a:hover::after {
		width: 50%;
		-webkit-transform: scaleX(1);
		    -ms-transform: scaleX(1);
		        transform: scaleX(1);
	}
}

/* =================================sticky header elements============================= */


.sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu>li a::before {
	content: "";
	position: absolute;
	bottom: 5px;
	right: 50%;
	width: 0;
	height: 3px;
	background-color: #f48826;
	-webkit-transition: width 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
	transition: width 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
	-o-transition: width 0.5s ease-in-out, transform 0.5s ease-in-out;
	transition: width 0.5s ease-in-out, transform 0.5s ease-in-out;
	transition: width 0.5s ease-in-out, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
	-webkit-transform-origin: center;
	    -ms-transform-origin: center;
	        transform-origin: center;
}

.sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu>li a:hover::before {
	width: 40%;
	-webkit-transform: scaleX(1);
	    -ms-transform: scaleX(1);
	        transform: scaleX(1);
}

.sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu>li a::after {
	content: "";
	position: absolute;
	bottom: 5px;
	left: 50%;
	width: 0;
	height: 3px;
	background-color: #f48826;
	-webkit-transition: width 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
	transition: width 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
	-o-transition: width 0.5s ease-in-out, transform 0.5s ease-in-out;
	transition: width 0.5s ease-in-out, transform 0.5s ease-in-out;
	transition: width 0.5s ease-in-out, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
	-webkit-transform-origin: center;
	    -ms-transform-origin: center;
	        transform-origin: center;
}

.sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu>li a:hover::after {
	width: 40%;
	-webkit-transform: scaleX(1);
	    -ms-transform: scaleX(1);
	        transform: scaleX(1);
}

/* ==============================sticky navbar internal elements===================================== */

.sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu>li li a::before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 50%;
	width: 0;
	height: 3px;
	background-color: #f48826;
	-webkit-transition: width 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
	transition: width 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
	-o-transition: width 0.5s ease-in-out, transform 0.5s ease-in-out;
	transition: width 0.5s ease-in-out, transform 0.5s ease-in-out;
	transition: width 0.5s ease-in-out, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
	-webkit-transform-origin: center;
	    -ms-transform-origin: center;
	        transform-origin: center;
}

.sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu>li li a:hover::before {
	width: 50%;
	-webkit-transform: scaleX(1);
	    -ms-transform: scaleX(1);
	        transform: scaleX(1);
}

.sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu>li li a::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 3px;
	background-color: #f48826;
	-webkit-transition: width 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
	transition: width 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
	-o-transition: width 0.5s ease-in-out, transform 0.5s ease-in-out;
	transition: width 0.5s ease-in-out, transform 0.5s ease-in-out;
	transition: width 0.5s ease-in-out, transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
	-webkit-transform-origin: center;
	    -ms-transform-origin: center;
	        transform-origin: center;
}

.sticky-header.sticky-on .header-navigation:not(.breakpoint-on) .primary-menu>li li a:hover::after {
	width: 50%;
	-webkit-transform: scaleX(1);
	    -ms-transform: scaleX(1);
	        transform: scaleX(1);
}

/* =====================flex-box=========== */

.services-content1 {
	position: absolute;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	visibility: hidden;
	background-color: #e7ecf0;
	padding: 20px;
	text-align: justify;
	left: 0px;
	top: 0;
}

.after-effects:hover .services-content1 {
	visibility: visible;
	bottom: 0;
	z-index: 100;
	border-radius: 20px;
}


.invisible-icon {
	display: none;

}

.after-effects:hover .invisible-icon {
	display: inline-block;

}

.justify-text {
	text-align: justify;
}

.footer-area .container .logo img {
	height: 150%;
	width: 200%;
}

@media(max-width:992px) {
	.footer-area .container .logo img {
		height: 120%;
		width: 175%;
	}
}




.section-title-add {
	margin-top: -70px;
}



.pagination li .page-link {
	width: 50px;
	height: 50px;
	line-height: 50px;
	outline: none;
	background-color: #fff;
	border-radius: 100%;
}

.pagination li .page-link:focus {
	-webkit-box-shadow: none;
	        box-shadow: none;
}

.pagination li .page-link:hover {
	background-color: #f48826;
}

.pagination li:first-child .page-link,
.pagination li:last-child .page-link {
	border-radius: 100%;
}



.service__item {
	min-height: 330px;
	-webkit-perspective: 1500px;
	        perspective: 1500px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.service__item:hover .service__back {
	visibility: visible;
}

.service__item:hover .service__back img {
	-webkit-transform: translateX(0%);
	    -ms-transform: translateX(0%);
	        transform: translateX(0%);
}

.service__item:hover .service__back .lab-btn {
	-webkit-transform: translateY(-172px);
	    -ms-transform: translateY(-172px);
	        transform: translateY(-172px);
}

.service__front {
	padding: 60px 30px;
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
	        box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
	min-height: inherit;
}

.service__back {
	top: 0;
	left: 0;
	min-height: inherit;
	visibility: hidden;
	overflow: hidden;
}

.service__back img {
	-webkit-transform: translateX(-100%);
	    -ms-transform: translateX(-100%);
	        transform: translateX(-100%);
	-webkit-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
	-o-object-fit: cover;
	   object-fit: cover;
}

.service__back .lab-btn {
	-webkit-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
}

.service--two .service__pagination span {
	width: 24px;
	height: 24px;
	line-height: 24px;
	opacity: 1;
	font-size: 0.9125rem;
}

.service--two .service__pagination span:hover {
	background-color: #000e;
	color: #fff;
	border: 2px solid #f48826;

}

.service--three .sertab {
	gap: 15px;
	border-bottom: none;
}

.service--three .sertab__item {
	width: 140px;
	padding-block: 20px;
	border-bottom: 2px solid transparent;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

@media (min-width: 576px) {
	.service--three .sertab__item {
		width: 170px;
	}
}

.service--three .sertab__item.active {
	border-color: #34BD6B;
}

.service--three .sertab__content p {
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.service--three .sertabcontent__content ul li {
	padding-block: 7px;
}

.service--details .service__maincontent img {
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
}

/* ============================================================================================== */
.mt-pub_rel {
	margin-top: 410px;
}

@media(max-width:800px) {
	.mt-pub_rel {
		margin-top: 0px;
	}

}

/* ================================================================== */

/* .mg-lft-bnr {
	margin-left: -50px;
}

@media(min-width:1100px) {
	.mg-lft-bnr {
		margin-left: -20px;
	}
}

@media(min-width:900px) {
	.mg-lft-bnr {
		margin-left: 1px;
	}
}

@media(max-width:850px) {
	.mg-lft-bnr {
		margin-left: 0px;
	}
} */

/* ===================================================================================final changes======================== */

/* ======================================================== added on second meeting  103*/
.after-effects1 {
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	height: 100%;
	border-radius: 10px;

}

.after-effects1:hover,
.after-effects1:focus-visible,
.after-effects1:focus-within {
	-webkit-transform: scale(1.01);
	    -ms-transform: scale(1.01);
	        transform: scale(1.01);
	background-color: #f0f2f5;
	color: #c8c6c8;
	z-index: 100;
	border-radius: 30px;
	padding: 3px 3px 3px 3px;
}

.flip-section {
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.after-effects1:hover .flip-section,
.after-effects1:focus-visible .flip-section,
.after-effects1:focus-within .flip-section {

	-webkit-transform: rotateY(360deg);

	        transform: rotateY(360deg);

}

.after-effects1:hover .services-content,
.after-effects1:focus-visible .services-content,
.after-effects1:focus-within .services-content {
	background-color: #f0f2f5;

}

.new-effect {
	display: none;
	height: 100%;
}

.service-items .service-item:hover .new-effect {
	display: block;
	line-height: 30px;
	height: 100%;
}

.service-items .service-item:hover .new-effect ul li a,
.service-items .service-item:active .new-effect ul li a {
	color: #000;
	font-size: 15px;
	font-weight: 500;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


.service-items .service-item:hover .new-effect ul li:hover i {
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color: #f48826;
	font-size: 17px;
	font-weight: 600;

}

.service-items .service-item:hover .new-effect ul li a:hover {
	color: #f48826;
	font-size: 17px;
	font-weight: 600;

}

/* ===================================================================================service-section-new design======================= */
.service_section {
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	height: 90%;
}

.service_section .icon i {
	color: #312f30;
}

.after-effects2 {
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	height: 270px;
	border-radius: 10px;
	position: relative;

}

.after-effects2:hover,
.after-effects2:focus-visible,
.after-effects2:focus-within {
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
	color: #c8c6c8;
	z-index: 100;
	border-radius: 30px;
}

.counter-faq-section.service-section .service-items .service-item {
	padding: 20px 20px 20px 20px;
	text-align: left;
}

.counter-faq-section.service-section .service-items .service-item .service-item {
	padding: 5px 5px 5px 5px;
}

.counter-faq-section.service-section .btm-bdr {
	border-bottom: 2px solid #467fe0e0;

}

.flip-section1 {
	-webkit-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

.after-effects2:hover .flip-section1,
.after-effects2:focus-visible .flip-section1,
.after-effects2:focus-within .flip-section1 {
	-webkit-transform: rotateY(360deg);
	        transform: rotateY(360deg);
	-webkit-animation: hide 1s forwards;
	        animation: hide 1s forwards;
}

@-webkit-keyframes hide {
	10% {
		opacity: 1;
	}

	20% {
		opacity: 0.7;
	}

	30% {
		opacity: 0.5;
	}

	40% {
		opacity: 0.7;
	}

	50% {
		opacity: 1;
	}

	60% {
		opacity: 0.7;
	}

	70% {
		opacity: 1;
	}

	80% {
		opacity: 0.7;
	}

	90% {
		opacity: 0.5;

	}

	100% {
		opacity: 0.3;
	}
}

@keyframes hide {
	10% {
		opacity: 1;
	}

	20% {
		opacity: 0.7;
	}

	30% {
		opacity: 0.5;
	}

	40% {
		opacity: 0.7;
	}

	50% {
		opacity: 1;
	}

	60% {
		opacity: 0.7;
	}

	70% {
		opacity: 1;
	}

	80% {
		opacity: 0.7;
	}

	90% {
		opacity: 0.5;

	}

	100% {
		opacity: 0.3;
	}
}

.after-effects2:hover .services-content,
.after-effects2:focus-visible .services-content,
.after-effects2:focus-within .services-content {
	background-color: #fbecde;
}

.service-items .service-item .new-effect2 {
	display: none;
}
.service-items .service-item:hover .new-effect2 {
	background-color: #fbecde;
	line-height: 30px;
	height: 100%;
	width: 100%;
	padding: 5px 5px 5px 5px;
	top: 0;
	left: 0;
}


.service-items .service-item:hover .new-effect2 ul li a,
.service-items .service-item:active .new-effect2 ul li a {
	color: #000;
	font-size: 15px;
	font-weight: 500;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


.service-items .service-item:hover .new-effect2 ul li:hover i {
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color: #f48826;
	font-size: 17px;
	font-weight: 600;

}

.service-items .service-item:hover .new-effect2 ul li a:hover {
	color: #000;
	font-size: 17px;
	font-weight: 600;

}

/* ====================================================effect like technicax======= */
.new-effect1 {
	height: 200px;
}

.service-item-four .services-content .new-effect1 ul li a,
.service-item-four .services-content .new-effect1 ul li a {
	color: #000;
	font-size: 15px;
	font-weight: 500;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}


.service-item-four .services-content:hover .new-effect1 ul li:hover i {
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	color: #f48826;
	font-size: 17px;
	font-weight: 600;

}

.service-item-four .services-content:hover .new-effect1 ul li a:hover {
	color: #f48826;
	font-size: 17px;
	font-weight: 600;

}


.bottom-orange {
	border-bottom: 4px solid #f67703;
}

/* ==========================================================hidden content text================== */
.service-sec-bg {

	padding: 20px 3px 20px 15px;
	background-color: #f4faff;
	border: 5px solid #c1c1c1;
	border-radius: 15px;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;


}

.service-sec-bg:hover,
.serice-sec-bg:focus-visible {
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
	-webkit-box-shadow: 7px 7px 12px 3px rgb(254 148 53 / 63%);
	box-shadow: 7px 7px 12px 3px rgb(254 148 53 / 63%);
	background-color: #fff;
	border-color: #706c6c;
}

.service-sec-bg li a h4:hover {
	color: #f48826;
}

#branding_list {
	display: block;
}

#outreach_list,
#analytics_list,
#leadgeneration_list {
	display: none;
}

/* ======================partner section============== */
/* 5.11 partners-section-s2   */
.wpo-section-title,
.wpo-section-title-s2 {
	margin-bottom: 75px;
	text-align: center;
}

.wpo-section-title span,
.wpo-section-title-s2 span {
	text-transform: uppercase;
	font-size: 21px;
	font-weight: 700;
	letter-spacing: 3px;
	color: #f48826;
}

.partners-section-s2 {
	padding-top: 80px;
}

.partners-section-s2 .partners-slider .grid img {
	margin: 0 auto;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.partners-section-s2 .partners-slider .grid img:hover {
	margin: 0 auto;
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}

.partners-section-s2 .partners-slider .owl-item img {
	width: unset;
}

.partners-section-s2 .partners-slider .owl-nav {
	display: none;
}

/* ========================================================   */

.footer-area .footer-widgets .widget.nav-widget {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

@media(max-width:575px) {
	.banner-section .banner-content .responsive-hero-br {
		display: none;
	}
}

.about-section .about-text-block p {
	margin-top: 20px;
}

@media(max-width:768px) {
	.about-section .about-text-block p {
		font-weight: 400;
		margin-top: 15px;
	}
}

@media(max-width:575px) {
	.about-section .about-text-block p {
		margin-top: 10px;
	}
}

@media(max-width:1200px) {

	.prev.slick-arrow,
	.next.slick-arrow {
		display: none !important;
	}
}

@media(max-width:992px){
	.responsive-text-center{
		text-align: center;
	}
}


.lg-show{
	display:none;
}
@media(min-width:992px){
	.header-navigation .primary-menu li.contact-link-hide{
		display:none;
	}
	.lg-show{
		display: inline;
	}
}

.blog-section .blog-block .gBkBzk{
	display: none;
}

.blog-section .blog-block .fNJZuB {
    max-width:75%;
}
@media(max-width:1400px){
	.blog-section .blog-block .fNJZuB {
		max-width:80%;
	}
}

@media(max-width:1330px){
	.blog-section .blog-block .fNJZuB {
		max-width:700px;
	}
}
.blog-page-title-area{
	padding-top: 200px;
    padding-bottom: 100px;
}



@media all and (min-width:1200px) {

}

/* ---------for laptop--------- */
@media all and (min-width:992px) and (max-width:1200px) {
	.header-topbar .social-icon li:not(:first-child) {
		margin-left: 15px;
	}
}


/* ----------for tablet-------------- */
@media all and (min-width:768px) and (max-width:992px) {
	
}

@media all and (min-width:575px) and (max-width:768px) {}

/* ---------between mobile and laptop----------- */
@media all and (min-width:575px) and (max-width:768px) {}


/* ----------for mobile phones-------------- */
@media(max-width:575px) {
	.faq-more-btn{
		margin-left: unset;
		text-align: center;
	}
}

.widget .footer-list li a{
	position: relative;
	padding-left:20px;
}


.widget .footer-list li a::before{
	font-family: "FontAwesome";
    content: "\f105";
    position: absolute;
    left: 0;
    line-height: 50px;
    font-size: 14px;
    width: 50px;
}

.subbox-card{
	position: relative;
	
border-radius: 30px;
}
.subbox-card::before{
	position: absolute;
	content: "";
	width: 100%;
	height:70%;
	top:30%;
	left:0;
	background: #F0F0F0 0% 0% no-repeat padding-box;
-webkit-box-shadow: 0px 21px 46px #00000029;
        box-shadow: 0px 21px 46px #00000029;
border-radius: 30px;

}
@media all and (max-width:992px){
	.subbox-card::before{
		
		height:90%;
		top:10%;
		
	}
}
.subbox-ttle{
	font-size:20px;
	font-weight:600;
	color: #FFAA00;
	line-height:27px;
}

.subbox-txt{
	font-size:17px;
	font-weight:normal;
	line-height:22px;
	color: #606060;
	margin:12px 0px 20px 0px;
}
.subbox.subscription-box .input-group{
 	height: 60px;
	
}
.subbox-cb{
	position: relative;
	width:65%;
	height: 100%;
	padding-bottom:30px;
	display: -ms-grid;
	display: grid;
	-ms-flex-line-pack:end;
	    align-content:end;
}
@media all and (min-width:992px) and (max-width:1200px){
	.subbox-cb{
		width:70%;
	padding-bottom:0px;
	}
}
@media all and (max-width:992px){
	.subbox-cb{
		width:90%;
	padding-bottom:0px;
	}
}
@media all and (max-width:768px){
	.subbox-cb{
		width: 100%;
	}
	.subbox-card .justify-content-between{
		-webkit-box-pack: center !important;
		    -ms-flex-pack: center !important;
		        justify-content: center !important;
	}
	.subbox-tb{
		position: relative;
		display: -ms-grid;
		display: grid;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
}
.subbox.subscription-box {
	position: relative;
}
.subbox.subscription-box p.subscription-box{
	margin: 0 !important;
}
 .subbox.subscription-box input {
 	position: relative;
 	border-radius: 16px;
 	height: 60px;
 	padding: 0 30px;
 	width: 100%;
 	background-color: #fff !important;
 	color: #686767;
 	font-size: 16px;
 	border: none;
 	font-family: "Poppins", sans-serif;
 }

 .subbox .orange-bg {
 	z-index: 2;
 	position: absolute;
 	width: 20%;
 	height: 60px;
 	right: 0;
	top:0;
 	content: "";
 	background: #FFAA00;
 	border-radius: 13px;
 	display: -ms-grid;
 	display: grid;
	border: none;
 }

 .subbox .send-icon {
 	position: absolute;
 	z-index: 3;
 	display: -ms-grid;
 	display: grid;
 	-ms-grid-row-align: center;
 	align-self: center;
 	-ms-grid-column-align: center;
 	justify-self: center;
 }

 .g-align-items-center{
	position: relative;
	display: grid;
	height: 100%;
	align-items: center;
 }

 .g-align-content-center{
	position: relative;
	display: grid;
	height: 100%;
	align-content: center;
 }
 

 @media all and (max-width:992px){

 }

 @media all and (max-width:768px){

 }

 @media all and (max-width:525px){
	/* .banner-section .banner-img {
		right: 0px;
	} */
 }



 /* ===============Navigation bar modification after the design changes========== */

 @media all and (min-width:992px){
	.site-nav-menu{
		position: relative;
		background: #FFFFFF 0% 0% no-repeat padding-box;
	border-radius: 50px;
	opacity: 1;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	background: rgba(255, 255, 255, 0.5);
	box-shadow: 0px 4px 8px #0000001F;
	padding-left: 25px;
		/* backdrop-filter: blur(30px); */
	 }
	.nav-link.contact-btn{
		background: #F58A26 0% 0% no-repeat padding-box;
	box-shadow: 0px 4px 8px #0000001F;
	border-radius: 50px;
	 }
 }