﻿@charset "utf-8";

@font-face {
	font-family: 'Graphik Bold';
	src: url('../fonts/graphik/Graphik-Bold.eot');
	src: url('../fonts/graphik/Graphik-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/graphik/Graphik-Bold.woff2') format('woff2'), url('../fonts/graphik/Graphik-Bold.woff') format('woff'), url('../fonts/graphik/Graphik-Bold.svg#Graphik-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-00FE;
}
@font-face {
	font-family: 'Graphik Black';
	src: url('../fonts/graphik/Graphik-Black.eot');
	src: url('../fonts/graphik/Graphik-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/graphik/Graphik-Black.woff2') format('woff2'), url('../fonts/graphik/Graphik-Black.woff') format('woff'), url('../fonts/graphik/Graphik-Black.svg#Graphik-Black') format('svg');
	font-weight: 900;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-00FE;
}
@font-face {
	font-family: 'Graphik Semibold';
	src: url('../fonts/graphik/Graphik-Semibold.eot');
	src: url('../fonts/graphik/Graphik-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/graphik/Graphik-Semibold.woff2') format('woff2'), url('../fonts/graphik/Graphik-Semibold.woff') format('woff'), url('../fonts/graphik/Graphik-Semibold.svg#Graphik-Semibold') format('svg');
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-00FE;
}
@font-face {
	font-family: 'Graphik';
	src: url('../fonts/graphik/Graphik-Regular.eot');
	src: url('../fonts/graphik/Graphik-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/graphik/Graphik-Regular.woff2') format('woff2'), url('../fonts/graphik/Graphik-Regular.woff') format('woff'), url('../fonts/graphik/Graphik-Regular.svg#Graphik-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-00FE;
}
@font-face {
	font-family: 'Graphik Medium';
	src: url('../fonts/graphik/Graphik-Medium.eot');
	src: url('../fonts/graphik/Graphik-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Graphik-Medium.woff2') format('woff2'), url('../fonts/Graphik-Medium.woff') format('woff'), url('../fonts/Graphik-Medium.svg#Graphik-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-00FE;
}

@font-face {
	font-family: 'grenalenorm_black';
	src: url('../fonts/insigne_-_grenale-norbla-webfont.woff2') format('woff2'), url('../fonts/insigne_-_grenale-norbla-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}


#sidebar ul li span .caret {
	display: none;
}
body {
	font-family: 'Graphik'
}
.m-55 {
	margin-top: 55px;
}
.navbar-light .navbar-nav .nav-link {
	color: #fff;
	font-size: 14px;
}
.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: 1rem;
	padding-left: 1rem;
}
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
	color: #fff;
}
.navbar-light .navbar-nav .nav-link {
	color: #fff;
	padding: 15px;
}
.bg-none {
	background: none !important;
}
.bg_color {
	position: absolute;
	background: rgba(0, 0, 0, 0.8);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Animation */
.btn.btn_blu_dark {
	background: #5956e9 !important;
	padding: 16px 24px;
	color: #fff !important;
	border-radius: 8px;
	font-weight: 600;
	background-repeat: repeat-y !important;
}
.coherent_head h2 {
	font-size: 38px;
	font-weight: bold;
	text-transform: uppercase;
}
.coherent_head h2 span {
	color: #25428b;
	position: relative;
}
.coherent_head h2 span:after {
	position: absolute;
	background: -webkit-linear-gradient(right, #5EC3E0, #2C4294);
	background: -moz-linear-gradient(right, #5EC3E0, #2C4294);
	background: linear-gradient(to left, #5EC3E0, #2C4294);
	height: 4px;
	width: 92%;
	bottom: 0;
	left: 0;
	content: "";
}
.paragraph {
	margin-top: 60px;
	text-align: center;
	opacity: .75;
	color: #2e343f;
	font-size: 20px;
	font-weight: 400;
	line-height: 32px;
	letter-spacing: .5px;
}
/*****************************/
.coherent_head p {
	margin-top: 25px;
	font-size: 18px;
}
/********************/
.carousel-control-prev,
.carousel-control-next {
	height: 50px;
	width: 50px;
	outline: #fff;
	background-size: 100%, 100%;
	border-radius: 50%;
	border: 1px solid #fff;
	background-color: #fff;
}
.carousel-control-next {
	right: 10px
}
.carousel-control-prev {
	left: 10px
}
.carousel-control-prev-icon {
	background-image: url;
	width: 30px;
	height: 48px;
}
.carousel-control-next-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23009be1' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
	width: 30px;
	height: 48px;
}
.view_btn_bx .btn.btn_blu_dark {
	padding: 1rem 3rem;
	border-radius: 35px;
}
/***********************/
#owl-demo .item {
	margin: 3px;
}
#owl-demo .item img {
	display: block;
	width: 100%;
	height: auto;
}
/**************/
.contact_main_bx {
	background-image: url(../images/cont_bg.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 100px !important;
}
.form_bx_contact input {
	border: none;
	outline: none;
}
.form_bx_contact textarea {
	border: none;
}
.form_bx_contact {
	background: #fff;
	padding: 30px;
	border-radius: 15px;
	box-shadow: 0px 0px 20px rgb(0 0 0 / 18%);
}
.inquery-secs .form_bx_contact {
	border-radius: 0 0 15px 15px;
}
.bottom_footer p span {
	color: #5bbddd;
}
hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid rgba(74, 69, 69, 0.63);
}
.coherent_head.hed_posit p {
	margin-top: 25px;
	padding: 0 135px;
	font-size: 18px;
	color: #000;
}
.bottom_footer p a {
	color: #fff;
}
.carousel-control-next,
.carousel-control-prev {
	position: absolute;
	bottom: 0px !important;
	top: inherit;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	text-align: center;
	opacity: 1;
}
.hed_posit {
	position: absolute;
	top: 30px;
	margin: auto;
	text-align: center;
	z-index: 9;
	left: 0;
	right: 0;
}
.our_portfolio .carousel-indicators {
	display: none;
}
.owl-nav.disabled button span {
	font-size: 26px;
}
.owl-carousel .owl-nav button.owl-prev {
	width: 50px;
	height: 50px;
}
.owl-nav .owl-prev.disabled,
.owl-nav .owl-next.disabled {
	display: none;
}
.port_lft_cont h3 {
	font-size: 30px;
	color: #000;
	font-weight: 900;
}
.port_lft_cont {
	text-align: left;
}
.our_portfolio .carousel-caption {
	bottom: 115px;
}
.foot_main {
	position: relative;
	padding-top: 80px;
	background-color: #e8eafb;
}
.navbar-brand {
	margin-top: -38px;
}
.main.header {
	margin-top: 40px;
}
.nav-item .btn.btn_blu_dark {
	padding: 10px 18px;
	margin-top: 3px;
	border-radius: 8px;
}
.fixed .nav-item .btn.btn_blu_dark {
	padding: 10px 18px;
	margin-top: 3px;
	border-radius: 8px;
}
/**********************************/
.float-panel {
	width: 100%;
	z-index: 300;
	padding: 30px 0;
	transform: translateZ(0);
	transition: all 0.3s;
}
.float-panel .content-area {
	max-width: 900px;
	margin: 10px auto;
}
/***/
.fixed {
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
	padding: 4px 0;
	animation: slide-down 0.4s;
	opacity: 1;
	background: rgba(0, 0, 0, 0.7);
}
.fixed .navbar-brand img {
	width: 70px !important;
	transform: translateZ(0);
	transition: all 0.5s;
	margin-top: 0px;
}
.fixed .float-panel a {
	font-size: 17px;
	text-decoration: none;
	color: #444;
	display: inline-block;
	padding: 9px 20px !important;
	transform: translateZ(0);
	transition: all 0.5s;
}
@keyframes slide-down {
	0% {
		opacity: 0;
		transform: translateY(-100%);
	}

	100% {
		opacity: 0.9;
		transform: translateY(0);
	}
}
.fixed-top.float-panel {
	position: fixed;
	top: -40px;
	right: 0;
	left: 0;
	z-index: 1030;
}
.fixed .navbar-brand img {
	width: 50px !important;
	transform: translateZ(0);
	transition: all 0.5s;
}
.fixed .navbar-brand {
	margin-top: 0px;
}
.fixed .navbar-expand-lg .navbar-collapse {
	margin-top: 0px;
}
.fixed .top_min_inn {
	display: none !important;
}
#sidebarCollapse {
	display: none;
	cursor: pointer;
	background-color: #5EC3E0;
	border-color: #5EC3E0;
}
#sidebar {
	width: 250px;
	position: fixed;
	top: 0;
	left: -250px;
	height: 100vh;
	z-index: 999;
	background: #221e3d;
	color: #fff;
	transition: all 0.3s;
	overflow-y: scroll;
	box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
#sidebar.active {
	display: block;
}
.mCSB_container {
	top: 0px !important;
}
#dismiss {
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: none;
	position: absolute;
	top: -45px;
	right: 22px;
	cursor: pointer;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
#dismiss:hover {
	background: none;
	color: #fff;
}
.overlay {
	display: none;
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.7);
	z-index: 998;
	opacity: 0;
	transition: all 0.5s ease-in-out;
}
.overlay.active {
	display: block;
	opacity: 1;
}
#sidebar .sidebar-header {
	padding: 20px;
	background: #6d7fcc;
}
#sidebar ul.components {
	padding: 20px 0;
	border-bottom: 1px solid #47748b;
}
#sidebar ul p {
	color: #fff;
	padding: 10px;
}
#sidebar ul li span, #sidebar ul li a {
	padding: 10px 35px 10px 0px;
	font-size: 16px;
	display: block;
	color: #5EC3E0 !important;
}
#sidebar ul li a:hover {
	color: #5EC3E0;
	text-decoration: none;
}
#sidebar ul li.active > a,
a[aria-expanded="true"] {
	color: #5EC3E0 !important;
}
a[data-toggle="collapse"] {
	position: relative;
}
.dropdown-toggle::after {
	display: none;
}
.dropdown-toggle::before {
	display: block;
	position: absolute;
	top: 45%;
	content: "\f078";
	font-family: fontawesome;
	right: 0;
	transform: translateY(-50%);
	font-weight: lighter;
	font-size: 10px
}
#content {
	width: 100%;
	min-height: 100vh;
	transition: all 0.3s;
	position: absolute;
	top: 0;
	right: 0;
}
.nav-item.active {
	position: relative;
}
/*************third_page****************/
.tech_main_slide_bx {
	background-image: url(../images/bg-secnd-section.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 98vh;
	width: 100%;
	position: relative;
}
.bg_color-2 {
	position: absolute;
	background: rgba(0, 0, 0, 0.8);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.blu_bx {
	box-shadow: 5px 0px 0px 0px #5bc7de;
	width: 280px;
	border-radius: 14px;
}
/* Tabs panel */
.nav-tabs > li,
.nav-pills > li {
	float: none;
	display: inline-block;
	*display: inline;
	zoom: 1;
}
.tabs-indusry-sec .nav-tabs > li {
	width: calc(100% / 6.5);
}
.nav-tabs,
.nav-pills {
	text-align: center;
}
.check_hed h3 {
	border: 2px solid #fff;
	padding: 19px;
	width: max-content !important;
	width: -moz-max-content;
	border-radius: 15px;
	margin-bottom: 50px;
}
.tab_main_bx {
	margin-top: 90px;
}
.img_position {
	position: absolute;
	bottom: -131px;
	right: -231px;
}
.img_position img {
	width: 320px;
}
.img_position-3 {
	position: absolute;
	bottom: -131px;
	left: -231px;
}
.img_position-3 img {
	width: 320px;
}
.img_position-2 {
	position: absolute;
	bottom: -131px;
	left: 48%;
}
.img_position-2 img {
	width: 16px;
}
.img_position-4 img {
	width: 320px;
}
.img_position-4 {
	position: absolute;
	top: -131px;
	right: -231px;
}
.img_position-5 {
	position: absolute;
	top: -131px;
	left: -231px;
}
.img_position-5 img {
	width: 320px;
}
.nav-tabs .nav-link.active {
	color: inherit;
	background-color: transparent !important;
	border-color: transparent !important;
}
.nav-tabs .nav-link:hover {
	border-color: transparent !important;
}
.form_bx_contact .form-control {
	height: 50px;
}
.form_bx_contact textarea.form-control {
	height: 130px;
}
/************services****************/
/*******animation*******/
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}
/**************************/
.dropbtn {
	color: white;
	padding: 16px;
	border: 1px solid transparent;
	border-radius: 5px;
}
.dropdown {
	position: relative;
	display: inline-block;
}
.dropdown-content {
	position: absolute;
	top: 100%;
	z-index: 10;
	display: none;
	min-width: 280px;
	background: #fff;
}
.dropdown-content a {
	color: black;
	padding: 12px 0px;
	text-decoration: none;
	display: block;
	white-space: nowrap;
	text-align: left;
	border-radius: 10px;
}
.nav__item {
	position: relative;
	padding-bottom: 30px;
	background-color: transparent;
}
.dropdown-content a:hover {
	color: #25428b;
}
.dropdown:hover .dropdown-content {
	display: block;
}
.dropdown:hover .dropbtn {
	background-color: trasparent !important;
	padding-bottom: 12px !important;
	border-radius: 0
}
.dropdown:hover .dropbtn:after {
	content: "";
	background: #5956e9;
	display: block;
	height: 2px;
	width: 50px;
	position: absolute;
	bottom: 0;
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
	color: #4542c5;
}
.card-header {
	padding: 0 !important;
	margin-bottom: 0;
	border-bottom: none !important;
}
.card-header h5 {
	color: #000 !important;
	cursor: pointer;
}
#sidebar ul li span, #sidebar ul li a {
	color: #fff !important;
	border-bottom: none;
	background: #090528;
}
.card-body {
	padding: 0;
}
.card {
	background-color: transparent !important;
	background-clip: border-box;
	border: none !important;
	border-radius: 0 !important;
	margin: 10px 00;
}
.card-body a {
	font-size: 14px !important;
	color: #fff !important;
	padding-left: 10px !important;
}
.card-body a:hover {
	color: #03C !important;
}
.card-body:hover a {
	color: #000 !important;
}
#sidebar {
	display: none;
}
.owl-theme .owl-dots .owl-dot {
	display: none !important;
}
.owl-theme .owl-nav {
	display: none !important;
	padding-left: 60px !important;
}
#sidebar .btn-link.focus,
.btn-link:focus {
	text-decoration: underline;
	border-color: transparent;
	box-shadow: none;
	background: #313b5d;
	border-radius: 4px;
	text-decoration: navajowhite;
}
.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid\9;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.card-body a:first-child {
	padding-top: 20px !important;
}
.card-body a:last-child {
	padding-bottom: 20px !important;
}
.wht_logo {
	display: none !important;
}
.stopscroll {
	overflow: hidden !important;
}
.fixed #sidebar {
	background: #090528 !important;
}
.btn.focus,
.btn:focus {
	outline: 0;
	box-shadow: none;
}
/**************************************************************/
.carousel-control-next {
	position: absolute;
	right: 21%;
}

.carousel-control-prev {
	position: absolute;
	left: 21%;
}
/************25-05-19**************/
.owl-stage {
	display: flex;
}
.our_testmonial_main .owl-item {
	display: flex;
	box-shadow: 0 0px 15px 1px #eeeff0;
	margin: 5px;
	position: relative;
}
.our_testmonial_main .owl-item::after {
	background: #48beeb;
	height: 5px;
	width: 90%;
	position: absolute;
	content: "";
	bottom: -5px;
	left: 5%;
	margin: auto;
	text-align: center;
}
.our_testmonial_main .owl-carousel .owl-stage {
	padding-top: 80px;
}
.form_bx_contact [class*="col-"] {
	margin-bottom: 30px;
}
/************************************28/05**************/
.header-logo {
	position: relative;
}
.header-logo .cd-logo {
	z-index: 9;
	height: 50px;
	color: #000;
}
.header-logo:hover .quick-contact-info {
	visibility: visible;
	opacity: 1;
	top: 35px;
	display: block;
}
.quick-contact-info {
	position: absolute;
	top: 0;
	background-color: #fff;
	border-radius: 10px;
	-webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .44);
	box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .44);
	right: 0;
	padding: 15px;
	width: 515px;
	-webkit-transition: .5s;
	transition: .5s;
	visibility: hidden;
	opacity: 0;
	z-index: 2;
	display: none;
}
.quick-contact-info > strong {
	font-size: 18px;
	color: #333;
	padding-bottom: 25px;
	display: inline-block;
	width: 100%;
	text-align: center;
	font-family: 'Graphik';
	font-weight: 500;
}
ul.ul-list-bx {
	margin-left: -5px;
}
.quick-contact-info ul.ul-list-bx li {
	float: left;
	width: 50%;
	list-style: none;
}
.quick-contact-info .c-if-bx {
	padding-left: 36px;
	padding-bottom: 10px;
}
.c-if-bx {
	position: relative;
	padding-left: 50px;
	text-align: left;
	min-height: 36px;
	padding-bottom: 31px;
}
.c-if-bx figure {
	position: absolute;
	left: 0;
	top: 0px;
}
.c-if-bx {
	text-align: left;
}
.quick-contact-info .rit-info-bx strong {
	color: #333;
	padding: 0;
	letter-spacing: inherit;
}
.quick-contact-info .rit-info-bx a {
	font-size: 14px;
	color: #2c4295 !important;
	-webkit-transition: .5s;
	transition: .5s;
	word-wrap: break-word;
	letter-spacing: inherit;
	text-decoration: none;
}
.c-if-bx .rit-info-bx strong {
	display: flex;
}
.cmn-social-list.real-color-social .btn {
	margin-right: 40px;
	padding: 5px 14px;
	margin-top: 6px;
}
.quick-contact-info .cmn-social-list.real-color-social {
	margin-bottom: 15px;
	float: left;
	font-size: 24px;
	width: 100%;
}
.quick-contact-info .cmn-social-list.real-color-social ul {
	margin-left: -10px;
	margin-right: -10px;
	float: left;
	padding-top: 7px;
	padding-left: 30px;
}
.cmn-ul {
	margin: 0;
	padding: 0;
}
.quick-contact-info .cmn-social-list.real-color-social li {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0;
}
.real-color-social li a.fb-icn {
	color: #4867aa !important;
}
.real-color-social li a {
	font-size: 24px;
}
.real-color-social li a.tw-icn {
	color: #1da1f2 !important;
}

.real-color-social li a.gp-icn {
	color: #dd5043 !important;
}

.real-color-social li a.pin-icn {
	color: #bc081b !important;
}

.real-color-social li a.ld-icn {
	color: #0077b5 !important;
}
.quick-contact-info .cmn-social-list.real-color-social .cmn-btn {
	float: right;
	background: #fbfbfb;
	border: 1px dashed #ccc;
	color: #272727;
	border-radius: 3px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
	height: 50px;
	padding: 14px;
	width: 100%;
	border-radius: 5px;
	box-shadow: 0 0 5px #dbd7d7;
}
.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-tel {
	height: 50px;
	padding: 14px;
	width: 100%;
	border-radius: 5px;
	box-shadow: 0 0 5px #dbd7d7;
	padding-left: 53px;
}
.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	box-shadow: 0 0 5px #dbd7d7;
	padding: 15px;
	border-radius: 5px;
}
.wpcf7-not-valid-tip {
	color: #f00;
	padding: 10px;
}
.wpcf7-response-output.wpcf7-mail-sent-ng {
	color: brown;
}
.wpcf7-response-output.wpcf7-validation-errors {
	color: #ff0000;
}
.wpcf7-form-control.wpcf7-text {
	height: 50px;
	padding: 14px;
	width: 100%;
	border-radius: 5px;
	box-shadow: 0 0 5px#dbd7d7;
}
.wpcf7-response-output.wpcf7-mail-sent-ok {
	color: green;
}
/*******3105*******/
.wpcf7-select {
	height: 50px;
	padding: 14px;
	width: 100%;
	border-radius: 5px;
	box-shadow: 0 0 5px #dbd7d7;
	border: none;
}
.uploadFile .file-upload {
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100% !important;
	cursor: pointer;
}
.uploadFile .file-upload {
	opacity: 0;
	z-index: 10;
	position: absolute;
	/* bottom: 9px;*/
	height: 31px;
	z-index: 10;
	text-align: center;
}
.form-group .uploadFile .file-upload label {
	font-family: 'Graphik';
	color: #8b8b8b;
	text-transform: capitalize;
	font-size: 18px;
}
.uploadFile label {
	text-align: left;
}
.uploadFile i.add-file {
	background: url(content/images/sprite.webp) no-repeat;
	background-position-x: 0% !important;
	background-position-y: 0% !important;
	background-position: -2726px -4px;
	width: 24px;
	height: 24px;
	float: left;
	vertical-align: middle;
	margin-right: 12px;
	margin-top: 17px;
}
.uploadFile {
	border: 1px dashed #dad8d8;
	color: #777;
	cursor: pointer;
	display: block;
	font-size: 20px;
	padding: 10px 15px 10px;
	text-align: center;
	-webkit-transition: padding .2s ease, background .2s ease, border .2s ease;
	transition: padding .2s ease, background .2s ease, border .2s ease;
	width: 100%;
	display: inline-block;
	background: #f9f9f9;
}
.uploadFile:hover {
	background-color: #f3f3f3;
	border-color: #005fbb;
}
.uploadFile strong {
	float: left;
	margin-bottom: 0;
	font-weight: 400;
	color: #25428b;
	text-align: left;
	margin-top: 10px;
}
.uploadFile {
	position: relative;
	height: 85px;
}
.uploadFile strong span {
	font-size: 11px;
	color: #777;
	text-align: center;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
.file-upload {
	margin: 0;
	padding: 0 0 0 35px;
	height: 100%;
	line-height: inherit;
	left: 0;
	z-index: 0;
	opacity: 1;
}
/***********01*06*********/
.add-file-output {
	width: 100%;
	float: left;
	margin-top: 10px;
	display: none;
	clear: both;
}
.uploadFile .add-file-output {
	font-size: 15px;
	color: #333;
}
#output2 {
	display: none;
}
/**************03-06-2019------- message attechment***********/
#spnfilename {
	text-align: center;
	font-size: 15px;
	padding: 60px;
}
/************** footer weidgets************/
.list-unstyled {
	padding-left: 8px;
	list-style: none;
}
/************* serivce product css*****************/
.nav > li > a:hover,
.nav > li > a:focus {
	background-color: transparent !important;
}
.cmn-ul li a .fa {
	color: #2c4295 !important;
}
.uploadFile .spanfile {
	margin-top: -33px;
}
/**************************************************************************************************************************
 portfolio
 **************************************************************************************************************************/
