.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px
}

.col-md-1 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%
}

.col-md-2 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}

.col-md-3 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}

.col-md-4 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}

.col-md-5 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%
}

.col-md-6 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}

.col-md-7 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%
}

.col-md-8 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%
}

.col-md-9 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%
}

.col-md-10 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%
}

.col-md-11 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%
}

.col-md-12 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
	padding: 0 15px
}

/*================================= 1 Reset Css ( #res ) =================================*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}

nav ul {
	list-style: none
}

blockquote, q {
	quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}

a {
	text-decoration: none;
	outline: 0;
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color: var(--red-color);
	transition: all 0.4s ease 0s
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: 700
}

del {
	text-decoration: line-through
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ababab;
	margin: 50px auto;
	padding: 0
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	vertical-align: middle;
	transition: all 0.4s ease 0s
}

.ie8 img {
	height: auto;
	width: auto\9
}

.ie8 img.size-large {
	max-width: 60%;
	width: auto
}

:hover {
	transition: all 0.4s ease 0s
}

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

li {
	list-style: none
}

#wp-toolbar ul:after {
	content: none
}

.last_li, .last {
	margin-right: 0 !important;
	padding-right: 0 !important
}

.first_li, .first {
	margin-left: 0 !important;
	padding-left: 0 !important
}

.clearfix:after, ul:after, ol:after, .full_row:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

html[xmlns] .clearfix {
	display: block
}

* html .clearfix {
	height: 1%
}

/*================================= 3 Inputs ( #input ) =================================*/
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0
}

::-webkit-input-placeholder {
	color: #343434;
	font-style: normal
}

:-moz-placeholder {
	color: #343434;
	font-style: normal;
}

::-moz-placeholder {
	color: #343434;
	font-style: normal
}

:-ms-input-placeholder {
	color: #343434;
	font-style: normal
}

button::-moz-focus-inner {
	border: 0
}

:focus {
	outline: none
}

::-moz-focus-inner {
	border: 0
}

input[type=number] {
	-moz-appearance: textfield
}

input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0
}

.form-group {
	margin-bottom: 30px
}

form#contactquote .form-group {
	margin-bottom: 20px
}

input[type=submit] {
	transition: all .4s ease 0s;
	padding: 28px 30px;
	background: var(--red-color);
	font-weight: normal;
	color: #fff;
	display: block;
	border-radius: 50px;
	text-transform: capitalize;
	font-size: 14px;
	width: 240px;
	margin-top: 20px;
	font-weight: 700
}

input[type=submit], input[type=button] {
	cursor: pointer;
	border: 0
}

input[type=submit]:hover, input[type=button]:hover {
	background: var(--text-color);
	color: var(--red-color);
}

input:focus {
	outline: none
}



form label {
	font-size: 16px;
	display: block;
	margin-bottom: 10px;
	margin-top: 10px;
	text-transform: uppercase
}

.form_row {
	padding-bottom: 25px
}

.form_row.msg_row {
	padding-bottom: 10px
}

.form_row.submitrow {
	padding-bottom: 0
}

input:required {
	box-shadow: none
}

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

/*================================= 4 Global Styles (#glob) =================================*/
.x:before {
	position: absolute;
	content: ''
}

/* Vertical Middle */
a {
	position: relative;
	z-index: 99
}

header .nav_cover li a:hover svg path {
	fill: #ff5141;
}

.alignnone, a img.alignnone {
	margin: 5px 0 50px
}

.aligncenter, div.aligncenter {
	display: block;
	margin: 5px auto 60px auto
}

.alignright, a img.alignright {
	float: right;
	margin: 5px 0 60px 60px
}

.alignleft, a img.alignleft {
	float: left;
	margin: 5px 60px 60px 0
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}

.content_row ul, .content_row ol {
	padding-bottom: 10px
}

.content_row ul li, .content_row ol li {
	margin-bottom: 5px;
	position: relative;
	color: #343434
}

.content_row ul li {
	padding-left: 20px
}

.content_row ul li:before {
	color: #444444;
	content: "•";
	font-weight: bold;
	left: 0;
	position: absolute;
	font-size: 6px
}

.content_row ul ul, .content_row ol ul, .content_row ol ol {
	padding: 5px 0
}

.content_row ol {
	counter-reset: section
}

.content_row ol li {
	padding-left: 40px
}

.content_row ol>li:before {
	color: #343434;
	content: counter(section, decimal) ".";
	counter-increment: section;
	padding-right: 5px;
	font-size: 18px;
	position: absolute;
	left: 0
}

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

.visible_tab {
	display: none
}

span.small_text {
	line-height: clamp(18px, 2vw, 18px);
	font-size: clamp(12px, .9vw, 16px);
	color: var(--red-color);
	letter-spacing: clamp(0px, .6vw, 18px);
	display: block;
	clear: both;
	text-transform: uppercase;
}

img {
	max-width: 100%
}

@-webkit-keyframes slide-up {
	0% {
		transform: translateY(100px)
	}

	100% {
		transform: translateY(0)
	}
}

@keyframes slide-up {
	0% {
		transform: translateY(100px)
	}

	100% {
		transform: translateY(0)
	}
}

.filled_text b {
	overflow: hidden;
	display: inline-block
}

.is-visible .filled_text .text-animation {
	-webkit-animation: slide-up 0.9s cubic-bezier(0.65, 0, 0.35, 1) both;
	animation: slide-up 0.9s cubic-bezier(0.65, 0, 0.35, 1) both
}

.filled_text {
	font-weight: bold;
	font-size: clamp(30px, 5vw, 85px);
	line-height: clamp(32px, 5vw, 90px);
	text-transform: uppercase;
	display: block;
	color: var(--text-color);
	transition: all .4s ease 0s;
	padding: 30px 0 60px
}

.medium_size {
	font-weight: bold;
	font-size: clamp(24px, 5vw, 60px);
	line-height: clamp(24px, 5vw, 65px);
	text-transform: none;
	display: block;
	color: #fff;
	transition: all .4s ease 0s;
	padding: 30px 0 20px;
}

.filled_text .tran_text {
	color: transparent;
	transition: all .4s ease 0s;
	-webkit-text-stroke: 1px var(--text-color)
}

.cursor {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	contain: layout style size;
	pointer-events: none;
	will-change: transform;
	-webkit-transition: opacity .4s, color .4s;
	-o-transition: opacity .4s, color .4s;
	-moz-transition: opacity .4s, color .4s;
	transition: opacity .4s, color .4s;
	mix-blend-mode: exclusion;
}

.cursor:before {
	content: "";
	position: absolute;
	top: -24px;
	left: -24px;
	display: block;
	width: 48px;
	height: 48px;
	-webkit-transform: scale(0.2);
	-moz-transform: scale(0.2);
	-ms-transform: scale(0.2);
	-o-transform: scale(0.2);
	transform: scale(0.2);
	background: var(--text-color);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: opacity .1s, -webkit-transform .25s ease-in-out;
	transition: opacity .1s, -webkit-transform .25s ease-in-out;
	-o-transition: opacity .1s, -o-transform .25s ease-in-out;
	-moz-transition: transform .25s ease-in-out, opacity .1s, -moz-transform .25s ease-in-out;
	transition: transform .25s ease-in-out, opacity .1s;
	transition: transform .25s ease-in-out, opacity .1s, -webkit-transform .25s ease-in-out, -moz-transform .25s ease-in-out, -o-transform .25s ease-in-out;
}

.remove_curson_effect:before {
	opacity: 0
}

.cursor.zIndex {
	z-index: 999999
}

.large:before {
	-webkit-transform: scale(1.32);
	-moz-transform: scale(1.32);
	-ms-transform: scale(1.32);
	-o-transform: scale(1.32);
	transform: scale(1.32);
	background-color: var(--text-color)
}

/* ================================= 5 Wrappers #wrap ================================= */


.container, #primary {
	max-width: 1470px;
	width: 100%;
	padding-right: 150px;
	padding-left: 150px;
	margin-right: auto;
	margin-left: auto;
	position: relative
}

.small_container {
	max-width: 950px;
	margin: 0 auto;
	float: none;
	padding: 0 150px
}

.site_full {
	max-width: 1920px;
	margin: 0 auto;
	position: relative;
	padding: 0 100px
}

.scroll-content {
	transition: none;
	overflow: hidden;
}

/*.main_page,*/

.who-we-are-page .body_content {
	padding-top: 20px
}

#hello {
	height: 100vh;
	overflow: hidden;
	width: 100vw;
	position: relative;
}

.band_space {
	padding: 60px 0
}

.red_btn {
	display: inline-block;
	position: relative
}

.red_btn:after {
	content: "";
	display: block;
	position: absolute;
	top: -40px;
	left: -40px;
	right: -40px;
	bottom: -40px
}

.red_btn span.text {
	text-align: center;
	font-weight: 600;
	position: relative;
	z-index: -1;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	border-radius: 50px;
	padding: 29px 20px;
	transition: transform 0.15s linear;
	background-color: var(--red-color);
	overflow: hidden;
	min-width: 240px;
	text-align: center;
}

.red_btn span.animation {
	position: absolute;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
	transform: translateY(-72px);
	background-color: var(--text-color);
	border-radius: 50%;
	transition: transform .5s cubic-bezier(.4, 0, 0, 1), border-radius .5s cubic-bezier(.4, 0, 0, 1);
	top: 0;
	left: 0;
	font-size: 14px;
	line-height: 14px;
	padding: 29px 20px;
	min-width: 240px;
	text-align: center;
}

.red_btn:hover span.animation {
	-webkit-border-radius: 0;
	border-radius: 0;
	transform: translateY(0px);
	transition-duration: .4s, .4s
}

.red_btn:hover span.text {
	color: var(--red-color)
}

.red_btn:hover span.animation {
	background-color: var(--text-color)
}

.center {
	text-align: center
}


/* display:none */
.slick-arrow {
	display: none !important;
}


/* header chritmus gif */
img.christmus_gif.hide {
	display: none;
}

.christmas {
	position: absolute;
	top: 15%;
	transform: translateY(-15%);
	z-index: 99;
	right: 20%;
}

/* .tab_view{display: none;} */

/* ================================= 6 Custom CSS #custome ================================= */


.light_mood header .nav_cover ul li:first-child a svg:last-child, .light_mood header .logo_col a img:last-child, .light_mood .custom-model-inner .desktop_logos img:last-child {
	display: block;
	opacity: 1
}

.light_mood header .nav_cover ul li:first-child a svg:first-child, .light_mood header .logo_col a img:first-child, .light_mood .custom-model-inner .desktop_logos img:first-child {
	display: none;
	opacity: 0
}

span.desktop_logos img {
	max-width: 210px;
	width: 100%;
}

path.cls-3, rect.cls-3, polygon.cls-3, circle.cls-3, line.cls-3 {
	fill: #fff !important;
	stroke: #fff;
}

.light_mood path.cls-3, .light_mood rect.cls-3, .light_mood polygon.cls-3, .light_mood circle.cls-3, .light_mood line.cls-3 {
	fill: #000 !important;
	stroke: #000;
}

path.cls-3.remove-fill, rect.cls-3.remove-fill, polygon.cls-3.remove-fill, circle.cls-3.remove-fill, line.cls-3.remove-fill {
	fill: transparent !important;
	stroke: #fff;
	stroke-width: 6px !important;
}

.light_mood path.cls-3.remove-fill, .light_mood rect.cls-3.remove-fill, .light_mood polygon.cls-3.remove-fill, .light_mood circle.cls-3.remove-fill, .light_mood line.cls-3.remove-fill {
	fill: transparent !important;
	stroke: #000;
	stroke-width: 6px !important;
}

.extra-fill, .extra-fill rect, .extra-fill line {
	fill: transparent !important;
	stroke: #fff !important;
}

.extra-fill path {
	fill: #fff !important;
	stroke: #fff !important;
}

path.cls-3.remove-fill.strok, rect.cls-3.remove-fill.strok, polygon.cls-3.remove-fill.strok, circle.cls-3.remove-fill.strok, line.cls-3.remove-fill.strok {
	fill: transparent !important;
	stroke: #fff;
	stroke-width: 8px !important;
}

.light_mood path.cls-3.remove-fill.strok, .light_mood rect.cls-3.remove-fill.strok, .light_mood polygon.cls-3.remove-fill.strok, .light_mood circle.cls-3.remove-fill.strok, .light_mood line.cls-3.remove-fill.strok {
	fill: transparent !important;
	stroke: #000;
	stroke-width: 8px !important;
}

path.cls-3.remove-fill.remove-width, rect.cls-3.remove-fill.remove-width, polygon.cls-3.remove-fill.remove-width, circle.cls-3.remove-fill.remove-width, line.cls-3.remove-fill.remove-width {
	stroke: #fff;
	stroke-width: 4px !important;
}

.light_mood path.cls-3.remove-fill.remove-width, .light_mood rect.cls-3.remove-fill.remove-width, .light_mood polygon.cls-3.remove-fill.remove-width, .light_mood circle.cls-3.remove-fill.remove-width, .light_mood line.cls-3.remove-fill.remove-width {
	stroke: #000;
	stroke-width: 4px !important;
}

path.cls-3.remove-width, rect.cls-3.remove-width, polygon.cls-3.remove-width, circle.cls-3.remove-width, line.cls-3.remove-width {
	stroke: #fff;
	stroke-width: 0px !important;
}

.light_mood path.cls-3.remove-width, .light_mood rect.cls-3.remove-width, .light_mood polygon.cls-3.remove-width, .light_mood circle.cls-3.remove-width, .light_mood line.cls-3.remove-width {
	stroke: #000;
	stroke-width: 0px !important;
}

.light_mood .extra-fill, .light_mood .extra-fill rect, .light_mood .extra-fill line {
	fill: transparent !important;
	stroke: #000 !important;
}

.light_mood .extra-fill path {
	fill: #000 !important;
	stroke: #000 !important;
}

.light_mood path.cls-3.remove-fill {
	stroke: #000;
}

.fill-none {
	fill: none;
}

.only-strok {
	stroke: #fff !important;
	stroke-width: 6px !important;
}

.light_mood .only-strok, .light_mood cls-2 {
	stroke: #000 !important;
	stroke-width: 6px !important;
}

.ep-width {
	stroke-width: 6px !important;
}

.light_mood .ep-width {
	stroke-width: 6px !important;
}

/*mega menu*/
.mega_menu {
	margin-left: 40px
}

.mega_menu span {
	height: 2px;
	background: var(--text-color);
	display: block
}

.mega_menu:hover span {
	background-color: var(--red-color);
}

.mega_menu span:first-child, .mega_menu span:last-child {
	width: 18.36px
}

.mega_menu span:nth-child(2) {
	width: 30.32px;
	margin: 6px 0
}

.mega_menu_wrapper {
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100%;
	background-color: var(--bg-color);
	z-index: 9999;
	overflow: auto;
	padding: 70px 0 50px;
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	transition: all 0.5s ease 0s
}

.mega_menu_wrapper.mega_menu_wrapper_active {
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
	left: 0
}

.mega_menu_wrapper .menu_wrapper ul li a img {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	opacity: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	pointer-events: none;
	visibility: hidden
}

.mega_menu_wrapper .mega_menu_default_img {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	height: 100%;
	opacity: 0.08;
	pointer-events: none;
	object-fit: cover
}

.mega_menu_wrapper .menu_wrapper ul li a:hover img {
	opacity: 0.08;
	visibility: visible
}

.mega_menu_wrapper .menu_wrapper>ul>li>a {
	font-size: 48px;
	font-weight: 700;
	line-height: 60px;
	color: var(--text-color);
	margin-bottom: 30px;
	display: block
}

.mega_menu_wrapper .menu_wrapper>ul>li>a span {
	display: inline-block;
	margin-left: 0;
	position: relative;
	transition: all .4s ease 0s
}

.mega_menu_wrapper .menu_wrapper>ul>li>a span:before {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	max-width: 0;
	color: var(--red-color);
	content: attr(data-link);
	background-color: var(--bg-color);
	-webkit-transition: max-width 0.35s;
	transition: max-width 0.35s;
	white-space: nowrap;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s
}

.mega_menu_wrapper .menu_wrapper>ul>li:hover>a span:before {
	max-width: 100%
}

.mega_menu_wrapper .menu_wrapper>ul {
	position: relative
}

.mega_menu_wrapper .menu_wrapper>ul>li {
	width: 30%;
}

.mega_menu_wrapper .menu_wrapper ul ul {
	position: absolute;
	top: 0;
	width: 73%;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s ease 0s;
	right: 0;
	pointer-events: none;
	height: 100%;
	z-index: 999;
	padding-left: 14%;
}

.mega_menu_wrapper .menu_wrapper>ul>li>a:after {
	content: ""
}

.mega_menu_wrapper .menu_wrapper ul ul a {
	font-size: 24px;
	line-height: 30px;
	font-weight: 700;
	margin-bottom: 35px;
	display: block;
	color: var(--text-color)
}

.mega_menu_wrapper .menu_wrapper>ul>li:hover>a:after {
	left: 0;
	opacity: 1;
	visibility: visible
}

@keyframes spin {
	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg)
	}
}

.mega_menu_wrapper .menu_wrapper>ul>li>a {
	position: relative
}

.mega_menu_wrapper .menu_wrapper>ul>li:hover>a:after {
	-webkit-animation: spin 1.5s linear infinite;
	animation: spin 1.5s linear infinite;
	-webkit-animation-iteration-count: 3;
	animation-iteration-count: 3
}

.mega_menu_wrapper .menu_wrapper ul ul a {
	position: relative
}

.mega_menu_wrapper .menu_wrapper ul ul li:hover a {
	padding-left: 20px;
	color: var(--red-color)
}

.mega_menu_wrapper .menu_wrapper ul ul li:hover a:after {
	opacity: 1
}

.mega_menu_wrapper .menu_wrapper ul ul a:after {
	transition: all 0.5s ease 0s;
	content: "";
	position: absolute;
	width: 22px;
	height: 2px;
	background-color: var(--red-color);
	display: inline-block;
	top: 15px;
	left: -20px;
	opacity: 0
}

.mega_menu_wrapper .row h4 {
	font-size: 26px;
	line-height: 26px;
	margin-bottom: 15px
}

.mega_menu_wrapper .row a svg {
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle
}

.mega_menu_wrapper .row a svg path {
	fill: var(--text-color)
}

.mega_menu_wrapper .row a, .mega_menu_wrapper .row address {
	font-style: normal;
	font-size: 18px;
	line-height: 26px;
	color: var(--text-color);
	display: table;
	margin-bottom: 15px
}

.mega_menu_wrapper .row a:hover {
	color: var(--red-color)
}

.mega_menu_wrapper .row {
	margin-top: 240px;
}

.mega_close_btn {
	position: absolute;
	right: 70px;
	top: 35px;
	font-size: 48px;
	line-height: 48px;
	color: var(--text-color);
	height: 52px;
	width: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	font-weight: 300;
	transition: all 0.5s ease 0s
}

.mega_close_btn span {
	transform: rotate(45deg);
	transition: all 0.5s ease 0s;
	margin-left: -3px
}

.mega_close_btn span:hover {
	transform: rotate(225deg);
	margin-left: 3px;
	margin-top: -2px
}

/*end mega menu*/


/* hero_band 
.hero_band{background: url(../img/new-banner-3.png);background-position: left;background-repeat: no-repeat;padding: 320px 0 30px;}
.hero_band .red_btn span.text{background-color: #000;}
.hero_band .row {align-items: center;}
.hero_band .row .col-md-4 img {display: block;float: right;padding-right: 40px;}*/

.why-choose .hiring-slider-div .item svg {
	fill: #fff;
}

.why-choose .hiring-slider-div .item .dynamic-approach svg {
	fill: transparent;
}

/* page not found */
.page-not-found img {
	max-width: 650px;
	width: 100%;
	margin: 0 auto;
	display: block;
}

.page-not-found {
	text-align: center;
}

.page-not-found h1 {
	font-size: 70px;
	line-height: 50px;
	padding: 20px 0;
}

.page-not-found p {
	font-size: 36px;
	line-height: 40px;
}

::selection {
	color: red;
	background: #ccc;
}

.light_mood::selection {
	color: #000;
	background: #ccc;
}

.quote-header a.red_btn span.text {
	min-width: initial;
}

.social_bar {
	position: fixed;
	top: calc(50% + 74px);
	transform: translateY(-50%);
	left: 100px;
	transition: all .4s ease 0s;
	opacity: 0;
	pointer-events: none;
}

header.nav_down .social_bar {
	opacity: 1;
	pointer-events: auto;
}

.social_bar ul {
	writing-mode: vertical-rl;
	transform: rotate(-180deg)
}

.social_bar ul li {
	display: inline-block;
	padding: 20px 0
}

.social_bar ul li a {
	display: block;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	color: var(--text-color);
	text-transform: uppercase
}

.social_bar ul li a:hover {
	color: var(--red-color)
}

.hero_band .red_btn {
	margin-top: 6px;
}


.development_band_slider .mob_view {
	display: none;
}

/* development_band */
.development_band .development_band_img div {
	height: 100vh;
	min-height: 600px;
	position: sticky;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all .4s ease 0s;
	background-color: var(--bg-color)
}

.development_band .development_band_img {
	padding-right: 50px
}

