@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');

body {
	font-family: 'Open Sans', sans-serif;
	color: #1b1b1b;
	font-size: 15px;
	font-weight: 500;
}

a {
	text-decoration: none;
	color: #1b1b1b;
}

a:hover {
	transition: 0.1s all
}

.logo {
	width: 135px;
	transition: 0.5s all
}

.logo-small {
	width: 150px;
}

.section {
	padding: 60px 0 50px;
	position: relative;
}

/* section.light{background: #f5f5f5; position: relative;} */
/* section.blue{background: #273c89; position: relative;} */
/* section.lgreen{background: #fff; position: relative;} */
/* section.beige{background: #fae7a9; position: relative;} */
.overflow {
	overflow: hidden;
}

p {
	line-height: 1.6;
}

p span {
	color: #00d7ef;
}

ol,
ul {
	padding-left: 18px;
}

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

	line-height: 1.2;
	font-weight: 600;
}

h4 span {
	color: #fe9800;
}

.l-height1 {
	line-height: 1.2;
}

.bg-dark2 {
	background-color: #000000 !important;
}

.bg-light {
	background-color: #fff !important;
}

hr {
	background-color: #a1a1a1;
}

.font-light {
	font-weight: 400;
}

.bg1 {
	background-color: #f1f2f2;
}

.bg1 img {
	max-width: 240px;
}

.bg-0 {
	background: transparent;
}

.big {
	font-size: 140%;
}

.pl-100 {
	padding-left: 100px !important;
}

.pr-100 {
	padding-right: 100px !important;
}

.pt-100 {
	padding-top: 100px !important;
}

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

.mr-100 {
	margin-right: 100px !important;
}

.mt-100 {
	margin-top: 100px !important;
}

.mt-minus-2 {
	margin-top: -20px;
}

.mt-minus-100 {
	margin-top: -100px !important;
}

.bor-right {
	border-right: solid 1px #ddd;
}

.w-30 {
	width: 33.33%;
}

.font-400 {
	font-weight: 400;
}

.font-500 {
	font-weight: 500;
}

.font-600 {
	font-weight: 600;
}

figcaption {
	font-size: 15px;
}

.shadow {
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
	border: none;
}

.p-right {
	padding-right: 50px;
}

.quote {
	position: relative;
	font-size: 16px;
	font-style: italic;
	padding: 0 20px;
}

.quote::before {
	content: "";
	background: url(../images/quote-before.png)no-repeat 0 0;
	background-size: 2em;
	position: absolute;
	top: -6px;
	left: -20px;
	z-index: 1;
	width: 2em;
	height: 2em;
}

.quote::after {
	content: "";
	background: url(../images/quote-after.png)no-repeat 0 0;
	background-size: 2em;
	position: absolute;
	bottom: -6px;
	z-index: 1;
	width: 2em;
	height: 2em;
}

.toggle-wrap {
	padding: 10px;
	position: relative;
	cursor: pointer;
	float: left;
	/*disable selection*/
	user-select: none;
	top: 20px;
}

.toggle-bar,
.toggle-bar::before,
.toggle-bar::after,
.toggle-wrap.active .toggle-bar,
.toggle-wrap.active .toggle-bar::before,
.toggle-wrap.active .toggle-bar::after {
	transition: all .2s ease-in-out;
}

.toggle-bar {
	width: 22px;
	margin: 10px 0;
	position: relative;
	border-top: 2px solid #000;
	display: block;
	z-index: 10;
}

.toggle-bar::before,
.toggle-bar::after {
	content: "";
	display: block;
	background: #000;
	height: 2px;
	width: 22px;
	position: absolute;
	top: -8px;
	transform: rotate(0deg);
	transform-origin: 13%;
}

.toggle-bar::after {
	top: 4px;
}

.toggle-wrap.active .toggle-bar {
	border-top: 6px solid transparent;
}

.toggle-wrap.active .toggle-bar::before {
	transform: rotate(45deg);
}

.toggle-wrap.active .toggle-bar::after {
	transform: rotate(-45deg);
}