.nav-pills .show > .nav-link {
	color: #fff;
	background-color: #007bff;
	box-shadow: 0 0 10px #007bff;
	border-radius: 0 15px 0 15px;
}
/**************************************************************************************************
Contact Us
							
**************************************************************************************************/
.coherent_head h2 {
	line-height: 50px;
}
/*****************************/
.col-md-12.text-center.nfpadding {
	padding: 270px 0;
}
.theme-btn {
	background: #3a7af3;
	padding: 12px 25px;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	font-size: 14px;
	border-radius: 3px;
	display: inline-block;
	font-family: 'Graphik';
	border: none;
	margin-top: 50px;
	background: #5EC3E0;
	background: -webkit-linear-gradient(right, #5EC3E0, #2C4294);
	background: -moz-linear-gradient(right, #5EC3E0, #2C4294);
	background: linear-gradient(to left, #5EC3E0, #2C4294);
	background-repeat: repeat;
	padding: 16px 24px;
	color: #fff;
	border-radius: 8px;
	font-weight: 600;
	background-repeat: repeat-y;
}
.theme-btn:hover {
	color: #fff;
}
/***********header-change-css**********/
.header-logo {
	position: relative;
	margin-right: 12px;
	margin-top: 14px;
}
.cmn-ul li {
	display: inline-flex;
}
.mail-bx p {
	border: 1px solid #888585;
	padding: 5px;
	border-style: dashed;
	border-radius: 7px;
	margin: 0 33px;
	color: #2c4295;
	margin-bottom: 10px;
}
.header-logo span {
	margin-right: 8px;
}
.cd-logo .fa {
	/*color: #fff;*/
	margin: 0 3px;
	line-height: 26px;
}
/****************about us*********/


/*******************new  update  footer  ************/
footer {
	background: #162d42;
}
/*-------new style for header-----------*/
.btn.btn_yelo_dark {
	background: #5956E9;
	letter-spacing: 1px;
	padding: 11px 20px;
	color: #fff;
	border-radius: 0px;
	font-weight: 600;
	background-repeat: repeat-y;
}
.btn.btn_yelo_dark:hover {
	background-color: #2C4193;
}
.navbar-light .navbar-nav .nav-link {
	color: #fff;
	padding: 15px;
}
/*************update index slider********************/
.carousel-item {
	background: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.navbar-light .navbar-nav .nav-link {
	color: #000;
	padding: 15px 15px;
	letter-spacing: 1px;
	font-weight: 600;
}
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
	color: #000;
}
.fixed-top.float-panel {
	position: fixed;
	top: -40px;
	right: 0;
	left: 0;
	z-index: 1030;
	background: #090528 !important;
}
/***********header change**************/
.navbar-brand img {
	width: 240px;
	margin-top: 37px;
}
.fixed .navbar-brand img {
	width: 220px !important;
	transform: translateZ(0);
	transition: all 0.5s;
}
/*****************corparate page porfiles css start***************************/
[data-toggle="collapse"]:after {
	display: inline-block;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f054";
	transform: rotate(90deg);
	transition: all linear 0.25s;
	float: right;
}
[data-toggle="collapse"].collapsed:after {
	transform: rotate(0deg);
}
.btn-link:focus {
	background: transparent;
}
/*****************career page porfiles css end***************************/
.carousel-caption {
	position: absolute;
	right: 10%;
	bottom: inherit;
	left: 11%;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	top: 200px;
}
.carousel {
	margin-top: -18px;
}
.tw {
	display: none;
}
/*----------14-11-2019-----*/
.img_bg img {
	display: block;
	transition: transform 8.4s;
	min-height: 520px;
}
.img_bg {
	display: block;
	width: 100%;
	background: #000;
}
button:focus {
	outline: none !important;
}
.img_bg:before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	background: linear-gradient(to bottom, #067abf 0, rgba(0, 0, 0, 0) 25%, #025282 100%);
}
.img_scc {
	height: 100vh;
	background: linear-gradient(0deg, rgba(10, 176, 205, 1) 0%, rgba(40, 214, 206, 1) 100%);
	min-height: 100vh;
	padding-top: 10%;
}
.img_scc .port_img_bx {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes slideInUp {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes slideInUp {
	0% {
		-webkit-transform: translateY(100%);
		transform: translateY(100%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
.port_lft_cont {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
@-webkit-keyframes slideInDown {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes slideInDown {
	0% {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
		visibility: visible;
	}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
.our_portfolio .carousel-caption {
	top: 0px;
	padding-top: 0px;
	left: 0px;
	right: 0px;
}
.port_lft_cont {
	padding-top: 35%;
	padding-left: 10%;
}
.our_portfolio .carousel-control-prev {
	right: 18px;
	left: initial;
}
.our_portfolio .carousel-control-next {
	right: 18px;
	top: 0px !important;
}
.our_portfolio .carousel-control-prev,
.our_portfolio .carousel-control-next {
	border: none !important;
	background: none !important;
}
.diss {
	width: 100%;
	position: absolute;
	bottom: initial;
	top: 50%;
	transform: translateY(-50%);
	height: 100px;
}
.big_bg1 {
	padding: 0px;
}
.our_portfolio .carousel-item {
	min-height: 100vh;
	height: 100vh;
}
.port_lft_cont h3 {
	font-size: 36px;
	font-weight: bold;
	padding-bottom: 30px;
}
@media screen and (max-width: 767px) {
	.d-none {
		display: block !important;
	}

	#sidebar .btn {
		background: #0a1f6d !important;
	}

	.one {
		clear: both;
	}


	.carousel-caption {
		top: 150px;
	}

	#sidebar {
		padding-top: 25px;
	}

	#dismiss {
		top: -50px;
	}

	.carousel-inner {
		overflow: hidden;
	}

	.carousel-caption {
		position: relative !important;
	}


	.img_bg img {
		min-height: 400px;
	}

	.our_portfolio .scroll_bg {
		height: 0 !important;
	}

	.img_scc {
		min-height: auto !important;
		height: auto !important;
	}

	.port_lft_cont {
		padding-left: 0% !important;
	}

	.our_portfolio .carousel-control-next {
		right: 10% !important;
		left: inherit !important;
	}

	.our_portfolio .carousel-control-prev {
		left: 10% !important;
	}

	.img_scc {
		padding-top: 0px !important;
	}


	.port_lft_cont {
		padding-top: 10%;
	}

	#sidebar {
		overflow-y: scroll !important;
	}
}
@media screen and (max-width: 1600px) {
	.navbar-light .navbar-nav .nav-link {
		padding: 15px 10px;
		letter-spacing: 0px;
	}

	.navbar-brand img {
		width: 220px;
	}
}
@media screen and (max-width: 1440px) {
	.img_bg img {
		min-height: 450px;
	}

	.step-content p {
		font-size: 14px !important;
		line-height: 23px !important;
		margin-bottom: 0px !important;
	}

	.step-content {
		min-height: 180px !important;
	}
}
@media screen and (max-width: 1366px) {
	.tab-rowa .nav-link {
		padding: 15px !important;
		font-size: 16px !important;
	}
	.carousel-caption {
		top: 125px !important;
	}
	.img_bg img {
		min-height: 420px;
	}
	.our_portfolio .carousel-caption {
		bottom: 0px !important;
		top: 0px !important;
		padding-bottom: 0px !important;
	}
	.img_scc {
		min-height: 585px;
	}
	.our_portfolio .carousel-item {
		height: auto !important;
	}
	.diss {
		bottom: 0%;
	}
	.step-content {
		min-height: 140px !important;
	}
}
@media screen and (max-width: 1280px) {


	.img_bg img {
		min-height: 350px;
	}
}


/*----4-12-2019---nav full width css----*/
.dropdown {
	position: inherit;
}

.navbar {
	position: relative;
}

.mega_menus {
	left: 0%;
	width: 100%;
	top: 90%;
	border-radius: 0px;
	box-shadow: none;
	background: #090528;
	padding: 25px 0;
}

.dropdown {
	padding-bottom: 0px;
}

.mega_menus h6 {
	color: #5956e9;
	padding-bottom: 4%;
}

.dropdown-content a {
	color: #212121;
}

.mega_menus a {
	transition: all .3s ease-out !important;
	border-radius: 0px;
	margin: 5px 0;
}

	.mega_menus a img {
		width: 30px;
	}

.reviewss_comp .logo_mg img {
	padding-right: 0px;
}

.mega_menus a:hover {
	letter-spacing: 1px;
}

.navbar-brand img {
	margin-top: 30px !important;
}

.fixed .dropdown {
	padding-bottom: 0px;
}

.fixed .navbar-brand img {
	margin-top: 2px !important;
}


.img_team_1 {
	width: 80%;
	float: left;
}

path {
	fill: none;
	stroke: black;
	stroke-width: 1;
}


.reviewss_comp {
	padding: 0px 0px 6px;
	justify-content: center;
}

	.reviewss_comp h5 {
		font-weight: 700;
		color: #e72b2c;
		font-size: 17px;
	}

	.reviewss_comp p {
		line-height: 18px;
	}


.hidenn {
	display: none;
}

/*----case 14-01-2020----*/

.new_case_bnr {
	height: inherit !important;
	padding: 140px 0% 30px 0;
	position: inherit;
	background-color: #090528;
}

.slide_case h1 {
	color: #fff;
	font-weight: 600;
	font-size: 60px;
	letter-spacing: 2px;
}

.slide_case h5 {
	color: #cbcbcb;
}


.slide_case p {
	margin-top: 25px;
	font-size: 18px;
}


.fixed {
	background: rgba(255, 255, 255, 0.95);
}


/*portfolio--*/


.case_fixed .btn-info {
	color: #0d1549;
}


.img_sec_port_new img {
	width: 80%;
	margin-left: auto;
	display: block;
}


body {
	color: #515151;
}

.scn_portfolios {
	background: #f1f1f1;
}

.mg1 {
	width: 22.33%;
	padding: 3% 0%;
	text-align: center;
}

	.mg1 h5 {
		padding: 15px 0px;
	}

	.mg1 .nbb {
		width: 80px;
		background: #004fff;
		height: 80px;
		border-radius: 10px;
		margin-left: auto;
		margin-right: auto;
	}

	.mg1 .nbb2 {
		background: #a4bae1;
	}

	.mg1 .nbb3 {
		background: #d1d1d1;
	}


.port_web_scl .img_bg_scl {
	position: relative;
}

/*-----scl---*/
.preview_ddd {
	top: 8%;
	position: absolute;
	width: 62%;
	left: 19%;
	height: 76%;
	overflow: hidden;
	background-color: transparent;
}

	.preview_ddd .previewimg {
		width: 100%;
		height: auto;
		transform: translateY(0px);
		transition: all 4.9s ease;
	}

.dv_img_scl:hover .previewimg {
	transform: translateY(calc(-100% + 17%));
}


.case_fixnhour {
	padding: 10% 0% 5%;
	height: auto !important;
}

.fixh_sec_sec {
	background: #f1f1f1;
}

.how_work_fixhn {
	padding: 25px;
	-webkit-transition: all 0.3s ease-in-out 0s;
	border: 1px solid #000;
	height: 100%;
}

.fearture_fixhh {
	position: relative;
}

	.fearture_fixhh:before {
		content: url('../images/home/fixnhour-case/left-fixh.webp');
		position: absolute;
		bottom: 0;
	}

	.fearture_fixhh:after {
		content: url('../images/home/fixnhour-case/right-fixh.webp');
		position: absolute;
		right: 0;
		top: 10%;
	}

.mg3 h5 {
	font-size: 24px;
	letter-spacing: 1px;
}

.color_dv_fixh {
	width: 33.33%;
	text-align: center;
}

	.color_dv_fixh h5 {
		padding: 10px 0px;
	}

.bg_fix_horr {
	position: relative;
}

	.bg_fix_horr:before {
		content: url('../images/home/fixnhour-case/fixx-left-1.webp');
		position: absolute;
		bottom: 0;
	}

	.bg_fix_horr:after {
		content: url('../images/home/fixnhour-case/fixx-right-1.webp');
		position: absolute;
		right: 0;
		top: 10%;
	}


.icon_tech_fix_new {
	display: none;
}


/*-----case-study-the-asl---*/


.detail_for_port.case-left {
	padding-top: 50px;
}


@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(359deg);
	}
}



.rmd_case .container-fluid {
	background-image: url(../images/bn-full-1.webp);
	height: 90vh;
	background-size: cover;
	background-repeat: no-repeat
}

.rmd_case {
	background-image: none;
	height: inherit !important;
	padding: 5% 0% 5%;
}

.hdng_rmd {
	font-family: 'Graphik';
	font-size: 3rem;
	color: #48a2e5;
}

.img_logo_rmd {
	position: relative;
	width: 100%;
	height: 50vh;
}

	.img_logo_rmd img {
		animation: MoveUpDown 1.5s linear infinite;
		position: absolute;
		left: 25%;
		bottom: 0;
	}

@keyframes MoveUpDown {

	0%, 100% {
		bottom: 0;
	}

	50% {
		bottom: 10px;
	}
}

.nd_rmd {
	background-color: #48a2e5;
}

.bg_img_rmd {
	position: relative;
	z-index: 9;
}

.rep_rmds {
	position: absolute;
	top: 0;
	width: 100%;
}

.img-right-rmd img {
	width: 65%;
}

.img-left-rmd {
	z-index: 9;
}

	.img-left-rmd img {
		width: 90%;
	}

.btm_img_rmd img {
	margin-top: -55px;
}

.pneer_rmd img {
	margin-top: -50px;
}

.ghee-rmd {
	position: relative;
}

	.ghee-rmd:before {
		content: url(../images/ghee-left.webp);
		position: absolute;
		bottom: 10%;
	}

	.ghee-rmd:after {
		content: url(../images/ghee-right.webp);
		position: absolute;
		right: 0;
		bottom: 10%;
	}

.mnv_rmd {
	position: relative;
	background-color: transparent !important;
}

	.mnv_rmd:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 50%;
		background-color: #48a2e5;
		z-index: -9;
	}

.btm_thnks {
	background: gray url(../images/back-rmdd.webp) repeat 0 0;
	padding-top: 10%;
	box-sizing: border-box;
	-webkit-animation: slide 10s linear infinite;
}

@-webkit-keyframes slide {
	from {
		background-position: 0 0;
	}

	to {
		background-position: -400px 0;
	}
}

.bg_img_rmd1 {
	padding-top: 10%;
}

.img-right-rmd1 {
	z-index: 9;
}


.smartboss-sec:before {
	content: url(../images/home/smartboss/left-3.webp);
}

.smartboss-sec:after {
	content: url(../images/home/smartboss/right-3.webp);
}


/*-----*/
.gal {
	-webkit-column-count: 3;
	/* Chrome, Safari, Opera */
	-moz-column-count: 3;
	/* Firefox */
	column-count: 3;
}

.address-box p img {
	margin-bottom: 2px;
}

.gal img {
	width: 100%;
	padding: 7px 0;
}

@media (max-width: 500px) {

	.gal {
		-webkit-column-count: 1;
		/* Chrome, Safari, Opera */
		-moz-column-count: 1;
		/* Firefox */
		column-count: 1;
	}
}


/* The Modal (background) */
.modal {
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 100px;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: hsla(0, 0%, 0%, 0.78);
}

/* Modal Content */
.modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	width: 35%;
	max-height: 80vh;
	overflow: hidden;
}

/* The Close Button */
.close {
	color: white;
	position: absolute;
	top: 10px;
	right: 25px;
	font-size: 35px;
	font-weight: bold;
}

	.close:hover,
	.close:focus {
		color: #999;
		text-decoration: none;
		cursor: pointer;
	}


.cursor {
	cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -50px;
	color: white;
	font-weight: bold;
	font-size: 20px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	-webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
	right: 0;
	border-radius: 3px 0 0 3px;
}

	/* On hover, add a black background color with a little bit see-through */
	.prev:hover,
	.next:hover {
		background-color: rgba(0, 0, 0, 0.8);
	}

/* Number text (1/3 etc) */


.demo {
	opacity: 0.6;
}

	.demo:hover {
		opacity: 1;
	}


/*---mobile slider-----*/


.screen-slider {
	margin-top: 116px;
}

	.screen-slider .owl-dots {
		text-align: center;
		margin-top: 130px;
	}

		.screen-slider .owl-dots .owl-dot {
			height: 15px;
			width: 15px;
			border: 1px solid #2c4194;
			border-radius: 50%;
			display: inline-block;
			margin: 0px 2px;
			-webkit-transition: all 0.3s ease 0s;
			-o-transition: all 0.3s ease 0s;
			transition: all 0.3s ease 0s;
		}

		.screen-slider .owl-dots .active {
			background-color: #2c4194;
		}


/*---port-on hover effect logo----*/


/*-----coach-app--------*/


@media screen and (max-width: 767px) {


	.img_sec_port_new img {
		margin-right: auto;
		padding-top: 9%;
	}


	.how_work_fixhn {
		margin-bottom: 0px;
	}

	.mg3 h5 {
		float: left;
		margin: 10px;
		font-size: 18px;
		margin-bottom: 25px;
	}

	.case_fixnhour {
		padding: 25% 0% 5%;
	}

	.icon_tech_fix_new {
		display: inherit;
		border: 10px solid #82e4ef;
		padding: 20px 20px;
		border-radius: 50%;
		width: 128px;
		margin-left: auto;
		margin-right: auto;
	}

	.d_fix_hhhhh {
		display: none;
	}

	.mg_nb h5 {
		font-size: 20px !important;
	}


	.img_logo_rmd img {
		left: 10% !important;
		width: 100%;
	}

	.mnv_rmd:before {
		height: 84vh;
	}

	.mnv_rmd {
		padding-top: 0px !important;
	}

	.bg_img_rmd1 {
		padding-top: 115%;
	}

	.mnv_rmd .img-left-rmd img {
		padding-top: 0% !important;
	}

	.mobile_rmd {
		display: none;
	}

	.rmd_mnb {
		position: inherit;
	}

		.rmd_mnb .img-right-rmd img {
			width: 100%;
			padding-bottom: 20px;
		}

	.img-left-rmd img {
		width: 100%;
	}

	.btm_img_rmd img {
		margin-top: 0px;
	}

	.pneer_rmd img {
		margin-top: 0px;
		width: 50% !important;
	}

	.rmd_case .container-fluid {
		height: 70vh;
	}


	.slide_case h1 {
		font-size: 18px !important;
		letter-spacing: 0px;
	}

	.slide_case p {
		margin-bottom: 0px !important;
	}
}

@media screen and (max-width: 991px) {


	.scn_portfolios img {
		width: 100%;
	}


	.slide_case p {
		font-size: 14px;
		margin-top: 0px;
	}

	.mg1 .nbb {
		width: 60px;
		height: 60px;
	}

	.mg1 h5 {
		font-size: 13px;
	}


	.slide_case h1 {
		font-size: 30px;
	}


	.fearture_fixhh:before,
	.fearture_fixhh:after,
	.bg_fix_horr:before,
	.bg_fix_horr:after,
	.sub_hdng_he {
		font-size: 24px;
	}


	.color_dv_fixh h5 {
		font-size: 18px;
	}


	.img_logo_rmd img {
		width: 75%;
		left: 0;
	}

	.hdng_rmd {
		font-size: 1.5rem;
	}

	.ghee-rmd:after,
	.ghee-rmd:before {
		display: none;
	}


	.we-stnd-fs {
		padding-bottom: 0px !important;
	}

	.service-compny-secc h4 {
		font-size: 16px;
	}

	.service-compny-secc .col-md-4 img {
		width: 75% !important;
	}

	.we-stand-service .container,
	.why-lab-sec .container,
	.lab-dv,
	.hire-best-sec .container {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}

	.desk-portfolio {
		display: none;
	}

	.mobile-portfolio {
		display: inherit !important;
	}

	.testimonial-home {
		background-size: 50px, 50px !important;
	}

	.our-portfloi-home .port_lft_cont {
		padding-top: 0px !important;
		margin-top: 0px;
		padding-left: 0px;
	}

		.our-portfloi-home .port_lft_cont h4 {
			float: inherit !important;
		}

	.port_lft_cont .view_btn_bx {
		justify-content: center;
		display: flex;
	}

	.our-portfloi-home .port_lft_cont p {
		text-align: center !important;
	}

	
}

@media screen and (max-width: 1199px) and (min-width: 992px) {


	.mg1 .nbb {
		width: 80px;
		height: 80px;
	}

	.sub_hdng_he {
		font-size: 26px;
	}

	.mg1 h5 {
		font-size: 16px;
	}

	.scn_portfolios img {
		width: 500px;
	}


	.bg_fix_horr:before {
		content: url(../images/home/fixnhour-case/fixx-left-1-1.webp);
	}

	.bg_fix_horr:after {
		content: url(../images/home/fixnhour-case/fixx-right-1-1.webp);
	}


	.fearture_fixhh:after {
		content: url(../images/home/fixnhour-case/right-fixh-1.webp);
	}

	.fearture_fixhh:before {
		content: url(../images/home/fixnhour-case/left-fixh-1.webp);
	}


	.ghee-rmd:before {
		content: url(../images/ghee-left1.webp);
	}

	.ghee-rmd:after {
		content: url(../images/ghee-right1.webp);
	}

	.mnv_rmd:before {
		height: 60%;
	}

	.img_logo_rmd img {
		width: 60%;
	}

	.ghee-rmd img {
		width: 70% !important;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

	.rmd_case {
		padding: 8% 0% 5%;
	}


	.smartboss-sec:before {
		content: url(../images/home/smartboss/left1-3.webp);
	}

	.smartboss-sec:after {
		content: url(../images/home/smartboss/right1-3.webp);
	}
}

@media screen and (max-width: 1600px) and (min-width: 1200px) {


	.scn_portfolios img {
		width: 600px;
	}


	.mg1 h5 {
		font-size: 16px;
	}


	.bg_fix_horr:before {
		content: url(../images/fixx-left-1-1.webp);
	}

	.bg_fix_horr:after {
		content: url(../images/fixx-right-1-1.webp);
	}


	.ghee-rmd:before {
		content: url(../images/ghee-left1.webp);
	}

	.ghee-rmd:after {
		content: url(../images/ghee-right1.webp);
	}

	.ghee-rmd img {
		width: 80% !important;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

	.rmd_case {
		padding: 7% 0% 5%;
	}


	.smartboss-sec:before {
		content: url(../images/home/smartboss/left1-3.webp);
	}

	.smartboss-sec:after {
		content: url(../images/home/smartboss/right1-3.webp);
	}
}


@media screen and (max-width:767px) {


	.new_case_bnr {
		padding: 100px 0px 30px 0px;
	}
}


/*---ar----*/


@media screen and (max-width: 991px) {


	#sidebarCollapse {
		line-height: 0.5;
	}

	.vdo-modal .modal-dialog {
		max-width: 90% !important;
		margin: 0 auto;
	}
}


/*----know-it-----*/


.preview_ddd {
	background: #fff !important;
}

/*----index-new-html-----*/


.container-index p a {
	color: #5956e9;
	font-weight: 600;
}

	.container-index p a.myBtn2 {
		margin-left: 10px;
	}

.icon-service img {
	width: 50px;
}

.service-box {
	display: flow-root;
	padding: 15px 15px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 30px 40px #00000029;
	border-radius: 4px;
	width: 75%;
	float: right;
}

.icon-service {
	height: 100px;
	width: 100px !important;
	border-radius: 50%;
	float: left;
	text-align: center;
	display: flex;
	align-items: center;
	margin-right: 20px;
	justify-content: center;
	/*
    	background: transparent linear-gradient(180deg, #5956e973 0%, #16214A00 100%) 0% 0% no-repeat padding-box;*/
	transition: all 3.0s;
}

.content-service-box h5 {
	font-weight: 600;
	font-size: 18px;
}


.service-box:hover .icon-service .service-img1 {
	display: none;
}

.service-box:hover {
	background: transparent linear-gradient(89deg, #5956e9 0%, #8f8cf0 100%) 0% 0% no-repeat padding-box;
	color: #fff !important;
}

	.service-box:hover p {
		color: #fff;
	}

	.service-box:hover .icon-service {
		background: transparent linear-gradient(180deg, #5956e94a 0%, #ffffff8f 100%) 0% 0% no-repeat padding-box;
	}

.service-box2:hover .icon-service {
	background: transparent linear-gradient(180deg, #F29B0E 0%, #ffffff8f 100%) 0% 0% no-repeat padding-box;
}

.service-box2:hover {
	background: transparent linear-gradient(89deg, #ec9e26 0%, #f0be74 100%) 0% 0% no-repeat padding-box;
}

.service-box3:hover .icon-service {
	background: transparent linear-gradient(180deg, #FF857A 0%, #FFFFFF70 100%) 0% 0% no-repeat padding-box;
}

.service-box3:hover {
	background: transparent linear-gradient(89deg, #FF7A6E 0%, #FFACA3 100%) 0% 0% no-repeat padding-box;
}

.service-box4:hover .icon-service {
	background: transparent linear-gradient(180deg, #0f96be 0%, #FFFFFF70 100%) 0% 0% no-repeat padding-box;
}

.service-box4:hover {
	background: transparent linear-gradient(89deg, #0794be 0%, #98bac9 100%) 0% 0% no-repeat padding-box;
}

.service-box2,
.service-box4 {
	float: left;
}

.main-heading-index {
	display: block;
	position: relative;
	font-size: 40px;
	letter-spacing: 1px;
	color: #333;
	margin-bottom: 20px;
}

	.main-heading-index:after {
		position: absolute;
		content: '';
		background: #00000000 0% 0% no-repeat padding-box;
		box-shadow: 0px 6px 10px #FFDC60;
		border: 2px solid #FFDC60;
		bottom: 0px;
		width: 100%;
		left: 0px;
		opacity: 1;
		filter: blur(2px);
		display: none;
	}

.container-index p {
	font-size: 18px;
	line-height: 32px;
	color: #69747d;
}

.home-banner-section .container-index p {
	font-size: 20px;
	line-height: 36px;
	color: #e6e6e6;
}

.content-area-web p {
	line-height: 32px;
	margin-top: 20px !important;
}

.btn-primary-home {
	color: #fff !important;
	text-decoration: none !important;
	background: #5956E9;
	padding: 12px 30px;
	border: none;
	transition: all 0.3s;
	font-size: 20px;
	border-radius: 10px;
	margin-left: auto;
	margin-right: auto;
	display: table;
	opacity: 0.9;
}

	.btn-primary-home:hover {
		opacity: 1;
	}

.content-service-box p {
	font-size: 16px;
	line-height: 24px;
}

.app-comany-sec {
	background-image: url(../images/home/path.webp);
	background-size: contain;
	background-position: left;
	background-repeat: no-repeat;
}

.serice-box1:before {
	content: url(../images/home/1.webp);
	position: absolute;
	left: 0px;
}

.service-box2:after {
	content: url(../images/home/2.webp);
	position: absolute;
	right: 0px;
}

.service-box3:before {
	content: url(../images/home/3.webp);
	position: absolute;
	left: 80px;
}

.service-botm-box {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border-radius: 10px;
	margin-bottom: 12%;
}

	.service-botm-box img {
		margin: auto;
		display: block;
		width: 75%;
	}

	.service-botm-box a {
		color: #515151;
		text-decoration: none;
	}

	.service-botm-box h3 {
		font-weight: 600;
		font-size: 22px;
		line-height: 35px;
	}

.features-img-boxs {
	text-align: center;
	padding: 15px 15px;
}

	.features-img-boxs img {
		filter: grayscale(1);
		width: 100%;
	}

	.features-img-boxs:hover {
		box-shadow: 0px 3px 6px #8c8af0;
		border-radius: 16px;
	}

		.features-img-boxs:hover img {
			filter: inherit;
		}


.contact-form-sec-home {
	background-image: url(../images/home/right.webp);
	background-size: 150px;
	background-position: right;
	background-repeat: no-repeat;
	padding-top: 0px !important;
}

	.contact-form-sec-home .form-control {
		background-color: transparent;
		padding-left: 60px;
		height: 55px;
	}

.form_bx_contact [class*="col-"] {
	margin-bottom: 0px;
}

.contact-form-sec-home .uploadFile {
	background-color: #E8EAFB;
	border: none;
	text-align: left;
	border-radius: 5px;
}

	.contact-form-sec-home .uploadFile strong {
		color: #7b838c;
		padding-left: 12px;
	}

.intl-tel-input {
	width: 100%;
}

.contact-form-sec-home .form-group {
	margin-bottom: 20px;
}

.sub-footer {
	background-color: #E8EAFB;
	display: none;
}

.subcrip-box {
	border: 3px solid #5956e9;
	padding: 10px;
	border-radius: 12px;
	background: #D1D0F8;
}

	.subcrip-box .form-control {
		height: 60px;
		width: 75% !important;
		background: transparent;
		border: none;
		box-shadow: none;
		font-size: 22px;
		color: #515151;
	}

		.subcrip-box .form-control::placeholder {
			color: #515151;
		}

	.subcrip-box .btn-primary {
		width: 25%;
		background-color: #5956e9;
		color: #ffffff;
		height: 60px;
		border-radius: 10px;
		font-size: 22px;
	}


footer {
	background-color: #fff;
}

.bottom_footer p a {
	color: #515151;
}


.testimonial-home {
	background-image: url(../images/home/left-1.webp), url(../images/home/right-1.webp);
	background-repeat: no-repeat;
	background-position: left bottom, right top;
	background-size: 150px, 150px;
}


.our-portfloi-home .img_scc {
	background: none;
	padding-top: 6%;
}

.our-portfloi-home .scroll_bg {
	width: 100%;
}

.our-portfloi-home .port_lft_cont {
	padding-top: 15%;
}


.our-portfloi-home .diss {
	width: 90px;
	bottom: 100px;
	left: 33%;
	transform: translateX(-33%);
}

	.our-portfloi-home .diss .carousel-control-prev,
	.our-portfloi-home .diss .carousel-control-next {
		position: inherit;
		top: inherit;
	}

	.our-portfloi-home .diss a .carousel-control-prev,
	.our-portfloi-home .diss a .carousel-control-next {
		color: #5956E9;
		border-radius: 50%;
		height: 50px;
		font-size: 26px;
		background-color: #fff !important;
		opacity: 1 !important;
		box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
		text-align: center;
	}

.our-portfloi-home .port_lft_cont h4 {
	float: right;
	color: #5956e9;
	font-weight: 600;
	position: relative;
	display: initial;
	padding-bottom: 25px;
	display: inline-block;
}

	.our-portfloi-home .port_lft_cont h4:after {
		position: absolute;
		bottom: 13px;
		min-width: 80px;
		height: 3px;
		content: ' ';
		left: 0px;
		right: 0px;
		background-color: #333;
	}

.our-portfloi-home .port_lft_cont p {
	color: #575757;
	font-size: 18px;
	line-height: 30px;
	text-align: left;
}


#section2 {
	margin-top: 60px;
}


.home-banner-section .btn-primary-home {
	color: #121b42 !important;
	text-decoration: none !important;
	background: #ffd762;
	padding: 12px 25px;
	border: none;
	transition: all 0.3s;
	font-size: 20px;
	border-radius: 10px;
	margin-left: 0px;
	margin-right: auto;
	display: table;
	opacity: 0.9;
}


.contact-form-sec-home .form-group {
	position: relative;
	background: #e8eafb;
	border-radius: 4px;
}

.icon-input-by {
	position: absolute;
	top: 13px;
	left: 16px;
}

.contact-form-sec-home .uploadFile label {
	font-size: 18px;
}

.contact-form-sec-home .uploadFile i.add-file {
	background: url(../images/home/Group1.webp) no-repeat;
	width: 26px;
	height: 26px;
}

.contact-form-sec-home .uploadFile strong span {
	text-align: left;
	margin-top: 0px;
}


.tabs-indusry-sec .tab-content .row {
	align-items: center;
}

.contact-form-sec-home select,
.contact-form-sec-home textarea {
	padding-left: 15px !important;
}




/*@media screen and (min-width: 1950px) {
	.container-index {
		width: 100% !important;
		max-width: 1500px !important;
	}
}*/

@media screen and (max-width: 767px) {
	.desk-portfolio {
		display: none;
	}

	.mobile-portfolio {
		display: inherit;
	}

	.uploadFile {
		height: 55px;
	}

	.contact-form-sec-home img {
		width: 100% !important;
	}

	.contact-form-sec-home .uploadFile {
		font-size: 14px;
	}


	.serice-box1:before,
	.service-box2:after,
	.service-box3:before {
		display: none;
	}

	.main-heading-index {
		font-size: 24px;
		text-align: center;
		display: block;
		margin-bottom: 0px !important;
	}


	.btn-primary-home {
		font-size: 12px;
		border-radius: 5px;
		padding: 8px 14px;
	}


	.service-botm-box {
		padding: 5px !important;
		border-radius: 15px;
		margin: 0px !important;
		margin-bottom: 20px !important;
	}

	.testimonial-home {
		text-align: center;
		background-size: 40px, 40px !important;
		background-position: left bottom, right center;
	}


	.port_lft_cont .view_btn_bx {
		justify-content: center;
		display: flex;
		padding-bottom: 20px;
	}


	.bottom_footer {
		padding-bottom: 0px !important;
	}


	.our-portfloi-home .diss a .carousel-control-prev,
	.our-portfloi-home .diss a .carousel-control-next {
		border: 2px solid #5956E9 !important;
	}

	.our-portfloi-home .diss {
		width: 50%;
		right: 22%;
		bottom: 0px;
	}

	.container-index p {
		font-size: 16px !important;
		line-height: 26px !important;
		margin-top: 10px !important;
		padding-top: 0px !important;
	}

	.content-service-box h5 {
		font-size: 16px;
	}

	.service-botm-box h3 {
		font-size: 16px;
		line-height: 24px;
		text-align: center;
		margin-bottom: 0px;
		padding-top: 5px;
	}

	.app-comany-sec .col-md-6 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.service-box {
		width: 100%;
		text-align: center;
		float: inherit;
	}

	.icon-service {
		margin: auto;
		float: inherit;
		margin-bottom: 20px;
	}

	.subcrip-box .btn-primary {
		height: 35px;
		font-size: 12px;
		width: 30%;
		border-radius: 7px;
	}

	.features-img-boxs {
		padding: 15px 10%;
	}

	.subcrip-box .form-control {
		width: 70% !important;
		font-size: 12px;
		height: 35px;
	}


	.contact-form-sec-home {
		background-image: none;
	}

		.contact-form-sec-home .uploadFile i.add-file {
			background-size: 15px;
			margin-right: 9px;
			margin-top: 8px;
		}

	.icon-input-by img {
		width: 15px !important;
	}

	.icon-input-by {
		top: 2px;
	}

	.uploadFile strong {
		margin-top: 5px;
	}

	.contact-form-sec-home .form-control {
		padding-left: 50px;
	}

	.contact-form-sec-home .uploadFile label {
		font-size: 11px;
	}

	.uploadFile strong span {
		font-size: 6px;
	}

	.contact-form-sec-home .uploadFile strong {
		padding-left: 0px;
	}

	.our-portfloi-home .port_lft_cont p {
		text-align: center;
		margin-top: 32px;
		font-size: 14px;
		line-height: 23px;
	}

	.our-portfloi-home .port_lft_cont h4 {
		float: inherit;
		font-size: 20px;
		padding-bottom: 20px;
	}

	.our-portfloi-home .port_lft_cont {
		padding-top: 0px;
	}

	.subcrip-box {
		border: 1px solid #5956e9;
		padding: 5px;
		margin-top: 10px;
	}


	.service-box {
		box-shadow: none;
		background: transparent;
		margin-bottom: 0px !important;
		height: auto !important;
	}

	.icon-service {
		width: 60px !important;
		height: 60px;
	}

		.icon-service img {
			width: 30px;
		}

	.port_lft_cont p {
		margin-top: 0px !important;
		padding-bottom: 10px !important;
		min-height: auto !important;
	}

	.fetures-riws,
	.contact-form-sec-home .row,
	.view-all-blogs {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}


		.contact-form-sec-home .row .col-md-6:first-child {
			display: none;
		}

	.form_bx_contact textarea.form-control {
		height: 80px;
	}

	.foot_main .top_footer .row .col-lg-3,
	.address-footer,
	.foot_main .top_footer .row:nth-child(2) {
		display: none !important;
	}


	.slider-dv-career .ovl-slider .owl-nav {
		top: 22%;
	}

	.prodct-containers {
		padding-top: 0px !important;
	}

	.it-way:after {
		bottom: -15px !important;
		left: 40% !important;
		width: 30px !important;
		height: 30px !important;
	}

	.img-glry-box {
		margin-bottom: 15px !important;
	}
}

@media screen and (max-width: 1600px) and (min-width: 1024px) {
	.app-comany-sec {
		background-size: 50%;
	}


	.our-portfloi-home .port_lft_cont p {
		font-size: 16px;
		line-height: 24px;
	}

	.main-heading-index {
		font-size: 40px;
	}

	.btn-primary-home {
		font-size: 20px;
		padding: 12px 20px;
	}

	.content-area-web p {
		line-height: 30px;
		font-size: 18px;
	}

	.service-botm-box h3 {
		font-size: 17px;
		line-height: 23px;
	}


	.contact-form-sec-home .form-control {
		padding-left: 40px;
		font-size: 14px !important;
	}

	.icon-input-by {
		left: 12px;
	}

	.contact-form-sec-home .uploadFile i.add-file {
		background-size: 20px;
	}

	.contact-form-sec-home .uploadFile strong {
		padding-left: 0px;
	}

	.contact-form-sec-home .uploadFile {
		font-size: 16px;
	}

	.icon-input-by img {
		width: 20px;
	}

	.content-service-box h5 {
		font-size: 18px;
	}
}


@keyframes moveup {

	0%, 100% {
		bottom: 0;
	}

	50% {
		bottom: 10px;
	}
}


/*----new service css------*/
.text-top-service h1 {
	font-weight: 700;
	font-size: 40px;
	margin-bottom: 20px;
}

.text-top-service h5 {
	line-height: 37px;
}

.img-boc-lead {
	background: #2C4193;
	border-radius: 50%;
	height: 100px;
	width: 100px;
	position: relative;
	margin: 20px auto;
	align-items: center;
	margin-bottom: 30px;
}

.img-boc-lead2 {
	background: #E4920D;
}

.img-boc-lead3 {
	background: #0085AC;
}

.img-boc-lead4 {
	background: #E62C1B;
}

.img-boc-lead5 {
	background: #00B894;
}

.img-boc-lead:before {
	content: '';
	position: absolute;
	border: 1px solid #ccc;
	border-radius: 50%;
	left: -10px;
	right: -10px;
	top: -10px;
	bottom: -10px;
	border-style: dashed;
}

.leading-box {
	border: none;
	box-shadow: none !important;
	padding-left: 20px;
	padding-right: 20px;
	overflow: hidden;
}

	.leading-box:after {
		position: absolute;
		width: 0px;
		height: 0px;
		border-radius: 50%;
		background-color: #ffffff;
		opacity: 0.15;
		top: 20px;
		content: "";
		left: 20px;
		z-index: -1;
		transition: all 0.4s;
	}

	.leading-box h4 {
		font-weight: 600;
		color: #272727;
	}

	

		

		

.comapny-usi-sec .col-md-4 {
	display: flex;
}

.short-baner-service img {
	max-width: 100%;
}

.service-compny-secc {
	align-items: center;
	margin-top:40px;
}

	.service-compny-secc .col-md-4:nth-child(odd) img {
		padding-right: 15%;
	}

	.service-compny-secc .col-md-4:nth-child(even) img {
		padding-left: 15%;
	}

.lab-dv p {
	padding-right: 0%;
}




.img-hire-dv1 {
	width: 70px;
	height: 70px;
	margin-bottom: 30px;
	position: relative;
}

	.img-hire-dv1 img {
		z-index: 2;
		position: relative;
		width:100%;
	}



.list-box-hire h6 {
	font-weight: 700;
	font-size: 20px;
}

.list-box-hire {
	padding: 30px;
	background: #fff;
	transition: all 0.3s;
	height:100%;
}

.portfolio-servie-sec {
	background: #020204;
	position: relative;
	margin-bottom: 60px;
	padding: 50px 0;
}

.btn-primanry-white {
	border: 2px solid #fff;
	background: transparent;
	z-index: 9;
	position: relative;
}

	.btn-primanry-white:hover {
		background: #fff;
		color: #5956E9 !important;
	}



	

.step-number {
	width: 60px;
	height: 60px;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	background-color: #2C4193;
	border-radius: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	margin-top: -40px;
	margin-bottom: 15px;
}

.step-content {
	background-color: #e8eafb;
	min-height: 200px;
	padding: 15px;
	border-radius: 10px;
	text-align: center;
	position: relative;
}

	.step-content p {
		z-index: 2;
		position: relative;
	}

	.step-content:after {
		position: absolute;
		width: 100px;
		height: 100px;
		border-radius: 50%;
		background-color: #ffffff;
		opacity: 0.5;
		top: 124px;
		content: "";
		right: -27px;
		/* z-index: -1; */
		transition: all 0.4s;
	}

.lead-box-indusry {
	border: none;
	overflow: hidden;
	background: #FDF8E3;
	position: relative;
}

	.lead-box-indusry p {
		z-index: 2;
		position: relative;
	}






.img-boc-lead-img img {
	width: 100px;
	margin-bottom: 15px;
}

.lead-box-indusry h4 {
	font-weight: 700;
	margin-bottom: 10px;
}

.solution-dv {
	border-radius: 10px;
	margin: 20px 0;
}

	


.tab-rowa .nav-link {
	padding: 30px 15px;
	background-color: #F7F6FF;
	box-shadow: 0px 3px 6px #110E8A3D;
	border: 1px solid #E3E3E3;
	border-radius: 5px;
	color: #575757;
	font-weight: 700;
	font-size: 18px;
	height: 120px;
	justify-content: center;
	display: flex;
	transition: all 0.3s;
}

.tab-rowa ul {
	border: none !important;
	justify-content: space-between;
}

.tab-rowa span {
	width: 60px;
	height: 60px;
	background-color: #fff;
	display: flex;
	align-items: center;
	border-radius: 50%;
	margin: auto;
	margin-top: -35px;
	z-index: 99;
	justify-content: center;
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #2C41943B;
}

	.tab-rowa span img {
		width: 30px;
	}

.tab-rowa .nav-tabs .nav-link:focus,
.tab-rowa .nav-link:hover,
.tab-rowa .nav-link.active {
	background-color: #5956E9 !important;
	color: #fff !important;
}

.tab-rowa .nav-link:after {
	position: absolute;
	width: 0px;
	height: 0px;
	border-radius: 50%;
	background-color: #ffffff;
	opacity: 0.15;
	top: 23px;
	content: "";
	right: -30px;
	transition: all 0.4s;
}

.tab-rowa .nav-link:hover::after,
.tab-rowa .nav-link.active::after {
	width: 150px;
	height: 150px;
}

.tabs-indusry-sec {
	background-image: url(../images/home/service/lining-bg.webp), url(../images/home/left-1.webp);
	background-repeat: no-repeat;
	background-size: cover, 150px;
	background-position: center, left bottom;
	background-attachment: fixed, scroll;
}

.lead-box-indusry .img-boc-lead-img img {
	width: 150px;
	margin-top: 15px;
}

.text_scc p {
	margin-bottom: 0px;
}

.list-of-points ul li {
	border: 1px solid #2C4194;
	line-height: 20px;
	padding: 15px 10px;
	margin-bottom: 15px;
	border-radius: 5px;
	font-size: 1.25rem;
	border-style: dashed;
	color: #cbcbcb;
}

	.list-of-points ul li span {
		color: #fff;
		margin-right: 10px;
	}

.contact-hire-developer {
	background-image: none;
}

.heading-why-hire {
	position: relative;
	font-weight: 700;
	color: #000;
	padding: 20px 0;
	margin-bottom: 0px;
}

	.heading-why-hire:before {
		content: '';
		width: 25%;
		height: 3px;
		background-color: #EFA518;
		position: absolute;
		bottom: 15px;
	}

.img-roted-with {
	position: relative;
	display: grid;
	padding: 15px;
	background-color: #ffe8b1;
}


.roteds2 {
	display: block;
	margin: auto;
	z-index: 9;
}

.best-choice-dv {
	padding: 5%;
	border: 1px solid #707070;
	border-style: dashed;
	border-radius: 10px;
	position: relative;
	background-color: #fff;
	transition: all 0.3s;
	height: 100%;
}

	.best-choice-dv:hover {
		border: 1px solid #5956e9;
		box-shadow: 0px 30px 40px #00000029;
	}

	.best-choice-dv:after {
		content: '';
		position: absolute;
		right: -25%;
		width: 50%;
		border-top: 1px dashed #707070;
		top: 50%;
		z-index: -9;
	}

.best-choice-dv2:after {
	top: inherit;
	bottom: -15%;
	left: 25%;
	right: inherit;
	transform: rotate(90deg);
}

.best-choice-dv4:before {
	content: '';
	position: absolute;
	top: inherit;
	width: 50%;
	z-index: -9;
	bottom: -10%;
	left: 25%;
	border-top: 1px dashed #707070;
	right: inherit;
	transform: rotate(90deg);
}

.best-choice-dv3:after {
	display: none;
}

.best-choice-dv img {
	width: 80px;
	margin-bottom: 20px;
}

.main-dv-choice {
	padding: 8% 5%;
	height: 100%;
}

.industry-vctr-box {
	padding: 8% 5%;
	border-radius: 15px;
	position: relative;
	transition: all 0.3s;
	background-color: #fff;
	height: 100%;
}

.clab-hire-industry-sec {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 60px 0;
}

.industry-vctr-box:hover {
	box-shadow: 0 30px 50px rgb(0 0 0 / 4%);
	transform: translateY(-5px);
}

.icon-vctr-box {
	width: 80px;
	margin-bottom: 15px;
	transition: all 0.2s linear;
	align-items: center;
}

.white-btns {
	color: #4845d6 !important;
}

.ready-get-sec {
	background-color: #2C4194;
	background-image: url(../images/home/developer/img-1.webp), url(../images/home/developer/img-2.webp);
	background-repeat: no-repeat;
	background-position: left bottom, right bottom;
	padding: 100px 0;
}

.faqq {
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-bottom: 20px;
}

.accordion-faq {
	background-color: transparent;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 18px;
	transition: 0.4s;
	position: relative;
	padding-right: 50px;
}

.faqq:hover {
	border-color: #5956E9;
}

	.faqq:hover .accordion-faq,
	.faqq:hover .accordion-faq:after {
		color: #5956E9;
	}

.accordion-faq:after {
	font-family: 'FontAwesome';
	content: "\f0d7";
	color: #777;
	font-weight: bold;
	position: absolute;
	right: 15px;
	top: 15px;
}

.accordion-faq.active {
	color: #5956E9;
}

	.accordion-faq.active:after {
		content: "\f0d8";
		color: #5956E9;
	}

.panel-faq {
	padding: 0 18px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}

	.panel-faq li {
		margin: 5px 0;
	}

.inquery-form {
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	border-radius: 15px;
	position: relative;
	background: #fff;
}

	.inquery-form:after {
		position: absolute;
		content: url(../images/home/inq-right.webp);
		top: -40px;
		right: -50px;
		z-index: -9;
	}

	.inquery-form select {
		height: 55px !important;
		border: none;
		outline: none !important;
		box-shadow: none !important;
	}

	.inquery-form .form-group {
		margin-bottom: 25px;
	}


.enquiry-text-left h1 {
	font-family: "Graphik";
	font-weight: bold;
	font-size: 65px;
	color: #000;
	position: relative;
}

	.enquiry-text-left h1:after {
		content: url(../images/home/yello-mid.webp);
		top: 0px;
		z-index: -9;
		position: absolute;
	}

.enquiry-text-left p {
	font-size: 20px;
}

.hidden-grt li {
	font-size: 20px;
	line-height: 50px;
}

	.hidden-grt li .fa {
		font-size: 30px;
		color: #5956e9;
		margin-right: 10px;
	}

.heading-enquiry {
	background-color: #5956e9;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	padding: 30px;
}

	.heading-enquiry h3 {
		font-weight: bold;
	}

.inquery-secs {
	background-image: url(../images/home/right.webp), url(../images/home/yello-left.webp);
	background-repeat: no-repeat;
	background-size: 200px;
	background-position: right bottom, left top;
}

.how-work-box img {
	background: #fff;
	border-radius: 50%;
}

/*----about------*/
.ceo-dv {
	background-color: #DBDFED;
	position: relative;
	border-radius: 15px;
}

	.ceo-dv:before {
		bottom: 0px;
		left: 0px;
		top: 0px;
		width: 100px;
		background-color: #fff;
		position: absolute;
		content: '';
	}

.img-sec-owr {
	position: relative;
	margin-top: -60%;
}

.slide_case .btn-primary-home {
	margin-bottom: 30px;
}

.quote-img {
	position: absolute;
	content: '';
	bottom: -50px;
	left: 100px;
}

.about-content-owr {
	height: 100%;
	display: grid;
	transition: all 0.3s;
}

	.about-content-owr p {
		font-size: 20px;
	}

.name-own {
	margin-top: -135px;
	align-items: center;
}

	.name-own h2 {
		padding-right: 4%;
		color: #000;
	}

	.name-own h5 {
		font-weight: 600;
	}

.link-view {
	position: absolute;
	right: 30px;
	top: 18%;
}

	.link-view a {
		width: 49px;
		/* height: 25px !important; */
		background-color: #0E76A8;
		color: #fff;
		padding: 15px 21px;
		line-height: 42px;
		font-size: 28px;
		border-radius: 50%;
		box-shadow: 0px 3px 6px #00000029;
	}

.ceo-dv2:before {
	left: inherit;
	right: 0px;
}

.name-own2 {
	justify-content: flex-end;
}

.about-content-owr2 {
	text-align: right;
}

.img-sec-owr:hover .link-view a {
	background-color: #ffffff;
	color: #1d76a8;
}

.quote-img2 {
	right: 100px;
	left: inherit;
}

.ceo-dv:after {
	content: url(../images/home/about-us/Shape-3.webp);
	position: absolute;
	right: -70px;
	bottom: -50px;
	z-index: -9;
}

.ceo-dv2:after {
	content: url(../images/home/about-us/Shape-2.webp);
	position: absolute;
	right: inherit;
	left: -60px;
	bottom: -50px;
	z-index: -9;
}

.mission-secs .main-heading-index {
	font-size: 24px;
}

.sc-hdng-mis {
	color: #2C4194;
}

/*---timeline----*/
timeline {
	position: relative;
	margin: 50px auto;
	padding: 40px 0;
	width: 1000px;
	box-sizing: border-box;
}

.timeline:before {
	content: '';
	position: absolute;
	left: 50%;
	width: 3px;
	height: 100%;
	background: #2C4194;
}

.timeline ul {
	padding: 0;
	margin: 0;
}

	.timeline ul li {
		list-style: none;
		position: relative;
		width: 45%;
		padding: 20px 40px 50px;
		box-sizing: border-box;
		transition: all 0.3s;
	}

		.timeline ul li:nth-child(odd) {
			float: left;
			text-align: right;
			clear: both;
		}

		.timeline ul li:nth-child(even) {
			float: right;
			text-align: left;
			clear: both;
		}

.content {
	padding-bottom: 20px;
	position: relative;
	padding: 35px;
	background: #F3F3F3;
	padding: 20px 40px 20px 40px;
	box-shadow: 0px 3px 6px #00000029;
}

.prt_rightside_title {
	text-align: center;
	background: #fff;
	position: absolute;
	width: 75%;
	top: -30px;
	right: -10%;
	box-shadow: 10px 2px 9px 0px rgba(0, 0, 0, 0.09);
}

.prt_rightside_title2 {
	left: -10%;
	right: inherit;
	box-shadow: -12px 2px 9px 0px rgba(0, 0, 0, 0.09);
}


.left_title_box:before {
	right: -20px;
	border-left: 16px solid #f3f3f3;
	border-right: 4px solid #ffffff00;
	border-top: 13px solid #ffbf0b00;
	border-bottom: 12px solid #f70d0d00;
	content: "";
	position: absolute;
	top: 7px;
}

.prt_rightside_title2 .left_title_box:before {
	left: -20px;
	right: inherit;
	border-right: 16px solid #f3f3f3;
	border-left: 4px solid #ffffff00;
	border-top: 13px solid #ffbf0b00;
	border-bottom: 12px solid #f70d0d00;
}

.prt_rightside_title .right_title {
	width: 75%;
	float: left;
}

.bg-yellow {
	background-color: rgb(89 86 233);
}

.prt_rightside_title .right_title h4 {
	color: #ffffff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 18px;
	padding: 10px 0;
	margin-bottom: 0px;
}

.prt_rightside_title .left_title {
	width: 25%;
	float: left;
	background: #f3f3f3;
}

	.prt_rightside_title .left_title h4 {
		color: #010101;
		font-weight: 600;
		font-size: 18px;
		padding-top: 10px;
		bottom: 10px;
		padding-bottom: 10px;
		margin-bottom: 0px;
	}

.timeline ul li:nth-child(odd):before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	top: 60px;
	right: -68px;
	background: #5956e9;
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgb(207 205 249);
}

.timeline ul li:nth-child(even):before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	top: 60px;
	left: -65px;
	background: rgb(243 156 14);
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgb(253 221 164);
}

.timeline ul li h3 {
	padding: 0;
	margin: 0;
	color: rgba(233, 33, 99, 1);
	font-weight: 600;
}

.timeline ul li p {
	margin: 10px 0 0;
	padding: 0;
}

.timeline ul li .time h4 {
	margin: 0;
	padding: 0;
	font-size: 32px;
	font-weight: 900;
}

.timeline ul li:nth-child(odd) .time {
	position: absolute;
	top: 12px;
	height: 110px;
	width: 110px;
	right: -250px;
	margin: 0;
	padding: 8px 16px;
	background: rgb(255 255 255);
	color: #5956e9;
	border-radius: 50%;
	box-shadow: 0 0 0 8px #5956e9;
	display: flex;
	align-items: center;
	justify-content: center;
}

.timeline ul li .time h4:after {
	content: '';
	border-left: 15px solid transparent;
	border-bottom: 13px solid transparent;
	border-top: 13px solid transparent;
	border-right: 15px solid #5956e9;
	position: absolute;
	left: -36px;
	top: 40px;
}

.timeline ul li:nth-child(even) .time {
	position: absolute;
	top: 12px;
	left: -250px;
	top: 12px;
	height: 110px;
	width: 110px;
	right: -250px;
	margin: 0;
	padding: 8px 16px;
	background: rgb(255 255 255);
	color: #5956e9;
	border-radius: 50%;
	box-shadow: 0 0 0 8px #5956e9;
	display: flex;
	align-items: center;
	justify-content: center;
}

	.timeline ul li:nth-child(even) .time h4:after {
		border-right: 15px solid transparent;
		border-bottom: 13px solid transparent;
		border-top: 13px solid transparent;
		border-left: 15px solid #5956e9;
		right: -36px;
		top: 40px;
		left: inherit;
	}

.li-timeline2:before {
	background: #F1980E !important;
	box-shadow: 0 0 0 3px rgb(253 221 164) !important;
}

.li-timeline2 .time {
	color: #f39c0e !important;
	box-shadow: 0 0 0 8px #f39c0e !important;
}

	.li-timeline2 .time h4:after {
		border-left: 15px solid #f39c0e !important;
	}

.li-timeline2 .bg-yellow {
	background-color: rgb(243 156 14);
}

.li-timeline3:before {
	background: #FF7A6E !important;
	box-shadow: 0 0 0 3px rgb(250 194 190) !important;
}

.li-timeline3 .time {
	color: #FF7A6E !important;
	box-shadow: 0 0 0 8px #FF7A6E !important;
}

	.li-timeline3 .time h4:after {
		border-right: 15px solid #FF7A6E !important;
	}

.li-timeline3 .bg-yellow {
	background-color: #FF7A6E;
}

.li-timeline4:before {
	background: #0091BC !important;
	box-shadow: 0 0 0 3px rgb(170 215 232) !important;
}

.li-timeline4 .time {
	color: #0091BC !important;
	box-shadow: 0 0 0 8px #0091BC !important;
}

	.li-timeline4 .time h4:after {
		border-left: 15px solid #0091BC !important;
	}

.li-timeline4 .bg-yellow {
	background-color: #0091BC;
}

.timeline ul li:hover {
	padding: 10px 40px 60px;
}

	.timeline ul li:hover .content {
		box-shadow: 0px 3px 6px #00000059;
	}


/*----confidetiality-----*/
.securty-sec {
	background-image: url(../images/home/service/lining-bg.webp);
	background-repeat: no-repeat;
	background-size: auto;
	background-position: bottom;
}

	.securty-sec ul {
		list-style-image: url('../images/home/about-us/point.webp');
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 50px;
		padding-right: 20px;
		background: #edf6ff;
		border-radius: 10px;
	}

.contactpage-sec {
	background-image: url('../images/home/about-us/yellow-right.webp'), url(../images/home/service/lining-bg.webp);
	background-position: top right, bottom center;
	background-size: 150px, auto;
}

.box-cnt {
	background-color: #fff8f2;
	padding: 4%;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.box-cnt2 {
	background-color: #ffeded;
}

.box-cnt3 {
	background-color: #eafefd;
}

.address-box {
	border-radius: 10px;
	box-shadow: 0px 3px 20px rgb(0 0 0 / 7%);
	height: 100%;
	transition: all 0.3s linear;
}

	.address-box:hover {
		margin-top: -10px;
	}

.content-address-row .col-md-6 {
	margin: 10px 0;
}

.container-index .address-box p {
	font-size: 16px !important;
	line-height: 30px !important;
	word-break: break-word;
	padding-left: 10px;
	padding-right: 10px;
}

.address-box .c-imgs {
	background-color: #d5d5d5;
	border-radius: 5px;
}

/*----testimonial------*/
.thum-img-cl {
	width: 60px;
	border-radius: 50%;
	height: 60px;
	object-fit: cover;
	margin-right: 15px;
}

.testimonial-bxs {
	position: relative;
}

.img-sec-testc {
	position: relative;
	border-radius: 0px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

	.img-sec-testc img {
		border-radius: 0px;
		opacity: 0.4;
		transition: all 0.3s;
	}

	.img-sec-testc a:hover img {
		opacity: 1;
	}

	.img-sec-testc:before {
		left: -20px;
		right: 0px;
		top: -20px;
		bottom: 20px;
		border-radius: 35px;
		position: absolute;
		content: '';
		background: transparent linear-gradient(180deg, #3b8ed6 0%, #12138d 100%) 0% 0% no-repeat padding-box;
		z-index: -9;
		display: none;
	}

.client-details {
	background: #171636;
	display: flex;
	align-items: center;
	padding: 15px;
}

.img-sec-testc a {
	justify-content: center;
	display: flex;
	align-items: center;
	background-color: #fff;
	transition: all 0.3s;
	border-radius: 0px;
}

.img-sec-testc span .fa {
	padding-left: 5px;
}

.img-sec-testc span {
	position: absolute;
	background-color: #5956e9;
	border-radius: 50%;
	width: 80px;
	height: 80px;
	color: #fff;
	font-size: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	animation: pulseaim1 1.75s infinite cubic-bezier(.66, 0, 0, 1);
	box-shadow: 0 0 0 0 rgba(12, 108, 211, .69);
	transition: all .2s ease-in-out 0s;
}

@-webkit-keyframes pulseaim1 {
	to {
		box-shadow: 0 0 0 18px rgba(12, 108, 211, 0);
	}
}

.dlt-cl p {
	font-size: 14px;
	color: #5956e9;
	line-height: 15px;
}

.testi-main-box {
	margin: 30px 0;
}

.testi-main-box2 {
	padding-right: 30px;
	padding-left: 10px;
	margin-bottom: 6%;
}

.modal-backdrop.show {
	display: none;
}

.vdo-modal .modal-content {
	width: 100%;
	max-height: auto;
}

.vdo-modal .modal-dialog {
	max-width: 60%;
}

.vdo-modal .modal-body {
	padding: 2rem 1rem;
}

.vdo-modal button.close {
	margin-top: -10px;
	color: #000;
	opacity: 1;
	right: 15px;
}

.img-sec-testc2 {
	padding: 30px 40px 40px;
	background-color: #f8f9fd;
	background-image: url(../images/home/about-us/quote-left.webp);
	background-position: top left;
	background-size: 130px;
	background-repeat: no-repeat;
	padding-bottom: 60px;
}

.testmonial-sections {
	background-color: #0b0a2b;
	padding-bottom: 60px;
}

.banner-team-img {
	height: 500px;
	position: relative;
}

.banner-team-secs {
	background-image: url(../images/home/about-us/side.webp);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: 100px;
	margin-top: 60px;
}

.banner-team-img:after {
	position: absolute;
	content: url(../images/home/about-us/team-right.webp);
	right: -70px;
	top: -70px;
	z-index: -9;
}

.banner-team-img img {
	height: 100%;
	object-fit: cover;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.banner-team-headings {
	width: 350px;
	background-image: url(../images/home/about-us/yellow.webp);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	bottom: 0px;
	height: 275px;
	display: flex;
	align-items: center;
	right: -3px;
	justify-content: center;
}

	.banner-team-headings h2 {
		font-size: 40px;
		padding-top: 44px;
	}

	.banner-team-headings span .fa {
		padding-left: 5px;
		z-index: 9;
	}

	.banner-team-headings span {
		background-color: #5956e9;
		border-radius: 50%;
		width: 80px;
		margin-top: -130px;
		height: 80px;
		color: #fff;
		font-size: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	}

		.banner-team-headings span:before,
		.banner-team-headings span:after {
			background-color: #5956e9;
			border-radius: 50%;
			width: 80px;
			height: 80px;
			color: #fff;
			font-size: 30px;
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			-ms-border-radius: 50%;
			-o-border-radius: 50%;
			border-radius: 50%;
			-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .6);
			-moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, .6);
			-ms-box-shadow: 0 0 0 0 rgba(0, 0, 0, .6);
			-o-box-shadow: 0 0 0 0 rgba(0, 0, 0, .6);
			box-shadow: 0 0 0 0 rgba(0, 0, 0, .6);
			-webkit-animation: ripple 3s infinite;
			-moz-animation: ripple 3s infinite;
			-ms-animation: ripple 3s infinite;
			-o-animation: ripple 3s infinite;
			animation: ripple 3s infinite;
			left: 30px !important;
			top: 40px !important;
		}

		.banner-team-headings span:before {
			-webkit-animation-delay: .9s;
			-moz-animation-delay: .9s;
			-ms-animation-delay: .9s;
			-o-animation-delay: .9s;
			animation-delay: .9s;
			content: "";
			position: absolute;
			left: 0px;
			right: 0px;
			top: 0px;
			bottom: 0px;
		}

		.banner-team-headings span:after {
			-webkit-animation-delay: .6s;
			-moz-animation-delay: .6s;
			-ms-animation-delay: .6s;
			-o-animation-delay: .6s;
			animation-delay: .6s;
			content: "";
			position: absolute;
			left: 0px;
			right: 0px;
			top: 0px;
			bottom: 0px;
		}

@-webkit-keyframes ripple {
	70% {
		box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
	}
}

@keyframes ripple {
	70% {
		box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);
	}

	100% {
		box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);
	}
}


.team-member-box {
	position: relative;
	padding: 10%;
	display: flex;
	justify-content: center;
	margin-top: -35%;
}

.team-member-img {
	position: absolute;
	top: 35px;
	width: 60%;
	border-radius: 50%;
	border: 8px solid #f29b0e;
	overflow: hidden;
}

.content-member-dv {
	border: 1px solid #ccc;
	border-radius: 30px;
	margin-bottom: 17%;
	min-height: 440px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}


/*---------career-culture-----*/
.ovl-slider,
.ovl-slider .owl-carousel {
	overflow: hidden;
	border: none;
}

	.ovl-slider .owl-item {
		height: 500px;
	}

.product-list-div {
	height: 400px;
	position: relative;
	transition: transform .2s;
	z-index: 9;
}

.it-way {
	position: relative;
	display: block;
}

	.it-way:after {
		position: absolute;
		content: '';
		bottom: -25px;
		left: 45%;
		width: 50px;
		height: 50px;
		background-color: #E62C1B;
		transform: rotate(45deg);
		transition: all 0.3s;
		display: none;
	}

.its2:after {
	background-color: #5DC1DF;
}

.its3:after {
	background-color: #F29B0E;
}

.its4:after {
	background-color: #5956E9;
}

.it-way:hover,
.its-active {
	box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
}

	.it-way:hover:after,
	.its-active:after {
		display: inherit;
		box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
	}

.img-glry-box {
	transition: all 0.3s;
	width: 100%;
	overflow: hidden;
}

	.img-glry-box img {
		transition: 1.8s ease;
		transition: all 1.3s;
	}

	.img-glry-box:hover img {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}

.product-list-div img {
	height: 100%;
	object-fit: cover;
}

.content-product-dv {
	position: absolute;
	background: transparent linear-gradient(180deg, #2C419400 0%, #E62C1B 100%) 0% 0% no-repeat padding-box;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.content-product-dv2 {
	background: transparent linear-gradient(180deg, #2C419400 0%, #5DC1DF 100%) 0% 0% no-repeat padding-box;
}

.content-product-dv3 {
	background: transparent linear-gradient(180deg, #2C419400 0%, #F29B0E 100%) 0% 0% no-repeat padding-box;
}

.content-product-dv4 {
	background: transparent linear-gradient(180deg, #2C419400 0%, #5956E9 100%) 0% 0% no-repeat padding-box;
}

.content-product-dv h4 {
	font-size: 34px;
	padding-bottom: 15px;
	font-weight: 500;
	letter-spacing: 2px;
}

.img-glry-box {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.ovl-slider .owl-nav {
	display: block !important;
	position: absolute;
	top: 40%;
	width: 100%;
}

	.ovl-slider .owl-nav .owl-prev {
		position: absolute;
		left: 50px;
	}

	.ovl-slider .owl-nav .owl-next {
		position: absolute;
		right: 50px;
	}

.icon-services {
	width: 13px !important;
	display: initial !important;
	margin-left: 5px;
}

#partner-slide .owl-dots,
#portfolio-mobile-view .owl-dots {
	text-align: center;
	display: block;
	bottom: 5px;
	width: 100%;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

#partner-slide .owl-stage,
#portfolio-mobile-view .owl-stage {
	padding-bottom: 20px;
}


#partner-slide .owl-dot,
#portfolio-mobile-view .owl-dot {
	border-radius: 50px;
	height: 10px;
	width: 10px;
	display: inline-block;
	background: #5956E9;
	margin-left: 5px;
	margin-right: 5px;
	opacity: 0.7;
}

	#partner-slide .owl-dot:hover,
	#partner-slide .owl-dot.active,
	#portfolio-mobile-view .owl-dot:hover,
	#portfolio-mobile-view .owl-dot.active {
		opacity: 1;
	}

.more2 {
	display: none;
}

.myBtn2 img {
	margin-top: -4px;
}

.hide-mobile {
	display: none;
}

.vdo-modal {
	z-index: 9999;
}


.form_bx_contact select {
	/* for Firefox */
	-moz-appearance: none;
	/* for Chrome */
	-webkit-appearance: none;
	position: relative;
}


	/* For IE10 */
	.form_bx_contact select::-ms-expand {
		display: none;
	}

.arrow-spn {
	position: absolute;
	right: 20px;
	top: 15px;
	color: #5956e9;
}

.portfolio-boxs {
	position: relative;
	transition: all 0.3s;
	margin-bottom: 30px;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: .4s;
	transition-duration: .4s;
}

.content-portfolio-box {
	position: absolute;
	bottom: -3px;
	width: 100%;
	padding: 10px;
}

.content-portfolio-box-mid {
	border-radius: 10px;
	background-color: #fff;
	padding: 20px;
	transition: all 0.3s;
}

	.content-portfolio-box-mid h3 {
		font-weight: 700;
		color: #000;
		margin-bottom: 15px;
	}

.btn-portfolio {
	font-size: 20px;
	padding: 10px 15px;
	border-radius: 5px;
	background: #100e89;
}

.portfolio-boxs img {
	border-radius: 21px;
}

.btn-portfolio img {
	margin-left: 10px;
	border-radius: 0px;
}

.portfolio-section {
	background: #090528;
}


.portfolio-boxs:hover {
	-webkit-transform: translateY(-3%) !important;
	-ms-transform: translateY(-3%) !important;
	transform: translateY(-3%) !important;
}

	.portfolio-boxs:hover .content-portfolio-box-mid {
		background-color: #e8eafb;
	}

.header2 .navbar-light .navbar-nav .nav-link,
.header2 .header-logo .cd-logo,
.header-logo span {
	color: #fff;
}

.header2.fixed {
	background: #fff;
}

.fix-head-logo {
	display: none;
}

.header2.fixed .non-fix-logo {
	display: none;
}

.header2.fixed .fix-head-logo {
	display: block;
}

.portfolio-section .baner-service {
	background-image: none;
}

.portfolio-listing-new {
	background-image: url(../images/home/portfolio/new/food.webp);
	background-size: cover;
	background-position: bottom;
}

.food-list-sec {
	background-image: url(../images/home/portfolio/new/food-order-bg.webp);
	background-size: cover;
	background-position: center;
	padding-top: 10%;
	background-attachment: fixed;
}

.content-food-row {
	align-items: center;
}

	.content-food-row .btn-primary-home {
		display: inline-block;
	}

	.content-food-row h2 {
		font-weight: 700;
		font-size: 50px;
	}

.food-list-sec2 {
	background-image: url(../images/home/portfolio/new/know-it-bg.webp);
}

.food-list-sec3 {
	background-image: url(../images/home/portfolio/new/coherent-food-bg.webp);
}

.quick-contact-info span {
	color: #333;
}

.portfolio-section .text-top-service h1 {
	font-size: 45px;
}

.food-list-soon {
	height: 800px;
	align-items: center;
	display: flex;
	padding-top: 0px;
}

	.food-list-soon h2 {
		font-size: 6rem;
	}

.book-top-sec .tech-btm {
	padding-top: 10%;
}

.book-top-sec {
	margin-bottom: 16%;
}

.main-banner-img {
	margin-bottom: -20%;
}

.book-top-sec h1 {
	font-weight: 400;
}

.heading-project {
	font-size: 40px;
	font-weight: bolder;
	color: #000;
}

.scroll-3drow {
	align-items: flex-end;
}

.preview_ddd2 {
	top: 3.8%;
	position: absolute;
	width: 88%;
	left: 6%;
	height: 92%;
	border-radius: 24px;
}

.overview-project-sec {
	background-image: url(../images/home/portfolio/new/pattern-img.webp);
	background-position: center;
	background-repeat: no-repeat;
}

.mobile-scl-main {
	width: 65%;
}

.preview_ddd3 {
	top: 2.5%;
	height: 95%;
	width: 90%;
	left: 5%;
}

	.preview_ddd3 .previewimg {
		transform: translateY(0px);
		transition: all 12.9s ease;
	}

.comn-3d .img_bg_scl {
	z-index: 99;
	position: relative;
}

.technology-ul li a {
	padding: 10px 20px;
	border: 1px solid #000;
	border-radius: 10px;
	color: #000;
	font-size: 24px;
	margin: 15px;
	text-decoration: none !important;
	transition: all 0.3s;
}

	.technology-ul li a:hover {
		color: #fff;
		background: #100e89;
		border-color: #100e89;
	}

.before-text-view {
	position: absolute;
	right: -42%;
	top: 3%;
	font-size: 28px;
	font-weight: 900;
	color: #000;
	align-items: center;
}

.before-text-view2 {
	position: absolute;
	right: 17%;
	top: -20%;
}

.fixnhour-top-sec .main-banner-img,
.fixnhour-top-sec {
	margin-bottom: 0px !important;
}

.overview-project-sec1 {
	background-size: cover;
}

.slider-row-fixn .owl-nav.disabled button span {
	padding: 30px 20px;
}

.heading-project2 {
	font-size: 45px;
	letter-spacing: 1px;
}

.captcha-form .captcha-row,
.captcha-form .form-control {
	height: 55px !important;
}

.captcha-form .btn-connect-team {
	width: 100%;
	float: right;
	display: block;
	height: 55px;
	padding: 0px;
}

.captcha-col {
	padding-top: 5px;
	height: 55px;
}

.captcha-row .form-control {
	padding-left: 15px !important;
	background: #d7daf3;
}

.captcha-col canvas {
	padding-left: 15px;
}

.alert .close {
	top: 34%;
	right: 15px;
	font-size: 16px;
	color: #5956e9;
	opacity: 1;
}

.alert {
	position: fixed;
	right: inherit;
	width: 25%;
	z-index: 9999;
	bottom: 45px;
	top: inherit;
	margin: 0;
	left: 10px;
	color: #333 !important;
	background-color: #fff !important;
}

.alert-danger .fa {
	color: #c54736;
}

.alert-success .fa {
	color: #34a263;
}

/*----responsive---*/
@media(max-width:1000px) {
	.timeline {
		width: 100%;
	}
}

@media(max-width:767px) {

	.banner-team-img:after,
	.banner-team-headings h2 {
		display: none;
	}

	.content-member-dv {
		min-height: auto;
		margin-bottom: 25%;
		padding: 15px 15px 0px !important;
	}

	.banner-team-img {
		height: 300px;
	}

	.banner-team-headings span {
		width: 65px;
		height: 65px;
		margin-top: inherit;
		font-size: 30px;
	}

	.banner-team-headings {
		background-image: none;
		width: 100%;
	}

	.timeline {
		width: 100%;
		padding-bottom: 0;
	}

		.timeline:before {
			left: 20px;
			height: 100%;
			top: -70px;
		}

		.timeline ul li:nth-child(odd),
		.timeline ul li:nth-child(even) {
			width: 100%;
			text-align: left;
			padding-left: 30px;
			padding-bottom: 35px;
			padding-right: 10px;
		}

			.timeline ul li:nth-child(odd):before,
			.timeline ul li:nth-child(even):before {
				top: -18px;
				left: 1px;
			}

			.timeline ul li:nth-child(odd) .time,
			.timeline ul li:nth-child(even) .time {
				top: -43px;
				left: 50px;
				right: inherit;
				box-shadow: 0 0 0 4px #5956e9;
				width: 60px;
				height: 60px;
			}

	.li-timeline2 .time {
		box-shadow: 0 0 0 4px #f39c0e !important;
	}

	.li-timeline3 .time {
		box-shadow: 0 0 0 4px #FF7A6E !important;
	}

	.li-timeline4 .time {
		box-shadow: 0 0 0 4px #0091BC !important;
	}

	.timeline ul li .time h4:after {
		left: -30px !important;
		top: 15px !important;
	}

	.timeline ul li .time h4 {
		font-size: 20px;
	}

	.name-own {
		margin-top: 20px;
		display: block !important;
		text-align: center !important;
		padding-bottom: 0px !important;
	}

	.ceo-dv:after,
	.ceo-dv:before,
	.left_title_box:before {
		display: none;
	}

	.about-content-owr {
		text-align: center !important;
	}

	.about-content-owr {
		padding: 20px 20px 0px !important;
	}

	.ceo-dv {
		margin-top: 0px !important;
		padding-top: 0px !important;
	}

	.ceo-dv2 .row {
		flex-direction: column-reverse;
	}

	.content {
		padding: 20px 15px 20px 15px;
		margin-top: 30px;
		margin-bottom: 35px;
	}

	.prt_rightside_title {
		width: 100%;
		position: inherit;
		right: 0px;
	}

	.timeline ul li:nth-child(even) .time h4:after {
		border-right: 15px solid !important;
		border-left: 0px !important;
		right: inherit;
		left: -16px !important;
	}

	.app-comany-sec .col-md-12:first-child {
		padding-right: 15px !important;
		margin-top: 15px;
	}

	.content-area-web {
		padding-left: 15px !important;
		text-align: center;
	}

	.prt_rightside_title2 {
		left: 0px;
	}


	.img-for-hiress {
		display: none;
	}

	.img-sec-testc:before {
		display: none;
	}


	.img-sec-testc {
		min-height: auto;
		border-radius: 8px;
	}

	.client-details {
		padding: 10px !important;
	}

	.service-botm-box img {
		width: 100%;
		margin: 0px !important;
	}

	.dlt-cl h5 {
		font-size: 14px !important;
	}

	.sub-footer {
		text-align: center;
		padding: 0px !important;
	}

		.sub-footer h3 {
			font-size: 18px;
			font-weight: 600;
			margin: 0px;
		}

		.sub-footer p {
			font-size: 12px !important;
			margin-top: 5px !important;
		}

	.subcrip-box {
		border-radius: 8px;
	}

	.dlt-cl p {
		font-size: 11px !important;
		margin-top: 0px !important;
	}

	.img-sec-testc span {
		width: 60px;
		height: 60px;
		font-size: 24px;
	}

	.thum-img-cl {
		width: 55px;
		height: 55px;
		margin-right: 10px;
	}

	.img-sec-testc2 {
		padding: 20px 10px 20px;
		background-size: 80px;
		padding-bottom: 50px;
	}

	.product-list-div {
		height: 150px;
	}

	.content-product-dv h4 {
		font-size: 18px;
	}

	.ovl-slider .owl-nav {
		top: 8%;
	}

		.ovl-slider .owl-nav img {
			width: 50px;
		}

	.ovl-slider .owl-item {
		height: 200px !important;
	}

	.form-control {
		font-size: 12px;
	}

	.testimonial-home {
	}

	.hide-mobile {
		display: none;
	}

	.show-service {
		display: block;
	}

	.show-hidden-service {
		display: flex !important;
	}

	.show-service a {
		margin: auto !important;
	}

	.team-abots .row {
		margin-top: 0px !important;
	}

		.team-abots .row:last-child {
			padding-top: 0px !important
		}

	.mission-secs .main-heading-index {
		font-size: 18px !important;
		padding-top: 0px !important;
	}
}

@media screen and (max-width:767px) {

	.lab-dv p {
		padding-right: 0px;
	}
	.img-portfolio-rel img {
		width: 50% !important;
	}

	

	

	.text-top-service h1 {
		font-size: 18px;
	}

	.text-top-service img {
		width: 50px !important;
	}

	.text-top-service h5 {
		line-height: 24px;
		font-size: 14px !important;
		margin-bottom: 5px !important;
	}

	.img-boc-lead {
		width: 75px;
		height: 75px;
		margin-top: 25px !important;
		margin-bottom: 20px;
	}

		.img-boc-lead img {
			width: 45px;
		}

	/*.comapny-usi-sec .col-md-6{
		margin-bottom: 0px !important;
	}*/
	.leading-box {
		padding-left: 10px;
		padding-right: 10px;
	}

		.leading-box h4 {
			font-size: 16px;
			padding-top: 5px !important;
		}

	

	.portfolio-servie-sec {
		margin-bottom: 25px;
	}

	.service-compny-secc .col-md-4:nth-child(odd) img {
		padding-right: 0px;
	}

	.service-compny-secc .col-md-4:nth-child(even) img {
		padding-left: 0px;
	}

	.firsr-rw-col {
		flex-direction: column-reverse;
	}

	.portfolio-servie-sec {
		text-align: center;
	}


		.lab-dv img {
			width: 35%;
			height: auto;
		}

	.step-still .col {
		width: 100% !important;
		flex-basis: inherit;
	}

	.step-content {
		margin-bottom: 40px;
		min-height: 100px;
	}

		.step-content:after {
			bottom: -12px;
			top: inherit;
			right: -5px;
			width: 70px;
			height: 70px;
		}

	.tab-rowa .nav-item {
		margin-bottom: 15px;
	}

	.tab-rowa .nav-link:after {
		display: none;
	}

	.indusry-page-econs img {
		margin: auto;
		margin-bottom: 15px;
		float: inherit !important;
		max-width: 100%;
	}

	.solution-dv h4 {
		font-size: 16px;
		padding-top: 0px !important;
	}

	.lab-dv h4 {
	}

	.best-choice-dv:after,
	.best-choice-dv:before {
		display: none !important;
	}

	.main-dv-choice {
		padding: 3% 0%;
	}

	.best-choice-dv img {
		width: 50px;
		margin-top: 15px;
	}

	.list-of-points ul li {
		font-size: 12px;
		padding: 10px 7px;
		margin-bottom: 14px;
	}

	.best-choice-dv {
		padding: 2%;
	}

		.best-choice-dv h4,
		.lab-dv h4,
		.heading-why-hire,
		.industry-vctr-box h4 {
			font-size: 16px;
		}

	.main-heading-index:after {
		display: none;
	}

	.ready-get-sec {
		background-image: none;
	}

	.accordion-faq {
		font-size: 16px;
		padding: 10px;
		padding-right: 40px;
	}

	.panel-faq {
		padding: 0 10px;
	}

	.faqq {
		margin-bottom: 10px;
	}


	.lates-tech-row {
		margin-top: 0px !important;
		padding-top: 0px !important;
	}

	.inquery-form:after,
	.enquiry-text-left h1:after,
	.hidden-grt li .fa {
		display: none;
	}

	.enquiry-text-left h1 {
		text-align: center;
		font-size: 20px;
		margin-top: 50px;
	}

	.enquiry-text-left p {
		text-align: center;
		padding-bottom: 0px !important;
	}

	.heading-enquiry {
		padding: 20px !important;
	}

		.heading-enquiry h3 {
			font-size: 16px;
			font-weight: 500 !important;
		}

	.form_bx_contact {
		margin-top: 10px !important;
	}

	.how-work-box img,
	.how-work-box {
		margin-bottom: 15px;
	}

	.hidden-grt li {
		line-height: 18px;
		list-style-type: circle;
		margin-bottom: 10px;
		font-size: 12px;
	}

	.inquery-secs {
		background-size: 30px;
	}

		.inquery-secs .container,
		.inquery-secs .row {
			padding-top: 0px !important;
			padding-bottom: 0px !important;
			margin-top: 0px !important;
			margin-bottom: 0px !important;
		}

	.hidden-grt {
		padding-left: 30px;
	}

	.heading-why-hire,
	.why-content-dv {
		text-align: center;
	}

	.box-cnt img {
		width: 30px !important;
	}

	.box-cnt .h4 {
		font-size: 20px;
		display: flex;
		align-items: center;
	}

	.contactpage-sec .col-md-6 {
		padding-right: 15px !important;
	}

	.testimonial-home .container,
	.testimonial-home {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}


	.app-comany-sec .container {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}


	.navbar-brand img {
		width: 150px !important;
	}


	.service-rowa {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}

		.service-rowa .col-md-4:nth-child(5),
		.service-rowa .col-md-4:nth-child(6),
		.service-rowa .col-md-4:nth-child(7),
		.service-rowa .col-md-4:nth-child(8) {
			display: none;
		}

	.app-comany-sec {
		background-image: none;
	}

	.with-mobile-pera {
		display: block !important;
	}

	.without-mobile-pera {
		display: none;
	}

	.mobile-btn-cls {
		display: none;
	}

	.padding-remove-on-mobile {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	.contact-form-sec-home .form-group {
		margin-bottom: 10px;
	}

	.contact-form-sec-home .form-control {
		height: 35px;
	}

	.leading-box {
		box-shadow: none;
		border: none;
		padding: 0px 10px;
		margin: 0px;
	}

	.hire-best-sec {
		background-image: none;
	}

	.our-portfloi-home .port_lft_cont h4:after {
		bottom: 13px;
		height: 2px;
	}

	

	.we-stand-service,
	.hire-best-sec {
		padding-top: 0px !important;
	}

	.baner-service,
	.new_case_bnr {
		background-size: cover;
		background-position: center;
	}

	.text-rowss {
		padding-bottom: 0px !important;
	}

	.how_work_fixhn:hover {
		box-shadow: none;
		transform: none;
	}

	.leading-box:hover {
		background-color: #5956E9;
		color: inherit !important;
	}

	.securty-sec .col-md-12 > p {
		text-align: center;
	}

	.securty-sec .row {
		padding-bottom: 0px !important;
	}

	.securty-sec img {
		width: 70% !important;
		margin-top: 20px !important;
	}

	.securty-sec ul {
		list-style-image: url(../images/home/point1.webp);
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 35px;
		padding-right: 10px;
	}

		.securty-sec ul li p {
			margin-bottom: 5px;
		}

	.securty-sec h4 {
		margin-bottom: 0px !important;
		padding-top: 0px !important;
		font-size: 16px;
		text-align: center;
	}

	.img-sec-owr {
		width: 60%;
		margin: auto;
		margin-top: -38%;
	}

	.quote-img {
		bottom: -20px;
		left: 29px;
		width: 100px;
	}

		.quote-img img {
			width: 100%;
		}

	.link-view {
		right: 12px;
		top: 14%;
	}

		.link-view a {
			width: 34px;
			padding: 7px 11px;
			line-height: 25px;
			font-size: 14px;
		}

	.name-own h2 {
		font-size: 18px;
	}

	.name-own h5 {
		font-size: 14px;
	}

	.mission-secs,
	.mission-secs .container {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}

	.time-line-secs .col-md-12,
	.time-line-secs .row {
		padding-bottom: 0px !important;
	}

	.join-team-sec {
		padding: 0px !important;
	}

	.list-of-points ul li span {
		margin-right: 5px;
	}

	.portfolio-list-sec {
		padding-bottom: 0px !important;
	}

	.industry-ecom,
	.industry-ecom .firsr-rll,
	.indusry-page-econs .row,
	.tabs-indusry-sec .row {
		padding-bottom: 0px !important;
	}

	.lead-box-indusry:after {
		display: none;
	}

	.indusry-page-econs .container,
	.tabs-indusry-sec .container {
		padding-bottom: 0px !important;
		padding-top: 0px !important;
	}

	.lead-box-indusry {
		background: transparent;
		padding: 15px;
	}

		.lead-box-indusry h4 {
			font-size: 16px;
			padding: 0px !important;
		}

		.lead-box-indusry .img-boc-lead-img img {
			width: 100px;
		}

	.service-compny-secc {
		margin-bottom: 0px !important;
	}

	.tb-row-desktop {
		display: none;
	}

	.tb-row-moblie {
		display: inherit !important;
	}

	.tabs-indusry-sec {
		text-align: center;
		background-image: none;
	}

	.testimonial-frst-row-view p {
		text-align: center;
	}

	.testimonial-frst-row-view .col-md-6,
	.testmonial-sections .testimonial-frst-row-view {
		margin-bottom: 0px !important;
		margin-top: 0px !important;
	}

	.contact-developer-sec .list-unstyled {
		padding-left: 0px;
	}

	.why-hire-secs .row,
	.faq-hires .row,
	.faq-hires .container {
		padding-bottom: 0px !important;
	}

	.heading-why-hire {
		padding-bottom: 10px !important;
	}

		.heading-why-hire:before {
			bottom: 0px;
		}

	.why-hire-secs .container,
	.why-hire-secs .row,
	.cover-secs .container {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}

	.lates-tech-row .col-md-12,
	.sc-row-off .col-md-12 {
		margin-bottom: 10px !important;
	}

	.expertise-adroid-dev,
	.expertise-adroid-dev .container,
	.expertise-adroid-dev .row,
	.best-cmp-sec .row {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}

	.icon-vctr-box {
		width: 50px;
		top: -25px;
	}

	.industry-vctr-box {
		padding: 5% 5%;
		margin-bottom: 15px !important;
	}

	.icon-vctr-box img {
		width: 60%;
	}

	.ready-get-sec p {
		margin-bottom: 10px !important;
	}

	.banner-team-secs,
	.contactpage-sec {
		background-image: none;
	}

	.team-sec-oura .row,
	.content-address-row {
		padding-top: 0px !important;
		margin-top: 0px !important;
	}

	.team-sec-oura h5 {
		margin-bottom: -6px !important;
		margin-top: -10px !important;
		font-size: 17px;
	}

	.content-member-dv {
		border-radius: 10px;
	}

		.content-member-dv p.text-dark {
			line-height: 20px !important;
			margin-bottom: 0px !important;
		}

	.content-member-dv-last {
		margin-bottom: 0px !important;
	}

	.address-box .c-imgs {
		margin-bottom: 0px !important;
	}

	.contact-form-sec-home select.form-control {
		height: 35px !important;
	}

	.banner-team-headings {
		height: 100%;
	}

		.banner-team-headings span:before,
		.banner-team-headings span:after {
			width: 65px;
			height: 65px;
			left: 33px !important;
			top: 33px !important;
		}

	.vdo-modal iframe {
		height: auto !important;
		min-height: 300px;
	}

	.vdo-modal .modal-body {
		padding: 10px;
		padding-top: 30px;
	}

	.arrow-spn {
		right: 11px;
		top: 7px;
		font-size: 12px;
	}

	.inquery-form {
		box-shadow: none;
		background: transparent;
	}

		.inquery-form .form_bx_contact {
			padding-top: 15px !important;
			margin-top: 0px !important;
		}

	.detail_for_port {
		text-align: center;
	}


	.content-portfolio-box-mid h3 {
		font-size: 16px;
		margin-bottom: 8px;
	}

	.btn-portfolio {
		font-size: 12px;
		padding: 5px 10px;
	}

		.btn-portfolio img {
			margin-left: 5px;
			width: 15px;
		}

	.content-portfolio-box-mid {
		padding: 12px;
	}

	.content-food-row h2 {
		font-size: 20px;
	}

	.content-food-row {
		text-align: center;
	}

	.portfolio-listing-new .text-top-service img {
		width: 75% !important;
		margin-bottom: 20px;
	}

	.food-list-sec img {
		margin-top: 20px;
	}

	.food-list-sec2 img {
		margin-top: 0px;
	}

	.food-list-sec .container-fluid {
		padding-bottom: 0px !important;
	}

	.content-food-rvrc {
		flex-direction: column-reverse;
	}

		.content-food-rvrc img {
			margin-top: 20px;
		}

	.portfolio-section {
		background-position: center;
	}

	.food-list-soon {
		height: 300px;
	}

	.technology-ul li a {
		font-size: 14px;
		padding: 5px 10px;
		display: block;
		margin: 5px;
	}

	.technology-ul {
		display: block !important;
		width: 100%;
		padding: 0px !important;
	}

		.technology-ul li {
			width: 50%;
			float: left;
		}

	.before-text-view {
		display: none !important;
	}

	.heading-project {
		font-size: 18px;
	}

	.book-top-sec .text-top-service img {
		width: 50% !important;
		margin-bottom: 15px !important;
		margin-top: 30px !important;
	}

	.mobile-scl-main {
		width: 100%;
		margin-top: 5%;
	}

	.pd-remove-10 {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

	.slider-row-fixn .col-md-5 {
		padding: 0px 15px !important;
	}

	.slider-row-fixn .item {
		padding: 20px 0px 0px !important;
	}

	.main-slider2 {
		padding: 0px !important;
		text-align: center;
	}

	.main-fix-slider {
		margin: 0px !important;
	}

	.food-list-sec {
		margin-bottom: 0px !important;
	}

	.captcha-col {
		padding-top: 0px;
		height: 40px;
	}

	.btn-contact-with-captcha .btn-primary-home {
		float: inherit !important;
	}

	.alert {
		width: 100% !important;
	}

	.captcha-form .captcha-row,
	.captcha-form .form-control,
	.captcha-form .btn-connect-team,
	.captcha-col {
		height: 45px !important;
	}
}

@media screen and (max-width: 1600px) and (min-width: 1025px) {


	.img-portfolio-rel img {
		width: 250px;
	}

	.portfolio-content-areaa {
		margin-top: 0px !important;
	}

	.ready-get-sec {
		background-size: 300px, 100px;
	}

	.why-content-dv p {
		font-size: 14px;
		line-height: 20px;
	}

	.lates-tech-row .col-md-12,
	.sc-row-off .col-md-12 {
		margin-bottom: 4% !important;
	}

	.heading-why-hire {
		margin-bottom: 0px;
	}

	.enquiry-text-left h1 {
		font-size: 50px;
	}

		.enquiry-text-left h1:after {
			top: -15px;
		}

	.hidden-grt li {
		font-size: 19px;
	}

	.timeline ul li:nth-child(odd):before {
		right: -53px;
	}

	.timeline ul li:nth-child(even):before {
		left: -50px;
	}


	.ovl-slider .owl-nav {
		top: 35%;
	}

	.product-list-div {
		height: 350px;
	}

	.ovl-slider .owl-item {
		height: 450px;
	}

	.prodct-containers {
		padding-top: 0px !important;
	}

	.content-member-dv {
		min-height: 400px;
	}

	.our-portfloi-home .diss {
		bottom: 35%;
	}

	.list-of-points ul li {
		font-size: 1rem;
	}

	.contact-form-sec-home .uploadFile label {
		font-size: 14px;
	}


	.service-botm-box a {
		font-size: 13px;
	}

	.subcrip-box .btn-primary,
	.subcrip-box .form-control {
		font-size: 20px;
	}

	.vdo-modal iframe {
		height: 450px !important;
	}

	.content-portfolio-box-mid h3 {
		font-size: 20px;
	}

	.content-portfolio-box-mid {
		padding: 15px;
	}

	.content-food-row h2 {
		font-size: 40px;
	}

	.food-list-soon {
		height: 500px;
	}

	.slider-row-fixn .owl-nav {
		top: 65%;
		left: 4%;
	}

	.captcha-form .captcha-row,
	.captcha-form .form-control,
	.captcha-form .btn-connect-team,
	.captcha-col {
		height: 50px !important;
	}
}

@media screen and (max-width: 1024px) and (min-width: 999px) {


	.dlt-cl h5 {
		font-size: 14px !important;
	}


	.img-portfolio-rel img {
		width: 250px;
	}

	.portfolio-content-areaa {
		margin-top: 0px !important;
	}

	.step-still .col {
		width: 33.33% !important;
		flex-basis: inherit;
		margin-bottom: 35px;
	}

	.tab-rowa .nav-link {
		font-size: 15px;
	}


	.our_portfolio .carousel-control-prev {
		left: 0%;
	}


	.ready-get-sec {
		background-size: 250px, 100px;
	}

	.icon-vctr-box {
		top: -18%;
	}

	.best-choice-dv h4,
	.lab-dv h4,
	.heading-why-hire,
	.industry-vctr-box h4,
	.subcrip-box .btn-primary,
	.subcrip-box .form-control {
		font-size: 20px;
	}

	.why-content-dv p {
		font-size: 13px !important;
		line-height: 20px !important;
	}

	.lates-tech-row .col-md-12,
	.sc-row-off .col-md-12 {
		margin-bottom: 4% !important;
	}

	.lates-tech-row {
		margin-top: 2% !important;
	}

	.heading-why-hire {
		margin-bottom: 0px;
	}

	.enquiry-text-left h1 {
		font-size: 55px;
	}

		.enquiry-text-left h1:after {
			top: -17px;
			right: 120px;
		}

	.form_bx_contact,
	.heading-enquiry {
		padding: 20px !important;
	}

	.inquery-form .form-group {
		margin-bottom: 20px;
	}

	.timeline ul li:nth-child(odd):before {
		right: -52px;
	}

	.timeline ul li:nth-child(even):before {
		left: -52px;
	}

	.client-details {
		padding: 15px 20px !important;
	}

	.ovl-slider .owl-nav {
		top: 35%;
	}

	.product-list-div {
		height: 350px;
	}

	.ovl-slider .owl-item {
		height: 450px;
	}

	.prodct-containers {
		padding-top: 0px !important;
	}

	.our-portfloi-home .diss {
		bottom: 30%;
		right: -20%;
	}


	.list-of-points ul li {
		font-size: 1rem;
	}

	.contact-form-sec-home .uploadFile label {
		font-size: 14px;
	}


	.service-botm-box a {
		font-size: 13px;
	}

	.vdo-modal iframe {
		height: 450px !important;
	}

	.dropdown-content a {
		font-size: 14px;
	}

	.how_work_fixhn p {
		margin-bottom: 0px !important;
	}


	.content-portfolio-box-mid h3 {
		font-size: 18px;
	}

	.content-portfolio-box-mid {
		padding: 15px;
	}

	.btn-portfolio {
		font-size: 14px !important;
		padding: 5px 10px !important;
	}

		.btn-portfolio img {
			width: 15px;
			margin-left: 5px;
		}

	.content-food-row h2 {
		font-size: 30px;
	}

	.portfolio-section .text-top-service h1 {
		font-size: 25px;
	}

	.food-list-soon {
		height: 400px;
	}

	.slider-row-fixn .col-md-5 {
		padding: 0px 15px !important;
	}

	.slider-row-fixn .owl-nav {
		top: 68%;
		left: 1%;
	}

	.captcha-form .captcha-row,
	.captcha-form .form-control,
	.captcha-form .btn-connect-team,
	.captcha-col {
		height: 50px !important;
	}
}

@media screen and (max-width: 1400px) and (min-width: 1025px) {


	.how_work_fixhn p {
		margin-bottom: 0px !important;
	}


	.icon-vctr-box {
		top: -40px;
	}

	.content-portfolio-box-mid h3 {
		font-size: 18px;
	}

	.content-portfolio-box-mid {
		padding: 15px;
	}

	.content-food-row h2 {
		font-size: 35px;
	}

	.portfolio-section .text-top-service h1 {
		font-size: 35px;
	}

	.slider-row-fixn .owl-nav {
		top: 65%;
		left: 4%;
	}

	.captcha-form .captcha-row,
	.captcha-form .form-control,
	.captcha-form .btn-connect-team,
	.captcha-col {
		height: 50px !important;
	}
}

@media screen and (max-width: 998px) and (min-width: 768px) {


	.content-member-dv {
		min-height: 288px;
		padding-bottom: 0px !important;
		margin-bottom: -17%;
	}

		.content-member-dv h5 {
			font-size: 16px;
		}

	.container-index p {
		font-size: 14px;
		line-height: 20px;
	}


	.testimonial-home .container {
		margin-top: 0px !important;
		margin-bottom: 0px !important;
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}

	.text-top-service h5 {
		line-height: 26px;
		font-size: 16px;
	}


	.text-top-service h1 {
		font-size: 20px;
	}

	.banner-team-img:after {
		display: none;
	}

	.dlt-cl p {
		font-size: 11px;
	}

	.img-sec-testc {
		min-height: auto;
	}

	.testi-main-box2 {
		padding-right: 10px !important;
	}

	.client-details {
		padding: 15px 20px !important;
	}

	.dlt-cl h5 {
		font-size: 14px !important;
	}


	.btn-primary-home {
		font-size: 16px;
	}


	.main-heading-index {
		font-size: 26px;
	}

	.img-box-cat1 {
		margin-top: 0px;
	}

	.tab-rowa .nav-item {
		margin-bottom: 15px;
	}

	.best-choice-dv2:after {
		bottom: -9%;
	}

	.enquiry-text-left h1 {
		font-size: 50px;
	}

	.subcrip-box .form-control {
		width: 65% !important;
	}

	.subcrip-box .btn-primary {
		width: 35%;
	}

	.ceo-dv:after {
		display: none;
	}

	.content {
		padding: 20px 20px 20px 20px;
	}

	.timeline ul li:nth-child(odd):before {
		right: -40px;
	}

	.timeline ul li:nth-child(even):before {
		left: -40px;
	}


	.img-for-hiress {
		display: none;
	}

	.heading-why-hire,
	.why-content-dv {
		text-align: center;
	}


	.service-botm-box a {
		font-size: 13px;
	}

	.service-botm-box h3 {
		font-size: 14px;
		line-height: 20px;
	}

	.service-botm-box {
		padding: 15px !important;
	}

	.enquiry-text-left h1:after {
		right: 0px;
	}

	.best-choice-dv h4,
	.industry-vctr-box h4,
	.lab-dv h4,
	.service-compny-secc h4,
	.leading-box h4,
	.box-cnt .h4 {
		font-size: 16px;
	}

	.service-compny-secc .col-md-4 img {
		width: 100% !important;
	}

	.contact-form-sec-home .uploadFile label {
		font-size: 12px;
	}

	.img-portfolio-rel {
		bottom: -37px;
	}

		.img-portfolio-rel img {
			width: 150px;
		}

	.sub-footer h3 {
		font-size: 18px;
	}

	.subcrip-box .form-control,
	.subcrip-box .btn-primary {
		font-size: 16px;
		height: 55px;
	}

	

	.text-top-service img {
		width: 70px !important;
	}

	.list-of-points ul li {
		font-size: 14px;
	}

	.content-portfolio-box-mid h3 {
		font-size: 18px;
	}

	.content-portfolio-box-mid {
		padding: 15px;
	}

	.btn-portfolio {
		font-size: 14px !important;
		padding: 5px 10px !important;
	}

	.content-food-row h2 {
		font-size: 20px;
	}

	.portfolio-listing-new .text-top-service img {
		width: 50% !important;
	}

	.portfolio-section .text-top-service h1 {
		font-size: 20px;
	}

	.food-list-soon {
		height: 300px;
	}

	.slider-row-fixn .col-md-5 {
		padding: 0px 15px !important;
	}

	.slider-row-fixn .owl-nav {
		top: 73%;
		left: 1%;
	}

	.book-top-sec {
		margin-bottom: 20%;
	}

	.captcha-form .captcha-row,
	.captcha-form .form-control,
	.captcha-form .btn-connect-team,
	.captcha-col {
		height: 50px !important;
	}
}

@media screen and (max-width: 1400px) and (min-width: 992px) {

	.icon-service {
		width: 70px !important;
		height: 70px;
	}

	.service-box {
		padding: 12px 10px;
		width: 95%;
	}

	.icon-service img {
		width: 40px;
	}

	.service-botm-box h3 {
		font-size: 16px;
		line-height: 20px;
	}

	.btn-primary-home {
		font-size: 15px;
		padding: 10px 15px;
	}

	.main-heading-index {
		font-size: 32px;
	}

	.text-top-service h5 {
		line-height: 24px;
		font-size: 16px !important;
		margin-bottom: 0px !important;
	}

	.new_case_bnr {
		padding-bottom: 50px;
	}

	.content-service-box p {
		font-size: 16px !important;
		line-height: 22px !important;
	}

	.content-member-dv {
		margin-bottom: 0px;
		min-height: 325px;
		padding-bottom: 0px !important;
	}

	.banner-team-img:after {
		right: -30px;
	}

	.team-member-main-dv h5 {
		font-size: 16px;
	}


	.text-top-service h1 {
		font-size: 26px;
	}

	.heading-enquiry,
	.form_bx_contact {
		padding: 20px !important;
	}

		.heading-enquiry h3 {
			font-size: 20px !important;
		}

	.best-choice-dv h4,
	.industry-vctr-box h4,
	.lab-dv h4,
	.service-compny-secc h4,
	.leading-box h4,
	.box-cnt .h4,
	.lead-box-indusry h4 {
		font-size: 16px;
	}

	.box-cnt img {
		width: 30px;
	}

	.inquery-form .form-group {
		margin-bottom: 18px;
	}

	.hidden-grt li {
		font-size: 18px;
		line-height: 40px;
	}

	.form_bx_contact {
		margin: 0px !important;
	}

	.hidden-grt li .fa {
		font-size: 20px;
	}

	.subcrip-box {
		padding: 5px !important;
	}

	.text-top-service img {
		width: 100px;
	}

	.padding-remove-on-mobile {
		padding-top: 30px !important;
		padding-bottom: 20px !important;
	}

	.banner-team-secs {
		margin-top: 30px;
	}

	.inquery-form:after {
		right: -30px;
	}

	.contact-form-sec-home .form-control {
		font-size: 14px;
	}

	.contact-form-sec-home .form-group {
		margin-bottom: 15px;
	}


	.heading-project,
	.before-text-view {
		font-size: 20px;
	}

	.technology-ul li a {
		font-size: 16px;
	}

	.book-top-sec .text-top-service img {
		margin-bottom: 15px !important;
	}

	.book-top-sec {
		margin-bottom: 20%;
	}
}

@media screen and (max-width: 1899px) and (min-width: 1401px) {

	.best-choice-dv h4,
	.industry-vctr-box h4,
	.lab-dv h4,
	.service-compny-secc h4,
	.leading-box h4,
	.box-cnt .h4,
	.lead-box-indusry h4 {
		font-size: 20px;
	}


	.portfolio-section .text-top-service h1 {
		font-size: 40px;
	}

	.heading-project,
	.before-text-view {
		font-size: 26px;
	}

	.technology-ul li a {
		font-size: 18px;
	}
}

@media screen and (max-width: 991px) and (min-width: 768px) {
	.icon-input-by img {
		width: 20px;
	}

	.contact-form-sec-home .form-control {
		font-size: 14px;
		padding-left: 40px;
	}

	.icon-input-by {
		top: 12px;
		left: 12px;
	}

	.contact-form-sec-home .form-group {
		margin-bottom: 12px;
	}

	.contact-form-sec-home .uploadFile i.add-file {
		width: 28px;
		margin-right: 0px;
		height: 20px;
		background-size: 18px;
	}

	.contact-form-sec-home .uploadFile strong {
		color: #7b838c;
		padding-left: 7px;
	}

	.inquery-form .form-group {
		margin-bottom: 15px;
	}

	.heading-enquiry h3 {
		font-size: 20px;
	}

	.heading-project {
		font-size: 18px;
	}

	.technology-ul li a,
	.before-text-view {
		font-size: 14px;
	}
}


/* Lalit CSS Work */

.crnt-opening-sec .select-sec select {
	line-height: 120px;
}

@media screen and (max-width: 1600px) and (min-width: 1200px) {
	.rmd_case {
		padding: 130px 0% 5%;
	}
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
	.rmd_case {
		padding: 126px 0% 5%;
	}
}

@media(max-width:1400px) {
	.serice-box1:before {
		left: -30px;
	}

	.service-box3:before {
		content: url(../images/home/3.webp);
		position: absolute;
		left: -32px;
	}

	.crnt-opening-sec .select-sec select {
		line-height: 65px;
	}
}

@media(max-width:991px) {
	.banner-team-secs {
		margin-top: 30px;
	}

	.serice-box1:before {
		left: 0px;
	}

	.service-box3:before {
		content: url(../images/home/3.webp);
		position: absolute;
		left: 0px;
	}

	.port_lft_cont .view_btn_bx {
		padding-bottom: 20px !important;
	}

	.contact-form-sec-home .row .col-md-6:first-child {
		display: none !important;
	}

	.contact-form-sec-home {
		background: none;
	}

	.form_bx_contact {
		margin-top: 0px;
	}


	.rmd_case {
		padding-top: 84px;
	}

	.img_logo_rmd img {
		width: 200px;
	}

	.rmd_case .container-fluid {
		background-position: center;
	}

	#sidebar .btn {
		margin-bottom: 30px !important;
		background: #5956e9 !important;
		display: inline-block !important;
	}

	.padding-remove-on-mobile {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	#section2 {
		margin-top: 15px;
	}

	.container-index p {
		margin-top: 10px !important;
		padding-top: 0px !important;
	}

	.why-hire-secs .container,
	.why-hire-secs .row,
	.cover-secs .container,
	.expertise-adroid-dev {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}

	.lates-tech-row .col-md-12,
	.sc-row-off .col-md-12 {
		margin-bottom: 10px !important;
	}

	.crnt-opening-sec .select-sec select {
		line-height: 51px;
	}

	.link-view a {
		width: 34px;
		padding: 7px 11px;
		line-height: 25px;
		font-size: 14px;
	}

	.tabs-indusry-sec {
		background-size: cover, 45px;
	}


	.address-footer p {
		font-size: 16px;
	}
}


@media(max-width:767px) {
	.tab-rowa .nav-link {
		width: 200px;
	}

	.hidden-grt li .fa {
		display: inline-block;
		font-size: 15px;
	}

	.hidden-grt li {
		list-style: none;
	}


	.rmd_case {
		padding-top: 60px;
	}

	.accordion-faq:after {
		top: 10px;
	}
}

@media screen and (max-width: 767px) {
	.img-sec-owr {
		margin-top: -20% !important;
	}

	.team-member-box {
		margin-top: -20% !important;
		padding: 5% 10% !important;
	}

	.captcha-form .btn-connect-team {
		width: auto !important;
		padding: 0 15px !important;
	}


	.pagination .page-numbers.current {
		color: #827d7d !important;
	}

	.pagination .prev,
	.pagination .next {
		color: #000 !important;
	}

	.order-reverse {
		order: -1;
	}
}

@media(max-width:575px) {
	.testimonial-home {
		background-size: 25px, 40px !important;
	}

	.img_logo_rmd img {
		width: 100px;
	}

	.slider-row-fixn .owl-nav {
		top: inherit;
		bottom: 5px;
	}
}

@media (max-width: 480px) {
	.banner-team-secs {
		margin-top: 15px;
	}

	.crnt-opening-sec .select-sec select {
		min-height: 45px;
		line-height: 45px;
	}


	.accordion-faq {
		font-size: 14px;
	}

	#sidebar ul li span, #sidebar ul li a {
		font-size: 14px;
	}

	.panel-faq li {
		font-size: 14px;
	}

	.new_case_bnr {
		padding: 80px 0px 20px 0px;
	}


}


/****************************************************************************************/


.clab-partner-slider {
	margin-bottom: 80px;
}

	.clab-partner-slider .owl-carousel .owl-item img {
		max-width: 100%;
		width: auto;
		margin: 0 auto;
		height: 50px;
	}

#_progress {
	--scroll: 0%;
	background: linear-gradient(to right, rgb(89 86 233) var(--scroll), transparent 0);
	position: fixed;
	width: 100%;
	height: 5px;
	top: 0px;
	z-index: 1055;
}


#div_header .navbar-nav.hide-pad {
	padding-right: 0px;
}


.clab-partner-slider {
	margin-top: 0px;
	margin-bottom: 0px;
}

.service-bg-1 {
	background-color: #e7ecf7;
}

.service-bg-2 {
	background-color: #b9e2ff;
}

.service-bg-3 {
	background-color: #ffd8c9;
}

.service-bg-4 {
	background-color: #fce5c3;
}

.service-bg-5 {
	background-color: #d9ede4;
}

.service-bg-6 {
	background-color: #dce4fb;
}

.service-bg-7 {
	background-color: #f9cfeb;
}

.service-bg-8 {
	background-color: #a3dae1;
}

.service-bg-9 {
	background-color: #e4e6f2;
}

.service-bg-10 {
	background-color: #f8e7c9;
}

.service-bg-11 {
	background-color: #d7ebf2;
}

.service-bg-12 {
	background-color: #fad7d5;
}

.service-bg-13 {
	background-color: #beede3;
}

.service-bg-14 {
	background-color: #eed4fb;
}

.banner-content h1 {
	color: #fff !important;
}

.banner-content h5 {
	color: #fff !important;
	line-height: 32px;
}

.align-center {
	align-content: center;
	align-items: center;
	align-self: center;
}

.why-lab-sec .lab-dv img {
	width: 170px;
	height: 210px;
	object-fit: contain;
}

.why-hire-secs .why-hire-inner-sec:nth-of-type(odd) {
	background-color: #f7f7f7;
}

.why-hire-secs .why-hire-inner-sec:nth-of-type(even) {
	background-color: #fbfbfb;
}

.why-hire-secs .why-hire-inner-sec {
	padding-top: 25px;
	padding-bottom: 15px;
	transition: all 0.3s linear;
}

	.why-hire-secs .why-hire-inner-sec:hover {
		transform: scale(1.01);
		background: #fff;
		box-shadow: 0px 0px 10px rgb(0 0 0 / 12%);
		z-index: 3;
	}


/*14-MAY-2021 lalit css*/


.serice-box1:before,
.service-box3:before,
.service-box2:after {
	display: none !important;
}

.service-box {
	height: 100%;
	width: 100% !important;
	border-radius: 25px 25px 25px 25px !important;
	box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.05) !important;
	text-align: center;
	border: 3px solid;
	border-top-color: #5dc2e0;
	border-right-color: #f39c0e;
	border-bottom-color: #2c4194;
	border-left-color: #e72c1b;
}

	.service-box:hover {
		border-color: transparent;
	}

.icon-service img {
	width: 56px !important;
}

.icon-service {
	width: 50px !important;
	height: 50px !important;
	float: none !important;
	margin: 0px auto;
	margin-bottom: 20px;
}

.app-comany-sec {
	background: none !important;
}


.clab-partner-sec-clab {
	background-color: #f9f9f9;
	padding: 35px 0;
}


/**********************our-portfolio-wrapper css*************************/

.our-portfolio-wrapper {
	scroll-behavior: smooth;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
}

.smart-boss-left-bg {
	background-color: #263238 !important;
}

.smart-boss-right-bg {
	background-color: #FCDE2A !important;
}

.timeout-left-bg {
	background-color: #064136 !important;
}

.timeout-right-bg {
	background-color: #50C969 !important;
}

.fixnhour-left-bg {
	background-color: #003B38 !important;
}

.fixnhour-right-bg {
	background-color: #12ACA3 !important;
}

.balance-fit-left-bg {
	background-color: #000000 !important;
}

.balance-fit-right-bg {
	background-color: #202020 !important;
}

.asl-left-bg {
	background-color: #040464 !important;
}

.asl-right-bg {
	background-color: #2A60D9 !important;
}

.knowit-left-bg {
	background-color: #00301B !important;
}

.knowit-right-bg {
	background-color: #1C7B51 !important;
}

.brika-stone-left-bg {
	background-color: #E72C1B !important;
}

.brika-stone-right-bg {
	background-color: #FF867B !important;
}

.ar-left-bg {
	background-color: #2B4961 !important;
}

.ar-right-bg {
	background-color: #03A0C9 !important;
}

.knowit-mobile-left-bg {
	background-color: #064136 !important;
}

.knowit-mobile-right-bg {
	background-color: #0E7346 !important;
}

.meena-marriage-left-bg {
	background-color: #1E2338 !important;
}

.meena-marriage-right-bg {
	background-color: #049CA8 !important;
}

.fantasy-left-bg {
	background-color: #46000D !important;
}

.fantasy-right-bg {
	background-color: #FF1B47 !important;
}

.celewish-left-bg {
	background-color: #000 !important;
}

.celewish-right-bg {
	background-color: #242424 !important;
}

.smartboss-left-bg {
	background-color: #978200 !important;
}

.smartboss-right-bg {
	background-color: #504400 !important;
}

.matrimonial-left-bg {
	background-color: #7B0D42 !important;
}

.matrimonial-right-bg {
	background-color: #E81862 !important;
}

.tracking-pro-left-bg {
	background-color: #0A6A62 !important;
}

.tracking-pro-right-bg {
	background-color: #30D5C8 !important;
}

.souvenir-left-bg {
	background-color: #671700 !important;
}

.souvenir-right-bg {
	background-color: #B56750 !important;
}

.tgp-left-bg {
	background-color: #00223A !important;
}

.tgp-right-bg {
	background-color: #0072C1 !important;
}

.our-portfloi-home .diss a .carousel-control-prev .fa,
.our-portfloi-home .diss a .carousel-control-next .fa {
	line-height: 50px;
}


.home-banner-section.custom-font-size .btn-primary-home {
	padding: 7px 20px;
	font-size: 16px;
}

.home-banner-section.custom-font-size .container-index p {
	font-size: 16px;
	line-height: 30px;
}

.our-portfolio-slide-images img {
	max-width: 100%;
}

.our-portfolio-right-side {
	padding-left: 6%;
	padding-right: 10%;
}

.view-project-div h2 {
	font-size: 90px;
	font-weight: 900;
	color: #fff;
}

.portfolio-work-btn {
	padding: 10px 30px;
	display: inline-block;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 8px;
	font-size: 20px;
	transition: all 0.3s linear;
	width: 100%;
	text-align: center;
	margin-top: 15px;
}

	.portfolio-work-btn:hover {
		background-color: #fff;
		color: #263238;
		text-decoration: none;
	}

.our-portfolio-left-side {
	height: 100%;
	padding-left: 25%;
	padding-right: 5%;
	padding-top: 100px;
}

	.our-portfolio-left-side .view-project-div {
		height: 50%;
	}

		.our-portfolio-left-side .view-project-div h3 {
			font-size: 50px;
			color: #fff;
			font-weight: 900;
		}

		.our-portfolio-left-side .view-project-div p {
			color: #fff;
			font-size: 18px;
		}

.our-portfolio-slide-images .port_lft_cont {
	padding-top: 0px !important;
}

.our-portfolio-wrapper .row {
	scroll-snap-align: start;
	transition: all 0.5s linear;
	height: 100vh;
}

.mt-150 {
	margin-top: 150px;
}

.run-pos-ab {
	position: relative;
	left: 0;
	bottom: 0;
	margin-top: -60px;
	width: 100%;
}

.fix-right-pos {
	position: relative;
	right: -18%;
	margin-top: -430px;
}

.fix-left-pos {
	position: relative;
	margin-top: -320px !important;
	left: 80px;
	margin-bottom: 50px;
}

.asl-btm-img {
	position: relative;
	margin-top: -150px;
}

.align-end {
	align-items: flex-end;
	align-content: flex-end;
	align-self: flex-end;
}

.align-start {
	align-items: flex-start;
	align-content: flex-start;
	align-self: flex-start;
}

.faq-new-section nav {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

	.faq-new-section nav #nav-tabs > li {
		margin: 0 auto;
		padding: 30px;
		margin-bottom: 30px;
		border-radius: 25px;
		cursor: pointer;
	}

.faq-new-section nav #nav-tabs > li > h4:hover,
		nav #nav-tabs > li > h4.active {
			color: #5956E9;
		}

.faq-new-section ul {
	margin: auto;
	padding-left: 0;
	list-style: none none inside;
	overflow: hidden;
}

	.faq-new-section ul li {
		position: relative;
		border: 1px solid #BFBFBF;
	}

		.faq-new-section ul li h4 {
			font-size: 22px;
			color: #2A2929;
			margin-bottom: 0px;
			cursor: pointer;
			padding-right: 50px;
		}

			.faq-new-section ul li h4 .glyph-wrapper {
				position: absolute;
				width: 40px;
				height: 40px;
				right: 20px;
				top: 20px;
				transition: all 0.3s linear;
				background-color: #5798FE;
				border-radius: 100%;
				text-align: center;
				overflow: hidden;
			}

				.faq-new-section ul li h4 .glyph-wrapper span {
					line-height: 40px;
					color: #FFF;
				}

.faq-new-section nav #nav-tabs > li > h4.active .glyph-wrapper span.fa-plus::before {
	content: "\f068" !important;
}


.faq-new-section .accordion {
	overflow: hidden;
	transition: all 0.3s linear;
}

.active + .accordion {
	opacity: 1;
}

.inactive + .accordion {
	opacity: 0;
	margin-top: 0px;
	transition: all 0.3s linear;
}

.faq-new-section .accordion li {
	height: 0px;
	padding-left: 0px;
	border-left: none;
	border-right: none;
	transition: all 0.3s linear;
	border: none;
	color: #7B7B7B;
	opacity: 0;
}

.active + .accordion li {
	height: auto;
	transition: all 0.3s linear;
	margin-top: 20px;
	opacity: 1;
}

.faq-new-section .accordion li + li {
	border-top: none;
	border-bottom: none;
}

.faq-new-section nav #nav-tabs > li > h4.active .glyph-wrapper {
	background-color: #F39C0E;
}


/****************************************************************************************/

.testimonial_fullpage_section .tesimonial_video_sec {
	text-align: center;
	position: relative;
	box-shadow: 0px 6px 20px rgb(0 0 0 / 30%);
	border-radius: 15px;
	cursor: pointer;
	overflow: hidden;
}

	.testimonial_fullpage_section .tesimonial_video_sec img {
		width: 100%;
	}

	.testimonial_fullpage_section .tesimonial_video_sec .testimonial-content {
		position: absolute;
		top: 50%;
		width: 32%;
		color: #fff;
		left: 50px;
		transform: translateY(-50%);
		text-align: justify;
	}

		.testimonial_fullpage_section .tesimonial_video_sec .testimonial-content p {
			color: #fff;
		}

		.testimonial_fullpage_section .tesimonial_video_sec .testimonial-content a {
			color: #fff;
			font-weight: normal !important;
		}

		.testimonial_fullpage_section .tesimonial_video_sec .testimonial-content h3 {
			color: #f39c0e;
		}

		.testimonial_fullpage_section .tesimonial_video_sec .testimonial-content .about-client {
			margin-top: 30px;
		}

.testimonial_fullpage_section .testi-vdo-play-btn.img-sec-testc {
	width: 80px;
	height: 80px;
	border-radius: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-height: auto !important;
}

	.testimonial_fullpage_section .testi-vdo-play-btn.img-sec-testc::before {
		display: none;
	}

.testimonial_fullpage_section .testi-vdo-play-btn .fa {
	font-size: 25px;
	color: #fff;
	line-height: 80px;
}

.testimonial_fullpage_section .tesimonial_video_sec::before {
	content: "";
	display: block;
	background: linear-gradient(270deg, rgba(14, 14, 209, 0) 0%, rgb(21 30 147) 100%);
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

.custom-form-design-home {
	position: relative;
}

	.custom-form-design-home::after {
		content: "";
		display: block;
		background-color: rgb(17, 14, 138);
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 30%;
		z-index: -1;
	}


	.custom-form-design-home .form_bx_contact {
		margin: 0px;
	}


#sidebar ul li .card-body a {
	position: relative;
}

	#sidebar ul li .card-body a img {
		width: 25px;
		margin-right: 5px;
		filter: brightness(5);
		position: absolute;
		left: 0px;
		display: none;
	}


.dis-none {
	display: none;
}


@keyframes scale {
	0% {
		transform: scale(0.8)
	}

	10% {
		transform: scale(1)
	}

	20% {
		transform: scale(0.8)
	}

	30% {
		transform: scale(1)
	}

	40% {
		transform: scale(0.8)
	}

	50% {
		transform: scale(1)
	}

	60% {
		transform: scale(0.8)
	}

	70% {
		transform: scale(1)
	}

	80% {
		transform: scale(0.8)
	}

	90% {
		transform: scale(1)
	}

	100% {
		transform: scale(0.8)
	}
}

.bold-head {
	font-family: 'Graphik Bold';
}

.carousel-indicators {
	bottom: 0;
}


/****************************************************Internship page css******************************************/

/****************************************************Banner Section Css ******************************************/


.intern-banner-wrapper {
	background-color: #EBF1FF;
	padding-top: 120px;
}

	.intern-banner-wrapper .intern-content h1 {
		font-size: 65px;
		font-family: 'Graphik Bold';
		color: #000;
		line-height: 100px;
	}

		.intern-banner-wrapper .intern-content h1 .intern-text {
			color: #5956E9;
			padding: 15px;
			position: relative;
		}

			.intern-banner-wrapper .intern-content h1 .intern-text .text-img-sec img {
				width: 100%;
				position: absolute;
				top: 0px;
				left: 0px;
				height: 100%;
			}

	.intern-banner-wrapper .intern-content p {
		font-size: 20px;
		color: #000;
		line-height: 35px;
		margin-bottom: 0px;
		margin: 5px 0;
	}

	.intern-banner-wrapper .intern-content .intern-para {
		margin: 30px 0;
	}

	.intern-banner-wrapper .intern-feature-list {
		padding: 0px;
		margin: 40px 0;
	}

		.intern-banner-wrapper .intern-feature-list li {
			padding: 10px 15px;
			font-size: 18px;
			color: #000;
			font-family: 'Graphik Semibold';
			background-color: #fff;
			border-radius: 10px;
			display: inline-block;
			margin-right: 10px;
			list-style: none;
		}

			.intern-banner-wrapper .intern-feature-list li:last-child {
				margin-right: 0px;
			}

			.intern-banner-wrapper .intern-feature-list li img {
				margin-right: 10px;
				width: 40px;
			}

	.intern-banner-wrapper .intern-img img {
		max-width: 100%;
	}

	.intern-banner-wrapper .intern-img {
		position: relative;
	}


/******************************************************intern-choose-course-wrapper css***************************************/
.intern-choose-course-wrapper {
	margin: 60px 0;
	position: relative;
}

.intern-heading {
	text-align: center;
}

	.intern-heading h3 {
		font-size: 36px;
		font-family: 'Graphik Bold';
		color: #000;
		margin-bottom: 15px;
		line-height: 55px;
		text-transform: capitalize;
	}

	.intern-heading p {
		font-size: 18px;
		font-family: 'Graphik';
		margin-bottom: 0px;
		color: #000;
	}

.all-intern-course-sec {
	margin-top: 30px;
}

.intern-course-sec {
	padding: 20px;
	background-color: #EBF1FF;
	border-radius: 10px;
	transition: all 0.3s linear;
	border: 1px solid #E9E9E9;
}

	.intern-course-sec:hover {
		background-color: #fff;
		border-color: #5956E9;
	}

	.intern-course-sec p {
		font-size: 18px;
		color: #000;
		font-family: 'Graphik';
		margin: 15px 0;
	}

	.intern-course-sec h5 {
		font-size: 20px;
		color: #000;
		font-family: 'Graphik Semibold';
		margin: 15px 0;
	}

.intern-view-more-btn {
	color: #5956E9;
	font-size: 18px;
	text-decoration: none;
}

	.intern-view-more-btn:hover {
		color: #5956E9;
		text-decoration: none;
	}

	.intern-view-more-btn .right-arrow-sec .fa {
		font-size: 20px;
		margin-left: 5px;
	}

.col-same-height {
	margin: 15px 0;
}

	.col-same-height .intern-course-sec {
		height: 100%;
	}


/******************************************************************************************************************/


.intern-testimonial {
	margin: 60px 0;
}

.intern-testimonial-wrapper {
	margin-top: 40px;
}

.intern-testi-client-img {
	width: 65px;
	height: 65px;
	overflow: hidden;
	border-radius: 100%;
	margin-right: 20px;
}

	.intern-testi-client-img img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

.intern-testimonial-img img {
	width: 100%;
}

.intern-about-testi-client {
	display: flex;
	align-content: center;
	align-items: center;
	position: absolute;
	bottom: 0px;
	padding: 15px;
	left: 0px;
	width: 100%;
	color: #fff;
	padding-right: 50px;
}

.intern-testimonial-left-sec {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	overflow: hidden;
}

	.intern-testimonial-left-sec:before {
		content: "";
		position: absolute;
		bottom: 0px;
		width: 100%;
		height: 100%;
		background: rgb(14, 14, 209);
		background: linear-gradient(180deg, rgba(14, 14, 209, 0) 0%, rgba(0, 0, 0, 1) 100%);
	}

.intern-testi-client-content h4,
.intern-testi-client-content p {
	margin-bottom: 0px;
	color: #fff;
}

.intern-testi-client-content h4 {
	font-size: 22px;
	font-family: 'Graphik Semibold';
}

.intern-testi-client-content p {
	font-size: 18px;
}

.intern-testimonial-left-sec .intern-testi-play-btn .fa {
	font-size: 40px;
}

.intern-testimonial-left-sec .intern-testi-play-btn {
	position: absolute;
	right: 15px;
	bottom: 25px;
	cursor: pointer;
}

.intern-testimonial-wrapper .owl-theme .owl-dots .owl-dot {
	display: inline-block !important;
	width: 16px;
	height: 16px;
	border-radius: 100%;
	background-color: #CDCCF8;
	margin: 5px;
}

	.intern-testimonial-wrapper .owl-theme .owl-dots .owl-dot.active {
		background-color: #5956E9;
	}

.intern-testimonial-wrapper .owl-theme .owl-dots {
	text-align: center;
	margin-top: 30px;
}

#interntesti-vdo .modal-content {
	width: 100%;
}

#interntesti-vdo .modal-body {
	padding: 5px;
}

	#interntesti-vdo .modal-body iframe {
		width: 100%;
		height: 400px;
	}

#interntesti-vdo .modal-dialog {
	max-width: 700px;
}