.development_band .development_band_content div {
	height: 100vh;
	min-height: 600px;
	display: flex;
	justify-content: center;
	flex-flow: column;
	align-items: flex-start
}

.light_mood .wave2 {
	background: url('../img/development_band_white_shape.webp') 0 0 repeat-x
}

.light_mood .cd-top:hover {
	background: red;
	border-color: red;
}

.light_mood .cd-top {
	background: #fff;
}

.development_band_slider .row {
	align-items: center
}

.development_band_slider .website_developement_box {
	padding-bottom: 50px
}

.development_band_slider .owl-dots .dot_box {
	pointer-events: none;
	text-align: center;
}

.development_band_slider .owl-dots .owl-dot {
	position: relative
}

.development_band_slider .owl-dots .owl-dot svg {
	opacity: 1;
	transition: all 0.5s ease 0s;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	max-height: 46px;
}

.development_band_slider .owl-dots .owl-dot:hover svg {
	opacity: 0;
}

.development_band_slider .owl-dots .owl-dot p {
	opacity: 0;
	transition: all 0.5s ease 0s
}

.development_band_slider .owl-dots .owl-dot:hover p {
	opacity: 1;
}

.development_band_slider .owl-dots svg path {
	fill: var(--text-color)
}

.development_band_slider .owl-dots .owl-dot {
	display: inline-block;
	margin: 0 5px
}

.development_band_slider .owl-dots .owl-dot span {
	display: none
}

.development_band_slider .owl-dots {
	text-align: right;
	display: flex;
	justify-content: left;
}

.development_band_slider .owl-dots .owl-dot {
	display: flex;
	min-height: 60px;
	vertical-align: top;
	min-width: 130px;
	align-items: center;
	justify-content: center
}

.development_band_slider .owl-dot p {
	color: var(--red-color)
}

.development_band_slider .owl-dot.active svg {
	opacity: 0
}

.development_band_slider .owl-dot.active p {
	opacity: 1
}

.development_band_slider .col-md-5 {
	padding-right: 50px
}

.development_band_slider .owl-controls {
	max-width: 670px;
	margin-left: auto;
}

.development_img {
	position: relative;
	padding: 10px;
}

.development_img img {
	position: relative;
	z-index: 9;
	max-height: 360px;
	width: auto !important;
	margin: 0 auto
}

.development_band_slider .container {
	position: relative
}

.development_img span:after {
	content: "";
	height: 50%;
	width: 100%;
	position: absolute;
	top: 0;
	background-color: red;
	z-index: 1;
}

.development_img_shape.row {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	align-items: unset;
	width: 100%;
	padding: 0 120px
}

.development_img_shape span {
	position: absolute;
	left: 0;
	top: calc(50% - 80px);
	height: 400px;
	width: 400px;
	border-radius: 100%;
	overflow: hidden;
	right: 0;
	margin: 0 auto;
	transform: translateY(-50%);
	transition: all 0.5s ease 0s
}

.development_img_shape span:after {
	content: "";
	position: absolute;
	left: 0;
	top: -50%;
	height: 100%;
	width: 100%;
	background-color: var(--red-color);
	transition: all 0.5s ease 0s;
}

.development_band_slider .development_img_shape .col-md-5 {
	position: relative
}

.development_img_shape span.blue_color:after {
	background-color: #0C2541;
}

.development_band_slider .owl-item h2, .development_band_slider .owl-item .small_text {
	opacity: 0;
	transition: all 0.5s ease 0s;
	transform: translateY(-40px)
}

.development_band_slider .owl-item.active h2, .development_band_slider .owl-item.active .small_text {
	opacity: 1;
	transition: all 0.5s ease 0s;
	transform: translateY(0px)
}

.development_band_slider .owl-item .red_btn, .development_band_slider .owl-item p {
	opacity: 0;
	transition: all 0.5s ease 0s;
	transform: translateY(40px)
}

.development_band_slider .owl-item.active .red_btn, .development_band_slider .owl-item.active p {
	opacity: 1;
	transition: all 0.5s ease 0s;
	transform: translateY(0px)
}

.mega_menu_wrapper {
	-webkit-transform: translateX(30%) rotateY(-60deg) skewY(-7deg);
	transform: translateX(100%) rotateY(0deg) skewY(-17deg);
	transition: transform 0.5s cubic-bezier(0.48, 0, 0.12, 1), opacity 0.3s cubic-bezier(0.48, 0, 0.12, 1), -webkit-transform 0.5s cubic-bezier(0.48, 0, 0.12, 1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	opacity: 0
}

.mega_menu_wrapper.mega_menu_wrapper_active {
	opacity: 1;
	pointer-events: auto;
	visibility: visible;
	left: 0;
	-webkit-transform: translateX(0) rotateY(0deg) skewY(0deg);
	transform: translateX(0) rotateY(0deg) skewY(0deg);
	opacity: 1;
	transition: transform 0.5s cubic-bezier(0.48, 0, 0.12, 1), opacity 0.3s cubic-bezier(0.48, 0, 0.12, 1), -webkit-transform 0.5s cubic-bezier(0.48, 0, 0.12, 1)
}

/* recent_works */
.recent_works h2 span {
	display: block
}

.recent_works ul {
	display: flex;
	flex-wrap: wrap;
	border: 1px solid var(--border-color);
	position: relative;
	margin-top: 50px;
}

.recent_works ul:after, .recent_works ul:before {
	content: '';
	width: 1px;
	background-color: var(--border-color);
	height: 100%;
	position: absolute;
	top: 0;
	left: 33.3333%;
	visibility: visible
}

.recent_works ul:before {
	left: 66.6666%
}

.recent_works ul li {
	flex: 0 0 33.3333%;
	max-width: 33.3333%;
	position: relative;
	border-bottom: 1px solid var(--border-color)
}

.recent_works ul li:nth-child(4n), .recent_works ul li:nth-child(5n), .recent_works ul li:nth-child(6n) {
	border-bottom: none
}

.recent_works ul li img {
	position: relative;
	z-index: 99
}

.recent_works ul li a {
	display: flex;
	width: 100%;
	height: 250px;
	align-items: center;
	justify-content: center
}

.recent_works ul li img:last-child {
	position: absolute;
	top: 0;
	left: 0.5px;
	z-index: -1;
	object-fit: cover;
	width: 100%;
	height: 100%;
	opacity: 0
}

.recent_works ul li img:first-child {
	max-width: 70%
}

.recent_works ul li a:hover img:last-child {
	opacity: 1
}

.recent_works .home_recent_work svg {
	width: 70%;
	height: 70%;
	max-width: 200px;
	max-height: 100px
}

.recent_works svg path {
	fill: var(--text-color);
	transition: all .4s ease 0s
}

.light_mood .recent_works a:hover svg path {
	fill: var(--bg-color)
}

.recent_works .home_recent_work li:last-child svg path, .light_mood .recent_works ul li:last-child a:hover svg rect {
	fill: var(--bg-color)
}

.recent_works ul li:last-child svg rect, .light_mood .recent_works ul li:last-child a:hover svg path {
	fill: var(--text-color);
	transition: all .4s ease 0s
}

.testimonial-carousel {
	margin-top: 30px;
	position: static
}

.testimonial-carousel .owl-controls .owl-nav {
	position: absolute;
	top: 30px;
	right: 150px
}

.testimonial-carousel .owl-nav div {
	background-image: url(../img/arrow.webp);
	font-size: 0;
	width: 45px;
	height: 28px;
	background-size: cover;
	transition: all .4s ease 0s
}

.light_mood .testimonial-carousel .owl-nav div, .light_mood .who-we-are-team .owl-controls .owl-nav div:after {
	background-image: url(../img/black-arrow.webp)
}

.testimonial-carousel .owl-nav div.owl-prev {
	transform: rotate(180deg)
}

.testimonial-carousel p strong {
	font-weight: bold;
	font-size: 26px;
	line-height: 26px;
	display: block;
	padding: 35px 0 5px
}

.testimonial-carousel p span {
	padding-left: 35px;
	position: relative
}

.testimonial-carousel p span:after {
	content: '';
	width: 19px;
	height: 1px;
	background-color: var(--text-color);
	position: absolute;
	top: 50%;
	left: 0
}

.why_indylogix img {
	display: none;
}

.why_indylogix img {
	margin: 50px 0 100px
}

.why_indylogix .owl-dots .owl-dot, .mobile_slider2 .owl-dots .owl-dot {
	text-align: center;
	margin: auto;
	width: initial;
	display: inline-block;
}

.why_indylogix .owl-controls .owl-dots, .mobile_slider2 .owl-controls .owl-dots {
	display: block;
	text-align: center;
}

.why_indylogix .owl-theme .owl-dots .owl-dot.active span, .mobile_slider2 .owl-theme .owl-dots .owl-dot.active span {
	background: #FF5141;
}

.why_indylogix .owl-theme .owl-dots .owl-dot span, .mobile_slider2 .owl-theme .owl-dots .owl-dot span {
	background-color: #3A3A3A;
}

.why_points {
	display: table;
	padding-bottom: 60px
}

.light_mood svg path {
	fill: var(--text-color)
}

.light_mood #lottie svg path {
	fill: transparent;
}


.why_points .point_decription {
	display: table-cell;
	vertical-align: top;
	max-width: 410px
}

.achievements ul {
	display: flex;
	justify-content: space-between;
	padding-top: 70px;
	text-align: center
}

/*.achievements h2{font-size: clamp(30px, 10vw, 150px);line-height: clamp(30px, 12vw, 160px)}*/
.achievements h2 span {
	display: block;
}

.achievements ul:after {
	content: none !important
}

.achievements ul li h5, .achievements ul li p {
	text-align: center
}

.achievements ul li {
	flex: 0 0 200px;
	max-width: 200px
}

.achievements ul li p {
	font-weight: bold;
	font-size: clamp(20px, 4vw, 50px);
	line-height: clamp(30px, 4vw, 60px);
	;
	text-transform: uppercase
}

.achievements ul li h5 {
	padding-bottom: 24px
}

.achievements ul li svg {
	margin-bottom: 60px;
	min-height: 120px
}

.achievements ul li svg path {
	fill: var(--text-color)
}

/* recognitions */
/*.recognitions h2.filled_text{font-size: clamp(30px, 5vw, 80px);line-height: calc(23px + 3vw)}*/
.recognitions ul::after {
	content: none !important
}

.recognitions ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 0 50px
}

.recognitions ul li {
	flex: 0 0 33.3333%;
	max-width: 33.3333%;
	margin: 30px 0
}

.recognitions ul li span {
	display: flex;
	height: 100%;
	border: 1px solid var(--border-color);
	max-width: 235px;
	align-items: center;
	justify-content: center;
	max-width: 235px;
	width: 100%;
	min-height: 235px;
	transition: all .4s ease 0s
}

.recognitions ul li span:hover {
	border-color: var(--text-color)
}

.recognitions ul li span img {
	filter: grayscale(100%)
}

.recognitions ul li span:hover img {
	filter: grayscale(0)
}

.recognitions ul li:nth-child(3n + 2) {
	display: flex;
	justify-content: center
}

.recognitions ul li:nth-child(3n + 3) {
	display: flex;
	justify-content: flex-end
}

/* blog */
.blog a {
	display: block
}

.blog .blog_img_box {
	position: relative;
	margin-bottom: 30px;
	border: 1px solid var(--border-color);
	overflow: hidden;
}

.blog a img:last-child {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .5s ease 0s;
}

.blog a img:first-child {
	opacity: 1;
	transition: all .5s ease 0s;
}

.blog a:hover img:last-child {
	top: 0;
}

.blog a h4 {
	font-size: 18px;
	line-height: 30px;
	color: var(--text-color);
	font-weight: 400
}

.blog a span {
	font-size: 16px;
	line-height: 16px;
	color: var(--red-color);
	font-weight: 700
}

.body_hidden {
	overflow: hidden
}

.body_hidden .scroll-content {
	transform: none !important;
	overflow: hidden;
	ove
}

.body_hidden #page {
	height: auto;
	overflow: visible
}

.mobile_logo {
	display: none
}

/* label.error{display: none!important} */
input.error {
	border-bottom-color: var(--red-color)
}

.response_msg p:not(:empty) {
	padding: 10px;
	text-align: center;
	border: 1px solid;
	margin-top: 30px;
	border-radius: 40px
}

.response_msg p.error {
	border-color: var(--red-color);
	color: var(--red-color)
}

.response_msg p.success {
	border-color: green;
	color: green
}

.light_mood .red_btn span.animation {
	color: #fff
}

/* team_band */
.team_band {
	padding-top: 600px;
	overflow: hidden;
}

.team_band .row {
	align-items: flex-end;
	margin: 0
}

.team_band img {
	width: 100%;
	padding: 8px
}

.team_band [class^="col-md-"] {
	padding: 0
}

.team_band .team-1 {
	transform: translate(0px, -400px) scale(2)
}

.team_band .team-2, .team_band .team-7 {
	transform: translate(-300px, -80px);
	opacity: 0
}

.team_band .team-3, .team_band .team-8 {
	transform: translate(300px, -80px);
	opacity: 0
}

.team-5 {
	min-height: 580px;
	object-fit: cover
}

.work-at-indylogix .text-animation {
	padding-bottom: 5px
}

.who-we-are-team .owl-stage {
	display: flex
}

.who-we-are-team .owl-stage .item {
	height: 100%
}

.who-we-are-team .owl-item img {
	height: 80%;
	object-fit: cover
}

.who-we-are-team .owl-item.center img {
	height: 100%
}

.who-we-are-team .owl-controls .owl-nav {
	position: absolute;
	bottom: 0;
	left: calc(50% + 22%);
	transform: translateX(-50%)
}

.who-we-are-team .owl-controls .owl-nav div {
	font-size: 0;
	border: 1px solid var(--border-color);
	border-radius: 15px;
	width: 70px;
	height: 70px;
	position: relative
}

.who-we-are-team .owl-controls .owl-nav div:after {
	content: '';
	background-image: url(../img/arrow.webp);
	width: 24px;
	height: 15px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-size: cover
}

.who-we-are-team .owl-controls .owl-nav div.owl-prev:after {
	transform: rotate(-180deg) translate(9px, 8px)
}

.who-we-are-team .owl-controls .owl-nav div:hover {
	background-color: var(--red-color);
	border-color: var(--red-color)
}

.career .join {
	border: 1px solid #FFFFFF;
	max-width: 710px;
	margin-left: auto;
	padding: 40px 65px;
	position: relative;
	margin-top: 0px;
	z-index: 2;
}

section.career.band_space {
	padding-bottom: 0px;
	position: relative;
}

.light_mood .career .join {
	border-color: #000;
}

.career .join .filled_text .text-animation, .career .join .filled_text .tran_text b {
	display: inline;
	vertical-align: top
}

.career .parellex_effect {
	padding-bottom: 15%;
	position: relative;
	overflow: hidden;
	perspective: 100px;
	position: relative;
	/*background-image: url('../img/parellex-img.webp');background-size: cover;*/
}

.career .parellex_effect img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transform: scale(1.1);
	position: fixed;
}

.protocols .filled_text .tran_text {
	display: block
}

.protocols ul {
	display: flex;
	justify-content: center;
	position: relative
}

.protocols ul:after {
	content: '';
	width: 100%;
	height: 140px;
	border-bottom: 1px dashed var(--text-color);
	visibility: visible;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1
}

.protocols ul li {
	flex: 0 0 20%;
	text-align: center
}

.protocols ul li svg {
	min-height: 120px;
	position: relative;
	margin-bottom: 50px
}

.protocols ul li p {
	position: relative;
	padding: 0 15px 50px;
	line-height: 40px
}

.protocols ul li p:after {
	content: '';
	top: -47px;
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--bg-color);
	position: absolute;
	width: 25px;
	height: 25px;
	border: 1px solid var(--text-color);
	border-radius: 50%;
	z-index: 2
}

.protocols ul:after {
	width: 100%;
	content: "";
	border-top: 1px dashed #fff;
	height: 0px;
	position: absolute;
	top: 0px;
	z-index: 1;
	transform: translateY(-50%);
	top: 140px;
}

.who_we_are .filled_text {
	padding-bottom: 0
}

.who_we_are p {
	line-height: 40px
}

.who_we_are .row:first-child {
	align-items: center
}

.who_we_are .row:last-child {
	margin-top: 70px
}

.who_we_are svg {
	min-height: 100px
}

.who_we_are h3 {
	font-size: 30px;
	font-weight: normal;
	padding-bottom: 30px
}

body.who-we-are-page #hello {
	background-attachment: fixed;
	background-position: 50% 0;
	background: #000 url(../img/parellex-img.webp) no-repeat center 0px;
	background-size: cover;
}

section.career.band_space:after {
	content: "";
	height: 243px;
	width: 100%;
	position: absolute;
	display: block;
	background: #000;
	bottom: 0px;
	z-index: 0;
}

.light_mood section.career.band_space:after {
	background: #fff;
}

body.who-we-are-page .body_content:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.2);
}

body.who-we-are-page.light_mood .body_content:before {
	background-color: rgba(255, 255, 255, 0.3);
}

/* History */
.history_band {
	overflow-x: hidden;
}

.hist-det-box {
	background: var(--bg-color);
	z-index: 9;
	position: relative;
	width: 57%;
	border: 1px solid var(--border-color);
	padding: 40px;
	padding-bottom: 20px;
	display: flex;
	align-items: center;
	transition: all .2s linear;
	-webkit-transition: all .2s linear
}

.history-swiper-container h3 {
	position: absolute;
	left: 10%;
	top: 15px;
	margin: 0;
	-webkit-transform: translate(-0%, 0);
	transform: translate(-0%, 0);
	transition: all 2 linear;
	-webkit-transition: all .2s linear;
	font-style: normal;
	font-weight: 500;
	font-size: 60px;
	line-height: 60px
}

.history-swiper-container .num-right h3 {
	left: 14%;
}

.history-swiper-container h4 {
	border-left: 1px solid var(--border-color);
	padding: 10px 0 20px 30px;
	margin: 0;
	position: absolute;
	left: 35%;
	top: 50%;
	margin-left: 0;
	width: 65%;
	-webkit-transform: translate(0, -100%);
	transform: translate(0, -100%);
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 1.3;
	color: var(--text-color)
}

.hist-det-box p {
	font-size: 18px;
	margin: 0;
	color: var(--text-color)
}

.hist-det-box-in {
	min-height: 270px;
	display: flex;
	flex-direction: column;
	justify-content: space-around
}

.history-swiper-container .history-cont {
	width: 100%;
	display: flex;
	align-items: center;
	position: relative;
	max-width: 100%
}

.hist-trigger {
	position: absolute;
	left: 0;
	height: 1px;
	background: var(--border-color);
	display: block;
	width: 50%
}

.hist-det-hdn {
	width: 43%;
	position: relative
}

.our-history.owl-theme .owl-controls .owl-nav div {
	float: none;
	margin: 0 auto
}

.history-swiper-container {
	max-width: 72%
}

.our-history .owl-controls .owl-dots {
	display: inline-block;
	padding: 0px 3px 0;
	text-align: right;
	margin: auto;
	position: absolute;
	width: 50px;
	right: 26.5%;
	top: 8px
}

.our-history.owl-theme .owl-dots .owl-dot span {
	margin: 0px auto;
	display: none
}

.our-history.owl-carousel .owl-stage-outer {
	overflow: initial;
	margin-left: -55px
}

.our-history .owl-nav {
	text-align: right;
	padding-right: 23%
}

.our-history .owl-nav div {
	background-image: url(../img/arrow.webp);
	font-size: 0;
	width: 32px;
	height: 20px;
	background-size: cover;
	transition: all .4s ease 0s;
}

.light_mood .our-history .owl-nav div {
	filter: brightness(0);
}

.our-history .owl-controls {
	margin-top: 30px;
	position: relative
}

.our-history .owl-nav div.owl-prev {
	transform: rotate(180deg)
}

.our-history.owl-theme .owl-controls .owl-nav .owl-prev {
	margin-right: 50px
}

.our-history.owl-theme .owl-controls .owl-nav .owl-next {
	margin-left: 50px
}

.hestory-title .filled_text {
	text-transform: none
}

.hestory-title {
	text-align: center
}

.our-history .owl-dots {
	counter-reset: section
}

.our-history .owl-dots .owl-dot:after {
	color: var(--text-color);
	content: counter(section, decimal) "";
	counter-increment: section;
	padding-right: 5px;
	font-size: 20px;
	position: absolute;
	left: 17px;
	visibility: hidden;
	opacity: 0
}

.our-history .owl-dots .owl-dot.active:after {
	visibility: visible;
	opacity: 1
}

.our-history .owl-dots .owl-dot.active:before {
	color: var(--text-color);
	content: "0";
	font-size: 20px;
	position: absolute;
	left: 2px
}

.our-work .btn-manig {
	max-width: 1470px;
	margin: auto;
	margin-bottom: 50px;
	display: block;
	margin-top: 30px;
	padding-left: 150px;
	padding-right: 150px;
}

.svg-color-theme svg, .svg-color-theme path {
	fill: #fff;
}


/* new radio btn */
.contact .interested label.radio_btn {
	width: 100%;
	margin: 10px 0;
}