.btn-gradient {
	color: #fff;
	background: rgb(24, 223, 245);
	background: -moz-linear-gradient(-45deg, rgba(24, 223, 245, 1) 0%, rgba(238, 157, 17, 1) 82%, rgba(254, 152, 0, 1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(24, 223, 245, 1) 0%, rgba(238, 157, 17, 1) 82%, rgba(254, 152, 0, 1) 100%);
	background: linear-gradient(135deg, rgba(24, 223, 245, 1) 0%, rgba(238, 157, 17, 1) 82%, rgba(254, 152, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#18dff5', endColorstr='#fe9800', GradientType=1);
	border-color: transparent;
	padding: .8rem 3rem;
	font-size: 16px;
	font-weight: 500;
	border-radius: 50px;
}

.btn-white-head {
	font-size: 16px;
	color: #202c52;
	font-weight: bold;
	background: #fff;
	padding: .8rem 3rem;
	border-radius: 50px;
}

.btn-white-head:hover {
	color: #000000;
	background-color: #fff;
	border-color: #000;
}


.btn-gradient:hover {
	color: #fff;
	background: #f58a33;
	background: -moz-linear-gradient(left, #f58a33 0%, #fe9800 76%, #fe9800 100%);
	background: -webkit-linear-gradient(left, #f58a33 0%, #fe9800 76%, #fe9800 100%);
	background: linear-gradient(to right, #f58a33 0%, #fe9800 76%, #fe9800 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f58a33', endColorstr='#fe9800', GradientType=1);
	border-color: #fe9800;
}

.btn-primary {
	border-radius: 50px;
	background-color: #17244e;
	font-weight: 500;
	padding: .6rem 2rem;
	border-color: #17244e;
}

/* .btn-primary:hover {
	color: #fe9800;
	background-color: #fff;
	border-color: #fe9800;
} */

.btn-outline-primary {
	color: #000000;
	background-color: #fff;
	border-color: #000000;
	padding: .6rem 2rem;
	font-size: 13px;
	font-weight: 500;
}

.btn-outline-primary:hover {
	color: #fff;
	background-color: #000;
	border-color: #fff;
}

.btn-outline-primary-orange {
	padding: .6rem 2rem;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	border-radius: 50px;
	background-color: #fff;
	color: #ea1e25;
	border: 1px solid #ff0000;
}

.btn-outline-primary-orange:hover {
	border-color: #ff0000;
	color: #ff0000;
}
.btn-filled-primary-orange {
	padding: .6rem 2rem;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	border-radius: 50px;
	background-color: #ff0000;
	color: #fff;
	border: 1px solid #ff0000;
}

.btn-filled-primary-orange:hover {
	border-color: #ff0000;
	background-color: #ff0000;
	color: #fff;
}

.btn-secondary {
	color: #fff;
	background-color: #7e4396;
	border-color: #7e4396;
	padding: .6rem 2rem;
	font-size: 13px;
	font-weight: 500;
}

.btn-secondary:hover {
	color: #7e4396;
	background-color: #fff;
	border-color: #fff;
}

.btn-white {
	color: #fe9800;
	background-color: #fff;
	border-color: #fff;
	padding: .8rem 3rem;
	font-size: 16px;
	font-weight: 500;
	border-radius: 50px;
}

.btn-white:hover {
	color: #000000;
	background-color: #fff;
	border-color: #000;
}

.rounded-4 {
	border-radius: 0.8rem !important;
}

.rounded-top-4 {
	border-top-left-radius: 0.8rem !important;
	border-top-right-radius: 0.8rem !important;
}

.gradient {
	background: #18dff5;
	background: -moz-linear-gradient(-45deg, #18dff5 0%, #ee9d11 69%, #fe9800 100%);
	background: -webkit-linear-gradient(-45deg, #18dff5 0%, #ee9d11 69%, #fe9800 100%);
	background: linear-gradient(135deg, #18dff5 0%, #ee9d11 69%, #fe9800 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#18dff5', endColorstr='#fe9800', GradientType=1);
	color: #fff;
}

.input-group-text {
	background: transparent;
	border-right: #fff;
	padding: 1rem 0.75rem;
}

.btn-arrow {
	width: 30px;
	height: 15px;
	padding-left: 5px;
}

.heading1 {

	font-size: 48px;
	line-height: 1.2;
	margin-bottom: 15px;
	font-weight: 700;
}

.heading1 span {
	color: #fe9800;
}

.heading2 {

	position: relative;
	display: inline-block;
	font-size: calc(1.8rem + ((1.2vw - 0.48rem) * 1.3889));
	line-height: 1.2;
	margin-bottom: 15px;
	font-weight: 700;
}

.heading2:before {
	content: "";
	position: absolute;
	left: 0;
	top: -40px;
	height: 5px;
	width: 80px;
	border-radius: 10px;
	background: #fe9800;
	right: 0;
	margin: 0 auto;
}

.heading2 span {
	color: #fe9800;
}

.heading3 {

	font-size: calc(1.5rem + ((0.5vw - 0.48rem) * 1.3889));
	line-height: 1.3;
	margin-bottom: 15px;
	font-weight: 700;
}

.sub-heading {

	position: relative;
	display: inline-block;
	color: #666666;
	font-size: 16px;
}

.color1 {
	color: #000;
}

.color2 {
	color: #fff;
}

ul.tick {
	list-style: none;
}

ul.tick li {
	margin-bottom: 15px;
}

ul.tick li::before {
	content: "";
	background-image: url(../images/circle-orange.svg);
	background-size: contain;
	display: inline-block;
	width: 16px;
	height: 16px;
	position: relative;
	top: 3px;
	margin-right: 10px;
	margin-left: -28px;
}

.dropdown-menu {
	min-width: 220px;
}

/* .dropdown:hover>.dropdown-menu {
	display: block;
} */

.dropdown-item {
	font-size: 16px;
	font-weight: 500;
	line-height: 30px;
}

.dropdown-item span {
	float: right;
}

.dropdown-item:hover {
	font-weight: bold;
	background: transparent;
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.dropdown-menu li {
		position: relative;
        border-bottom: 1px solid #17244e66;
	}

	.nav-item .submenu {
		display: none;
		position: absolute;
		left: 100%;
		top: -7px;
	}

	.nav-item .submenu-left {
		right: 100%;
		left: auto;
	}

	.dropdown-menu>li:hover {
		background-color: transparent;
	}

	.dropdown-menu>li:hover>.submenu {
		display: block;
	}
}

/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
	.dropdown-menu .dropdown-menu {
		margin-left: 0.7rem;
		margin-right: 0.7rem;
		margin-bottom: .5rem;
	}
}

/* ============ small devices .end// ============ */
.navbar.fixed-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1001;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	transition: 0.5s all;
}

.navbar-light .navbar-nav .nav-link {
	font-weight: 500;
	color: #666666;
	position: relative;
	font-size: 14px;
	margin: 0 10px;
}

.navbar-light .navbar-nav .nav-link:hover::before,
.navbar-light .navbar-nav .nav-link.active::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 3px;
	width: 40px;
	background: #fe9800;
	right: 0;
	margin: auto;
}

.navbar-light .navbar-nav .nav-link.contact:hover::before,
.navbar-light .navbar-nav .nav-link.contact.active::before {
	background: transparent
}

.navbar-light .navbar-nav .nav-link.contact {
	background: transparent;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 6px;
}

.navbar-light .navbar-nav .nav-link.contact:hover,
.navbar-light .navbar-nav .nav-link.contact.active {
	background: #fe9800;
	color: #fff;
}

.mobile-nav {
	display: none;
}

#top-nav {
	display: block;
	width: 40px;
	height: 32px;
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
	opacity: 0;
	z-index: 2;
}

.hamburgerspan {
	cursor: pointer;
	display: block;
	width: 33px;
	height: 4px;
	margin-bottom: 5px;
	position: relative;
	background: #222;
	border-radius: 3px;
	z-index: 1;
	transform-origin: 4px 0px;
	transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

.hamburgerspan:first-child {
	transform-origin: 0% 0%;
}

.hamburgerspan:nth-last-child(2) {
	transform-origin: 0% 100%;
}

#top-nav:checked~.hamburgerspan {
	opacity: 1;
	transform: rotate(45deg) translate(-2px, -1px);
	background: #232323;
}

#top-nav:checked~.hamburgerspan:nth-last-child(3) {
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2);
}

#top-nav:checked~.hamburgerspan:nth-last-child(2) {
	opacity: 1;
	transform: rotate(-45deg) translate(0, -1px);
}

input[id^="menu-"] {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	cursor: pointer;
	opacity: 0;
}

div[id^="menu-cont-"] {
	width: 100%;
	max-width: 440px;
	background-color: #fff;
	box-sizing: border-box;
	margin: 0;
	height: 100%;
	position: fixed;
	margin: 0;
	overflow: hidden;
	top: 0;
	left: 0;
	transform: translate3d(-100%, 0, 0);
	transition: transform 0.35s;
	padding-right: 0;
}

#top-nav:checked~div[id^="menu-cont-"],
input[id^="menu-"]:checked~div[id^="menu-cont-"] {
	transform: translate3d(0, 0, 0);
}

.mmenu li.nav-item {
	width: 100%;
	font-size: 16px;
	list-style: none;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	padding: 15px 10px 15px 20px;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
	position: relative;
}

/*.mmenu li.nav-item a{display: block;}*/
div[id^="menu-cont-"] li.nav-item:last-child {
	/*border: 0;*/
}

.menu-ul {
	padding: 0;
	margin: 0;
}

.nav-item.sub-menu:after,
label.menu-label:before {
	content: "";
	border: 2px solid transparent;
	border-top-color: transparent;
	border-top-style: solid;
	border-top-width: 2px;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-left-style: solid;
	border-left-width: 2px;
	display: block;
	width: 10px;
	height: 10px;
	margin-bottom: -5px;
	float: right;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-color: rgba(0, 0, 0, 1);
	border-top: none;
	border-top-color: currentcolor;
	border-left: none;
	border-left-color: currentcolor;
	margin-top: 10px;
}

label.menu-label {
	width: 100%;
	display: block;
	padding: 15px 10px 15px 20px;
	border-bottom: 1px solid #ccc;
	color: #222;
	font-weight: bold;
	box-sizing: border-box;
	background-color: #dedede;
	cursor: pointer;
}

label.menu-label:before {
	float: left;
	margin: 5px;
	margin-left: 0px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}

#menu-cont-1 {
	z-index: 1001;
	margin-top: 75px;
	border-bottom: solid 2px #ccc;
}

#menu-cont-2 {
	z-index: 1002;
}

#menu-cont-3 {
	z-index: 1003;
}

#menu-cont-4 {
	z-index: 1004;
}

#menu-cont-5 {
	z-index: 1005;
}

#menu-cont-6 {
	z-index: 1006;
}

#menu-cont-7 {
	z-index: 1007;
}

#menu-cont-8 {
	z-index: 1008;
}

#menu-cont-9 {
	z-index: 1009;
}

#menu-cont-10 {
	z-index: 1010;
}

.hamburgerspan {
	z-index: 9998;
}

#top-nav {
	z-index: 9999;
}

.z-index1 {
	z-index: 1 !important;
}

.z-index2 {
	z-index: 2 !important;
}

/*sec1-bg*/
.slide-bg {
	background-size: cover;
	height: 80vh;
	position: relative;
}

