:root {
  --dark: #21202E;
  --main-color: #FC0424;
  --main-color-hover: #D9001C;
  --off-white: #F4F4F4;
  --red-color:#FC0424;
  --dark-black-color:#000;
  --white-color: #fff;
  --black-color: #020222;
  --dark-blue:#0F0D3F;
  --darkblue-color: #21202E;
  --border-radius:0.32rem;
  --font-size-h1:3.5rem;
  --font-size-h2:2.27rem;
  --font-size-h3:1.76rem;
  --font-size-h4:1.52rem;
  --font-size-h5:1.22rem;
  --font-size-p:0.9rem;
  --small-font:0.8rem;
  --line-height:1.55rem;
  --gray-color:#EFEFEF;
  --gray-border:#DADADA;
}
@font-face {
    font-family: 'acumin_promedium';
    src: url('../fonts/fontsfree-net-acumin-pro-medium-1.woff2') format('woff2'),
         url('../fonts/fontsfree-net-acumin-pro-medium-1.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'acumin_proregular';
    src: url('../fonts/acumin-rpro_1.woff2') format('woff2'),
         url('../fonts/acumin-rpro_1.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
html, body{
	font-family: 'Lato', sans-serif;
}
h1,h2,h3,h4,h5,h6{	
	line-height: 1.4;
}
select,input,textarea {
}
select, input:not([type="checkbox"]), textarea {
    padding: 0 0.4rem;
    color: var(--dark-blue);
    height: 1.8rem;
    background: var(--white-color);
    border: 0.1rem solid var(--gray-border);
    border-radius: 0.3rem;
    font-size: var(--small-font);
    font-weight: 500;
	font-family: 'Lato', sans-serif;
}
.form-control {
    margin-bottom: 0.82rem;
}
textarea {
    height: 5.5rem;
    padding: 0.5rem 0.6rem;
    margin-bottom: 0.4rem !important;
}
input[type="submit"] {
    border: 0.2rem solid;
    border-color: var(--main-color);
    padding: 0rem 2.3rem;
    background-color: var(--main-color);
    color: var(--white-color);
    font-weight: 400;
    height: 2.5rem;
    line-height: 2.5;
    text-align: center;
    border-radius: 0;
    /* font-family: 'acumin_proregular'; */
}
input[type="submit"]:hover {
	background-color: var(--main-color-hover);
	border-color: var(--main-color-hover);
}
form label {
    display: flex;
    margin-top: 0;
    margin-bottom: 0.1rem;
    font-weight: 400;
    align-items: center;
}
span.wpcf7-list-item-label, span.wpcf7-list-item-label a {
    color: var(--dark-blue);
	font-size: var(--small-font);
}
 span.wpcf7-list-item-label a:hover {
    color: var(--main-color);
}
input.privacycheck {
    width: 0.85rem;
    height: 0.85rem;
    border: 0.1rem solid var(--gray-border);
	margin-right: 0.5rem;
}
p {
    font-size: var(--font-size-p);
    line-height: var(--line-height);
}
h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
h1, .h1 {
    font-size: var(--font-size-h1);
	line-height: 4.5rem;
	margin: 0;
}
.h1-as-h2 h1,
h2, .h2 {
	margin-top: 1rem;
	margin-bottom: 1rem;
	font-size: var(--font-size-h2);
	line-height: 1.3;
}
.h2-as-h3 h2,
h3, .h3 {
   font-size: var(--font-size-h3)
}
h4, .h4 {
   font-size: var(--font-size-h4)
}
.h3-as-h5 h3,
h5, .h5 {
   font-size: var(--font-size-h5)
}
h6, .h6 {
    font-size: 1.1rem;
}
section {
    font-size: 1.1rem; 
}
.button, 
a.button,
.button-a-tag a {
    padding: 0rem 2rem;
    border-color: var(--main-color);
    border-radius: 0;
    border-width: 0.2rem;
    background-color: var(--main-color);
    color: var(--white-color);
    line-height: 2.5;
    height: 3em;
    /* font-family: 'acumin_proregular'; */
    font-weight: 400;
    font-size: var(--small-font);
}
.font-white{
	color:var(--white-color);
}
.font-black{
	color:var(--dark-black-color);
}
.button-a-tag a:hover,
.button:hover{
	border-color: var(--main-color-hover);	
    background-color: var(--main-color-hover);
}
.button.transparent {
    border-color: #fff;
    background-color: transparent;
}
.button.transparent:hover {
	border-color: var(--main-color-hover);	
    background-color: var(--main-color-hover);
}
.button.negative {
    border-color: #fff;
    background-color: #fff;
	color: var(--main-color);	
}
.button.negative:hover{
	color: #fff;
	border-color: var(--main-color-hover);	
    background-color: var(--main-color-hover);
}
.background-dark {
    background-color: var(--dark);	
}
.background-off-white {
    background-color: var(--off-white);	
}
.background-white {
    background-color: var(--white-color);	
}
.background-gray {
    background-color: var(--gray-color);
}
.social-icons a {
    width: 100%;
    height: 2.3em;
    max-width: 1rem;
}
.social-icons.left a {
    margin-right: 1.8rem;
}
.social-icons.left a:last-child {
    margin-right: 0;
}
.padding-col {
    padding: 0 7rem;
}
a.post-readmore {
    color: var(--main-color);
}
a.post-readmore:hover {
	color: var(--main-color-hover);
}
.font-small {
	font-size: 0.8rem;
}
a.icon {
	display: block;	
	color: var(--main-color);
	text-decoration: none;
}
a.icon:hover {
	color: var(--main-color-hover);
}
.form-choose-file {
	position: relative;
}
.form-choose-file .wpcf7-form-control-wrap {
	display: block;
	position: initial;
}
.form-choose-file input {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.form-choose-file label {
	margin-top: 0;
	color: var(--main-color);
	text-decoration: underline;
}
span.wpcf7-spinner {
    position: absolute;
}
.margin-bottom-lg {
    margin-bottom: 5.6rem;
}
/*posts-wrap*/
.posts-wrap .box {
    margin-bottom: 3rem;
}
.posts-wrap .background-image:before {
    padding-top: 65%;
}
.posts-wrap .box-content {
	padding: 1rem 1.5rem 1.8rem;
	background-color: #fff;
}
.posts-wrap .box-content h3 {
	margin-top: 0;
}
.posts-wrap .box-content .button-wrap {
	font-size: 0.8rem;
}

/*section - one */
.section-one .section-padding, .section-one .padding-top {
	padding-top: 0.5rem;

}
/*section - two */
.section-two.responsive-bg {
	background-position: center bottom;
	background-size: 100% auto;
}
.section-two .row {
	display: flex;
}
.section-two.odd .row {
	justify-content: end;
}
.section-two.even .row {
	justify-content: start;
}
.responsive-bg.even .row {
    flex-direction: row-reverse;
}
.responsive-bg.odd .image {
    padding-left: 6rem;
}
.responsive-bg.even .image {
    padding-right: 6rem;
}
.responsive-bg.even .text {
    padding-right: 6rem;
}
.section-two.bg-change-done .button-wrap {
    margin-top: 1em;
}
.section-two.four.section-padding {
    padding-top: 9rem;
    padding-bottom: 10rem;
}
.section-two.four .row .text {
    width: 45%;
}
.section-two .responsive-bg .row, .section-seven .responsive-bg .row, .section-fourteen .responsive-bg .row {
    margin-bottom: 3.8rem;
}
.section-two .responsive-bg .row:last-child {
    padding-bottom: 6.5rem;
}
.section-two .responsive-bg .row.odd .image, .section-seven .responsive-bg .row.odd .image, .section-fourteen .responsive-bg .row.odd .image {
    padding-left: 1rem;
}
.section-two .responsive-bg .row.even, .section-seven .responsive-bg .row.even, .section-fourteen .responsive-bg .row.even {
    flex-direction: row-reverse;
}
.section-two .responsive-bg .row.odd .text{
    padding-right: 2rem;
}
.section-two .responsive-bg .row.even .text {
    padding-left: 3.5rem;
}
/*section - three */
.section-three .header {
	margin-bottom: 4rem;
}
.section-three .footer {
	margin-bottom: 4rem; 
}
/*section - four */

/*section - five */
.left-content-box .text {
    position: relative;
    z-index: 9;
}
.section-five .left-content-box:after {
    background-image: url(.././svg/bg-img.svg);
    background-repeat: no-repeat;
    background-size: 30vw auto;
    background-position: center;
    content: "";
    position: absolute;
    width: 50%;
    height: 100%;
    left: 0;
    top: 0;
}
.section-five .right-images-box .image img {
    display: block;
    width: 100%;
    height: 100%;
}
.section-five .mobimage {
	display: none;
}
/*section - six*/
.section-six .head.padding-bottom-small {
    padding-bottom: 1.5rem;
}
.section-six .box h2 {
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.section-six .box .image {
	display: flex;
	justify-content: center;
	margin: 0 auto 1rem;
}
.section-six .text {
	text-align: center;
}
.section-six .show-box .box-inner {
    box-shadow: 0px 3px 6px #00000066;
    padding: 3rem 1rem;
}
.section-six .show-box .image {
    max-width: 7rem;
    height: 7rem;
    object-fit: cover;
	margin-bottom: -1.5rem;	
}
.section-six .show-box .image .lottie-wrap {
	width: 100%;
	height: 100%;
}
.section-six .show-box .logo-wrap {
    align-items: center;
}
.section-six .logo-slider .image {
    max-width: 12rem;
    height: 3.5rem;
}
.section-six .logo-slider .image {
    max-width: 11rem;
    max-height: 5rem;
    margin: 0 auto;
    justify-content: flex-start;
}
.section-six .logo-slider .box:first-child .image {
    margin-left: 0;
}
.section-six .logo-slider .box:last-child .image {
   margin-right: 0;
}
.section-six .logo-slider .slick-track {
    display: flex;
    justify-content: space-between;
}
/*section - seven*/
.section-seven .section-padding {
    padding-top: 3rem;
}
.section-seven .header.section-padding-bottom {
    /* padding-bottom: 1.1rem; */
}
.section-seven .image.round-img {
    width: 5.05rem;
    height: 5.05rem;
    margin: 0 auto;
    float: left;
    padding-left: 0;
    margin-right: 1rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
}
.section-seven .responsive-bg .row.odd .image.round-img {
    padding-left: 0;
}
.section-seven .header h2 {
    margin: 0.5rem 0 0rem;
	font-weight: 800;
}
.section-seven .responsive-bg .row:last-child {
    padding-bottom: 0rem;
    margin-bottom: 0;
}
.section-seven .header h3 {
    margin: 0.3rem 0 0;
}
.section-seven .responsive-bg .row.even .text {
    padding-left: 4rem;
}
.section-seven .responsive-bg .row.odd .text {
    padding-right: 7.5rem;
}
/* section - eight */
.section-eight .image {
	width: 100%;
	margin-bottom: 1.5rem;
}
.section-eight .image img {
	width: 11.5rem;
}
.section-eight .title-wrap {
	width: 100%;
	margin-bottom: 3rem;
}
.section-eight .title-wrap a.icon {
	width: 2.5rem;
	height: 2.5rem;
    margin-top: 0.3rem;
    margin-right: 1rem;
}
/*section nine*/
.section-nine .inner {
    height: calc(100% - 15rem);
}
.section-nine .text {
    height: 100%;
	padding: 2rem 3rem;
	text-align: center;
}
.section-nine .background-image {
	background-position: center top;
}
.section-nine .background-image:before {
    padding-top: 66%;
}
.section-nine .title-wrap {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.section-nine .title {
    margin-top: 7rem;
    font-weight: 700;
}
/*section ten*/
.section-ten .catergory .line {
	color: var(--main-color-hover);
}
.section-ten .catergory h3 {
	margin-top: 1rem;
}
.section-ten .catergory .button {
	margin-top: 1rem;
}
.section-ten .select-positions-catergory {
	padding: 0.5rem;
	border: 0;
	box-shadow: 0 0 0.6rem rgba(86,9,254,0.18);
	font-size: 1rem;
	outline: 0;
}
/********section-eleven*******/
.section-eleven .box {
    position: relative;
}
.section-eleven .box.margin-bottom {
    margin-bottom: 1rem;
}
.section-eleven .box .inner {
    position: relative;
    height: 100%;
    padding-bottom: 3rem;
}
.section-eleven .box .image {
    border-radius: var(--border-radius);
    overflow: hidden;
}
.section-eleven .box .image img {

}
.section-eleven .readmore-wrap {
	/* display: none; */
}
.section-eleven .readmore-wrap a {
    /* color: var(--main-color); */
    /* text-decoration: none; */
    /* font-size: 0.8rem; */
    /* font-weight: 600; */
}
.section-eleven .box .button-wrap {
    position: absolute;
    bottom: 0;
}
/*career-single*/
.section-career-single {
	background: linear-gradient( to right, #fff 0%, #fff 52%, rgb(158 172 173 / 28%) 52%, rgb(158 172 173 / 28%) 100% );
}
.section-career-single .content h2 {
	color: var(--main-color);
	font-weight: 500;
}
.section-career-single .side {
    padding-left: 2rem;
}
.section-career-single .side label {
	font-size: 0.8rem;
} 
.section-career-single .side select, 
.section-career-single .side textarea, 
.section-career-single .side input:not([type="checkbox"]) {
    padding: 0.5rem;
    border: 0;
    font-size: 1.1rem;
}
.section-career-single .side textarea {
	height: 5rem;
}
.section-career-single .side input[type="submit"] {
	width: initial;
    padding: 0.3rem 3rem;
	font-size: 0.9rem;
} 
.section-career-single .side a {
	color: var(--main-color);
} 
/****contact-us-pages-style******/
.section-twelve .image img {
    width: 100%;
    height: 100%;
}
.section-twelve .image img.desktop-and-mobile {
    display: block;
}
.carers-form-outer ::-webkit-input-placeholder { 
	color:var(--dark-blur) !important; 
}
.section-twelve .padding-col {
    padding: 0rem 13.8rem 0rem;
}
.section-twelve .text h5 {
    margin-bottom: 1.5rem;
}
/***industries-wrapper**/
.industries-wrapper .section-padding {
    padding: 0.8rem 0 0.4rem;
}
.industries-wrapper .header.padding-bottom {
    padding-bottom: 1rem;
}
.industries-wrapper .col-margin-small-wrap {
    margin-right: -0.55rem;
    margin-left: -0.55rem;
}
.industries-wrapper .col-margin-small {
    margin-right: 0.55rem;
    margin-left: 0.55rem;
}

.section-thirteen {
    position: relative;
    z-index: 1;	
    padding-top: 2.5rem;
}
.section-fourteen .section-padding {
    padding: 1.9rem 0 7rem;
}
.section-fourteen .responsive-bg .row.odd .text{
    padding-right: 7rem;
}
.section-fourteen .responsive-bg .row.even .text {
    padding-left: 3.5rem;
}
.section-fourteen .section-padding-bottom {
    padding-bottom: 2.7rem;
}
.section-fifteen .text.padding-left {
   padding-right: 10rem;
}
.section-fifteen .box .image img {
    width: 100%;
    height: 100%;
}
.section-fifteen .box .image.center {
    /* height: 13rem; */
    display: flex;
    margin-left: 0;
    max-width: 10rem;
}

/***/
.readmore-height-wrap.active .text {
    height: 12.2rem;
    overflow: hidden;
}
.readmore-height-wrap.active.open .text {
    height: auto;
}
.readmore a {
    color: var(--main-color);
}
.readmore a:hover {
    color: var(--main-color-hover);
}
.readmore-height-wrap.active .readmore {
    display: block;
}
.readmore-height-wrap .readmore {
    display: none;
    padding-left: 3.5rem;
    margin-top: 1rem;
}
.readmore-height-wrap a {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
    font-size: var(--font-size-p);
}

@media(min-width: 992px){
	/**technologies**/
	.navbar-tech ul {
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		z-index: 1;
		border-bottom: 0.1rem solid #939393;
	}
	.navbar-tech ul li {
		position: relative;
		width: 20%;
		margin: 0 auto;
	}
	.navbar-tech ul a {
		font-size:1rem;
		font-weight: 700;
		color: #939393;
		padding: 1rem 0rem;
		display: inline-block;
		position: relative;
		width: 100%;
		text-align: center;
	}
	.navbar-tech ul a:hover {
		color: var( --dark);
	}
	.navbar-tech ul .current-menu-ancestor a, .navbar-tech ul .current-menu-item a{
		color: var( --dark);
	}
	.navbar-tech ul > li > ul.sub-menu {
		position: absolute;
		z-index: 102;
		top: 100%;
		left: 2rem;
		box-shadow: 0px 1px 4px #00000026;
		border: 0.1rem solid #D3D3D3;
		border-radius: 4px;
		max-height: 0;
		height: 0px;
		overflow: hidden;
		transition: max-height 0.75s ease-out;
		display: inline-block;
		width: 12rem;
		opacity: 0;
	}
	.navbar-tech ul > li.menu-item-has-children:hover > ul.sub-menu li {
		width: 100%;
	}
	.navbar-tech ul > li.menu-item-has-children:hover > ul.sub-menu {
		transition: max-height 0.75s ease-out;
		height: auto;
		max-height: 25rem;
		opacity: 1;
	}
	.navbar-tech ul.sub-menu a {
		padding: 0.5rem 0.8rem;
		text-align: left;
		color: #505050 !important;
		font-weight: 400;
		font-size: 0.8rem;
		width: 100%;
	}
	.navbar-tech ul.sub-menu li a:after {
		display: none;
	}
	.navbar-tech ul.sub-menu a:hover, .navbar-tech ul.sub-menu .current-menu-item a {
		background-color: var(--main-color);
		color: var( --white-color) !important;
	}
	.navbar-tech .nav-wrap ul li.current-menu-item a:after, .navbar-tech .nav-wrap ul li a:hover:after {
		width: 100%;
		transform: scaleX(1);
	}
	.navbar-tech .nav-wrap ul li a:after {
		width: 0%;
		height: 4px;
		position: absolute;
		top: 99%;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 0 auto;
		content: "";
		background-color: #e0005a;
		transform: scaleX(0);
		transition: all .3s;
		z-index: 999;
	}
	.section-six .text {
		min-height: 3.5rem;
	}
	.section-six .dont-logo-slider {
		justify-content: center;
	}
	.section-six .dont-logo-slider .flex-2 {
	  	width: 21%;
	}
}
@media(max-width: 991px){
	.h1-as-h2 h1,
	h2 {
		font-size: 1.5rem;
		line-height: 1.4;
	}
	.h2-as-h3 h2,
	h3 {
		font-size: 1rem;
		font-weight: 800;
		line-height: 1.5rem;
	}
	.h3-as-h5 h3,
	h5 {
		font-size: 1rem; --small-font
		line-height: 1.7rem;
		margin: 0.5rem 0 0.5rem;
	}
	p {
		 font-size: var(--small-font);
		 line-height: 1.3rem;
	 }
	.button, a.button {
		font-size: 0.85rem;
	}
	.display-flex {
		display: block;
	}
	.bringing-slider .col-margin {
		margin-right: 0.5rem;
		margin-left: 0.5rem;
	}
	.padding-col {
		padding: 0 0rem;
	}
	.responsive-bg.odd .image {
		padding-left: 1rem;
	}
	.responsive-bg.odd .text {
		padding-right: 1rem;
		padding-left: 0rem;
	}
	.responsive-bg.even .image {
		padding-right: 1rem;
	}
	.responsive-bg.even .text {
		padding-right: 0rem;
		padding-left: 1rem;
	}
	.vid-popup-wrap.popup-image .vid-popup {
		/* max-width: 95%; */
		width: 95%;
	}
	
	/*section - one */
	.section-one p,
	.section-one h1,
	.section-one h2 {
		text-align: left!important;
	}
	/*section - two */
	.section-two.responsive-bg {
		background-image: initial!important;
	}
	.section-two.section-padding {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.section-two .row .text {
		width: 100%;
	}
	.section-two.four.section-padding {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.section-two.four .row .text {
		width: 100%;
	}
	.section-two .responsive-bg .row, .section-seven .responsive-bg .row, .section-fourteen .responsive-bg .row {
		margin-bottom: 2rem;
	}
	.section-two.responsive-bg p {
		font-size: 0.8rem;
		line-height: 1.3rem;
	}
	/*section - five */
	.section-five .image {
		width: 100%;
	}
	.section-five .text {
		width: 100%;
		margin-right: 0;
		padding: 0 1.5rem 2rem;
	}
	/*section - six*/
	.section-six {
		overflow: hidden;
	}
	.section-six .header.section-padding-bottom {
		padding-bottom: 0;
	}
	.section-six .box {
		padding-right: 0;
		padding-left: 0;
		margin-top: 2rem;
	}
	.section-six .dont-logo-slider .box.dont-show-box {
		padding: 0 2rem;
	}
	.section-six .dont-logo-slider .box.show-box {
		width: calc(100% - 6rem);
		margin-right: auto;
		margin-left: auto;
	}
	/*section - seven*/
	.section-eleven {
		overflow: hidden;
	}
	.section-seven .text-wrap {
		width: 100%;
	}
	.section-seven .title-wrap.display-flex {
		display: flex;
	} 
	/*section - eight*/
	.section-eight .image.display-flex {
		display: flex;
	}
	.section-eight .title-wrap.display-flex {
		display: flex;
	} 
	/*section - nine*/
	.section-nine .inner {
		height: auto;
	}
	.section-nine .text {
		padding: 1rem;
	}
	.section-nine .title {
		margin-top: 26vw;
	}
	/*section ten*/
	.section-ten .catergory .button {
		margin-top: 0;
		margin-bottom: 1.5rem;
	}
	/*single career*/
	.section-career-single {
		background: initial;
	}
	.section-career-single.section-padding {
		padding-bottom: 0;
	}
	.section-career-single .side {
		width: calc(100% + 3.2rem);
		margin-right: -1.6rem;
		margin-left: -1.6rem;
		padding-top: 3rem;
		padding-bottom: 3rem;
		padding-right: 1.6rem;
		padding-left: 1.6rem;
		background-color: rgb(158 172 173 / 28%);
	}
	.show-box .box {
		width: 33%;
		margin-bottom: 1rem;
	}
	/*section - twelve*/	
	.section-twelve .image img {
		height: 35rem;
	}
	.section-twelve .padding-col {
		padding: 0rem 2.5rem 0rem;
	}
	/*section - seven*/
	.section-seven .responsive-bg .row.odd .text {
		padding-right: 1.5rem;
	}
	.section-seven .responsive-bg .row.even .text {
		padding-left: 1.5rem;
	}
	.section-eleven .box.margin-bottom {
		margin-bottom: 1rem;
		width: 33%;
	}
	.section-eleven .col-margin-wrap {
		margin-right: -0.5rem;
		margin-left: -0.5rem;
	}
	.section-eleven .col-margin {
		margin-right: 0.5rem;
		margin-left: 0.5rem;
	}
	/*section - fourteen*/
	.section-fourteen .section-padding {
		padding: 1.9rem 0 3rem;
	}
	.section-fourteen .responsive-bg .row.even,
	.section-fourteen .responsive-bg .row.odd {
		display: flex;
		flex-direction: column-reverse;
	}
	.section-fourteen .responsive-bg .row.odd .text {
		padding-right: 1rem;
	}
	.section-fourteen .responsive-bg .row.even .text {
		padding-left: 1.5rem;
	}
	/*section - fifteen*/
	.section-fifteen .text.padding-left {
		padding-right: 0rem;
		padding-left: 2rem;
	}
	.section-fifteen .box.flex-2 {
		width: 20%;
	}
	.section-fifteen .box.flex-10 {
		width: 80%;
	}
	
	/*menu middle*/

	.navbar-tech ul.tech-nav {
		position: relative;
		z-index: 1;
		padding-top: 3.4rem;
		max-height: 0;
		overflow: hidden;
		transition: max-height 1s ease-out;
		background-color: #fff;
	}
	.navbar-tech.active ul.tech-nav {
		transition: max-height 1s ease-out;
		height: auto;
		max-height: 600px;
	}
	.navbar-tech ul.tech-nav li {
		width: 100%;
	}
	.navbar-tech ul.tech-nav li a {
		display: block;
		width: 100%;
		padding: 0.4rem 0.8rem;
		border-top: 1px solid #C6C6C7;
		border-right: 1px solid #C6C6C7;
		border-left: 1px solid #C6C6C7;
		text-decoration: none;
		color: #939393;
		font-size: 0.8rem;
		text-transform: uppercase;
	}
	.navbar-tech ul.tech-nav li:not(.current-menu-item, .current_page_ancestor.current-menu-item) a:hover {
		background-color: var(--main-color);
		color: var(--white-color);
	}
	.navbar-tech.active ul.tech-nav {
		border-bottom: 1px solid #C6C6C7;
	}
	.navbar-tech ul.tech-nav li.current-menu-item:not(.current_page_ancestor) {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1;
	}
	.navbar-tech ul.tech-nav li.current-menu-item:not(.current_page_ancestor) a {
		display: block;
		width: 100%;
		padding: 0.8rem 1.5rem;
		border: 1px solid #C6C6C7;
		border-radius: 0.3rem;
		background-image: url(.././img/down-arrow.svg);
		background-repeat: no-repeat;
		background-position: calc(100% - 1rem) center;
		color: #02021A;
		font-size: 1rem;
	}
}
@media (max-width: 767px){

	.padding-col {
		padding: 0 0rem;
	}
	.responsive-bg.odd .image {
		padding-left: 0rem;
	}
	.responsive-bg.even .image {
		padding-right: 0rem;
	}
	.responsive-bg.even .text {
		padding-right: 0;
	}
	.section-two.odd .row, 
	.section-two.even .row {
		flex-direction: column-reverse;
		display: flex;
	}
	.section-six h5 {
		font-size: 1rem;
		line-height: 1.5;
	}
	.section-five .text {
		padding: 1rem 1.5rem 2rem;
	}
	.section-five .flex-row {
		flex-direction: column-reverse;
	}
	.show-box .box {
		padding: 0 3rem;
	}
	.section-six .logo-slider .image {
		max-width: 100%;
		height: 3rem;
	}
	.logo-slider {
		padding-bottom: 1.5rem;
	}
	.section-six .header {
		padding: 0 2rem;
	}
	.social-icons a {
		max-width: 1.2rem;
	}
	.bringing-slider ul.slick-dots {
		padding-top: 2rem;
		display: flex;
		justify-content: center;
		width: 100%;
	}
	.responsive-bg.odd .text {
		padding-right: 0rem;
		padding-left: 0rem;
	}
	.responsive-bg.even .image {
		padding-right: 0rem;
	}
	.responsive-bg.even .text {
		padding-right: 0rem;
		padding-left: 0rem;
	}
	.section-two.responsive-bg p {
		font-size: var(--font-size-p);
		line-height: var(--line-height);
	}
	.section-two .responsive-bg .row.odd .image, .section-seven .responsive-bg .row.odd .image, .section-fourteen .responsive-bg .row.odd .image {
		padding-left: 0rem;
	}
	.section-two .responsive-bg .row, .section-seven .responsive-bg .row, .section-fourteen .responsive-bg .row {
		margin-bottom: 1rem;
	}
	.section-five .left-content-box:after {
		background-size: 86vw auto;
		width: 100%;
		height: 44%;
		top:auto;
		left: 0;
		bottom: 0;
	}
	.section-five .mobimage {
		display: block;
	}
	.section-five .dasktopimage {
		display: none;
	}
	.show-box .box {
		width: 100%;
		max-width: 82%;
		max-width: 100%;
		margin: 0 auto;
		margin-bottom: 1rem;
	}
	.section-twelve .image img {
		height: auto;
	}
	.section-twelve .padding-col {
		padding: 2rem 2.5rem 2rem;
	}
	.industries-wrapper .header h3 {
		text-align: left !important;
	}
	.industries-wrapper .box {
		width: 100%;
		margin-bottom: 2rem;
	}
	.industries-wrapper .box h5 {
		margin: 1rem 0 0.1rem;
	}
	.section-eleven.industries-wrapper {
		padding-bottom: 0rem;
	}
	.section-eleven .readmore-wrap {
		display: block;
	}
	.readmore-wrap svg {
		width: 0.5rem;
		height: 0.5rem;
		margin-left: 0.5rem;
	}
	.section-seven .responsive-bg .row.odd .text {
		padding-right: 0;
		padding-bottom: 2rem;
	}
	
	.section-seven .responsive-bg .row.even .text {
		padding-left: 0;
		padding-bottom: 2rem;
	}
	
	.section-eleven .box.margin-bottom {
		width: 50%;
	}
	.section-fourteen .section-padding-bottom {
		padding-bottom: 0rem;
	}
	.section-fourteen .responsive-bg .row.even .text {
		padding: 0 0 1rem;
	}
	.readmore-height-wrap.active .text {
		height: 12.7rem;
	}
	.readmore-height-wrap .readmore {
		padding-left: 0;
		margin: 0.5rem 0 2rem;
	}
	.section-fourteen .responsive-bg .row.odd .text {
		padding: 0 0 1rem;
	}
	
	.section-twelve .button-wrap.center p {
		display: block;
		width: 100%;
	}
	.section-twelve .button-wrap.center .button {
		margin-right: 0rem;
		margin-left: 0rem;
	}
	.section-twelve input[type="submit"] {
		width: 100%;
		display: block;
		margin: 0!important;
	}
	
}
@media (max-width: 491px){
	span.wpcf7-list-item-label, span.wpcf7-list-item-label a {
		font-size: 0.66rem;
	}
	.section-twelve .padding-col {
		padding: 2rem 2rem 2rem;
	}
	.section-six .logo-slider .image {
		height: 3rem;
	}
	.section-eleven .box.margin-bottom {
		margin-bottom: 1rem;
		width: 100%;
	}
	.section-fifteen {
		padding: 3rem 0 1rem;
	}
	.section-fifteen .box .image.center {
		height: auto;
		max-width: 100%;
		margin-bottom: 1rem;
	}
	.section-fifteen .box.flex-2, .section-fifteen .box.flex-10 {
		width: 100%;
	}
	.section-fifteen .text.padding-left {
		padding: 0;
	}
	.section-fourteen .responsive-bg .row.odd .text {
		padding: 0rem 0 2rem;
	}
	.section-fourteen .responsive-bg .row.even .text {
		padding: 0 0 2rem;
	}
}