.contact .interested label.radio-custom-label {
	font-size: 18px;
	line-height: 27px;
	font-weight: 500;
	display: block;
	margin: 0;
	outline: none;
	width: 100%;
	position: relative;
	overflow: visible;
}

.form-group.interested [type="radio"]:checked,
.form-group.interested [type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}

.form-group.interested [type="radio"]:checked+label,
.form-group.interested [type="radio"]:not(:checked)+label {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
}

.form-group.interested [type="radio"]:checked+label:before,
.form-group.interested [type="radio"]:not(:checked)+label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	border: 1px solid #BDBDBD;
	border-radius: 100%;
	background: #fff;
}

.form-group.interested [type="radio"]:checked+label:after, .form-group.interested [type="radio"]:not(:checked)+label:after {
	content: '';
	display: block;
	position: absolute;
	bottom: 5px;
	left: 6px;
	width: 6px;
	height: 14px;
	border: solid #D14747;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	border-radius: 50%;
}

.form-group.interested [type="radio"]:not(:checked)+label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}

.form-group.interested [type="radio"]:checked+label:after {
	opacity: 1;
}

/* end */



/* Work Page Dinesh sir */

/* our work page*/
section.our-work {
	clear: left;
}

body.who-we-are-page .wp-block-cover-image.has-background-dim:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.5);
}

body.who-we-are-page.light_mood .wp-block-cover-image.has-background-dim:before {
	background-color: rgba(255, 255, 255, 0.5);
}

body.who-we-are-page #hello {
	background-attachment: fixed;
	background-position: 50% 0;
	background: #000 url(../img/parellex-img.webp) no-repeat center 0px;
	background-size: cover;
}

.who-we-are-page footer.show-on-scroll, section.who_we_are.band_space, section.history_band.band_space, section.work-at-indylogix.band_space, section.team_band.band_space, section.zero_politics.band_space, section.protocols.band_space {
	background: #fff;
}

.who-we-are-page.light_mood footer.show-on-scroll, .light_mood section.who_we_are.band_space, .light_mood section.history_band.band_space, .light_mood section.work-at-indylogix.band_space, .light_mood section.team_band.band_space, .light_mood section.zero_politics.band_space, .light_mood section.protocols.band_space {
	background: #fff;
}

.work-cont p {
	font-size: 20px;
	line-height: 40px;
	letter-spacing: 0.05em;
	text-transform: capitalize;
}

p.padding-half {
	margin-left: 32%;
	max-width: 580px;
	padding: 40px 0px 60px;
}

.hover-box .overlay {
	bottom: -1%;
}

.hover-box .overlay, .hover-box.mouseenter.bottom .overlay, .hover-box.mouseenter.left .overlay, .hover-box.mouseenter.right .overlay, .hover-box.mouseenter.left .overlay, .hover-box.mouseenter.right .overlay, .hover-box.mouseenter.top .overlay, a.right-arrow-btn, a.right-arrow-btn span {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.hover-box.mouseenter.bottom .overlay, .hover-box.mouseenter.left .overlay, .hover-box.mouseenter.right .overlay {
	top: -100%;
	height: 102%;
}

.hover-box.mouseenter.top .overlay {
	bottom: -100%;
	height: 102%;
}

.hover-box.mouseleave.bottom .overlay {
	top: 0%;
	bottom: initial;
	height: 100%;
}

.layout {
	width: 100%;
	position: relative;
	/*margin: 0 auto;display: flex;justify-content: space-between; flex-wrap: wrap;overflow: hidden; background-size: cover;*/
}

.hover-box {
	overflow: hidden;
	background-size: cover;
	position: relative;
	/*display: flex;flex: 1 1 100%;*/
	transition: all 0.3s ease-in-out;
	width: 100%;
	padding: 130px 0px;
}

.overlay {
	position: absolute;
	height: 101%;
	width: 100%;
	background: #000;
	text-align: center;
	z-index: 1
}

.light_mood .overlay, .light_mood .hover-box {
	background-color: #ffffff;
}

.light_mood a.right-arrow-btn {
	color: #000
}

.work-cont {
	position: relative;
	z-index: 3;
}

.hover-box::after {
	background: #000 url(../img/food-cart-app.webp) center center no-repeat;
	background-size: cover;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transform-origin: center;
	transition: transform 0.4s ease-in-out;
	transform: scale(1.5);
	opacity: 1;
}

.hover-box.ho-bo2::after {
	background: #000 url(../img/amaze.webp) center center no-repeat;
	background-size: cover;
}

.hover-box.ho-bo3::after {
	background: #000 url(../img/doc-plus.webp) center center no-repeat;
	background-size: cover;
}

.hover-box.ho-bo4::after {
	background: #000 url(../img/zobax.webp) center center no-repeat;
	background-size: cover;
}

.hover-box.ho-bo5::after {
	background: #000 url(../img/hc.webp) center center no-repeat;
	background-size: cover;
}

.hover-box:hover::after {
	opacity: 1;
}

.hover-box::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
	height: 100%;
	width: 100%;
	display: block;
	z-index: 1;
}

.light_mood .hover-box::before {
	background: rgba(255, 255, 255, 0.5);
}

.hover-box:hover::after {
	transform: scale(0.999);
}

.work-cont h2, .smoll-h2 {
	font-size: clamp(30px, 5vw, 58px);
	line-height: clamp(32px, 5vw, 60px);
	text-transform: uppercase;
	display: block;
	color: var(--text-color);
	transition: all .4s ease 0s;
	padding: 00px 0 15px
}

.container.work-cont .row {
	align-items: center;
}

.work-cont h3 {
	font-size: clamp(30px, 1.5625vw, 58px);
	font-weight: normal;
	padding-bottom: 10px;
}

a.right-arrow-btn {
	height: 40px;
	font-style: normal;
	font-weight: bold;
	font-size: clamp(13px, 1.5625vw, 24px);
	line-height: 40px;
	letter-spacing: 0.05em;
	text-transform: capitalize;
	color: #fff;
}

a.right-arrow-btn span img {
	width: 38px;
	height: 24px;
}

a.right-arrow-btn:hover span {
	margin-left: 30px;
}

.work-brand li svg {
	fill: white;
	max-height: 30px;
}

.work-brand li {
	display: inline-block;
	vertical-align: middle;
	padding: 0px 20px;
}

.brand-view-sl {
	text-align: right;
	max-width: 1600px;
	margin-left: auto;
	position: relative;
}

.work-brand-view {
	text-align: right;
	width: 100%;
	padding-left: 100px;
	padding-top: 70px;
	min-height: 350px;
	overflow: hidden;
}

.brand-view-sl .slide {
	width: 28%;
	margin-right: 20px;
	border-radius: 5px;
	text-align: left;
}

a.right-arrow-btn svg {
	fill: #fff;
	height: 40px;
	vertical-align: middle;
}

.light_mood a.right-arrow-btn svg {
	fill: #000;
}

section.our-work-hero.band_space {
	display: block;
	float: left;
	width: 100%;
	overflow: hidden;
	margin-bottom: 60px;
}

section.new-day {
	clear: both;
	padding-bottom: 120px;
}

.layout:before, .hover-af-be:before {
	width: 100%;
	position: absolute;
	top: -2px;
	height: 5px;
	background: var(--bg-color);
	content: "";
	display: block;
	z-index: 99;
}

.light_mood .layout:before, .light_mood .hover-af-be:before {
	background-color: #fff;
}

.layout:after, .hover-af-be:after {
	width: 100%;
	position: absolute;
	bottom: -2px;
	height: 5px;
	background: var(--bg-color);
	content: "";
	display: block;
	z-index: 99;
}

/*Blog*/
.interested-div {
	background: linear-gradient(98.1deg, #FF5141 3%, rgb(176 73 255 / 68%) 83%, rgba(82, 79, 255, 0) 131.1%);
	padding: 0px 60px 40px;
	width: 100%;
	position: relative;
}

.interested-cont .red_btn span.text {
	background-color: #000;
}

.rounded-item {
	position: absolute;
	right: 70px;
	bottom: 40px;
}

.linear-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% + 26px);
	height: calc(100% + 26px);
	background: linear-gradient(90deg, #A036EC 0%, #F62DE4 30.43%, #A036EC 68.23%, #FF5141 100%);
	background-size: 600% 600%;
	border-radius: 50px;
	animation: AnimateBorder 4s ease infinite;
	-webkit-animation: AnimateBorder 4s ease infinite;
	-moz-animation: AnimateBorder 4s ease infinite;
	z-index: -1;
	transform: translate(-13px, -13px);
	transition: filter 1s ease-in;
}

.linear-up {
	display: block;
	font-size: 24px;
	line-height: 32px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 22px;
	background-color: #5a2484;
	color: white;
	border-radius: 50px;
	border: 0px;
	cursor: pointer;
	width: 36px;
	height: 36px;
}

@-webkit-keyframes AnimateBorder {
	0% {
		background-position: 0% 50%
	}

	50% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes AnimateBorder {
	0% {
		background-position: 0% 50%
	}

	50% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0% 50%
	}
}

@keyframes AnimateBorder {
	0% {
		background-position: 0% 50%
	}

	50% {
		background-position: 100% 50%
	}

	100% {
		background-position: 0% 50%
	}
}

.interested-cont p {
	max-width: 520px;
	color: #fff;
}

.rounded-item2 .linear-bg {
	transform: translate(-8px, -8px);
	width: calc(100% + 16px);
	height: calc(100% + 16px);
}

.rounded-item.rounded-item2 .linear-up {
	width: 20px;
	height: 20px;
}

.rounded-item.rounded-item2 {
	right: 30px;
	bottom: 22px;
}

.one-line .tran_text, .one-line b {
	display: inline-block;
	vertical-align: middle;
}

.one-line .text-animation {
	margin-right: 20px;
}

#popular-blog .who-we-are-team .owl-item.center img {
	height: inherit;
}

.blog-cont h3 {
	font-style: normal;
	font-weight: 600;
	font-size: 30px;
	line-height: 40px;
	letter-spacing: 0.5px;
	margin-top: 20px;
}

.blog-cont p {
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 40px;
	letter-spacing: 0.05em;
}

.post-meta, .post-meta a {
	font-weight: normal;
	font-size: 20px;
	line-height: 40px;
	letter-spacing: 0.05em;
	color: #fff;
}

.blog-smoll .blog-cont h3 {
	font-style: normal;
	font-weight: bold;
	font-size: 19px;
	line-height: 30px;
	letter-spacing: 0.05em;
	padding-bottom: 10px;
	min-height: 100px;
}

.blog-box {
	margin-bottom: 30px;
}

.blog-hero:hover img {
	transform: scale(1.2);
	cursor: pointer;
}

.blog-hero {
	overflow: hidden;
}

.col-md-6.padding-left {
	padding-left: 60px;
}

.blog-parent .col-md-6 .col-md-6 {
	padding-right: 0px;
}

.blog-smoll .post-meta, .blog-smoll .post-meta a {
	letter-spacing: 0.05em;
	color: #fff;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
}

.light_mood .blog-smoll .post-meta, .light_mood .blog-smoll .post-meta a, .light_mood .post-meta, .light_mood .post-meta a {
	color: #000;
}

.who-we-are-team .owl-stage .center .item .blog-cont {
	visibility: visible;
	height: inherit;
	min-height: 100px;
	opacity: 1;
	text-align: left;
}

.who-we-are-team .owl-stage .item .blog-cont {
	visibility: hidden;
	opacity: 0;
	height: 0px;
	transition: all 0.4s ease 0s;
}

.slider-hero:after {
	position: absolute;
	width: 100.25%;
	height: 60px;
	background: #000;
	left: -1px;
	bottom: -1px;
	content: "";
	transition: all 1s ease 0s;
	z-index: 9999;
}

.light_mood .slider-hero:after {
	background: #fff;
}

.center .slider-hero:after {
	position: absolute;
	height: 0px;
	background: #000;
}

.slider-hero {
	position: relative;
}

#popular-blog .who-we-are-team .owl-item img {
	height: inherit;
	object-fit: inherit;
	width: 100%;
}

.blog-main .who-we-are-team .owl-stage .item {
	height: inherit;
}

#popular-blog .blog-cont {
	height: 0px;
	visibility: hidden;
	opacity: 0;
}

#popular-blog .center .blog-cont {
	height: auto;
	visibility: visible;
	opacity: 1;
}

.blog-categories #container {
	width: 100%;
}

.blog-categories .button {
	display: inline-block;
	padding: 0.5em 1em;
	background: transparent;
	border: none;
	background-image: none;
	color: #fff;
	font-size: 21px;
	cursor: pointer;
}

.light_mood .blog-categories .button {
	color: #000
}

.light_mood .blog-categories .button.is-checked, .light_mood .blog-categories .button:active, .light_mood .blog-categories .button.is-checked, .light_mood .blog-categories .button:active {
	color: #FF5141;
}

.blog-categories .button-group {
	margin-bottom: 20px;
}

.blog-categories .button-group:after {
	content: '';
	display: block;
	clear: both;
}

.button-group .button:first-child {
	border-radius: 0.5em 0 0 0.5em;
}

.button-group .button:last-child {
	border-radius: 0 0.5em 0.5em 0;
}

.grid:after {
	content: '';
	display: block;
	clear: both;
}

/* ---- .element-item ---- */
.element-item {
	position: relative;
	float: left;
	width: 50%;
	background: transparent;
	color: #262524;
	margin-bottom: 10px;
	min-height: 660px;
}

.element-item .blog-box {
	padding: 20px;
	min-height: 100%;
}

.blog-categories #container {
	width: 100%;
}

section.blog-categories {
	display: block;
	clear: both;
}

.element-item>* {
	margin: 0;
	padding: 0;
}

.element-item .name {
	position: absolute;
	left: 10px;
	top: 60px;
	text-transform: none;
	letter-spacing: 0;
	font-size: 12px;
	font-weight: normal;
}

.element-item .symbol {
	position: absolute;
	left: 10px;
	top: 0px;
	font-size: 42px;
	font-weight: bold;
	color: white;
}

.element-item .number {
	position: absolute;
	right: 8px;
	top: 5px;
}

.element-item .weight {
	position: absolute;
	left: 10px;
	top: 76px;
	font-size: 12px;
}

#filters {
	display: flex;
	width: 100%;
	justify-content: space-around;
	align-content: space-around;
}

.search-container {
	width: 100%;
	display: block;
	margin: 0 auto;
	position: relative;
}

input#search-bar {
	margin: 0 auto;
	width: 100%;
	height: 75px;
	padding: 0 20px 0px 70px;
	font-size: 1rem;
	border: 1px solid var(--border-color);
	outline: none;
}

input#search-bar:focus {
	border: 1px solid var(--red-color);
	transition: 0.35s ease;
	color: var(--text-color);
}

input#search-bar:focus::-webkit-input-placeholder {
	transition: opacity 0.45s ease;
	opacity: 0;
}

input#search-bar:focus::-moz-placeholder {
	transition: opacity 0.45s ease;
	opacity: 0;
}

input#search-bar:focus:-ms-placeholder {
	transition: opacity 0.45s ease;
	opacity: 0;
}

a.bar-ser {
	position: absolute;
	float: right;
	width: 75px;
	height: 75px;
	top: 0px;
	left: 0px;
	z-index: 9;
	padding: 15px 18px;
}

img.search-icon {
	padding: 22px;
}

.blog-search {
	margin-bottom: 20px;
}

g.search-path {
	stroke: #fff;
}

.light_mood g.search-path {
	stroke: #000;
}

svg.search-icon {
	width: 40px;
}

.subscribe-search {
	width: 100%;
	position: relative;
	display: flex;
}

.subscribe-div {
	width: 100%;
	text-align: center;
}

.subscribe-search .searchTerm {
	border-right: none;
	margin: 0 auto;
	width: 100%;
	height: 74px;
	padding: 0px 20px 0px 20px;
	font-size: 1rem;
	border: 1px solid var(--border-color);
	color: var(--text-color);
	outline: none;
}

.subscribe-search .searchTerm:focus {
	color: var(--text-color);
	border: 1px solid var(--red-color);
}

.subscribe-div .smoll-h2 {
	text-transform: none;
	margin-bottom: 40px;
}

.subscribe-div {
	width: 100%;
	text-align: center;
}

.subscribe-search .searchButton {
	width: 210px;
	height: 74px;
	border: 0px;
	background: var(--red-color);
	text-align: center;
	color: #fff;
	border-radius: 0 0px 0px 0;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
}

.blog-hero img {
	width: 100%;
}

/*Blog close*/

/*blog Detail*/
.blog-innerdetailulli {
	width: 100%;
	max-width: 100%;
	margin: 0px;
	display: block;
	position: relative;
	padding: 0px 0px 20px 50px;
}

.blog-innerdetai l li strong {
	font-weight: normal;
}

.blog-innerdeta ul li:before {
	color: #444444;
	content: "";
	left: 14px;
	position: absolute;
	width: 20px;
	height: 10px;
	border: 2px solid red;
	border-radius: 10px;
	top: 10px;
}

/*career*/
.latest-cont-item, .latest-cont {
	display: inline-block;
}

.latest-cont-item b {
	margin: 0px 30px;
	width: 1px;
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	background: #fff;
}

.latest-cont-item svg {
	vertical-align: middle;
	margin-right: 10px;
}

.latest-cont-item svg {
	vertical-align: middle;
	margin-right: 10px;
}

.latest_jobs a.red_btn {
	float: right;
	vertical-align: middle;
	margin-top: -80px;
}

.tab-menu ul li a {
	font-size: 14px;
}

.tab-menu ul {
	padding: 20px 0 10px;
}

.latest_jobs .tab-menu ul li a {
	font-size: 20px;
	position: relative;
	padding-bottom: 20px;
}

.latest_jobs .tab-menu ul li a:after {
	height: 4px;
	background: #FF5141;
	content: "";
	width: 0%;
	position: absolute;
	bottom: -1px;
	left: 0px;
	right: 0px;
	margin: auto;
	transition: all 0.5s ease 0s;
}

.latest_jobs .tab-menu ul li a.active-a:after

/*.latest_jobs .tab-menu ul li a:hover:after */
	{
	width: 100%;
}

.latest_jobs .tab-menu {
	margin: 50px auto 80px;
}

.latest_jobs.band_space {
	padding-bottom: 20px;
}

a.show-cont {
	position: absolute;
	top: 15px;
	right: 390px;
	padding: 0px;
	height: 64px;
	width: 44px;
	text-align: center;
}

a.show-cont svg {
	width: 24px;
}

.career-ser .red_btn:after {
	left: 40px;
	right: 40px;
}