.line-box {
	background: #fe9800;
	background: -moz-linear-gradient(top, #fe9800 0%, #fe9800 37%, #f58a33 96%);
	background: -webkit-linear-gradient(top, #fe9800 0%, #fe9800 37%, #f58a33 96%);
	background: linear-gradient(to bottom, #fe9800 0%, #fe9800 37%, #f58a33 96%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe9800', endColorstr='#f58a33', GradientType=0);
	width: 25px;
	height: 150px;
	position: absolute;
	left: 0;
	top: 0;
}

.element1 {
	position: absolute;
	top: 20%;
	width: 2%;
	z-index: 1;
	animation: beat 2s infinite alternate;
}

.element2 {
	position: absolute;
	right: 2%;
	top: 28%;
	width: 8%;
	z-index: 1;
	animation: spin 5s infinite alternate;
}

.element3 {
	position: absolute;
	right: -5%;
	top: 60%;
	width: 10%;
	z-index: 1;
	animation: beat 2s infinite alternate;
}

.element4 {
	position: absolute;
	right: 7%;
	top: 70%;
	width: 1.5%;
	z-index: 1;
	animation: beat 2s infinite alternate;
}

.element5 {
	position: absolute;
	left: -7%;
	top: -20%;
	width: 20%;
	z-index: -1;
	animation: mymove 3s infinite alternate;
}

.element6 {
	position: absolute;
	right: 2%;
	top: -10%;
	width: 15%;
	z-index: -1;
	animation: swing 3s infinite alternate;
}

.element7 {
	position: absolute;
	left: 1%;
	top: 5%;
	width: 6%;
	z-index: 1;
	animation: swing 3s infinite alternate;
}

.element8 {
	position: absolute;
	left: 1%;
	width: 7%;
	z-index: 1;
	animation: spin 3s infinite alternate;
}

.element9 {
	position: absolute;
	right: 3%;
	top: 5%;
	width: 2%;
	z-index: 1;
	animation: beat 2s infinite alternate;
}

.element10 {
	position: absolute;
	right: 3%;
	top: 2%;
	width: 8%;
	z-index: 1;
	animation: beat 2s infinite alternate;
}

.element11 {
	position: absolute;
	left: -3%;
	top: 10%;
	width: 12%;
	z-index: 1;
	animation: beat 2s infinite alternate;
}

.element12 {
	position: absolute;
	right: 3%;
	bottom: 10%;
	width: 6%;
	z-index: 1;
	animation: swing 2s infinite alternate;
}

.element13 {
	position: absolute;
	left: 3%;
	top: 4%;
	width: 2%;
	z-index: 1;
	animation: beat 2s infinite alternate;
}

.element14 {
	position: absolute;
	right: 3%;
	top: 0%;
	width: 13%;
	z-index: 1;
	animation: spin 8s infinite alternate;
}

.element15 {
	position: absolute;
	right: 0;
	top: 30%;
	width: 15%;
	z-index: 1;
}

.element16 {
	position: absolute;
	bottom: 0;
	width: 12%;
	z-index: -1;
	animation: beat 2s infinite alternate;
}

.element17 {
	position: absolute;
	top: 2%;
	right: 1%;
	width: 12%;
	z-index: -1;
}

.carousel-indicators [data-bs-target] {
	background-color: #fff !important;
	opacity: 1;
	width: 20px;
	height: 2px;
}

.carousel-indicators .active {
	background-color: #B01116 !important;
	width: 30px;
}

.carousel-control-next,
.carousel-control-prev {
	width: 25px;
	top: auto;
	bottom: 0px;
	z-index: 100;
}

.carousel-control-prev {
	left: auto;
	right: 80px;
}

.carousel-control-next {
	left: auto;
	right: 30px;
}

.carousel-indicators {
	display: none;
}

/*.carousel-inner{background: url(../images/banner-top.svg) no-repeat right top; background-size: 30%;}*/
.down-arrow {
	position: relative;
}

.down-arrow .down-cont {
	position: absolute;
	width: 100%;
	z-index: 10;
	left: 0;
	right: 0;
	bottom: 0;
}

.btn-down-pulse {
	transition: 0.5s all;
	background: #fe9800;
	color: white;
	font-size: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 0;
	height: 0;
	padding: 26px;
	text-decoration: none;
	border-radius: 50%;
	animation-name: pulse;
	animation-duration: 2s;
	animation-timing-function: ease-out;
	animation-iteration-count: infinite;
	margin: auto;
}

.btn-down-pulse:hover {
	background: #f58a33;
	color: #fff;
}

.line-start,
.line-start2,
.line-start3,
.line-start4,
.line-start5,
.line-start6 {
	position: relative;
	padding-left: 20px;
}

.line-start:before,
.line-start2:before,
.line-start3:before,
.line-start4:before,
.line-start5:before,
.line-start6:before {
	content: "";
	position: absolute;
	left: 0px;
	padding: 2px;
	top: 0;
	height: 100%;
}

.line-start:before {
	background: #fe9800;
}

.line-start2:before {
	background: #00d7ef;
}

.line-start3:before {
	background: #2d56fe;
}

.line-start4:before {
	background: #3adf93;
}

.line-start5:before {
	background: #fe9800;
}

.line-start6:before {
	background: #fff;
}

.card.hover {
	transition: transform .5s;
}

.card.hover:hover {
	transform: scale(1.05);
}

.card-icon img {
	width: 85px;
	padding: 15px 10px;
}

.img-card {
	overflow: hidden;
}

.our-team .card.hover {
	transition: 0.5s all
}

.our-team .card.hover h4 {
	color: #000;
}

.our-team .card.hover .img-card img {
	transition: 1s;
}

.our-team .card.hover:hover .img-card img {
	transform: scale(1.15);
}

.img-card .overlay {
	position: relative;
	overflow: hidden;
	margin: 0;
}

.img-card .overlay:before {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	opacity: 0;
	color: #fff;
	font-size: 26px;
	font-family: 'FontAwesome';
	content: "\f002";
	pointer-events: none;
	z-index: 9000;
	transition: 0.4s;
}

.img-card .overlay:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.6);
	content: '';
	transition: 0.4s;
}

.img-card .overlay:hover:after,
.img-card .overlay:hover:before {
	opacity: 1;
}

.arrow {
	color: #333333;
	background-color: #fff;
	margin: 0 15px 1em;
}

.arrow::after {
	display: inline-block;
	color: #fe9800;
	width: 40px;
	height: 14px;
	content: "";
	background: url("../images/arrow-blue.svg") no-repeat center;
	-webkit-transition: transform 0.3s ease-out;
	-moz-transition: transform 0.3s ease-out;
	-ms-transition: transform 0.3s ease-out;
	-o-transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
}

.arrow:hover {
	background-color: #fff;
}

.arrow:hover::after {
	-webkit-transform: translateX(8px);
	-moz-transform: translateX(8px);
	-ms-transform: translateX(8px);
	-o-transform: translateX(8px);
	transform: translateX(8px);
}

.arrow.color1::after {
	content: "";
	background: url("../images/arrow-color1.svg") no-repeat center;
}

.arrow.color2::after {
	content: "";
	background: url("../images/arrow-color2.svg") no-repeat center;
}

.arrow.color3::after {
	content: "";
	background: url("../images/arrow-color3.svg") no-repeat center;
}

.arrow.color4::after {
	content: "";
	background: url("../images/arrow-color4.svg") no-repeat center;
}

.bx-shadow {
	box-shadow: rgb(0 0 0 / 10%) -6px 8px 2.6px;
}

.counter .container {
	border-radius: 30px;
	padding: 30px 15px;
	background: url("../images/counter-bg.jpg") no-repeat 0 0;
	background-size: cover;
}

.counter-count {
	position: relative;
	display: inline-block;
}

.count-up {
	padding-left: 10%;
	;
}

.count-up h1 {
	text-shadow: 2px 2px rgba(72, 81, 98, 0.5);

	font-weight: 700;
	line-height: 1;
}

.count-up i {
	font-size: 10px;
	line-height: 1.8;
}

.partner img {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.partner img {
	float: left;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	opacity: 0.5;
}

.partner img:hover {
	opacity: 1;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
}

.blog-btn {
	margin-top: -20px;
	text-align: center;
}

.contact-form form {
	color: #888888;
	text-align: left;
}

.contact-form input,
.contact-form textarea {
	border-radius: 10px;
	border-color: #ccc;
	padding-left: 46px;
	background-color: #fff;
	line-height: 50px;
	box-shadow: rgb(0 0 0 / 10%) -6px 8px 2.6px;
}

.contact-form .drop-select {
	border-radius: 10px;
	border-color: #ccc;
	background-color: #fff;
	line-height: 50px;
	box-shadow: rgb(0 0 0 / 10%) -6px 8px 2.6px;
}

.contact-form .icon {
	position: relative;
	float: left;
	margin-left: 18px;
	margin-top: -40px;
	z-index: 2;
	color: #ccc;
}

.contact-form .icon-textarea {
	float: left;
	margin-left: 18px;
	margin-top: -92px;
	position: relative;
	z-index: 2;
	color: #ccc;
}

.contact-form .form-select {
	border-left: transparent;
}

.banner-text {
	position: absolute;
	z-index: 10;
	top: 15%;
}

/*.spinner-box { width: 100%; height: 100%; margin-left:-50%; background-color: transparent; }*/
/* SOLAR SYSTEM */
.solar-system {
	width: 960px;
	height: 960px;
	margin-left: -50%;
	margin-top: -20%;
}

.orbit {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px dashed #a5a5a5;
	border-radius: 50%;
}

.earth-orbit {
	width: 960px;
	height: 960px;
	-webkit-animation: spin 12s linear 0s infinite;
}

.venus-orbit {
	width: 960px;
	height: 960px;
	-webkit-animation: spin 60s linear 0s infinite;
}

.mercury-orbit {
	width: 450px;
	height: 450px;
	-webkit-animation: spin 12s linear 0s infinite;
}

.planet {
	position: absolute;
	top: -40;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: #3ff9dc;
}

.planet2 {
	position: absolute;
	top: -35px;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background-color: #fcebd1;
}

.planet2 img {
	animation: round 10s linear infinite;
	padding: 20px;
	color: #fe9800;
}

.planet3 {
	position: absolute;
	top: -25px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #00d7ef;
	z-index: 1;
}

.planet3 i {
	animation: round 12s linear infinite;
	padding: 15px;
	color: #fff;
	font-size: 20px;
}

.planet4 {
	position: absolute;
	top: -15px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #ffb985;
	display: none;
}

.sun {
	width: 450px;
	height: 450px;
	border-radius: 50%;
	background-color: #fff5e5;
}

.tower img {
	width: 20%;
	position: absolute;
	right: 0;
}

.affiliates {
	background: url("../images/counter-bg.jpg") no-repeat 0 0;
	background-size: cover;
}

.affiliates-txt {
	width: 40%;
	text-align: right;
	margin: 0 0 61px auto;
}

.partnership-txt {
	content: "";
	background: url(../images/partnership.svg) no-repeat right 10px;
	background-size: 50%;
	padding: 60px 0 60px;
}

.affiliate {
	margin-top: -80px;
}


@keyframes round {
	from {
		transform: rotate(359deg);
	}

	to {
		transform: rotate(0);
	}
}

@keyframes spin {
	from {
		transform: rotate(0);
	}

	to {
		transform: rotate(359deg);
	}
}

@keyframes pulse {
	0% {
		box-shadow: 0 0 0 0 rgb(254, 152, 0, 0.5);
	}

	80% {
		box-shadow: 0 0 0 30px rgba(37, 211, 102, 0);
	}
}

@keyframes mymove {
	0% {
		top: -40%
	}

	50% {
		top: -30%
	}

	100% {
		top: -40%
	}
}

@keyframes swing {
	0% {
		transform: rotate(-5deg)
	}

	50% {
		transform: rotate(10deg)
	}

	100% {
		transform: rotate(-5deg)
	}
}

@keyframes text-pop-up-top {
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		text-shadow: none
	}

	to {
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px);
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		text-shadow: 0 1px 0 #ccc, 0 2px 0 #ccc, 0 3px 0 #ccc, 0 4px 0 #ccc, 0 5px 0 #ccc, 0 6px 0 #ccc, 0 7px 0 #ccc, 0 8px 0 #ccc, 0 9px 0 #ccc, 0 50px 30px rgba(0, 0, 0, 0.3)
	}
}