#interntesti-vdo .close {
	padding: 0px;
	width: 30px;
	height: 30px;
	background-color: #fff;
	opacity: 1;
	color: #000;
	border-radius: 100%;
	position: absolute;
	right: 0px;
	top: 0px;
}


/***************************************************intern-faq css****************************************/

.intern-faq {
	margin: 60px 0;
}

.intern-faq-sec {
	margin-top: 40px;
}


/*******************************************************************mobile-development-course css*********************************************/

.intern-mobile-development-course {
	margin: 60px 0;
}

.intern-mobile-development-course-wrapper {
	margin-top: 40px;
}

	.intern-mobile-development-course-wrapper .row:first-child {
		margin-bottom: 50px;
	}

.intern-mobile-development-content {
	padding: 30px 50px;
	background-color: #EBF1FF;
	border-radius: 20px;
	width: calc(100% + 100px);
	z-index: 2;
	position: inherit;
}

	.intern-mobile-development-content h4 {
		font-size: 26px;
		font-family: 'Graphik Bold';
		color: #000;
		margin-bottom: 20px;
	}

	.intern-mobile-development-content p {
		font-size: 18px;
		color: #000;
	}

.intern-mobile-development-img {
	border-radius: 20px;
	overflow: hidden;
}

intern-mobile-development-img img {
	width: 100%;
}