.career-ser .content ul li:before {
	content: "";
	width: 15px;
	height: 15px;
	border: 1px solid var(--red-color);
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 23px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.apply-now {
	line-height: 30px;
}

.apply-now a {
	color: red;
}

.career-ser {
	position: relative;
	margin: auto;
	padding: 0px 15px;
	max-width: 1470px;
	padding-right: 150px;
	padding-left: 150px;
}

.light_mood a.show-cont svg path {
	fill: #fff;
}

.light_mood .career-ser .content {
	background-color: #f4f4f4
}

.career-ser .content {
	clear: both;
	margin-top: 60px;
	padding: 20px;
	background: #333;
	border-radius: 10px;
	display: none;
}

.career-ser .content ul li {
	padding: 15px 0px 15px 30px;
	color: var(--secondary);
	margin: 15px 0;
	position: relative;
	border: 0px;
	line-height: 30px;
}

.join_us .recent_works ul li:hover p, .light_mood .recent_works ul li:hover svg path {
	color: #fff;
	fill: #fff;
}

.latest_jobs .show-cont:after, .latest_jobs .show-cont:before {
	display: none;
}

.latest_jobs .show-cont {
	position: absolute;
	top: 15px;
	right: 410px;
	padding: 0px;
	height: 68px;
	width: 68px;
	text-align: center;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #0C0C0C;
	color: #fff;
}

.light_mood .latest_jobs .show-cont {
	background-color: #f5f5f5;
}

.show-cont i.fas.fa-chevron-down.fa-minus:before {
	content: "\f078";
}

.show-cont.active i.fas.fa-chevron-down.fa-minus:before {
	content: "\f077";
}

.light_mood .latest_jobs .show-cont {
	color: var(--text-color);
}

.career-ser .opening-tab {
	padding-right: 350px;
}

/*career close*/

/*hiring*/
.hiring-slider-div, .we-deliver-slider {
	width: 100%;
	overflow: hidden;
}

.hiring-slider-div .owl-controls .owl-dots, .we-deliver-slider .owl-controls .owl-dots {
	text-align: left;
}

.hiring-slider-div .owl-controls .owl-dots .owl-dot, .we-deliver-slider .owl-controls .owl-dots .owl-dot {
	display: inline-block;
	text-align: left;
}

.hiring-slider-div .owl-theme .owl-dots .owl-dot span, .we-deliver-slider.owl-theme .owl-dots .owl-dot span {
	width: 14px;
	height: 14px;
	background-color: #333;
}

.hiring-slider-div .owl-theme .owl-dots .owl-dot.active span, .we-deliver-slider.owl-theme .owl-dots .owl-dot.active span {
	background-color: #fff;
}

ul.li-hafe {
	width: -webkit-fill-available;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	margin-top: 50px;
}

ul.li-hafe li {
	width: 50%;
	display: inline-block;
	padding: 0px 0px 20px 50px;
	list-style: none;
	flex: 0 0 50%;
	max-width: 50%;
	position: relative;
	color: var(--text-color);
}

ul.li-hafe li:before {
	color: #444444;
	content: "";
	left: 0;
	position: absolute;
	width: 20px;
	height: 10px;
	border: 2px solid red;
	border-radius: 10px;
	top: 10px;
}

.large-slide-arrow .owl-controls .owl-nav div {
	font-size: 0;
	border: 1px solid var(--border-color);
	border-radius: 15px;
	width: 70px;
	height: 70px;
	position: relative;
	background: #000;
}

.large-slide-arrow .owl-controls .owl-nav div:after {
	content: '';
	background-image: url(../img/arrow.webp);
	width: 24px;
	height: 15px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-size: cover;
}

.large-slide-arrow .owl-controls .owl-nav div.owl-prev:after {
	transform: rotate(-180deg) translate(9px, 8px);
}

.large-slide-arrow .owl-controls .owl-nav div:hover {
	background-color: var(--red-color);
	border-color: var(--red-color);
}

.services_slider h3 {
	padding-left: 110px;
	position: relative;
	text-transform: uppercase;
	font-size: 30px;
}

.services_slider h3 span:after {
	content: "";
	width: 50px;
	height: 2px;
	background: red;
	position: absolute;
	top: 50%;
	margin-left: 10px;
}

.who-hiring-slider .owl-nav {
	position: absolute;
	top: -140px;
	right: 0px;
}

.who-hiring-slider {
	position: relative;
}

.who-hiring-slider .item {
	padding-right: 50px;
}

.services_slider .item h3 span {
	position: absolute;
	left: 0;
}

.how-hiring .btn-manig {
	display: block;
	padding-top: 60px;
}

.tab .round-img img {
	max-height: 480px;
}

.interested-color {
	clear: both;
	width: 100%;
}

.quote-header.text {
	position: fixed;
	right: 0px;
	top: 40%;
	z-index: 9;
	transform: rotate(-90deg);
}

.hoverefect svg {
	width: 20px;
	height: 18px;
	margin: auto;
	fill: #fff;
}

.quote-header .red_btn span.text {
	line-height: 14px;
	padding: 24px 20px;
	overflow: initial;
	letter-spacing: 2px;
}

.quote-header .red_btn:hover span.animation, .quote-header .red_btn span.text {
	background-color: transparent;
}

.quote-header a.red_btn span b {
	font-weight: 600;
	color: #fff;
}

.light_mood a.red_btn span b {
	font-weight: 600;
	color: #000;
}

span.hoverefect {
	width: 50px;
	height: 50px;
	border: 1px solid var(--text-color);
	display: inline-block;
	border-radius: 50px;
	padding: 16px 7px 10px 20px;
	vertical-align: middle;
	margin-top: 0px;
	position: absolute;
	transition: all 0.5s ease 0s;
	left: 65px;
	right: 90px;
	top: -18px;
}

.quote-header.text b {
	position: relative;
	z-index: 2;
}

.quote-header a:hover .hoverefect {
	width: 180px;
	left: -40px;
	background: var(--red-color);
	color: #fff;
	z-index: 1;
	border-color: var(--border-color);
	text-align: right;
	padding-right: 30px;
}

.quote-header .red_btn:hover span.text {
	color: #fff;
	padding: 24px 60px 24px 40px;
}

.quote-header .red_btn:after {
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	left: 16px;
	right: -20px;
	bottom: 0px;
}

.light_mood .red_btn span.text {
	color: #fff;
}

.light_mood .quote-header .red_btn span.text {
	color: #000;
}

.light_mood .interested-cont .red_btn span.text {
	color: #fff;
}

.tab-menud {
	margin-bottom: 30px;
}

.tab-menud .tabs li:after {
	height: 4px;
	background: #FF5141;
	content: "";
	width: 0%;
	position: absolute;
	bottom: -1px;
	left: 0px;
	right: 0px;
	margin: auto;
	transition: all 0.5s ease 0s;
}

.tab-menud .tabs li.active:after, .tab-menud .tabs li:hover:after {
	width: 100%;
}

.tab_content .d-technologies li {
	display: inline-block;
	padding: 20px 10px;
	border: 0px;
	min-width: 200px;
}

.tab_content .d-technologies li a span {
	display: block;
	font-size: 20px;
	font-weight: 600;
	padding-top: 20px;
	color: var(--text-color);
	max-width: 170px;
}

ul.d-technologies {
	text-align: center;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.tab-menud ul.tabs:after {
	display: none;
}

.tab-menud ul.tabs {
	width: 100%;
	justify-content: space-between;
	border-bottom: 1px solid #3A3A3A;
	display: flex;
}

.tab-menud ul.tabs li {
	position: relative;
	font-size: 28px;
	font-weight: 600;
	text-transform: uppercase;
	padding-bottom: 30px;
	cursor: pointer;
}

.d-technologies li a img {
	max-width: 80px;
	width: 100%;
}

.tab-menud ul.tabs li.active {
	display: block;
	color: #ff5141;
}

.codding-stand .tab-menud ul.tabs li {
	text-transform: none;
}

.tab-menud .tab_container {
	clear: both;
}

.tab-menud ul.d-technologies {
	text-align: center;
	padding-top: 70px;
}

.tab-menud .tab_content {
	display: none;
	padding-top: 30px;
}

.tab_drawer_heading {
	display: none;
}

.light_mood .right-btn svg#Layer_1 {
	fill: #000;
}

.light_mood .cursor:before {
	background: #fff;
}

.moreless-button, li.moretext {
	display: none;
}

.view_more_btn.view-more {
	display: flex;
	margin: 50px auto;
	justify-content: center;
	max-width: 120px;
	font-size: 20px;
	padding-bottom: 20px;
	border-bottom: 2px solid;
}

a.moreless-button, .view_more_btn.view-more {
	color: var(--red-color);
}

.quick_look-wrapper .right_tab {
	margin-top: 0;
	display: flex;
	align-items: flex-start;
}

/*hiring*/
.right-btn svg#Layer_1 {
	fill: #fff;
	width: 24px;
	vertical-align: middle;
}

.right-btn a {
	color: var(--text-color);
}

.right-btn {
	position: absolute;
	top: 0px;
	right: 0px;
	padding-right: 150px;
}

.expand-icon {
	position: relative;
}

.expand-icon::before, .expand-icon::after, a.show-cont::before, a.show-cont::after {
	content: " ";
	width: 24px;
	height: 2px;
	background-color: var(--text-color);
	display: block;
	position: absolute;
	top: 50%;
	left: 96%;
	transition: all 0.15s cubic-bezier(.42, 0, .58, 1);
	opacity: 1;
	border-radius: 2px;
}

.expand-icon::before, a.show-cont::before {
	transform: translate(-50%, -50%) rotate(90deg);
}

.expand-icon::after, a.show-cont::after {
	transform: translate(-50%, -50%);
}

.expand-icon.d_active::before, a.show-cont.active::before {
	transform: translate(-50%, -50%) rotate(0deg);
}

.expand-icon.d_active::after, a.show-cont.active::after {
	transform: translate(-50%, -50%) rotate(0deg);
	opacity: 0;
}

.interested-cont p {
	max-width: 100%;
}

footer .protected {
	align-items: center;
	margin-bottom: 10px;
	display: flex;
	margin: 0 -5px;
}

footer .protected .col-md-6 {
	width: 50%;
	display: inline-block;
	padding: 0px 5px;
}

footer .protected img {
	width: 100%;
}

a.show-cont::before, a.show-cont::after {
	content: "";
	width: 30px;
	height: 4px;
	left: 18px;
	margin: auto;
	right: 0;
}

.title-inline h1.filled_text b {
	display: inline;
}

.title-inline .text-animation {
	display: inline;
	margin-right: 20px;
}

.techno-box span {
	width: 100%;
	vertical-align: top;
	margin-bottom: 30px;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 24px;
	color: #fff;
}

.light_mood .techno-box span {
	color: #000;
}

.web-hire .web-sl-img {
	z-index: -1;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: var(--bg-color);
}

.web-hire .hiring-sl-cont {
	position: relative;
	z-index: 2;
	height: 100%;
	border: 1px solid var(--border-color);
	margin: 0px 2px;
}

.web-hire .item:hover .hiring-sl-cont {
	border-color: transparent;
}

.hiring-sl-inner {
	position: relative;
	padding: 20px;
}

.web-hire .web-sl-img img {
	overflow: hidden;
	position: absolute !important;
	bottom: 0px;
	top: 0;
	left: 0.5px;
	z-index: -1;
	object-fit: cover;
	width: 100%;
	height: 100%;
	opacity: 0;
}

.web-hire .item:hover .web-sl-img img {
	opacity: 0.3;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.light_mood .web-hire .item:hover .web-sl-img img {
	opacity: 0.3;
}

.web-hire .owl-stage, .web-hire .owl-item {
	display: flex;
}

.web-hire .owl-wrapper {
	display: flex !important;
}

.web-hire .hiring-slider-div .owl-controls .owl-dots .owl-dot {
	flex: auto;
	padding: 0px;
}

.web-hire .hiring-slider-div .owl-theme .owl-dots .owl-dot span {
	width: 100%;
	height: 2px;
	background-color: #333;
}

.web-hire .hiring-slider-div .owl-controls .owl-dots {
	text-align: left;
	display: flex;
	max-width: 1120px;
	justify-items: center;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: unset;
	flex: 0 0 0%;
	margin-top: 40px;
}

.web-hire .hiring-slider-div .owl-theme .owl-dots .owl-dot.active span {
	background-color: var(--red-color);
	height: 6px;
	margin-top: -2px;
}

.web-hire .owl-theme .owl-dots .owl-dot span {
	margin: 0px
}

.web-hire .owl-carousel .owl-stage-outer {
	padding-left: 2px;
}

.we-deliver-slider .hiring-sl-cont {
	padding-right: 10%;
}

.quick_look-wrapper .horizontal_tab .right_tab ul li span {
	display: block;
	width: 100%;
	text-align: center;
	margin-top: 10px;
}

.arrow {
	display: inline-block;
	width: 15px;
	height: 15px;
	border-top: 2px solid var(--red-color);
	border-right: 2px solid var(--red-color);
	transition: all 0.4s ease 0s;
}

.techno-box {
	font-weight: 600;
	max-width: 100%;
	border: 1px solid var(--border-color);
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 10px auto;
	min-height: 200px;
	align-items: center;
	text-align: center;
	padding: 20px 10px 0px 10px;
	line-height: 30px;
	height: 100%;
}

.Extra-link a:hover .arrow {
	margin-left: 20px;
}

.why-choose .hiring-slider-div .owl-controls .owl-dots {
	text-align: right;
	padding-right: 40%;
	padding-top: 70px;
}

.arrow-right {
	transform: rotate(45deg);
}

.text-trform {
	text-transform: none;
}

.why-hiring-slider h3 .we-deliver-slider h3 {
	font-size: 30px;
	line-height: 30px;
}

.Extra-link a {
	font-style: normal;
	font-weight: 800;
	font-size: 30px;
	line-height: 14px;
	color: var(--red-color);
	margin-top: -30px;
	display: inline-block;
	float: left;
}

.row.techno-ex .col-md-4 {
	margin: 20px 0px;
	max-width: 310px;
}

.techno-inner .techno-ex {
	justify-content: space-between;
}

.light_mood .hiring-slider-div .owl-theme .owl-dots .owl-dot.active span, .light_mood .we-deliver-slider.owl-theme .owl-dots .owl-dot.active span {
	background-color: #FF5141;
}

.hiring-sl-inner svg, .why-choose .hiring-slider-div .item svg {
	max-width: 100px;
	max-height: 100px;
	margin-bottom: 20px;
	fill: #fff;
}

.hover-box span.div-count {
	position: absolute;
	color: #fff;
	background: rgba(0, 0, 0, 0.3);
	z-index: 9;
	right: 20px;
	bottom: 20px;
	padding: 10px;
	text-align: center;
	line-height: 15px;
}

.hover-box span.div-count b {
	display: block;
	line-height: 0px;
	margin: 3px 0px 10px 0px;
}

.entry-header img {
	width: 100%;
}

.blog-cont h3 a {
	color: var(--text-color);
}

#primary .page-header {
	font-size: 50px;
	margin-bottom: 50px;
}

#primary .blog-parent .col-md-6 {
	margin-bottom: 30px;
}

.blog-innerdetail strong {
	margin: 20px 0px;
	display: inline-block;
	font-weight: 600;
	letter-spacing: 0.5px;
}

.blog-innerdetail li {
	padding-left: 10px;
	line-height: 30px;
	margin-bottom: 20px;
	list-style: decimal-leading-zero;
}

.faqs-acc ul.li-hafe, .faqs-acc ul.li-hafe li {
	font-size: 18px;
	border: 0px;
}

#am_posts_navigation_init .page-numbers.current, #am_posts_navigation_init .page-numbers:hover {
	background: var(--red-color);
	border-radius: 100%;
}

#am_posts_navigation_init .page-numbers {
	width: 30px;
	border: 0px;
	padding: 4px;
	font-size: 18px;
	color: var(--text-color);
	margin: 0px 15px;
}

#am_posts_navigation_init .page-numbers.dots {
	line-height: 18px;
	vertical-align: middle;
}

.asr-filter-div ul {
	list-style: none;
	margin: auto;
	padding: 0;
	display: flex;
	align-content: space-between;
	justify-content: space-between;
	align-items: center;
	flex: 0 0 100%;
	max-width: 100%;
	width: 100%;
	flex-wrap: wrap;
}

.Click-here {
	cursor: pointer;
	transition: background-image 3s ease-in-out;
}

.model-open {
	z-index: 99999;
	opacity: 1;
	overflow: hidden;
	pointer-events: all;
}

.custom-model-inner {
	display: inline-block;
	vertical-align: middle;
	width: 500px;
	margin: 0px;
	max-width: 100%;
	height: 100vh;
	right: -500px;
	left: initial;
	position: fixed;
	top: 0px;
	bottom: 0px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	z-index: 99992;
}

.custom-model-wrap {
	display: block;
	width: 100%;
	position: relative;
	background-color: #171717;
	text-align: center;
	padding: 20px 40px 20px 60px;
	box-sizing: border-box;
	max-height: calc(100vh - 0px);
	overflow-y: auto;
	height: 100%;
}

.custom-model-main.right-popup .custom-model-wrap label.error {
	color: red;
}

.light_mood .custom-model-wrap {
	background-color: #fff;
}

.model-open .custom-model-inner {
	z-index: 99992;
	right: 0;
	height: 100%;
}

.model-open .bg-overlay {
	background: rgba(0, 0, 0, 0.8);
	z-index: 99991;
}

.bg-overlay {
	background: rgba(0, 0, 0, 0);
	height: 100vh;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	-webkit-transition: background 0.15s linear;
	-o-transition: background 0.15s linear;
	transition: background 0.15s linear;
}

.close-btn {
	position: absolute;
	right: 30px;
	top: 10px;
	cursor: pointer;
	z-index: 99;
	font-size: 30px;
	color: #fff;
}

.dd {
	max-width: 400px;
	width: 100%;
	position: absolute;
	left: 50%;
	top: 30%;
	transform: translate(-50%, -30%);
}

.select {
	cursor: pointer;
	display: inline-block;
	position: relative;
	font-size: 16px;
	color: #fff;
	width: 100%;
	height: 40px;
	text-align: left;
}

.dd select {
	display: none;
	width: 100%
}

.custom-select {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 8px 15px;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	background-color: #171717;
	line-height: 26px;
}

.light_mood .custom-select {
	background-color: #fff;
	color: #000;
}

.custom-select:after {
	content: "";
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-color: #9E9E9E transparent transparent transparent;
	position: absolute;
	top: 16px;
	right: 10px;
	transform: rotateZ(0deg);
	transition: all 0.5s;
	transform-origin: 50% 25%;
}

.custom-select:active, .custom-select.active {
	background-color: var(--bg-color);
	color: #9E9E9E;
}

.custom-select:active:after, .custom-select.active:after {
	transform: rotateZ(180deg);
	transition: all 0.5s;
	transform-origin: 50% 25%;
}

.custom-select:focus {
	outline: 2px;
}

.select-options {
	max-height: 200px;
	overflow-y: auto;
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: 999;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: var(--bg-color);
	border-radius: 0px 0px 5px 5px;
}

.select-options li {
	color: #424242;
	margin: 0;
	padding: 12px 0;
	-moz-transition: all 0.15s ease-in;
	-o-transition: all 0.15s ease-in;
	-webkit-transition: all 0.15s ease-in;
	transition: all 0.15s ease-in;
	padding-left: 15px;
}

.select-options li:hover {
	color: #424242;
	background: var(--text-color);
}

.select-options li[rel="hide"] {
	display: none;
}

.pop-up-content-wrap::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
	border-radius: 0 0 5px 0;
}

.pop-up-content-wrap::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #9E9E9E;
}

.pop-up-content-wrap .form-group {
	width: 100%;
}

.custom-model-inner input[type="text"], .custom-model-inner input[type="tel"], .custom-model-inner input[type="password"], .custom-model-inner input[type="date"], .custom-model-inner input[type="email"], .custom-model-inner input[type="number"], .custom-model-inner textarea {
	background: transparent;
	border: none;
	border-bottom: 1px solid #3A3A3A;
}

.custom-model-inner input[type="text"]::placeholder, .custom-model-inner input[type="tel"]::placeholder, .custom-model-inner input[type="password"]::placeholder, .custom-model-inner input[type="date"]::placeholder, .custom-model-inner input[type="email"]::placeholder, .custom-model-inner input[type="number"]::placeholder, .custom-model-inner textarea::placeholder {
	opacity: 0.4;
}

.upload-btn-wrapper {
	position: relative;
	overflow: hidden;
	display: inline-block;
	width: 100%;
}

.upload-btn-wrapper .btn {
	border: 0px;
	color: #fff;
	background-color: #3A3A3A;
	padding: 15px 20px;
	font-size: 16px;
	width: 100%;
}

.upload-btn-wrapper input[type=file] {
	font-size: 100px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	cursor: pointer;
}

.custom-model-inner form label {
	text-transform: none;
	color: var(--text-color);
	text-align: left;
	margin-bottom: 10px;
}

.light_mood .custom-model-inner .desktop_logos img:last-child {
	display: inline-block;
}

.custom-model-inner ::-webkit-input-placeholder {
	color: #3A3A3A;
}

.custom-model-inner ::-moz-placeholder {
	color: #3A3A3A;
}

.custom-model-inner :-ms-input-placeholder {
	color: #3A3A3A;
}

.custom-model-inner :-moz-placeholder {
	color: #3A3A3A;
}

.custom-model-inner span.desktop_logos {
	text-align: center;
	width: 100%;
	margin-bottom: 10px;
	padding-bottom: 40px;
	position: relative;
	display: flex;
}

.custom-model-inner span.desktop_logos img {
	max-width: 210px;
	width: 100%;
	position: relative;
	margin: 0 auto;
}

.custom-model-inner p.new-year-text {
	position: relative;
	top: -51px;
	font-size: 25px;
	left: 25px;
	line-height: 30px;
	margin: 0;
	font-weight: 700;
}

.custom-model-inner p.side-form-text {
	font-size: 25px;
	line-height: 30px;
	font-weight: 500;
	margin-top: -20px;
	margin-bottom: 20px;
}

.quote-form-img {
	position: absolute;
	left: -157px;
	z-index: 19;
	max-width: 200px;
	top: 100px;
}

.quote-form-img {
	position: absolute;
	left: 7px;
	z-index: 0;
	max-width: 20px;
	top: 100px;
	transition: all 1.4s ease 0s;
}

.model-open .quote-form-img {
	position: absolute;
	left: -155px;
	z-index: 19;
	max-width: 200px;
	top: 100px;
}

.quote-form-img img {
	width: 100%;
	position: relative;
	left: 6px;
}

img.flag_icon {
	max-width: 28px;
	left: 0px;
	text-align: left;
	position: absolute;
	bottom: 10px;
}

.custom-drop.country_icon {
	position: relative;
}

.country_icon input[type="number"] {
	padding-left: 40px;
}

.a2a_kit {
	text-align: right;
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	justify-content: flex-end;
}

.a2a_kit a {
	cursor: pointer;
	width: 0;
	height: 23px;
	margin: 0 0 0 -3px;
	line-height: 23px;
	transition: width 0.4s ease-in-out, margin 0.4s ease-in-out;
	-webkit-transition: width 0.4s ease-in-out, margin 0.4s ease-in-out;
	overflow: hidden;
}

.a2a_kit a .a2a_svg {
	width: 26px;
}

a.a2a_button_facebook span, a.a2a_button_twitter span, a.a2a_button_pinterest span, a.a2a_button_linkedin span {
	background: transparent !important;
}

.icon-showhide {
	display: flex;
}

.a2a_kit .view-icon a {
	overflow: inherit;
	width: 20px;
	margin: 0 0 0 18px;
	opacity: 1;
}

.post_category {
	color: var(--red-color);
}