@-webkit-keyframes heartbeat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transform-origin: center center;
		transform-origin: center center;
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	10% {
		-webkit-transform: scale(0.91);
		transform: scale(0.91);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	17% {
		-webkit-transform: scale(0.98);
		transform: scale(0.98);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}

	33% {
		-webkit-transform: scale(0.87);
		transform: scale(0.87);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}

	40% {
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
}

@keyframes beat {
	to {
		transform: scale(1.4);
	}
}

.benefits {
	max-width: 50%;
	background: #fe9800;
	color: #fff;
	padding: 30px 10% 15px 5%;
	border-top-right-radius: 50px;
	text-align: center;
}

.resellers {
	position: relative;
	margin-bottom: 300px;
}

.resellers .card1 {
	width: 26%;
	position: absolute;
	left: 5%;
	top: 84%;
}

.resellers .card2 {
	width: 26%;
	position: absolute;
	left: 40%;
	top: 55%;
}

.resellers .card3 {
	width: 26%;
	position: absolute;
	left: 70%;
	top: 4%;
}

.resellers .card1 .icon {
	background: url(../images/no1.svg) no-repeat right 30%;
	background-size: 40%;
}

.resellers .card2 .icon {
	background: url(../images/no2.svg) no-repeat right 30%;
	background-size: 40%;
}

.resellers .card3 .icon {
	background: url(../images/no3.svg) no-repeat right 30%;
	background-size: 40%;
}

.resellers .icon img {
	width: 70px;
}

.ai-fraud-bg {
	padding: 60px 0 50px;
	background: url(../images/ai-fraud-bg.jpg) no-repeat 0 0;
	background-size: cover;
	color: #fff;
}

.compliance-bg {
	padding: 60px 15%;
	background: url(../images/compliance-bg.jpg) no-repeat 0 0;
	background-size: cover;
	color: #fff;
	border-top-left-radius: 150px;
	border-bottom-left-radius: 150px;
}

.join-us {
	background: url(../images/compliance-bg.jpg) no-repeat 0 0;
	background-size: cover;
	color: #fff;
}

.firewall {
	margin-bottom: -60px;
	width: 60%;
	float: right;
}

/*Parallax*/
.image-parallax {
	position: relative;
	background-size: cover;
	background-position: 50%;
	min-height: 430px;
	width: 100%;
	margin: 0 0 1.5em;
	display: flex;
	justify-content: center;
	align-items: center;
}

.image-parallax .image-parallax-text,
.image-parallax h2 {
	color: #fff;
	z-index: 1;
	text-align: center;
}

.image-parallax.overlay:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.7);
}

.image-parallax {
	background-attachment: fixed;
	background-position: 50% 0;
}

.our-team {
	position: relative;
}

.main-tabs .nav-pills .nav-link.mt {
	border-radius: 0;
	padding-bottom: 15px;
	color: #000;
	font-weight: bold;
	margin-right: 10px;
}

.main-tabs .nav-pills .nav-link.mt:hover,
.main-tabs .nav-pills .nav-link.mt.active {
	color: #fe9800;
	background-color: transparent;
	font-weight: bold;
	border-bottom: solid 4px;
	margin-bottom: -4px;
}

.main-tabs .nav-pills.mt {
	border-bottom: solid 4px #eee;
}