.intern-mobile-development-content.intern-right-dev-content {
	margin-left: -100px;
}


/*******************************************************************Web-development-course css*********************************************/

.intern-web-development-course {
	margin: 60px 0;
}

.intern-web-development-content h4 {
	font-size: 26px;
	font-family: 'Graphik Bold';
	color: #000;
	margin-bottom: 20px;
}

.intern-web-development-content p {
	font-size: 18px;
	color: #000;
}

.intern-web-development-img img {
	max-width: 100%;
}


/*********************************************************************intern-traning-wrapper css****************************************************/

.intern-traning-wrapper {
	margin: 60px 0;
}

.intern-all-trending-training-sec {
	margin-top: 40px;
}

.intern-training-content p {
	font-size: 18px;
	color: #000;
	font-family: 'Graphik Semibold';
	margin-bottom: 0px;
	line-height: 28px;
}

.intern-traning-option-sec {
	display: flex;
	background-color: #EBF1FF;
	border-radius: 10px;
	padding: 15px 25px;
	height: 100%;
}

.intern-training-img {
	margin-right: 15px;
}

	.intern-training-img img {
		width: 70px;
	}


/********************************************************Intern course detail page css*************************************/

.inner-intern-course-banner {
	padding-bottom: 50px;
}

.design-related-img {
	width: 120px;
	overflow: hidden;
	border-radius: 100%;
}