.banner_band h1, .blog-innerdetail h2, .blog-innerdetail h3 {
	font-weight: bold;
	font-size: clamp(30px, 5vw, 60px);
	line-height: clamp(32px, 5vw, 65px);
	text-transform: none;
	display: block;
	color: var(--text-color);
	transition: all .4s ease 0s;
	padding: 20px 0 50px;
}

.blog-innerdetail h2 {
	font-size: clamp(30px, 5vw, 36px);
	line-height: clamp(32px, 5vw, 40px);
}

.blog-innerdetail h3 {
	font-size: clamp(18px, 5vw, 30px);
	line-height: clamp(24px, 5vw, 36px);
}

.blog-innerdetail .size-large {
	margin: 40px 0px;
}

.blog-categories .blog-hero {
	margin-bottom: 20px;
}

.blog-categories .col-md-6 {
	margin-bottom: 70px;
}

.blog-innerdetail .size-large img {
	width: 100%;
}

blockquote.wp-block-quote:before {
	position: absolute;
	content: open-quote;
	font-size: 230px;
	top: 50px;
	color: #fff;
	font-family: auto;
	z-index: -1;
	opacity: 0.2;
	line-height: 110px;
}

blockquote.wp-block-quote {
	position: relative;
	margin-top: 40px;
	quotes: auto;
	padding: 50px 0px;
	border-top: 1px solid var(--border-color);
	border-bottom: 1px solid var(--border-color);
}

blockquote.wp-block-quote p {
	font-size: 26px;
	font-style: italic;
	line-height: 43px;
}

ul.li-hafe.li-full {
	display: initial;
}

ul.li-hafe.li-full li {
	width: 100%;
	max-width: 100%;
	margin: 0px;
	display: block;
}

ul.li-hafe.li-full li ol li::before {
	display: none;
}

ul.li-hafe.li-full li ol li {
	list-style: decimal;
	display: list-item;
	text-align: -webkit-match-parent;
	padding-left: 10px;
}

ul.li-hafe.li-full li ol {
	margin: 10px 0px 10px 30px;
}

.blog-innerdetail .wp-block-table td {
	text-align: center;
	padding: 30px 0px;
	border-top: 1px solid var(--border-color);
	border-right: 1px solid var(--border-color);
}

.blog-innerdetail .wp-block-table thead tr th {
	padding: 40px 0px;
}

.blog-innerdetail .wp-block-table thead {
	background: linear-gradient(98.1deg, #FF5141 3%, rgb(176 73 255 / 100%) 83%, rgba(82, 79, 255, 100%) 131.1%);
	padding: 30px;
}

.blog-innerdetail .wp-block-table table {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid var(--border-color);
}

.blog-innerdetail .wp-block-table {
	margin: 50px 0 70px;
	overflow-x: inherit;
	border-style: solid;
	border-width: 1px;
	border-image: linear-gradient(134.12deg, #FF5140 -13.98%, #42A3FE 60.21%, #861CFD 100.84%) 30 / 1 / 0 stretch;
}

.blog-innerdetail .wp-block-table tr td:nth-child(3) {
	border-right: 0px;
}

.share_icons {
	width: inherit;
	margin: 50px 0px;
	display: flex;
	align-content: flex-start;
	align-items: stretch;
	justify-content: flex-end;
}

.banner_band {
	padding-top: 50px;
}

.prev_next_btn {
	display: flex;
	align-items: center;
	flex: 0 0 100%;
	align-content: center;
	justify-content: space-between;
	flex-wrap: nowrap;
	padding: 0px 15px;
}

.prev_next_btn a {
	color: var(--text-color);
	font-size: 20px;
	margin-bottom: 50px;
}

.blog-innerdetail .blog-cont h3 {
	margin: 0px;
	padding: 20px 0 50px;
}

.post_category~.share_icons {
	margin: -46px 0px 0px 0px;
}

.bottom-share {
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
}

.custom-icon {
	cursor: pointer;
}

span.menu-arrow {
	position: relative;
	border: 1px solid var(--border-color);
	width: 32px;
	height: 32px;
	line-height: 30px;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
	vertical-align: middle;
	margin-left: 10px;
}

#icon-arrow-right {
	visibility: visible;
	fill: #fff;
	width: 16px;
}

.mega_menu_wrapper .menu_wrapper .menu-box .menu-box-inner ol {
	display: flex !important;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
	width: 100%;
}

.mega_menu_wrapper .menu_wrapper ul li .menu-box-img a:after, .mega_menu_wrapper .menu_wrapper ul li menu-box a:after {
	display: none;
}

.mega_menu_wrapper .menu_wrapper ul li .menu-box img, .mega_menu_wrapper .menu_wrapper ul li .menu-box a img {
	position: inherit;
	opacity: 1;
	visibility: visible;
	width: initial;
	height: initial;
	pointer-events: none;
	z-index: inherit;
}

.mega_menu_wrapper .menu_wrapper ul li .menu-box li {
	display: inline-block;
	margin: auto;
}

.mega_menu_wrapper .menu_wrapper ul li .menu-box ol {
	padding: 0px;
	margin: 0px;
}

.menu-box ol li a:after {
	display: none !important;
}

.mega_menu_wrapper .menu_wrapper ul li:hover .menu-box a, .mega_menu_wrapper .menu_wrapper ul li .menu-box a {
	padding: 10px;
	margin: 0px;
}

.menu-box-inner~.menu-box-img {
	margin-top: 40px;
}

.menu-box-img {
	display: flex;
	align-items: center;
}

.mega_menu_wrapper .menu_wrapper ul li:hover .menu-box .menu-box-left a {
	font-size: 14px;
	color: var(--text-color);
	font-weight: 400;
}

.menu-box-left.menu-boxhero {
	width: 100%;
	max-width: 240px;
	margin-right: 20px;
}

.menu-box {
	padding: 20px;
	border: 1px solid var(--border-color);
	margin-top: 10%;
	background: var(--bg-color);
}

/*laravel service*/
.banner-section .filled_text {
	padding-bottom: 22px;
}

.why-choose-laravel .hiring-sl-cont {
	position: relative;
	z-index: 2;
	height: 100%;
	border: 1px solid var(--border-color);
	margin: 0px 2px;
}

.why-choose-laravel .hiring-slider-div .owl-stage {
	display: flex;
	align-items: stretch;
	justify-content: center;
}

.why-choose-laravel .why-hiring-slider .item {
	height: 100%;
}

.hiring-sl-inner h3 {
	font-size: 30px;
}

.our_approach_row {
	display: flex;
	margin: 0 -10px;
	padding: 80px 0;
	border-top: 1px solid #3A3A3A;
	position: relative;
	float: left;
}

.our_approach_row .approach_row_title {
	width: 40%;
	float: left;
	padding: 0 10px;
}

.our_approach_row .approach_row_txt {
	width: 40%;
	float: left;
	padding: 0 10px;
}

.our_approach_main {
	margin-bottom: 100px;
}

.approach_hover_img {
	position: absolute;
	right: -80px;
	top: 50%;
	visibility: hidden;
	opacity: 0;
	transition: 550ms all;
	z-index: 9;
	transform: translateY(-50%);
	width: 20%;
}

.our_approach_row:hover .approach_hover_img {
	opacity: 1;
	visibility: visible;
}

.approach_hover_img img {
	max-width: 240px;
	width: 100%;
}

.approach_btn .view_more_btn.view-more {
	margin: 0;
}

.laravel_page .hiring-process-box h3 {
	font-size: 30px;
}

.coding_tab .home-tab {
	margin-top: 50px;
}

.faqs-acc .li-hafe li {
	width: 100%;
	max-width: 100%;
	flex: 0 0 100%;
	line-height: 1.5;
}

.faqs-acc ul.li-hafe {
	margin-bottom: 30px;
}

.our-hiring-models-wrapper.laravel-hiring-models .our-hiring-models-box:after {
	display: none;
}

.our-hiring-models-wrapper.laravel-hiring-models .container .row .col-md-6:first-child .our-hiring-models-box:before {
	display: none;
}

.why-hiring-slider .item {
	width: 100%;
}

.our_approach_main h3 {
	font-size: 30px;
	padding-bottom: 0;
}

.laravel-hiring-models.our-hiring-models-wrapper .our-hiring-models-box h3 .mob-num {
	display: none;
}

/*flutter page */
.flutter_app_page .horizontal_tab .right_tab ul li {
	padding: 10px;
}

.flutter_app_page .horizontal_tab .right_tab ul li svg {
	max-width: 76px;
}

.flutter_app_page .tab_section .right_tab p {
	padding-top: 20px;
}

.android-assist-box {
	margin-bottom: 70px;
}

.android-assist-box:last-child {
	margin-bottom: 0;
}

.android-assist-box h3 {
	font-size: 30px;
}

.android-img {
	padding: 0 20px;
	text-align: center;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.android-img svg {
	max-width: 280px;
	height: 100%;
}

.trending-blog-main h3 {
	font-size: 30px;
}

.blog_box ul li {
	display: inline-block;
	color: var(--text-color);
}

.blog_box .blog_img_box {
	margin-bottom: 20px;
}

.blog_img_box {
	overflow: hidden;
}

.blog_img_box img {
	transition: 550ms all;
	overflow: hidden;
}

/* .blog_img_box:hover img { transform: scale(1.2);} */
.android-banner .interested-cont {
	padding-right: 300px;
	line-height: 1.3;
}

.android-banner .interested-cont h3 {
	max-width: 750px;
}

.android-app-banner-img {
	position: absolute;
	right: 80px;
	bottom: 10px;
}

.our_approach_main .view_more_btn.view-more {
	display: inline-block;
	text-align: center;
	margin-top: 30px;
	float: left;
}

.mobile_none {
	display: block;
}

.desktop_none {
	display: none;
}

/*hire seo page*/
.seo_hiring .filled_text {
	max-width: 970px;
}

.seo-hiring-models .models-box-title h3 {
	text-transform: uppercase;
}

.seo-hiring-models .models-box-content li h4 {
	text-transform: uppercase;
}

.hire_seo_page .quick_look-wrapper .right_tab {
	margin-top: 0;
}

.hire_seo_competence .tab_section .right_tab p {
	padding-top: 0;
}

.our-hiring-models-box.moretext {
	display: none;
	width: 100%;
}

.hiring-process-wrapper .hiring-process-box h3 {
	font-size: 30px;
}

.hire_seo_competence .horizontal_tab .tab-menu ul li a {
	padding-left: 0;
	text-transform: uppercase;
}

.hire_seo_competence .tab_section.horizontal_tab .tab-menu ul {
	border: none;
}

.hire_seo_competence .tab_section.horizontal_tab .tab-menu ul li a.active-a:after {
	display: none;
}

.hire_seo_competence.quick_look-wrapper .right_tab {
	align-items: flex-start;
}

/*seo page*/
.our_approach_section:after {
	content: '';
	clear: both;
	display: table;
}

.top-seo-company-box {
	border: 1px solid #3A3A3A;
	padding: 94px 34px;
	text-align: center;
	max-width: 638px;
	margin: 0 auto;
}

.seo-company-img {
	margin-bottom: 20px;
}

.seo-expert-slider .hiring-sl-cont ul li h5 {
	margin-bottom: 10px;
}

.seo-expert-slider .hiring-sl-cont ul li {
	margin-bottom: 30px;
}

.hiring-sl-img {
	margin-bottom: 30px;
}

.seo-form-box input[type="text"], .seo-form-box input[type="email"] {
	background: rgba(255, 255, 255, 0.5);
	border: none;
	border-bottom: 0;
	color: var(--text-color);
	font-size: 18px;
	font-weight: 400;
	line-height: 24px;
	width: 100%;
	height: 60px;
	padding: 5px 32px;
	box-shadow: none;
	-webkit-appearance: none;
	border-radius: 10px;
}

.seo-form-box .submit {
	margin-bottom: 0;
}

.seo-form-box .submit input[type="submit"] {
	background-color: var(--bg-color);
	color: var(--text-color);
	margin-bottom: 0;
	max-width: 260px;
	width: 100%;
	margin-top: 10px;
}

.seo-form-box .interested-div {
	padding: 40px 60px;
}

.seo-approch-main .hiring-slider-div {
	width: 100% !important;
}

.seo-accordion.hire-faqs-wrapper h5 {
	padding-left: 0;
}

.seo-accordion.hire-faqs-wrapper h5:after {
	width: 12px;
	height: 12px;
	top: 45%;
	border-bottom: 2px solid var(--text-color);
	border-right: 2px solid var(--text-color);
	content: '';
	display: block;
	margin-top: -4px;
	pointer-events: none;
	position: absolute;
	right: 12px;
	left: auto;
	top: 50%;
	-webkit-transform-origin: 66% 66%;
	-ms-transform-origin: 66% 66%;
	transform-origin: 66% 66%;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

.seo-accordion.hire-faqs-wrapper h5.active:after {
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.laravel-hiring-models.our-hiring-models-wrapper .container .row .col-md-6:first-child:after, .laravel-hiring-models.our-hiring-models-wrapper .container .row:after {
	display: none;
}

.laravel-hiring-models.our-hiring-models-wrapper .container .row .col-md-6:first-child {
	border: 0;
}

.laravel-hiring-models.our-hiring-models-wrapper .our-hiring-models-box h3 {
	font-size: 30px;
}

.light_mood .seo-form-box h3 {
	color: #fff;
}

.light_mood .seo-form-box .submit input[type="submit"] {
	background-color: var(--text-color);
	color: var(--bg-color);
}

/*GRAPHIC PAGE*/
.single-image-graphic {
	text-align: center;
}

.graphic_banner_img {
	text-align: center;
}

.graphic_banner_img img {
	background: var(--red-color);
}

.graphic_banner_main h2 {
	font-size: 100px;
	line-height: 1.2;
	text-transform: uppercase;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	max-width: 930px;
	margin: auto;
	left: 0;
	right: 0;
	transition: all 1s ease 0s;
}

.scroll-zoom .graphic_banner_main h2 {
	top: -50%;
}

.graphic_banner_main {
	text-align: center;
	position: relative;
}

.graphic_banner_txt {
	max-width: 685px;
	margin: 0 auto;
	text-align: center;
	margin-top: 40px;
}

.graphic_page .Marquee-main {
	transform: rotate(-8deg);
	width: 112%;
	padding: 0px;
	margin-left: -20px;
}

.banner-marquee {
	overflow: hidden;
	padding: 140px 0 160px;
}

.zig-zag-images .main-div-row .row-1 {
	margin-top: 20px;
}

.zig-zag-images .main-div-row .row-2 {
	margin-top: 20px;
}

.zig-zag-images .main-div-row .row2 {
	margin-top: 80px;
}

.zig-zag-images .row-1 video {
	width: 100%;
}

.our-code-main ul.li-hafe li:before {
	top: 3px
}

.single-image-full {
	background-image: url(../img/graphic-img.jpg);
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	background-size: cover;
}

/*ui-ux page*/
.passion-main h3 {
	font-size: 35px;
	line-height: 2.3;
	font-weight: normal;
	max-width: 860px;
}

.ui_ux_design_page ul.li-hafe li:before {
	top: 2px;
}

.swiper-left h3 {
	text-transform: uppercase;
}

.ui_ux_design_page .Marquee-main {
	transform: rotate(9deg);
}

ul.slick-dots {
	display: none !important;
}

/*seo expert*/
.working-steps-box .working-info .working-with-sl {
	width: 100%;
	border: 1px solid var(--border-color);
	padding: 50px 50px;
	max-width: 1200px;
	margin: 0px auto;
	float: none;
	border-radius: 70px;
	display: flex;
	justify-content: space-between;
}

.required_skill .small_text, .required_skill .filled_text {
	text-align: left;
}

.hire-frontend-expertise .small_text, .hire-frontend-expertise .filled_text {
	text-align: center;
}

.why-hiring-slider-approach .item {
	padding: 0 20px 0 0;
}

/*all plugin*/
.circle-carousel .slide {
	flex-direction: column;
	padding: 0 50px;
}

.circle-slider .slides .slide svg {
	margin-bottom: 15px;
}

.circle-slider .slides .slide h2 {
	font-size: 30px;
	margin-bottom: 15px;
	font-weight: normal;
}

.light_mood .white-dot.owl-theme .owl-dots .owl-dot.active span {
	width: 14px;
	height: 14px;
	background-color: var(--red-color);
}

.light_mood .right_tab svg .white-clr {
	fill: #fff;
}

.right_tab svg .white-clr {
	fill: #000;
}

.techno-inner h2 {
	text-transform: uppercase;
}

.history-swiper-container .num-left h4 {
	left: 30%;
}

.heading-title {
	display: none;
}

.our_approach_section {
	padding: 60px 0;
}

.bsf-rt-display-label {
	display: none;
}

section.band_space.required_skill.hire-frontend-expertise.center .col-md-4 {
	margin-bottom: 50px;
}

.why-hiring-slider .item .hiring-sl-cont {
	border: 1px solid var(--border-color);
	padding: 20px;
	height: 100%;
	display: flex;
	flex-direction: column;
	min-height: 600px;
}

/* .quote-form-img { display: none;} */
.dot svg path {
	fill: #fff;
}

.light_mood .dot svg path {
	fill: #000;
}

.light_mood .circle-slider svg path {
	fill: #000;
}

.circle-slider svg path {
	fill: #fff;
}

.branding-img.graphic_banner_img figure {
	background: url(../img/brand-header-images.png) no-repeat center center;
}

.blog-innerdetail li a {
	color: #fff;
	font-weight: normal;
}

.light_mood .blog-innerdetail li a {
	color: #000;
}

.light_mood .blog-innerdetail ol li strong {
	font-weight: normal;
}

.menu-blogdetail-container {
	margin-bottom: 90px;
}

.menu-blogdetail-container #menu-blogdetail {
	display: flex;
	width: 100%;
	width: 100%;
	justify-content: space-between;
}

.menu-blogdetail-container #menu-blogdetail:after {
	display: none;
}

.menu-blogdetail-container #menu-blogdetail li {
	width: auto;
	font-size: 20px;
	display: flex;
	justify-content: center;
	padding: 0 20px;
}

.menu-blogdetail-container #menu-blogdetail li:hover a {
	color: var(--red-color);
}

.menu-blogdetail-container #menu-blogdetail li:first-child {
	padding-left: 0;
}

.menu-blogdetail-container #menu-blogdetail li:last-child {
	padding-right: 0;
}

.menu-blogdetail-container #menu-blogdetail li a {
	color: var(--text-color);
}

.blog-innerdetail ol li strong, .blog-innerdetail ul li strong {
	margin: 0;
}

.blog-innerdetail ol li strong {
	font-weight: normal;
}

.wp-block-video video {
	height: 315px;
}

.blog-innerdetail ol {
	padding-left: 40px;
}

.blog-innerdetail h2, .blog-innerdetail h3, .blog-innerdetail strong {
	color: #fff !important;
}

.light_mood .blog-innerdetail h2, .light_mood .blog-innerdetail h3, .light_mood .blog-innerdetail strong {
	color: #000 !important;
}

.blog-detail-main .interested-cont .tran_text {
	margin-left: 10px;
	display: inline-block;
}

blockquote {
	border-top: 1px solid #3A3A3A;
	padding: 80px 60px 60px;
	border-bottom: 1px solid #3A3A3A;
	margin-bottom: 50px;
	position: relative;
}

blockquote em {
	font-size: 26px;
	line-height: 1.6;
}

blockquote:before {
	content: '';
	background-image: url(../img/quote-img.png);
	width: 138px;
	height: 111px;
	position: absolute;
	top: 30px;
}

.blog-innerdetail strong {
	margin: 0;
}

.light_mood blockquote:before {
	filter: brightness(0.4);
}

blockquote strong {
	font-weight: normal !important;
}

.subscribe-search .sib-form {
	width: 100%;
	background: transparent !important;
	padding: 0;
}

#sib-container {
	background: transparent !important;
	margin: 0 auto;
	padding: 0;
	display: inline-block;
	width: 100%;
	padding: 0 !important;
	width: 100%;
	max-width: 100% !important;
	border: 0 !important;
}

.subscribe-search #sib-container form {
	width: 100% !important;
	display: flex;
	justify-content: space-between;
}

.subscribe-search #sib-container form>.form-plug {
	width: 100% !important;
}

.sib-form {
	width: 100%;
	max-width: 100% !important;
	background-color: transparent !important;
}

.sib-form-block .entry__field {
	background: transparent !important;
	border-radius: 0 !important;
	height: 70px;
	border: 1px solid var(--border-color) !important;
	border-right: 0 !important;
	margin: 0 !important;
}

.sib-form-block .entry__field {
	padding: 0 30px;
}

.sib-form-block {
	padding: 0 !important;
}

.sib-form .entry__error {
	color: #ff4949 !important;
	background-color: transparent !important;
	border-color: transparent !important;
	display: block;
}

.sib-form-block .sib-form-block__button {
	font-size: 14px !important;
	font-weight: normal;
	font-family: "Helvetica", sans-serif;
	color: #FFFFFF;
	background-color: #FF5141 !important;
	border-radius: 0 !important;
	border-width: 0px;
	height: 70px;
	max-width: 264px !important;
	width: 100% !important;
	text-align: center !important;
	border: 1px solid #FF5141
}

.form-plug1 {
	max-width: 264px;
	width: 100%;
}