.sub-tabs .nav-pills .nav-link.ms {
	color: #000;
	font-weight: bold;
	text-align: left;
	padding: 15px 15px;
	margin-bottom: 5px;
}

.sub-tabs .nav-pills .nav-link.ms:hover,
.sub-tabs .nav-pills .nav-link.ms.active {
	color: #fff;
	background-color: #fe9800;
	font-weight: bold;
}

.sub-tabs .nav-pills .nav-link.ms {
	position: relative;
}

.sub-tabs .nav-pills .nav-link.ms:hover::before,
.sub-tabs .nav-pills .nav-link.ms.active::before {
	content: '⟶';
	position: absolute;
	top: 2px;
	right: 20px;
	transition: 0.5s;
	font-size: 30px;
}

.margin-top {
	margin-top: -100px;
	z-index: 1;
}

footer {
	padding-top: 60px;
	position: relative;
}

.footer {
	background: #f5f5f5;
}

.footer .bor-top {
	border-top: solid 20px #d82430;
}

.footer-logo {
	margin-top: 50px;
	width: 200px;
}

.footer li a {
	display: block;
	color: #333;
	font-weight: 500;
}

.footer p,
.footer a {
	color: #333;
}

.footer-top img {
	width: 100% !important;
}

.footer a:hover {
	color: #004c8c;
}

.footer h5 {
	margin-top: 30px;
	padding-bottom: 5px;
	color: #333;
	font-weight: 600;
	font-size: 18px;
}

.footer .sub-heading {
	font-size: 16px;
}

.footer .f-logo {
	max-width: 300px;
}

.footer .copy {
	background: #f5f5f5 url(../images/globeteleservices.svg) no-repeat right center;
	background-size: 60%;
	color: #333;
	padding: 25px;
	position: relative;
}

.rounded-social-buttons .social-button {
	display: inline-block;
	position: relative;
	cursor: pointer;
	width: 2.5rem;
	height: 2.5rem;
	border: 0.125rem solid transparent;
	padding: 0;
	text-decoration: none;
	text-align: center;
	color: #333;
	font-size: 1rem;
	font-weight: normal;
	line-height: 2.5em;
	border-radius: 1.6875rem;
	transition: all 0.5s ease;
	margin-left: 0.25rem;
	margin-right: 0.25rem;
	margin-bottom: 0.25rem;
}

.rounded-social-buttons .social-button:hover,
.rounded-social-buttons .social-button:focus {
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}

.rounded-social-buttons .fa-twitter,
.fa-facebook-f,
.fa-linkedin,
.fa-youtube,
.fa-instagram {
	font-size: 20px;
}

.rounded-social-buttons .social-button.facebook {
	border: solid 1px #333;
}

.rounded-social-buttons .social-button.facebook:hover,
.rounded-social-buttons .social-button.facebook:focus {
	color: #3b5998;
	background: #fefefe;
	border-color: #3b5998;
}

.rounded-social-buttons .social-button.twitter {
	border: solid 1px #333;
}

.rounded-social-buttons .social-button.twitter:hover,
.rounded-social-buttons .social-button.twitter:focus {
	color: #55acee;
	background: #fefefe;
	border-color: #55acee;
}

.rounded-social-buttons .social-button.linkedin {
	border: solid 1px #333;
}

.rounded-social-buttons .social-button.linkedin:hover,
.rounded-social-buttons .social-button.linkedin:focus {
	color: #007bb5;
	background: #fefefe;
	border-color: #007bb5;
}

.rounded-social-buttons .social-button.youtube {
	border: solid 1px #333;
}

.rounded-social-buttons .social-button.youtube:hover,
.rounded-social-buttons .social-button.youtube:focus {
	color: #bb0000;
	background: #fefefe;
	border-color: #bb0000;
}

.rounded-social-buttons .social-button.google {
	border: solid 1px #333;
}

.rounded-social-buttons .social-button.google:hover,
.rounded-social-buttons .social-button.google:focus {
	color: #bb0000;
	background: #fefefe;
	border-color: #bb0000;
}

.rounded-social-buttons .social-button.instagram {
	border: solid 1px #333;
}

.rounded-social-buttons .social-button.instagram:hover,
.rounded-social-buttons .social-button.instagram:focus {
	color: #125688;
	background: #fefefe;
	border-color: #125688;
}

.copyright {
	font-size: 12px;
}

#scrollBtn {
	display: none;
	position: fixed;
	bottom: 5px;
	right: 25px;
	z-index: 99;
	font-size: 14px;
	border: none;
	outline: none;
	background-color: #ffa41b;
	color: white;
	cursor: pointer;
	padding: 10px;
	border-radius: 4px;
}

.scrollBtn {
	display: inline-block;
	width: 80px;
	height: 80px;
	text-align: center;
	border-radius: 50px;
	font-size: 40px;
	line-height: 60px;
	border: none;
	outline: none;
	background-color: #faa82d;
	color: white;
	cursor: pointer;
	padding: 10px;
	position: absolute;
	top: 25%;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.scrollBtn:hover,
.scrollBtn:hover i {
	background-color: #ffa41b;
	color: #fff;
}

.scrollBtn a {
	color: #fff;
}

#callexpert {
	position: fixed;
	bottom: 40px;
	right: 0;
	z-index: 99;
	font-size: 14px;
	border: none;
	outline: none;
	color: white;
	cursor: pointer;
	padding: 10px;
	border-radius: 4px;
}

.callicon {
	background: #6fbd44;
	display: inline-block;
	border-radius: 50px;
	padding: 8px;
}

.callicon img {
	width: 30px;
}

.calltext {
	font-size: 12px;
	font-weight: 600;
}

.accordion-button:not(.collapsed) {
	color: #000;
	font-weight: 500;
	background-color: transparent;
	box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}

.nav-wrapper {
	display: none;
}

.close {
	position: absolute;
	top: 20px;
	right: 30px;
	transition: all 200ms;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	border: solid 1px #ccc;
	outline: none;
	z-index: 1;
	background: #fff;
	line-height: 1;
	border-radius: 5px;
}

.close:hover {
	background: #fe9800;
	color: #fff;
}

button.left {
	position: absolute;
	z-index: 1;
	top: 45%;
	left: 15px;
}

.diversity .owl-nav {
	position: absolute;
	top: 48%;
	width: 100%;
}

.diversity .owl-nav .owl-next,
.diversity .owl-nav .owl-prev {
	border: solid 1px #000;
	text-decoration: none;
	background: transparent;
	color: #000;
	padding: 5px 8px;
	font-size: 14px;
	border-radius: 0;
	width: auto;
	height: auto;
}

.diversity .owl-nav .owl-next:hover,
.diversity .owl-nav .owl-prev:hover {
	background: #000;
	color: #fff;
}

.diversity .owl-nav .owl-next {
	float: right;
}

.img-gallery {
	position: relative;
}

.img-gallery .container>div {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2em;
	color: #ffeead;
}

.img-gallery .container>div>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Grid */
.img-gallery .container {
	display: grid;
	grid-gap: 5px;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	grid-auto-rows: 300px;
	grid-auto-flow: dense;
	/* Fill all spaces with fitted images */
}

.img-gallery .horizontal {
	grid-column: span 2;
}

.img-gallery .vertical {
	grid-row: span 2;
}

.img-gallery .big {
	grid-column: span 2;
	grid-row: span 2;
}

/* Map Pointers */
.map-locations {
	position: relative;
}

.map-pointers .pointer1 {
	position: absolute;
	top: 37%;
	left: 19%;
	transform: translate(-50%, -50%);
	margin: 0 auto;
	text-align: center;
	width: 2%;
}

.map-pointers .pointer2 {
	position: absolute;
	top: 25%;
	left: 47.3%;
	transform: translate(-50%, -50%);
	margin: 0 auto;
	text-align: center;
	width: 2%;
}

