/* Css For Appway */

/* ====================================================================
  Reset
==================================================================== */
body,
html {
	overscroll-behavior: none;
	/* touch-action: none; */
	overflow-x: hidden;
}

* {
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
}

/* body {
  overflow-x:hidden;
  overflow-y: scroll;
} */

/*** 

====================================================================
  Global Settings
====================================================================

 ***/

body {
	font-size: 15px;
	color: #777777;
	line-height: 30px;
	font-weight: 400;
	background: #ffffff;
	font-family: "Ubuntu", sans-serif;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-font-smoothing: antialiased;
}

@media (min-width: 1200px) {
	.container {
		max-width: 1140px;
	}
}

.large-container {
	max-width: 1600px;
	padding: 0px 15px;
	margin: 0 auto;
}

.container-fluid {
	padding: 0px;
}

.auto-container {
	position: static;
	max-width: 1200px;
	padding: 0px 15px;
	margin: 0 auto;
}

.small-container {
	max-width: 680px;
	margin: 0 auto;
}

.boxed_wrapper {
	position: relative;
	overflow-x: hidden;
	margin: 0 auto;
	width: 100%;
	min-width: 300px;
}

a {
	text-decoration: none;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

a:hover {
	text-decoration: none;
	outline: none;
}

input,
button,
select,
textarea {
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	font-size: 15px;
}

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

input {
	transition: all 500ms ease;
}

button:focus,
input:focus,
textarea:focus {
	outline: none;
	/* box-shadow: none; */
	transition: all 500ms ease;
}

p {
	position: relative;
	color: #777777;
	font-family: "Ubuntu", sans-serif;
	margin-bottom: 0px;
	font-style: normal;
	transition: all 500ms ease;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	position: relative;
	font-family: "Ubuntu", sans-serif;
	font-weight: 400;
	margin: 0px;
	transition: all 500ms ease;
}

.centred {
	text-align: center;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

figure {
	margin: 0px;
}

img {
	display: inline-block;
	max-width: 100%;
	height: auto;
	transition-delay: 0.1s;
	transition-timing-function: ease-in-out;
	transition-duration: 0.7s;
	transition-property: all;
}

@keyframes pulse {
	50% {
		box-shadow: 0 0 0 30px
				rgba(255, 255, 255, 0.1),
			0 0 0 60px
				rgba(255, 255, 255, 0.1);
	}
}

@keyframes pulse-2 {
	50% {
		box-shadow: 0 0 0 20px
				rgba(0, 0, 0, 0.2),
			0 0 0 40px rgba(0, 0, 0, 0.1);
	}
}

.preloader {
	position: fixed;
	left: 0px;
	top: 0px;
	height: 100%;
	width: 100%;
	z-index: 999999;
	background-color: #fff;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/icons/preloader.gif);
}

.scroll-top {
	line-height: 50px;
	font-size: 20px;
	z-index: 99;
	color: #000;
	font-weight: 700;
	text-align: center;
	cursor: pointer;
	width: 293px;
	height: 70px;
	padding: 10px 39px 10px 19px;
	border-radius: 43px;
	box-shadow: 0 2px 20px 0 #cacaca;
	background-color: #ffffff;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.scroll-top img {
	margin-right: 10px;
}

.scroll-top span {
	color: #000;
	padding-left: 10px;
	width: 18px;
	height: 19px;
}

.scroll-top:hover {
	box-shadow: 0 2px 20px 0 #85b0da;
}

/* .scroll-top.open {
  bottom: 30px;
}

.scroll-top span{
  color: #000;
} */

/* @-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  
  to {
    -webkit-mask-position: -50%;
  }
} */

.sec-title {
	position: relative;
	display: block;
}

.sec-title.center {
	text-align: center;
}

.sec-title h2 {
	position: relative;
	display: block;
	font-size: 32px;
	line-height: 48px;
	color: #222222;
	font-weight: 500;
	padding-bottom: 20px;
	/* margin-bottom: 31px; */
	letter-spacing: 0.6px;
}

.sec-title p {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #777;
	margin: 0px;
}

.sec-title.center h2,
.sec-title.center p {
	text-align: center;
}

.margin_left_30 {
	margin-left: 30px !important;
}

.margin_right_30 {
	margin-right: 30px !important;
}

.margin_bottom_30 {
	margin-bottom: 30px !important;
}

.margin_left_100 {
	margin-left: 100px !important;
}

/*** 

====================================================================
                        Home-Page-One
====================================================================

***/

/** main-header **/

.main-header {
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 999;
	width: 100%;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.sticky-header {
	position: fixed;
	opacity: 0;
	visibility: hidden;
	background: #fff;
	left: 0px;
	top: 0px;
	box-shadow: 0 10px 20px
		rgba(0, 0, 0, 0.2);
	width: 100%;
	z-index: 0;
	padding: 20px 0;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.fixed-header .sticky-header {
	z-index: 999;
	opacity: 1;
	visibility: visible;
	-ms-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-op-animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

@media (max-width: 1199px) {
	.fixed-header {
		position: fixed;
	}

	.fixed-header .outer-container {
		background-color: #fff;
	}
}

.main-header .outer-container {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}

.main-header
	.outer-container
	.logo-box
	.logo {
	position: relative;
	padding: 64px 0px 30px 0px;
	width: 60%;
}

/** main-menu **/

.main-menu {
	position: relative;
}

.main-box .main-menu {
	padding: 15px 0 15px 0;
}

.logo_block {
	margin-bottom: 10px;
}

@media (min-width: 768px) {
	.main-box .main-menu {
		padding: 50px 0 0 0;
	}

	.logo-block {
		margin-bottom: 0px;
	}
}

.fb-icon {
	margin: 0 20px;
}

.facebook-icon-copy {
	display: none;
}

.Instagram-icon-copy {
	display: none;
}

.fb-icon:hover .facebook-icon {
	display: none;
}

.fb-icon:hover .facebook-icon-copy {
	display: block;
}

.in-icon:hover .Instagram-icon-copy {
	display: block;
}

.in-icon:hover .Instagram-icon {
	display: none;
}

.subscribe-btn {
	font-size: 20px;
	font-weight: normal;
	line-height: 1 !important;
	letter-spacing: normal;
	color: #a0a0a0;
	text-decoration: none;
}

.subscribe-btn:hover {
	color: #a0a0a0;
	text-decoration: none;
}

.subscribe-btn-description {
	display: none;
}

.main-menu .navbar-collapse {
	padding: 0px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

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

@media (min-width: 768px) {
	.main-menu .navbar-collapse {
		flex-direction: row;
	}

	.subscribe-btn-description {
		display: block;
	}
}

@media (min-width: 1200px) {
	.subscribe-btn-description-first {
		display: block;
	}
	.subscribe-btn {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}
}

.main-menu .navigation {
	position: relative;
	margin: 0px;
}

.main-menu .navigation > li {
	position: relative;
	float: left;
	z-index: 2;
	padding: 70px 0px 25px 0px;
	margin: 0px 25px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-menu .navigation > li:last-child {
	margin-right: 0px !important;
}

.main-menu
	.navigation
	> li:first-child {
	margin-left: 0px !important;
}

.main-menu .navigation > li > a {
	position: relative;
	display: block;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	font-weight: 500;
	opacity: 1;
	color: #fff;
	padding: 0px;
	z-index: 1;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.main-menu .navigation > li > ul {
	position: absolute;
	left: 0px;
	top: 100%;
	width: 280px;
	z-index: 100;
	display: none;
	opacity: 0;
	visibility: hidden;
	padding: 20px 0px;
	background-color: #ffffff;
	-moz-transform: translateY(30px);
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-box-shadow: 2px 2px 5px 1px
			rgba(0, 0, 0, 0.05),
		-2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 2px 2px 5px 1px
			rgba(0, 0, 0, 0.05),
		-2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 2px 2px 5px 1px
			rgba(0, 0, 0, 0.05),
		-2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 2px 2px 5px 1px
			rgba(0, 0, 0, 0.05),
		-2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px
			rgba(0, 0, 0, 0.05),
		-2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.main-menu
	.navigation
	> li
	> ul.from-right {
	left: auto;
	right: 0px;
}

.main-menu .navigation > li > ul > li {
	position: relative;
	width: 100%;
	padding: 0px 30px;
}

.main-menu
	.navigation
	> li
	> ul
	> li:last-child {
	border-bottom: none;
}

.main-menu
	.navigation
	> li
	> ul
	> li
	> a {
	position: relative;
	display: block;
	padding: 6px 0px;
	line-height: 24px;
	font-weight: 400;
	font-size: 14px;
	text-transform: capitalize;
	color: #222;
	text-align: left;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu
	.navigation
	> li
	> ul
	> li
	> a:hover {
	color: #4527a4;
}

.main-menu
	.navigation
	> li
	> ul
	> li.dropdown
	> a:after {
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	position: absolute;
	right: 20px;
	top: 12px;
	display: block;
	line-height: 24px;
	font-size: 16px;
	font-weight: 800;
	text-align: center;
	z-index: 5;
}

.main-menu
	.navigation
	> li
	> ul
	> li
	> ul {
	position: absolute;
	left: 100%;
	top: -2px;
	width: 230px;
	z-index: 100;
	display: none;
	padding: 20px 0px;
	background-color: #ffffff;
	-moz-transform: translateY(30px);
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-box-shadow: 2px 2px 5px 1px
			rgba(0, 0, 0, 0.05),
		-2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 2px 2px 5px 1px
			rgba(0, 0, 0, 0.05),
		-2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 2px 2px 5px 1px
			rgba(0, 0, 0, 0.05),
		-2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 2px 2px 5px 1px
			rgba(0, 0, 0, 0.05),
		-2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px
			rgba(0, 0, 0, 0.05),
		-2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu
	.navigation
	> li
	> ul
	> li
	> ul.from-right {
	left: auto;
	right: 0px;
}

.main-menu
	.navigation
	> li
	> ul
	> li
	> ul
	> li {
	position: relative;
	width: 100%;
	padding: 0px 30px;
}

.main-menu
	.navigation
	> li
	> ul
	> li
	> ul
	> li:last-child {
	border-bottom: none;
}

.main-menu
	.navigation
	> li
	> ul
	> li
	> ul
	> li:last-child {
	border-bottom: none;
}

.main-menu
	.navigation
	> li
	> ul
	> li
	> ul
	> li
	> a {
	position: relative;
	display: block;
	padding: 6px 0px;
	line-height: 24px;
	font-weight: 400;
	font-size: 14px;
	text-transform: capitalize;
	color: #222;
	text-align: left;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu
	.navigation
	> li
	> ul
	> li
	> ul
	> li:hover
	> a {
	color: #4527a4;
}

.main-menu
	.navigation
	> li
	> ul
	> li
	> ul
	> li.dropdown
	> a:after {
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	position: absolute;
	right: 20px;
	top: 12px;
	display: block;
	line-height: 24px;
	font-size: 16px;
	font-weight: 900;
	z-index: 5;
}

.main-menu
	.navigation
	> li.dropdown:hover
	> ul {
	visibility: visible;
	opacity: 1;
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu
	.navigation
	li
	> ul
	> li.dropdown:hover
	> ul {
	visibility: visible;
	opacity: 1;
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.main-menu
	.navigation
	li.dropdown
	.dropdown-btn {
	position: absolute;
	right: 10px;
	top: 8px;
	width: 34px;
	height: 30px;
	border: 1px solid #ffffff;
	text-align: center;
	font-size: 16px;
	line-height: 26px;
	color: #ffffff;
	cursor: pointer;
	z-index: 5;
	display: none;
}

.menu-area .mobile-nav-toggler {
	position: relative;
	float: right;
	font-size: 40px;
	line-height: 50px;
	cursor: pointer;
	color: #3786ff;
	display: none;
}

.menu-area
	.mobile-nav-toggler
	.icon-bar {
	position: relative;
	height: 2px;
	width: 30px;
	display: block;
	margin-bottom: 5px;
	background-color: #4527a4;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header.home-16
	.menu-area
	.mobile-nav-toggler
	.icon-bar,
.main-header.home-1
	.menu-area
	.mobile-nav-toggler
	.icon-bar,
.main-header.home-3
	.menu-area
	.mobile-nav-toggler
	.icon-bar,
.main-header.home-7
	.menu-area
	.mobile-nav-toggler
	.icon-bar,
.main-header.home-8
	.menu-area
	.mobile-nav-toggler
	.icon-bar,
.main-header.home-9
	.menu-area
	.mobile-nav-toggler
	.icon-bar,
.main-header.home-11
	.menu-area
	.mobile-nav-toggler
	.icon-bar {
	background: #fff;
}

.menu-area
	.mobile-nav-toggler
	.icon-bar:last-child {
	margin-bottom: 0px;
}

.main-menu .navigation .megamenu {
	width: 500px;
}

.main-menu
	.navigation
	.megamenu:before {
	position: absolute;
	content: "";
	background: #e5e5e5;
	width: 2px;
	height: calc(100% - 60px);
	left: 42%;
	top: 30px;
}

.main-menu
	.navigation
	> li
	> .megamenu
	li {
	position: relative;
	display: block;
	width: 50%;
	float: left;
}

/** mobile-menu **/

.nav-outer .mobile-nav-toggler {
	position: relative;
	float: right;
	font-size: 40px;
	line-height: 50px;
	cursor: pointer;
	color: #3786ff;
	display: none;
}

.mobile-menu {
	position: fixed;
	right: 0;
	top: 0;
	width: 300px;
	padding-right: 30px;
	max-width: 100%;
	height: 100%;
	opacity: 0;
	/* visibility: hidden; */
	z-index: 999999;
	display: none;
}

.mobile-menu .navbar-collapse {
	display: block !important;
}

.mobile-menu .nav-logo {
	position: relative;
	padding: 30px 25px;
	text-align: left;
	width: 60%;
}

/* .mobile-menu-visible{
  overflow: hidden;
}

.mobile-menu-visible .mobile-menu{
  opacity: 1;
  visibility: visible;
} */

/* .mobile-menu .menu-backdrop{
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background:#000;
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
  transition: all 900ms ease;
  -moz-transition: all 900ms ease;
  -webkit-transition: all 900ms ease;
  -ms-transition: all 900ms ease;
  -o-transition: all 900ms ease;
}

.mobile-menu-visible .mobile-menu .menu-backdrop{
  opacity: 0.70;
  visibility: visible;
  -webkit-transition:all 0.7s ease;
  -moz-transition:all 0.7s ease;
  -ms-transition:all 0.7s ease;
  -o-transition:all 0.7s ease;
  transition:all 0.7s ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .menu-box{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  background: #000;
  padding: 0px 0px;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  border-radius: 0px;
  -webkit-transform: translateX(101%);
  -ms-transform: translateX(101%);
  transform: translateX(101%);
}

.mobile-menu-visible .mobile-menu .menu-box{
  opacity: 1;
  visibility: visible;
  -webkit-transition:all 0.7s ease;
  -moz-transition:all 0.7s ease;
  -ms-transition:all 0.7s ease;
  -o-transition:all 0.7s ease;
  transition:all 0.7s ease;
  -webkit-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.mobile-menu .close-btn{
  position: absolute;
  right: 25px;
  top: 10px;
  line-height: 30px;
  width: 24px;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  cursor: pointer;
  z-index: 10;
  -webkit-transition:all 0.9s ease;
  -moz-transition:all 0.9s ease;
  -ms-transition:all 0.9s ease;
  -o-transition:all 0.9s ease;
  transition:all 0.9s ease;
}

.mobile-menu-visible .mobile-menu .close-btn{
  -webkit-transform:rotate(360deg);
  -ms-transform:rotate(360deg);
  transform:rotate(360deg);
}

.mobile-menu .close-btn:hover{
  color:#4527a4;
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);
}

.mobile-menu .navigation{
  position: relative;
  display: block;
  width: 100%;
  float: none;
}

.mobile-menu .navigation li{
  position: relative;
  display: block;
  border-top: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation:last-child{
  border-bottom: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation li > ul > li:first-child{
  border-top: 1px solid rgba(255,255,255,0.10);
}

.mobile-menu .navigation li > a{
  position: relative;
  display: block;
  line-height: 24px;
  padding: 10px 25px;
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .navigation li ul li > a{
  font-size: 16px;
  margin-left: 20px;
  text-transform: capitalize;
}

.mobile-menu .navigation li > a:before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  height:0;
  border-left:5px solid #4527a4;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .navigation li.current > a,
.mobile-menu .navigation li > a:hover{
  color:#4527a4;  
}

.mobile-menu .navigation li.current > a:before{
  height:100%;
}

.mobile-menu .navigation li.dropdown .dropdown-btn{
  position:absolute;
  right:6px;
  top:6px;
  width:32px;
  height:32px;
  text-align:center;
  font-size:16px;
  line-height:32px;
  color:#ffffff;
  background:rgba(255,255,255,0.10);
  cursor:pointer;
  border-radius:2px;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
  z-index:5;
}

.mobile-menu .navigation li.dropdown .dropdown-btn.open{
  background:#4527a4; 
  -webkit-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  transform:rotate(90deg);  
}

.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul{
  display: none;
}

.mobile-menu .social-links{
  position:relative;
  padding:30px 25px;
}

.mobile-menu .social-links li{
  position:relative;
  display:inline-block;
  margin:0px 10px 10px;
}

.mobile-menu .social-links li a{
  position:relative;
  line-height:32px;
  font-size:16px;
  color:#ffffff;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease; 
}

.mobile-menu .social-links li a:hover{
  color:#00aeef;  
}

div#mCSB_1_container{
  top: 0px !important;
}

.mobile-menu .contact-info {
  position: relative;
  padding: 80px 30px 20px 30px;
}

.mobile-menu .contact-info h4 {
  position: relative;
  font-size: 20px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 20px;
}

.mobile-menu .contact-info ul li {
  position: relative;
  display: block;
  font-size: 15px;
  color: rgba(255,255,255,0.80);
  margin-bottom: 3px;
}

.mobile-menu .contact-info ul li a{
  color: rgba(255,255,255,0.80);
}

.mobile-menu .contact-info ul li a:hover{
  text-decoration: underline;
}

.mobile-menu .contact-info ul li:last-child{
  margin-bottom: 0px;
} */

/** stricky-header **/

.sticky-header
	.main-menu
	.navigation
	> li {
	margin: 0px;
}

.sticky-header
	.main-menu
	.navigation
	> li
	> a {
	padding: 15px 30px !important;
}

.sticky-header
	.main-menu
	.navigation
	> li
	> a {
	color: #fff !important;
}

.sticky-header
	.main-menu
	.navigation
	> li.current
	> a,
.sticky-header
	.main-menu
	.navigation
	> li:hover
	> a {
	background: #fff;
	color: #4527a4 !important;
}

.sticky-header .logo-box {
	position: relative;
	float: left;
	padding: 14px 0px 7px 0px;
}

.sticky-header .logo-box img {
	width: 60%;
}

.sticky-header .menu-area {
	position: relative;
	/* float: right; */
}

.sticky-header
	.main-menu
	.navigation
	> li
	> a:before {
	display: none;
}

.sticky-header
	.main-menu
	.navigation
	> li {
	padding: 0px !important;
	margin: 0px !important;
}

.sticky-header
	.main-menu
	.navigation
	> li:before {
	display: none;
}

/** testimonial-section **/

.testimonial-section {
	position: relative;
	padding: 130px 0px 117px 0px;
}

.testimonial-section
	.testimonial-block-one {
	position: relative;
}

.testimonial-section
	.testimonial-block
	.inner-box {
	position: relative;
	background-color: #ffffff;
	padding: 0px 50px 50px 50px;
	text-align: center;
	z-index: 9;
	margin: 90px 0px 100px 0px;
}

.testimonial-section
	.testimonial-block
	.inner-box:before {
	position: absolute;
	content: "";
	background-color: rgba(
		255,
		255,
		255,
		0.5
	);
	width: calc(100% - 80px);
	left: 40px;
	top: -25px;
	height: 100%;
}

.testimonial-section
	.testimonial-block-one:after,
.testimonial-section
	.testimonial-block-one:before {
	position: absolute;
	left: 30px;
	right: 30px;
	height: 100%;
	bottom: -30px;
	margin: 0 auto;
	background-color: rgba(
		255,
		255,
		255,
		0.5
	);
	content: "";
	z-index: 1;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 1000ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	transform: scale(0.5);
}

.testimonial-section
	.testimonial-block-one:before {
	left: 60px;
	right: 60px;
	bottom: -60px;
	background-color: rgba(
		255,
		255,
		255,
		0.3
	);
	z-index: -1;
}

.testimonial-section
	.testimonial-carousel
	.active
	.testimonial-block-one:before,
.testimonial-section
	.testimonial-carousel
	.active
	.testimonial-block-one:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.testimonial-section
	.testimonial-carousel
	.active
	.testimonial-block-one:before {
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms;
}

.testimonial-section
	.testimonial-block
	.inner-box
	.image-box {
	position: relative;
	display: inline-block;
	width: 125px;
	height: 125px;
	border-radius: 50%;
	border: 2px solid #fff;
	margin-bottom: 33px;
	margin-top: -88px;
	box-shadow: 0 10px 30px 0px
		rgba(0, 0, 0, 0.1);
}

.testimonial-section
	.testimonial-block
	.inner-box
	.image-box
	img {
	position: relative;
	width: 100%;
	border-radius: 50%;
}

.testimonial-section
	.testimonial-block
	.inner-box
	.text {
	position: relative;
	display: block;
	font-size: 16px;
	margin-bottom: 32px;
}

.testimonial-section
	.testimonial-block
	.inner-box
	.author-info
	h5 {
	position: relative;
	font-size: 18px;
	font-weight: 500;
	color: #4527a4;
	text-transform: uppercase;
	margin-bottom: 10px;
	padding-top: 33px;
}

.testimonial-section
	.testimonial-block
	.inner-box
	.author-info
	h5:before {
	position: absolute;
	content: "";
	background: #cccccc;
	width: 30px;
	height: 3px;
	left: 50%;
	top: 0px;
	transform: translateX(-50%);
}

.testimonial-section
	.testimonial-block
	.inner-box
	.author-info
	.designation {
	position: relative;
	display: block;
	font-size: 18px;
	color: #aaaaaa;
}

.testimonial-section
	.owl-theme
	.owl-dots
	.owl-dot
	span {
	background: #959595;
	display: block;
	margin: 0px 5px 0px 5px;
	width: 10px;
	height: 10px;
	cursor: pointer;
	transition: all 500ms ease;
}

.testimonial-section
	.owl-theme
	.owl-dots
	.owl-dot.active
	span {
	width: 40px;
	height: 4px;
}

.testimonial-section .owl-nav {
	display: none;
}

.testimonial-section .sec-title {
	margin-bottom: 62px;
}

.testimonial-section .image-layer {
	position: absolute;
	left: 0px;
	top: -100px;
	width: 100%;
	height: 1145px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

/* Block to top  */

.block-to-top {
	padding: 100px 0;
	text-align: center;
}

/** main-footer **/

.main-footer {
	position: relative;
	background-color: #f2f2f2;
	min-height: 310px;
	/* padding-top: 150px; */
}

.main-footer .image-layer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.main-footer .footer-top {
	position: relative;
	padding: 36px 0 56px 80px;
	width: 120%;
	margin: 0 auto;
}

@media (max-width: 991px) {
	.main-footer .footer-top {
		padding: 36px 0 56px 0;
	}
}
@media (max-width: 767px) {
	.main-footer .footer-top {
		padding: 36px 0 56px 80px;
	}
}
@media (max-width: 340px) {
	.main-footer .footer-top {
		padding: 36px 0 56px 60px;
	}
}

.main-footer .footer-top .footer-logo {
	margin-bottom: 32px;
}

.main-footer .footer-top .about-widget {
	position: relative;
	margin-right: 60px;
	margin-top: -8px;
}

.main-footer
	.footer-top
	.about-widget
	.text {
	position: relative;
	font-size: 16px;
	line-height: 36px;
	margin-bottom: 27px;
}

.main-footer
	.footer-top
	.about-widget
	.social-links
	h6 {
	position: relative;
	font-size: 14px;
	font-weight: 700;
	color: #4527a4;
}

.main-footer
	.footer-top
	.about-widget
	.social-links
	li {
	position: relative;
	display: inline-block;
	margin-right: 15px;
}

.main-footer
	.footer-top
	.about-widget
	.social-links
	li:last-child {
	margin-right: 0px;
}

.main-footer
	.footer-top
	.about-widget
	.social-links
	li:first-child {
	margin-right: 30px;
}

.main-footer
	.footer-top
	.about-widget
	.social-links
	li
	a {
	font-size: 16px;
	color: #777;
}

.main-footer
	.footer-top
	.about-widget
	.social-links
	li
	a:hover {
	color: #777;
}

.main-footer .footer-top .widget-title {
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 30px;
	font-weight: 500;
	color: #222;
	padding-bottom: 9px;
}

.widget-content a {
	color: #000;
}

.main-footer
	.footer-top
	.links-widget
	.list
	li {
	position: relative;
	display: block;
}

.main-footer
	.footer-top
	.links-widget
	.list
	li:last-child {
	margin-bottom: 0px;
}

.main-footer
	.footer-top
	.links-widget
	.list
	li
	a {
	display: inline-block;
	font-size: 16px;
	color: #000;
}

.main-footer
	.footer-top
	.links-widget
	.list
	li
	a:hover,
.main-footer
	.footer-top
	.links-widget
	.list
	li
	a:hover:before,
.main-footer
	.footer-top
	.contact-widget
	.list
	li
	a:hover,
.widget-content a:hover {
	color: #777;
}

.main-footer
	.footer-top
	.contact-widget
	.list
	li {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 25px;
	color: #000;
}

.main-footer
	.footer-top
	.contact-widget
	.list
	li
	a {
	color: #000;
}

.main-footer
	.footer-top
	.contact-widget
	.list
	li
	i {
	position: absolute;
	left: 0px;
	top: 13px;
	color: #000;
}

.main-footer .footer-bottom {
	position: relative;
	padding: 20px 0px;
	text-align: center;
}

.main-footer .footer-bottom .copyright {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 1.82px;
	color: #b7b7b7;
	padding-top: 18px;
}

.main-footer
	.footer-bottom
	.copyright
	a {
	color: #b7b7b7;
}

.main-footer
	.footer-bottom
	.copyright
	a:hover {
	text-decoration: underline;
}

/** sidebar **/

.main-header .nav-box {
	position: absolute;
	left: 33px;
	top: 10px;
	width: 20px;
	color: #ffffff;
	font-size: 28px;
	padding: 24px 0px 23px;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}

.main-header .nav-box:before {
	position: absolute;
	content: "";
	background: #4527a4;
	width: 260px;
	height: 260px;
	left: -160px;
	top: -135px;
	box-shadow: 0 0 0px 45px
		rgba(104, 157, 235, 0.4);
	border-radius: 50%;
}

.main-header .nav-box .nav-btn {
	position: relative;
	cursor: pointer;
}

.main-header .nav-btn .icon {
	position: relative;
	height: 3px;
	width: 20px;
	float: right;
	display: inline-block;
	margin-bottom: 7px;
	background-color: #fff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.xs-sidebar-group .xs-overlay {
	left: 0%;
	top: 0;
	position: fixed;
	height: 100%;
	opacity: 0;
	width: 100%;
	visibility: hidden;
	-webkit-transition: all 0.4s ease-in
		0.8s;
	-o-transition: all 0.4s ease-in 0.8s;
	transition: all 0.4s ease-in 0.8s;
	cursor: url(../images/icons/cross-out.png),
		pointer;
	z-index: 999999;
}

.xs-sidebar-group.isActive .xs-overlay {
	opacity: 0.9;
	visibility: visible;
	-webkit-transition: all 0.8s ease-out
		0s;
	-o-transition: all 0.8s ease-out 0s;
	transition: all 0.8s ease-out 0s;
	right: 100%;
}

.xs-sidebar-group .widget-heading {
	position: absolute;
	top: 0;
	right: 0;
	padding: 25px;
}

.xs-sidebar-widget {
	position: fixed;
	left: -100%;
	top: 0;
	bottom: 0;
	width: 100%;
	max-width: 360px;
	z-index: 999999;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	background-color: #ffffff;
	-webkit-transition: all 0.5s
		cubic-bezier(0.9, 0.03, 0, 0.96)
		0.6s;
	-o-transition: all 0.5s
		cubic-bezier(0.9, 0.03, 0, 0.96)
		0.6s;
	transition: all 0.5s
		cubic-bezier(0.9, 0.03, 0, 0.96)
		0.6s;
	visibility: hidden;
	opacity: 0;
}

.xs-sidebar-group.isActive
	.xs-sidebar-widget {
	opacity: 1;
	visibility: visible;
	left: 0;
	-webkit-transition: all 0.7s
		cubic-bezier(0.9, 0.03, 0, 0.96)
		0.4s;
	-o-transition: all 0.7s
		cubic-bezier(0.9, 0.03, 0, 0.96)
		0.4s;
	transition: all 0.7s
		cubic-bezier(0.9, 0.03, 0, 0.96)
		0.4s;
}

.sidebar-textwidget {
	padding: 40px;
}

.close-side-widget {
	color: #1768dd;
	display: block;
}

.sidebar-widget-container {
	position: relative;
	top: 150px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s ease-in
		0.3s;
	-o-transition: all 0.3s ease-in 0.3s;
	transition: all 0.3s ease-in 0.3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.xs-sidebar-group.isActive
	.sidebar-widget-container {
	top: 0px;
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 1s ease-out
		1.2s;
	-o-transition: all 1s ease-out 1.2s;
	transition: all 1s ease-out 1.2s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.xs-overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0.5;
	z-index: 0;
}

.xs-bg-black {
	background-color: #000000;
}

.xs-menu-tools > li {
	display: inline-block;
	margin-right: 15px;
}

.xs-menu-tools > li:last-child {
	margin-right: 0;
}

.xs-menu-tools > li > a {
	color: #000000;
	text-decoration: none;
}

.sidebar-info-contents {
	position: relative;
}

.close-side-widget {
	position: relative;
	color: #4527a4;
	font-size: 24px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.close-side-widget:hover {
	color: #222;
}

.sidebar-info-contents .content-inner {
	position: relative;
}

.sidebar-info-contents
	.content-inner
	.logo {
	padding: 0px 0px 40px;
}

.sidebar-info-contents
	.content-inner
	.logo
	img {
	display: inline-block;
	max-width: 100%;
}

.sidebar-info-contents
	.content-inner
	.content-box {
	position: relative;
}

.sidebar-info-contents
	.content-inner
	.content-box
	h4 {
	position: relative;
	font-size: 20px;
	color: #222;
	font-weight: 700;
	margin-bottom: 20px;
}

.sidebar-info-contents
	.content-inner
	.content-box
	.text {
	position: relative;
	font-size: 15px;
	color: #777;
	margin-bottom: 25px;
}

.sidebar-info-contents
	.content-inner
	.content-box
	.theme-btn-two {
	padding: 10px 50px;
}

.sidebar-info-contents
	.content-inner
	.contact-info {
	position: relative;
	margin-top: 60px;
}

.sidebar-info-contents
	.content-inner
	.contact-info
	ul
	li {
	position: relative;
	display: block;
	font-size: 15px;
	color: #777;
	margin-bottom: 3px;
}

.sidebar-info-contents
	.content-inner
	.contact-info
	ul
	li
	a {
	color: #777;
}

.sidebar-info-contents
	.content-inner
	.contact-info
	ul
	li
	a:hover {
	color: #4527a4;
}

.sidebar-info-contents
	.content-inner
	.contact-info
	h4 {
	position: relative;
	font-size: 20px;
	color: #222;
	font-weight: 700;
	margin-bottom: 20px;
}

.sidebar-info-contents
	.content-inner
	.social-box {
	position: relative;
	margin-top: 20px;
	margin-bottom: 30px;
}

.sidebar-info-contents
	.content-inner
	.social-box
	li {
	position: relative;
	display: inline-block;
	margin-right: 6px;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
}

.sidebar-info-contents
	.content-inner
	.social-box
	li
	a {
	position: relative;
	width: 36px;
	height: 36px;
	color: #222222;
	z-index: 1;
	font-size: 13px;
	line-height: 36px;
	text-align: center;
	border-radius: 50%;
	display: inline-block;
	background: transparent;
	border: 1px solid #ededed;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.sidebar-info-contents
	.content-inner
	.social-box
	li
	a:hover {
	background: #4527a4;
	border-color: #4527a4;
	color: #fff;
}

.clients-section .owl-nav {
	display: none;
}

/** download-apps **/

.download-apps {
	position: relative;
	padding: 100px 0px 100px 0px;
}

/* download btn  */

.download-btn {
	padding-left: 0px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 40px;
}

.download-btn a {
	color: #000;
	background: #fff;
	border-radius: 10px;
	width: 280px;
	height: 60px;
	/* padding: 10px 21px 14px 80px; */
	box-shadow: 0 5px 25px
		rgba(0, 0, 0, 0.2);
}

@media (min-width: 768px) {
	.download-btn {
		/* padding-left: 66px; */
		flex-direction: row;
		justify-content: start;
	}

	.download-btn a {
		width: 200px;
	}
}

@media (min-width: 992px) {
	.download-btn {
		padding-left: 66px;
	}
}

.download-btn a:hover {
	color: #000;
	box-shadow: 0 5px 16px 0
		rgba(255, 218, 94, 0.83);
	background-color: #ffda5e;
}

.download-btn a::selection {
	color: #000;
	box-shadow: 0 5px 16px 0
		rgba(255, 218, 94, 0.83);
	background-color: #ffcd27;
}

.download-btn a span {
	position: relative;
	display: block;
	font-size: 12px;
	padding-left: 30px;
}

.download-btn a i {
	/* position: absolute;
  left: 5px;
  top: 14px; */
	padding-left: 10px;
	font-size: 36px;
	color: #000;
	transition: all 500ms ease;
}

.download-btn a:hover i {
	color: #222;
}

.app-store-btn {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	margin-bottom: 16px;
}

.app-store-btn-text {
	padding-left: 15px;
}

.app-store-btn-text p:nth-child(1) {
	font-size: 12px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.96px;
	color: #000000;
}

.app-store-btn-text p:nth-child(2) {
	font-size: 18px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.96px;
	color: #000000;
}

.google-play-btn {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}

.download-btn .google-play-btn:hover {
	color: #ffda5e;
}

.download-btn .app-store-btn:hover {
	color: #ffda5e;
}

@media (min-width: 768px) {
	.google-play-btn {
		justify-content: start;
		margin: 0px;
	}

	.app-store-btn {
		justify-content: start;
		margin-bottom: 0px;
	}

	.download-btn .app-store-btn {
		margin-right: 30px;
		margin-left: 0px;
	}
}

.google-play-btn-text {
	padding-left: 15px;
}

.google-play-btn-text p:nth-child(1) {
	font-size: 12px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.96px;
	color: #000000;
}

.google-play-btn-text p:nth-child(2) {
	font-size: 18px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.96px;
	color: #000000;
}

/* end  */

.download-apps .anim-icons .icon-1 {
	top: 50px;
	right: 50%;
	background-repeat: no-repeat;
	-webkit-animation: zoom-fade 2s
		infinite linear;
	animation: zoom-fade 2s infinite
		linear;
}

.download-apps .anim-icons .icon-2 {
	top: 180px;
	right: 240px;
	background-repeat: no-repeat;
}

.download-apps .anim-icons .icon-3 {
	bottom: 200px;
	right: 240px;
	background-repeat: no-repeat;
	-webkit-animation: zoom-fade 2s
		infinite linear;
	animation: zoom-fade 2s infinite
		linear;
}

.download-apps .anim-icons .icon-4 {
	right: 42%;
	bottom: 100px;
	background-repeat: no-repeat;
}

/** banner-style-six **/

.banner-style-six {
	position: relative;
	/* height: 100vh; */
}

.main-image-right {
	position: absolute;
	right: 0px;
	top: 0px;
}

.main-image {
	position: absolute;
	left: 0px;
	top: 0px;
}

.Left-bg-yellow-copy {
	width: 100%;
	transform: translate(-63%, 25%)
		scale(3.7);
}

.Right-bg-blue-copy {
	width: 100%;
	transform: translate(73%, 5%)
		scale(3.4);
}

.Left-bg-yellow {
	display: none;
}

.Right-bg-blue {
	display: none;
}

@media (min-width: 410px) {
	.Left-bg-yellow-copy {
		width: 100%;
		transform: translate(-59%, 20%)
			scale(3);
	}

	.Right-bg-blue-copy {
		width: 93%;
		transform: translate(73%, 5%)
			scale(3);
	}
}

@media (min-width: 480px) {
	.Left-bg-yellow-copy {
		width: 100%;
		transform: translate(-55%, 20%)
			scale(2.4);
	}

	.Right-bg-blue-copy {
		width: 93%;
		transform: translate(70%, 5%)
			scale(2.4);
	}
}

@media (min-width: 570px) {
	.Left-bg-yellow-copy {
		width: 100%;
		transform: translate(-55%, 10%)
			scale(1.8);
	}

	.Right-bg-blue-copy {
		width: 100%;
		transform: translate(60%, 0%)
			scale(1.6);
	}
}

@media (min-width: 768px) {
	.Left-bg-yellow-copy {
		width: 130%;
		transform: translate(-45%, -12%)
			scale(1.2);
	}

	.Right-bg-blue-copy {
		width: 93%;
		transform: translate(57%, -15%)
			scale(1.1);
	}
}

@media (min-width: 1200px) {
	.Left-bg-yellow {
		display: block;
		width: 75%;
		transform: translateX(-15%);
	}

	.Right-bg-blue {
		display: block;
		width: 75%;
		transform: translateX(50%);
	}

	.Left-bg-yellow-copy {
		display: none;
	}

	.Right-bg-blue-copy {
		display: none;
	}
}

.main-text {
	padding-top: 10px;
	display: flex;
	flex-direction: column-reverse;
}

.image_box-phone img {
	transform: translate(0px, -25px)
		scale(0.85);
}

@media (min-width: 768px) {
	.main-text {
		flex-direction: row;
	}

	.image_box-phone img {
		transform: translate(0px, -70px)
			scale(0.85);
	}

	.Left-bg-yellow {
		width: 75%;
		transform: translateX(0%);
	}

	.Right-bg-blue {
		width: 75%;
		transform: translateX(34%);
	}
}

@media (min-width: 992px) {
	.image_box-phone img {
		transform: translate(30px, -70px)
			scale(0.85);
	}
}

.image_box-phone {
	/* width: 55%; */
	max-width: 301px;
	height: auto;
	margin: 0 auto;
	/* transform: translateX(18%); */
	text-align: center;
}

.banner-style-six .content-box h1 {
	position: relative;
	display: block;
	font-size: 35px;
	line-height: 50px;
	font-weight: 700;
	color: #000;
	margin-bottom: 12px;
}

.content_box-description {
	position: relative;
	display: block;
	font-size: 20px;
	font-weight: 300;
	font-stretch: normal;
	font-style: italic;
	line-height: 1.14;
	letter-spacing: normal;
	color: #a0a0a0;
	margin-bottom: 16px;
}

.banner-style-six .content-box .text {
	position: relative;
	display: block;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.45;
	letter-spacing: normal;
	color: #000000;
}

.banner-style-six .content-box {
	position: relative;
	padding-left: 66px;
	padding-top: 25px;
}

.clients-section .sec-title {
	margin-bottom: 40px;
}

.clients-section {
	position: relative;
	padding: 25px 0px;
}

.clients-section .image-box img {
	display: block;
	max-width: 100%;
	width: auto;
	margin: 0 auto;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

/** recruitment-section **/

.sec-title-first {
	max-width: 609px;
	margin: 0 auto;
}

.recruitment-section {
	position: relative;
	padding-top: 150px;
	padding-bottom: 120px;
}

.recruitment-section
	.single-item
	.inner-box {
	position: relative;
	display: block;
	padding: 0px 30px 25px 30px;
	transition: all 500ms ease;
}

/* .recruitment-section .single-item:hover .inner-box{
  box-shadow: 0 5px 30px 0px rgba(0, 0, 0, 0.1);
} */

.recruitment-section
	.single-item
	.icon-box {
	position: relative;
	display: block;
	font-size: 65px;
	line-height: 65px;
	color: #4527a4;
	margin-bottom: -12px;
	transition: all 500ms ease;
}

.recruitment-section
	.single-item
	.icon-box-after
	img {
	position: absolute;
	bottom: -10px;
	right: 66%;
	width: 24%;
}

.recruitment-section
	.single-item
	.icon-box-after-left
	img {
	position: absolute;
	bottom: -18px;
	left: 66%;
	width: 24%;
}

.recruitment-section
	.single-item
	.pluse-icon {
	display: block;
	position: absolute;
	right: 15px;
	bottom: 50%;
	z-index: 1;
	transform: translateY(50%);
}

@media (max-width: 768px) {
	.recruitment-section
		.single-item
		.pluse-icon-left,
	.recruitment-section
		.single-item
		.pluse-icon-mobile,
	.recruitment-section
		.single-item
		.pluse-icon-mobile-left {
		display: block;
		position: absolute;
		right: 15px;
		bottom: 50%;
		z-index: 1;
		transform: translateY(50%);
	}

	.recruitment-section
		.single-item
		.pluse-icon-mobile {
		right: 15px;
	}

	.recruitment-section
		.single-item
		.pluse-icon-left,
	.recruitment-section
		.single-item
		.pluse-icon-mobile-left {
		left: 15px;
	}
}

@media (min-width: 768px) {
	.recruitment-section
		.single-item
		.icon-box-after-left
		img {
		position: absolute;
		bottom: -18px;
		left: 60%;
		width: 25%;
	}

	.recruitment-section
		.single-item
		.icon-box-after
		img {
		position: absolute;
		bottom: -10px;
		right: 60%;
		width: 25%;
	}

	.recruitment-section
		.single-item
		.pluse-icon,
	.recruitment-section
		.single-item
		.pluse-icon-left {
		display: block;
		position: absolute;
		right: -65px;
		bottom: 50%;
		z-index: 1;
		transform: translateY(50%);
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.recruitment-section
		.single-item
		.pluse-icon-mobile {
		display: block;
		position: absolute;
		right: -65px;
		bottom: 50%;
		z-index: 1;
		transform: translateY(50%);
	}

	.recruitment-section
		.single-item
		.pluse-icon-left,
	.recruitment-section
		.single-item
		.pluse-icon-mobile-left {
		left: 15px;
	}

	.recruitment-section
		.single-item
		.tablet-icon {
		display: none;
	}
}

@media (min-width: 992px) {
	.recruitment-section
		.single-item
		.pluse-icon-mobile,
	.recruitment-section
		.single-item
		.pluse-icon-mobile-left {
		display: none;
	}
}

@media (min-width: 1200px) {
	.recruitment-section
		.single-item
		.pluse-icon-mobile,
	.recruitment-section
		.single-item
		.pluse-icon-mobile-left {
		display: none;
	}

	.recruitment-section
		.single-item
		.pluse-icon {
		display: block;
		position: absolute;
		right: -70px;
		bottom: 50%;
		z-index: 1;
	}

	.main-text {
		padding-top: 190px;
	}
}

@media (min-width: 1440px) {
	.recruitment-section
		.single-item
		.icon-box-after-left
		img {
		position: absolute;
		bottom: -18px;
		left: 40%;
		width: 30%;
	}

	.recruitment-section
		.single-item
		.icon-box-after
		img {
		position: absolute;
		bottom: -10px;
		right: 40%;
		width: 30%;
	}
}

@media (min-width: 1920px) {
	.recruitment-section
		.single-item
		.icon-box-after
		img {
		right: 20%;
		width: 40%;
	}

	.recruitment-section
		.single-item
		.icon-box-after-left
		img {
		left: 20%;
		width: 40%;
	}
}

.recruitment-section
	.single-item
	.icon-box-after {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 50%;
	width: 568px;
	height: 4px;
	background-color: #ffc444;
	z-index: -1;
}

.recruitment-section
	.single-item
	.icon-box-after-left {
	display: block;
	position: absolute;
	right: 50%;
	bottom: 50%;
	width: 568px;
	height: 4px;
	background-color: #8ab3db;
	z-index: -1;
}

/* .recruitment-section .single-item:hover .icon-box{
  transform: scale(1.1);
} */

.recruitment-section .single-item h3 {
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 32px;
	color: #222;
	font-weight: 500;
	margin-bottom: 18px;
}

.recruitment-section .single-item h3 a {
	display: inline-block;
	color: #222;
}

.recruitment-section
	.single-item
	h3
	a:hover {
	cursor: default;
	text-decoration: none;
}

.recruitment-section
	.single-item
	h3
	a:hover {
	cursor: default;
	text-decoration: none;
}

.recruitment-section
	.single-item
	.text {
	position: relative;
	max-width: 283px;
	font-size: 18px;
	line-height: 24px;
	margin: 0 auto;
}

/* .recruitment-section .sec-title h2{
  margin-bottom: 61px;
} */

.recruitment-section .btn-box {
	position: relative;
	display: block;
	margin-top: 48px;
}

.recruitment-section .btn-box a {
	position: relative;
	display: inline-block;
	overflow: hidden;
	font-size: 16px;
	font-weight: 500;
	color: #4527a4;
	background: #fff;
	padding: 10px 43px;
	text-align: center;
	border-radius: 30px;
	z-index: 1;
	box-shadow: 0 0px 10px 0px
		rgba(0, 0, 0, 0.1);
}

.recruitment-section .btn-box a:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: #4527a4;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(0.2, 1);
	transform: scale(0.2, 1);
	z-index: -1;
}

.recruitment-section
	.btn-box
	a:hover::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

.recruitment-section .btn-box a:hover {
	background: #4527a4;
	color: #fff;
}

.clients-section .owl-dots {
	display: none;
}

.clients-section.home-12
	.clients-carousel {
	padding-bottom: 38px;
	padding-top: 38px;
	border-top: 2px solid #ebebeb;
	border-bottom: 2px solid #ebebeb;
}

.shadow-effect {
	/* background: #fff; */
	padding: 40px;
	/* border-radius: 4px; */
	text-align: center;
	/* border:1px solid #ECECEC; */
	/* box-shadow: 0 19px 38px rgba(0,0,0,0.10), 0 15px 12px rgba(0,0,0,0.02); */
}

#customers-testimonials
	.shadow-effect
	p {
	font-family: inherit;
	font-size: 17px;
	line-height: 1.5;
	margin: 0 0 17px 0;
	font-weight: 300;
}
.testimonial-name {
	margin: -17px auto 0;
	display: table;
	width: auto;
	background: #3190e7;
	padding: 9px 35px;
	border-radius: 12px;
	text-align: center;
	color: #fff;
	box-shadow: 0 9px 18px
			rgba(0, 0, 0, 0.12),
		0 5px 7px rgba(0, 0, 0, 0.05);
}
#customers-testimonials .item {
	text-align: center;
	padding: 0;
	-webkit-transform: scale3d(
		0.8,
		0.8,
		1
	);
	transform: scale3d(0.8, 0.8, 1);
	-webkit-transition: all 0.3s
		ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#customers-testimonials
	.owl-item.active.center
	.item {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
.owl-carousel .owl-item img {
	transform-style: preserve-3d;
	/* max-width: 90px;
  margin: 0 auto 17px; */
	width: 100%;
}

#customers-testimonials.owl-carousel
	.owl-dots
	.owl-dot.active
	span,
#customers-testimonials.owl-carousel
	.owl-dots
	.owl-dot:hover
	span {
	background: #85b0da;
	transform: translate3d(0px, -50%, 0px)
		scale(0.7);
}
#customers-testimonials.owl-carousel
	.owl-dots {
	display: inline-block;
	width: 100%;
	text-align: center;
}
#customers-testimonials.owl-carousel
	.owl-dots
	.owl-dot {
	display: inline-block;
}
#customers-testimonials.owl-carousel
	.owl-dots
	.owl-dot
	span {
	background: #f2f2f2;
	display: inline-block;
	height: 20px;
	margin: 0 2px 5px;
	border-radius: 50%;
	transform: translate3d(0px, -50%, 0px)
		scale(0.5);
	transform-origin: 50% 50% 0;
	transition: all 250ms ease-out 0s;
	width: 20px;
}

.left-arrow {
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	box-shadow: 0 7px 25px 0
		rgba(212, 212, 212, 0.5);
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	cursor: pointer;
}

.right-arrow {
	position: absolute;
	cursor: pointer;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	box-shadow: 0 7px 25px 0
		rgba(212, 212, 212, 0.5);
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}

.right-arrow i,
.left-arrow i {
	position: absolute;
	cursor: pointer;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	font-size: 20px;
	color: #85b0da;
}

.accordion {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

@media (min-width: 1200px) {
	.accordion {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		padding: 0 65px;
	}
}

.accordion .accordion-item {
	/* border-bottom: 1px solid #e5e5e5; */

	min-height: 60px;
	min-width: 100%;
	margin: 9px 0;
	padding: 0 36px 0 18px;
	border-radius: 10px;
	box-shadow: 0 10px 20px 0
		rgba(202, 202, 202, 0.5);
	background-color: #ffffff;
}

.accordion .accordion-item .arrow-img {
	min-width: 20px;
	max-width: 20px;
}

.accordion
	.accordion-item
	button[aria-expanded="true"]
	> span
	> .arrow-img {
	transform: rotate(180deg);
}
.accordion button {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	/* padding: 1em 0; */
	color: #000;
	font-size: 18px;
	font-weight: 700;
	border: none;
	background: none;
	outline: none;
}

.accordion button .button-question {
	margin-right: 18px;
}
button.scroll-top.scroll-to-target.open
	a {
	color: #000 !important;
}

.accordion button:hover,
.accordion button:focus {
	cursor: pointer;
	color: #000;
}
.accordion button:hover::after,
.accordion button:focus::after {
	cursor: pointer;
	color: #000;
	/* border: 1px solid #03b5d2; */
}
.accordion button .accordion-title {
	padding: 1em 1.5em 1em 0;
	display: flex;
	flex-direction: row;
	justify-content: start;
	text-align: left;
}
.accordion button .icon {
	display: inline-block;
	position: absolute;
	top: 18px;
	right: 0;
	width: 22px;
	height: 22px;
	border: 1px solid;
	border-radius: 22px;
}
.accordion button .icon::before {
	display: block;
	position: absolute;
	content: "";
	top: 9px;
	left: 5px;
	width: 10px;
	height: 2px;
	background: currentColor;
}
.accordion button .icon::after {
	display: block;
	position: absolute;
	content: "";
	top: 5px;
	left: 9px;
	width: 2px;
	height: 10px;
	background: currentColor;
}
.accordion
	button[aria-expanded="true"] {
	color: #000;
}
.accordion
	button[aria-expanded="true"]
	.icon::after {
	width: 0;
}
.accordion
	button[aria-expanded="true"]
	+ .accordion-content {
	opacity: 1;
	max-height: 100%;
	transition: all 900ms linear;
	will-change: opacity, max-height;
}
.accordion .accordion-content {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	transition: opacity 900ms linear,
		max-height 700ms linear;
	will-change: opacity, max-height;
}
.accordion .accordion-content p {
	font-size: 1rem;
	font-weight: 300;
	margin: 0 0 15px 62px;
}

.sec-title-faq {
	max-width: 652px;
	margin: 0 auto;
	padding: 52px 0 40px 0;
}

/* QR-section  */

.qr-section {
	margin-top: 70px;
}

.qr-section_block {
	display: flex;
	flex-direction: row;
	padding: 56px 0px 63px 0px;
	border-top: 4px solid #ffc444;
	border-bottom: 4px solid #ffc444;
	margin-bottom: 31px;
}

.left-qr {
	display: none;
}

.center-qr {
	width: 100%;
}

.right-qr {
	display: none;
}

.center-qr .logo-block,
.center-qr .text-block {
	text-align: center;
}

.center-qr .text-block {
	margin-bottom: 15px;
}

.center-qr .text-block_title {
	font-size: 22px;
	font-weight: 700;
	color: #000;
	margin-bottom: 15px;
}

.qr-block img {
	box-shadow: 0 5px 16px 0 #c5c5c5;
}

.center-qr img {
	box-shadow: 0 5px 10px 0
		rgba(0, 0, 0, 0.5);
	margin-bottom: 18px;
}

@media (min-width: 768px) {
	.left-qr {
		display: block;
		width: 26%;
	}

	.center-qr {
		width: 48%;
		padding: 0 20px;
	}

	.right-qr {
		display: block;
		width: 26%;
	}

	.qr-block {
		margin-bottom: 32px;
	}

	.center-qr .button-block-mobile {
		display: none;
	}
}

@media (min-width: 992px) {
	.qr-section_block {
		padding: 56px 60px 63px 60px;
	}
	.left-qr {
		display: block;
		width: 21%;
		margin-right: 10%;
	}

	.center-qr {
		width: 38%;
		margin-right: 10%;
	}

	.right-qr {
		display: block;
		width: 21%;
	}

	.qr-block {
		margin-bottom: 32px;
	}
}

@media (min-width: 1200px) {
	.qr-section_block {
		padding: 56px 60px 63px 60px;
	}
	.left-qr {
		width: 21%;
		margin-right: 10%;
	}

	.center-qr {
		width: 38%;
		margin-right: 10%;
	}

	.right-qr {
		width: 21%;
	}

	.qr-block {
		margin-bottom: 32px;
		max-width: 200px;
	}
}

/** download-apps **/

.download-apps {
	position: relative;
	padding: 100px 0px 100px 0px;
}

.button-block a {
	color: #000;
	background: #fff;
	border-radius: 7px;
	width: 280px;
	height: 60px;
	/* padding: 10px 21px 14px 80px; */
	box-shadow: 0 5px 25px
		rgba(0, 0, 0, 0.2);
	margin-bottom: 16px;
	justify-content: center;
}

/* download btn  */

.button-block {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.button-block a:hover {
	color: #000;
	box-shadow: 0 5px 16px 0
		rgba(255, 218, 94, 0.83);
	background-color: #ffda5e;
}

.button-block a::selection {
	color: #000;
	box-shadow: 0 5px 16px 0
		rgba(255, 218, 94, 0.83);
	background-color: #ffcd27;
}

.button-block a span {
	position: relative;
	display: block;
	font-size: 12px;
	padding-left: 30px;
}

.button-block a i {
	/* position: absolute;
  left: 5px;
  top: 14px; */
	padding-left: 10px;
	font-size: 36px;
	color: #000;
	transition: all 500ms ease;
}

.button-block a:hover i {
	color: #222;
}

/* .button-block .app-store-btn{
  margin-right: 30px;
} */

@media (min-width: 768px) {
	.button-block a {
		border-radius: 7px;
		width: 200px;
		height: 60px;
		text-align: left;
	}
}

@media (min-width: 992px) {
	.button-block {
		justify-content: start;
	}
	.button-block a {
		margin: 0px;
	}
}

/* end  */

/* Scroll down  */

.scroll-downs {
	display: none;
}

@media (min-width: 1200px) {
	.scroll-downs {
		display: block;
	}
}

.scroll-downs {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;

	width: 38px;
	height: 55px;
}
.mousey {
	width: 3px;
	padding: 10px 15px;
	height: 35px;
	border: 2px solid #a0a0a0;
	border-radius: 25px;
	opacity: 0.75;
	box-sizing: content-box;
	margin-bottom: 10px;
}
.scroller {
	width: 3px;
	height: 10px;
	border-radius: 25%;
	background-color: #a0a0a0;
	animation-name: scroll;
	animation-duration: 2.2s;
	animation-timing-function: cubic-bezier(
		0.15,
		0.41,
		0.69,
		0.94
	);
	animation-iteration-count: infinite;
}
@keyframes scroll {
	0% {
		opacity: 0;
	}
	10% {
		transform: translateY(0);
		opacity: 1;
	}
	100% {
		transform: translateY(15px);
		opacity: 0;
	}
}

.mouse-arrow {
	display: block;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-right: 2px solid #a0a0a0;
	border-bottom: 2px solid #a0a0a0;
	margin: 0 auto;
	width: 10px;
	height: 10px;
	-webkit-animation: mouse-scroll 1s
		infinite;
	-moz-animation: mouse-scroll 1s
		infinite;
	-webkit-animation-delay: 100ms;
	-moz-animation-delay: 100ms;
	-webkit-animation-direction: alternate;
}

.mouse-arrow:after {
	position: absolute;
	content: "";
	display: block;
	border-right: 2px solid #a0a0a0;
	border-bottom: 2px solid #a0a0a0;
	width: 10px;
	height: 10px;
	-webkit-animation: mouse-scroll 1s
		infinite;
	-moz-animation: mouse-scroll 1s
		infinite;
}

.mouse-arrow:after {
	margin: 7px 0 3px 7px;
	-webkit-animation-delay: 200ms;
	-moz-animation-delay: 200ms;
	-webkit-animation-direction: alternate;
}

.owl-item.cloned .title-slider,
.owl-item.active .text-slider {
	display: none;
}
.owl-item .title-slider,
.owl-item .text-slider {
	display: none;
}

.owl-item.active.center
	.text-slider-item {
	position: absolute;
	top: 110%;
	width: 200%;
	right: -50%;
	opacity: 1;
}

figcaption#figcaption-title {
	color: #222;
	font-size: 22px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 20px;
}
figcaption#figcaption-text {
	text-align: center;
}
.text-slider-item {
	display: none;
}

.text-slider-item.active {
	display: block;
}
img.social-icon {
	top: -2px;
	position: relative;
	right: 5px;
	width: 18px;
}
a.front-link {
	color: #000000;
}
figure#currentImageWithCaption {
	width: 70%;
	margin: 0 auto;
}

.accordion-item {
	z-index: 10;
}

@media (max-width: 1200px) {
	.right-arrow,
	.left-arrow {
		top: 95%;
	}
	figure#currentImageWithCaption {
		margin-top: 15px;
	}
}