.am_posts_navigation {
	margin-top: 80px;
}

.who-we-are-team .center .slider-hero:after {
	display: none;
}

.blog-categories .button.active {
	color: #ff5141;
}

.blog-categories .asr-filter-div {
	margin-bottom: 50px;
}

.post.not-found {
	padding: 60px 0;
}

.techno-box svg {
	max-width: 250px;
}

.menu-blogdetail-container ul#menu-blogdetail li.current-menu-item a {
	color: #ef4d3e;
}

.light_mood .our-hiring-models-box .models-box-title svg line {
	stroke: var(--text-color);
}

.light_mood svg circle.bg-black {
	stroke: var(--text-color) !important;
	background: var(--text-color) !important;
}

.light_mood svg path.bg-black {
	stroke: #000;
	fill: transparent;
}

.mob-quote {
	display: none;
}

.tab_drawer_heading .icon-yellow path, .light_mood .icon-yellow path {
	fill: #FFB648;
}

.tab_drawer_heading .icon-blue path, .light_mood .icon-blue path {
	fill: #49A0F0;
}

.team_band, .work-at-indylogix, .history_band, .who_we_are, .zero_politics, .protocols, .career {
	margin-bottom: -2px;
}

.intl-tel-input {
	width: 100%
}

.iti__selected-flag {
	align-items: unset;
	padding-top: 11px;
}

/* ============================ ===== 7 Media Query #media ================================= */
/********************************* Mobile Potrait #MP ********************************/
@media screen and (max-width: 480px) and (orientation: portrait) {}

@media screen and (max-width: 480px) and (orientation: landscape) {}

/* ================================= Common For All mobile definitions #mx ================================= */
@media all and (max-width: 1600px) {
	.tab-menud ul.tabs li {
		font-size: 26px;
	}

	.graphic_banner_main h2 {
		font-size: 80px;
	}

	.why-hiring-slider .item {
		padding-right: 30px;
	}

	.graphic_page .Marquee-main {
		transform: rotate(-13deg);
	}

	.our-code-main #lottie {
		right: 0px;
	}

	.required_skill h4 {
		font-size: 18px;
	}

}

@media all and (max-width: 1200px) {
	.history-swiper-container .num-left h3 {
		left: 28%;
	}

	.work-brand-view {
		min-height: 300px;
	}

	.ui_ux_design_page .Marquee-main {
		transform: rotate(12deg);
	}

}

@media all and (max-width: 1024px) {
	.christmas {
		display: none;
	}

	.mega_menu_wrapper .menu_wrapper>ul>li {
		width: 100%;
		position: relative
	}

	.mega_menu_wrapper .menu_wrapper>ul>li>a {
		font-size: clamp(16px, 3vw, 20px);
		line-height: clamp(20px, 3vw, 30px);
		margin-bottom: 15px
	}

	.mega_close_btn {
		right: 3px;
		top: 17px;
		font-size: 40px
	}

	.mega_menu_wrapper .menu_wrapper>ul>li arrow {
		position: absolute;
		width: 20px;
		text-align: center;
		right: 0;
		top: 3px;
		transition: all .4s ease 0s;
		z-index: 99;
		cursor: pointer;
	}

	.mega_menu_wrapper {
		padding: 90px 0 50px
	}

	.mega_menu_wrapper .menu_wrapper ul ul {
		position: relative;
		width: 100%;
		height: auto;
		transition: none;
		opacity: 1;
		visibility: visible;
	}

	.mega_menu_wrapper .menu_wrapper li.open_sub_menu ul {
		opacity: 1;
		visibility: visible
	}

	.mega_menu_wrapper .menu_wrapper ul ul a {
		font-size: 14px;
		line-height: 19px;
		font-weight: 400;
		margin-bottom: 15px
	}

	.mega_menu_wrapper .menu_wrapper>ul>li.open_sub_menu arrow {
		transform: rotate(-180deg)
	}

	.mega_menu_wrapper .row h4 {
		font-size: 20px;
		line-height: 26px;
		margin-bottom: -7px;
		padding-top: 9px
	}

	.mega_menu_wrapper .row a, .mega_menu_wrapper .row address {
		font-size: 15px;
		line-height: 22px
	}

	.mega_menu_wrapper .row a svg {
		width: 16px
	}

	.tab_section .tab-menu ul li a {
		font-size: 16px;
	}

	.home-tab .tab-menu ul {
		padding-bottom: 23px;
	}

	.mega_menu_wrapper .menu_wrapper ul ul {
		padding-left: 20px;
		pointer-events: auto;
	}

	.mega_menu_wrapper .menu_wrapper ul ul a:after {
		top: 8px;
	}

	.mega_menu_wrapper .menu_wrapper ul li {
		position: relative;
	}

	.mega_menu_wrapper .menu_wrapper ul li.active>ul {
		display: block !important;
	}

	.approach_hover_img {
		right: 0;
	}

	.tab-menud ul.tabs li {
		font-size: 20px;
	}

	.tabin-cont p {
		font-size: 16px;
	}

	.hiring-process-wrapper .hiring-process-box h3 {
		font-size: 26px;
		line-height: 1.4;
	}

	.trending-blog-main h3 {
		font-size: 26px;
		line-height: 1.3;
	}

	.passion-main h3 {
		font-size: 30px;
		line-height: 1.4;
	}

	/**/
	.security__item {
		width: 140px;
		height: 140px;
	}

	.Marquee {
		transform: rotate(6deg) scale(0.95);
		width: 100%;
	}

	.hire-other-services .col-md-6:last-child {
		padding-left: 40px;
	}

	.hire-other-services .col-md-6:last-child {
		padding-left: 40px;
	}

	.our_approach_main h3 {
		font-size: 26px;
		line-height: 1.4;
	}

	.who-hiring-slider .owl-nav {
		top: -60px;
	}

	.large-slide-arrow .owl-controls .owl-nav div {
		width: 50px;
		height: 50px;
	}

	.interested-div {
		padding: 0px 40px 40px
	}

	.hiring-process-wrapper .hiring-process-box h3 {
		padding-right: 10px;
	}

	.content_row .toggle-text h3 {
		font-size: 30px;
	}

	.flutter_app_page .horizontal_tab .right_tab ul li {
		padding: 0 7px;
		max-width: 60px;
	}

	.graphic_page .Marquee-main {
		transform: rotate(-12deg) scale(0.95);
	}

	.ui_ux_design_page .Marquee-main {
		transform: rotate(4deg) scale(0.95);
	}

	.development_band_slider .owl-dots {
		justify-content: center;
	}

	.development_band_slider .owl-controls {
		max-width: 670px;
		margin-left: 0;
		margin: auto;
	}

	.hiring-sl-cont h3 {
		font-size: 26px;
		line-height: 1.2;
	}

	.hire-other-services h3 {
		font-size: 30px;
	}

	.why-hiring-slider .item {
		padding-right: 10px;
	}

	.how-hiring .filled_text {
		padding-bottom: 80px;
	}

	.hire_page h3 {
		font-size: 30px;
		line-height: 1.2;
	}

	.why-choose .hiring-slider-div .owl-controls .owl-dots {
		padding-right: 0;
	}

	.android-assist-box h3 {
		font-size: 28px;
		line-height: 1.2;
	}

	.who-we-are-team .owl-controls .owl-nav {
		left: calc(50% + 25%);
	}

	.who-we-are-team .owl-controls .owl-nav .owl-prev {
		margin-left: 0;
	}

	.history-swiper-container h3 {
		left: 100px;
		font-size: 48px;
	}

	.our-history .owl-nav {
		padding-right: 20%;
	}

	.our-history.owl-carousel .owl-stage-outer {
		margin-left: -20px;
	}

	.history-swiper-container h4 {
		padding: 10px 20px;
		font-size: 16px;
	}

	a.right-arrow-btn svg {
		margin-left: 10px;
		max-width: 25px;
	}

	.our-work .btn-manig {
		margin-bottom: 0;
		padding-left: 50px;
		padding-right: 50px;
	}

	.join_us .recent_works ul li h4 {
		min-height: 120px;
		line-height: 1.3;
	}

	.join_us .recent_works ul li {
		padding: 40px 1rem 40px;
	}

	.latest_jobs .tab-menu {
		margin: 30px auto;
	}

	.career-ser .opening-tab {
		padding-right: 0;
	}

	.latest_jobs .show-cont {
		height: 50px;
		width: 50px;
		right: 40px;
		top: 10px;
	}

	.seo-facts ul.tabs li figure {
		height: 100%;
		display: flex;
		align-items: center;
		max-height: 100px;
	}

	.seo-facts .tab-menud ul.tabs li {
		margin: 0 6px;
	}

	.working-steps-box .working-info .working-with-sl {
		justify-content: center;
		align-items: center;
		padding: 20px;
	}

	.working-steps-box .working-info .working-with-sl .img-box {
		width: 40%;
	}

	.working-steps-box .working-info .working-with-sl .working-cont {
		width: 60%;
	}

	.working-steps-box .working-info .working-with-sl .working-cont h3 {
		font-size: 28px;
	}

	.hire-faqs-wrapper.seo-accordion ul li .set {
		padding: 0;
	}

	.home-tab .tab-menud ul.tabs li {
		font-size: 16px;
	}

	section.new-day {
		clear: both;
		padding-bottom: 0px;
	}

	.graphic_page .Marquee-main {
		margin-left: -50px;
	}

	.required_skill h4 {
		font-size: 16px;
		min-height: 110px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.why-hiring-slider .item .hiring-sl-cont {
		min-height: 660px;
	}

	.menu-blogdetail-container #menu-blogdetail li {
		font-size: 18px;
	}

	.form-plug1 {
		max-width: 160px;
	}

	/* new banner 
  .hero_band{background-position: center;padding: 200px 0 300px;}*/

}