.map-pointers .pointer3 {
	position: absolute;
	top: 37.5%;
	left: 45.4%;
	transform: translate(-50%, -50%);
	margin: 0 auto;
	text-align: center;
	width: 2%;
}

.map-pointers .pointer4 {
	position: absolute;
	top: 33.2%;
	left: 53.6%;
	transform: translate(-50%, -50%);
	margin: 0 auto;
	text-align: center;
	width: 2%;
}

.map-pointers .pointer5 {
	position: absolute;
	top: 37.6%;
	left: 54.2%;
	transform: translate(-50%, -50%);
	margin: 0 auto;
	text-align: center;
	width: 2%;
}

.map-pointers .pointer6 {
	position: absolute;
	top: 41.4%;
	left: 58%;
	transform: translate(-50%, -50%);
	margin: 0 auto;
	text-align: center;
	width: 2%;
}

.map-pointers .pointer7 {
	position: absolute;
	top: 48.8%;
	left: 63.8%;
	transform: translate(-50%, -50%);
	margin: 0 auto;
	text-align: center;
	width: 2%;
}

.map-pointers .pointer8 {
	position: absolute;
	top: 51.2%;
	left: 70.9%;
	transform: translate(-50%, -50%);
	margin: 0 auto;
	text-align: center;
	width: 2%;
}

.map-pointers .pointer9 {
	position: absolute;
	top: 48.7%;
	right: 16.4%;
	transform: translate(-50%, -50%);
	margin: 0 auto;
	text-align: center;
	width: 2%;
}

.map-pointers .pointer10 {
	position: absolute;
	top: 55.6%;
	right: 17.7%;
	transform: translate(-50%, -50%);
	margin: 0 auto;
	text-align: center;
	width: 2%;
}

.map-pointers .pointer11 {
	position: absolute;
	top: 57.9%;
	right: 13%;
	transform: translate(-50%, -50%);
	margin: 0 auto;
	text-align: center;
	width: 2%;
}

.map-pointers .pointer12 {
	position: absolute;
	top: 61.8%;
	right: 19.6%;
	transform: translate(-50%, -50%);
	margin: 0 auto;
	text-align: center;
	width: 2%;
}

.map-pointers .pointer13 {
	position: absolute;
	top: 64.4%;
	right: 18.8%;
	transform: translate(-50%, -50%);
	margin: 0 auto;
	text-align: center;
	width: 2%;
}

.map-pointers .pointer14 {
	position: absolute;
	top: 67.4%;
	right: 13.8%;
	transform: translate(-50%, -50%);
	margin: 0 auto;
	text-align: center;
	width: 2%;
}

.map-pointers .pointer15 {
	position: absolute;
	top: 59%;
	right: 47.6%;
	transform: translate(-50%, -50%);
	margin: 0 auto;
	text-align: center;
	width: 2%;
}

.map-pointers .pointer16 {
	position: absolute;
	top: 60%;
	left: 47.6%;
	transform: translate(-50%, -50%);
	margin: 0 auto;
	text-align: center;
	width: 2%;
}

.map-pointers .pointer17 {
	position: absolute;
	top: 63.6%;
	right: 40.2%;
	transform: translate(-50%, -50%);
	margin: 0 auto;
	text-align: center;
	width: 2%;
}

.map-pointers .pointer18 {
	position: absolute;
	top: 65.2%;
	right: 38.7%;
	transform: translate(-50%, -50%);
	margin: 0 auto;
	text-align: center;
	width: 2%;
}

.map-pointers .pointer19 {
	position: absolute;
	top: 66.8%;
	left: 56.4%;
	transform: translate(-50%, -50%);
	margin: 0 auto;
	text-align: center;
	width: 2%;
}

.map-pointers .pointer20 {
	position: absolute;
	top: 70%;
	left: 58.2%;
	transform: translate(-50%, -50%);
	margin: 0 auto;
	text-align: center;
	width: 2%;
}



/*.mapover {cursor: pointer;text-align: center;}
.mapover .tooltip {background: #fe9800;bottom: 100%; font-size:18px; font-weight: bold; text-align: center;color: #000; display: none;left: -67px;margin-bottom: 10px;opacity: 0;padding: 5px 15px;position: absolute;-webkit-transform: translateY(10px);-moz-transform: translateY(0px);-ms-transform: translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all .25s ease-out;-moz-transition: all .25s ease-out;-ms-transition: all .25s ease-out;-o-transition: all .25s ease-out;transition: all .25s ease-out;-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);-ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);-o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);width: 160px;}
.mapover .tooltip:before { bottom: -20px; content: " "; display: block; height: 20px; left: 0; position: absolute; width: 100%; } 
.mapover .tooltip:after { border-left: solid transparent 10px; border-right: solid transparent 10px; border-top: solid #fe9800 10px; bottom: -10px; content: " "; height: 0; left: 50%; margin-left: -13px; position: absolute; width: 0; } 
.mapover:hover .tooltip {display: block; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }*/

/*== start of code for tooltips ==*/
.tool {
	cursor: pointer;
	position: relative;
	margin: 0 auto;
	text-align: center;
}

/*== common styles for both parts of tool tip ==*/
.tool::before,
.tool::after {
	left: 50%;
	opacity: 0;
	position: absolute;
	z-index: -100;
}

.tool:hover::before,
.tool:focus::before,
.tool:hover::after,
.tool:focus::after {
	opacity: 1;
	transform: scale(1) translateY(0);
	z-index: 100;
}

/*== pointer tip ==*/
.tool::before {
	border-style: solid;
	border-width: 1em 0.75em 0 0.75em;
	border-color: #004c8c transparent transparent transparent;
	bottom: 100%;
	content: "";
	margin-left: -0.7em;
	transition: all .65s cubic-bezier(.84, -0.18, .31, 1.26), opacity .65s .5s;
	transform: scale(.6) translateY(-90%);
}

.tool:hover::before,
.tool:focus::before {
	transition: all .65s cubic-bezier(.84, -0.18, .31, 1.26) .2s;
}

/*== speech bubble ==*/
.tool::after {
	background: #004c8c;
	border-radius: .25em;
	bottom: 115%;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	content: attr(data-tip);
	margin-left: -50px;
	padding: 5px 10px;
	transition: all .65s cubic-bezier(.84, -0.18, .31, 1.26) .2s;
	transform: scale(.6) translateY(50%);
	min-width: 100px;
	text-align: center;
}

.tool:hover::after,
.tool:focus::after {
	transition: all .65s cubic-bezier(.84, -0.18, .31, 1.26);
}

@media (max-width:991.98px) {
	.tool::after {
		bottom: 70%;
	}

	.tool::before {
		border-width: 0.5em 0.5em 0 0.5em;
		bottom: 56%;
		margin-left: -0.5em;
	}

	.tool:hover::after,
	.tool:focus::after {
		font-size: 6px;
		padding: 2px 5px;
		min-width: 56px;
		margin-left: -30px;
	}

	.map-pointers .pointer1,
	.map-pointers .pointer2,
	.map-pointers .pointer3,
	.map-pointers .pointer4,
	.map-pointers .pointer5,
	.map-pointers .pointer6,
	.map-pointers .pointer7,
	.map-pointers .pointer8,
	.map-pointers .pointer9,
	.map-pointers .pointer10,
	.map-pointers .pointer11,
	.map-pointers .pointer12,
	.map-pointers .pointer13,
	.map-pointers .pointer14,
	.map-pointers .pointer15,
	.map-pointers .pointer16,
	.map-pointers .pointer17,
	.map-pointers .pointer18,
	.map-pointers .pointer19,
	.map-pointers .pointer20 {
		width: 3%;
	}
}