.first-design-img {
	position: absolute;
	top: 12%;
	left: 10%;
	animation-name: scaleimg;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.second-design-img {
	position: absolute;
	top: 16%;
	right: 0%;
	animation-name: rotateimg;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.third-design-img {
	position: absolute;
	bottom: 5%;
	right: -100px;
	animation-name: translateimg;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}


@keyframes rotateimg {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(360deg)
	}
}

@keyframes scaleimg {
	0% {
		transform: scale(0.8)
	}

	25% {
		transform: scale(1)
	}

	50% {
		transform: scale(0.9)
	}

	75% {
		transform: scale(1.1)
	}

	100% {
		transform: scale(0.8)
	}
}

@keyframes translateimg {
	0% {
		transform: translateX(0px)
	}

	25% {
		transform: translateX(-50px)
	}

	50% {
		transform: translateX(0px)
	}

	75% {
		transform: translateX(-150px)
	}

	100% {
		transform: translateY(0)
	}
}

.animate-word {
	background: #5956E9;
	/* fallback for old browsers */
	background-image: -webkit-linear-gradient(to right, #167eff, #5956E9);
	/* Chrome 10-25, Safari 5.1-6 */
	background-image: linear-gradient(to right, #167eff, #5956E9);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	background-size: auto auto;
	background-clip: border-box;
	background-size: 200% auto;
	color: #fff;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation-name: textclip;
	animation-delay: 0.8s;
	animation-duration: 3s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	display: inline-block;
}

@keyframes textclip {
	to {
		background-position: 200% center;
	}
}


/**************************************************************** intern-why-choose-wrapper css *****************************************/

.intern-why-choose-wrapper {
	margin: 60px 0;
}

.intern-why-choose-sec {
	margin-top: 30px;
}

.intern-why-choose-content img {
	margin-bottom: 20px;
	transition: all 0.3s linear;
}

.intern-why-choose-content {
	border: 1px solid #5956E9;
	border-radius: 15px;
	padding: 20px;
	text-align: center;
	height: 100%;
	transition: all 0.3s linear;
	position: relative;
	overflow: hidden;
}

	.intern-why-choose-content:hover img {
		transform: rotate(360deg);
	}

	.intern-why-choose-content::after {
		content: "";
		display: block;
		width: 0;
		height: 0;
		position: absolute;
		left: 0px;
		top: 0px;
		background-color: #f5f5ff;
		z-index: -1;
		transition: all 0.3s linear;
		border-radius: 100%;
	}

	.intern-why-choose-content:hover {
		border-color: transparent;
	}

		.intern-why-choose-content:hover::after {
			width: 200%;
			height: 200%;
		}

	.intern-why-choose-content h5 {
		font-size: 20px;
		font-family: 'Graphik Semibold';
		color: #000;
	}

	.intern-why-choose-content p {
		color: #000;
		font-size: 18px !important;
		margin-bottom: 0px !important;
		line-height: 30px !important;
	}


/************************************************************** intern-graphic-tool-wrapper css ******************************************/


.intern-graphic-tool-wrapper {
	margin: 60px 0;
}

.intern-graphic-tool-sec {
	margin: 30px 50px 0 50px;
}

.intern-graphic-tool-content {
	height: 100%;
	background-color: #fff;
	border-radius: 15px;
	box-shadow: 0px 0px 25px 5px rgb(0 0 0 / 7%);
	text-align: center;
	padding: 30px 20px;
	transition: all 0.3s linear;
}

	.intern-graphic-tool-content:hover {
		margin-top: -10px;
	}

	.intern-graphic-tool-content h3 {
		font-size: 30px;
		font-family: 'Graphik Semibold';
		color: #000;
		margin-bottom: 0px;
		margin-top: 20px;
	}


/****************************************************************** intern-join-course-wrapper ***********************************/

.intern-join-course-wrapper {
	margin: 60px 0;
	background-color: #EBF1FF;
	padding: 60px 0;
	position: relative;
}

	.intern-join-course-wrapper::after {
		content: "";
		display: block;
		width: 40%;
		height: 100%;
		position: absolute;
		right: 0px;
		top: 0px;
		background: url(../images/intern-page-img/intern-course-detail-img/join-img.webp) no-repeat left / cover;
	}

.intern-join-course-left-sec {
	text-align: left;
}

	.intern-join-course-left-sec h3 {
		font-size: 36px;
		font-family: 'Graphik Bold';
		color: #000;
		line-height: 55px;
	}

	.intern-join-course-left-sec p {
		font-size: 18px;
		color: #000;
		line-height: 30px;
		margin: 15px 0;
	}


/***************************************************************intern-course-everyone-wrapper*************************************/

.intern-course-everyone-wrapper {
	margin: 60px 0;
}

.intern-course-everyone-sec {
	margin-top: 30px;
}

.intern-course-everyone-content {
	display: flex;
	height: 100%;
}

.intern-course-everyone-content-img {
	margin-right: 15px;
	width: 60px;
	animation-name: translatejoinimg;
	animation-duration: 8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.intern-course-everyone-content-para {
	width: calc(100% - 75px);
}

.intern-course-everyone-content h5 {
	font-size: 20px;
	color: #000;
	font-family: 'Graphik Bold';
}

.intern-course-everyone-content p {
	font-size: 18px;
	margin: 0px;
	color: #000;
}

@keyframes translatejoinimg {
	0% {
		transform: translateX(0px)
	}

	25% {
		transform: translateX(-10px)
	}

	50% {
		transform: translateX(0px)
	}

	75% {
		transform: translateX(-10px)
	}

	100% {
		transform: translateY(0)
	}
}

.intern-enroll-course-sec {
	margin-top: 100px;
}

.intern-enroll-course-content {
	padding-right: 70px;
}

	.intern-enroll-course-content p {
		font-size: 18px;
		margin: 15px 0;
		color: #000;
	}

.intern-theme-btn-sec {
	margin-top: 50px;
}

.intern-theme-btn {
	padding: 15px 40px;
	font-size: 22px;
	border: 1px solid #5956E9;
	color: #5956E9;
	border-radius: 5px;
	position: relative;
	transition: all 0.3s linear;
	overflow: hidden;
	display: inline-block;
	font-family: 'Graphik Semibold';
}

	.intern-theme-btn::after {
		content: "";
		display: block;
		position: absolute;
		top: 0px;
		left: -100%;
		width: 100%;
		height: 100%;
		background-color: #5956E9;
		z-index: -1;
		transition: all 0.3s linear;
	}

	.intern-theme-btn:hover {
		color: #fff;
		text-decoration: none;
	}

		.intern-theme-btn:hover::after {
			left: 0px;
		}

.intern-enroll-course-img img {
	max-width: 100%;
}

.intern-enroll-course-img {
	animation-name: enrollimg;
	animation-duration: 8s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes enrollimg {
	0% {
		transform: translateY(0px)
	}

	25% {
		transform: translateY(-50px)
	}

	50% {
		transform: translateY(0px)
	}

	75% {
		transform: translateY(-50px)
	}

	100% {
		transform: translateY(0)
	}
}


/**********************************************************************************intern-technical-skill-wrapper*************************************************/

.intern-technical-skill-wrapper {
	margin: 60px 0;
}

.intern-technical-skill-sec {
	margin-top: 40px;
	text-align: center;
}

	.intern-technical-skill-sec ul {
		padding-left: 0px;
		margin: 0px;
	}

		.intern-technical-skill-sec ul li {
			display: inline-block;
			padding: 15px 30px;
			background-color: #EBF1FF;
			color: #000;
			font-size: 22px;
			margin: 15px;
			border-radius: 32px;
			position: relative;
			overflow: hidden;
			transition: all 0.3s linear;
		}

			.intern-technical-skill-sec ul li::after {
				content: "";
				display: block;
				position: absolute;
				top: 50%;
				left: 50%;
				width: 0%;
				height: 0%;
				background-color: #5956E9;
				z-index: -1;
				transition: all 0.3s linear;
				transform: translate(-50%, 50%);
			}

			.intern-technical-skill-sec ul li:hover::after {
				width: 500%;
				height: 500%;
				top: 0px;
				left: 0px;
				transform: translate(0%, 0%);
			}

			.intern-technical-skill-sec ul li:hover {
				color: #fff;
				background-color: transparent;
				box-shadow: 0px 5px 0px rgb(89 86 233 / 27%);
			}


/*****************************************************************  intern-syllabus-wrapper  **********************************************/

.intern-syllabus-wrapper {
	margin: 60px 0;
}

.intern-syllabus-sec {
	margin-top: 40px;
}

.syllab-heading h6 {
	font-size: 22px;
	font-family: 'Graphik Semibold';
	color: #000;
	margin-bottom: 15px;
}

.syllab-heading p {
	font-size: 18px;
	color: #000;
	margin-bottom: 0px !important;
}

.intern-syllabus-sepearate-note {
	background-color: #FFEAB2;
	padding: 25px;
	margin-top: 30px;
	border-radius: 12px;
}

.intern-syllabus-content-img {
	text-align: right;
}

	.intern-syllabus-content-img img {
		max-width: 90%;
		animation-name: shakeimg;
		animation-duration: 8s;
		animation-iteration-count: infinite;
		animation-timing-function: linear;
		margin: 0 15px;
	}

@keyframes shakeimg {
	0% {
		transform: translateX(0px)
	}

	25% {
		transform: translateX(-15px)
	}

	50% {
		transform: translateX(0px)
	}

	75% {
		transform: translateX(-15px)
	}

	100% {
		transform: translateY(0)
	}
}


.intern-syllabus-option-sec {
	margin-top: 40px;
}

.intern-syllabus-option-content {
	margin: 20px 0;
}

	.intern-syllabus-option-content .count {
		width: 60px;
		height: 60px;
		background-color: #5956E9;
		text-align: center;
		margin-bottom: 20px;
		animation: changeBackgroundColor 7s infinite;
		transition: all 0.7s linear;
		border-radius: 100% 50%;
	}

		.intern-syllabus-option-content .count h5 {
			font-size: 40px;
			font-family: 'Graphik Semibold';
			line-height: 60px;
			color: #fff;
		}

@keyframes changeBackgroundColor {
	0% {
		background-color: #001F3F;
	}

	50% {
		background-color: #5956E9;
	}

	100% {
		background-color: #001F3F;
	}

	0% {
		border-radius: 100% 50%;
	}

	25% {
		border-radius: 50% 50%;
	}

	50% {
		border-radius: 25% 80% 15% 20%;
	}

	100% {
		border-radius: 100% 50%;
	}
}


/*********************************************************page up arrow css***********************************************/


.page-up-btn {
	width: 40px;
	height: 40px;
	text-align: center;
	border-radius: 10px;
	background-color: #6a67eb;
	position: fixed;
	bottom: 60px;
	right: 30px;
	cursor: pointer;
	display: none;
	z-index: 9;
}

	.page-up-btn .fa-angle-up {
		font-size: 40px;
		color: #fff;
		line-height: 40px;
	}


/****************************************************clab-home-banner-wrapper css******************************************/


.clab-home-banner-wrapper {
	padding-top: 120px;
	padding-bottom: 30px;
	background-repeat: no-repeat;
	background-size: cover;
}

.clab-banner-content h1 {
	font-size: 40px;
	font-family: 'Graphik Bold';
	color: #000;
}

.clab-banner-content h5 {
	font-size: 24px;
	margin: 20px 0;
	color: #000;
	line-height: 32px;
}

.clab-banner-content p {
	color: #000;
}

.clab-banner-right-sec img {
	max-width: 100%;
}

.clab-banner-right-sec #clab-banner-slider .owl-item img {
	max-width: 100%;
}

.clab-banner-right-sec {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
}

.clab-img-text {
	color: #5956E9;
	padding: 15px;
	position: relative;
	line-height: 65px;
}

	.clab-img-text img {
		width: 100%;
		position: absolute;
		top: 0px;
		left: 0px;
		height: 100%;
	}


.animate-yellow-word {
	color: #F29B0E;
}


.clab-home-banner-wrapper.custom-font-size .clab-banner-content h1 {
	line-height: 32px;
	font-size: 28px;
}

.clab-home-banner-wrapper.custom-font-size .clab-banner-content h5 {
	font-size: 16px;
	line-height: 24px;
	margin: 15px 0;
}

.clab-home-banner-wrapper.custom-font-size .btn-primary-home {
	padding: 7px 20px;
	font-size: 16px;
}

.clab-home-banner-wrapper.custom-font-size .clab-img-text {
	line-height: 50px;
}

.clab-home-banner-wrapper.custom-font-size .clab-banner-content p {
	font-size: 16px !important;
	line-height: 30px !important;
}


.clab-banner-btn-sec {
	text-align: left;
	margin-top: 30px;
}

	.clab-banner-btn-sec .btn-primary-home {
		margin: 0px !important;
	}


/******************************our success story css**************************************/


.our-success-story-wrapper {
	margin-bottom: 60px;
}

.our-success-story-sec {
	margin-top: 30px;
}

.our-success-story-content {
	display: flex;
	align-content: center;
	align-items: center;
	align-self: center;
	margin: 10px 0;
}

	.our-success-story-content h3 {
		font-size: 32px;
		color: #000;
		font-family: 'Graphik Bold';
	}

	.our-success-story-content p {
		font-size: 18px;
		color: #515151;
	}

.our-success-story-img {
	margin-right: 20px;
}

	.our-success-story-img img {
		width: 100px;
	}

.how-work-box {
	border: 1px solid #000;
}

.why-clab-service-sec {
	height: 100%;
	padding: 20px;
	transition: all 0.3s linear;
}

.why-lab-sec .why-clab-service-sec img {
	width: auto;
	height: auto;
	max-width: 150px;
	margin-bottom: 20px;
}




.service-compny-img-secc {
	margin:30px 0;
}

	.service-compny-img-secc img {
		max-width: 100%;
	}


/***************************************************/


.contact-developer-sec {
	background-color: #090528;
	margin-top: 30px;
}


.header2.fixed {
	background: #090528 !important;
}

	.header2.fixed .pos-btn-animate {
		display: none;
	}

#sidebarCollapse:focus,
#sidebarCollapse:active {
	box-shadow: none !important;
	outline: none !important;
}

#sidebar ul li .card-body a img {
	display: none;
}

#sidebar ul li {
	border-bottom: 1px solid #221E3D;
}


/***************************************************new navbar css***********************************/

.header-menu-icon {
	width: 60px;
	height: 60px;
	display: inline-block;
	line-height: 59px;
	text-align: center;
	border-radius: 100%;
	background: #221e3d;
	margin-right: 15px;
	transition: all 0.2s linear;
}

.mega_menus a:hover .header-menu-icon {
	background-color: #5956E9;
	border-color: #5956E9;
}

.mega_menus .header-menu-icon img {
	filter: invert(1);
	transition: all 0.2s linear;
}

.mega_menus .header-sub-menu {
	display: flex;
	align-content: center;
	align-items: center;
	align-self: center;
	width: 100%;
}

.mega_menus .sub-menu-title {
	width: calc(100% - 75px);
}

	.mega_menus .sub-menu-title p {
		font-size: 16px !important;
		font-family: 'Graphik Semibold';
		color: #fff;
		margin-bottom: 0px !important;
	}

	.mega_menus .sub-menu-title small {
		margin-bottom: 0px;
		font-size: 14px;
		color: #c9c9c9;
	}


/*****************************************service pages css********************************************************/

.banner-content h1 {
	margin-bottom: 20px;
}

.top-sec-services,
.we-stand-service, 
.hire-best-sec,
.portfolio-parent-div,
.step-still-wrapper,
.industry-ecom,
.why-hire-secs,
.best-cmp-sec,
.faq-hires,
.testimonial-section,
.expertise-adroid-dev {
	margin: 60px 0;
}

.comapny-usi-sec,
.why-all-hire-secs,
.expertise-all-adroid-dev,
.testimonial_fullpage_section,
.expertise-all-adroid-dev .btn-primary-home,
.faq-all-hires,
.clab-hire-all-industry-sec {
	margin-top: 20px;
}

.hire-best-all-sec,
.step-still,
.ready-get-sec .btn-primary-home, service-compny-secc {
	margin-top: 40px;
}

.service-compny-content-sec {
	margin: 20px 0;
}


/**********************************************************Industry pages css***************************************************************/

.tabs-indusry-sec {
	margin: 60px 0;
}

	.tabs-indusry-sec .nav-tabs {
		margin-top: 30px;
	}

.portfolio-content-areaa {
	text-align: left;
}

	.portfolio-content-areaa img {
		margin-bottom: 25px;
	}



.banner-content-img {
	text-align: right;
}

.indusry-page-econs img {
	max-width: 100%;
}
.clab-service-img-sec {
	
	margin: 30px 0;
}
.clab-service-img-sec img{
	max-width: 100%;
	width: 100%;
}
	/********************************************************Hire pages css*******************************************************************/
	.lab-dv h4 {
		margin: 15px 0;
	}

.div-mgt{
	margin-top:200px;
}
.div-mgr{
	margin-right:30px;
}
.div-mgl {
	margin-left: 30px;
}
.container-index {
	width: 100% !important;
	max-width: 1500px !important;
}


.v2-about-app-sec.fixnhour h2 {
	line-height: 80px;
}


.blog-all-category-result .blog-para-sec h2 {
	font-size: 16px;
	color: #0C0B2B;
	font-weight: bold;
	line-height: 27px;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 390px;
	overflow: hidden;
}

.blog-img-sec { margin-bottom:30px;}


.logo-brand-right img { width:400px;}