@media all and (max-width: 767px) {

	.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	
	.x {
		display: none
	}

	h1 {
		font-size: 28px;
		line-height: normal
	}

	h2 {
		font-size: 26px
	}

	h3 {
		font-size: 20px
	}

	h4 {
		font-size: 18px
	}

	.custom-model-wrap {
		padding: 20px 40px 20px 40px;
	}

	.quick_look-wrapper .right_tab {
		display: block;
	}

	.working-steps-box .working-info .working-with-sl {
		display: block;
		padding: 30px;
	}

	.menu-box {
		margin: 20px 20px 30px 0px;
	}

	section.hero_band.band_space, .career_hero_band, section.our-work-hero.band_space, .career_hero_band.band_space {
		padding-top: 70px;
	}

	h2.filled_text.center, span.small_text.center, .new-day.band_space.center, .required_skill.center {
		text-align: left;
	}

	/* section.home-tab-main.band_space { padding-top: 0px; } */
	.coding_tab .home-tab {
		margin-top: 10px;
	}

	.hire_page h3 {
		font-size: 20px;
	}

	.hire_page .hiring-process-wrapper h3 {
		line-height: 24px;
	}

	.hire-other-services ul li a h4, .quote-header.text {
		display: none;
	}

	.hero-mainclass .container {
		padding-right: 20px;
	}

	.work-cont h3 {
		line-height: 30px;
		font-size: 24px;
	}

	.hiring-slider-div .item h3 {
		line-height: 30px;
		font-size: 26px;
	}

	.web-hire .owl-carousel .owl-stage-outer {
		padding-left: 0px;
	}

	.hover-box::after {
		background: #000 url(../img/food-cart-mob.webp) center center no-repeat;
		background-size: cover;
	}

	.hover-box.ho-bo2::after {
		background: #000 url(../img/amaze-mob.webp) center center no-repeat;
		background-size: cover;
	}

	.hover-box.ho-bo3::after {
		background: #000 url(../img/doc-plus-mob.webp) center center no-repeat;
		background-size: cover;
	}

	.hover-box.ho-bo4::after {
		background: #000 url(../img/zobax-mob.webp) center center no-repeat;
		background-size: cover;
	}

	.hover-box.ho-bo5::after {
		background: #000 url(../img/hc-mob.webp) center center no-repeat;
		background-size: cover;
	}

	.why-choose .why-hiring-slider .item {
		border: 1px solid var(--text-color);
		padding: 15px 0;
	}

	.why-choose .hiring-slider-div .item svg, .hiring-sl-inner svg {
		max-width: 70px;
		max-height: 70px;
	}

	.row.techno-ex .col-md-4 {
		margin: 10px 0px;
		flex: 0 0 50%;
		padding: 0px 15px;
		max-width: 50%;
	}

	.Extra-link a {
		margin-top: 40px;
		font-size: 18px;
	}

	.why-choose .hiring-slider-div .owl-theme .owl-dots .owl-dot span {
		width: 8px;
		height: 8px;
	}

	.techno-box span {
		margin-bottom: 20px;
	}

	.techno-box {
		padding-top: 20px;
		min-height: inherit;
		max-width: 100%;
	}

	.techno-box img {
		max-width: 70px;
		max-height: 70px;
	}

	.why-choose .hiring-slider-div .owl-controls .owl-dots {
		text-align: left;
		padding-right: 0px;
		padding-top: 0px;
		margin-top: 20px;
	}

	.home-industries .tab_section .right_tab p {
		padding-top: 30px;
	}

	.hire-other-services ul {
		max-width: 320px;
		margin: auto;
	}

	p.intro {
		font-size: 20px;
		line-height: 30px
	}

	.alignnone, a img.alignnone, .aligncenter, div.aligncenter, .alignright, a img.alignright, .alignleft, a img.alignleft {
		margin: 30px auto;
		float: none
	}

	.container, #primary {
		padding-right: 20px;
		padding-left: 20px
	}

	.small_container, .site_full, .faqs-acc ul li ul.li-hafe {
		padding: 0 20px
	}

	.social_bar {
		display: none
	}

	.band_space {
		padding: 40px 0 30px;
	}

	ul.li-hafe li {
		padding-bottom: 10px;
	}

	.required_skill .row {
		margin-top: 30px;
	}

	.development_img_shape span:after {
		content: none
	}

	.mobile_logo {
		display: block
	}

	.desktop_logos {
		display: none
	}

	header .col-md-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	header .nav_cover li:first-child {
		display: none
	}

	header.nav_down {
		padding: 20px 0
	}

	.mega_menu {
		padding-left: 0;
		margin-top: 15px
	}



	.hero_band .row {
		flex-direction: column-reverse
	}

	/* .filled_text{font-size: clamp(30px, 11vw, 85px);line-height: clamp(32px, 11vw, 90px);padding: 30px 0} */
	.filled_text {
		font-size: clamp(30px, 11vw, 30px);
		line-height: clamp(32px, 11vw, 40px);
		padding: 10px 0 30px;
	}

	/*h1.filled_text, h2.filled_text { font-size: 28px; line-height: 40px; }*/
	.red_btn:after, .cursor:before, .recent_works ul:after, .recent_works ul:before {
		content: none
	}

	.recent_works ul li {
		flex: 0 0 100%;
		max-width: 100%
	}

	.recent_works ul li:nth-child(4n), .recent_works ul li:nth-child(5n), .recent_works ul li:nth-child(6n) {
		border-bottom: 1px solid var(--border-color)
	}

	.development_img {
		padding: 0;
		margin-bottom: 30px
	}

	.red_btn span.text, input[type="submit"] {
		padding: 18px 29px
	}

	.recent_works ul {
		margin-top: 15px
	}

	.testimonial-carousel .owl-controls .owl-nav {
		right: 10px;
		top: 6px
	}

	.testimonial-carousel {
		margin-top: 0px
	}

	.development_band_slider .owl-dots {
		position: absolute;
		top: 0
	}

	.development_band_slider .owl-dots .owl-dot {
		min-width: 50px;
		width: 20%;
	}

	.testimonial-carousel .owl-nav div {
		width: 30px;
		height: 18px
	}

	.development_band_slider .owl-dots .owl-dot svg {
		width: 40px;
		height: 40px;
	}

	.development_band_slider .owl-dots .owl-dot:nth-child(3) svg {
		width: 32px;
	}

	.development_band_slider .owl-dot.active p {
		font-size: 14px;
		line-height: 20px
	}

	.development_band_slider .row {
		flex-direction: column-reverse
	}

	.development_band_slider .website_developement_box {
		padding: 100px 0 30px
	}

	.development_band_slider .col-md-5 {
		padding-right: 15px;
		width: 100%;
	}

	.development_band_slider .mob_view {
		display: block;
	}

	.development_band_slider .desk_view {
		display: none;
	}

	.development_img {
		text-align: left;
	}

	.development_img img {
		margin: 0;
	}

	.why_indylogix img {
		margin: 10px 0 60px
	}

	.mobile_slider {
		margin: 0
	}

	.mobile_slider [class^="col-md-"] {
		padding: 0
	}

	.mobile_slider .owl-dots .owl-dot {
		display: inline-block
	}

	.mobile_slider .owl-dots .owl-dot span {
		background-color: var(--text-color);
		width: 14px;
		height: 2px
	}

	.mobile_slider .owl-dots .owl-dot.active span {
		background-color: var(--red-color)
	}

	.icon {
		width: 42px;
		height: 42px;
		margin-right: 20px
	}

	.mobile_none {
		display: none;
	}

	.desktop_none {
		display: block;
	}

	.icon svg {
		padding: 6px
	}

	.why_points {
		padding-bottom: 20px
	}

	.achievements ul {
		padding-top: 30px;
		flex-wrap: wrap
	}

	.achievements ul li {
		max-width: 100%;
		flex: inherit;
		margin-bottom: 50px
	}

	.achievements ul li:last-child, .achievements ul li:nth-last-child(2) {
		margin-bottom: 0
	}

	.achievements ul li svg {
		margin-bottom: 30px;
		max-width: 60px;
		max-height: 70px;
		min-height: auto
	}

	.achievements ul li:nth-last-child(2) svg {
		max-width: 75px
	}

	.achievements ul li h5 {
		padding-bottom: 15px
	}

	.recognitions h2.filled_text {
		text-align: left
	}

	.recognitions ul {
		flex-wrap: unset;
	}

	.recognitions ul li {
		flex: 0 0 auto;
		max-width: none
	}

	.development_img_shape {
		display: none
	}

	.blog a {
		margin-bottom: 50px
	}

	

	.recognitions ul li span img {
		filter: grayscale(0)
	}

	.red_btn span.animation {
		padding: 18px 10px;
		text-align: center;
		line-height: 4px;
		min-width: inherit;
	}

	.brand-view-sl .slide {
		width: 100%;
	}

	/*section.career .filled_text .tran_text { -webkit-text-stroke-color: #fff; }
  section.career .filled_text { color: #fff; }*/
	.career .parellex_effect {
		padding-bottom: 50%;
	}

	section.career.band_space {
		padding-bottom: 90px;
	}

	.overlay {
		display: none;
	}

	.hover-box {
		padding: 70px 0px;
		background-size: cover;
	}

	.light_mood .overlay, .light_mood .hover-box, .hover-box, .overlay {
		background-color: rgba(255, 255, 255, 0.8);
	}

	p.padding-half {
		margin-left: 0px;
		padding: 10px 0px 0px;
	}

	.work-brand-view {
		min-height: 300px;
		padding-left: 20px;
		padding-top: 40px;
		overflow: hidden;
	}

	.work-cont p {
		font-size: 14px;
		line-height: 30px;
	}

	.light_mood .interested-cont .red_btn span.text {
		color: #fff;
	}

	.latest-job-right {
		display: none;
	}

	.moretext {
		display: none;
	}

	.moreless-button {
		display: block;
		margin-bottom: 10px;
	}

	.hire_page .why-hiring-slider h3 {
		line-height: 24px;
	}

	.hire-other-services .services_box h4 {
		font-size: 12px;
		line-height: 20px;
	}

	/* history */
	.hist-det-hdn {
		width: 100%;
		display: flex;
		align-items: flex-end
	}

	.history-swiper-container .history-cont {
		display: block;
		max-width: 400px;
		width: 100%;
		margin: 0 auto;
		padding: 0px 20px
	}

	.history-cont.history-cont-mid:before {
		content: '';
		position: absolute;
		top: 60%;
		border-bottom: 1px solid #333;
		width: 100%;
		left: 0px;
		right: 0px
	}

	.hist-trigger {
		display: none
	}

	.hist-det-box {
		width: 100%;
		padding: 20px 15px
	}

	.history-swiper-container h3 {
		font-size: 30px;
		width: auto;
		position: static;
		padding: 15px 20px 0 0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	.history-swiper-container h4 {
		flex: 1;
		width: 100%;
		position: static;
		padding: 15px 20px;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	.history-swiper-container {
		max-width: 100%
	}

	.our-history .owl-nav {
		text-align: center;
		padding-right: 0px;
		position: absolute;
		right: 0;
		left: 0;
		margin: auto
	}

	.our-history .owl-controls .owl-dots {
		text-align: right;
		margin: auto;
		width: 15px;
		right: 0;
		top: 8px;
		left: 0
	}

	.our-history.owl-carousel .owl-stage-outer {
		margin-left: 0px
	}

	footer .follow_us li:last-child, footer .follow_us li:nth-last-child(2) {
		display: inline-block
	}

	/* Who we are page */
	/* Hero section */
	.team_band .row {
		align-items: center;
		margin: 0 -15px
	}

	.team_band img {
		padding: 8px 0
	}

	.team_band [class^="col-md-"] {
		padding: 0 15px
	}

	.team_band .team-1 {
		transform: translate(0px, 0) scale(1)
	}

	.team_band .team-3, .team_band .team-8, .team_band .team-2, .team_band .team-7 {
		transform: translate(0, 0);
		opacity: 1
	}

	.team-5 {
		max-height: none
	}

	.team_band .team-5, .team_band .team-8, .team_band .team-7, .team-6 {
		display: none
	}

	.team_band .col-md-3 {
		order: 2;
		flex: 0 0 50%;
		padding-left: 9px
	}

	.team_band .col-md-3:first-child {
		padding-left: 15px;
		padding-right: 7px
	}

	.team_band .col-md-6 {
		order: 1
	}

	.who-we-are-team .item {
		width: 270px
	}

	.who-we-are-team .owl-controls .owl-nav {
		position: relative;
		left: 50%;
		text-align: center;
		margin-top: 20px
	}

	.who-we-are-team .owl-controls .owl-nav div {
		float: none !important;
		width: 60px;
		height: 60px;
		position: relative
	}

	.who_we_are p {
		line-height: 30px
	}

	.who_we_are .row:last-child {
		margin-top: 40px
	}

	.hist-det-box p {
		font-size: 14px
	}

	.career .join {
		padding: 0px 25px 20px;
		margin-top: -160px
	}

	.protocols ul {
		flex-wrap: wrap
	}

	.protocols ul li {
		flex: 0 0 100%;
		position: relative
	}

	.protocols ul li:after {
		content: '';
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: var(--bg-color);
		position: absolute;
		width: 25px;
		height: 25px;
		border: 1px solid var(--text-color);
		border-radius: 50%;
		z-index: 9;
	}

	.protocols ul li p {
		padding: 0;
		line-height: 30px
	}

	.protocols ul li p:after {
		content: none
	}

	.protocols ul li:nth-child(2n) div {
		margin-left: auto
	}

	.protocols ul li div {
		width: 45%
	}

	.protocols ul:after {
		width: 50%;
		height: 100%;
		border-bottom: none;
		border-right: 1px dashed var(--text-color);
		border-top: 0px transparent;
		transform: inherit;
		top: initial;
	}

	.protocols ul li svg {
		min-height: 50px;
		margin-bottom: 0
	}

	.who_we_are svg {
		min-height: auto;
		max-width: 50px;
		max-height: 50px;
		margin: 40px 0 12px
	}

	.who_we_are h3 {
		font-size: 24px;
		padding-bottom: 10px;
		line-height: 1.3;
	}

	/**/
	.mega_menu_wrapper .row {
		margin-top: 50px;
	}

	.mob-quote {
		display: block;
	}

	.mob-quote.quote-header.text {
		display: block;
	}

	.mob-quote.quote-header.text {
		position: relative;
		right: auto;
		top: auto;
		z-index: 9;
		transform: rotate(0);
		padding-top: 30px;
	}

	.mega_menu_wrapper {
		padding: 80px 0 50px;
	}

	/**/
	.contact .interested label i {
		padding: 16px 24px;
		font-size: 14px;
		display: block;
		text-align: center;
		max-width: 330px;
	}

	.contact .interested label:hover i b:last-child {
		top: 15px;
	}

	.contact .interested label {
		margin: 10px 20px 10px 0;
	}

	.contact {
		padding-bottom: 40px;
	}

	footer ul.recognitions {
		padding: 20px 0px 0px;
	}

	.contact-body p.footer-text {
		padding-top: 0px;
	}

	.contact-body footer .protected {
		margin-bottom: 30px;
	}

	/*blog*/
	.col-md-6.padding-left {
		padding-left: 15px;
	}

	.blog-parent .col-md-6 .col-md-6 {
		padding-right: 15px;
	}

	.blog-cont h3, .blog-smoll .blog-cont h3 {
		font-size: 14px;
		line-height: 20px;
		margin-top: 30px;
		padding-bottom: 10px;
	}

	.blog-smoll .blog-cont h3 {
		margin-top: 0px;
	}

	.blog-categories .button, #filters {
		display: block;
	}

	.element-item {
		width: 100%;
		min-height: 430px
	}

	.element-item .blog-box {
		padding: 15px;
	}

	.blog-smoll .blog-cont h3 {
		min-height: inherit;
	}

	.post-meta, .post-meta a, .blog-smoll .post-meta, .blog-smoll .post-meta a {
		font-size: 14px;
	}

	.blog-categories .button {
		font-size: 18px;
	}

	.blog-cont p {
		font-size: 14px;
		line-height: 30px;
		margin-bottom: 10px;
	}

	.interested-cont p {
		font-size: 14px;
		line-height: 24px;
		color: #fff;
	}

	.blog-hero img {
		width: 100%;
	}

	h3.medium_size {
		font-size: 18px;
		padding: 10px 0px;
	}

	.interested-div {
		padding: 30px 20px;
		padding-bottom: 50px;
	}

	.blog-smoll .blog-cont {
		display: inline-block;
		max-width: 70%;
		padding-left: 20px;
	}

	.blog-smoll .blog-hero {
		max-width: 30%;
		display: inline-block;
	}

	.blog-smoll {
		display: flex;
	}

	.blog-parent.band_space {
		padding-top: 130px;
	}

	input#search-bar {
		height: 50px;
		padding: 0 10px 0px 50px;
	}

	svg.search-icon {
		width: 24px;
	}

	a.bar-ser {
		width: 58px;
		height: 50px;
		padding: 13px 18px;
	}

	.blog-search {
		margin-bottom: 0px;
	}

	.services_slider h3 {
		padding-left: 100px;
		font-size: 20px;
		line-height: 28px;
	}

	.services_slider .total-slide, .services_slider .owl-dots .owl-dot:after {
		font-size: 16px;
	}

	.hiring-process-wrapper .hiring-process-box h3, .hiring-process-wrapper .hiring-process-box p {
		flex: 0 0 100%;
		max-width: 100%;
		padding-right: 0px;
		padding-left: 0px;
	}

	.hiring-process-wrapper .hiring-process-box {
		padding-left: 56px;
		margin: 10px auto;
		padding-right: 5px;
	}

	/**/
	.blog-innerdetail ol li, .blog-innerdetail ul li {
		font-size: 14px;
		padding: 0 4px 20px 25px
	}

	.blog-innerdetail ul li:before {
		width: 14px;
		height: 8px;
	}

	.blog-innerdetail ol li:before {
		content: '';
	}

	/*blog*/

	/*career*/

	.tab ul li {
		padding: 40px 0px;
	}

	.latest-cont {
		display: inline-block;
		max-width: 210px;
	}

	.latest_jobs li h3 {
		padding-bottom: 0px;
	}

	.red_btn span.text, input[type="submit"] {
		padding: 14px 20px;
		font-weight: 600;
	}

	.latest-cont-item b {
		display: none;
	}

	.latest_jobs a.red_btn {
		margin-top: 0px;
	}

	.latest-cont-item {
		margin: 5px 0px;
		font-size: 14px;
	}

	a.right-arrow-btn svg {
		height: 30px;
	}

	a.show-cont {
		background-color: transparent;
	}

	.light_mood a.show-cont svg path {
		fill: #000;
	}

	.career-ser .content ul li {
		padding: 15px 0px 15px 30px;
		margin: 0px 0;
		line-height: 26px;
	}

	.light_mood .career-ser .content, .career-ser .content {
		background-color: transparent;
		padding: 0px;
		margin-top: 20px;
	}

	.latest_jobs .tab-menu {
		margin: 0px auto;
	}

	a.show-cont {
		top: 10px;
		right: 20px;
	}

	.career-ser .content ul li:before {
		top: 27px;
	}

	.join_us .recent_works ul li h4 {
		min-height: inherit;
	}

	.tab ul li:last-child {
		margin-bottom: 0px;
		padding-bottom: 0px;
	}

	/*career close*/
	input[type="text"], input[type="tel"], input[type="password"], input[type="date"], input[type="email"], input[type="number"], textarea {
		font-size: 14px;
	}

	.recent_works .home_recent_work li:last-child svg path {
		fill: var(--text-color);
	}

	.light_mood .recent_works .home_recent_work li a.hc-svg:hover svg path {
		fill: #000;
	}

	.recent_works .home_recent_work li .hc-svg svg path {
		fill: #fff;
	}

	.light_mood .recent_works ul li:last-child a:hover svg path {
		fill: var(--bg-color);
	}

	.recent_works ul {
		border: transparent;
	}

	.recent_works ul li {
		border: transparent;
	}

	.home-tab .tab-menu ul {
		justify-content: initial;
		padding-bottom: 23px;
		display: block;
		text-align: left;
	}

	.tab_section .tab-menu ul li a {
		display: block;
		position: relative;
		padding: 10px 0px;
	}

	.tab_content .d-technologies li {
		display: inline-block;
		padding: 0px 10px;
		border: 0px;
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
		padding-bottom: 50px;
		min-width: initial;
	}

	ul.d-technologies {
		display: flex;
		flex-wrap: wrap;
	}

	.tab-menud .tabs {
		display: none;
	}

	.tab_drawer_heading {
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		padding-right: 20px;
		margin-bottom: 10px;
		line-height: 1.6;
	}

	.tab-menud {
		display: none;
	}

	footer ul.recognitions {
		padding: 20px 0px 0;
	}

	.protected .col-md-6 {
		padding: 10px 0px;
	}

	form#footerForm h6 {
		display: none;
	}

	.right-btn {
		padding-right: 30px;
	}

	.light_mood .right-btn svg#Layer_1 {
		fill: #000;
	}

	p.bopyright {
		text-align: center;
	}

	footer .protected {
		display: block;
	}

	footer .protected .col-md-6 {
		width: 100%;
		display: block;
		padding: 10px 0px;
	}

	.layout:before, .hover-af-be:before {
		height: 20px;
	}

	.hero-paragraph {
		margin-top: 40px;
	}

	.who-hiring-slider .item {
		padding-right: 20px;
	}

	.large-slide-arrow .owl-controls .owl-nav div, .who-we-are-team .owl-controls .owl-nav div {
		border-radius: 5px;
		width: 40px;
		height: 40px;
		background: #000;
	}

	.large-slide-arrow .owl-controls .owl-nav div:after, .who-we-are-team .owl-controls .owl-nav div:after {
		background-image: url(../img/arrow.webp) !important;
		width: 20px;
		height: 12px;
	}

	.who-hiring-slider .owl-nav {
		top: -60px;
	}

	.who-hiring-slider {
		margin-top: 50px;
	}

	.how-hiring .btn-manig {
		padding-top: 30px;
	}

	.services_wrapper h2 {
		padding-bottom: 20px;
		word-break: break-word;
	}

	.required_skill h4 {
		font-size: 11px;
		line-height: 15px;
		width: calc(100% - 20px);
		margin-left: 0px;
		padding: 10px 6px;
		min-height: auto;
		margin: -20px auto 20px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.required_skill .box ul li img {
		max-width: 40px;
	}

	.required_skill .box ul li {
		flex: 0 0 49%;
		padding: 0px 5px 15px !important;
		text-align: center;
	}

	.required_skill .col-md-4:last-child {
		margin-bottom: 0px;
	}

	.required_skill .box ul li p {
		font-size: 12px;
	}

	.required_skill .col-md-4 {
		width: 50%;
		max-width: 50%;
		flex: 0 0 50%;
		margin: 0px auto 30px;
	}

	.hiring-process-wrapper ul li .hiring-process-box:before {
		left: 5px;
	}

	.hire-faqs-wrapper h5 {
		margin: 35px 0;
		padding-left: 20px;
	}

	.faqs-acc p, .hire-faqs-wrapper .view_more_wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}

	.hire-other-services ul li:nth-child(1) a, .hire-other-services ul li:nth-child(4) a {
		height: 180px;
		width: 180px;
	}

	.hire-other-services ul li:nth-child(2) a {
		height: 180px;
		width: 180px;
	}

	.hire-other-services ul li:nth-child(3) a {
		height: 180px;
		width: 180px;
	}

	.hire-other-services ul li:nth-child(3) {
		position: relative;
		right: 50px;
	}

	.hire-other-services ul li a img {
		max-width: 60px;
	}

	.hire-other-services .col-md-6:last-child {
		padding-left: 20px;
	}

	.our-history .owl-dots .owl-dot:after {
		left: 10px;
	}

	.our-history .owl-dots .owl-dot.active:before {
		left: -6px;
	}

	a.show-cont::before, a.show-cont::after {
		width: 20px;
		height: 2px;
		top: 10px;
	}

	.tab_content .d-technologies li img {
		max-width: 50px;
	}

	.tab_content .d-technologies li a span {
		font-size: 14px;
	}

	.expand-icon::before, .expand-icon::after, a.show-cont::before, a.show-cont::after {
		width: 20px;
		height: 2px;
		top: 20px;
	}

	.hire_page .expand-icon::before {
		border-bottom: 2px solid var(--border-color);
		border-right: 2px solid var(--border-color);
		content: '';
		display: block;
		height: 5px;
		margin-top: -17px;
		pointer-events: none;
		position: absolute;
		right: 12px;
		top: 50%;
		-webkit-transform-origin: 66% 66%;
		-ms-transform-origin: 66% 66%;
		transform-origin: 66% 66%;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;
		width: 5px;
		width: 12px;
		height: 12px;
		top: 45%;
		background: transparent;
	}

	.hire_page .expand-icon.d_active::before {
		-webkit-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}

	.hire_page .expand-icon::after {
		display: none;
	}

	.work-brand li svg {
		max-width: 100px;
		max-height: 40px;
		width: 100%;
	}

	.work-brand li {
		width: 33%;
		flex: 0 0 33%;
		padding: 0px 10px;
	}

	.work-brand ul {
		display: flex;
	}

	.career-ser {
		padding-right: 20px;
		padding-left: 20px;
	}

	.apply-now {
		margin-top: 30px;
	}

	.tab_section .right_tab p {
		padding-top: 0px;
		padding-bottom: 40px;
	}

	.hiring-slider .hiring-sl-cont {
		margin-bottom: 20px;
	}

	.hire_page .hire-other-services h3 {
		margin-top: 50px;
	}

	.hire-other-services ul li:nth-child(4) {
		margin-top: -13px;
	}

	.our-hiring-models-wrapper .our-hiring-models-box ul li {
		font-size: 16px;
	}

	.custom-model-main:before {
		content: "";
		display: inline-block;
		height: auto;
		vertical-align: middle;
		margin-right: -0px;
		height: 100%;
	}

	/* .custom-model-inner{margin-top: 0px; width: 75%} */
	.custom-model-inner form label, .custom-select, .select-options li {
		font-size: 14px;
	}

	.model-open .quote-form-img {
		left: -95px;
		max-width: 120px;
	}

	.pop-up-content-wrap input[type=submit] {
		width: 100%;
		max-width: 200px;
	}

	.post_category~.share_icons {
		margin: 10px 0px 20px 0px;
	}

	.our_approach_row {
		flex-wrap: wrap;
		border-top: 0;
	}

	.our_approach_row .approach_row_title {
		width: 100%;
		padding: 0;
	}

	.our_approach_row .approach_row_txt {
		width: 100%;
		padding: 0;
	}

	.approach_hover_img {
		display: none;
		position: relative;
		right: auto;
		top: 0;
		visibility: visible;
		opacity: 1;
		transition: 550ms all;
		z-index: 9;
		transform: none;
	}

	.trending-blog-main h3 {
		font-size: 20px;
		line-height: 1.3;
	}

	.blog_box .blog_img_box {
		margin-bottom: 10px;
	}

	.blog_box ul li {
		font-size: 12px;
	}

	.android-banner .interested-cont {
		padding-right: 0;
	}

	.android-app-banner-img {
		position: relative;
		right: auto;
		bottom: auto;
		margin: 0 auto;
		text-align: center;
	}

	.blog_img_box img {
		width: 100%;
	}

	.blog_box {
		margin-bottom: 40px;
	}

	.our_approach_row {
		padding: 12px 0;
		margin: 0;
		width: 100%;
	}

	.our_approach_row .models-box-content {
		display: none;
	}

	.approach_row_title h3 {
		font-size: 20px;
		padding-bottom: 0;
		padding-right: 40px;
		line-height: 1.4;
	}

	.our_approach_main {
		border-bottom: 0;
		margin-bottom: 80px;
	}

	.our_approach_row .approach_row_title {
		position: relative;
	}

	.top-seo-company-box {
		padding: 50px 20px 20px;
		margin-bottom: 30px;
	}

	.our-hiring-models-wrapper .our-hiring-models-box {
		padding: 15px 0;
	}

	.our-hiring-models-wrapper .our-hiring-models-box:last-child {
		padding-bottom: 20px;
	}

	.laravel-hiring-models.our-hiring-models-wrapper .our-hiring-models-box h3 {
		font-size: 18px;
		line-height: 1.4;
	}

	.laravel_page .hiring-process-box h3 {
		font-size: 22px;
		line-height: 1.4;
	}

	.swiper-con {
		margin-top: 20px;
	}

	.passion-main h3 {
		font-size: 26px;
	}

	/**/
	li.Marquee-tag {
		font-size: 15px;
	}

	li.Marquee-tag span img {
		max-width: 20px;
	}

	.security__item {
		width: 145px;
		height: 145px;
		flex: 0 0 145px;
	}

	.circle-carousel .slide {
		padding: 0 30px;
		;
	}

	.circle-slider .slides .slide h2 {
		font-size: 25px;
		text-align: center;
	}

	.light_mood .circle-carousel .pagination .item .dot svg {
		max-width: 20px;
	}

	.light_mood .circle-carousel .pagination .dot {
		background: #f4f4f4;
	}

	.light_mood .circle-carousel .slide {
		background: #f4f4f4;
	}

	.circle-carousel .slide p {
		font-size: 14px;
		line-height: 1.3;
		text-align: center;
	}

	.numerical-tab .tabs-content .swiper-slide {
		padding: 1rem 0;
	}

	.light_mood .circle-carousel .pagination, .light_mood .circle-carousel .pagination .dot {
		border: 2px solid rgba(0, 0, 0, 0.1);
	}

	.our-hiring-models-wrapper .models-box-title {
		padding-right: 40px;
	}

	.laravel-hiring-models.our-hiring-models-wrapper .our-hiring-models-box h3 .mob-num {
		display: inline-block;
	}

	.laravel-hiring-models.our-hiring-models-wrapper .our-hiring-models-box h3 .desktop-num {
		display: none;
	}

	.why-choose .why-hiring-slider .item {
		border: none;
		padding: 0 10px;
	}

	.android-img {
		padding: 30px 20px;
	}

	.interested-div .red_btn span.text {
		min-width: 165px;
		font-size: 12px;
	}

	.circle-carousel .pagination .item .dot svg {
		width: 20px;
	}

	section.our-work-hero.band_space.our-code-main {
		padding-top: 90px;
		padding-bottom: 0;
	}

	ul.li-hafe li:before {
		width: 16px;
		height: 8px;
	}

	ul.li-hafe li {
		font-size: 14px;
		padding: 0 4px 20px 25px;
		top: 6px;
	}

	.interested-color h3.medium_size {
		margin-bottom: 10px;
		font-size: 18px;
		word-break: break-word;
	}

	ul.take-circle {
		justify-content: flex-start;
		padding-left: 15px;
	}

	.numerical-tab {
		padding-bottom: 20px;
	}

	.linear-up {
		width: 30px;
		height: 30px;
	}

	.linear-bg {
		width: calc(100% + 22px);
		height: calc(100% + 22px);
		transform: translate(-12px, -11px);
	}

	.rounded-item.rounded-item2 .linear-up {
		width: 12px;
		height: 12px;
	}

	.rounded-item2 .linear-bg {
		transform: translate(-6px, -6px);
		width: calc(100% + 12px);
		height: calc(100% + 12px);
	}

	.rounded-item.rounded-item2 {
		right: 20px;
		bottom: 18px;
	}

	.rounded-item {
		right: 40px;
	}

	.web-hire .hiring-sl-cont {
		margin: 0px 6px;
	}

	.why-choose-laravel .hiring-sl-cont {
		margin: 0px 5px;
	}

	.hire-other-services p {
		margin: 0 0 40px;
	}

	.hire-other-services h3 {
		line-height: 1.2;
	}

	.hire-other-services .col-md-6 {
		margin-bottom: 40px;
		padding-left: 0;
	}

	.tab_drawer_heading.d_active {
		color: var(--red-color);
	}

	.home-tab-main .tab_content .tabin-cont {
		margin-bottom: 20px;
	}

	.seo-hiring-models.our-hiring-models-wrapper .our-hiring-models-box:after {
		display: none;
	}

	.seo-hiring-models.our-hiring-models-wrapper .container .row .col-md-6:first-child .our-hiring-models-box:before {
		display: none;
	}

	.hire_seo_page .band_space.content_row ul.li-hafe li {
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.hire_seo_page .band_space.content_row ul.li-hafe {
		margin-top: 20px;
	}

	.graphic_banner_main h2 {
		font-size: 58px;
		padding: 0 20px;
		word-break: break-word;
	}

	.banner-section .filled_text {
		padding-bottom: 5px;
	}

	.required_skill .small_text, .required_skill .filled_text {
		text-align: left;
	}

	/* .codding-stand .container { text-align: center;} */
	.our-code-main ul.li-hafe li {
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.development_band_slider .owl-controls {
		max-width: 100%;
	}

	.tab_content .d-technologies li a span {
		max-width: 100%;
	}

	.zig-zag-images .main-div-row .row2 {
		margin-top: 0px;
	}

	.recent_works .home_recent_work li .hc-svg svg path {
		fill: var(--bg-color);
	}

	.why-slider.owl-theme .owl-dots .owl-dot span {
		width: 16px;
		height: 3px;
	}

	.achievements .owl-theme .owl-dots .owl-dot span {
		width: 16px;
		height: 3px;
	}

	footer .protected img {
		width: auto;
	}

	.content_row .toggle-text h3 {
		font-size: 22px;
		line-height: 1.2;
	}

	.hiring-process-wrapper .hiring-process-box h3 {
		font-size: 24px;
		line-height: 1.3;
	}

	.seo-facts h4 {
		font-size: 18px;
	}

	.how-hiring .filled_text {
		padding-bottom: 20px;
	}

	.our-hiring-models-wrapper .container .row .col-md-6:first-child .our-hiring-models-box:before, .our-hiring-models-wrapper .our-hiring-models-box:after {
		display: none;
	}

	.dedicated ul.li-hafe li {
		width: 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.history_band span, .history_band h2 {
		text-align: left;
	}

	.new-day.band_space.center {
		padding-bottom: 70px;
	}

	.hiring-slider-div .owl-theme .owl-dots .owl-dot span, .we-deliver-slider.owl-theme .owl-dots .owl-dot span {
		width: 8px;
		height: 8px;
	}

	.our-work .btn-manig {
		padding-left: 20px;
		padding-right: 20px;
	}

	.latest_jobs .tab-menu ul {
		padding: 20px 0 0;
		border-bottom: 1px solid #333;
	}

	.share_icons {
		justify-content: flex-start;
	}

	.our-code-main #lottie {
		top: 0;
		position: absolute;
		z-index: 0;
	}

	.zero_politics.techno-main {
		padding-top: 70px;
	}

	.seo-pproach button.slick-arrow, .expect-sl button.slick-arrow {
		bottom: -60px;
	}

	.working-steps-box .working-info .working-with-sl .working-cont {
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.seo-form-box .interested-div {
		padding: 40px;
	}

	.hire-faqs-wrapper ul li .set {
		padding-right: 20px;
		padding-left: 20px;
	}

	.hire-faqs-wrapper.seo-accordion ul li .set {
		padding-right: 0;
		padding-left: 0;
	}

	.working-steps-box .working-info .working-with-sl .img-box {
		width: 100%;
		margin-bottom: 30px;
	}

	.working-cont {
		padding-left: 20px;
	}

	.seo-form-box .form-group {
		margin-bottom: 15px;
	}

	.heading-title {
		display: block;
		text-align: left;
		font-size: 20px;
		font-weight: bold;
		margin-bottom: 30px;
	}

	#mo-tab-menu+.nice-select, #mobtabmenufrst+.nice-select {
		margin-bottom: 30px;
	}

	.our_approach_section {
		padding: 40px 0 30px;
	}

	.tab_section .right_tab p:last-child {
		padding-bottom: 0;
	}

	.banner-marquee {
		padding: 90px 0;
	}

	.development_band_slider .owl-dots .owl-dot svg {
		opacity: 1 !important;
	}

	.development_band_slider .owl-dot.active p {
		position: absolute;
		left: -30px;
		top: 50px;
		text-align: center;
		right: 0;
		transform: translateX(17px);
	}

	.development_band_slider .owl-dots {
		position: absolute;
		top: -30px;
	}

	.development_band_slider .owl-dots .owl-dot {
		min-height: auto;
	}

	.development_band_slider .owl-dots .owl-dot p {
		opacity: 0;
		transition: none;
	}

	.content_row ul.li-hafe li {
		width: 100%;
		max-width: 100%;
		flex: 0 0 100%;
	}

	section.band_space.required_skill.hire-frontend-expertise.center .row {
		margin: 0 -10px;
		padding-top: 40px;
	}

	section.band_space.required_skill.hire-frontend-expertise.center .col-md-4 {
		padding: 0 10px;
	}

	.required_skill {
		padding: 40px 0 0px;
	}

	.quick_look-wrapper .tab_drawer_heading.d_active+.tab {
		margin-bottom: 30px;
	}

	.why-hiring-slider .item .hiring-sl-cont {
		min-height: 550px;
	}

	.our-code-main .col-md-7 {
		position: relative;
		z-index: 1;
	}

	.blogdetail-nav {
		width: 100%;
	}

	.menu-blogdetail-container #menu-blogdetail {
		flex-direction: column;
	}

	.menu-blogdetail-container #menu-blogdetail li {
		padding: 0;
	}

	.menu-blogdetail-container #menu-blogdetail li {
		justify-content: flex-start;
	}

	.menu-blogdetail-container {
		margin-bottom: 30px;
		padding-top: 20px;
	}

	.menu-blogdetail-container #menu-blogdetail li {
		margin-bottom: 12px;
		font-size: 16px;
	}

	.banner_band .post_category {
		width: 100%;
	}

	blockquote em {
		font-size: 22px;
	}

	blockquote {
		padding: 80px 30px 40px;
	}

	.blog-categories .row .row {
		margin: 0;
	}

	section#popular-blog {
		padding-top: 20px;
	}

	.subscribe-search #sib-container form {
		display: flex;
	}

	.subscribe-div .smoll-h2 {
		text-align: left;
		margin-bottom: 20px;
	}

	.am_posts_navigation {
		margin-top: 20px;
	}

	.blog-categories .col-md-6 {
		margin-bottom: 50px;
	}

	.blog-cont h3 {
		padding-bottom: 0;
	}

	#am_posts_navigation_init .page-numbers {
		margin: 0px;
	}

	.hiring-sl-inner {
		padding: 10px;
	}

	.faqs-acc ul.li-hafe, .faqs-acc ul.li-hafe li {
		font-size: 14px;
	}

	.footer-text {
		line-height: 1.4;
	}

	.mega_menu_wrapper .menu_wrapper ul ul li:hover a {
		padding-left: 0;
		color: var(--text-color);
	}

	.mega_menu_wrapper .menu_wrapper ul ul li:hover a:after {
		opacity: 0;
	}

	.mega_menu_wrapper .menu_wrapper ul ul li:hover>a {
		padding-left: 20px;
		color: var(--red-color);
	}

	.mega_menu_wrapper .menu_wrapper ul ul li:hover>a:after {
		opacity: 1;
	}

	/* new banner
  .hero_band {background-position: center;padding: 70px 30px 50px !important;}
  .hero_band .row .col-md-4 img {max-width: 310px;width: 100%;margin: 50px 0;}
  .hero_band .row .col-md-4 img {margin: 30px 0;} */

	.custom-model-inner p.new-year-text {
		position: relative;
		top: -4px;
		left: 0;
		padding-bottom: 30px;
	}

	.custom-model-inner span.desktop_logos {
		align-items: center;
		justify-content: center;
	}

}