@media (min-width: 992px) {
	.col-md-1-5 {
		width: 20%;
	}

	.col-md-2-5 {
		width: 40%;
	}

	.col-md-3-5 {
		width: 60%;
	}

	.col-md-4-5 {
		width: 80%;
	}

	.col-md-5-5 {
		width: 100%;
	}
}

@media (min-width: 1200px) {
	.col-lg-1-5 {
		width: 20%;
	}

	.col-lg-2-5 {
		width: 40%;
	}

	.col-lg-3-5 {
		width: 60%;
	}

	.col-lg-4-5 {
		width: 80%;
	}

	.col-lg-5-5 {
		width: 100%;
	}
}

@media (max-width:1799.98px) {
	.solar-system {
		width: 750px;
		height: 750px;
	}

	.earth-orbit {
		width: 750px;
		height: 750px;
	}

	.venus-orbit {
		width: 750px;
		height: 750px;
	}

	.mercury-orbit {
		width: 380px;
		height: 380px;
	}

	.sun {
		width: 380px;
		height: 380px;
	}
}

@media (max-width:1540.98px) {
	.solar-system {
		width: 700px;
		height: 700px;
	}

	.earth-orbit {
		width: 700px;
		height: 700px;
	}

	.venus-orbit {
		width: 700px;
		height: 700px;
	}

	.mercury-orbit {
		width: 320px;
		height: 320px;
	}

	.sun {
		width: 320px;
		height: 320px;
	}
}

@media (max-width:1399.98px) {
	.solar-system {
		width: 650px;
		height: 650px;
	}

	.earth-orbit {
		width: 650px;
		height: 650px;
	}

	.venus-orbit {
		width: 650px;
		height: 650px;
	}

	.mercury-orbit {
		width: 280px;
		height: 280px;
	}

	.sun {
		width: 280px;
		height: 280px;
	}

	.firewall {
		margin-bottom: -40px;
	}

}

@media (max-width:1199.98px) {

	/*.navbar{display: none;}*/
	.navbar-light .navbar-brand {
		margin: 0 auto;
	}

	.affiliate {
		margin-top: -40px;
	}

	.affiliates-txt {
		width: 90%;
	}

	.desktop-nav {
		display: none;
	}

	.mobile-nav {
		display: block;
	}

	.navbar-nav {
		margin-top: 0;
	}

	nav li.nav-dropdown-open ul {
		display: block;
	}

	.popular-service .owl-nav .owl-prev {
		left: -5px;
	}

	.popular-service .owl-nav .owl-next {
		right: -5px;
	}

	.business-brands .owl-nav .owl-prev {
		left: -5px;
	}

	.business-brands .owl-nav .owl-next {
		right: -5px;
	}

	.service-brands .owl-nav .owl-next {
		right: -15px;
	}

	.service-brands .owl-nav .owl-prev {
		left: -15px;
	}

	.logo-slider .owl-nav .owl-next {
		right: -10px;
	}

	.logo-slider .owl-nav .owl-prev {
		left: -10px;
	}

	.service-brands .owl-nav {
		top: 25%;
	}

	.pricing .plan {
		width: 100%;
		height: auto !important;
	}

	.search-box {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		display: flex;
		transform: translate(0, 50%);
		background: #2f3640;
		height: 30px;
		border-radius: 30px;
	}

	.search-box:hover>.search-text {
		width: 200px;
		padding: 0 15px;
		font-size: 12px;
	}

	.search-box:hover>.search-btn {
		background: white;
		color: black;
	}

	.search-btn {
		color: #fff;
		float: left;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		background: #2f3640;
		display: flex;
		justify-content: center;
		align-items: center;
		transition: 0.4s;
		cursor: pointer;
		text-decoration: none;
	}

	.search-btn>i {
		font-size: 12px;
	}

	.search-text {
		border: none;
		background: none;
		outline: none;
		float: left;
		padding: 0;
		color: white;
		font-size: 16px;
		font-weight: normal;
		transition: 0.4s;
		line-height: 30px;
		width: 0px;
		/*   width: 250px; */
	}

	.solar-system {
		width: 500px;
		height: 500px;
	}

	.earth-orbit {
		width: 500px;
		height: 500px;
	}

	.venus-orbit {
		width: 500px;
		height: 500px;
	}

	.mercury-orbit {
		width: 200px;
		height: 200px;
	}

	.sun {
		width: 200px;
		height: 200px;
	}
}

@media (max-width:991.98px) {
	.pt-5 {
		padding-top: 1.5rem !important;
	}

	.mt-100 {
		margin-top: 10px !important;
	}

	.pt-100 {
		margin-top: 10px !important;
	}

	.pr-100 {
		padding-right: 0 !important;
	}

	/* section{padding: 40px 0 30px; position: relative;} */
	.book-service {
		margin-bottom: 30px
	}

	.quote {
		font-size: 12px;
		padding: 0 30px;
	}

	.quote::before {
		left: -10px;
	}

	.mt-minus-100 {
		margin-top: 0px !important;
	}

	.helpus {
		padding: 15px;
	}

	.helpus-image {
		margin-bottom: -50px;
	}

	.consultation {
		padding: 15px 15px 0;
	}

	.heading3 {
		margin-bottom: 0;
	}

	.p-right {
		padding-right: 0;
	}

	.table-responsive {
		overflow-x: scroll;
	}

	#scroller::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
		background-color: #F5F5F5;
	}

	#scroller::-webkit-scrollbar {
		height: 6px;
		background-color: #F5F5F5;
	}

	#scroller::-webkit-scrollbar-thumb {
		background-color: #000000;
	}

	.t-left {
		width: 100%;
	}

	.t-left td {
		height: 80px;
	}

	.t-right td {
		height: 80px;
	}

	.margin-top {
		margin-top: 0;
	}

	.margin-sm {
		margin-top: 60px;
	}

	.scrollBtn {
		top: -25%;
	}

	.scrollBtn {
		width: 60px;
		height: 60px;
		font-size: 34px;
		line-height: 30px;
	}

	.footer h5 {
		margin-top: 10px;
		padding-bottom: 0;
	}

	.footer .copy {
		background-size: 90%;
	}

	.affiliates-txt {
		background-size: 90%;
	}

	.circle-anim {
		margin-left: -10%;
	}

	.solar-system {
		width: 500px;
		height: 500px;
	}

	.earth-orbit {
		width: 500px;
		height: 500px;
	}

	.venus-orbit {
		width: 500px;
		height: 500px;
	}

	.mercury-orbit {
		width: 200px;
		height: 200px;
	}

	.sun {
		width: 200px;
		height: 200px;
	}

	.planet2 {
		width: 38px;
		height: 38px;
		top: -18px;
	}

	.planet3 {
		width: 38px;
		height: 38px;
		top: -18px;
	}

	.planet3 i {
		padding: 9px;
		font-size: 18px;
	}

	.card-icon img {
		width: 80px;
	}

	.resellers {
		margin-bottom: 20px;
	}

	.resellers .card1 {
		width: 100%;
		left: 0;
		position: relative;
	}

	.resellers .card2 {
		width: 100%;
		left: 0;
		position: relative;
	}

	.resellers .card3 {
		width: 100%;
		left: 0;
		position: relative;
	}

	.resellers .line {
		display: none;
	}

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

	.roles .d-flex .ps-3 {
		padding-left: 0 !important;
	}

	.img-small {
		width: 80px;
	}

	.firewall {
		margin-bottom: -28px;
	}
}