@media all and (max-width: 567px) {

	.quote-form-img img {
		display: none;
	}

	.nice-select {
		width: 100%;
	}

	.seo-form-box .interested-div {
		padding: 40px 20px;
	}

	.seo-form-box h3 {
		line-height: 1.3;
	}

	.seo-form-box input[type="text"], .seo-form-box input[type="email"] {
		padding: 5px 20px;
	}

	.techno-box svg {
		max-width: 65px;
	}

	.techno-box span {
		font-size: 14px;
		line-height: 1.3;
	}

	.techno-inner .techno-ex {
		margin: 0;
	}

	.our-history .owl-controls {
		margin-top: 15px;
	}

	section.our-work-hero.band_space.our-code-main {
		padding-top: 50px;
		margin-bottom: 30px;
	}

	.seo-accordion.hire-faqs-wrapper h5 {
		padding-right: 32px;
	}

	.seo-form-box input[type="text"], .seo-form-box input[type="email"] {
		height: 50px;
	}

	.working-steps-box .working-info .working-with-sl .working-cont h3 {
		font-size: 24px;
		line-height: 1.2;
	}

	.testimonial .small_text {
		padding-right: 90px;
	}

	.linear-bg {
		width: calc(100% + 16px);
		height: calc(100% + 16px);
		transform: translate(-8px, -7px);
	}

	.rounded-item {
		right: 32px;
	}

	.rounded-item.rounded-item2 {
		right: 20px;
		bottom: 15px;
	}

	.mause-slider .owl-theme .owl-dots .owl-dot span {
		width: 20px;
		margin: 0 6px;
	}

	.mause-slider .owl-controls .owl-dots {
		justify-content: center;
	}

}

@media all and (max-width: 430px) {

	footer .services li {
		display: block;
		max-width: 230px;
	}

	.circle-slider .slides .slide h2 {
		font-size: 18px;
	}

	.circle-carousel .slide p {
		font-size: 12px;
	}

	.circle-slider .slides .slide svg {
		margin-bottom: 8px;
		max-width: 18px;
		height: auto;
	}

	.circle-slider {
		padding: 0;
	}

	.passion-main h3 {
		font-size: 22px;
	}

	.swiper-left h3 {
		line-height: 1.4;
	}

	.circle-slider .slides .slide h2 {
		font-size: 22px;
	}

	.interested-div {
		padding-bottom: 80px;
	}

	footer .follow_us li a {
		margin-right: 18px;
	}

	.recent_works .btn-manig {
		text-align: center;
	}

	.latest_jobs .tab-menu ul {
		padding: 10px 20px 0;
		justify-content: space-between;
	}

	.hire-other-services ul li:nth-child(1) a, .hire-other-services ul li:nth-child(4) a {
		height: 180px;
		width: 180px;
	}

	.hire-other-services ul li:nth-child(1) a {
		margin-left: auto;
		margin-right: 30px;
	}

	.hire-other-services ul li:nth-child(2) a {
		height: 150px;
		width: 150px;
	}

	.hire-other-services ul li:nth-child(3) a {
		height: 150px;
		margin-left: auto;
		width: 150px;
		margin-right: 20px;
	}

	.hire-other-services ul li:nth-child(3) {
		margin-top: 20px;
		width: 50%;
	}

	.hire-other-services ul li:nth-child(4) {
		width: 50%;
	}

	.hire-other-services ul li:nth-child(4) .services_box {
		margin-top: -10px;
		margin-right: 20px;
	}

	.graphic_page .Marquee-main {
		margin-left: -22px;
	}

	.required_skill h4 {
		min-height: 55px;
	}

	.hire-other-services ul li:nth-child(3) {
		right: 0;
	}

	.tab_content .d-technologies li a span {
		font-size: 12px;
	}

}


@media all and (max-width: 370px) {

	.techno-box span {
		font-size: 13px;
		line-height: 18px;
	}

	.techno-box span {
		margin-bottom: 10px;
		word-break: break-word;
	}

	.techno-box {
		padding: 10px 8px 0 8px;
		min-height: inherit;
	}

	.model-open .quote-form-img {
		left: -70px;
		max-width: 90px;
	}

	.interested-div {
		padding: 30px 13px;
	}

	.hiring-slider-div .owl-theme .owl-dots .owl-dot span, .we-deliver-slider.owl-theme .owl-dots .owl-dot span {
		width: 10px;
		height: 10px;
	}

	.work-brand-view {
		min-height: 270px;
	}

	.new-day.band_space.center {
		padding-bottom: 50px;
	}

	.seo-accordion.hire-faqs-wrapper h5:after {
		margin-top: -16px;
	}

	.recent_works ul li a {
		height: 280px;
	}

	.sib-form-block .entry__field {
		padding: 0 10px;
	}

	.subscribe-search #sib-container form {
		flex-wrap: wrap;
	}

	.sib-form-block .entry__field {
		border-right: 1px solid var(--border-color) !important;
		height: 60px;
	}

	.sib-form-block .sib-form-block__button {
		height: 50px;
	}

	.ver-slider-right {
		max-height: 200px;
	}

	.ver-slider-right figure img {
		width: 100%;
		max-width: 260px;
	}

	.hire-other-services ul li:nth-child(2) {
		right: 10px;
	}

}


@media all and (min-width: 767px) {

	.why_points .point_decription p {
		font-size: 16px
	}

	.mega_menu_wrapper .menu_wrapper ul li:hover ul {
		opacity: 1;
		visibility: visible;
		pointer-events: auto
	}

	.mega_menu_wrapper .menu_wrapper>ul>li:hover>a span {
		margin-left: 40px
	}

	.mega_menu_wrapper .menu_wrapper>ul>li>a:after {
		content: "";
		width: 22px;
		height: 2px;
		position: absolute;
		top: 50%;
		left: 0;
		opacity: 0;
		visibility: hidden;
		z-index: -1;
		-webkit-transition: all 0.6s ease;
		transition: all 0.6s ease;
		background-color: var(--red-color);
		-webkit-animation-iteration-count: 1 !important;
		animation-iteration-count: 1 !important
	}

	.mega_menu_wrapper .menu_wrapper ul ul ul {
		position: inherit;
		top: 0;
		width: 100%;
		opacity: 0;
		transition: all 0.4s ease 0s;
		right: 0;
		height: 100%;
		z-index: 999;
		padding-left: 10%;
		font-size: xxx-large;
	}

	.mega_menu_wrapper .menu_wrapper ul ul>li:hover ul.thard-ul a {
		color: #fff;
	}

	.mega_menu_wrapper .menu_wrapper ul ul>li:hover ul.thard-ul a:hover {
		color: var(--red-color);
	}

	.mega_menu_wrapper .menu_wrapper ul li:hover ul.thard-ul, ul.thard-ul {
		visibility: hidden;
		height: 0px;
		opacity: 0;
	}

	.mega_menu_wrapper .menu_wrapper ul ul li:hover ul.thard-ul {
		visibility: visible;
		height: auto;
		opacity: 1;
		transition: all 1s ease 0s;
		min-height: 100px;
		overflow: initial;
	}

	.mega_menu_wrapper .menu_wrapper ul li:hover ul.thard-ul, .mega_menu_wrapper .menu_wrapper ul li ul.thard-ul {
		visibility: hidden;
		height: 0px;
		opacity: 0;
		overflow: hidden;
		transition: all 1s ease 0s;
	}

	.mega_menu_wrapper .menu_wrapper ul ul ul.thard-ul a {
		font-size: 16px;
		margin-bottom: 20px;
	}

	.mega_menu_wrapper .menu_wrapper ul li ul.thard-ul {
		padding-left: 10px;
	}

	.mega_menu_wrapper .menu_wrapper ul li ul.thard-ul a:after {
		visibility: hidden;
		height: 0px;
		opacity: 0;
	}

	.mega_menu_wrapper .menu_wrapper ul li ul.thard-ul li:hover a:after {
		visibility: visible;
		height: 2px;
		opacity: 1;
	}

	.light_mood .mega_menu_wrapper .menu_wrapper ul ul>li:hover ul.thard-ul a {
		color: #000000;
	}

}


/********************************* ipad portrait #ip ********************************/
@media only screen and (min-width : 768px) and (max-width: 1000px) {


	
	p.intro {
		font-size: 20px
	}

	.hidden-tab {
		display: none
	}

	.alignnone, a img.alignnone, .aligncenter, div.aligncenter, .alignright, a img.alignright, .alignleft, a img.alignleft {
		margin: 30px auto;
		float: none
	}

	.visible_tab {
		display: block !important
	}

	.achievements ul li {
		flex: 0 0 170px;
		max-width: 170px
	}

	.achievements ul li svg {
		margin-bottom: 20px;
		height: 70px
	}

	.development_band_slider .owl-dots .owl-dot {
		min-width: 120px
	}

	.services_wrapper .item .col-md-5, .services_wrapper .item .col-md-7 {
		max-width: 100%;
	}

	.services_slider .row {
		align-items: center;
		width: 100%;
		flex: 0 0 100%;
		display: inline-block;
	}

	.hire-other-services ul li:nth-child(1) a, .hire-other-services ul li:nth-child(4) a {
		height: 150px;
		width: 150px;
	}

	.hire-other-services ul li:nth-child(4) a {
		top: 20px;
	}

	.hire-other-services ul li:nth-child(2) a {
		height: 120px;
		width: 120px;
	}

	.hire-other-services ul li:nth-child(3) a {
		height: 130px;
		width: 130px;
	}

	.hire-other-services ul li a img {
		max-width: 50px;
	}

	.hire-other-services ul li a h4 {
		display: none;
	}

	.hero_band {
		padding: 180px 50px;
	}

	.hero_band .row .col-md-4 img {
		padding-right: 0;
	}

}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

	.container, .career-ser, .hero-mainclass .container, .hire-faqs-wrapper ul li .set, .hiring-process-wrapper ul li, .hire-faqs-wrapper .view_more_wrapper, #primary {
		padding-right: 50px;
		padding-left: 50px
	}

	.testimonial-carousel .owl-controls .owl-nav {
		right: 50px;
		top: 16px;
	}

	.small_container {
		padding: 0 50px
	}

	.site_full {
		padding: 0 30px
	}

	.social_bar {
		left: 15px
	}

	.development_img {
		padding: 0px
	}

	.development_img_shape.row {
		padding: 0 40px
	}

	.development_img_shape span {
		height: 250px;
		width: 250px
	}

	a.show-cont {
		right: 20px;
	}

	.who-we-are-team .owl-controls .owl-nav {
		bottom: -30px;
	}

	.who-we-are-team .owl-controls .owl-nav div {
		width: 50px;
		height: 50px;
	}

	.latest_jobs a.red_btn {
		float: none;
		margin-top: 20px;
	}

	.latest-job-right {
		float: none;
	}

	.hire-other-services ul li:nth-child(1) a, .hire-other-services ul li:nth-child(4) a {
		height: 222px;
		width: 222px;
	}

	.hire-other-services .services_box h4 {
		font-size: 12px;
		line-height: 20px;
	}

	.custom-model-inner p.new-year-text {
		left: 35px;
	}

}

@media only screen and (min-width : 768px) and (max-width: 1000px) {

	.hire-other-services ul li:nth-child(1) a, .hire-other-services ul li:nth-child(4) a {
		height: 150px;
		width: 150px;
	}

	.hire-other-services ul li:nth-child(4) a {
		top: 20px;
	}

	.hire-other-services ul li:nth-child(2) a {
		height: 120px;
		width: 120px;
	}

	.hire-other-services ul li:nth-child(3) a {
		height: 130px;
		width: 130px;
	}

}


@media only screen and (min-width : 1025px) and (max-width: 1366px) {

	.development_img {
		padding: 0px
	}

	.development_img_shape span {
		height: 310px;
		width: 310px
	}

	.tab_section .tab-menu ul li a {
		font-size: 24px;
	}

	.container, .hero-mainclass .container, .hiring-process-wrapper ul li, .hire-faqs-wrapper .view_more_wrapper, #primary {
		padding-right: 110px;
		padding-left: 110px;
	}

	.social_bar {
		left: 50px;
	}

	.mega_menu_wrapper .menu_wrapper>ul>li {
		width: 40%;
	}

	.our-work .btn-manig {
		padding-left: 110px;
		padding-right: 110px;
	}

	/* leptop design */
	.filled_text {
		font-size: clamp(20px, 3.5vw, 70px);
		line-height: clamp(32px, 3.5vw, 90px);
	}

	div#lottie svg {
		max-width: 350px;
	}

	.tab_section.horizontal_tab .tab-menu ul li a {
		padding: 0px 0 30px 20px;
	}

	.tab .round-img img {
		max-height: 250px;
	}

	.red_btn span.text, .red_btn span.animation {
		padding: 25px 20px;
		min-width: 210px;
	}

	.achievements ul li p {
		font-size: clamp(20px, 3vw, 50px);
		line-height: clamp(30px, 3vw, 60px);
	}

	.medium_size {
		font-size: clamp(24px, 4vw, 60px);
		line-height: clamp(24px, 4vw, 65px);
	}

	.blog .blog_img_box {
		max-width: 450px;
		width: 100%;
	}

	.custom-model-inner form label {
		font-size: 14px;
		margin: 5px 0;
	}

	input[type="text"], input[type="tel"], input[type="password"], input[type="date"], input[type="email"], input[type="number"], textarea {
		font-size: 14px;
		line-height: 20px;
	}

	form#contactquote .form-group {
		margin-bottom: 10px;
	}

	.right-popup input[type=submit] {
		width: 150px;
		padding: 15px 30px;
		margin-top: 0;
	}

	.custom-model-inner p.side-form-text {
		font-size: 22px;
		line-height: 30px;
		font-weight: 500;
		margin-top: -40px;
		margin-bottom: 5px;
	}

	.custom-model-wrap {
		padding: 20px 30px 20px 55px;
	}

	.model-open .quote-form-img {
		position: absolute;
		left: -117px;
		z-index: 19;
		max-width: 150px;
		top: 100px;
	}

	.development_band_slider .website_developement_box {
		padding-bottom: 30px;
	}

	.achievements ul {
		padding-top: 30px;
	}

	.custom-model-inner p.new-year-text {
		left: 65px;
	}

}