@media (max-width:767.98px) {
	.heading1 {
		font-size: 16px;
	}

	.sub-heading {
		font-size: 12px;
	}

	.btn-gradient {
		padding: 0.4rem 1.5rem;
		font-size: 12px;
	}

	.btn-arrow {
		width: 20px;
		height: 16px;
	}

	.logo {
		width: 130px;
		margin-left: -40px;
	}

	.logo-small {
		width: 100px;
	}

	.nav-top .d-flex {
		display: inline !important;
	}

	.nav-top {
		position: relative;
		right: 0;
		top: 0;
		width: 100%;
		text-align: center;
	}

	.nav-top .btn {
		padding: 2px 6px;
		font-size: 10px;
	}

	.toggle-wrap {
		top: 0;
	}

	.service-boxes .item .txt {
		font-size: 12px;
		line-height: 1.4;
	}

	.filter-service .products {
		display: grid;
	}

	.filter-service .items .image {
		width: 100%;
	}

	.w-30 {
		width: 100%;
	}

	.about-tabs .tab-sec {
		width: 50%;
		text-align: center;
	}

	.about-tabs .tab-sec a {
		padding: 8px 15px 4px;
		font-size: 14px;
		margin-top: 15px;
	}

	.btn-transparent {
		padding: 5px 3px;
	}

	.enquiry {
		margin-top: -60px;
	}

	.enquiry .enqiry-bg {
		padding-top: 0;
	}

	.timeline .timeline-continue::after {
		left: 40px;
	}

	.timeline .timeline-end,
	.timeline .timeline-start,
	.timeline .timeline-year,
	.timeline .row.timeline-left,
	.timeline .row.timeline-right .timeline-date,
	.timeline .row.timeline-right,
	.timeline .row.timeline-left .timeline-date,
	.timeline .timeline-launch {
		text-align: left;
	}

	.timeline .row.timeline-left .timeline-date::after,
	.timeline .row.timeline-right .timeline-date::after {
		left: -23px;
	}

	.timeline .timeline-box,
	.timeline .row.timeline-right .timeline-date,
	.timeline .row.timeline-left .timeline-date {
		margin-left: 55px;
	}

	.timeline .timeline-launch .timeline-box {
		margin-left: 0;
	}

	.timeline .row.timeline-left .timeline-box::after {
		left: -20px;
		border-color: transparent #ffffff transparent transparent;
	}

	.timeline .row.timeline-left .timeline-box::before {
		left: -22px;
		border-color: transparent #dddddd transparent transparent;
	}

	.timeline .timeline-launch .timeline-box::after,
	.timeline .timeline-launch .timeline-box::before {
		left: 30px;
		margin-left: 0;
	}

	.border-start {
		border: 1px solid #fff !important;
	}

	.circle-anim {
		margin-left: -40%;
	}

	.firewall {
		margin-bottom: -28px;
	}

	.img-gallery .container {
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		grid-auto-rows: 200px;
	}

	.img-gallery .horizontal {
		grid-column: span 1;
	}

	.img-gallery .vertical {
		grid-row: span 1;
	}

	.img-gallery .big {
		grid-column: span 1;
		grid-row: span 1;
	}

	.contact-form .pe-5 {
		padding-right: 15px !important;
	}

}

@media (max-width:575.98px) {

	.circle-anim {
		margin-left: -15%;
		margin-top: -30%;
	}

	.solar-system {
		margin-top: -50%;
	}

	.inner-banner {
		background: #275CC2;
		padding: 15px;
		height: 130px;
		margin-bottom: 40px;
	}

	.branding-page .include {
		display: inline !important;
	}
}

/* custom css- 22-5-23 - savita from emerge */

.pl-60 {
	padding-left: 60px !important;
}

span.litho-primary-title {
	font-size: 1.5rem;
}

.slide-small-bg {
	height: 50vh;
}

ul#industry-logo img {
	height: 50px;
	margin-right: 1rem;
}

#policies li {
	font-size: 13px;
	float: left;
}

footer ul#policies li a:after {
	content: "|";
	margin: 0 10px;
}

footer ul#policies li:last-child a:after {
	content: '';
	margin: 0 10px;
}

nav ul .dropdown-item:active {
	color: #000;
}

footer .rounded-social-buttons .social-button:hover,
footer .rounded-social-buttons .social-button:focus {
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8) !important;
	transform: scale(0.8) !important;
}


/* mobile screen */
@media (max-width:767px) {
	.sm-p-0 {
		padding: 0
	}

	footer ul#policies,
	ul#industry-logo {
		justify-content: center;
	}

	.copy {
		text-align: center;
	}

	.press-article1 .slide-bg {
		height: 55vh;
	}

	.badge-img .pt-100 {
		padding-top: 40px !important;
	}

	.slide-bg .w-75 {
		width: 85% !important;
	}

	footer .footer ul#policies {
		display: block !important;
	}

	footer .footer #policies li {
		float: none;
	}

	footer ul#policies li a:after {
		display: none !important;
	}

	.sm-w-100 {
		width: 100% !important
	}

	.join-us {
		margin-bottom: 2rem
	}
}

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

	.slide-bg {
		height: 50vh;
	}

	footer .col-md-4.margin-top {
		width: 100%;
	}

	footer .col-md-3.margin-top,
	footer .col-md-1-5.margin-top {
		width: 33.33%;
	}

	footer .scrollBtn {
		top: 25%;
	}

	.p-rocco .w-75 {
		padding-top: 4rem
	}

	/* Responsive container */
	.video-container {
		position: relative;
		padding-bottom: 56.25%;
		/* 16:9 aspect ratio (9 / 16 * 100) */
		height: 0;
		overflow: hidden;
	}

	/* Video iframe */
	.video-container iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

}

@media (min-width:993px) and (max-width:1030px) {

	.slide-bg {
		height: 40vh;
	}

	.footer {
		padding-top: 5rem;
	}

	.p-rocco .w-75 {
		padding-top: 4rem;
	}
}


@media (min-width: 576px) {

	#careerModal .modal-dialog {
		max-width: 750px !important;
		margin: 1.75rem auto;
	}


}

.our-team .card .p-4.text-center {
	text-align: justify !important;
}

@media (max-width: 767px) {

	.sm-none {
		display: none !important
	}

	.slide-bg {
		height: auto;
	}

	div.straits-img img,
	.carousel .carousel-item .slide-bg .col-lg-7.straits-img img {
		width: 70% !important;
		margin-top: 0rem !important;
	}

	div.straits-img img {
		width: 80% !important
	}

	div.carousel .carousel-item .pr-bg img.w-75 {
		width: 75% !important;
	}

	.carousel .carousel-item .slide-bg .col-lg-7 img {
		width: 100% !important;
	}

	/* Responsive container */
	.video-container {
		position: relative;
		padding-bottom: 56.25%;
		/* 16:9 aspect ratio (9 / 16 * 100) */
		height: 0;
		overflow: hidden;
	}

	/* Video iframe */
	.video-container iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}




}

@media (max-width: 1799.98px) {
	.carousel .carousel-item .slide-bg .col-lg-7 img {
		width: 80%
	}
}

@media (min-width:768px) and (max-width:1030px) {
	div.straits-img img {
		width: 75% !important;
		margin-top: 5rem !important;
	}

}

/* custom css- 22-5-23 - savita from emerge */

.captcha {
	position: relative;
	float: right;
	top: -53px;
	right: 10px;
	color: #fff;
	background: rgb(24, 223, 245);
	background: -moz-linear-gradient(-45deg, rgba(24, 223, 245, 1) 0%, rgba(238, 157, 17, 1) 82%, rgba(254, 152, 0, 1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(24, 223, 245, 1) 0%, rgba(238, 157, 17, 1) 82%, rgba(254, 152, 0, 1) 100%);
	background: linear-gradient(135deg, rgba(24, 223, 245, 1) 0%, rgba(238, 157, 17, 1) 82%, rgba(254, 152, 0, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#18dff5', endColorstr='#fe9800', GradientType=1);
	border-color: transparent;
	padding: .3rem 1.5rem;
	font-size: 22px;
	font-weight: 500;
	border-radius: 50px;
	user-select: none;
}

/* Mobile input css 06/12 */
.iti {
	width: 100% !important;
	z-index: 10 !important;
}