/*
 *  Copyright 2018 Adobe Systems Incorporated
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-tabs__tablist {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
}
.cmp-tabs__tab {
  box-sizing: border-box;
  border-bottom: 1px solid transparent;
  padding: .5rem 1rem;
  cursor: pointer;
}
.cmp-tabs__tab--active {
  border-color: inherit;
}
.cmp-tabs__tabpanel {
  display: none;
}
.cmp-tabs__tabpanel--active {
  display: block;
}

/*
 *  Copyright 2017 Adobe Systems Incorporated
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/** @define image */
.cmp-image__image {
  width: 100%;
}

/*
 *  Copyright 2018 Adobe Systems Incorporated
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-carousel__content {
  position: relative;
}
.cmp-carousel__item {
  display: none;
}
.cmp-carousel__item--active {
  display: block;
}
.cmp-carousel__action {
  position: absolute;
  top: 0;
  bottom: 0;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  text-align: center;
  opacity: 0;
  background-color: rgba(255, 255, 255, 0.1);
  transition: opacity .2s;
  outline: none;
}
.cmp-carousel:hover .cmp-carousel__action {
  opacity: 1;
}
.cmp-carousel__action-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
}
.cmp-carousel__action--previous {
  left: 0;
}
.cmp-carousel__action--previous .cmp-carousel__action-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
.cmp-carousel__action--next {
  right: 0;
}
.cmp-carousel__action--next .cmp-carousel__action-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}
.cmp-carousel__action-text {
  position: absolute;
  width: 1px;
  height: 1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
}
.cmp-carousel__indicators {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  margin: 0;
  padding: 0;
  justify-content: center;
  list-style: none;
  background-color: rgba(0, 0, 0, 0.3);
}
.cmp-carousel__indicator {
  position: relative;
  flex: 0 1 auto;
  width: 10px;
  height: 10px;
  margin: 6px 4px;
  border-radius: 50%;
  font-size: 0;
  text-indent: -3000px;
  background-color: rgba(255, 255, 255, 0.5);
}
.cmp-carousel__indicator--active {
  background-color: rgba(255, 255, 255, 0.9);
}

/*--------------------------------------------------------------
# CSS Document
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# Arrow Animation
--------------------------------------------------------------*/

.left-arrow img.arrow-move {
	position: relative;
	left: 0px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.left-arrow:hover img.arrow-move {
	left: 5px;
}

/*--------------------------------------------------------------
# Move to top scroll - Desktop
--------------------------------------------------------------*/

.scroll-up {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
	z-index: 1;
}

/*--------------------------------------------------------------
# Global CSS - Desktop
--------------------------------------------------------------*/
.hero-banner-caption {
	color: #FFFFFF;
	font-size: 60px;
	font-weight: 500;
	font-family: 'tungstenw05-medium', 'Oswald', sans-serif;
	line-height: 60px;
}
.h1-heading {
	font-size: 80px;
	line-height: 80px;
	/*letter-spacing: -1.5px;*/
	font-weight: 500;
	font-family: 'tungstenw05-medium', 'Oswald', sans-serif;
}
.h1-sz30 {
	font-size: 30px;
	font-weight: 900;
	margin-bottom: 50px;
}
.title-sml {
	font-size: 42px;
	color: #000000;
	font-weight: 900;
	line-height: 44px;
	letter-spacing: -2px;
}
.yellow-dots {
	text-align: center;
	display: none;
}
.yellow-dots > span {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 5px;
}
.yellow-dots-left {
	display: none;
}
.yellow-dots-left > span, .yellow-dots-left-sml > span {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 5px;
}
.yellow-dots-left-sml > span {
	width: 10px;
	height: 10px;
	margin-top: 0;
}
ul.list {
	padding: 0;
	margin-bottom: 20px;
}
ul.list > li {
	padding-left: 40px;
	list-style-type: none;
	margin-bottom: 10px;
	background-image: url("../../../content/dam/infosys-web/en/global-resource/responsive/newdesign/list-arrow.png");
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
ul.list > li:last-child {
	margin-bottom: 0;
}
.hidden-scroll {
	overflow: hidden ;
	-webkit-overflow-scrolling: hidden !important;
	-moz-overflow-scrolling: hidden !important;
	-ms-overflow-scrolling: hidden !important;
	-o-overflow-scrolling: hidden !important;
	position: relative;/*height: 100%;*/
}

/*--------------------------------------------------------------
# Header Menu - Desktop
--------------------------------------------------------------*/

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
	background-color: transparent;
	color: #ffffff !important;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
	background-color: transparent;
	color: #fff !important;
	opacity: 0.75;
}
.navbar-default {
	border-color: transparent;
	background-color: transparent;
}
.navbar-brand {
	padding: 5px 15px 0;
}
.navbar {
	margin-bottom: 0;
	min-height: auto;
}
.navbar-default .navbar-nav > li > a {
	color: #fff;
	font-size: 16px;
	margin: 0 8px;
	font-weight: 400;
}
.listmenu {
	position: relative;
	width: 100%;
	padding: 0;
	z-index: 2;
}
.hero-list {
	position: absolute;
	width: 100%;
	margin-top: 125px;
}
.hero-list1 {
	margin-left: 10%;
	margin-right: 20%;
	margin-top: 0;
	/*padding: 17px 0;*/
	padding: 8px 0px;
	position: fixed;
	width: 69%;
}
.hero-list1 > ol.rmv-breadcrum > li, .hero-list1 > ol.rmv-breadcrum > li > a {
	color: #000000;
	font-size: 16px;
}
.hero-list1 > ol.rmv-breadcrum > li.open > a {
	color: #f6a623;
}
.hero-list > ol > li.open > ul.dropdown-menu {
	width: auto;
	left: auto;
}

.sticky-icons > li > a > img.share-icon {
	width: 17px;
	height: 45px;
	margin-right: 20px;
	display: block;
	padding: 14px 0;
}
.sticky-icons > li > a.small {
	font-weight: 600;
}
.small img.arrow-right-header {
	position: relative;
	left: 0px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.small:hover img.arrow-right-header {
	left: 5px;
}
.arrow-right-header {
	margin-left: 10px;
	width: 17px;
	height: 17px;
}
.hidden-list {
	display: none !important;
}
.visible-list {
	display: block !important;
}
.visible1024-cross {
	display: none;
}
.hero-list1 > .visible-list {
	margin: 0;
}

/* Mega menu */
.mega-dropdown-menu {
	border: 0;
}
.mega-dropdown {
	position: static !important;/*width: 100%;*/
}
.mega-dropdown > a {
	-webkit-transition: all 0s cubic-bezier(0, 0, 0, 0);
	-moz-transition: all 0s cubic-bezier(0, 0, 0, 0);
	-ms-transition: all 0s cubic-bezier(0, 0, 0, 0);
	-o-transition: all 0s cubic-bezier(0, 0, 0, 0);
	transition: all 0s cubic-bezier(0, 0, 0, 0);
}
.mega-dropdown-menu {
	padding: 20px 0px;
	width: 100%;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.mega-dropdown-menu > li > ul {
	padding: 0;
	margin: 0;
}
.mega-dropdown-menu > li > ul > li {
	list-style: none;
}
.mega-dropdown-menu > li > ul > li > a {
	display: block;
	padding: 3px 0;
	clear: both;
	font-weight: normal;
	font-size: 14px;
	color: #000000;
	white-space: normal;
}
.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus {
	text-decoration: none;
	color: #DF9926;
}
li > a > .angle-down {
	font-size: 20px;
	position: relative;
	top: 2px;
	left: 5px;
}
li.open > a > .angle-down {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.dropdown-menu {
	margin: 0;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
	-o-box-shadow: 0 0 10px rgba(0,0,0,0.6);
	box-shadow: 0 0 10px rgba(0,0,0,0.6);
}
.mega-dropdown-menu .dropdown-header, .mega-dropdown-menu .dropdown-header > a {
	color: #000;
	font-size: 14px;
	font-weight: 700;
    padding: 3px 0;
}
.mega-dropdown-menu .dropdown-header > a {
	padding: 0;
}
.mega-dropdown-menu form {
	margin: 3px 20px;
}
.mega-dropdown-menu .form-group {
	margin-bottom: 3px;
}

/* Mega menu END */
.learn, .innovate, .automate {
	height: 100vh;
	background-repeat: no-repeat !important;
	-webkit-background-size: cover !important;
	background-size: cover !important;
	color: #fff;
	padding-top: 25px;
}
.head-txt {
	font-size: 35px;
	margin-bottom: 15px;
	font-weight: 900;
    line-height: 1.1;
}
.sub-head {
	font-style: italic;
	font-weight: 400;
	letter-spacing: 0.7px;
}
.head-txt, .sub-head {
	padding: 0;
}
.burger1-menu, .burger2-menu {
	display: none;
	/*margin-left: -1px;*/
	position: absolute;
	width: 100%;
}
.align-list > ul > li > a {
	color: #303030;
}
.align-list > ul > li > a:hover {
	color: #0F9FFA;
}
.logo-inner {
	margin: 20px 0;
}

.menu-bg {
	background-color: #fff;
	border-radius: 50%;
	height: 45px;
	width: 45px;
	position: absolute;
	right: 10px;
	top: 0px;
}
.burger {
	margin-top: 35px;
	margin-right: 40px;
	height: 30px;
	width: 40px;
	position: absolute;
	top: 0px;
	right: 23px;
	cursor: pointer;
}
.scrollbg-show .burger.open {
	top: 0;
}
.burger.open {
	background-color: #fff;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.show-strip .burger.open {
	top: 0px;
}

.open > .collapse {
	background-color: #061838;
	display: block;
	top: 5px !important;
	left: 0;
	transition: all 70ms ease-out 0s;
}

.icon-bar11, .icon-bar21, .icon-bar31 {
	background: #fff ;
}

.icon-bar1, .icon-bar2, .icon-bar3 {
	position: absolute;
	margin: auto;
	top: 0px;
	right: 0;
	bottom: 0px;
	background: #061838;
	-webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-ms-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.icon-bar1, .icon-bar3 {
	height: 2px;
	width: 18px;
}

.icon-bar2 {
	height: 2px;
	top: 16px;
	width: 10px;
}
.icon-bar3 {
	top: 31px;
}
.open > .icon-bar11,.open > .icon-bar31 {
	background: #061838 !important;
}
.open > .collapse {
	top: 20px;
	background: #061838;
	-webkit-transition: all 70ms ease-out;
	-moz-transition: all 70ms ease-out;
	-ms-transition: all 70ms ease-out;
	-o-transition: all 70ms ease-out;
	transition: all 70ms ease-out;
	display: block;
}
.rotate30 {
	-ms-transform: rotate(30deg);
	-webkit-transform: rotate(30deg);
	transform: rotate(30deg);
	-webkit-transition: all 50ms ease-out;
	-moz-transition: all 50ms ease-out;
	-ms-transition: all 50ms ease-out;
	-o-transition: all 50ms ease-out;
	transition: all 50ms ease-out;
}
.rotate150 {
	-ms-transform: rotate(150deg);
	-webkit-transform: rotate(150deg);
	transform: rotate(150deg);
	-webkit-transition: all 50ms ease-out;
	-moz-transition: all 50ms ease-out;
	-ms-transition: all 50ms ease-out;
	-o-transition: all 50ms ease-out;
	transition: all 50ms ease-out;
}
.rotate45 {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all 100ms ease-out;
	-moz-transition: all 100ms ease-out;
	-ms-transition: all 100ms ease-out;
	-o-transition: all 100ms ease-out;
	transition: all 100ms ease-out;
}
.rotate135 {
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	-webkit-transition: all 100ms ease-out;
	-moz-transition: all 100ms ease-out;
	-ms-transition: all 100ms ease-out;
	-o-transition: all 100ms ease-out;
	transition: all 100ms ease-out;
}

.circle {
	border-radius: 50%;
	width: 0px;
	height: 0px;
	position: absolute;
	/*top: 35px;
	right: 36px;*/
	top: 65px;
	right: 95px;
	background: #fff;
	opacity: 1;
	-webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
.circle.expand {
	width: 150%;
	height: 2000px;
	overflow: hidden;
	top: -560px;
	right: -565px;
	-webkit-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-moz-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-ms-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	-o-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
.menu {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
	display: none;
}
.menu ul li {
	margin-bottom: 20px;
	position: relative;	
}
.menuItems > ul > li > a {
	color: #3F3F3F;
	font-weight: 900;
	font-size: 23px;
	text-decoration: none;
}
.un-line {
	position: absolute;
	bottom: -1px;
	height: 3px;
	width: 0;
	left: 0;
	background-color: #333;
	-webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
	-moz-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
	-ms-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
	-o-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
	transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
}
.menuItems > ul > li > a:hover .un-line {
	width: 26px;
}
.menuItems > ul > li.smalltext {
	margin-bottom: 10px;
}
.menuItems > ul > li.smalltext > a {
	color: #7E7E7E;
	font-weight: 400;
	font-size: 18px;
	text-decoration: none;
}
.menuItems > ul > li > a:hover, .menuItems > ul > li.smalltext > a:hover {
	color: #000000;
}
.menuItems > ul > li.social-icons {
	margin-top: 25px;
	display: inline-block;
	margin-bottom: 0;
	margin-left: 15px;
}
.opacity-zero {
	opacity: 0;
	-webkit-transition: all 0.3s ease-out 0.3s;
	-moz-transition: all 0.3s ease-out 0.3s;
	-ms-transition: all 0.3s ease-out 0.3s;
	-o-transition: all 0.3s ease-out 0.3s;
	transition: all 0.3s ease-out 0.3s;
}
.bg-trans {
	background-color: rgba(255, 255, 255, 0);
	-webkit-transition: all 0.3s ease-out 0.3s;
	-moz-transition: all 0.3s ease-out 0.3s;
	-ms-transition: all 0.3s ease-out 0.3s;
	-o-transition: all 0.3s ease-out 0.3s;
	transition: all 0.3s ease-out 0.3s;
}
@keyframes show-strip {
	0% {
	 opacity: 0;
	 transform: translateY(0px);
	}
	50% {
	 opacity: 1;
	 transform: translateY(5px);
	}
	100% {
	 transform: translateY(0px);
	}
}

ul.navs > li {
	display: block;
	height: 40px;
	position: relative;
	width: 60px;
}
ul.navs > li > a {
	cursor: pointer;
	display: block;
	height: 100%;
	position: relative;
	text-decoration: none;
	width: 100%;
	z-index: 1;
}
ul.navs > li > a > span {
	background-color: rgba(255, 255, 255, 0.3);
	height: 1px;
	width: 30px;
	display: block;
}
ul.navs > li.active > a > span, ul.navs > li:hover > a > span {
	background-color: rgb(255, 255, 255, 1);
	height: 4px;
	width: 60px;
	display: block;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
ul.navs > li > .menu-title {
	font-weight: 400;
	font-size: 14px;
	text-transform: uppercase;
	position: absolute;
	top: 5px;
}
ul.navs > li.active {
	margin-bottom: 40px;
}
ul.navs > li.active > .menu-title, ul.navs > li:hover > .menu-title {
	color: #fff;
	display: block;
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-ms-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
	transition: all 0.5s ease-in;
}
ul.navs > li > .menu-title {
	color: #fff;
	display: none;
}
/* User Icon Start */
.user-icon {
	position: absolute;
	right: 189px;
	font-size: 25px;
	top: 41px;
	z-index: 9999;
}

.user-icon a {
	color: #FFFFFF;
    font-size: 25px;
}

.user-icon a i {
	font-size: 25px;
}

.user-icon.open .dropdown-toggle {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.user-icon .dropdown-menu>li>a {
    font-size: 14px;
}

@media screen and (max-width: 992px) { 
	.user-icon {
		right: 140px;
	}
	.user-icon .dropdown-menu {
		left: -3px;
	}
}       
/*--------------------------------------------------------------
# Header Menu Portion
--------------------------------------------------------------*/

@media screen and (min-width: 1500px) and (max-width: 1920px) {
	.hero-list1 {
		width: 60%;
	}
	ul.social-share > li {
		/*right: 23%;*/
	}
	.ui-menu {
		width: 50% !important;
	}
}

@media screen and (max-width: 1280px) {
	ul.social-share > li {
		/*right: 36%;*/
	}
}

@media screen and (max-width: 1024px) {
	h1, h2, h3, h4, h5 {
		/*font-family: myriad-pro;*/
		font-weight: 400;
		margin: 0;
	}
	a {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		outline: 0;
	}
	a:hover {
		text-decoration: none;
	}
	.ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2 {
		color: inherit;
	}
	/*--------------------------------------------------------------
	# iframe[google_conversion_frame]
	--------------------------------------------------------------*/

	iframe[name=google_conversion_frame] {
		display: none;
	}
	/*--------------------------------------------------------------
	# Color CSS 
	--------------------------------------------------------------*/

	.white-color {
		color: #ffffff !important;
	}
	.black-color {
		color: #000000 !important;
	}
	.light-gray {
		color: #7E7E7E !important;
	}
	/*--------------------------------------------------------------
	# Background CSS 
	--------------------------------------------------------------*/

	.bg-white {
		background-color: #fff !important;
	}
	.bg-blue {
		background-color: #47baeb !important;
	}
	.bg-black {
		background-color: #000 !important;
	}
	.bg-egyptian-blue {
		background-color: #213f98 !important;
	}
	.bg-light-white {
		background-color: #f2f2f2;
	}
	.bg-light-grey {
		background-color: #f8f8f8;
	}
	.bg-darkblue {
		background-color: #3601c0;
	}
	.bg-purple {
		background-color: #5619a4;
	}
	.bg-green {
		background-color: #1995a4;
	}
	.bg-cyan {
		background-color: #47baeb;
	}
	.bg-twittercyan {
		background-color: #0F9FFA;
	}
	.bg-orange {
		background-color: #f5a623;
	}
	/*--------------------------------------------------------------
	# Font size CSS-del
	--------------------------------------------------------------*/
	/*--------------------------------------------------------------
	# Fontweight-del
	--------------------------------------------------------------*/
	/*--------------------------------------------------------------
	# Padding CSS-del
	--------------------------------------------------------------*/
	/*--------------------------------------------------------------
	# Border 
	--------------------------------------------------------------*/
	.noborder {
		border: 0;
	}
	/*--------------------------------------------------------------
	# Line height 
	--------------------------------------------------------------*/

	.line-height-24 {
		line-height: 24px;
	}
	.line-height-26 {
		line-height: 26px;
	}
	.line-height-28 {
		line-height: 28px;
	}
	/*--------------------------------------------------------------
	# Relative 
	--------------------------------------------------------------*/

	.relative {
		position: relative;
	}
	/*--------------------------------------------------------------
	# Block 
	--------------------------------------------------------------*/

	.block {
		display: block;
	}
	/*--------------------------------------------------------------
	# Arrow Animation
	--------------------------------------------------------------*/

	.left-arrow img.arrow-move {
		position: relative;
		left: 0px;
		-webkit-transition: all 0.5s ease 0s;
		-moz-transition: all 0.5s ease 0s;
		-ms-transition: all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
	}
	.left-arrow:hover img.arrow-move {
		left: 5px;
	}
	/*--------------------------------------------------------------
	# Move to top scroll - Tablet (Landscape 1024px)
	--------------------------------------------------------------*/

	.scroll-up {
		position: fixed;
		bottom: 20px;
		right: 20px;
		display: none;
		z-index: 1;
	}
	
	.hidden-tab {
		display: none !important;
	}

	/*--------------------------------------------------------------
	# Header Menu - Tablet (Landscape 1024px)
	--------------------------------------------------------------*/

	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
		background-color: transparent;
		color: #ffffff !important;
	}
	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
		background-color: transparent;
		color: #fff !important;
		opacity: 0.75;
	}
	.navbar-default {
		border-color: transparent;
		/*-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
		box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);*/
		background-color: transparent;
	}
	.navbar-brand {
		padding: 5px 15px 0;
	}
	.navbar {
		margin-bottom: 0;
		min-height: auto;
	}
	.navbar-default .navbar-nav > li > a {
		color: #fff;
		font-size: 16px;
		margin: 0 8px;
		font-weight: 300;
	}
	
	.listmenu {
		position: relative;
		width: 100%;
		padding: 0;
		z-index: 2;
	}
	
	.hero-list {
		position: absolute;
		width: 100%;
		margin-top: 125px;
	}
	.hero-list1 {
		margin-left: 10%;
		margin-right: 20%;
		margin-top: 0;
		/*padding: 17px 0;*/
		padding: 8px 0px;
		position: fixed;
		width: 70%;
	}
	.hero-list1 > ol.rmv-breadcrum > li, .hero-list1 > ol.rmv-breadcrum > li > a {
		color: #000000;
		font-size: 16px;
	}
	
	.hero-list1 .dropdown-menu {
		margin-top: -37px;
	}
	.hero-list1 > ol.rmv-breadcrum > li.open > a {
		color: #f6a623;
	}
	.hero-list > ol > li.open > ul.dropdown-menu {
		width: auto;
		left: auto;
	}
	
	.hero-list > .strip-head {
		display: none !important;
	}
	.sticky-icons > li > a > img.share-icon {
		max-width: 17px;
		height: 55px;
		margin-right: 20px;
		display: block;
		padding: 20px 0;
	}
	.sticky-icons > li > a.small {
		font-weight: 600;
	}
	.small img.arrow-right-header {
		position: relative;
		left: 0px;
		-webkit-transition: all 0.5s ease 0s;
		-moz-transition: all 0.5s ease 0s;
		-ms-transition: all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
	}
	.small:hover img.arrow-right-header {
		left: 5px;
	}
	.arrow-right-header {
		margin-left: 10px;
		max-width: 17px;
	}
	.hidden-list {
		display: none !important;
	}
	.visible-list {
		display: block !important;
	}
	.visible1024-cross {
		display: block;
	}
	.hero-list1 > .visible-list {
		margin: 0;
	}
	.pos-right {
		margin-right: 100px;
	}
	
	/* Mega menu */
	.mega-dropdown-menu {
		border: 0;
	}
	.mega-dropdown {
		position: static !important;/*width: 100%;*/
	}
	.mega-dropdown > a {
		-webkit-transition: all 0s cubic-bezier(0, 0, 0, 0);
		-moz-transition: all 0s cubic-bezier(0, 0, 0, 0);
		-ms-transition: all 0s cubic-bezier(0, 0, 0, 0);
		-o-transition: all 0s cubic-bezier(0, 0, 0, 0);
		transition: all 0s cubic-bezier(0, 0, 0, 0);
	}
	.mega-dropdown-menu {
		padding: 20px 0px;
		width: 100%;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}

	.mega-dropdown-menu > li > ul {
		padding: 0;
		margin: 0;
	}
	.mega-dropdown-menu > li > ul > li {
		list-style: none;
	}
	.mega-dropdown-menu > li > ul > li > a {
		display: block;
		padding: 3px 20px;
		clear: both;
		font-weight: normal;
		font-size: 14px;
		color: #000000;
		white-space: normal;
	}
	.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus {
		text-decoration: none;
		color: #f6a623;
	}
	li > a > .angle-down {
		font-size: 20px;
		position: relative;
		top: 2px;
		left: 5px;
	}
	li.open > a > .angle-down {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		transform: rotate(-90deg);
		-webkit-transition: all 0.5s ease 0s;
		-moz-transition: all 0.5s ease 0s;
		-ms-transition: all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
	}
	li > a > .reverseArrow {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		transform: rotate(-90deg);
		-webkit-transition: all 0.5s ease 0s;
		-moz-transition: all 0.5s ease 0s;
		-ms-transition: all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
	}
	li.open > a > .reverseArrow {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: all 0.5s ease 0s;
		-moz-transition: all 0.5s ease 0s;
		-ms-transition: all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
	}

	.dropdown-menu {
		margin: 0;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
		-o-box-shadow: 0 0 10px rgba(0,0,0,0.6);
		box-shadow: 0 0 10px rgba(0,0,0,0.6);
	}
	.mega-dropdown-menu .dropdown-header, .mega-dropdown-menu .dropdown-header > a {
		color: #000;
		font-size: 14px;
		font-weight: 700;
	}
	.mega-dropdown-menu .dropdown-header > a {
		padding: 0;
	}
	.mega-dropdown-menu form {
		margin: 3px 20px;
	}
	.mega-dropdown-menu .form-group {
		margin-bottom: 3px;
	}
	/* Mega menu END */
	.learn, .innovate, .automate {
		height: 100vh;
		background-repeat: no-repeat !important;
		-webkit-background-size: cover !important;
		background-size: cover !important;
		color: #fff;
		padding-top: 25px;
	}
	.head-txt {
		font-size: 40px;
		margin-bottom: 15px;
		font-weight: 900;
	}
	.sub-head {
		font-style: italic;
		font-weight: 400;
		letter-spacing: 0.7px;
	}
	.head-txt, .sub-head {
		/*padding: 0 30px;*/
		padding: 0px;
	}
	.learn {
		background-position: -61px 90px;
	}
	.innovate {
		background-position: -65px 70px;
	}
	.automate {
		background-position: -130px 70px;
	}
	.submenu-portion {
		width: 100%;
		background-color: #F2F2F2;
		height: 108vh;
		padding: 60px 15px 30px;
	}
	.menuItems {
		background-color: #fff;
		background-image: url(../components/structure/header/clientlibs/images/pattern-bg.png);
		background-repeat: repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
		background-position: center center;
		height: 100vh;
		padding: 35px;
	}
	.burger1-menu, .burger2-menu {
		display: none;
		/*margin-left: -1px;*/
		position: absolute;
		width: 100%;
		z-index: 1;
	}
	/*.indus, .servi {	
		padding: 60px;
	}*/
	.hear-txt-sub {
		font-weight: 600;
		color: #000;
		font-size: 18px;
	}
	.menu .align-list > ul > li {
		font-size: 14px;
		color: #000;
		margin: 17px 0;
	}
	.align-list > ul > li > a {
		color: #303030;
	}
	.align-list > ul > li > a:hover {
		color: #0F9FFA;
	}
	.logo-inner {
		margin: 20px 0;
	}

	.menu-bg {
		background-color: #fff;
		border-radius: 50%;
		height: 45px;
		width: 45px;
		position: absolute;
		right: 10px;
		top: 0px;
	}
	.burger {
		height: 30px;
		width: 40px;
		position: absolute;
		top: 0px;
		right: 23px;
		cursor: pointer;
	}
	.scrollbg-show .burger.open {
		top: 0;
	}
	.burger.open {
		background-color: #FFFFFF;
		width: 50px;
		height: 50px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		right: 0;
	}
	.show-strip .burger.open {
		top: 0px;
	}
	.open > .collapse {
		background-color: #061838;
		display: block;
		top: 5px !important;
		left: 0;
		transition: all 70ms ease-out 0s;
	}
	.reverseMenu {
		background-color: #061838 !important;
		color: #fff;
	}
	.icon-bar11, .icon-bar21, .icon-bar31 {
		background: #fff ;
	}
	.icon-bar1, .icon-bar2, .icon-bar3 {
		position: absolute;
		margin: auto;
		top: 0px;
		right: 0;
		bottom: 0px;
		background: #061838;
		-webkit-transition: all 200ms ease-out;
		-moz-transition: all 200ms ease-out;
		-ms-transition: all 200ms ease-out;
		-o-transition: all 200ms ease-out;
		transition: all 200ms ease-out;
	}
	.icon-bar1, .icon-bar3 {
		height: 2px;
		/*width: 26px;*/
		width: 18px;
	}
	/*.y {
		top: 18px;
		width: 15px;
		height: 2px;
	}*/
	.icon-bar2 {
		height: 2px;
		top: 16px;
		width: 10px;
	}
	.icon-bar3 {
		top: 31px;
	}
	.open > .icon-bar11 {
		background: #061838 !important;
	}
	.open > .icon-bar31 {
		background: #061838 !important;
	}
	.open > .collapse {
		top: 20px;
		background: #061838;
		-webkit-transition: all 70ms ease-out;
		-moz-transition: all 70ms ease-out;
		-ms-transition: all 70ms ease-out;
		-o-transition: all 70ms ease-out;
		transition: all 70ms ease-out;
		display: block;
	}
	.rotate30 {
		-ms-transform: rotate(30deg);
		-webkit-transform: rotate(30deg);
		transform: rotate(30deg);
		-webkit-transition: all 50ms ease-out;
		-moz-transition: all 50ms ease-out;
		-ms-transition: all 50ms ease-out;
		-o-transition: all 50ms ease-out;
		transition: all 50ms ease-out;
	}
	.rotate150 {
		-ms-transform: rotate(150deg);
		-webkit-transform: rotate(150deg);
		transform: rotate(150deg);
		-webkit-transition: all 50ms ease-out;
		-moz-transition: all 50ms ease-out;
		-ms-transition: all 50ms ease-out;
		-o-transition: all 50ms ease-out;
		transition: all 50ms ease-out;
	}
	.rotate45 {
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all 100ms ease-out;
		-moz-transition: all 100ms ease-out;
		-ms-transition: all 100ms ease-out;
		-o-transition: all 100ms ease-out;
		transition: all 100ms ease-out;
	}
	.rotate135 {
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		-webkit-transition: all 100ms ease-out;
		-moz-transition: all 100ms ease-out;
		-ms-transition: all 100ms ease-out;
		-o-transition: all 100ms ease-out;
		transition: all 100ms ease-out;
	}

	.circle {
		border-radius: 50%;
		width: 0px;
		height: 0px;
		position: absolute;
		/*top: 35px;
		right: 36px;*/
		top: 65px;
		right: 75px;
		background: #fff;
		opacity: 1;
		-webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	}
	.circle.expand {
		width: 150%;
		height: 2000px;
		overflow: hidden;
		top: -560px;
		right: -300px;
		-webkit-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-moz-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-ms-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-o-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	}
	.menu {
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0px;
		right: 0px;
		display: none;
	}
	.menu ul li {
		margin-bottom: 20px;
		position: relative;
	}
	.menuItems > ul > li > a {
		color: #3F3F3F;
		font-weight: 900;
		font-size: 23px;
		text-decoration: none;
	}
	.un-line {
		position: absolute;
		bottom: -1px;
		height: 3px;
		width: 0;
		left: 0;
		background-color: #333;
		-webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
		-moz-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
		-ms-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
		-o-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
		transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
	}
	.menuItems > ul > li > a:hover .un-line {
		width: 26px;
	}
	.menuItems > ul > li.smalltext {
		margin-bottom: 10px;
	}
	.menuItems > ul > li.smalltext > a {
		color: #7E7E7E;
		font-weight: 400;
		font-size: 18px;
		text-decoration: none;
	}
	.menuItems > ul > li > a:hover, .menuItems > ul > li.smalltext > a:hover {
		color: #000000;
	}
	.menuItems > ul > li.social-icons {
		margin-top: 25px;
		display: inline-block;
		margin-bottom: 0;
		margin-left: 15px;
	}
	.opacity-zero {
		opacity: 0;
		-webkit-transition: all 0.3s ease-out 0.3s;
		-moz-transition: all 0.3s ease-out 0.3s;
		-ms-transition: all 0.3s ease-out 0.3s;
		-o-transition: all 0.3s ease-out 0.3s;
		transition: all 0.3s ease-out 0.3s;
	}
	.bg-trans {
		background-color: rgba(255, 255, 255, 0);
		-webkit-transition: all 0.3s ease-out 0.3s;
		-moz-transition: all 0.3s ease-out 0.3s;
		-ms-transition: all 0.3s ease-out 0.3s;
		-o-transition: all 0.3s ease-out 0.3s;
		transition: all 0.3s ease-out 0.3s;
	}
	@keyframes show-strip {
		0% {
		 opacity: 0;
		 transform: translateY(0px);
		}
		50% {
		 opacity: 1;
		 transform: translateY(5px);
		}
		100% {
		 transform: translateY(0px);
		}
	}

	.search-icon {
		right: 125px;
	}

	.cross > a > img {
		max-width: 17px;
		position: absolute;
		right: 25px;
		top: 15px;
		z-index: 1;
	}

	.hidden-1024 {
		display: none;
	}
	/* header */
	.menu-bg.no-scroll {
		right: 10px;
	}
	.burger.no-scroll {
		right: 23px;
	}
	.navbar-brand.no-scroll {
		margin-left: 0 !important;
	}

	/*--------------------------------------------------------------
	# Header Menu - Tablet (Portrait 992px)
	--------------------------------------------------------------*/

	.menu {
    	height: 100vh;
    	width: 100vw;
    	position: absolute;
    	top: 0px;
    	right: 0px;
    	display: none;
	}

	.search-icon {
		right: 90px;
	}
	.menuItems {
		background-color: #fff;
		background-image: url(../../../content/dam/infosys-web/en/global-resource/background-image/pattern-bg.png);
		background-position: center center;
		background-repeat: repeat;
		background-size: cover;
		padding: 35px;
		height: 100vh;
	}

	.learn, .innovate, .automate {
		height: 182px;
		height: 100vh;
		background-repeat: no-repeat !important;
		-webkit-background-size: cover !important;
		background-size: cover !important;
		color: #fff;
		padding-top: 25px;
	}
	.automate {
		background-position: -130px 70px;
	}
	.innovate {
		background-position: -65px 70px;
	}
	.learn {
		background-position: -61px 90px;
	}
	.visible1024-cross {
		display: block;
	}

	.indus .servi, .consult {
		height: auto;
	}
	.hear-txt-sub {
		margin-bottom: 20px;
	}
	.burger.open {
		/*background-color: #fff;*/
		width: 50px;
		height: 50px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
	}
	.collapse {
		left: 4px;
		top: 0;
	}
	.circle.expand {
		width: 240%;
		right: -600px;
	}
	.menu-bg, .burger {		
		margin-right: 15px;		
		margin-top: 35px;		
	}

	.head-txt, .sub-head {
		padding: 0 !important;
	}
	/* Social Share */

	.trigger-share {
		right: 25%;
	}
}

/* Mobile (Landscape) ----------- */
@media screen and (max-width: 767px) {

	/*--------------------------------------------------------------
	# CSS Document
	--------------------------------------------------------------*/
	.h1-heading {
    	font-size: 50px !important;
    	line-height: 50px !important;
    	margin-top: 25px;
	}

	.iframe-width {
		height: 1110px;
	}
	h1, h2, h3, h4, h5 {
		/*font-family: myriad-pro;*/
		font-weight: 400;
		margin: 0;
	}
	a {
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
		outline: 0;
	}
	a:hover {
		text-decoration: none;
	}
	.ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2 {
		color: inherit;
	}
	/*--------------------------------------------------------------
	# iframe[google_conversion_frame]
	--------------------------------------------------------------*/

	iframe[name=google_conversion_frame] {
		display: none;
	}
	/*--------------------------------------------------------------
	# Color CSS 
	--------------------------------------------------------------*/

	.white-color {
		color: #ffffff !important;
	}
	.black-color {
		color: #000000 !important;
	}
	.light-gray {
		color: #7E7E7E !important;
	}
	/*--------------------------------------------------------------
	# Background CSS 
	--------------------------------------------------------------*/
	.bg-blue {
		background-color: #47baeb !important;
	}
	.bg-black {
		background-color: #000 !important;
	}
	.bg-egyptian-blue {
		background-color: #213f98 !important;
	}
	/*--------------------------------------------------------------
	# Font size CSS
	--------------------------------------------------------------*/

	.size-md-14 {
		font-size: 14px;
	}
	.size-md-20 {
		font-size: 20px;
	}
	.size-md-25 {
		font-size: 25px;
	}
	.size-md-28 {
		font-size: 28px;
	}
	.size-md-70 {
		font-size: 70px;
	}
	/*--------------------------------------------------------------
	# Fontweight-del
	--------------------------------------------------------------*/

	/*--------------------------------------------------------------
	# Padding CSS-del
	--------------------------------------------------------------*/

	/*--------------------------------------------------------------
	# Border 
	--------------------------------------------------------------*/
	.noborder {
		border: 0;
	}
	/*--------------------------------------------------------------
	# Line height 
	--------------------------------------------------------------*/

	.line-height-24 {
		line-height: 24px;
	}
	.line-height-26 {
		line-height: 26px;
	}
	.line-height-28 {
		line-height: 28px;
	}
	/*--------------------------------------------------------------
	# Relative 
	--------------------------------------------------------------*/

	.relative {
		position: relative;
	}
	/*--------------------------------------------------------------
	# Block 
	--------------------------------------------------------------*/

	.block {
		display: block;
	}
	.hidden-scroll {
		overflow: hidden !important;
		-webkit-overflow-scrolling: hidden !important;
		-moz-overflow-scrolling: hidden !important;
		-ms-overflow-scrolling: hidden !important;
		-o-overflow-scrolling: hidden !important;
		position: relative;/*height: 100%;*/
	}
		
	/*--------------------------------------------------------------
	# Header Menu - Mobile (Landscape 767px)
	--------------------------------------------------------------*/

	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border-color: transparent;
	}
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
		background-color: transparent;
		color: #ffffff !important;
	}
	.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
		background-color: transparent;
		color: #fff !important;
		opacity: 0.75;
	}
	.navbar-default {
		border-color: transparent;
		/*-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
		box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);*/
		background-color: transparent;
	}
	.navbar-brand {
		padding: 5px 15px 0;
	}
	.navbar {
		margin-bottom: 0;
		min-height: auto;
	}
	.navbar-default .navbar-nav > li > a {
		color: #fff;
		font-size: 16px;
		margin: 0 8px;
		font-weight: 300;
	}
	
	.listmenu {
		position: relative;
		width: 100%;
		padding: 0;
		z-index: 2;
	}
	.hero-list {
		position: absolute;
		width: 100%;
		margin-top: 125px;
	}
	.hero-list1 {
		margin-top: 0;
		/*padding: 17px 0;*/
		padding: 8px 0px;
		position: fixed;
		width: auto;
		margin-left: 75%;
		margin-right: 0%;
	}
	.hero-list1 > ol.rmv-breadcrum > li, .hero-list1 > ol.rmv-breadcrum > li > a {
		color: #000000;
		font-size: 16px;
	}
	.hero-list1 .dropdown-menu {
		margin-top: -37px;
	}
	.hero-list1 > ol.rmv-breadcrum > li.open > a {
		color: #DF9926;
	}
	.hero-list > ol > li.open > ul.dropdown-menu {
		width: 100%;
		left: auto;
	}

	.hero-list > .strip-head {
		display: none !important;
	}
	/*li.trigger-share {
    	background-color: #FFFFFF;
    	margin-right: 15px;
    	position: relative;
    	top: 3px;
    	left: 5px;
	}*/
	.sticky-icons > li > a > img.share-icon {
		max-width: 17px;
		margin-right: 20px;
		display: block;
		padding: 18px 0;
	}
	.sticky-icons > li > a.small {
		font-weight: 600;
	}
	.small img.arrow-right-header {
		position: relative;
		left: 0px;
		-webkit-transition: all 0.5s ease 0s;
		-moz-transition: all 0.5s ease 0s;
		-ms-transition: all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
	}
	.small:hover img.arrow-right-header {
		left: 5px;
	}
	.arrow-right-header {
		margin-left: 10px;
		max-width: 17px;
	}
	.hidden-list {
		display: none !important;
	}
	.visible-list {
		display: block !important;
	}
	
	.hero-list1 > .visible-list {
		margin: 0;
	}
	.pos-right {
		margin-right: 100px;
	}
	/* Mega menu */
	.mega-dropdown-menu {
		border: 0;
	}
	.mega-dropdown {
		position: static !important;/*width: 100%;*/
	}
	.mega-dropdown > a {
		-webkit-transition: all 0s cubic-bezier(0, 0, 0, 0);
		-moz-transition: all 0s cubic-bezier(0, 0, 0, 0);
		-ms-transition: all 0s cubic-bezier(0, 0, 0, 0);
		-o-transition: all 0s cubic-bezier(0, 0, 0, 0);
		transition: all 0s cubic-bezier(0, 0, 0, 0);
	}
	.mega-dropdown-menu {
		padding: 20px 0px;
		width: 100%;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		}
	.mega-dropdown-menu > li > ul {
		padding: 0;
		margin: 0;
	}
	.mega-dropdown-menu > li > ul > li {
		list-style: none;
	}
	.mega-dropdown-menu > li > ul > li > a {
		display: block;
		padding: 3px 20px;
		clear: both;
		font-weight: normal;
		font-size: 14px;
		color: #000000;
		white-space: normal;
	}
	.mega-dropdown-menu > li ul > li > a:hover, .mega-dropdown-menu > li ul > li > a:focus {
		text-decoration: none;
		color: #f6a623;
	}
	li > a > .angle-down {
		font-size: 20px;
		position: relative;
		top: 2px;
		left: 5px;
	}
	li.open > a > .angle-down {
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
		transform: rotate(-90deg);
		-webkit-transition: all 0.5s ease 0s;
		-moz-transition: all 0.5s ease 0s;
		-ms-transition: all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
		}
	.dropdown-menu {
		margin: 0;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
		-o-box-shadow: 0 0 10px rgba(0,0,0,0.6);
		box-shadow: 0 0 10px rgba(0,0,0,0.6);
	}
	.mega-dropdown-menu .dropdown-header, .mega-dropdown-menu .dropdown-header > a {
		color: #000;
		font-size: 14px;
		font-weight: 700;
	}
	.mega-dropdown-menu .dropdown-header > a {
		padding: 0;
	}
	.mega-dropdown-menu form {
		margin: 3px 20px;
	}
	.mega-dropdown-menu .form-group {
		margin-bottom: 3px;
	}
	/* Mega menu END */
	.learn, .innovate, .automate {
		background-repeat: no-repeat !important;
		-webkit-background-size: cover !important;
		background-size: cover !important;
		background-position: center center !important;
		color: #fff;
		padding-top: 25px;
		position: relative;
		top: 655px;
		margin: 0;
		height: 182px;
	}
	.automate {
		background-position: left center;
	}
	.innovate {
		background-position: left center;
	}
	.learn {
		background-position: left center;
	}
	.head-txt {
		font-size: 30px;
		margin-bottom: 5px;
		font-weight: 900;
	}
	.sub-head {
		font-style: italic;
		font-weight: 400;
		letter-spacing: 0.7px;
	}
	.head-txt, .sub-head {
		padding: 0px;
	}
	.submenu-portion {
		width: 100%;
		background-color: #F2F2F2;
		height: 125vh;
		padding: 60px 15px 30px;
	}
	.menuItems {
		background-color: #fff;
		background-image: url(../components/structure/header/clientlibs/images/pattern-bg.png);
		background-repeat: repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
		background-position: center center;
		height: auto;
		padding: 35px;
		position: absolute;
	}
	.burger1-menu, .burger2-menu {
		display: none;
		/*margin-left: -1px;*/
		position: absolute;
		width: 100%;
		}
	.hear-txt-sub {
		font-weight: 600;
		color: #000;
		font-size: 18px;
	}
	.menu .align-list > ul > li {
		font-size: 14px;
		color: #000;
		margin: 17px 0;
	}
	.align-list > ul > li > a {
		color: #303030;
	}
	.align-list > ul > li > a:hover {
		color: #0F9FFA;
	}
	.logo-inner {
		margin: 20px 0;
		}

	.menu-bg {
		background-color: #fff;
		border-radius: 50%;
		height: 45px;
		width: 45px;
		position: absolute;
		right: 10px;
		top: 0px;
		margin-right: 5px;
	}
	.burger {
		height: 30px;
		width: 40px;
		position: absolute;
		top: 0px;
		right: 23px;
		cursor: pointer;
		margin-right: 5px;
	}
	.scrollbg-show .burger.open {
		right: 10px;
		top: 0px !important;
	}
	.icon-bar11, .icon-bar21, .icon-bar31 {
		background: #fff !important;
	}
	.icon-bar1, .icon-bar2, .icon-bar3 {
		position: absolute;
		margin: auto;
		top: 0px;
		right: 0;
		bottom: 0px;
		background: #061838;
		-webkit-transition: all 200ms ease-out;
		-moz-transition: all 200ms ease-out;
		-ms-transition: all 200ms ease-out;
		-o-transition: all 200ms ease-out;
		transition: all 200ms ease-out;
	}
	.icon-bar1, .icon-bar3 {
		height: 2px;
		/*width: 26px;*/
		width: 18px;
	}

	.icon-bar2 {
		height: 2px;
		top: 16px;
		width: 10px;
	}
	.icon-bar3 {
		top: 31px;
	}
	.open > .icon-bar11, .open > .icon-bar31 {
		background: #061838 !important;
	}
	.open > .collapse {
		top: 1px !important;
		background-color: #061838;
		-webkit-transition: all 70ms ease-out;
		-moz-transition: all 70ms ease-out;
		-ms-transition: all 70ms ease-out;
		-o-transition: all 70ms ease-out;
		transition: all 70ms ease-out;
		display: block;
		left: 1px;
	}
	.rotate30 {
		-ms-transform: rotate(30deg);
		-webkit-transform: rotate(30deg);
		transform: rotate(30deg);
		-webkit-transition: all 50ms ease-out;
		-moz-transition: all 50ms ease-out;
		-ms-transition: all 50ms ease-out;
		-o-transition: all 50ms ease-out;
		transition: all 50ms ease-out;
	}
	.rotate150 {
		-ms-transform: rotate(150deg);
		-webkit-transform: rotate(150deg);
		transform: rotate(150deg);
		-webkit-transition: all 50ms ease-out;
		-moz-transition: all 50ms ease-out;
		-ms-transition: all 50ms ease-out;
		-o-transition: all 50ms ease-out;
		transition: all 50ms ease-out;
	}
	.rotate45 {
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all 100ms ease-out;
		-moz-transition: all 100ms ease-out;
		-ms-transition: all 100ms ease-out;
		-o-transition: all 100ms ease-out;
		transition: all 100ms ease-out;
	}
	.rotate135 {
		-ms-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		-webkit-transition: all 100ms ease-out;
		-moz-transition: all 100ms ease-out;
		-ms-transition: all 100ms ease-out;
		-o-transition: all 100ms ease-out;
		transition: all 100ms ease-out;
		}
	.circle {
		border-radius: 50%;
		width: 0px;
		height: 0px;
		position: absolute;
		/*top: 35px;
		right: 36px;*/
		top: 65px;
		right: 30px;
		background: #fff;
		opacity: 1;
		-webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	}
	.circle.expand {
		width: 150%;
		height: 2000px;
		overflow: hidden;
		top: -560px;
		right: -100px;
		-webkit-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-moz-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-ms-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		-o-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
		transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	}
	.menu {
		overflow-y: scroll;
		display: none;
		height: 100vh;
		position: absolute;
		right: 0;
		top: 0;
		width: 100vw;
		}
	.menu ul li {
		margin-bottom: 20px;
		position: relative;
	}
	.menuItems > ul > li > a {
		color:#3F3F3F;
		font-weight: 900;
		font-size: 23px;
		text-decoration: none;
		}
	.un-line {
		position: absolute;
		bottom: -1px;
		height: 3px;
		width: 0;
		left: 0;
		background-color: #333;
		-webkit-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
		-moz-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
		-ms-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
		-o-transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
		transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
	}
	.menuItems > ul > li > a:hover .un-line {
		width: 26px;
	}
	.menuItems > ul > li.smalltext {
		margin-bottom: 10px;
	}
	.menuItems > ul > li.smalltext > a {
		color: #7E7E7E;
		font-weight: 400;
		font-size: 18px;
		text-decoration: none;
	}
	.menuItems > ul > li > a:hover, .menuItems > ul > li.smalltext > a:hover {
		color: #000000;
	}
	.menuItems > ul > li.social-icons {
		margin-top: 25px;
		display: inline-block;
		margin-bottom: 0;
		margin-left: 15px;
	}
	.opacity-zero {
		opacity: 0;
		-webkit-transition: all 0.3s ease-out 0.3s;
		-moz-transition: all 0.3s ease-out 0.3s;
		-ms-transition: all 0.3s ease-out 0.3s;
		-o-transition: all 0.3s ease-out 0.3s;
		transition: all 0.3s ease-out 0.3s;
		}
	.bg-trans {
		background-color: rgba(255, 255, 255, 0);
		-webkit-transition: all 0.3s ease-out 0.3s;
		-moz-transition: all 0.3s ease-out 0.3s;
		-ms-transition: all 0.3s ease-out 0.3s;
		-o-transition: all 0.3s ease-out 0.3s;
		transition: all 0.3s ease-out 0.3s;
		}
	@keyframes show-strip {
		0% {
		 opacity: 0;
		 transform: translateY(0px);
		}
		50% {
		 opacity: 1;
		 transform: translateY(5px);
		}
		100% {
		 transform: translateY(0px);
		}
	}
}

@media screen and (max-width: 640px) {
	/* Mobile (Landscape) ----------- */

	/*--------------------------------------------------------------
	# Header Menu - Mobile (Landscape 640px)
	--------------------------------------------------------------*/

	.submenu-portion {
		min-height: 355vh;
		padding: 30px 15px;
	}
	.learn, .innovate, .automate {
		top: 623px;
	}
}

@media screen and (max-width: 480px) {
	/* Mobile (Landscape) ----------- */

	/*--------------------------------------------------------------
	# Header Menu - Mobile (Landscape 480px)
	--------------------------------------------------------------*/

	.hero-list1 {
		margin-left: 60%;
	}
	.circle.expand {
		width: 300%;
		right: -100px;
	}
	.submenu-portion {
		min-height: 410vh;
	}
	
}

@media screen and (max-width: 360px) {
	/* Mobile (portrait) ----------- */

	/*--------------------------------------------------------------
	# Header Menu - Mobile (Portrait 360px)
	--------------------------------------------------------------*/

	.hero-list1 {
		margin-left: 50%;
	}
	.submenu-portion {
		min-height: 195vh;
	}
	ul.social-share > li {
		right: 37%;
	}
}

@media screen and (max-width: 320px) {
	/* Mobile (portrait) ----------- */

	/*--------------------------------------------------------------
	# Header Menu - Mobile (Portrait 320px)
	--------------------------------------------------------------*/

	.hero-list1 {
		margin-left: 40%;
	}
	.submenu-portion {
		min-height: 260vh;
	}
	ul.social-share > li {
		right: 44%;
	}
}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
	.submenu-portion {
		min-height: 195vh;
	}
	/*li.trigger-share {
		left: -30px;
		top: 0;
	}*/
}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	/*li.trigger-share {
		left: -15px;
		top: 0;
	}*/
	.submenu-portion {
		min-height: 350vh;
	}
	.circle.expand {
		width: 200%;
	}
	.learn, .innovate, .automate {
		top: 647px;
	}
}

/* Layout for search container */
.overlay-pr {
                background-color: #f2f2f2; /* For browsers that do not support gradients */
                background: -webkit-linear-gradient( rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 1) 10%) repeat scroll 0 0; /* For Safari 5.1 to 6.0 */
                background: -o-linear-gradient( rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 1) 10%) repeat scroll 0 0; /* For Opera 11.1 to 12.0 */
                background: -moz-linear-gradient( rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 1) 10%) repeat scroll 0 0; /* For Firefox 3.6 to 15 */
                background: linear-gradient( rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 1) 10%) repeat scroll 0 0;
                position: absolute;
                left: 0;
                top: 60px;
                bottom: 0;
                width: 100%;
                height: auto;
}

.list-group-item:first-child, .list-group-item, .grid-group-item:first-child,
	.grid-group-item {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin-bottom: 25px;
	border: 0;
}

.list-group-item {
	padding: 0 15px;
}

.list-group-item .lng-txt {
	padding-right: 150px;
}

.list-group-item .lng-txt h3, .list-group-item .caption-txt h3,
	.grid-group-item .caption-txt h3 {
	margin: 0;
}

.list-group-item .prlst-para {
	padding-top: 0;
}

.grid-group-item .equal-bg {
	padding-bottom: 15px;
}

.list-group-item .tag-bg, .grid-group-item .tag-bg {
	left: 0;
}

.list-group-item ul.social-share-pr>li, .grid-group-item ul.social-share-pr>li
	{
	display: none;
	left: 155px;
	right: inherit;
}

.list-group-item ul.social-share-pr>li.slideout, .grid-group-item ul.social-share-pr>li.slideout
	{
	display: block;
}

.list-group-item ul.social-share-pr>li.slideout:nth-child(1),
	.grid-group-item ul.social-share-pr>li.slideout:nth-child(1) {
	-webkit-transform: translateX(-155px);
	-moz-transform: translateX(-155px);
	-ms-transform: translateX(-155px);
	-o-transform: translateX(-155px);
	transform: translateX(-155px);
}

.list-group-item ul.social-share-pr>li.slideout:nth-child(2),
	.grid-group-item ul.social-share-pr>li.slideout:nth-child(2) {
	-webkit-transform: translateX(-127px);
	-moz-transform: translateX(-127px);
	-ms-transform: translateX(-127px);
	-o-transform: translateX(-127px);
	transform: translateX(-127px);
}

.list-group-item ul.social-share-pr>li.slideout:nth-child(3),
	.grid-group-item ul.social-share-pr>li.slideout:nth-child(3) {
	-webkit-transform: translateX(-97px);
	-moz-transform: translateX(-97px);
	-ms-transform: translateX(-97px);
	-o-transform: translateX(-97px);
	transform: translateX(-97px);
}

.list-group-item ul.social-share-pr>li.slideout:nth-child(4),
	.grid-group-item ul.social-share-pr>li.slideout:nth-child(4) {
	-webkit-transform: translateX(-64px);
	-moz-transform: translateX(-64px);
	-ms-transform: translateX(-64px);
	-o-transform: translateX(-64px);
	transform: translateX(-64px);
}

.list-group-item .equal-bg {
	/*padding-left: 0;
	padding-bottom: 0;*/
	padding-top: 15px;
	padding-bottom: 15px;
}
.search-icon {
	position: fixed !important; 
	right: 140px;
	top: 47px;
	z-index: 9999 !important;
}

#SubmitValue {
	padding: 4px 0;
	width: 160px;
	display: block;
}

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

.search {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	overflow: hidden;
	/*width: 100%;*/
	height: 100vh;
}

.search::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background: rgba(0, 0, 0, 0.3);
}

.search__inner {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 50%;
	background: #f0f0f0;
}

.search__inner--up {
	color: #333333;
	background: #ffffff;
}

.search__inner--down {
	top: 50%;
	color: #f8f8f8;
	background: #f8f8f8;
}

.btn--search-close {
	font-size: 2em;
	position: absolute;
	z-index: 100;
	top: 1.25em;
	right: 1.25em;
	display: none;
}

.btn--search-close {
	display: block;
}

.search__form {
	width: 75%;
	max-width: 900px;
	/*margin: 0 auto;*/
}

.search__input {
	font-size: 7vw;
	line-height: 1;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	padding: 0 0 0.1em 0;
	/*color: inherit;*/
	border-bottom: 4px solid !important;
}

.search__input::-webkit-input-placeholder {
	opacity: 0.1;
	/* WebKit, Blink, Edge */
	color: #fff;
}

.search__input::-moz-placeholder {
	opacity: 0.1;
	/* Mozilla Firefox 19+ */
	color: #fff;
}

.search__input:-ms-input-placeholder {
	opacity: 0.1;
	/* Internet Explorer 10-11 */
	color: #fff;
}

.search__input::-webkit-search-cancel-button, .search__input::-webkit-search-decoration
	{
	-webkit-appearance: none;
}

.search__input::-ms-clear {
	display: none;
}

.search__info {
	font-size: 90%;
	font-weight: bold;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0.85em 0;
	text-align: right;
}

.search__related {
	display: flex;
	width: 75%;
	max-width: 900px;
	/*pointer-events: none;*/
}

.search__suggestion {
	width: 50%;
	padding: 0 1em 0 0;
	text-align: left;
}

.search__suggestion:last-child {
	padding: 0 0 0 1em;
}

.search__suggestion h3 {
	font-size: 1.35em;
	margin-bottom: 20px;
	color: #777777;
}

.search__suggestion h3::before {
	content: '\21FE';
	display: inline-block;
	padding: 0 0.5em 0 0;
}

.search__suggestion p {
	font-size: 1.15em;
	line-height: 1.4;
	margin: 0.75em 0 0 0;
}
/************************/
/* Transitions 			*/
/************************/

/*.main-wrap {
	transition: transform 0.6s, opacity 0.6s;
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}*/
.main-wrap--hide {
	opacity: 0;
	transform: scale3d(0.8, 0.8, 1);
}

.search {
	pointer-events: none;
}

.search--open {
	pointer-events: auto;
}

.search::before {
	opacity: 0;
	transition: opacity 0.6s;
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.search--open::before {
	opacity: 1;
}
/* Search button */
.btn--search {
	transition: opacity 0s;
}

.main-wrap--hide .btn--search {
	opacity: 0;
	transition-delay: 0s;
}
/* Close button */
.btn--search-close {
	opacity: 0;
	transform: scale3d(0.8, 0.8, 1);
	transition: opacity 0.6s, transform 0.6s;
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.search--open .btn--search-close {
	opacity: 1;
	transform: scale3d(1, 1, 1);
}
/* Halfs */
.search__inner {
	transition: transform 0.6s;
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.search__inner--up {
	transform: translate3d(0, -100%, 0);
}

.search__inner--down {
	transform: translate3d(0, 100%, 0);
}

.search--open .search__inner {
	transform: translate3d(0, 0, 0);
}

.search__suggestion {
	transform: translate3d(0, 150px, 0);
	transition: transform 1s;
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.search--open .search__suggestion {
	transform: translate3d(0, 0, 0);
	transition-delay: 0.05s;
}

.search--open .search__suggestion:last-child {
	transition-delay: 0.1s;
}
/* Buttons */
.btn1 {
	margin: 0;
	padding: 0;
	cursor: pointer;
	border: none;
	background: none;
}

.btn1:focus {
	outline: none;
}

.btn--search {
	font-size: 1.5em;
}
/* Reset Search Input */
.search__input {
	border: 0;
	background: transparent;
	border-radius: 0;
	-webkit-appearance: none;
}

.search__input:focus {
	outline: none;
}
/* Links */
.btn1 {
	text-decoration: none;
	color: #d17c78;
	outline: none;
}

.hidden1 {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	pointer-events: none;
}
/* Icons */
.icon {
	display: block;
	width: 1.5em;
	height: 1.5em;
	margin: 0 auto;
	fill: currentColor;
}
/* Demo colors */

/*.demo-9 {
	color: #2d3535;
	background-color: #597571;
}*/
.search__color a, .search__color .btn1 {
/* 	color: #fff; */
	font-size: 20px;
}

.search__color .btn--search-close {
	background-color: #000;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding: 8px;
	color: #FFFFFF !important;
}

.search__suggestion .tags-on-fly {
	border: 1px solid #000;
	color: #000;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	margin: 8px 16px 8px 0;
	padding: 10px 18px;
	transition: all 0.3s ease-in-out 0s;
}

.search__suggestion .tags-on-fly:hover {
	background: #000;
	color: #fff;
}
.search-toggle-bg {
    height: 45px;
    width: 45px;
    background-color: #061838 !important;
    border-radius: 50%;
    margin-top: -10px !important;
}

@media screen and (max-width: 40em) {
	.btn--search-close {
		font-size: 1.25em;
	}
	.search__suggestion {
		width: 100%;
	}
	.search__suggestion:last-child {
		display: none;
	}
	.search-wrap {
		font-size: 0.85em;
		position: absolute;
		/*top: 2.15em;
	right: 2em;*/
	}
}

@media all and (max-width: 1024px) {
	.search-icon {
		right: 125px;
	}
	.list-group-item:first-child, .list-group-item, .grid-group-item:first-child,
		.grid-group-item {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		margin-bottom: 25px;
		border: 0;
	}
}

@media screen and (max-width: 992px) {
	.search-icon {
		right: 90px;
	}
	.list-group-item .lng-txt {
		padding-right: 15px;
	}

}

@media all and (max-width: 640px) {
	.search-icon {
		right: 85px;
	}
}

@media all and (max-width: 767px) {
	.list-group-item .equal-bg {
		padding-bottom: 0;
		padding-top: 0;
	}
	.list-group-item .lng-txt {
		padding-top: 15px;
	}
	.list-group-item .minus-top-mob {
		position: absolute;
		top: -45px;
	}
	.list-group-item>.pos-abs {
		background-color: #fff;
		left: 15px;
		right: 15px;
		position: absolute;
		width: auto;
		top: 0 !important;
	}
	.list-group-item:first-child, .list-group-item, .grid-group-item:first-child,
		.grid-group-item {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		margin-bottom: 25px;
		border: 0;
	}
}
/*--------------------------------  Breadcrumb css start------------------------------ */
.show-strip {
    background-color: #ffffff;
}        
.breadcrumb.aem-GridColumn{
	margin: 0;
    padding: 0;
}
ol.breadcrumb .dropdown-menu {
    width: 100% !important;
}
.hero-list1 .dropdown-menu {
    margin-top: -37px;
}
.burger:focus {
    outline: 2px solid blue;
}

.hero-list1 > nav > ol.rmv-breadcrum > li, .hero-list1 > nav > ol.rmv-breadcrum > li > a { 	
    color: #000000; 	
    font-size: 16px; 
  }
/*--------------------------------  Breadcrumb css end------------------------------ */

/*--------------------------------  Below css for Mobile Navigation------------------------------ */
.select-country > a {
    border: 1px solid #575757;
    padding: 5px 15px;
    display: inline-block;
    color: #575757;
}
.country-align > li > a {
    color: #575757;
    padding: 10px 15px;
    display: block;
}
@media screen and (max-width: 1024px) {
            #sml_ht_home_banner {
                padding: 150px 0 50px !important;
            }

            /* Mobile BreadCrumb */
            .hero-list {
				margin-top: 100px;
				width: 100%;
				margin-left: 0;
				margin-right: 0;
				position: absolute;
			}

            ol.rmv-breadcrum.hidden-tab {
                display: block !important;
            }

            #sml_ht_home_banner .l-top {
                margin-top: 0px !important;
            }

            ol.rmv-breadcrum>li,
            ol.rmv-breadcrum>li>a {
                font-weight: 400 !important;
				color:#fff !important;
        		display: inline;
            }

            .dropdown-menu {
                height: 400px;
                overflow-y: auto;
            }

            .mega-dropdown-menu {
                display: none;
            }
			.hero-list1 {
			padding: 8px 15px;
			background-color: #333333;
			position: fixed;
			left: 0;
			margin-top: 67px;
			}

			li > a > .reverseArrow {
			-webkit-transform: rotate(0deg) !important;
			-moz-transform: rotate(0deg) !important;
			-ms-transform: rotate(0deg) !important;
			-o-transform: rotate(0deg) !important;
			transform: rotate(0deg) !important;
			font-size: 16px;
			padding-left: 5px;
			}
			
			.breadcrumb > li + li::before {
			content: ' ';
			padding: 0;
			}

			.hero-list1 .dropdown-menu, .dropdown-menu .divider {
			margin: 0;
			}
			.mega-dropdown-menu.open {
			display: block;
			}

			.hero-list1 ol.breadcrumb .dropdown-menu{
			width: 92% !important;
			left: 4%;
			right: 4%;
			}

			.mega-dropdown-menu > li > ul > li > a, .mega-dropdown-menu .dropdown-header, .mega-dropdown-menu .dropdown-header > a {
			padding: 5px 0;
			}

            /* Mobile BreadCrumb */
        }
		
@media screen and (max-width: 767px) {
			.topicIndicator {
			padding: 6px !important;
			font-size: 12px !important;
			letter-spacing: 2px !important;
			}
			.topicIndicator:after {
			border-top: 30px solid #000 !important;
			}
			.portal-mob {
			display: none !important;
			}

			.hero-list1 {
			display: block !important;
			}
		}
/*-------------------------------- ImageTeaser css start------------------------------ */
.corporate-bg {
	background: -moz-linear-gradient(135deg, #0241ff 0%, #61219a 70%) repeat scroll 0 0;
	background: -webkit-gradient(135deg, #0241ff 0%, #61219a 70%) repeat scroll 0 0; /* Safari 4+, Chrome 2+*/
	background: linear-gradient(135deg, #0241ff 0%, #61219a 70%) repeat scroll 0 0; /* Standard, IE10 */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0241ff', endColorstr='##61219a', GradientType=1 );
}

.corporate-shape {
    max-width: 210px;
    width: 100%;
    height: auto;
    border-bottom: 110px solid #372261;
    border-right: 80px solid transparent;
    position: absolute;
    left: 0;
    bottom: 0;
}

.corporate-shape-text {
	position: absolute;
	left: 20px;
	right: 10px;
}

.corporate-shape-text p {
	font-size: 16px;
	color: #fff;
	font-weight: 600;
	padding-top: 20px;
}

.corporate-title {
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	margin-top: 30px;
}
.corporate-txt2 {
	font-size: 25px;
	color: #fff;
	line-height: 27px;
	font-weight: 600;
}
.corporate-name {
	font-size: 14px;
	color: #fff;
}

.down-report-btn {
	font-size: 16px;
	color: #fff;
	border: 1px solid #fff;
	padding: 10px 40px;
	display: inline-block;
	margin-top: 100px;
	margin-left: 50px;
}

.down-report-btn:hover {
	color: #fff;
	background: #000;
	border: 1px solid #000;
}
.e-report {
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	padding-bottom: 25px;
	margin-left: 50px;
	margin-top: 20px;
}

@media screen and (max-width: 767px){

	.corporate-shape {
		float: left;
		max-width: 100%;
		width: 100%;
		height: auto;
		border-bottom: inherit;
		border-right: inherit;
		position: relative;
		left: 0;
		bottom: 0;
		background: #372261;
	}
	.corporate-shape-text {
		position: relative;
		left: inherit;
		right: inherit;
	}
	.corporate-shape-text p {
		font-size: 16px;
		color: #fff;
		font-weight: 600;
		padding-top: 10px;
		padding-left: 15px;
		padding-right: 15px;
	}
	.corporate-title {
		font-size: 14px;
		color: #fff;
		text-transform: uppercase;
		margin-top: 30px;
	}
	.corporate-txt2 {
		font-size: 25px;
		color: #fff;
		line-height: 27px;
		font-weight: 600;
	}
	.corporate-name {
		font-size: 14px;
		color: #fff;
	}
	.down-report-btn {
		font-size: 16px;
		color: #fff;
		border: 1px solid #fff;
		padding: 10px 40px;
		display: inline-block;
		margin-top: 30px;
		margin-left: 0px;
	}
	.down-report-btn:hover {
		color: #fff;
		background: #000;
		border: 1px solid #000;
	}
	.e-report {
		font-size: 14px;
		color: #fff;
		font-weight: 400;
		text-transform: uppercase;
		padding-bottom: 25px;
		margin-left: 0px;
		margin-top: 20px;
	}
}

@media screen and (max-width: 1024px){
.corporate-txt2 {
	font-size: 20px;
        }
    }

@media screen and (max-width: 992px){
.down-report-btn {
    margin: 30px 0;
            }}
/*-------------------------------- ImageTeaser css end------------------------------ */
/*-------------------------------- Insights css start------------------------------ */

/*--------------------------------------------------------------
# Insights - Desktop
--------------------------------------------------------------*/
.bg-color1 {
	overflow: hidden;
}
.bg-color1 > img.img-responsive {
	max-width: none;
	transform: translate3d(-40px, 0px, 0px);
    -webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;        
	width: calc(100% + 40px);
}
.bg-color1:hover > img.img-responsive {
	transform: translate3d(0px, 0px, 0px);
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
img.play-icon {
	width: 80px;
	position: absolute;
	bottom: 0;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.txt-reseach {
	bottom: 0;
	padding: 0 25px 25px;
	position: absolute;
	width: 100%;
	z-index: 0;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.txt-reseach::before {
	background: rgba(0, 0, 0, 0) linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 40%) no-repeat scroll 0 0;
	content: "";
	height: 250px;
	left: 0;
	position: absolute;
	top: -50px;
	width: 100%;
	z-index: -1;
}
.bg-color1:hover .txt-reseach {
	bottom: 20px;
}
.insight-title {
	font-size: 14px;
	letter-spacing: 1.5px;
	color: #B8B8B8;
	font-weight: 600;
	text-transform: uppercase;
}
.bg-blog, .bg-pressrelease, .bg-article, .bg-whitepaper, .bg-blog-segment, .bg-last {
	position: relative;
}
.bg-blog {
	background-color: #f8f8f8;
}
.bg-pressrelease {
	background-color: #963596;
}
.bg-article {
	background-color: #f16c51;
}
.bg-blog-segment {
	background-color: #0f9ffa;
}
.bg-whitepaper {
	overflow: hidden;
}
.bg-whitepaper .txt-section {
	background-color: rgba(6, 24, 56, 0.5);/* Fallback*/
	background: rgba(0, 0, 0, 0) linear-gradient(rgba(6, 24, 56, 0.5) 0%, rgba(255, 255, 255, 0.2) 50%);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.bg-whitepaper > img.img-whitepaper {
	max-width: none;
	transform: translate3d(-40px, 0px, 0px);
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	width: calc(100% + 40px);
}
.bg-whitepaper:hover > img.img-whitepaper {
	transform: translate3d(0px, 0px, 0px);
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.txt-whitepaper {
	/*padding-top: 331px;*/
	padding-top: 290px;
}
.bg-last {
	background-color: #DF9926;
}
.img-whitepaper {
	top: 0px;
	position: absolute;
	transition: all 0.5s ease 0s;
}
.txt-section {
	padding: 20px;
	position: relative;
}
.box-title {
	margin: 0px;
	font-size: 15px;
	letter-spacing: 1.5px;
	color: #bcb9b9;
	font-weight: 600;
	padding-bottom: 15px;
	text-transform: uppercase;
}
.box-text {
	margin: 0px;
	font-size: 20px;
	line-height: 28px;
	font-weight: 400;
	padding: 15px 0;
}
.bg-pressrelease:hover p.more, .bg-blog:hover p.more, .bg-article:hover p.more, .bg-last:hover p.more, .bg-blog-segment:hover p.more, .bg-twittercyan:hover p.more, .bg-darkblue:hover p.more, .bg-orange:hover p.more, .bg-light-grey:hover p.more, .bg-sapphire-medium:hover p.more {
	left: 30px;
}
.bg-whitepaper:hover p.white-download {
	left: 10px;
}
.more {
	position: absolute;
	top: 330px;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 900;
	left: 20px;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.readmore-top {
	top: 346px !important;
}
.insight-email {
	margin-top: 0px;
	font-size: 28px;
	color: #000000;
	line-height: 32px;
	font-weight: 900;
}
.email-add-bg {
	margin-left: 15px;
	margin-right: 15px;
}
.email-add {
	width: 100%;
	background-color: transparent;
	border-color: transparent;
	border-bottom: 1px solid #ffffff;
	color: #ffffff !important;
	font-size: 16px;
	margin-top: 20px;
	letter-spacing: 1px;
	opacity: 0.7 !important;
	outline: none;
}
.getsmart {
	font-size: 14px;
	color: #000000;
	font-weight: 900;
	text-transform: uppercase;
	padding: 12px 30px;
	display: inline-block;
	margin-left: 15px;
	margin-top: 10px;
	background-color: #ffffff;
	outline: none;
	border: none;
}
.email-add-bg input::-webkit-input-placeholder {
 color: #ffffff !important;
}
.email-add-bg input:-moz-placeholder {
 color: #ffffff !important;
}
.email-add-bg input::-moz-placeholder {
 color: #ffffff !important;
}
.email-add-bg input:-ms-input-placeholder {
 color: #ffffff !important;
}
.title-bg {
	margin: 0 auto;
	max-width: 850px;
	width: 100%;
}
.center-title {
	font-size: 80px;
	color: #000;
	text-align: center;
	font-weight: 900;
	line-height: 83px;
	padding-bottom: 10px;
}
.sub-title {
	font-size: 40px;
	color: #3F3F3F;
	font-weight: 300;
	line-height: 45px;
	text-align: center;
}
.gray-bg {
	background-color: #fbfbfb;
}
.violet-bg {
	background-color: #963596;
}
.blue-bg {
	background-color: #372261;
}
/*.yellow-bg {
	background-color: #DF9926;commenting due to offerings page overwritten
}*/
.yellow-bg ul {
	padding: 0;
}
.yellow-bg ul > li {
	display: block;
	background-image: url(../../../content/dam/infosys-web/en/global-resource/background-image/right-chevron-black.svg);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0 5px;
	margin-bottom: 10px;
}
.height-380 {
	min-height: 390px;
	position: relative;
	padding-bottom: 30px;
}
.padding-bottom-0 {
	padding-bottom: 0px;
}
img.video-img {
	position: absolute;
	width: 100%;
	height: 100%;
}
.inst-video-disc {
	width: 75%;
	position: absolute;
	left: 20px;
	bottom: 20px;
}
.insight-text {
	margin: 0px;
	font-size: 25px;
	color: #ffffff;
	font-weight: 400;
	line-height: 30px;
}
.corner-shape {
	width: 100%;
	height: auto;
	border-bottom: 170px solid #00B28F;
	border-right: 80px solid transparent;
	position: absolute;
	left: 0;
	bottom: 0;
}
.corner-shape-text {
	position: absolute;
	left: 20px;
	right: 20px;
}
.corner-shape-text p {
	margin: 0px;
}
.whitepaper {
	font-size: 18px;
	color: #ffffff;
	line-height: 24px;
	padding-top: 14px;/*width: 180px;*/
}
.white-download {
    font-size: 15px;
    color: #000000;
    font-weight: 900;
    text-transform: uppercase;
    /* padding-top: 48px; */
    position: absolute;
    left: 0;
    top: 135px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.getinsight {
	width: 70%;
	font-size: 12px;
	color: #ffffff;
	margin-top: 10px;
	margin-left: 15px;
}
.see-more {
	text-align: center;
	margin-top: 50px;
}
.see-more a {
	font-size: 14px;
	color: #3F3F3F;
	text-transform: uppercase;
	padding: 20px 50px;
	display: inline-flex;
	border: 1px solid #7E7E7E;
}
.insight-btn {
	border: 1px solid #000 !important;
	color: #000 !important;
	min-width: 200px;
	padding-bottom: 15px !important;
	padding-top: 15px !important;
	text-transform: uppercase;
	margin: 0 auto !important;
	display: table !important;
	margin-top: 40px !important;
}
.insight-btn:hover {
	color: #fff !important;
}

/*--------------------------------------------------------------
# (1280px)
--------------------------------------------------------------*/
@media(max-width: 1280px){
    .corner-shape {
        border-right: inherit;
        border-bottom: 170px solid #00B28F;
    }
    .white-download {
        padding-top: 10px;
        position: relative;
        top: 0;
    }
}
/*--------------------------------------------------------------
# Tablet (Landscape 1024px)
--------------------------------------------------------------*/
@media(max-width: 1024px){
.bg-color1 > img.img-responsive {
	width: calc(100% + 86px);
}
.bg-color1:hover > img.img-responsive, .bg-whitepaper:hover > img.img-whitepaper {
	transform: translate3d(-40px, 0px, 0px);
}
.bg-color1:hover .txt-reseach {
	bottom: 0px;
}
.bg-whitepaper > img.img-whitepaper {
	width: calc(100% + 50px);
}
img.play-icon {
	width: 80px;
	position: absolute;
	bottom: 0;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.txt-reseach::before {
	top: unset;
}
.offering-title {
	font-size: 35px;
	color: #000000;
	font-weight: 900;
	line-height: 40px;
	letter-spacing: -1px;
}
.bg-whitepaper {
	position: relative;
}
.txt-whitepaper {
	padding-top: 380px;
}
.box-title {
	margin: 0px;
	font-size: 15px;
	letter-spacing: 1.5px;
	color: #bcb9b9;
	font-weight: 600;
	padding-bottom: 15px;
	text-transform: uppercase;
}
.box-text {
	margin: 0px;
	font-size: 20px;
	line-height: 28px;
	font-weight: 400;
	padding: 15px 0;
}
.bg-pressrelease:hover p.more, .bg-blog:hover p.more, .bg-article:hover p.more, .bg-last:hover p.more, bg-blog-segment:hover p.more, .bg-twittercyan:hover p.more, .bg-darkblue:hover p.more, .bg-orange:hover p.more, .bg-light-grey:hover p.more {
	left: 0px;
}
.bg-whitepaper:hover p.white-download {
	left: 0px;
}
.more, .readmore-top {
	position: relative;
	top: 0 !important;
	left: 0;
}
.whats-btn {
	padding: 6px 12px;
}
#slider_list_carousel .owl-dots {
	bottom: -40px !important;
}
.offerings-row {
	margin-left: 0;
	padding-left: 25px;
	padding-right: 0px;
}
.offerings-hover, .yellow-dot2 {
	opacity: 1;
}
ul.offering-list li {
	background: url(../../../content/dam/infosys-web/en/global-resource/background-image/list-arrow.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
.border-left {
	display: none;
}
.submit-btn {
	padding: 10px 50px;
}
.para-txt {
		font-size: 40px;
		font-weight: 300;
		margin-top: 10px;
		line-height: 40px;
}
}
/*--------------------------------------------------------------
# Mobile (Potrait 992px)
--------------------------------------------------------------*/
@media screen and (max-width: 992px){
.corner-shape {
	border-bottom: 160px solid #00B28F;
}
.bg-blog {
	box-shadow: 0px 0px 2px #888;
}
.para-txt {
    font-size: 30px;
    line-height: 33px;
}
}
/*--------------------------------------------------------------
# Mobile (Landscape 767px)
--------------------------------------------------------------*/
@media screen and (max-width: 767px){
.insight-text {
    font-size: 20px;
}
#insights [class*="col-md"] {
    margin-bottom: 25px;
}

.bg-color1 > img.img-responsive {
	width: calc(100% + 40px);
}
img.play-icon {
	width: 80px;
	position: absolute;
	bottom: 0;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.txt-reseach {
	bottom: 0;
	padding: 0 15px 15px;
	position: absolute;
	width: 100%;
}
.img-whitepaper {
	top: 0px;
	position: absolute;
}
.box-title {
	margin: 0px;
	font-size: 15px;
	letter-spacing: 1.5px;
	color: #bcb9b9;
	font-weight: 600;
	padding-bottom: 15px;
	text-transform: uppercase;
}
.box-text {
	margin: 0px;
	font-size: 20px;
	line-height: 28px;
	font-weight: 400;
	padding: 15px 0;
}
.corner-shape {
	border-bottom: 150px solid #00B28F;
}
.para-txt {
		font-size: 20px;
		line-height: 25px;
		font-weight: 300;
}
}

/*-------------------------------- Insights css end------------------------------ */
/*Product css start*/
/*--------------------------------------------------------------
# Product Landing - Desktop
--------------------------------------------------------------*/
#our_products
{
	 padding:75px 0 0;
}

/*-----------Vertical tabs-----------*/

.resp-tabs-container {
	padding: 0px;
}
.resp-accordion {
	display: none;
}
.resp-tab-content {
	display: none;
}
.resp-content-active, .resp-accordion-active {
	display: block;
}
.resp-vtabs .resp-tabs-list li {
	display: block;
	padding: 37.5px 15px;
	margin: 0;
	cursor: pointer;
	float: none;
	background-color: #963596;
	border: 0;
	border-bottom: 1px solid rgba(255,255,255,0.2);
	text-align: center;
	color: #FFFFFF;
	font-weight: 500;
}
.resp-vtabs li.resp-tab-active {
	opacity: 0.8;
}
.resp-tabs-list li > img {
	opacity: 0.2;
}
.resp-tabs-list li.resp-tab-active > img {
	opacity: 1;
}
.tabs_gradient {
	background-color: rgba(55,34,97,0.7);
}
.tabs_img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: auto;
	z-index: -1;
}
.repeated_css_tab, .tabs_img {
	height: 520px;
}
.tabs_caption {
	position: absolute;
	top: 0;
	width: 75%;
	color: #fff;
	padding: 50px;
}
.tabs_title {
	font-weight: 700;
	font-size: 30px;
	margin: 0 0 20px;
}
.tabs_para {
	font-weight: 400;
	font-size: 20px;
	line-height: 1.3em;
}
.buy_it, .try_it {
	border: 2px solid #FFFFFF;
	display: inline-block;
	margin: 25px 0;
	padding: 5px 34px;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 23px;
	letter-spacing: 1.5px;
	font-weight: 900;
}
.buy_it {
	background-color: #fff;
	color: #000;
}
.buy_it:hover {
	background-color: transparent;
	color: #fff;
}
.try_it {
	background-color: transparent;
	color: #fff;
}
.try_it:hover {
	background-color: #fff;
	color: #000;
}
.tabs_sub_link {
	font-weight: 400;
	font-size: 20px;
	line-height: 21px;
	margin-bottom: 20px;
	display: block;
	color: #fff;
}
.tabs_sub_link:hover {
	color: #fff;
}
/*--------------------------------------------------------------
# Product Landing - Tablet (Landscape 1024px)
--------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
	 /*-----------Vertical tabs-----------*/


.resp-tabs-container {
	padding: 0px;
}
.resp-accordion {
	display: none;
}
.resp-tab-content {
	display: none;
}
.resp-content-active, .resp-accordion-active {
	display: block;
}

.resp-vtabs .resp-tabs-container {
	padding: 0px;
}
.resp-vtabs li.resp-tab-active {
	opacity: 0.8;
}
.resp-tabs-list li > img {
	opacity: 0.2;
}
.resp-tabs-list li.resp-tab-active > img {
	opacity: 1;
}
.tabs_img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: auto;
	z-index: -1;
}
.tabs_caption {
	width: auto;
	padding: 30px;
}

.tabs_sub_link {
	font-weight: 400;
	font-size: 20px;
	line-height: 21px;
	margin-bottom: 20px;
	display: block;
	color: #fff;
}
.tabs_sub_link:hover {
	color: #fff;
}
.buy_it
{
   	margin: 25px 35px 35px 0;
	padding: 5px;
}
}
/*--------------------------------------------------------------
# Product Landing - Tablet (Portrait 992px)
--------------------------------------------------------------*/
@media screen and (max-width: 992px) {
.resp-arrow {
	background-image: url(../../../content/dam/infosys-web/en/stock/chevron-sign-down.png);
	background-repeat: no-repeat;
	float: right;
	width: 15px !important;
	height: 15px !important;
	margin-top: 5px;
}
.resp-tab-active span.resp-arrow {
	background-image: url(../../../content/dam/infosys-web/en/stock/chevron-up-arrow.png);
}
/*-----------Accordion styles-----------*/

.resp-tab-active {
	background-color: #963596;
	opacity: 0.8;
}
.resp-easy-accordion .resp-accordion {
	display: block;
}
.resp-easy-accordion .resp-tab-content {
	border: 1px solid #c1c1c1;
}
.resp-easy-accordion .resp-tab-content:last-child {
	border-bottom: 1px solid #c1c1c1 !important;
}
.resp-jfit {
	width: 100%;
	margin: 0px;
}
.resp-tab-content-active {
	display: block;
}
ul.resp-tabs-list {
	display: none;
}
.resp-accordion {
	display: block;
	cursor: pointer;
	padding: 30px;
	background-color: #963596;
	font-weight: 500;
	color: #FFFFFF;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.resp-vtabs .resp-tabs-container {
	border: none;
	float: none;
	width: 100%;
	min-height: initial;
	clear: none;
}
.resp-accordion-closed {
	display: none !important;
}
/*.resp-vtabs .resp-tab-content:last-child {
	border-bottom: 1px solid #c1c1c1 !important;
}*/
.tabs_img {
	position: absolute;
	left: 0;
	top: inherit;
	right: 0;
	bottom: inherit;
	width: auto;
	z-index: -1;
}
.tab1_img, .tab2_img, .tab3_img, .tab4_img, .tab5_img, .tab6_img {
	position: relative;
}
.resp-accordion > img {
	opacity: 0.2;
}
.resp-tab-active > img {
	opacity: 1;
}

.tabs_sub_link {
	font-weight: 400;
	font-size: 20px;
	line-height: 21px;
	margin-bottom: 20px;
	display: block;
	color: #fff;
}
.tabs_sub_link:hover {
	color: #fff;
}
}
/*--------------------------------------------------------------
# Product Landing - Mobile (Landscape 767px)
--------------------------------------------------------------*/
@media screen and (max-width: 767px) {
.repeated_css_tab, .tabs_img {
	height: 600px;
}

.txt-brwseby {
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -0.3px;
	line-height: 20px;
	margin-top: 10px;
	padding-left: 5px;
}
.resp-arrow {
	background-image: url(../../../content/dam/infosys-web/en/stock/chevron-sign-down.png);
	background-repeat: no-repeat;
	float: right;
	width: 15px !important;
	height: 15px !important;
	margin-top: 5px;
}
.resp-tab-active span.resp-arrow {
	background-image: url(../../../content/dam/infosys-web/en/stock/chevron-up-arrow.png);
}
/*-----------Accordion styles-----------*/

.resp-tab-active {
	background-color: #963596;
	opacity: 0.8;
}
.resp-easy-accordion .resp-accordion {
	display: block;
}
.resp-easy-accordion .resp-tab-content {
	border: 1px solid #c1c1c1;
}
.resp-easy-accordion .resp-tab-content:last-child {
	border-bottom: 1px solid #c1c1c1 !important;
}
.resp-jfit {
	width: 100%;
	margin: 0px;
}
.resp-tab-content-active {
	display: block;
}
ul.resp-tabs-list {
	display: none;
}
.resp-accordion {
	display: block;
	cursor: pointer;
	padding: 30px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.resp-vtabs .resp-tabs-container {
	border: none;
	float: none;
	width: 100%;
	min-height: initial;
	clear: none;
}
.resp-accordion-closed {
	display: none !important;
}

.tabs_img {
	position: absolute;
	left: 0;
	top: inherit;
	right: 0;
	bottom: inherit;
	width: auto;
	z-index: -1;
}
.tab1_img, .tab2_img, .tab3_img, .tab4_img, .tab5_img, .tab6_img {
	position: relative;
}

.resp-accordion > img {
	opacity: 0.2;
}
.resp-tab-active > img {
	opacity: 1;
}
.tabs_title {
	font-size: 22px;
}
.tabs_gradient {
	background-color: #372261;
}
.tabs_para {
	font-size: 18px;
	font-weight: 300;
}
.tabs_sub_link {
	font-weight: 400;
	font-size: 20px;
	line-height: 21px;
	margin-bottom: 20px;
	display: block;
	color: #fff;
}
.tabs_sub_link:hover {
	color: #fff;
}
}
/*Product css end*/
/*tab-slider css start*/
    #challenges-solution .panel {
      border: 0px none;
      box-shadow: none;
    }

    #challenges-solution .panel-heading {
      padding: 0;
      background: #fff;
    }

    #challenges-solution .panel-default {
      display: block;
      position: relative;
      background: transparent;
      margin-bottom: 15px;
      padding: 15px 25px 15px 0;
      border-bottom: 1px solid #F16C51;
      border-radius: 0 15px 0 15px;
      transition: all 0.10s linear 0s;
    }

    #challenges-solution .panel-title a {
      padding-left: 50px;
      padding-right: 50px;
      color: #F16C51;
      font-weight: 600;
    }

    #challenges-solution .panel-title a.collapsed {
      color: #000000;
      /* border-bottom: 1px solid #d3d3d3; */
      margin: 0;
    }

    #challenges-solution .panel-title a span::before {
      background-image: url(../../../content/dam/infosys-web/en/global-resource/infographics/challenge.svg);
      display: inline-block;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: left center;
      width: 25px;
      height: 25px;
      position: absolute;
      content: "";
      left: 15px;
    }

    #challenges-solution .panel-title a.collapsed:before {
      content: "";
      border: 0px none;
    }

    #challenges-solution .panel-title a.collapsed:hover,
    #challenges-solution .panel-title a.collapsed:hover:after {
      color: #F16C51;
    }

    #challenges-solution .panel-title a:after,
    #challenges-solution .panel-title a.collapsed:after {
      content: "\f106";
      font-family: "FontAwesome";
      font-weight: 900;
      color: #F16C51;
      font-size: 20px;
      line-height: 20px;
      position: absolute;
      top: 0px;
      right: 0px;
    }

    #challenges-solution .panel-title a.collapsed:after {
      content: "\f107";
      color: #000000;
    }

    #challenges-solution .panel-body {
      border-top: 0 none;
      color: #7E7E7E;
      background-color: transparent;
      padding: 15px 50px;
    }
	
@media screen and (max-width: 1024px) {
		#challenges-solution .panel-title a.collapsed,
		#challenges-solution .panel-title a.collapsed:after {
		color: #000000 !important;
}
}
/*tab-slider css end*/        
/*--------------------------------  Banner css start------------------------------ */
/*--------------------------------------------------------------
# Gradient - Desktop
--------------------------------------------------------------*/
.industries-gradient {
	background-color: #963596;
}
.l3-gradient {
	background-color: #F16C51;
}
.investors-gradient {
	background-color: #0F9FFA;
}
.newsroom-gradient {
	background-color: #DF9926;
}
.contactus-gradient {
	background-color: #7E7E7E;
}

.bg-jade-medium {
    background-color: #00B28F !important;
}
/*--------------------------------------------------------------
# home_banner - Desktop
--------------------------------------------------------------*/
#sml_ht_home_banner {
	padding: 100px 0 50px;
}
.l-top {
	margin-top: 100px !important;
}
#sml_ht_home_banner .h2-heading {
	font-size: 70px;
}
/*--------------------------------------------------------------
# home_banner -  Tablet
--------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
#sml_ht_home_banner {
	padding: 100px 0 50px;
}
#sml_ht_home_banner .h2-heading {
	font-size: 50px;
}
#sml_ht_home_banner .l-top {
	margin-top: 50px !important;
}
}
/*--------------------------------------------------------------
# home_banner - Mobile
--------------------------------------------------------------*/
@media screen and (max-width: 767px) {
#sml_ht_home_banner {
	padding: 100px 0 25px;
}
#sml_ht_home_banner .l-top {
	margin-top: 25px !important;
}
#sml_ht_home_banner .h2-heading{
	font-size: 40px;
}
}
/*--------------------------------  Banner css end------------------------------ */
/*teaser css start*/
.animate {
    transform: translate3d(-2306px, 0px, 0px);
    transition: all 0s ease 0s;
    width: 8457px;
}

.topicIndicator {
	background-color: #000;
	color: #ffffff;
	padding: 8px;
	display: inline-block;
	position: relative;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
}
.topicIndicator:after {
	content: '';
	position: absolute;
	right: -20px;
	top: 0px;
	width: 0;
	height: 0;
	border-left: 0px solid transparent;
	border-right: 20px solid transparent;
	border-top: 36px solid #000;
	clear: both;
}

.caption {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0px, -30%) !important;
    -moz-transform: translate(0px, -30%) !important;
    -ms-transform: translate(0px, -30%) !important;
    -o-transform: translate(0px, -30%) !important;
    transform: translate(0px, -30%) !important;
    width: auto;
}
.slide-image {
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    right: 0;
    width: auto !important;
}
.repeated-css {
	width: 100%;
	height: 100vh;
}

@media screen and (max-width: 1024px){
    .slider, #hero_slider {
        height: 600px;
    }
    .repeated-css {
        height: 600px;
    }
    .caption {
        top: 50%;
        -webkit-transform: translate(0px, -50%) !important;
        -moz-transform: translate(0px, -50%) !important;
        -ms-transform: translate(0px, -50%) !important;
        -o-transform: translate(0px, -50%) !important;
        transform: translate(0px, -50%) !important;
    }
}


@media screen and (max-width: 767px){
       #hero_slider .caption a {
        margin-top: 0;
        padding: 5px;
    }

    .slider-overlay {
        background-color: rgba(0, 0, 0, 0.25);
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

    .slide-image {
        right: 0;
    }
    
    .portal-mob {
        bottom: 60px;
        position: absolute;
        width: 100%;
        z-index: 2;
    }
    .slider, #hero_slider {
        height: 480px;
    }
    .repeated-css {
        height: 480px;
    }

   .slider-overlay-amethyst {
    background-color: rgba(55, 34, 97, 0.45);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

}
/*teaser css start*/
/*Overview css start*//* Read More Button CSS Start */
#overview{
	padding: 75px 0 ;
    position: relative;
}
.insight-btn {
    border: 1px solid #000;
    color: #000;
    min-width: 200px;
    padding: 15px 50px;
	margin: 0 auto !important;
	margin-top: 40px !important;
}

.btn-shutter-more {
    position: relative;
    z-index: 1;
    background-color: transparent;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    letter-spacing: 1.5px;
    font-weight: 700;
    font-size: 14px;
}

.btn-shutter-more:hover:before {
    width: 100%;
}

.btn-shutter-more:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #000;
    z-index: -1;
}

.insight-btn:hover {
    color: #fff;
}
/* Read More Button CSS End */

/* vCard CSS Start */
.name-text {
    font-size: 30px;
    color: #000;
    font-weight: 900;
    line-height: normal;
}

.designation-text {
    font-size: 16px;
    line-height: 18px;
    color: #7E7E7E;
}

.block {
    display: block;
}

.contact-text {
    font-size: 18px;
    line-height: 22px;
    padding-top: 0;
}
/* vCard CSS Start */

/* vCard Button CSS Start */
.bg-vcard {
    background-color: #f9f9f9;
    padding: 30px 50px;
}

.vcard-contact-btn {
    margin-top: 10px;
}

.reques-btn {
    border: 1px solid #000;
    color: #fff;
    min-width: 180px;
    padding: 10px 0;
    font-weight: 900;
    background-color: #000;
}

a.reques-btn:hover:before {
    width: 0%;
}

a.reques-btn:before {
    background-color: #000 !important;
}

a.reques-btn:hover {
    color: #000 !important;
    background-color: transparent !important;
}
/* vCard Button CSS End */

/* pentagon CSS Start */
.pentagone-st0 {
    cursor: pointer;
}

#outer-line-pentagone {
    stroke: #022B5E;
    fill: none;
}

@media screen and (min-width: 1024px) {
	#petagon_modal .modal-dialog {
		width: 800px;
	}
}

.pentagone-cp {
	cursor: pointer;
}

.pentagone-cn {
	cursor: none;
}

.pentagone-st1 {
	fill: #fff;
	stroke: #022B5E;
	stroke-miterlimit: 10;
	cursor: pointer
}

.pentagone-st2 {
	fill: #FFFFFF;
	cursor: pointer
}

.pentagone-st4 {
	font-size: 10px;
	cursor: pointer;
	font-weight: 500;
}

text.pentagone-st4 {
	display: none;
}

.pentagone-st3, .pentagone-st5 {
	font-family: 'myriad-pro';
	cursor: pointer
}

#pentagon line {
	cursor: pointer;
}

#outer-line-pentagone {
	stroke: #022B5E;
	fill: none;
}

#petagon_modal.modal {
	z-index: 9999;
}

#petagon_modal .modal-content {
	box-shadow: none;
	border-radius: 0;
}

#petagon_modal .modal-body {
	background-color: #0f9ffa;
	border: 8px solid #fff;
	color: #fff;
	padding: 35px;
	height: 500px;
}

#petagon_modal .close {
	background-color: #fff;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	opacity: 1;
	position: relative;
	z-index: 9;
	text-shadow: none;
}

#petagon_modal_carousel .item {
	position: relative;
	left: 20%;
}

#petagon_modal_carousel .item .h5 {
	font-size: 80px;
	font-weight: 900;
	margin: 0 0 20px;
}

#petagon_modal_carousel .item ul {
	padding-left: 0;
}

#petagon_modal_carousel .item ul > li {
	font-size: 18px;
	list-style-type: none;
	padding-left: 26px;
	margin-bottom: 15px;
	 background-image: url(../../../content/dam/infosys-web/en/global-resource/responsive/newdesign/pentagone-right-chevron.png);
	background-position: 0 7px;
	background-repeat: no-repeat;
}

#petagon_modal_carousel .owl-dots {
	text-align: left;
	top: 30%;
	width: auto;
}

.owl-dots {
    bottom: 25px;
    position: absolute;
}

.owl-item {
	overflow: hidden;
}

#petagon_modal_carousel .owl-dots .owl-dot {
    border-bottom: 1px solid #fff;
    display: block;
    padding: 20px 0 5px 0;
    font-size: 15px;
    width: auto;
    height: auto;
    margin: auto;
    transition: all 0.5s ease 0s;
}

.owl-theme .owl-dots .owl-dot {
    cursor: pointer;
    position: relative;
	zoom: 1;
}

#petagon_modal_carousel .owl-dots .owl-dot.active {
    border-bottom: 3px solid #fff;
}

.open-anim {
	animation: open-anim 1s;
	animation-fill-mode: forwards;
	transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@keyframes open-anim {
	0% {
		transform: translateX(25%) scale(0);
	}
	100% {
		transform: translateX(0%) scale(1);
	}
}

.close-anim {
	animation: close-anim 1s;
	animation-fill-mode: forwards;
	transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@keyframes close-anim {
	0% {
		transform: translateX(0%) scale(1);
	}
	100% {
		transform: translateX(25%) scale(0);
	}
}

 @keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(0.95, 0.95, 0.95);
		transform: scale3d(0.95, 0.95, 0.95);
	}
	50% {
		opacity: 1;
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}

@-webkit-keyframes fadeInLeftPentagon {
	0% {
		opacity:0;
		-webkit-transform:translateX(-20px);
		transform:translateX(-20px)
	}
	100% {
		opacity:1;
		-webkit-transform:translateX(0);
		transform:translateX(0)
	}
}

@keyframes fadeInLeftPentagon {
	0% {
		opacity:0;
		-webkit-transform:translateX(-20px);
		-ms-transform:translateX(-20px);
		transform:translateX(-20px)
	}
	100% {
		opacity:1;
		-webkit-transform:translateX(0);
		-ms-transform:translateX(0);
		transform:translateX(0)
	}
}

.fadeInLeftPentagon {
	animation: fadeInLeftPentagon 1s;
	animation-fill-mode: forwards;
	transition: all 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@media screen and (max-width: 992px) {
	#petagon_modal_carousel .item {
		left: 0%;
		width: auto;
	}
	
	#petagon_modal_carousel .item .h5 {
		font-size: 50px;
	}
	
	#petagon_modal_carousel .owl-prev {
		background-image: url(../../../content/dam/infosys-web/en/global-resource/responsive/newdesign/pentagone-left-arrow.png);
		left: 200px;
	}

	#petagon_modal_carousel .owl-next {
		background-image: url(../../../content/dam/infosys-web/en/global-resource/responsive/newdesign/pentagone-right-arrow.png);
		right: 200px;
	}
	
	#petagon_modal_carousel .owl-prev, #petagon_modal_carousel .owl-next {
		background-repeat: no-repeat;
		width: 32px;
		height: 32px !important;
		text-indent: -9999px;
		position: absolute !important;
		top: unset !important;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	
	#petagon_modal_carousel .owl-dots {
		display: none;
	}
	
	@keyframes open-anim {
		0% {
			transform: translateX(0%) scale(0);
		}
		100% {
			transform: translateX(0%) scale(1);
		}
	}
	@keyframes close-anim {
		0% {
			transform: translateX(0%) scale(1);
		}
		100% {
			transform: translateX(0%) scale(0);
		}
	}
}	

@media screen and (max-width: 767px) {
	#petagon_modal .modal-dialog {
		margin: 100px 15px;
	}
	
	#petagon_modal .modal-body {
		padding: 10px;
		max-height: 450px;
	}
	.title-sml {
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0px;
	}
	#petagon_modal .close {
		background-color: #0f9ffa;
		height: 35px;
		width: 35px;
		font-size: 20px;
		margin-top: -53px;
		right: -19px;
		color: #fff;
		border-radius: 0;
	}
	
	#petagon_modal_carousel .item .h5 {
		font-size: 30px;
	}
	
	#petagon_modal_carousel .owl-prev {
		left: 100px;
	}
		
	#petagon_modal_carousel .owl-next {
		right: 100px;
	}
	
	#petagon_modal_carousel .owl-prev, #petagon_modal_carousel .owl-next {
		bottom: auto;
	}
}
/* pentagon CSS End */

/* Others CSS Start */


/*Overview css end*/
/*text&button css start*/
/*--Have more questions--*/
	.more-question {
	font-size: 50px;
    color: #000;
    letter-spacing: -1.5px;
    font-weight: 900;
    /*line-height: 42px;*/
    
}
#questions_bg {
	padding: 75px 0;
}

.btn-shutter-more {
	color: #fff;
	border: 1px solid #fff;
	position: relative;
	z-index: 1;
	display: inline-block;
	background-color: transparent;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	padding: 12px 50px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	letter-spacing: 1.5px;
	margin-top: 20px;
	font-weight: 700;
	font-size: 14px;
}
.btn-shutter-more:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: #000;
	z-index: -1;
}
.btn-shutter-more:hover {
	border: 1px solid #000;
	background-color: transparent;
	color: #ffffff;
}
.btn-shutter-more:hover:before {
	width: 100%;
}

.contact-btn {
  /*float: left;*/
    font-size: 14px;
    color: #000 !important;
    text-transform: uppercase;
    border: 1px solid #000 !important;
    margin-right: 10px;
    padding: 12px 20px;
  /*margin-top: 10px;*/
}
.contact-btn:hover {
	color: #fff !important;
}
.faqs-btn {
	font-size: 14px;
	letter-spacing: 1.5px;
	color: #fff;
	border: 1px solid #000;
	font-weight: 900;
	background-color: #000;
	text-transform: uppercase;
	padding: 12px 20px;

	display: inline-block;
}
.faqs-btn:hover {
	color: #000;
	border: 1px solid #000;
	background-color: transparent;
}
.faqs-btn span {
	text-transform: lowercase;
}

/*-------------------------------------Apply Here-----------------------*/
.promo-align {
    padding: 25px;
    background-color: #963596;
    color: #fff;
}
.promo-title {
    margin-bottom: 0px;
    font-size: 40px;
    line-height: 40px;
    font-weight: 900;
    color: #ffffff;
}

.promo-btn {
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #372261;
    color: #fff;
    padding: 8px 15px;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 25px 0;
    background-color: #372261;
    text-transform: uppercase;
}

/*.promo-btn:hover {
  background-color: #ddd6e1; 
  color: black;   
}*/
/*------------------------------Explore Career------------------------------*/
#thought_leadership .opportunities {
    padding: 60px 60px;
    /*background-image: url("../../../content/dam/infosys-web/en/global-resource/background-image/stay-connected.jpg"); */
    background: url(../../../content/dam/infosys-web/en/global-resource/background-image/careers.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: top -85px left;
    float: left;
    width: 100%;
}


#thought_leadership .opportunit-text {
    margin-bottom: 0px;
    font-size: 45px;
    color: #ffffff;
    line-height: inherit;
    font-weight: inherit;
}

.career-btn {
    border: 1px solid #fff;
    background-color: #fff;
    text-align: center;
    margin-top: 20px;
    letter-spacing: 1.5px;
    padding: 12px 20px 11px;
    font-size: 14px;
    font-weight: 900;
    color: #000;
    text-transform: uppercase;
    display: inline-block;
}

.career-btn:hover {
	color: #fff !important;
}

/*------------------------------Subscribe------------------------------*/

.bg-subscribe {
    background: #963596;
    padding: 25px 50px;
}

.subs-vars {
    display: inline-block;
    padding: 12px 20px 11px;
    margin-top: 35px;
}

.subscribe-text {
    margin-bottom: 0px;
    font-size: 50px;
    line-height: 55px;
    font-weight: 900;
    color: #ffffff;
    letter-spacing: -1.5px;
}

.subscribe-btn {
    font-size: 14px;
    color: #fff;
    padding: 12px 42px;
    border: 1px solid #DF9926;
    background-color: #DF9926;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    font-weight: 900;
    margin-top: 20px;
}

.subscribe-btn:hover {
	color: #fff;
	border: 1px solid #fff;
	background-color: transparent;
}


@media screen and (max-width: 767px){
#thought_leadership .opportunit-text {
	font-size: 25px;
	font-weight: 400;
	line-height: 30px;
}
#thought_leadership .opportunities {
    background-position: top left;
}    
}
@media screen and (max-width: 1280px){
#thought_leadership .opportunities {
    padding: 30px 30px;
}
}
/*text&button css end*/
/*--------------------------------  CountryImageBanner css start------------------------------ */
#L2_home_banner {
	/*padding: 100px 0 125px;*/
	height: 75vh;
	position: relative;
}
.L2-home-banner-image {
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
	min-height: 100%;
	min-width: 100%;
}
.contactus-gradient {
	background-color: #7E7E7E;
}
@media screen and (max-width: 1024px) {
#L2_home_banner {
	/*padding: 100px 0 125px;*/
	height: 45vh;
	position: relative;
}
}
@media screen and (max-width: 992px) {
#L2_home_banner {
	height: 34vh;
}
}
@media screen and (max-width: 767px) {
#L2_home_banner {
	/*padding: 100px 0 25px;*/
	height: 315px;
	position: relative;
}
}
/*--------------------------------  CountryImageBanner css end------------------------------ */
<!-- Multirow with SVG Text Start-->
.aboutus-grid-title {
	font-size: 25px;
	font-weight: 600;
	color: #000000;
	margin-bottom: 0;
}
.aboutus-grid-title > span {
	font-size: 60px;
	vertical-align: middle;
}
.aboutus-grid-desc {
	color: #333;
	font-size: 15px;
	font-weight: 400;
	max-width: 190px;
	margin: 0 auto;
}
.aboutus-grid-svg {
	margin-bottom: 15px;
}

@media screen and (max-width: 1024px){
.aboutus-grid-title {
	font-size: 25px;
	font-weight: 600;
	color: #000000;
	margin-bottom: 0;
}
.aboutus-grid-title > span {
	font-size: 50px;
	vertical-align: middle;
}
.aboutus-grid-desc {
	color: #333;
	font-size: 15px;
	font-weight: 400;
	max-width: 190px;
	margin: 0 auto;
}
}


@media screen and (max-width: 767px) {
.aboutus-grid-title {
	font-size: 20px;
	font-weight: 600;
	color: #000000;
	margin-bottom: 0;
}
.aboutus-grid-title > span {
	font-size: 30px;
	vertical-align: middle;
}
.aboutus-grid-desc {
	color: #333;
	font-size: 15px;
	font-weight: 400;
	max-width: 190px;
	margin: 0 auto;
}

}
<!-- Multirow with SVG Text Start-->
/*--------------------------------Location css start ------------------------------ */
.dropdown-navigation-box {
	padding: 50px 0;
}
select#select-region:focus {
    outline: 2px solid blue;
}
 select.select-region::-ms-expand {
 display: none;
}

.select-region {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	outline: none;
	overflow: hidden;
	text-indent: 0.01px;
	text-overflow: '';
	width: 165px;
	background-image: url(../../../content/dam/infosys-web/en/global-resource/background-image/down-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	border: 0;
	border-bottom: solid 1px #7E7E7E;
	font-size: 15px;
	color: #3F3F3F;
	line-height: 20px;
	font-weight: 400;
}

.select-region1 {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	box-shadow: none;
	outline: none;
	overflow: hidden;
	text-indent: 0.01px;
	width: 100%;
	background: url(../../../content/dam/infosys-web/en/global-resource/background-image/down-arrow.png) #fff no-repeat 100% center;
	background-size: 15px 15px;
	border: none;
	border-bottom: solid 1px #7E7E7E;
	border-radius: 0;
	padding: 2px 50px 2px 0;
	font-size: 15px;
	color: #3F3F3F;
	line-height: 20px;
	font-weight: 400;
}

.location-title {
	font-size: 25px;
	line-height: 25px;
	color: #000;
	font-weight: 400;
	margin-bottom: 20px;
}

.location-text {
	font-size: 20px;
	line-height: 25px;
	color: #7E7E7E;
	font-weight: 300;
}

.offering-hover {
	position: relative;
}

.offering-hover:hover .border-left {
	height: 100%;
}

.border-left {
    width: 20px;
    height: 0%;
    position: absolute;
    left: 0;
    background: #f6a623;
    transition: all 0.5s;
}
.offering-title {
    font-size: 40px;
    color: #000000;
    font-weight: 900;
    line-height: 40px;
    letter-spacing: -1px;
}

.yellow-dot2 {
    line-height: 12px;
    opacity: 0;
    transition: all 0.5s;
}

.offering-hover:hover .yellow-dot2 {
    opacity: 1;
}

.yellow-dot2 span {
    width: 10px;
    height: 10px;
    background-color: #FF6600;
    border-radius: 50%;
    display: inline-block;
    margin-right: 2px;
}

@media screen and (max-width: 1024px) {
	.offering-hover {
		margin-left: 15px;
		margin-right: 15px;
	}
	
	.border-left {
		display: none;
	}
	
	.offerings-row {
		margin-left: 0;
		padding-left: 25px;
		padding-right: 0px;
	}
	
	.offering-title {
		font-size: 35px;
	}
	
	.offerings-hover, .yellow-dot2 {
		opacity: 1;
	}
}

@media screen and (max-width: 992px) {
	.mb-sm-20 {
		margin-bottom: 20px;
	}
	
	.offerings-row {
		padding-left: 8px;
	}
	
	.location-text {
		font-size: 18px;
		line-height: 23px;
	}
}

@media screen and (max-width: 767px) {
	.offering-hover {
		margin-left: 15px;
		margin-right: 15px;
	}
	
	.offerings-row {
		padding-left: 0px;
	}
	
	.mt-xs-20 {
		margin-top: 20px;
	}
	
	.offering-title {
		font-size: 25px;
	}
	
	.location-title {
		font-size: 22px;
		line-height: 22px;
		margin-bottom: 10px;
	}
}	
/*--------------------------------Leadershiptabs css end ------------------------------ */	
/*-------------------------------- ImageGrid css start------------------------------ */
.grid {
	position: relative;
}
.grid > .p0 > a {
	color: #fff;
}
.grid > .p0 > a:hover, .grid > .p0 > a:focus {
	color: #fff;
	text-decoration: none;
}
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	width: 100%;
	background-color: #000000;
	text-align: center;
}
.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	height: 100%;
	max-width: 100%;
	opacity: 0.8;
}
.grid figure figcaption {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.grid figure figcaption::before, .grid figure figcaption::after {
	pointer-events: none;
}
.grid figure figcaption, .grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#journalistresearch {
	padding-bottom: 0;
}
.journalistresearch-title {
	font-size: 25px;
	font-weight: 700;
	line-height: 30px;
	color: #fff !important;
	margin-bottom: 10px;
}
.journalistresearch-desc {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.3em;
	color: #fff;
}

@media screen and (min-width: 1025px) {
	figure.effect-lily img {
		max-width: none;
		width: -webkit-calc(100% + 50px);
		width: calc(100% + 50px);
		/*opacity: 0.7;*/
		-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
		transition: opacity 0.35s, transform 0.35s;
		-webkit-transform: translate3d(-40px, 0, 0);
		transform: translate3d(-40px, 0, 0);
	}
	figure.effect-lily figcaption {
		text-align: left;
	}
	figure.effect-lily figcaption > .journalistresearch-text {
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 1.3em;
		width: 100%;
		height: 53%;
	}
	figure.effect-lily h2, figure.effect-lily p {
		-webkit-transform: translate3d(0, 40px, 0);
		transform: translate3d(0, 40px, 0);
	}
	figure.effect-lily h2 {
		-webkit-transition: -webkit-transform 0.35s;
		transition: transform 0.35s;
	}
	figure.effect-lily p {
		color: rgba(255,255,255,0.8);
		opacity: 0;
		-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
		transition: opacity 0.2s, transform 0.35s;
	}
	figure.effect-lily:hover img, figure.effect-lily:hover p {
		opacity: 1;
	}
	figure.effect-lily:hover img, figure.effect-lily:hover h2, figure.effect-lily:hover p {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	figure.effect-lily:hover p {
		-webkit-transition-delay: 0.05s;
		transition-delay: 0.05s;
		-webkit-transition-duration: 0.35s;
		transition-duration: 0.35s;
	}
}
	

@media screen and (max-width: 1024px){
	.grid {
		position: relative;
	}
	.grid > .p0 > a {
		color: #fff;
	}
	.grid > .p0 > a:hover, .grid > .p0 > a:focus {
		color: #fff;
		text-decoration: none;
	}
	.grid figure {
		text-align: left;
	}
	.grid figure img {
		position: relative;
		display: block;
		min-height: 100%;
		max-width: 100%;/*opacity: 0.8;*/
	}
	.grid figure figcaption {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.grid figure figcaption::before, .grid figure figcaption::after {
		pointer-events: none;
	}
	.grid figure figcaption, .grid figure figcaption > a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	figure.effect-lily figcaption > .journalistresearch-text {
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 10px 20px;
		width: 100%;
	}
	#journalistresearch {
		padding-bottom: 0;
	}
	.journalistresearch-title {
		font-size: 18px;
		line-height: 24px;
		font-weight: 700;
	}
	.journalistresearch-desc {
		font-size: 18px;
	}
	.journalistresearch-overlay {
		background-color: rgba(0, 0, 0, 0.3);
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
}

@media screen and (max-width: 767px){
	.grid {
		position: relative;
	}
	.grid > .p0 > a {
		color: #fff;
	}
	.grid > .p0 > a:hover, .grid > .p0 > a:focus {
		color: #fff;
		text-decoration: none;
	}
	.grid figure {
		margin-bottom: 20px;
	}
	.grid figure img {
		position: relative;
		display: block;
		min-height: 100%;
		max-width: 100%;
		opacity: 0.8;
		width: 100%;
	}
	.grid figure figcaption {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	.grid figure figcaption::before, .grid figure figcaption::after {
		pointer-events: none;
	}
	.grid figure figcaption, .grid figure figcaption > a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}
/*-------------------------------- ImageGrid css end------------------------------ */
/*teaserCarousel css start*/
/*-----------arrow-navigation-------*/
#slider_list_carousel .owl-nav .owl-prev, #slider_list_carousel .owl-nav .owl-next {
	background-repeat: no-repeat !important;
	width: 32px !important;
	height: 32px !important;
	top: 200px !important;
	text-indent: -9999px;
	position: absolute !important;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#slider_list_carousel .owl-nav .owl-prev {
	left: -50px !important;
	background-image: url(../../../content/dam/infosys-web/en/global-resource/background-image/arrow-left.png);
}
#slider_list_carousel .owl-nav .owl-next {
	
	right: -50px !important;
	background-image: url(../../../content/dam/infosys-web/en/global-resource/background-image/arrow-right.png);
}
.whatnew-box {
	margin: 0 auto;
	max-width: 290px;
	width: 100%;
	min-height: 500px;
	padding: 30px;
	position: relative;
	background: #BEE3FF url(../../../content/dam/infosys-web/en/global-resource/background-image/line-pattern-bg.png);
}

@media screen and (max-width: 1024px){
    /*----dots----*/
    #slider_list_carousel .owl-dots {
        bottom: -40px !important;
    }
    /*----owl-nav-----*/
    #slider_list_carousel .owl-nav .owl-next {
        right: -20px !important;
    }
    #slider_list_carousel .owl-nav .owl-prev {
        left: -20px !important;
    }
    
    
}
@media screen and (max-width: 767px){
    /*-----dots----*/
    #slider_list_carousel.owl-theme .owl-dots .owl-dot {
        margin: 0 8px;
    }
    #slider_list_carousel .owl-dots {
        bottom: -40px;
    }

    #slider_list_carousel.owl-theme .owl-dots .owl-dot span {
        box-shadow: 0 0 0 2px black inset;
    }
    #slider_list_carousel.owl-theme .owl-dots .owl-dot span::after {
        background-color: #000;
        box-shadow: 0 0 1px #000;
    }
   
    #slider_list_carousel .owl-nav .owl-next {
        right: 0px !important;
    }

    #slider_list_carousel .owl-nav .owl-prev {	
        left: 0px !important;
    }
    
   
}
/*teaserCarousel css end*/
/*-------------------------------- ImageTilesV2 css start------------------------------ */
.sub-txt {
	font-size: 40px;
	line-height: 40px;
	margin-bottom: 50px;
	margin-top: 10px;
	color: #7e7e7e;
}
.no-gutters figcaption {
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 20px;
	max-height: 40px;
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.image {
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.

.bottom-gradient-grid {
	background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 23%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 68%, rgba(0, 0, 0, 0) 81%, rgba(0, 0, 0, 0) 92%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: translateY(100%);
	transition: all 0.5s ease 0s;
}
.grid-title {
	color: #fff !important;
	font-size: 22px;
	line-height: 30px;
	font-weight: 600;
	margin-bottom: 10px;
}
.grid-desc {
	color: #fff;
	font-size: 20px;
	line-height: 27px;
	font-weight: 300;
}
@media all and (max-width: 1024px) {
.sub-txt {
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 30px;
}

.bottom-gradient-grid {
	/*background: rgba(0,0,0,0.5);*/
	background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%) repeat scroll 0 0;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: translateY(0);
}
.no-gutters figcaption {
	max-height: none;
	height: auto;
	bottom: 0;
}
.grid-desc {
	font-size: 18px;
	line-height: inherit;
}
}
/*-------------------------------- ImageTilesV2 css end------------------------------ */
.sustainability {
	position: relative;
}
.sustainability-overlay {
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.1);
	width: 100%;
	height: 100%;
}
.sustainability .view-more {
	background-color: #fff;
	color: #000 !important;
	padding: 8px 25px;
	border: 1px solid #FFF;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
	margin: 10px 0;
}
.sustainability .view-more:hover {
	background-color: transparent;
	color: #FFFFFF !important;
}
.sustainability {
	background-image: url(../../../content/dam/infosys-web/en/global-resource/responsive/newdesign/sustainability.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	min-height: 500px;
	padding: 75px 0;
}

.iki {
    background-image: url(../../../content/dam/infosys-web/en/global-resource/responsive/newdesign/iki.jpg) !important;
    
}

.sust-para {
	font-size: 32px;
	color: #fff;
	font-weight: 300;
	margin: 20px 0;
	line-height: 1.3em;
}
.sust-pr {
	padding: 25px;
	background-color: #fff;
}
.sust-pr-para {
	font-size: 25px;
	line-height: 30px;
	font-weight: 400;
}
@media screen and (max-width: 992px) {
.sust-para {
	font-size: 22px;
}
}
@media screen and (max-width: 1024px) {
.sustainability {
	background-image: url(../../../content/dam/infosys-web/en/global-resource/responsive/newdesign/sustainability.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	min-height: 500px;
	padding: 75px 0;
}

.sust-pr {
	padding: 25px;
	background-color: #fff;
}
}
@media screen and (max-width: 767px) {
.sustainability {
	background-image: url(../../../content/dam/infosys-web/en/global-resource/responsive/newdesign/sustainability.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	min-height: 500px;
	padding: 75px 0;
}
.sust-para {
	margin: 10px 0;
}
.sust-pr {
	padding: 25px;
	background-color: #fff;
}
.sust-pr-para {
	font-size: 22px;
}
}

/*-------------------------------- Imagewithtext css end------------------------------ */
/*-------------------------------- Imagewithtext css start------------------------------ */
#thought_leadership
{
	padding: 75px 0;
}

/*----added as per CP Vijaya --------*/
.bg-ship {
    position: relative;
    float: left;
    width: 100%;
}


/*.bg-ship {
	background-image: url(../../../content/dam/infosys-web/en/stock/digital-champions.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	min-height: 436px;
	margin-bottom: 80px;
}
.bg-ship .view-more {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	color: #000;
	margin-top: 10px;
	text-decoration: none;
	position: relative;
	left: 0;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.bg-ship .view-more:hover, .bg-ship .view-more:focus {
	color: #000;
	text-decoration: none;
	left: 10px;
}
@media screen and (max-width: 1024px) {
.bg-ship .view-more:hover, .bg-ship .view-more:focus {
	left: 0px;
}
.bg-ship {
	min-height: 492px;
}
}
@media screen and (max-width: 992px) {
.bg-ship {
	min-height: 580px;
}
}
@media screen and (max-width: 767px) {
.bg-ship {
	min-height: 785px;
}
}	
@media screen and (max-width: 640px) {
.bg-ship {
	min-height: 765px;
}
}	

@media screen and (max-width: 480px) {
.bg-ship {
	min-height: 905px;
}
}

@media screen and (max-width: 360px) {
.bg-ship {
	min-height: 905px;
}
}
@media screen and (max-width: 320px) {
.bg-ship {
	min-height: 1050px;
}
}*/

.sustainability {
	position: relative;
}
.sustainability-overlay {
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.1);
	width: 100%;
	height: 100%;
}
.sustainability .view-more {
	background-color: #fff;
	color: #000 !important;
	padding: 8px 25px;
	border: 1px solid #FFF;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	display: inline-block;
	margin: 10px 0;
}
.sustainability .view-more:hover {
	background-color: transparent;
	color: #FFFFFF !important;
}
.sustainability {
	background-image: url(../../../content/dam/infosys-web/en/about/images/sustainability.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	min-height: 500px;
	padding: 75px 0;
}

.iki {
    background-image: url(../../../content/dam/infosys-web/en/global-resource/responsive/newdesign/iki.jpg) !important;
}

.sust-para {
	font-size: 32px;
	color: #fff;
	font-weight: 300;
	margin: 20px 0;
	line-height: 1.3em;
}
.sust-pr {
	padding: 25px;
	background-color: #fff;
}
.sust-pr-para {
	font-size: 25px;
	line-height: 30px;
	font-weight: 400;
}
@media screen and (max-width: 992px) {
.sust-para {
	font-size: 22px;
}
}
@media screen and (max-width: 1024px) {
.sustainability {
	background-image: url(../../../content/dam/infosys-web/en/about/images/sustainability.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	min-height: 500px;
	padding: 75px 0;
}

.sust-pr {
	padding: 25px;
	background-color: #fff;
}
}
@media screen and (max-width: 767px) {
.sustainability {
	background-image: url(../../../content/dam/infosys-web/en/about/images/sustainability.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
	min-height: 500px;
	padding: 75px 0;
}
.sust-para {
	margin: 10px 0;
}
.sust-pr {
	padding: 25px;
	background-color: #fff;
}
.sust-pr-para {
	font-size: 22px;
}
}

/*-------------------------------- Imagewithtext css end------------------------------ */
/*-------------------------------- Imagewithtext css start------------------------------ */
#thought_leadership
{
	padding: 75px 0;
}
.bg-ship {
	background-image: url(../../../content/dam/infosys-web/en/stock/digital-champions.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	min-height: 436px;
	margin-bottom: 80px;
}
.bg-ship .view-more {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	color: #000;
	margin-top: 10px;
	text-decoration: none;
	position: relative;
	left: 0;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.bg-ship .view-more:hover, .bg-ship .view-more:focus {
	color: #000;
	text-decoration: none;
	left: 10px;
}
@media screen and (max-width: 1024px) {
.bg-ship .view-more:hover, .bg-ship .view-more:focus {
	left: 0px;
}
.bg-ship {
	min-height: 492px;
}
}
@media screen and (max-width: 992px) {
.bg-ship {
	min-height: 580px;
}
}
@media screen and (max-width: 767px) {
.bg-ship {
	min-height: 785px;
}
}	
@media screen and (max-width: 640px) {
.bg-ship {
	min-height: 765px;
}
}	

@media screen and (max-width: 480px) {
.bg-ship {
	min-height: 905px;
}
}

@media screen and (max-width: 360px) {
.bg-ship {
	min-height: 905px;
}
}
@media screen and (max-width: 320px) {
.bg-ship {
	min-height: 1050px;
}
}

/*--------------------------------Investortiles css start ------------------------------ */
/*--Latest News--*/
.news-box {
	padding: 20px 20px 25%;
}
.small-title {
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.box-txt {
	font-size: 30px;
	color: #fff;
	line-height: 36px;
	font-weight: 600;
}
.box2-txt {
	font-size: 25px;
	color: #fff;
	line-height: 30px;
	font-weight: 600;
}
.box3-txt {
	font-size: 15px;
	color: #000;
	line-height: 25px;
	font-weight: 600;
}
.news-more {
	position: absolute;
	bottom: 20px;
}
.news-more a {
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 900;
	margin-right: 20px;
	position: relative;
	left: 0;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.news-more a:hover {
	left: 5px;
}
.tab-bg .nav-tabs {
	border-bottom: none;
	background-color: rgba(255, 255, 255, 0.3);
	border-radius: 26px;
	display: inline-block;
	margin-bottom: 15px;
}
.tab-bg .nav > li > a {
	font-size: 15px;
	color: #000;
	font-weight: 400;
	padding: 2px 15px;
	cursor: pointer;
	background-color: transparent !important;
	border: transparent !important;
	border-bottom-color: transparent;
	border-radius: 26px !important;
}
.tab-bg .nav-tabs > li.active > a, .tab-bg .nav-tabs > li.active > a:focus, .tab-bg .nav-tabs > li.active > a:hover {
	color: #000;
	background-color: #fff !important;
	border: transparent !important;
	border-bottom-color: transparent;
	border-radius: 26px !important;
	padding: 2px 15px;
}
.tab-bg .nav-tabs > li > a:hover {
	color: #000;
	background-color: #fff !important;
	border: transparent !important;
	border-bottom-color: transparent;
	border-radius: 26px !important;
	padding: 2px 15px;
}
.box4-left {
	float: left;
	width: 55%;
}
.box4-right {
	float: right;
	width: 44%;
}
.chart-title {
	font-size: 60px;
	color: #000;
	font-weight: 900;
}
.value-details {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0px;
}
.value-date {
	font-size: 12px;
	color: #3F3F3F;
	margin-bottom: 0px;
}
.read-letter {
	font-size: 14px;
	color: #fff;
	font-weight: 900;
	text-transform: uppercase;
}
.read-letter:hover {
	color: #fff;
}
.financial-txt {
	font-size: 20px;
	color: #fff;
	font-weight: 600;
	line-height: 25px;
}
.news-box-img {
	position: relative;
}
.eq-height .eqh-box .news-box-img {
	transform: scale(1);
	-webkit-transition: all 1.5s ease 0s;
	-o-transition: all 1.5s ease 0s;
	transition: all 1.5s ease 0s;
}
.eq-height .eqh-box:hover .news-box-img {
	transform: scale(1.2);
}
.news-box-text {
	position: absolute;
	bottom: 0;
	padding: 20px;
}


@media screen and (max-width: 1024px) {
/*--Latest News--*/
.news-box {
	padding: 20px 20px 30px;
}
.news-more {
	position: inherit;
	clear: both;
}
.news-more a:hover {
	left: 0px;
}
.chart-title {
	font-size: 46px;
}
.recent-news {
	font-size: 35px;
}
.eq-height .eqh-box:hover .news-box-img {
	transform: scale(1);
}
}
@media screen and (max-width: 992px) {
/* -- latest news -- */
.txt-report {
	padding-bottom: 0;
}
/*--Latest News--*/
.re-news {
	line-height: 26px;
}
}
@media screen and (max-width: 767px) {
/*--Latest News--*/	
.box-txt {
	font-size: 20px;
	line-height: 26px;
}
}
@media screen and (max-width: 480px) {
/*--Latest News--*/
.box4-left, .box4-right {
	float: left;
	width: 100%;
}
.box4-right {
	margin-bottom: 15px;
}
}
/*--------------------------------Calendar css end ------------------------------ */
/*-------------------------------- Location With Image css start ------------------------------ */
/* Location With Image Variation-1 CSS Start */
#locations, #the_locations {
    position: relative;
	padding: 75px 0;
}

.loc-ht {
    background: #333333;
    background-repeat: repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    background-position: top center;
    height: 675px;
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
}

.yellow-dots-left > span {
    display: none;
}

#locations .scrtabs-tab-scroll-arrow {
    display: none;
}

#locations .scrtabs-tabs-fixed-container, #locations .scrtabs-tabs-movable-container {
    width: auto !important;
    left: 0px;
}

.scrtabs-tab-scroll-arrow-right {
    background-repeat: no-repeat;
    background-position: center center;
}

.scrtabs-tab-container {
	visibility: visible;
}

.scrtabs-tab-scroll-arrow-left, .scrtabs-tab-scroll-arrow-right {
	display: none;
}

#locations .nav-tabs {
    border-bottom: 0;
}

#locations .nav-tabs > li {
    margin-bottom: 0px;
}

#locations .nav-tabs > li + li::before {
    content: "|";
    color: rgba(255,255,255,0.5);
    position: absolute;
    top: 15px;
    left: -2px;
}

#locations .nav > li > a:focus, #locations .nav > li > a:hover {
    background-color: #DF9926;
    color: #fff;
}

#locations .nav-tabs > li.active > a, #locations .nav-tabs > li.active > a:focus, 
#locations .nav-tabs > li.active > a:hover {
    background-color: #DF9926 !important;
    color: #fff !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 14px;
    font-weight: 400;
}

#locations .nav-tabs > li:first-child > a {
    border-left: 1px solid rgba(255,255,255,0.5);
}

#locations .nav-tabs > li:last-child > a {
    border-right: 1px solid rgba(255,255,255,0.5);
}

#locations .nav-tabs > li > a {
    padding: 20px 60px;
    margin-right: 0;
    color: #fff;
    font-size: 14px;
    border-top: 1px solid rgba(255,255,255,0.5);
    border-bottom: 1px solid rgba(255,255,255,0.5);
    border-left: transparent;
    border-right: transparent;
    border-radius: 0;
}

.loc-cntry-txt > span {
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    letter-spacing: -0.5px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    height: auto;
    display: block;
    text-align: center;
}

.hvr-cntry:hover .loc-cntry-txt > span {
	transform: translateY(-39%);
}

.hvr-cntry:hover .loc-cntry-txt {
    background-color: rgb(245, 166, 35, 0.8);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0px;
    transform: translateY(0px);
    right: 0;
    bottom: 0;
    position: absolute;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/* Location With Image Variation-1 CSS End   */

/* Location With Image Variation-2 CSS Start */
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.sub-txt {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 50px;
    margin-top: 10px;
    color: #7e7e7e;
}

.ms-rtestate-field h2 {
	color: inherit;
}

/*
p.loc-cntry-txt {
    margin: 0;
}
*/
/* Location With Image Variation-2 CSS End   */

/* Location With Image Variation-3 CSS Start */
.l-top {
    margin-top: 100px;
}

.border-left {
    width: 20px;
    height: 0%;
    position: absolute;
    left: 0;
    background-color: #DF9926;
    transition: all 0.5s;
}
.offering-title {
    font-size: 40px;
    color: #000000;
    font-weight: 900;
    line-height: 40px;
    letter-spacing: -1px;
}

ul.offering-list {
    padding: 0px;
}

ul.offering-list li {
    list-style-type: none;
    font-size: 18px;
    padding-left: 40px;
    background-position: 3px 10px;
    transition: all 0.5s;
	line-height: 26px;
    padding-bottom: 10px;
}

ul.offering-list li:hover {
    background: url(../../../content/dam/infosys-web/en/global-resource/background-image/list-arrow.png);
    background-repeat: no-repeat;
	background-position: 10px 3px;
    background-size: 20px 20px;
}
/* Location With Image Variation-3 CSS End   */

/* Location With Image Variation-1 CSS Start */
@media screen and (min-width: 1024px) {
	.col-md-20p {
		width: 20%;
	}
}
/* Location With Image Variation-1 CSS End   */

@media screen and (max-width: 1024px) {
	/* Location With Image Variation-1 CSS Start */
	/*.h2-heading {
		font-size: 50px;
		line-height: 50px;
	}*/
	
	.loc-ht {
		height: 575px;
	}
	
	#locations .nav-tabs > li > a {
		padding: 20px 46px;
	}
	/* Location With Image Variation-1 CSS End   */

    /* Location With Image Variation-2 CSS Start */
	.sub-txt {
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 30px;
	}
    /* Location With Image Variation-2 CSS End   */

	/* Location With Image Variation-3 CSS Start */
	.l-top {
		margin-top: 50px;
	}

    .loc-cntry-txt > span {
		font-size: 22px;
	}

    .hvr-cntry:hover .loc-cntry-txt {
		background-color: transparent;
	}

	.hvr-cntry:hover .loc-cntry-txt > span {
		transform: translateY(-28%);
	}        
	/* Location With Image Variation-3 CSS End   */
}

@media screen and (max-width: 992px) {
    /* Location With Image Variation-1 CSS Start */
	.para-txt {
		font-size: 30px;
		line-height: 33px;
	}
	
	#locations .nav-tabs > li > a {
		padding: 20px 59px;
	}
    /* Location With Image Variation-1 CSS End   */

    /* Offering CSS Start - For Variation-3 */
	.offerings-row {
		padding-left: 8px;
	}

	/* Offering CSS End - For Variation-3   */
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
    /* Location With Image Variation-1 CSS Start */
	.col-sm-20p {
		width: 20%;
	}

	#locations .nav-tabs > li.active > a, #locations .nav-tabs > li.active > a:focus, 
	#locations .nav-tabs > li.active > a:hover, #locations .nav-tabs > li > a {
		font-size: 14px;
        line-height: 20px;
	}
    /* Location With Image Variation-1 CSS End   */
}

@media screen and (max-width: 767px) {
    /* Location With Image Variation-1 CSS Start */
    #locations p {
        margin: 0 0 10px !important;
    }

	#locations {
		position: relative;
		background: #333333;
		background-repeat: repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
		background-position: top center;
		height: auto;
	}

	.h2-heading {
		font-size: 40px;
		line-height: 40px;
	}
	
	.para-txt {
		font-size: 20px;
		line-height: 25px;
		font-weight: 300;
	}
	
	.inline-xs {
		display: inline;
	}
	
	.hidden-xs {
		display: none!important;
	}
	
	#locations .nav-tabs {
		border: none;
	}
	
	#locations ul.nav > li {
		line-height: 0;
		text-align: center;
		border: 1px solid #DF9926;
		margin-right: 15px;
		margin-bottom: 15px;
	}
	
	#locations .nav-tabs > li:first-child > a {
		border-left: 0;
	}
	
	#locations .nav-tabs > li:last-child > a {
		border-right: 0;
	}
	
	#locations .nav-tabs > li > a {
		padding: 10px 37px;
		border: 0;
	}
	
	#locations .nav-tabs > li + li::before {
		content: " ";
	}
	
	.loc-cntry-txt > span {		
		font-size: 20px;
		font-weight: 900;
		position: relative;
		top: 0;
		transform: none;
		padding: 30px 0;
		text-align: left;
	}
	
	.hvr-cntry:hover .loc-cntry-txt {
		width: 100%;
		height: 100%;
		left: 0;
		top: 0px;
		transform: none;
		right: 0;
		bottom: 0;
		position: relative;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	
	.hvr-cntry:hover .loc-cntry-txt > span {
		transform: none;
	}
	/* Location With Image Variation-1 CSS End   */

	/* Location With Image Variation-2 CSS Start */
	#the_locations {
		padding: 50px 0;
	}

	.no-gutters > [class*="col-"] {
		margin-bottom: 20px;
	}

	/*
	.hvr-cntry {
		display: block;
		padding: 35px 0;
		background: #000;
	}
	*/
	
	p.loc-cntry-txt > span {
		font-size: 20px;
		top: 20px;
		transform: translateY(0px);
	}
	/* Location With Image Variation-2 CSS End   */

	/* Location With Image Variation-3 CSS Start */
	.l-top {
		margin-top: 25px;
	}
	/* Location With Image Variation-3 CSS End   */

}

@media screen and (max-width: 480px) {
    /* Location With Image Variation-1 CSS Start */
	#locations ul.nav > li {
		float: none;
		margin-right: 0px;
		margin-bottom: 15px;
		border-bottom: 1px solid #DF9926 !important;
		border: 0;
	}

	#locations ul.nav > li {
		float: none;
		margin-right: 0px;
		margin-bottom: 15px;
		border-bottom: 1px solid #DF9926 !important;
		border: 0;
	}
    
}
/*-------------------------------- Location With Image css end ------------------------------ */

/*--------------------------------------------------------------
# navigation-block start
--------------------------------------------------------------*/
#about_us
{
	padding: 75px 0;
}	
.gradient-color-aboutus {
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 450px;
}
.circle-grid {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.circle-grid:before, .circle-grid:after {
	content: normal;
}
.circle-grid > [class*="col-"] {
	margin-bottom: 20px;
}
.circle-grid .eqh-box {
	position: relative;
	height: 100%;
	padding-bottom: 20px;
	overflow: hidden;
}
.circle-grid .eqh-box .btn-bottom {
	position: absolute !important;
	bottom: 0px;
	padding: 15px;
	margin: 0;
}
.circle-grid .view-more {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	color: #000;
	margin-top: 10px;
	text-decoration: none;
	position: relative;
	left: 0;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.circle-grid .view-more:hover, .circle-grid .view-more:focus{
	color: #000;
	text-decoration: none;
	left: 10px;
}
.border-line {
	border: 1px solid #000000;
	padding: 15px;
	margin-bottom: 30px;
	background-color: #fff;
}
.border-line:hover .head-abtus-bdr {
	width: 65px;
}
.head-abtus {
	font-size: 25px;
	line-height: 27px;
	letter-spacing: -0.5px;
	color: #000;
	font-weight: 900;
}
.head-abtus-bdr {
	background-color: #f5a623;
	display: block;
}
.head-abtus-bdr {
	width: 50px;
	height: 5px;
	margin: 10px 0;
	transition: all 0.5s ease 0s;
}
@media screen and (max-width: 1024px) {
.gradient-color-aboutus {
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 450px;
}
.circle-grid .view-more:hover, .circle-grid .view-more:focus {
	left: 0px;
}
.border-line:hover .head-abtus-bdr {
	width: 44px;
}
.head-abtus-bdr {
	background-color: #f5a623;
	display: block;
}
.head-abtus-bdr {
	width: 44px;
	height: 4px;
	margin: 10px 0;
}
}
@media screen and (max-width: 767px) {
.gradient-color-aboutus {
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 450px;
}
.border-line {
	border: 1px solid #000000;
	padding: 15px;
	margin-bottom: 30px;
	background-color: #fff;
}
.head-abtus {
	font-size: 22px;
}
.head-abtus-bdr {
	width: 44px;
	height: 4px;
	margin: 10px 0;
}
.head-abtus-bdr {
	background-color: #f5a623;
	display: block;
}

}

.list-sub-text {
    display: block;
    font-size: 16px;
    font-weight: 300;
}

.bg-queries {
	background-color: #f2f2f2;
	color: #000;
	position: relative;
	height: 100%;
}
.pdg-queries {
	padding: 65px 15px 15px;
} 
/*-------------------------------- Navigation block end------------------------------ */
/*--------------------------------  ContactUs css start------------------------------ */
.white-color {          
    color: #ffffff;
} 
#contact_us .expand {
    cursor: pointer;
}

.btn-no-effect {           
    border-radius: 0;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 12px 40px;
    text-decoration: none;
    display: inline-block;
}

.reques-btn {              
    border: 1px solid #000;
    color: #fff;
    min-width: 180px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-weight: 900;
    margin-top: 0px;
    background-color: #000;
}

a.reques-btn:before {    
    background-color: #000;
}

a.reques-btn:hover:before {        
    width: 0%;
}

a.reques-btn:hover {       
    color: #000;
    background-color: transparent;
}

#contact_us {                 
	padding: 75px 0;
	background-color: #963596;
}

.countries-list {
	background-color: #d0b5d5;
	display: none;
	height: 100%;
	padding: 30px;
	position: absolute;
	width: 100%;
	z-index: 1;
}

.countries-list > ul {
	padding: 15px 0;
}

.countries-list > ul > li {
	list-style-type: none;
	margin-bottom: 10px;
}

.countries-list > ul > li > a {
	color: #000;
	display: inline-block;
}

.closeWrpr1 {
	cursor: pointer;
	height: 38px;
	position: absolute;
	right: 15px;
	top: 15px;
	transform: rotate(45deg);
	width: 38px;
	z-index: 1;
}

.cnt_us_txt {
	font-size: 65px;
	line-height: 73px;
	font-weight: 900;
}

.border {
	border: 1px solid rgba(255,255,255,0.2);
	float: left;
	position: relative;
	width: 100%;
}

.border-rgt {
	border-right: 1px solid rgba(255,255,255,0.2);
}

.border-btm {
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

.cntry-nme {
	padding: 75px 0;
	display: block;
	color: #fff;
	font-size: 25px;
	text-align: center;
	font-weight: 600;
	text-decoration: none;
}

.cntry-nme:focus {
	color: #fff;
	text-decoration: none;
}

.cntry-nme:hover {       
	background-color: #D0B5D5;
	color: #000;
}

.contact-feedback {
	font-size: 20px;
    margin-bottom: 25px;     
}

@media screen and (max-width: 1024px){

	.reques-btn {
		padding-bottom: 10px;
		padding-top: 10px;
	}
	       
	.cnt_us_txt {
		font-size: 50px;
		line-height: 60px;
		font-weight: 900;
	}
	
	.cntry-nme {
		font-size: 20px;
	}
}

@media screen and (max-width: 992px) {
	.reques-btn {
		padding-bottom: 10px;
		padding-top: 10px;
	}

	.cnt_us_txt {
		font-size: 36px;
		font-weight: 900;
		line-height: 50px;
	}
}
@media screen and (max-width: 767px) {
	.btn-no-effect {           
		border-radius: 0;
		font-size: 14px;
		font-weight: 600;
		letter-spacing: 1px;
		padding: 12px 40px;
		text-decoration: none;
		display: inline-block;
	}
	
	.reques-btn {
		padding-bottom: 10px;
		padding-top: 10px;
	}

	.countries-list {
		padding: 0;
	}

	.cnt_us_txt {
		font-size: 30px;
		font-weight: 900;
		line-height: 35px;
	}
	
	.border-rgt-xs {
		border-right: 1px solid rgba(255, 255, 255, 0.2);
	}
	
	.cntry-nme {
		font-size: 16px;
	}
}

@media screen and (max-width: 320px) {
	.cntry-nme {
		font-size: 14px;
	}
}
/*--------------------------------  ContactUs css start------------------------------ */
/*-------------------------------- ImageTiles css start------------------------------ */
.plus-row {
    color: #FFFFFF;
}

.plus-row img {
    max-width: 100%;
}

.eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

/*.eq-height [class*="col-"] {
	margin-bottom: 25px;
}
*/
.eq-height a > .eqh-box {
    font-size: 18px;
    font-weight: 300;
}

bg-topaz-medium {
    background-color: #DF9926;
}

.plus-row .eqh-box {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 15px;
}

.eqh-box {
    position: relative;
    height: 100%;
    overflow: hidden;
    padding-bottom: 50px;
}

.relative {
    position: relative;
}

.plus-row .eqh-box .h3 {
    font-size: 25px;
	line-height: 30px;
}

.plus-row .eqh-box .btn-bottom {
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    margin-bottom: 0;
    bottom: 20px;
	position: absolute;
}

@media screen and (max-width: 767px) {
	.h3 {
		line-height: 25px;
	}
}
/*-------------------------------- ImageTiles css end------------------------------ */

/*--------------------------------Calendar css start ------------------------------ */


#main-text-body .h1-heading {
    margin-bottom: 15px;
}

.main-text-body-investors h1 {
    font-size: 80px;
    font-family: 'tungstenw05-medium', 'Oswald', sans-serif;
    font-weight: 500;
    line-height: 80px;
    margin: 15px 0;
}


.ms-rtestate-field h1 {
	color: inherit;
}



#main-text-body h3, #main-text-body h4, #main-text-body h5, #main-text-body h5 > a, #main-text-body h6 {
    margin-bottom: 15px;
    margin-top: 0;
    font-weight: 900;
    letter-spacing: -1px;
}

.main-text-body-investors h4 {
    font-size: 25px;
}

.table-wrap {
    margin-bottom: 15px;
}

.table-wrap table {
    border: 1px solid #ddd;
    width: 100%;
}

.table-wrap table tr th {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    background-color: #f1f1f1;
    padding: 10px 5px;
    border: 1px solid #ddd;
}

.table-wrap table tr td {
    font-size: 16px;
    color: #3F3F3F;
    font-weight: 400;
    padding: 10px;
    word-wrap: break-word;
    border: 1px solid #ddd;
}

@media screen and (max-width: 1024px) {
	.main-text-body-investors h4 {
		font-size: 20px;
	}
	
	.table-wrap table {
		border: 0px solid #ddd;
	}
	
	.table-wrap table thead {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.table-wrap table tr {
		border: 1px solid #ccc;
		display: block;
		padding: 0px;
		margin-bottom: 20px;
	}
	
	.table-wrap table tr th {
		border-bottom-width: 1px;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	
	.table-wrap table tr td {
		border: none;
		border-bottom: 1px solid #ccc;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align: left;
		display: block;
	}
	
	.table-wrap table td:before {
		content: attr(title);
	}
	
	.table-wrap table td:before {
		font-size: 16px;
		color: #000;
		text-align: left;
		font-weight: 600;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 45%;
		padding-right: 10px;
		height: 100%;
		background-color: #f1f1f1;
		padding-left: 10px;
		border-bottom: 1px solid #fff;
		padding-top: 10px;
	}
}

@media screen and (max-width: 767px) {
	.main-text-body-investors h1 {
		font-size: 40px;
		line-height: 40px;
		margin-top: 25px;
	}
	
	.main-text-body-investors h4 {
		font-size: 20px;
	}
	
	.table-wrap table {
		border: 0px solid #ddd;
	}
	
	.table-wrap table thead {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.table-wrap table tr {
		border: 1px solid #ccc;
		display: block;
		padding: 0px;
		margin-bottom: 20px;
	}
	
	.table-wrap table tr th {
		border-bottom-width: 1px;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	
	.table-wrap table tr td {
		padding: 10px 10px 10px 50%;
		font-size: 14px;
	}
	
	.table-wrap table td:before {
		content: attr(title);
	}
	
	.table-wrap table td:before {
		font-size: 14px;
		color: #000;
		text-align: left;
		font-weight: 600;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 45%;
		padding-right: 10px;
		height: 100%;
		background-color: #f1f1f1;
		padding-left: 10px;
		border-bottom: 1px solid #fff;
		padding-top: 10px;
	}
}
/*Calendar CSS Updated By Swagata.Chaudhuri*/
#main-text-body ul > li, #press_releases ul > li, #content-container ul > li, .content-inner ul > li, #solution ul > li, ul.list-items > li {
	display: block;
	padding-left: 20px;
	background-image: url(../../../content/dam/infosys-web/en/global-resource/background-image/right-chevron-blue.svg);
	background-repeat: no-repeat;
	background-position: 0 8px;
}
#main-text-body ul > li, #main-text-body ol > li, #content-container ul > li, #solution ul > li, .content-inner ul > li, ul.list-items > li {
	margin-bottom: 14px;
}
/*body ul {
    font-size: 18px;
    margin-bottom: 25px;
}*/
.googleCalendar{
	background-image: url(../../../content/dam/infosys-web/en/global-resource/responsive/google.svg);
	background-repeat: no-repeat;
	background-position: 7px 50%;
	background-size: 16px auto;
}
.yahooCalendar{
	background-image: url(../../../content/dam/infosys-web/en/global-resource/responsive/yahoo.svg);
	background-repeat: no-repeat;
	background-position: 7px 50%;
	background-size: 16px auto;
}
.appleCalendar{
	background-image: url(../../../content/dam/infosys-web/en/global-resource/responsive/apple.svg);
	background-repeat: no-repeat;
	background-position: 7px 50%;
	background-size: 16px auto;
}
.outlookCalendar{
	background-image: url(../../../content/dam/infosys-web/en/global-resource/responsive/microsoft.svg);
	background-repeat: no-repeat;
	background-position: 7px 50%;
	background-size: 16px auto;
}

/*Calendar CSS Updated By Swagata.Chaudhuri*/
/*--------------------------------Calendar css end ------------------------------ */
/*offerings start*/
/*-- Our Offerings --*/
#offering-locations {
	padding: 0;
}
#offering-locations ul.offering-list li:hover {
    background: none !important;
}
ul.offering-list li img {
    margin-right: 5px;
    max-width: 30px;
}
ul.offering-list li:hover span {
    left: 5px;
} 
ul.offering-list li span {
	position: relative;
	left: 0;
	transition: all 0.3s ease 0s;
}
h2.mb3 {
    font-size: 70px;
}
.mb3 {
    margin-bottom: 30px !important;
}
.offering-hover {
	position: relative;
}
.offerings-hover {
	display: block!important;
	opacity: 0.4;
	position: relative;
}
.border-left {
	width: 20px;
	height: 0%;
	position: absolute;
	left: 0;
	background-color: #DF9926;
	transition: all 0.5s;
}
.offering-hover:hover .border-left {
	height: 100%;
}
.offering-title {
	font-size: 40px;
	color: #000000;
	font-weight: 900;
	line-height: 40px;
	letter-spacing: -1px;
}
ul.offering-list {
	padding: 0px;
}

ul.offering-list li {
	line-height: 26px;
	padding-bottom: 10px;
}

ul.offering-list li {
    list-style-type: none;
    font-size: 18px;
    padding-left: 40px;
    background-position: 3px 10px;
    transition: all 0.5s;
    /*line-height: 32px;*/
}

ul.offering-list li:hover {
    background: url(../../../content/dam/infosys-web/en/global-resource/background-image/list-arrow.png);
    background-repeat: no-repeat;
	background-position: 10px 10px;
}
ul.offering-list li a {
	font-size: 20px;
	color: #000;
	font-weight: 400;/*text-transform: capitalize;*/
	line-height: 25px;
}
.yellow-dot2 {
	display: none;
}
.redefine-bg {
	padding: 60px;
	background: url(../../../content/dam/infosys-web/en/global-resource/responsive/newdesign/offeringImg.png);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.assistedge {
	width: 90px;
}
.redefine-title {
	font-size: 40px;
	color: #fff;
	font-weight: 900;
}
.redefine-text {
	width: 80%;
	font-size: 15px;
	color: #ffffff;
	padding-top: 5px;
	line-height: 20px;
	text-align: left;
	font-weight: 400;
}
.case-study {
	padding: 30px;
	background-color: #00539a;
}
.case-heading {
	font-size: 15px;
	color: rgba(255,255,255,0.8);
	font-weight: 400;
	margin-bottom: 0px;
	letter-spacing: 1.5px;
}
.case-content {
	font-size: 20px;
	color: #ffffff;
	line-height: 25px;
	font-weight: 700;
}
.case-increase {
	font-size: 15px;
	color: #DF9926;
	font-weight: 400;
}
.view-case {
	margin-top: 10px;
}
.view-case a {
	font-size: 14px;
	color: #fff;
	display: inline-block;
	border: 1px solid #fff;
	padding: 10px 30px;
	text-transform: uppercase;
	font-weight: 900;
	letter-spacing: 1px;
}
.opportunities {
	padding: 60px 60px;
	background: url(../../../content/dam/infosys-web/en/global-resource/background-image/careers.jpg);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: top -85px left;
	float: left;
	width: 100%;
}
.opportunit-text {
	margin-bottom: 0px;
	font-size: 45px;
	color: #ffffff;
}
.career-btn {
	border: 1px solid #fff;
	background-color: #fff;
	text-align: center;
	margin-top: 20px;
	letter-spacing: 1.5px;
	padding: 12px 20px 11px;
	font-size: 14px;
	font-weight: 900;
	color: #000;
	text-transform: uppercase;
	display: inline-block;
}
.career-btn:hover {
	color: #fff;
	border: 1px solid #fff;
	background-color: transparent;
}
.reques-btns {
	font-size: 14px;
	color: #000 !important;
	padding-bottom: 10px !important;
	padding-top: 10px !important;
	text-transform: uppercase !important;
	font-weight: 900;
	display: inline-block;
	text-align: center;
	margin-right: 40px;
	letter-spacing: 1.5px;
	line-height: 26px;
}
.reques-btns:after {
	content: '';
	display: block;
	margin: auto;
	height: 3px;
	width: 0px;
	background-color: transparent;
	transition: width .5s ease, background-color .5s ease;
}
.reques-btns:hover:after {
	width: 100%;
	background-color: #000;
}
.reques-btn {
	border: 1px solid #000 !important;
	color: #fff !important;
	min-width: 180px;
	padding-bottom: 10px !important;
	padding-top: 10px !important;
	text-transform: uppercase !important;
	font-weight: 900;
	margin-top: 0px !important;
	background-color: #000 !important;
}
a.reques-btn:hover {
	color: #000 !important;
	background-color: transparent !important;
}
a.reques-btn:before {
	background-color: #000 !important;
}
a.reques-btn:hover:before {
	width: 0%;
}
.case-btn {
	border: 1px solid #fff !important;
	color: #fff !important;
	padding: 10px 28px !important;
	text-transform: uppercase !important;
	font-weight: 400;
	margin-top: 10px !important;
}
.case-btn:hover {
	color: #fff !important;
	border: 1px solid #000 !important;
}

/*--------------------------------------------------------------
# Our Offerings - Tablet (Portrait 992px)
--------------------------------------------------------------*/
@media screen and (max-width: 992px) {
    /*-- Our Offerings --*/
    .redefine-title {
        font-size: 30px;
    }
    .offerings-row {
        padding-left: 8px;
    }
    .mb-sm-20 {
        margin-bottom: 20px;
    }
    /*-- Our Experts --*/
    .expert-name {
        font-size: 20px;
    }
    /*-- Request for services --*/
    .txt-request {
        font-size: 20px;
        line-height: 25px;
    }
}

/*--------------------------------------------------------------
# Our Offerings - Mobile (Landscape 1024px)
--------------------------------------------------------------*/
@media screen and (max-width: 1024px) {        
    #our_products, #our_offerings {
        padding-bottom: 0;
    }
    #offering-locations ul.offering-list li {
    	background: none !important;
	}
	#offering-locations .offering-title {
    	font-size: 30px;
    	line-height: 30px;
	}
    #offering-locations ul.offering-list li {
    	padding-left: 0;
	}
    .offering-hover {
        margin-left: 15px;
        margin-right: 15px;
    }
    .border-left {
        display: none;
    }
    .offerings-row {
        margin-left: 0;
        padding-right: 0;
    }
	.offering-title {
        font-size: 35px;
    }
	 ul.offering-list li {
		background: url(../../../content/dam/infosys-web/en/global-resource/background-image/arrow-right.png);
		background-repeat: no-repeat;
		background-position: 10px 9px;
		background-size: 20px 20px;
	}
}

/*--------------------------------------------------------------
# Our Offerings - Mobile (Landscape 767px)
--------------------------------------------------------------*/
@media screen and (max-width: 767px) {
    .service-offering ul.offering-list li {
		padding-left: 40px;
		margin-bottom: 0;
    	background: url(../../../content/dam/infosys-web/en/global-resource/background-image/arrow-right.png);
        background-repeat: no-repeat;
		background-position: 10px 10px;
		background-size: 20px 20px;	
	}
	
	#offering-locations ul.offering-list li:hover {
    	background: none !important;
	}
     #offering-locations h2 {
    	font-size: 40px;
	}
    #offering-locations .offerings-row {
    	padding-left: 0;
        margin-left: 0;
	}
    .redefine-bg {
        padding: 60px 20px;
    }
    .redefine-title {
        font-size: 25px;
    }
    .offerings-row {
        padding-left: 0px;
    }
    .opportunit-text {
        font-size: 25px;
        font-weight: 400;
        line-height: 30px;
    }
    .opportunities {
        background-position: top left;
    }
    .submit-btn {
        color: #fff;
        padding: 10px 50px;
        border: 1px solid #f6a623;
        background-color: #f6a623;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        font-weight: 900;
    }
    .submit-btn:hover {
        border: 1px solid #757575;
        background-color: transparent;
        color: #757575;
    }
	.offering-hover {
        margin-left: 15px;
        margin-right: 15px;
    }
    .offering-title {
        font-size: 25px;
    }
}
/*--------------------------------Offerings end------------------------------ */
/*offering with image start*/
.portfolio
{
    padding: 75px 0;
}
ul.offering-list li:hover span {
    left: 5px;
} 
ul.offering-list li span {
	position: relative;
	left: 0;
	transition: all 0.3s ease 0s;
}
.border-left {
    width: 20px;
    height: 0%;
    position: absolute;
    left: 0;
    background: #DF9926;
    transition: all 0.5s;
}
.offering-title {
	font-size: 35px;
	color: #000000;
	font-weight: 900;
	line-height: 40px;
	letter-spacing: -1px;
} 
#offering-locations .offerings-row {
    border-top: 1px solid #858585;
    margin-left: 15%;
    padding-top: 20px;
    padding-bottom: 20px;
    opacity: 1;
    transition: 0.5s all;
}

.offering-title {
    font-size: 40px;
    color: #000000;
    font-weight: 900;
    line-height: 40px;
}

ul.offering-list {
    padding: 0px;
}
ul.offering-list li img {
    margin-right: 5px;
    max-width: 30px;
}

ul.offering-list li span {
    position: relative;
    left: 0;
    transition: all 0.3s ease 0s;
}

.offeringwithimagevar2-container-animation-up{
visibility: visible;
-webkit-animation-delay: 0.3s;
-moz-animation-delay: 0.3s;
animation-delay: 0.3s;
}

@media (max-width: 1024px) {
	.offering-hover {
		margin-left: 15px;
		margin-right: 15px;
	}
	
	.border-left {
		display: none;
	}

	.offerings-row {
		margin-left: 0;
		padding-left: 25px;
		padding-right: 0px;
	}
	
	.offering-title {
		font-size: 35px;
	}

}
@media screen and (max-width: 992px)
{
	.offerings-row {
		padding-left: 8px;
	}
}

@media (max-width: 767px) {
	h2 {
		font-size: 40px;
	}

	.offerings-row {
		padding-left: 0;
	}
	
	.offerings-row [class*="col-"] {
		margin-bottom: 0px;
	}
	
	.offering-title {
		font-size: 25px;
		line-height:20px;
        letter-spacing:-1px; 
    }
	/*ul.offering-list li {
		padding-left: 0px;
		margin-bottom: 20px;
    	background: none;
	}*/
	.mb-sm-20{
		margin-bottom: 20px !important;
	}
}	
/*offering with image end*/


/*--------------------------------  Accordion css start------------------------------ */
/*-------------------------------- Digital Process------------------------------ */
#success-stories {
    background-color: #D9502E;
}
section#success-stories.stories_index {
    background: none;
}
#navigation-band .eq-height .eqh-box img{
	width:auto;
}
.heading-margin {
 margin-top: 40px;
}

/*.container-left-margin {
	padding-left: 56.50px;

}*/
.text-white {
    color: #fff !important;
}
.white-color {
    color: #ffffff !important;
}
.fontweight900 {
    font-weight: 900;
}

.white-line {
    background: #fff;
    content: "";
    display: inline-block;
    height: 7px;
    width: 60px;
}
.panel {
    border: 0px;
    border-bottom: transparent;
    background: #fff;
}
.panel-heading {
    border-radius: 4px;
    color: #231f20;
    padding: 25px 15px;
}
.panel-custom>.panel-heading {
    background-color: #fff;
    /* box-shadow: 0 0 4px #cccccc; */
}
.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
    color: inherit;
    display: block;
    outline: none;
    text-decoration: none;
    padding-left: 40px;
    position: relative;
}


.panel-body {
    padding: 30px 40px;
    /* background-color: #b72e0c; */
    background-color: #faa41a;
    /*color: #fff;*/
    position: relative;
    overflow: hidden;
}

.success-stories .panel-body {
    background-color: #faa41a;
        }            
.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: medium none;
    /*color: #fff;*/
    /*font-size: 21px;*/
	font-size: 19px;
    font-weight: 400;
    /* padding: 8%; */
}
.panel-group .panel {
    border-radius: 4px;
    margin-top: 8px;
}

.panel-group .panel+.panel {
 margin-top: 8px !important;
}

#success-stories .panel-title {
    color: inherit;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 0;
    margin-top: 0;
}

#accordion .panel-title i.glyphicon {
    font-size: 200%;
    -moz-transition: -moz-transform 0.5s ease-in-out;
    -o-transition: -o-transform 0.5s ease-in-out;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    left: 0;
    position: absolute;
    top: -7px;
}

.rotate-icon {
    -webkit-transform: rotate(-225deg);
    -moz-transform: rotate(-225deg);
    transform: rotate(-225deg);
} 
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    }

.margintop-md-20 {
    margin-top: 20px;
}    

/*-------------------------------- API-Economy------------------------------ */
#case_studies .panel-body {
    background-color: #d78b13;
        }

#case_studies p{
	font-size: 18px;
}

#case_studies .panel-title {
    font-size: 19px;

}

/*-------------------------------- Cyber-Security------------------------------ */
#services {
    background-color: #D9502E;
}
#services .panel-title {
    font-size: 19px;

}

img.panel-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    opacity: 0.3;
    z-index: -1;
}

/*-------------------------------- Internet of things------------------------------ */

#section6 {   
    background-image: url("../../../content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/bg2.jpg");   
  	background-color: #231f20;    
}

#section6 .panel-title {
    font-size: 19px;

}

h2.head-section3 {
    font-size: 63px;
    font-weight: bold;
    color: #000!important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

h4.head-section3 {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.4;
}

.internet-margin {
margin-bottom: 50px;
    }        



/*-------------------------------- Products and platforms------------------------------ */


/*section {
    padding: 100px 0;
}*/
#features {
    
    color: #fff;

}
#features .h2 {
    font-size: 4rem;
    line-height: 4rem;
    font-weight: 500;
    font-family: 'tungstenw05-medium', 'Oswald', sans-serif;
    margin: 0 0 1rem;
}

#features .accordion-custom .panel {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background-color: transparent;
}

#features .accordion-custom .panel-default {
    float: left;
    width: 100%;
    border-color: transparent;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}    
#features .accordion-custom .panel-default > .panel-heading {
    background-color: rgba(76,5,25, 0.1);
    border-color: transparent;
    position: relative;
    padding: 10px 20px;
    border-radius: 36px;
}   

#features .accordion-custom .panel-title a {
    padding-left: 3px;    
    font-size: 22px;
    color: #FFFFFF;
    font-weight: 500;
    display: block;
    padding-right: 30px;
}    

#features .accordion-custom .panel-title > a.collapsed:before {
    content: "\f067";
    font-size: 30px;
    line-height: -moz-block-height;
    position: absolute;
    right: 1px;
    bottom: -15px;
    top: 50%;
    transform: translateY(-50%);
}

#features .accordion-custom .panel-title > a:before {
	font-family: FontAwesome;
    content: "\f068";
    font-size: 30px;
    line-height: -moz-block-height;
    letter-spacing: -0.0625em;
    position: absolute;
    right: 1px;
    bottom: -15px;
    top: 50%;
    transform: translateY(-50%);
}

#features .panel-body {
    padding: 20px;
    margin-left: 0px;

}

#features .panel-heading + .panel-collapse > .panel-body ul > li {
    background-image: url(../../../content/dam/infosys-web/en/products-and-platforms/wingspan/Images/right-arrow-white.png);
    background-position: 0 8px;
    margin-bottom: 10px;
    line-height: 30px;
    background-repeat: no-repeat;
}        

.features-list ul {
    padding: 0;
}        

.features-list ul > li {
    list-style-type: none;
    padding-left: 25px;
}        
/*-------------------------------- Subsidairies------------------------------ */

#main-text-body .sub-font {
 font-family: myriad-pro, Arial;
}

/*#main-text-body {
    padding: 75px 0 0 0;affecting other css maintext content in sap pages

}*/

#main-text-body h3, #main-text-body h4, #main-text-body h5, #main-text-body h5 > a, #main-text-body h6 {
    margin-bottom: 15px;
    margin-top: 0;
    font-weight: 900;
    letter-spacing: -1px;
}
#main-text-body h4 {
    font-size: 30px;
}




#main-text-body .accordion-custom .panel-default > .panel-heading + .panel-collapse > .panel-body {    
    padding-top: 0px;
    padding-bottom: 0px;
}

#main-text-body .accordion-custom .panel-title a {    
    padding-left: 0px;
	font-family: myriad-pro, Arial;
    line-height: 44px;
}

#main-text-body .accordion-custom .panel-body {    
	font-family: myriad-pro, Arial;
    line-height: 37px;
    font-weight: 300;
}

.sub-font {
   font-family: myriad-pro, Arial;
}

/*---------------------------Java Scritp for Roration icon zoomOut and zoomIn-----------------------------------*/

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s
}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}

#accordion .panel-title i.glyphicon{
    -moz-transition: -moz-transform 0.5s ease-in-out;
    -o-transition: -o-transform 0.5s ease-in-out;
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
}

.rotate-icon {
    -moz-transform:rotate(-225deg);
    -webkit-transform:rotate(-225deg);
    transform:rotate(-225deg);
}        

.rotate-icon {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}

/*-------------------------------Workplace-transformation---------------------------------*/   

#offerings {
      /* background-color: #D9502E; */
} 
.title-center {
    /* font-size: 72px; */
    font-size: 45px;
    font-weight: 900;
}
.white-color {
    color: #ffffff !important;
}
#offerings .panel-title {
    color: inherit;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 0;
    margin-top: 0;
}  

#offerings .panel-body {
    padding: 30px 40px;
    /* background-color: #b72e0c; */
    background-color: #faa41a;
    color: #fff;
    position: relative;
    overflow: hidden;
}    

#offerings .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: medium none;
    /* color: #fff; */
    color: #000;
    /* padding: 50px; */
    /* padding: 35px; */
    /* min-height: 450px; */
}  
#offerings .work-font-size-family {         
    font-size: 18px;
    font-weight: 200;        
  }

.offerings-ul li {
    background: url(../../../content/dam/infosys-web/en/services/big-data-testing/Images/arrow-grey.png);
    list-style-type: none;
    padding-left: 22px;
    background-position: 0 7px;
    background-repeat: no-repeat;
    margin-bottom: 5px;
    transition: all 0.5s ease 0s;
}    

.panel-title a {
    font-family: myriad-pro, myriad-pro-condensed;
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
}   

.panel-body {
    font-family: myriad-pro, myriad-pro-semi-condensed;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}      

@media screen and (max-width: 1024px) {
     #main-text-body h4 {
	font-size: 25px;
	} 
    #main-text-body h3, #main-text-body h4, #main-text-body h5, #main-text-body h5 > a, #main-text-body h6 {
	margin-bottom: 15px;
	margin-top: 0;
	font-weight: 900;
	letter-spacing: -1px;
}      
    .accordion-custom .panel-default > .panel-heading + .panel-collapse > .panel-body {
        padding: 15px !important;
        padding-left: 0 !important;
    }

}

@media screen and (max-width: 767px) {
	#main-text-body .accordion-custom .panel-title a {
        line-height: 1.1;
    }

    #main-text-body .accordion-custom .panel-default > .panel-heading + .panel-collapse > .panel-body {
		padding: 15px;
        padding-left: 0;
    }

    .accordion-custom .accordion-txt/*, #main-text-body ul- affect sap pages content*/ {
		padding-right: 30px;
        line-height: 32px;
	}
    #main-text-body h4 {
	font-size: 22px;
    }
    #main-text-body h3, #main-text-body h4, #main-text-body h5, #main-text-body h5 > a, #main-text-body h6 {
	margin-bottom: 15px;
	margin-top: 0;
	font-weight: 900;
	letter-spacing: -1px;
}
}
/*--------------------------------  Accordion css end------------------------------ */
ul.list-items > li {
	display: block;
	padding-left: 20px;
	background-image: url(../../../content/dam/infosys-web/en/global-resource/background-image/right-chevron-blue.svg);
	background-repeat: no-repeat;
	background-position: 0 8px;
}
/*--------------------------------------------------------------
# Global CSS
--------------------------------------------------------------*/
.z-index-1{
	z-index: 1;
}
.p15{
	padding:15px;
}
/*--------------------------------------------------------------
# Success Stories - Desktop
--------------------------------------------------------------*/

.thumbnail {
	border: none;
	padding: 0px;
	padding-right:15px;
	margin-bottom: 0;
	border-radius:unset;
}
.item.list-group-item {
	float: none;
	width: 100%;
	margin-bottom: 0;
	border: none;
}
.list-group-image {	
	display: block;
	height: auto;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.item.list-group-item .list-group-image {
	float: right;
	padding: 0 15px;
	width:25%;
}
.list-group-item{
	background:none;
}
.item.list-group-item .thumbnail {
	margin-bottom: 0px;
}
.caption-text {
	position: relative;
}
.thumbnail .caption-text {
	padding-left: 15px;
	color: #333;
}
.item.list-group-item .caption-text {
	padding-left: 15px;
}
.item.list-group-item:before, .item.list-group-item:after {
	display: table;
	content: " ";
}
.item.list-group-item:after {
	clear: both;
}
.list-group-item-text {
	margin: 0 0 11px;
}

.listtogrid-text{
	font-size: 22px;
	color: #000;
	font-weight: 400;
	line-height: 29.5px;
	letter-spacing: -0.5px;
	margin-bottom: 20px;
}
.bg-files{
	top:236px;
	opacity: 0.5;
}
.bg-files-list{
	top:unset;
	bottom:10px;
	width:80px;
}
.tag-close-grid{
	top:215px;
	bottom:unset;		
}
.btn-list{
	font-size:30px;
	line-height: 38px;
	color:#777;
}
.btn-list.active{
	color:#000;
	box-shadow: unset;
}
.successstories-nav{
	font-size:17px;
	line-height:52px;
	font-weight:400;
}
.successstories-nav a{
	color:#777;
}
.successstories-nav.active{	
	border-bottom:4px solid #f5a623;
}
.successstories-nav.active a{
	color:#000;
}
.select-nav-top-xs{
	display: none;
}
.nav-top-xs-align{
	list-style: none;
	margin-left:5px;
	padding-left:5px;
	margin-bottom: 0;
}
.nav-top-xs-align li{
	display: inline-block;
	margin-left:5px;
	margin-right: 5px;
}
.prlst-para {
	font-size: 22px;
	line-height: 25px;
	color: #000;
	font-weight: 400;
	display: block;
	padding-top: 15px;
}
.articlecontainer #pr_list.bg-pattern{
	height: auto;
}
/* -- social share -- */
ul.social-tag > li.last {
    margin-right: 0px;
    position: relative;
}
ul.social-share-pr > li > a {
    font-size: 18px;
    color: rgb(51, 51, 51);
}
ul.social-share-st-align > li{
	left:15%;
}
ul.social-share-st-grid > li{
	left:60%;	
}
ul.social-share-st-grid > li.slideout{
    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 40px;
    padding: 5px;
    text-align: center;
    width: 40px;
}
.list-group-item .social-tag, .grid-group-item .social-tag {
	position: relative;
}
.trigger-share-pr, ul.social-share-pr > li {
	position: absolute;
	top: 0;
	-webkit-transition: .1s linear;
	transition: .1s linear;
	border: none;
}
ul.social-share-pr > li {
	display: none;
	right: -5px;
	top: -11px;
}
.list-group-item ul.social-share-pr, .grid-group-item ul.social-share-pr {
    position: absolute;
    top: 7px;
    left: 35px;
}
ul.social-share-st-grid > li.slideout:nth-child(1) {
	-webkit-transform: translateX(0px) translateY(-45px);
	-moz-transform: translateX(0px) translateY(-45px);
	-ms-transform: translateX(0px) translateY(-45px);
	-o-transform: translateX(0px) translateY(-45px);
	transform: translateX(0px) translateY(-45px);
}
ul.social-share-st-grid > li.slideout:nth-child(2) {
	-webkit-transform: translateX(0px) translateY(-76px);
	-moz-transform: translateX(0px) translateY(-76px);
	-ms-transform: translateX(0px) translateY(-76px);
	-o-transform: translateX(0px) translateY(-76px);
	transform: translateX(0px) translateY(-76px);
}
ul.social-share-st-grid > li.slideout:nth-child(3) {
	-webkit-transform: translateX(0px) translateY(-108px);
	-moz-transform: translateX(0px) translateY(-108px);
	-ms-transform: translateX(0px) translateY(-108px);
	-o-transform: translateX(0px) translateY(-108px);
	transform: translateX(0px) translateY(-108px);
}
ul.social-share-st-grid > li.slideout:nth-child(4) {
	-webkit-transform: translateX(0px) translateY(-140px);
	-moz-transform: translateX(0px) translateY(-140px);
	-ms-transform: translateX(0px) translateY(-140px);
	-o-transform: translateX(0px) translateY(-140px);
	transform: translateX(0px) translateY(-140px);
}

@media all and (max-width: 1024px) {
/*--------------------------------------------------------------
# Global CSS
--------------------------------------------------------------*/
	.p15{
		padding:15px;
	}
/*--------------------------------------------------------------
# Success Stories - Tablet
--------------------------------------------------------------*/

	.thumbnail {
		border: none;
		padding: 0px;
		margin-bottom: 0;
		border-radius:unset;
	}
	.item.list-group-item {
		float: none;
		width: 100%;
		margin-bottom: 0;
		border: none;
	}
	.list-group-image {		
		display: block;
		height: auto;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.item.list-group-item .list-group-image {
		float: right;
		padding: 0 15px;
		width:25%;
	}
	.list-group-item{
		background:none;
	}	
	.item.list-group-item .thumbnail {
		margin-bottom: 0px;
	}
	.caption-text {
		position: relative;
	}
	.thumbnail .caption-text {
		padding-left: 15px;
		color: #333;
	}
	.item.list-group-item .caption-text {
		padding-left: 15px;
	}
	.item.list-group-item:before, .item.list-group-item:after {
		display: table;
		content: " ";
	}	
	.item.list-group-item:after {
		clear: both;
	}
	.list-group-item-text {
		margin: 0 0 11px;
	}
	.listtogrid-text{
		font-size: 16px;
		color: #000;
		font-weight: 400;
		line-height: 22px;
		letter-spacing: -0.5px;
		margin-bottom: 20px;
	}	
	.bg-files{
		top:137px;
		opacity: 0.5;
	}	
	.bg-files-list{
		top:unset;
		bottom:10px;
		width:80px;
	}
	.tag-close-grid{
		top:170px;
		bottom:unset;		
	}
	
	.btn-list{
		font-size:30px;
		line-height: 38px;
		color:#777;
	}
	.btn-list.active{
		color:#000;
		box-shadow: unset;
	}
	.successstories-nav{
		font-size:17px;
		line-height:52px;
		font-weight:400;
	}
	.successstories-nav a{
		color:#777;
	}
	.successstories-nav.active{	
		border-bottom:4px solid #f5a623;
	}
	.successstories-nav.active a{
		color:#000;
	}
	.select-nav-top-xs{
		display: none;
	}
	.nav-top-xs-align{
		list-style: none;
		margin-left:5px;
		padding-left:5px;
		margin-bottom: 0;
	}
	.nav-top-xs-align li{
		display: inline-block;
		margin-left:5px;
		margin-right: 5px;
	}
	
	/* -- social share -- */	
	ul.social-share-st-align > li{
		left:18%;		
	}
	ul.social-share-st-grid > li{
		left:76%;		
	}
	ul.social-share-st-grid > li.slideout{
		background-color: #fff;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		height: 40px;
		padding: 5px;
		text-align: center;
		width: 40px;
	}
	ul.social-share-st-grid > li.slideout:nth-child(1) {
		-webkit-transform: translateX(0px) translateY(-45px);
		-moz-transform: translateX(0px) translateY(-45px);
		-ms-transform: translateX(0px) translateY(-45px);
		-o-transform: translateX(0px) translateY(-45px);
		transform: translateX(0px) translateY(-45px);
	}
	ul.social-share-st-grid > li.slideout:nth-child(2) {
		-webkit-transform: translateX(0px) translateY(-76px);
		-moz-transform: translateX(0px) translateY(-76px);
		-ms-transform: translateX(0px) translateY(-76px);
		-o-transform: translateX(0px) translateY(-76px);
		transform: translateX(0px) translateY(-76px);
	}
	ul.social-share-st-grid > li.slideout:nth-child(3) {
		-webkit-transform: translateX(0px) translateY(-108px);
		-moz-transform: translateX(0px) translateY(-108px);
		-ms-transform: translateX(0px) translateY(-108px);
		-o-transform: translateX(0px) translateY(-108px);
		transform: translateX(0px) translateY(-108px);
	}
	ul.social-share-st-grid > li.slideout:nth-child(4) {
		-webkit-transform: translateX(0px) translateY(-140px);
		-moz-transform: translateX(0px) translateY(-140px);
		-ms-transform: translateX(0px) translateY(-140px);
		-o-transform: translateX(0px) translateY(-140px);
		transform: translateX(0px) translateY(-140px);
	}
}

@media all and (max-width: 992px) {
/*--------------------------------------------------------------
# Global CSS
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Success Stories - Tablet
--------------------------------------------------------------*/
	.bg-files{
		top:267px;
	}
	.bg-files-list{
		top:unset;
		bottom:10px;
		width:80px;
	}
	.tag-close-grid{
		top:200px;
		bottom:unset;		
	}
	/* -- social share -- */
	ul.social-share-st-grid > li{
		left:73%;
	}
}

@media all and (max-width: 768px) {
/*--------------------------------------------------------------
# Global CSS
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Success Stories - Tablet
--------------------------------------------------------------*/

}

@media all and (max-width: 767px) {
/*--------------------------------------------------------------
# Global CSS
--------------------------------------------------------------*/
	.p-xs-0{
		padding:0;
	}	
	.p15{
		padding:15px;
	}

/*--------------------------------------------------------------
# Success Stories - Mobile 
--------------------------------------------------------------*/
/*-- commented as suggested by cp Vijay ---*/
	.item {
		width: 100%;
		/*margin-bottom: 20px;*/
	}	
	.thumbnail {
		border: none;
		padding: 0px;
		margin-bottom: 0;
		border-radius:unset;
	}
	.item.list-group-item {
		float: none;
		width: 100%;
		margin-bottom: 20px;
		border: none;
		background:none;
		padding-top:0;
		padding-bottom:0;
	}
	.remove-col-eq-ht-list{
		padding: 0;
	}
	.list-group-image {		
		display: block;
		height: auto;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}	
	.item.list-group-item .list-group-image {
		float: none;
		margin:0 auto;
		padding:0;
		width:auto;
	}
	.item.list-group-item .thumbnail {
		margin-bottom: 0px;
	}
	.caption-text {
		position: relative;
	}
	.thumbnail .caption-text {
		padding: 15px;
		color: #333;
	}
	.item.list-group-item .caption-text {
		padding: 15px;
	}
	.item.list-group-item:before, .item.list-group-item:after {
		display: table;
		content: " ";
	}	
	.item.list-group-item:after {
		clear: both;
	}
	.list-group-item-text {
		margin: 0 0 11px;
	}
	.bg-files{
		bottom:0;
		top:unset;
	}
	.bg-files-list{
		top:unset;
		bottom:0px;
		width:80px;
	}
	.minus-top-xs{
		position: absolute;			  
		top: -40px;
	}	
	.listtogrid-text{
		font-size: 16px;
		color: #000;
		font-weight: 400;
		line-height: 22px;
		letter-spacing: -0.5px;
		margin-bottom: 20px;
	}
	.tag-close-grid{
		top:unset;
		bottom:0;
	}
	.successstories-nav{
		line-height: 40px;
	}	
	.select-nav-top-xs{
		display: block;
		margin-top:7px;			
	}
	.select-nav-top-xs a{
		border: 1px solid #777777;
		padding: 5px 15px;
		display: inline-block;
		color: #777777;
		width: 100%;		
	}
	.nav-top-xs {
		display: none;
	}
	.nav-top-xs-open{
		display: block;
		position: relative;
	}
	.nav-top-xs-align {
		position: absolute;
		top: 0;
		background-color: #fff;
		color: #fff;
		width: 100%;
		max-height: 200px;
		overflow: auto;
		margin-left:0;
		padding-left:0;
		z-index: 1;
	}		
	.nav-top-xs-align li{
		display: block;		
	}
	.nav-top-xs-down-arrow{
		position:relative;
		margin-left:25px;	
	}
	.nav-top-xs-down-arrow::before{
		content: "\f0d7";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		color: #333;
		font-size: 18px;	
		top: 2px;
		left: 0;
	}
	/* -- social share -- */
	ul.social-share-st-align > li{
		left:35%;		
	}
	ul.social-share-st-grid > li{
		left:35%;		
	}
	ul.social-share-pr > li.slideout {
		z-index: 1;
	}	
	ul.social-share-st-grid > li.slideout:nth-child(1) {
		-webkit-transform: translateX(0px) translateY(-45px);
		-moz-transform: translateX(0px) translateY(-45px);
		-ms-transform: translateX(0px) translateY(-45px);
		-o-transform: translateX(0px) translateY(-45px);
		transform: translateX(0px) translateY(-45px);
	}
	ul.social-share-st-grid > li.slideout:nth-child(2) {
		-webkit-transform: translateX(0px) translateY(-76px);
		-moz-transform: translateX(0px) translateY(-76px);
		-ms-transform: translateX(0px) translateY(-76px);
		-o-transform: translateX(0px) translateY(-76px);
		transform: translateX(0px) translateY(-76px);
	}
	ul.social-share-st-grid > li.slideout:nth-child(3) {
		-webkit-transform: translateX(0px) translateY(-108px);
		-moz-transform: translateX(0px) translateY(-108px);
		-ms-transform: translateX(0px) translateY(-108px);
		-o-transform: translateX(0px) translateY(-108px);
		transform: translateX(0px) translateY(-108px);
	}
	ul.social-share-st-grid > li.slideout:nth-child(4) {
		-webkit-transform: translateX(0px) translateY(-140px);
		-moz-transform: translateX(0px) translateY(-140px);
		-ms-transform: translateX(0px) translateY(-140px);
		-o-transform: translateX(0px) translateY(-140px);
		transform: translateX(0px) translateY(-140px);
	}
	ul.social-share-st-align > li.slideout:nth-child(1) {
		-webkit-transform: translateX(0px) translateY(-45px);
		-moz-transform: translateX(0px) translateY(-45px);
		-ms-transform: translateX(0px) translateY(-45px);
		-o-transform: translateX(0px) translateY(-45px);
		transform: translateX(0px) translateY(-45px);
	}
	ul.social-share-st-align > li.slideout:nth-child(2) {
		-webkit-transform: translateX(0px) translateY(-76px);
		-moz-transform: translateX(0px) translateY(-76px);
		-ms-transform: translateX(0px) translateY(-76px);
		-o-transform: translateX(0px) translateY(-76px);
		transform: translateX(0px) translateY(-76px);
	}
	ul.social-share-st-align > li.slideout:nth-child(3) {
		-webkit-transform: translateX(0px) translateY(-108px);
		-moz-transform: translateX(0px) translateY(-108px);
		-ms-transform: translateX(0px) translateY(-108px);
		-o-transform: translateX(0px) translateY(-108px);
		transform: translateX(0px) translateY(-108px);
	}
	ul.social-share-st-align > li.slideout:nth-child(4) {
		-webkit-transform: translateX(0px) translateY(-140px);
		-moz-transform: translateX(0px) translateY(-140px);
		-ms-transform: translateX(0px) translateY(-140px);
		-o-transform: translateX(0px) translateY(-140px);
		transform: translateX(0px) translateY(-140px);
	}
}

@media all and (max-width: 640px) {
/*--------------------------------------------------------------
# Global CSS
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Success Stories - Mobile
--------------------------------------------------------------*/
}

@media all and (max-width: 480px) {
/*--------------------------------------------------------------
# Global CSS
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Success Stories - Mobile
--------------------------------------------------------------*/
}

@media all and (max-width: 360px) {
/*--------------------------------------------------------------
# Global CSS
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Success Stories - Mobile
--------------------------------------------------------------*/
}

@media all and (max-width: 320px) {
/*--------------------------------------------------------------
# Global CSS
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Success Stories - Mobile
--------------------------------------------------------------*/

}


/*added by yoga*/  
.list-group-item ul.social-share-pr > li, .grid-group-item ul.social-share-pr > li {
	display: none;
	left: 155px;
	right: inherit;
}
.list-group-item ul.social-share-pr > li.slideout, .grid-group-item ul.social-share-pr > li.slideout {
	display: block;
}
.list-group-item ul.social-share-pr > li.slideout:nth-child(1), .grid-group-item ul.social-share-pr > li.slideout:nth-child(1) {
	-webkit-transform: translateX(-155px);
	-moz-transform: translateX(-155px);
	-ms-transform: translateX(-155px);
	-o-transform: translateX(-155px);
	transform: translateX(-155px);
}
.list-group-item ul.social-share-pr > li.slideout:nth-child(2), .grid-group-item ul.social-share-pr > li.slideout:nth-child(2) {
	-webkit-transform: translateX(-127px);
	-moz-transform: translateX(-127px);
	-ms-transform: translateX(-127px);
	-o-transform: translateX(-127px);
	transform: translateX(-127px);
}
.list-group-item ul.social-share-pr > li.slideout:nth-child(3), .grid-group-item ul.social-share-pr > li.slideout:nth-child(3) {
	-webkit-transform: translateX(-97px);
	-moz-transform: translateX(-97px);
	-ms-transform: translateX(-97px);
	-o-transform: translateX(-97px);
	transform: translateX(-97px);
}
.list-group-item ul.social-share-pr > li.slideout:nth-child(4), .grid-group-item ul.social-share-pr > li.slideout:nth-child(4) {
	-webkit-transform: translateX(-64px);
	-moz-transform: translateX(-64px);
	-ms-transform: translateX(-64px);
	-o-transform: translateX(-64px);
	transform: translateX(-64px);
}

.minus-top-grd, .minus-top-lst {
	line-height: 16px;
}
.minus-top-grd {
	position: absolute;
	top: -45px;
}

.list-group-item ul.social-tag, .grid-group-item ul.social-tag {
	margin-top: 25px;
	margin-bottom: 0px;
	margin-left: 0;
}

ul.social-share-pr > li.slideout {
	display: block;
	background-color: #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	height: 40px;
	padding: 5px;
	text-align: center;
	width: 40px;
}
ul.social-share-pr > li.slideout:nth-child(1) {
	-webkit-transform: translateY(55px);
	-moz-transform: translateY(55px);
	-ms-transform: translateY(55px);
	-o-transform: translateY(55px);
	transform: translateY(55px);
}
ul.social-share-pr > li.slideout:nth-child(2) {
	-webkit-transform: translateY(85px);
	-moz-transform: translateY(85px);
	-ms-transform: translateY(85px);
	-o-transform: translateY(85px);
	transform: translateY(85px);
}
ul.social-share-pr > li.slideout:nth-child(3) {
	-webkit-transform: translateY(115px);
	-moz-transform: translateY(115px);
	-ms-transform: translateY(115px);
	-o-transform: translateY(115px);
	transform: translateY(115px);
}
ul.social-share-pr > li.slideout:nth-child(4) {
	-webkit-transform: translateY(145px);
	-moz-transform: translateY(145px);
	-ms-transform: translateY(145px);
	-o-transform: translateY(145px);
	transform: translateY(145px);
}

.tag-item {
	width: auto;
	height: auto;
	padding: 5px 10px;
	border: 1px solid #000000;
	color: #000;
	margin-right: 10px;
	font-size: 14px;
	display: inline-block;
	margin-bottom: 10px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	text-transform: capitalize;
}
.tag-item:hover {
	background-color: #000;
	color: #fff;
	text-decoration: none;
}
.tag-item:focus {
	color: #000;
	text-decoration: none;
}
.tag-close {
	position: absolute;
	right: 15px;
	bottom: 15px;
	width: 15px;
	height: 15px;
}
.tag-close:hover {
	opacity: 1;
}
.tag-close:before, .tag-close:after {
	position: absolute;
	content: ' ';
	height: 15px;
	width: 2px;
	background-color: #000;
}
.tag-close:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.tag-close:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.bg-light-white .tag-position {
	background-color: #f2f2f2;
}
.white-bg .tag-position {
	background-color: #ffffff;
}
.tag-position {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	bottom: 0;
	background-color: #fff;
	z-index: 10;
	padding: 15px 0;
}
.tag-position {
	display: none;
}
.insight-btn {
	border: 1px solid #000 !important;
	color: #000 !important;
	min-width: 200px;
	padding-bottom: 15px !important;
	padding-top: 15px !important;
	text-transform: uppercase;
	margin: 0 auto !important;
	display: table !important;
	margin-top: 40px !important;
}
.insight-btn:hover {
	color: #fff !important;
}
.btn-shutter-more {
	color: #fff;
	border: 1px solid #fff;
	position: relative;
	z-index: 1;
	display: inline-block;
	background-color: transparent;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	padding: 12px 50px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	letter-spacing: 1.5px;
	margin-top: 20px;
	font-weight: 700;
	font-size: 14px;
}
.btn-shutter-more:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: #000;
	z-index: -1;
}
.btn-shutter-more:hover {
	border: 1px solid #000;
	background-color: transparent;
	color: #ffffff;
}
.btn-shutter-more:hover:before {
	width: 100%;
}
/*--------------------------------------------------------------
# Color CSS-del
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Background CSS-del 
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Font size CSS-del
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Fontweight-del
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Padding CSS-del
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Border-del
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Line height -del
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Relative -del
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Block-del
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Arrow Animation-del
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Move to top scroll - Tablet (Landscape 1024px)
--------------------------------------------------------------*/

.scroll-up {
	position: fixed;
	bottom: 20px;
	right: 18px;
	display: none;
	z-index: 1;
}
/*--------------------------------------------------------------
# Footer - Desktop
--------------------------------------------------------------*/

footer {
	background: #F8F8F8;
	color: #333;
	/*padding: 50px 0;*/
	border-top: 5px solid #d8d8d8;
}
ul.footer-txt > li:first-child {
	margin-top: 20px;
}
ul.footer-txt > li {
	margin-bottom: 10px;
}
ul.footer-txt > li > a {
	color: #3F3F3F;
	font-size: 16px;
}
.ftr-head {
	color: #000000;
	font-size: 22px;
	font-weight: 900;
}
.country {
	position: relative;
	z-index: 1;
}
.up-arrow, .down-arrow {
	position: relative;
	margin-left: 100px;
	z-index: -1;
}
.up-arrow:before, .down-arrow:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	/*--adjust as necessary--*/
	color: #333;
	font-size: 18px;
	/*position: absolute;*/
	top: 2px;
	left: 0;
}
.up-arrow:before {
	content: "\f0d8";
}
.down-arrow:before {
	content: "\f0d7";
}
.select-country > a {
	border: 1px solid #7E7E7E;
	padding: 5px 15px;
	display: inline-block;
	color: #3F3F3F;
}
.select-country > a:hover, .select-country > a:focus {
	color: #3F3F3F;
	text-decoration: none;
}
.option-country {
	display: none;
}
.open-country {
	display: block;
	position: relative;
}
.country-align {
	position: absolute;
	top: -238px;
    margin-bottom: 10px;
	background-color: #fff;
	color: #fff;
	width: 100%;
	max-height: 200px;
	overflow: auto;
	-webkit-box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.5);
}
.country-align > li > a {
	color: #7E7E7E;
	padding: 10px 15px;
	display: block;
}
.country-align > li > a:hover {
	background: #63b0ff;
	color: #fff;
}
@media screen and (max-width: 1024px){
.ftr-head {
    color: #000000;
    font-size: 22px;
    font-weight: 900;
    margin: 0;
}
}

/*--------------------------------------------------------------
# Footer - Mobile (Landscape 767px)
--------------------------------------------------------------*/
@media screen and (max-width: 767px) {
footer {
	background: #F8F8F8;
	color: #333;
	/*padding: 50px 0;*/
	border-top: 5px solid #d8d8d8;
}
footer ul{
	margin-bottom: 10px;
}    
ul.footer-txt > li:first-child {
	margin-top: 20px;
}
ul.footer-txt > li {
	margin-bottom: 10px;
}
ul.footer-txt > li > a {
	color: #3F3F3F;
	font-size: 16px;
}
.ftr-head {
	color: #000000;
	font-size: 22px;
	font-weight: 900;
    margin: 0;
}
.up-arrow, .down-arrow {
	position: relative;
	margin-left: 100px;
}
.up-arrow:before, .down-arrow:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	/*--adjust as necessary--*/
	color: #333;
	font-size: 18px;
	/*position: absolute;*/
	top: 2px;
	left: 0;
}
.up-arrow:before {
	content: "\f0d8";
}
.down-arrow:before {
	content: "\f0d7";
}
.select-country > a {
	border: 1px solid #7E7E7E;
	padding: 5px 15px;
	display: inline-block;
	color: #7E7E7E;
}
.select-country > a:hover, .select-country > a:focus {
	color: #7E7E7E;
	text-decoration: none;
}
.option-country {
	display: none;
}
.open-country {
	display: block;
	position: relative;
}
.country-align {
	position: absolute;
	top: -238px;
	background-color: #fff;
	color: #fff;
	width: 100%;
	max-height: 200px;
	overflow: auto;
	-webkit-box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.5);
}
.country-align > li > a {
	color: #7E7E7E;
	padding: 10px 15px;
	display: block;
}
.country-align > li > a:hover {
	background: #63b0ff;
	color: #fff;
}
}
.loading-image {
	font-size: 20px;
	font-weight: 700;
	position: absolute;
	z-index: 100;
	display: inline;
}
/* Slider */
.slick-slider {
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track:before, .slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}



/*--Custom code--*/
.slider-single h3 {
	font-size: 42px;
	color: #fff;
	font-weight: 300;
	text-align: right;
}
.slider-single ul li{
    list-style: none;
}
.slider-single ul li {
    font-size: 18px;
    color: #fff;
    text-indent: -16px;
    line-height: 24px;
}
.slider-single ul li::before {
	display: inline-block;
	content: "-";
	transform: translateY(10px);
	font-size: 58px;
	line-height: 16px;
	margin-right: 15px;
}
.history_slider .slick-slide {
    border: none;
    outline: none;
}
.history_slider .slider-single{
	min-height: 300px;
	margin-bottom: 20px;
}
.history_slider.slick-slider {
	margin-bottom: 30px;
}
.history_slider .slick-prev, .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 6%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}
.slick-prev.slick-disabled[aria-disabled="true"], .slick-next.slick-disabled[aria-disabled="true"] {
	/*opacity: 0.2;*/
	/*cursor: not-allowed;*/
}
.history_slider .slick-prev, .history_slider .slick-next {
	font-size: 20px;
	color: transparent;
	line-height: 1;
	opacity: .75;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.history_slider .slick-prev {
	left: -40px;
	background-image: url("../../../content/dam/infosys-web/en/global-resource/background-image/arrow-left-white.png") !important;
	width: 32px;
	height: 32px;
}
.history_slider .slick-next {
	right: -40px;
	background-image: url("../../../content/dam/infosys-web/en/global-resource/background-image/arrow-right-white.png") !important;
	width: 32px;
	height: 32px;	
}

.history_slider .slider-nav {
	margin: 0 auto;
	width: 85%;
	clear: both;
}
.history_slider .slider-nav .slick-slide {
    cursor: pointer;
	text-align: center;
	position: relative;
	padding-top: 10px;
    border: none;
    outline: none;
}
.history_slider .slider-nav .slick-slide .year-line {
	color: rgba(251,247,247,0.5);
	padding-top: 15px;
	display: block;	
}
.history_slider .slider-nav .slick-slide .year-line::before,
.history_slider .slider-nav .slick-slide .year-line::after {
    display: inline-block;
    content: "";
    border-top: 1px solid rgba(251,247,247,0.5);
    width: 42%;
	position: absolute;
	top: 19px;
}
.history_slider .slider-nav .slick-slide .year-line::before {
	left: 0px;
}
.history_slider .slider-nav .slick-slide .year-line::after {
	right: 0px;
}
.history_slider .slider-nav .slick-slide .year-line {
	font-size: 18px;
	color: rgba(251,247,247,0.5);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.history_slider .slider-nav .slick-slide.is-active .year-line {
	color: #fff;
}
.history_slider .slider-nav .slick-slide .dots-bg {
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 14px;
	width: 10px;
	height: 10px;
	border: 1px solid rgba(255,255,255,0.5);
	border-radius: 50%;
	position: absolute;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.history_slider .slider-nav .slick-slide.is-active .dots-bg {
	top: 0px;
	background-color: #fff;
	border: 1px solid rgba(255,255,255,0.5);
}

@media screen and (max-width: 991px) {
.slider-single h3 {
	text-align: center;
	margin-bottom: 10px;
}

}

@media screen and (max-width: 640px) {
.history_slider .slider-nav{
	width: 70%;
}
.slider-single ul li {
    font-size: 22px !important;
}

}

/* Layout for search container */
.search__input {
	font-size: 7vw;
	line-height: 1;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	padding: 0 0 0.1em 0;
	/*color: inherit;*/
	border-bottom: 4px solid !important;
}

.search_input_list {
	font-size: 75px;
	text-transform: capitalize;
	font-weight: 700;
	border-bottom: 1px solid #ccc !important;
	height: 100px;
	margin-top: 150px;
	color: #fff;
}

.list-group-item:first-child, .list-group-item, .grid-group-item:first-child,
	.grid-group-item {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	margin-bottom: 25px;
	border: 0;
}

.list-group-item {
	padding: 0 15px;
}

.list-group-item .lng-txt {
	padding-right: 150px;
}

.list-group-item .lng-txt h3, .list-group-item .caption-txt h3,
	.grid-group-item .caption-txt h3 {
	margin: 0;
}

.list-group-item .prlst-para {
	padding-top: 0;
}

.grid-group-item .equal-bg {
	padding-bottom: 15px;
}

.list-group-item .tag-bg, .grid-group-item .tag-bg {
	left: 0;
}

.list-group-item ul.social-share-pr>li, .grid-group-item ul.social-share-pr>li
	{
	display: none;
	left: 155px;
	right: inherit;
}

.list-group-item ul.social-share-pr>li.slideout, .grid-group-item ul.social-share-pr>li.slideout
	{
	display: block;
}

.list-group-item ul.social-share-pr>li.slideout:nth-child(1),
	.grid-group-item ul.social-share-pr>li.slideout:nth-child(1) {
	-webkit-transform: translateX(-155px);
	-moz-transform: translateX(-155px);
	-ms-transform: translateX(-155px);
	-o-transform: translateX(-155px);
	transform: translateX(-155px);
}

.list-group-item ul.social-share-pr>li.slideout:nth-child(2),
	.grid-group-item ul.social-share-pr>li.slideout:nth-child(2) {
	-webkit-transform: translateX(-127px);
	-moz-transform: translateX(-127px);
	-ms-transform: translateX(-127px);
	-o-transform: translateX(-127px);
	transform: translateX(-127px);
}

.list-group-item ul.social-share-pr>li.slideout:nth-child(3),
	.grid-group-item ul.social-share-pr>li.slideout:nth-child(3) {
	-webkit-transform: translateX(-97px);
	-moz-transform: translateX(-97px);
	-ms-transform: translateX(-97px);
	-o-transform: translateX(-97px);
	transform: translateX(-97px);
}

.list-group-item ul.social-share-pr>li.slideout:nth-child(4),
	.grid-group-item ul.social-share-pr>li.slideout:nth-child(4) {
	-webkit-transform: translateX(-64px);
	-moz-transform: translateX(-64px);
	-ms-transform: translateX(-64px);
	-o-transform: translateX(-64px);
	transform: translateX(-64px);
}

.list-group-item .equal-bg {
	/*padding-left: 0;
	padding-bottom: 0;*/
	padding-top: 15px;
	padding-bottom: 15px;
}

.search-icon {
	position: absolute;
	right: 140px;
	top: 47px;
	z-index: 1;
}

#SubmitValue {
	padding: 4px 0;
	width: 160px;
	display: block;
}

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

.search {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	overflow: hidden;
	/*width: 100%;*/
	height: 100vh;
}

.search::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background: rgba(0, 0, 0, 0.3);
}

.search__inner {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 50%;
	background: #f0f0f0;
}

.search__inner--up {
	color: #333333;
	background: #ffffff;
}

.search__inner--down {
	top: 50%;
	color: #f8f8f8;
	background: #f8f8f8;
}

.btn--search-close {
	font-size: 2em;
	position: absolute;
	z-index: 100;
	top: 1.25em;
	right: 1.25em;
	display: none;
}

.btn--search-close {
	display: block;
}

.search__form {
	width: 75%;
	max-width: 900px;
	/*margin: 0 auto;*/
}

.search__input::-webkit-input-placeholder {
	opacity: 0.1;
	/* WebKit, Blink, Edge */
	color: #fff;
}

.search__input::-moz-placeholder {
	opacity: 0.1;
	/* Mozilla Firefox 19+ */
	color: #fff;
}

.search__input:-ms-input-placeholder {
	opacity: 0.1;
	/* Internet Explorer 10-11 */
	color: #fff;
}

.search__input::-webkit-search-cancel-button, .search__input::-webkit-search-decoration
	{
	-webkit-appearance: none;
}

.search__input::-ms-clear {
	display: none;
}

.search__info {
	font-size: 90%;
	font-weight: bold;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0.85em 0;
	text-align: right;
}

.search__related {
	display: flex;
	width: 75%;
	max-width: 900px;
	/*pointer-events: none;*/
}

.search__suggestion {
	width: 50%;
	padding: 0 1em 0 0;
	text-align: left;
}

.search__suggestion:last-child {
	padding: 0 0 0 1em;
}

.search__suggestion h3 {
	font-size: 1.35em;
	margin-bottom: 20px;
	color: #777777;
}

.search__suggestion h3::before {
	content: '\21FE';
	display: inline-block;
	padding: 0 0.5em 0 0;
}

.search__suggestion p {
	font-size: 1.15em;
	line-height: 1.4;
	margin: 0.75em 0 0 0;
}
/************************/
/* Transitions 			*/
/************************/

/*.main-wrap {
	transition: transform 0.6s, opacity 0.6s;
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}*/
.main-wrap--hide {
	opacity: 0;
	transform: scale3d(0.8, 0.8, 1);
}

.search {
	pointer-events: none;
}

.search--open {
	pointer-events: auto;
}

.search::before {
	opacity: 0;
	transition: opacity 0.6s;
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.search--open::before {
	opacity: 1;
}
/* Search button */
.btn--search {
	transition: opacity 0s;
}

.main-wrap--hide .btn--search {
	opacity: 0;
	transition-delay: 0s;
}
/* Close button */
.btn--search-close {
	opacity: 0;
	transform: scale3d(0.8, 0.8, 1);
	transition: opacity 0.6s, transform 0.6s;
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.search--open .btn--search-close {
	opacity: 1;
	transform: scale3d(1, 1, 1);
}
/* Halfs */
.search__inner {
	transition: transform 0.6s;
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.search__inner--up {
	transform: translate3d(0, -100%, 0);
}

.search__inner--down {
	transform: translate3d(0, 100%, 0);
}

.search--open .search__inner {
	transform: translate3d(0, 0, 0);
}

.search__suggestion {
	transform: translate3d(0, 150px, 0);
	transition: transform 1s;
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.search--open .search__suggestion {
	transform: translate3d(0, 0, 0);
	transition-delay: 0.05s;
}

.search--open .search__suggestion:last-child {
	transition-delay: 0.1s;
}
/* Buttons */
.btn1 {
	margin: 0;
	padding: 0;
	cursor: pointer;
	border: none;
	background: none;
}

.btn1:focus {
	outline: none;
}

.btn--search {
	font-size: 1.5em;
}
/* Reset Search Input */
.search__input {
	border: 0;
	background: transparent;
	border-radius: 0;
	-webkit-appearance: none;
}

.search__input:focus {
	outline: none;
}
/* Links */
.btn1 {
	text-decoration: none;
	color: #d17c78;
	outline: none;
}

.hidden1 {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	pointer-events: none;
}
/* Icons */
.icon {
	display: block;
	width: 1.5em;
	height: 1.5em;
	margin: 0 auto;
	fill: currentColor;
}
/* Demo colors */

/*.demo-9 {
	color: #2d3535;
	background-color: #597571;
}*/
.search__color a, .search__color .btn1 {
/* 	color: #fff; */
	font-size: 20px;
}

.search__color .btn--search-close {
	background-color: #000;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	padding: 8px;
	color: #FFFFFF !important;
}

.search__suggestion .tags-on-fly {
	border: 1px solid #000;
	color: #000;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	margin: 8px 16px 8px 0;
	padding: 10px 18px;
	transition: all 0.3s ease-in-out 0s;
}

.search__suggestion .tags-on-fly:hover {
	background: #000;
	color: #fff;
}

@media screen and (max-width: 40em) {
	.btn--search-close {
		font-size: 1.25em;
	}
	.search__suggestion {
		width: 100%;
	}
	.search__suggestion:last-child {
		display: none;
	}
	.search-wrap {
		font-size: 0.85em;
		position: absolute;
		/*top: 2.15em;
	right: 2em;*/
	}
}

@media all and (max-width: 1024px) {
	.search-icon {
		right: 125px;
	}
	.list-group-item:first-child, .list-group-item, .grid-group-item:first-child,
		.grid-group-item {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		margin-bottom: 25px;
		border: 0;
	}
	.search_input_list {
		font-size: 59px;
		text-transform: capitalize;
		font-weight: 700;
		border-bottom: 1px solid #ccc !important;
		height: 100px;
		/*margin-top: 65px;*/
		color: #fff;
	}
}

@media screen and (max-width: 992px) {
	.search-icon {
		right: 90px;
	}
	.list-group-item .lng-txt {
		padding-right: 15px;
	}
}

@media all and (max-width: 640px) {
	.search-icon {
		right: 85px;
	}
}

@media all and (max-width: 767px) {
	.list-group-item .equal-bg {
		padding-bottom: 0;
		padding-top: 0;
	}
	.list-group-item .lng-txt {
		padding-top: 15px;
	}
	.list-group-item .minus-top-mob {
		position: absolute;
		top: -45px;
	}
	.list-group-item>.pos-abs {
		background-color: #fff;
		left: 15px;
		right: 15px;
		position: absolute;
		width: auto;
		top: 0 !important;
	}
	.list-group-item:first-child, .list-group-item, .grid-group-item:first-child,
		.grid-group-item {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		margin-bottom: 25px;
		border: 0;
	}
	.search_input_list {
		font-size: 23px;
		text-transform: capitalize;
		font-weight: 700;
		border-bottom: 1px solid #ccc !important;
		height: 40px;
		/*margin-top: 50px;*/
		color: #fff;
	}
}
/*carousel start*/
.cmp-carousel__indicators li{
		    box-shadow: 0 0 0 2px white inset; 
    }
.cmp-carousel__indicators{
    bottom: 25px;
    position: absolute;
    width: 100%;
    background: none !important;
    text-align: center !important;
    }
.cmp-carousel:hover .cmp-carousel__action {
        opacity: 0 !important;
}
.cmp-carousel__indicator{
	cursor: pointer !important;
	height: 16px !important;
	margin: 0 16px !important;
	position: relative !important;
	width: 16px !important;
	display: inline-block;
}
/*carousel stop*/
#leadership p.mngprofile-title {
    font-size: 16px !important;
    color: #777777 !important;
}

.ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2 {
    color: inherit;
}

#main-text-body img {
    padding: 0;
    margin-bottom: 25px;
}

#main-text-body ul.leader_tabs {
    font-size: 20px;
    margin-bottom: 25px;
    padding: 0 !important;
}

/*--------------------------------------------------------------
# Half grid bottom - Desktop
--------------------------------------------------------------*/

/*-------------------------------------------*/
.bg-color1 {
	overflow: hidden;
}
.bg-color1 > img.img-responsive {
    max-width: none;
    transform: translate3d(-40px, 0px, 0px);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: calc(100% + 40px);
}
.eq-height-leadership {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}
.eqh-box-leadership {
	position: relative;
	height: 100%;
	background-color: #F2F2F2;
}
.eqh-box-leadership .bg-color1 > img.img-responsive {
	-ms-transform: none !important;
	-webkit-transform: none !important;
	transform: none !important;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	width: 100%;
}
.eqh-box-leadership:hover .bg-color1 > img.img-responsive {
	-ms-transform: none !important;
	-webkit-transform: none !important;
	transform: none !important;
}
.leadership-link {
	text-align: center;
	margin-bottom: 50px;
}
.leadership-link ul {
	margin: 0 auto;
	padding: 0;
	display: inline-block;
}
.leadership-link ul > li {
	display: block;
	position: relative;
	padding-left: 0 !important;
	background-image: none !important;
	float: left;
}
.leadership-link ul > li > a {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	text-transform: uppercase;
	padding: 20px 60px;
	color: #777777;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	border-top: 1px solid #777777;
	border-bottom: 1px solid #777777;
	border-left: transparent;
	border-right: transparent;
}
.leadership-link ul > li:first-child > a {
	border-left: 1px solid #777777;
}
.leadership-link ul > li:last-child > a {
	border-right: 1px solid #777777;
}
.leadership-link ul > li.active > a, .leadership-link ul > li.active > a:focus, .leadership-link ul > li.active > a:hover, .leadership-link ul > li > a:focus, .leadership-link ul > li > a:hover {
	background-color: #df9926;
	color: #ffffff;
}
.leadership-link ul > li + li::before {
	content: "|";
	color: #777777;
	position: absolute;
	top: 0px;
	left: -2px;
}
.mngprofile-head {
	margin: 30px 0 20px !important;
	font-size: 30px;
}
.mngprofile-list {
	font-size: 25px !important;
	margin: 0 0 20px;
}
.mngprofile-title {
	font-size: 16px !important;
	color: #777777;
}
.mngprofile-title strong {
	font-weight: 400;
}
.list-profile {
	background-color: #F2F2F2;
	padding: 15px;
}
/*--------------------------------------------------------------
# Leadership - Tablet (Landscape 1024px)
--------------------------------------------------------------*/
@media screen and (min-width: 1024px) {
    .col-md-20p {
        width: 20%;
	}
}
/*--------------------------------------------------------------
# Leadership - Tablet (Landscape 1024px)
--------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
	.h1-heading {
		font-size: 60px;
		line-height: 60px;
	}
	#main-text-body h5{
		font-size: 20px;
	}

	#main-text-body h3, #main-text-body h4, #main-text-body h5, #main-text-body h5 > a, #main-text-body h6{
		margin-bottom: 15px;
		margin-top: 0px;
		font-weight: 900;
		letter-spacing: -1px;
	}
	.bg-color1 > img.img-responsive {
		width: calc(100% + 86px);
	}

    .leadership-link ul > li > a {
        padding: 20px 40px;
    }
}
/*--------------------------------------------------------------
# Leadership - (Landscape 992px)
--------------------------------------------------------------*/
@media screen and (max-width: 992px){
.bg-color1 > img.img-responsive {
    width: auto;
}
}
/*--------------------------------------------------------------
# Leadership - Mobile (Landscape 767px)
--------------------------------------------------------------*/
@media screen and (max-width: 767px){
	.h1-heading {
		font-size: 50px;
		line-height: 50px;
		margin-top: 25px;
	}

	#main-text-body h4 {
		font-size: 22px;
	}
	#main-text-body h5{
		font-size: 20px;
	}

	#main-text-body h3, #main-text-body h4, #main-text-body h5, #main-text-body h5 > a, #main-text-body h6{
		margin-bottom: 15px;
		margin-top: 0px;
		font-weight: 900;
		letter-spacing: -1px;
	}
	.bg-color1 > img.img-responsive {
		width: calc(100% + 40px);
	}

    .leadership-link {
        margin-bottom: 0px;
    }
    .leadership-link ul > li {
        width: 100%;
        margin-bottom: 0px;
    }
    .leadership-link ul > li > a {
        width: 100%;
        border: 0;
        display: block;
        margin-bottom: 30px;
    }
    .leadership-link ul > li:first-child > a {
        border-left: 1px solid;
    }
    .leadership-link ul > li:last-child > a {
        border-right: 1px solid;
    }
    .leadership-link ul > li > a, .leadership-link ul > li > a:focus, .leadership-link ul > li > a:hover, .leadership-link ul > li > a:focus, .leadership-link ul > li > a:hover {
        background-color: transparent;
        color: #777777;
        border: 1px solid;
        margin-bottom: 20px;
    }
    .leadership-link ul > li.active > a, .leadership-link ul > li.active > a:focus, .leadership-link ul > li.active > a:hover, .leadership-link ul > li > a:focus, .leadership-link ul > li > a:hover {
        background-color: transparent;
        color: #df9926;
        border: 1px solid;
    }
    .leadership-link ul > li + li::before {
        content: " ";
	}
	.mngprofile-head {
		font-size: 25px !important;
	}
}
/*--------------------------------Leadership css end ------------------------------ */
/*--------------------------------Leadership css start ------------------------------ */
/*-- Our Experts --*/
#our_experts {
	background-color: #333;
	background-position: center center;
	/*background-image: url(../../../content/dam/infosys-web/en/global-resource/responsive/newdesign/line-pattern-bg.png);*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
}
.mngprofile-title {
    font-size: 16px !important;
    color: #777777 !important;
}
.expert-details {
	padding: 20px;
}
.expert-name {
	font-size: 25px;
	color: #000;
	font-weight: 700;
	letter-spacing: -0.5px;
}
.expert-name > span {
	display: block;
	width: 40px;
	height: 4px;
	margin-top: 3px;
	background-color: #963596;
}
.expert-text {
	margin-bottom: 0px;
	font-size: 16px;
	color: #3F3F3F;
	line-height: 21px;
	font-weight: 400;
}
.share-bg {
	position: absolute;
	bottom: 10px;
	left: 20px;
}

.btn-grid.active, .btn-list.active, .btn-grid:hover, .btn-list:hover {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #000;
}
.btn-grid, .btn-list {
	color: #ccc;
	font-size: 30px;
}
.bx-shdw-pr {
	-webkit-box-shadow: 0 0 10px #888888;
	-moz-box-shadow: 0 0 10px #888888;
	box-shadow: 0 0 10px #888888;
	background-color: #fff;
}
.nav-top-align {
	padding-left: 5px;
	margin-bottom: 0;
	color: #fff;
	max-height: 200px;
	overflow: auto;
	top: 0px;
	width: 100%;    
}
.nav-top-align > li {
	margin-right: 35px;
	padding: 0;
    display: inline-block;
}   

@media screen and (max-width: 767px) {
	.nav-top-align {
		padding-left: 5px;
		margin-bottom: 0;
	}
	.nav-top-align > li {
		margin-right: 35px;
		padding: 0;
	} 
    ul.nav-top-align {
		background-color: #fff;
		width: 190px;
		height: auto;
		overflow: auto;
		padding-left: 0;
		z-index: 1;
		-webkit-box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.5);
		box-shadow: 2px 1px 10px rgba(0, 0, 0, 0.5);
	}
	.nav-top-align > li
		{
		line-height: 40px;
		margin-right: 0;
		padding: 0 15px;
		width: 190px;
	}
	.select-case > a {
		border: 1px solid #7E7E7E;
		color: #3F3F3F;
		display: inline-block;
		padding: 5px 15px;
		text-decoration: none;
		font-weight: 300;
		margin-left: -15px;
		width: 190px;
		cursor: pointer;
	}
	.option-case {
		display: none;
	}
	.open-case {
		background-color: #fff;
		color: #fff;
		max-height: 200px;
		position: absolute;
		width: 100%;
		display: block;
		margin-left: -15px;
		z-index:1;
		height:0px;
	}
	.open-case > li, .successstories-nav > a {
		display: block;
	}
}
#infyinthenews{
	padding: 75px 0 0 0;
}
.filter-by-topics {
	font-size: 25px;
	font-weight: 900;
	color: #000000;
	line-height: 25px;
} 
.filter-by-topics.mt50 {
    margin-top: 0;
}

/*-press relase--*/

/*--------------------------------------------------------------
# Pressrelease List - Desktop
--------------------------------------------------------------*/
#pr_list .mt-xs-20 .mt20 {
	margin: 20px 0;
}
#pr_list .mt-xs-20 .mt20 > [class*=col] {
	padding-left: 0;
	padding-right: 0;
}
 select.select-pr::-ms-expand {
 display: none;
}
.select-pr {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	outline : none;
	overflow : hidden;
	text-indent : 0.01px;
	text-overflow : '';
	width: 225px;
	background-image: url(../../../content/dam/infosys-web/en/global-resource/background-image/down-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	border: 0;
	border-bottom: 1px solid #7E7E7E;
	font-size: 17px;
	color: #3F3F3F;
	line-height: 20px;
	font-weight: 400;
}
.prlst-para {
	font-size: 22px;
	line-height: 25px;
	color: #000;
	font-weight: 400;
	display: block;
	padding-top: 15px;
}
.thumbnail {
	background-color: #fff;
	border: none;
	border-radius: 0;
	display: block;
	line-height: 1.42857;
	margin-bottom: 0px;
	padding: 0;
	transition: border 0.2s ease-in-out 0s;
}
.list-group-item {
	background-color: transparent;
}
.list-group-item .thumbnail {
	background-color: #fff;
	border: none;
	border-radius: 0;
	display: block;
	line-height: 1.42857;
	margin-bottom: 0px;
	padding-right: 15px;
	transition: border 0.2s ease-in-out 0s;
}
.tag-postion {
	display: none;
}
.list-group-item > .pos-abs, .grid-group-item > .pos-abs {
	background-color: #fff;
	bottom: 0px;
	left: 15px;
	top: 0px !important;
	padding: 15px;
	position: absolute;
	right: 15px;
	width: auto;
}
.list-group-item .social-tag, .grid-group-item .social-tag {
	position: relative;
}
.tag-close:hover {
	opacity: 1;
}
.tag-active {
	background-color: #000;
	color: #FFFFFF !important;
}
.trigger-share-pr {
	position: relative;
	top: 0px;
}
.trigger-share-pr, ul.social-share-pr > li {
	position: absolute;
	top: 0;
	-webkit-transition: .1s linear;
	transition: .1s linear;
	border: none;
}
ul.social-share-pr > li {
	display: none;
	right: -5px;
	top: -11px;
}
ul.social-share-pr > li > a {
	font-size: 18px;
	color: #333333;
}
ul.social-share-pr > li.slideout {
	display: block;
	background-color: #fff;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	height: 40px;
	padding: 5px;
	text-align: center;
	width: 40px;
}

ul.social-tag > li {
	margin-right: 10px;
}
ul.social-tag > li.last {
	margin-right: 0px;
	position: relative;
}

.list-group-item ul.social-tag, .grid-group-item ul.social-tag {
	margin-top: 25px;
	margin-bottom: 0px;
	margin-left: 0;
}

.list-group-item .equal-bg {
	/*padding-left: 0;
	padding-bottom: 0;*/
	padding-top: 15px;
	padding-bottom: 15px;
}
.list-group-item .lng-txt h3, .list-group-item .caption-txt h3, .grid-group-item .caption-txt h3 {
	margin: 0;
}
.list-group-item .prlst-para {
	padding-top: 0;
}
.list-group-item .tag-bg, .grid-group-item .tag-bg {
	left: 0;
}

.list-group-item ul.social-share-pr > li.slideout, .grid-group-item ul.social-share-pr > li.slideout {
	display: block;
}
.close-icon > img {
	position: absolute;
	right: 30px;
	width: 15px;
	height: 15px;
	top: 0px;
}

.toggle-more {
    display: none!important;
}
/*--------------------------------------------------------------
# Product Landing - Desktop
--------------------------------------------------------------*/

@media screen and (max-width: 1024px) {

/*--------------------------------------------------------------
# Pressrelease List - Tablet (Landscape 1024px)
--------------------------------------------------------------*/
    .list-group-item ul.social-share-pr > li.slideout:nth-child(1) {
	-webkit-transform: translateX(-125px);
	-moz-transform: translateX(-125px);
	-ms-transform: translateX(-125px);
	-o-transform: translateX(-125px);
	transform: translateX(-125px);
}
.list-group-item ul.social-share-pr > li.slideout:nth-child(2) {
	-webkit-transform: translateX(-97px);
	-moz-transform: translateX(-97px);
	-ms-transform: translateX(-97px);
	-o-transform: translateX(-97px);
	transform: translateX(-97px);
}
.list-group-item ul.social-share-pr > li.slideout:nth-child(3) {
	-webkit-transform: translateX(-68px);
	-moz-transform: translateX(-68px);
	-ms-transform: translateX(-68px);
	-o-transform: translateX(-68px);
	transform: translateX(-68px);
}
.list-group-item ul.social-share-pr > li.slideout:nth-child(4) {
	-webkit-transform: translateX(-35px);
	-moz-transform: translateX(-35px);
	-ms-transform: translateX(-35px);
	-o-transform: translateX(-35px);
	transform: translateX(-35px);
}
 select.select-pr::-ms-expand {
 display: none;
}
.prlst-para {
	font-size: 21px;
	line-height: 25px;
	color: #000;
	font-weight: 400;
	display: block;
	padding-top: 15px;
}

.thumbnail {
	background-color: #fff;
	border: none;
	border-radius: 0;
	display: block;
	line-height: 1.42857;
	margin-bottom: 0px;
	padding: 0;
	transition: border 0.2s ease-in-out 0s;
}
.list-group-item {
	background-color: transparent;
}
.pos-abs {
	background-color: #fff;
	position: absolute;
	left: 5%;
	right: 5%;
	width: 90%;
	padding: 15px;
	bottom: 0;
}
.list-group-item > .pos-abs {
	background-color: #fff;
	bottom: 0px;
	left: 15px;
	padding: 15px;
	position: absolute;
	right: 15px;
	width: auto;
	top: 0 !important;
}
.tag-close {
	position: absolute;
	right: 15px;
	bottom: 15px;
	width: 15px;
	height: 15px;
}
.trigger-share-pr {
	position: relative;
	top: 0px;
}
.trigger-share-pr, ul.social-share-pr > li {
	position: absolute;
	top: 0;
	-webkit-transition: .1s linear;
	transition: .1s linear;
	border: none;
}
ul.social-share-pr > li {
	right: -15px;
	top: -11px;
	display: none;
}

ul.social-share-pr > li > a {
	font-size: 18px;
	color: #333333;
}
ul.social-share-pr > li.slideout {
	display: block;
}
ul.social-tag > li, ul.social-tag > li.last {
	margin-right: 0px;
	padding-left: 3px;
	padding-right: 3px;
}
.list-group-item ul.social-tag > li, ul.social-tag > li.last {
	margin-right: 0px;
	padding-left: 5px;
	padding-right: 5px;
}
.list-group-item ul.social-share-pr {
	position: absolute;
	top: 7px;
	left: 35px;
}
.list-group-item ul.social-tag {
	margin-top: 25px;
	margin-bottom: 10px;
	margin-left: 0;
}
.list-group-item ul.social-share-pr > li {
	display: none;
	left: 120px;
	right: inherit;
}
.close-icon > img {
	position: absolute;
	right: 30px;
	width: 15px;
	height: 15px;
	top: 0px;
}
}

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

/*--------------------------------------------------------------
# Pressrelease List - Tablet (Portrait 992px)
--------------------------------------------------------------*/
.list-group-item .lng-txt {
	padding-right: 15px;
}
}
@media screen and (max-width: 767px) {
/* Mobile (Landscape) ----------- */
.list-group-item ul.social-share-pr > li.slideout:nth-child(1) {
	-webkit-transform: translateX(35px) translateY(12px);
	-moz-transform: translateX(35px) translateY(12px);
	-ms-transform: translateX(35px) translateY(12px);
	-o-transform: translateX(35px) translateY(12px);
	transform: translateX(35px) translateY(12px);
}
.list-group-item ul.social-share-pr > li.slideout:nth-child(2) {
	-webkit-transform: translateX(65px) translateY(12px);
	-moz-transform: translateX(65px) translateY(12px);
	-ms-transform: translateX(65px) translateY(12px);
	-o-transform: translateX(65px) translateY(12px);
	transform: translateX(65px) translateY(12px);
}
.list-group-item ul.social-share-pr > li.slideout:nth-child(3) {
	-webkit-transform: translateX(95px) translateY(12px);
	-moz-transform: translateX(95px) translateY(12px);
	-ms-transform: translateX(95px) translateY(12px);
	-o-transform: translateX(95px) translateY(12px);
	transform: translateX(95px) translateY(12px);
}
.list-group-item ul.social-share-pr > li.slideout:nth-child(4) {
	-webkit-transform: translateX(130px) translateY(12px);
	-moz-transform: translateX(130px) translateY(12px);
	-ms-transform: translateX(130px) translateY(12px);
	-o-transform: translateX(130px) translateY(12px);
	transform: translateX(130px) translateY(12px);
}
.list-group-item ul.social-share-pr {
    position: absolute;
    left: -112px;
    top: -7px !important;
}
.list-group-item {
	padding: 0 15px;
}
 select.select-pr::-ms-expand {
 display: none;
}

.prlst-para {
	font-size: 22px;
	line-height: 25px;
	color: #000;
	font-weight: 400;
	display: block;
	padding-top: 15px;
}
.thumbnail {
	background-color: #fff;
	border: none;
	border-radius: 0;
	display: block;
	line-height: 1.42857;
	margin-bottom: 0px;
	padding: 0;
	transition: border 0.2s ease-in-out 0s;
}
.list-group-item {
	background-color: transparent;
}

.pos-abs {
	background-color: #FFFFFF;
	bottom: 0;
	left: 15px;
	padding: 15px;
	position: absolute;
	right: 15px;
	width: auto;
}
.list-group-item .lng-txt {
	padding-top: 15px;
}
.list-group-item > .pos-abs {
	background-color: #fff;
	left: 15px;
	right: 15px;
	position: absolute;
	width: auto;
	top: 0 !important;
}

.trigger-share-pr {
	position: relative;
	top: 0px;
}
.social-tag > li {
	margin-right: 10px;
}
ul.social-tag > li.last {
	margin-right: 0px;
	position: relative;
}
.list-group-item ul.social-tag {
	margin-top: 25px;
	margin-left: 0;
}

.list-group-item .equal-bg {
	padding-bottom: 0;
	padding-top: 0;
}
.list-group-item .caption-txt .prlst-para {
	padding-top: 15px;
}

.close-icon > img {
	position: absolute;
	right: 30px;
	width: 15px;
	height: 15px;
	top: 0px;
}
}

@media screen and (max-width: 640px) {

/*--------------------------------------------------------------
# Pressrelease List - Mobile (Landscape 640px)
--------------------------------------------------------------*/

ul.social-share-pr > li {
	left: 35%;

}
}

@media screen and (max-width: 480px) {

/*--------------------------------------------------------------
# Pressrelease List - Mobile (Landscape 480px)
--------------------------------------------------------------*/

ul.social-share-pr > li {
	left: 47%;
}

}
@media screen and (max-width: 320px) {

/*--------------------------------------------------------------
# Pressrelease List - Mobile (Landscape 320px)
--------------------------------------------------------------*/

ul.social-share-pr > li {
	left: 73%;
}
}

b, strong {
    font-weight: 600 !important;
}

.virtual-event a {
    padding: 20px;
    background-color: #eac8a5;
    color: #000;
}


@media screen and (max-width: 767px) {

.virtual-event a {
    padding: 0px;
    background-color: transparent;
    color: #777;
}

}
.search-icon{position:absolute;right:140px;top:47px;z-index:1}.search{position:relative;text-align:center}.search{position:fixed;z-index:1000;top:0;left:0;overflow:hidden;height:100vh}.search::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background:rgba(0,0,0,.3)}.search__inner{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:50%;background:#f0f0f0}.search__inner--up{color:#333;background:#fff}.search__inner--down{top:50%;color:#f8f8f8;background:#f8f8f8}.btn--search-close{font-size:2em;position:absolute;z-index:100;top:1.25em;right:1.25em;display:none}.btn--search-close{display:block}.search__form{width:75%;max-width:900px}.search__input{font-size:7vw;line-height:1;display:inline-block;box-sizing:border-box;width:100%;padding:0 0 .1em 0;color:inherit;border-bottom:4px solid!important}.search__input::-webkit-input-placeholder{opacity:.1;color:#fff}.search__input::-moz-placeholder{opacity:.1;color:#fff}.search__input:-ms-input-placeholder{opacity:.1;color:#fff}.search__input::-webkit-search-cancel-button,.search__input::-webkit-search-decoration{-webkit-appearance:none}.search__input::-ms-clear{display:none}.search__info{font-size:90%;font-weight:700;display:block;width:100%;margin:0 auto;padding:.85em 0;text-align:right}.search__related{display:flex;width:75%;max-width:900px;pointer-events:none}.search__suggestion{width:50%;padding:0 1em 0 0;text-align:left}.search__suggestion:last-child{padding:0 0 0 1em}.search__suggestion h3{font-size:1.35em;margin-bottom:20px;color:#777}.search__suggestion h3::before{content:'\21FE';display:inline-block;padding:0 .5em 0 0}.search__suggestion p{font-size:1.15em;line-height:1.4;margin:.75em 0 0 0}.main-wrap--hide{opacity:0;transform:scale3d(.8,.8,1)}.search{pointer-events:none}.search--open{pointer-events:auto}.search::before{opacity:0;transition:opacity 0.6s;transition-timing-function:cubic-bezier(.2,1,.3,1)}.search--open::before{opacity:1}.btn--search{transition:opacity 0s}.main-wrap--hide .btn--search{opacity:0;transition-delay:0s}.btn--search-close{opacity:0;transform:scale3d(.8,.8,1);transition:opacity 0.6s,transform 0.6s;transition-timing-function:cubic-bezier(.2,1,.3,1)}.search--open .btn--search-close{opacity:1;transform:scale3d(1,1,1)}.search__inner{transition:transform 0.6s;transition-timing-function:cubic-bezier(.2,1,.3,1)}.search__inner--up{transform:translate3d(0,-100%,0)}.search__inner--down{transform:translate3d(0,100%,0)}.search--open .search__inner{transform:translate3d(0,0,0)}.search__suggestion{transform:translate3d(0,150px,0);transition:transform 1s;transition-timing-function:cubic-bezier(.2,1,.3,1)}.search--open .search__suggestion{transform:translate3d(0,0,0);transition-delay:0.05s}.search--open .search__suggestion:last-child{transition-delay:0.1s}.btn1{margin:0;padding:0;cursor:pointer;border:none;background:none}.btn1:focus{outline:none}.btn--search{font-size:1.5em}.search__input{border:0;background:transparent;border-radius:0;-webkit-appearance:none}.search__input:focus{outline:none}.btn1{text-decoration:none;color:#d17c78;outline:none}.hidden1{position:absolute;overflow:hidden;width:0;height:0;pointer-events:none}.icon{display:block;width:1.5em;height:1.5em;margin:0 auto;fill:currentColor}.search__color a,.search__color .btn1{font-size:20px}.search__color .btn--search-close{background-color:#000;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;padding:8px;color:#FFFFFF!important}.search__suggestion .tags-on-fly{border:1px solid #000;color:#000;display:inline-block;font-size:14px;font-weight:700;margin:8px 16px 8px 0;padding:10px 18px;transition:all 0.3s ease-in-out 0s}.search__suggestion .tags-on-fly:hover{background:#000;color:#fff}@media screen and (max-width:40em){.btn--search-close{font-size:1.25em}.search__suggestion{width:100%}.search__suggestion:last-child{display:none}.search-wrap{font-size:.85em;position:absolute}}@media all and (max-width:1024px){.search-icon{right:100px}}@media all and (max-width:640px){.search-icon{right:85px}}
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&display=swap');
@import url('https://use.typekit.net/nkq8fly.css');

@font-face {
    font-family: 'tungstenw05-medium';
    src: url('../../../content/dam/infosys-bpm/en/fonts/tungstenw05-medium.woff2') format('woff2'),
        url('../../../content/dam/infosys-bpm/en/fonts/tungstenw05-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

body,
html {
    font-family: myriad-pro, Arial;
    font-size: 18px;
    font-weight: 300;
    color: #000;
    padding: 0;
    margin: 0
}

h1,
h2 {
    margin: 0
}

h3,
h4,
h5 {
    font-weight: 900;
    margin: 10px 0
}

a {
    color: #007cc3;
    font-weight: 400;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    outline: 0
}

a:focus,
a:hover {
    color: #007cc3;
    text-decoration: none
}

.ms-rtestate-field h1,
h1.ms-rteElement-H1,
.ms-rtestate-field h2,
h2.ms-rteElement-H2 {
    color: inherit
}

.hero-list ol.sticky-icons>li.hidden-xs {
    display: none
}

menu.ms-hide {
    display: none
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

.promo-home-intro {
    padding: 130px 0 50px
}

.border-cross a {
    display: block;
    color: #000;
    padding: 15px
}

.border-cross {
    display: inline-block;
    position: relative;
    background: none;
    color: #000;
    border: 1px solid #00b28f;
    width: 100%;
    height: 100%
}

.border-cross p {
    display: block;
    margin: 0
}

.border-cross::before,
.border-cross::after {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    transition: all 0.2s linear;
    background: #00b28f
}

.border-cross p::before,
.border-cross p::after {
    content: "";
    width: 2px;
    height: 0;
    position: absolute;
    transition: all 0.2s linear;
    background: #00b28f
}

.border-cross:hover::before,
.border-cross:hover::after {
    width: 100%
}

.border-cross:hover p::before,
.border-cross:hover p::after {
    height: 100%
}

.border-cross::after {
    right: 0;
    bottom: 0;
    transition-duration: 0.4s
}

.border-cross p::after {
    right: 0;
    bottom: 0;
    transition-duration: 0.4s
}

.border-cross::before {
    left: 0;
    top: 0;
    transition-duration: 0.4s
}

.border-cross p::before {
    left: 0;
    top: 0;
    transition-duration: 0.4s
}

.cookie-outer {
    background-color: #061838;
    color: #fff;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    display: none
}

.cookie-outer span {
    display: inline-block;
    margin: 0 -15px;
    padding: 5px 0;
    width: 90%;
    font-size: 16px;
    font-weight: 400
}

.cookie-outer span a {
    color: #fff;
    text-decoration: underline
}

.cookie-outer .close-nav {
    position: absolute;
    right: 0;
    top: 16%
}

.cookie-outer .close-nav i {
    color: #fff;
    display: inline-block;
    padding: 0 15px
}

iframe[name=google_conversion_frame] {
    display: none
}

.iframe-width {
    width: 100%;
    height: 580px
}

.iframe-height-investors,
.iframe-height-about {
    width: 100%;
    height: 620px
}

.iframe-innovation {
    width: 100%;
    height: 1000px
}

.iframe-height-reg {
    width: 100%;
    height: 450px !important;
    scroll-behavior:
}

.investors-feedback-iframe-height {
    width: 100%;
    height: 1200px
}

.website-feedback-iframe-height {
    width: 100%;
    height: 820px
}

.market-analyst-iframe-height {
    width: 100%;
    height: 1200px
}

#videoModal.modal {
    z-index: 9999
}

#videoModal .modal-dialog {
    margin: 130px auto
}

#videoModal .modal-body {
    padding: 0
}

#videoModal button.close {
    position: absolute;
    font-size: 50px;
    color: #fff;
    top: -15px;
    right: -40px;
    opacity: 1
}

.btn-shutter {
    color: #000;
    border: 1px solid #000;
    position: relative;
    z-index: 1;
    display: inline-block;
    background-color: #FFF;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 5px 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    letter-spacing: 1.5px;
    font-weight: 900
}

.btn-shutter:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #000;
    z-index: -1
}

.btn-shutter:hover {
    border: 1px solid #000;
    background-color: transparent;
    color: #fff
}

.btn-shutter:hover:before {
    width: 100%
}

.btn-shutter-black {
    color: #000;
    border: 1px solid #000;
    position: relative;
    z-index: 1;
    display: inline-block;
    background-color: #FFF;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 5px 15px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    letter-spacing: 1.5px;
    font-weight: 900
}

.btn-shutter-black:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #000;
    z-index: -1
}

.btn-shutter-black:hover {
    border: 1px solid #000;
    background-color: transparent;
    color: #fff
}

.btn-shutter-black:hover:before {
    width: 100%
}

.btn-shutter-more {
    color: #fff;
    border: 1px solid #fff;
    position: relative;
    z-index: 1;
    display: inline-block;
    background-color: transparent;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 12px 50px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    letter-spacing: 1.5px;
    margin-top: 20px;
    font-weight: 700;
    font-size: 14px
}

.btn-shutter-more:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: #000;
    z-index: -1
}

.btn-shutter-more:hover {
    border: 1px solid #000;
    background-color: transparent;
    color: #fff
}

.btn-shutter-more:hover:before {
    width: 100%
}

.btn-shutter-white:before {
    background-color: #fff !important
}

.btn-shutter-white:hover {
    border: 1px solid #fff !important;
    color: #000 !important
}

.white-color {
    color: #ffffff !important
}

.black-color {
    color: #000000 !important
}

.light-gray {
    color: #7E7E7E !important
}

.color-sapphire-d {
    color: #061838 !important
}

.color-sapphire-m {
    color: #0F9FFA !important
}

.color-sapphire-l {
    color: #92D1FF !important
}

.color-sapphire-lbg {
    color: #BEE3FF !important
}

.color-coral-d {
    color: #4C0519 !important
}

.color-coral-m {
    color: #F16C51 !important
}

.color-coral-l {
    color: #FBC2BA !important
}

.color-coral-lbg {
    color: #FCDDD6 !important
}

.color-topaz-d {
    color: #2F1113 !important
}

.color-topaz-m {
    color: #DF9926 !important
}

.color-topaz-l {
    color: #EAC8A5 !important
}

.color-topaz-lbg {
    color: #ECE1CE !important
}

.color-jade-d {
    color: #09321D !important
}

.color-jade-m {
    color: #00B28F !important
}

.color-jade-l {
    color: #A8D7CD !important
}

.color-jade-lbg {
    color: #D8E7DA !important
}

.color-amethyst-d {
    color: #372261 !important
}

.color-amethyst-m {
    color: #963596 !important
}

.color-amethyst-l {
    color: #D0B5D5 !important
}

.color-amethyst-lbg {
    color: #E6DBE6 !important
}

.color-onyx-d {
    color: #3F3F3F !important
}

.color-onyx-m {
    color: #7E7E7E !important
}

.color-onyx-l {
    color: #B8B8B8 !important
}

.color-onyx-lbg {
    color: #DADADA !important
}

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

.bg-blue {
    background-color: #0f9ffa !important
}

.bg-black {
    background-color: #000 !important
}

.bg-egyptian-blue {
    background-color: #213f98 !important
}

.bg-light-white {
    background-color: #f2f2f2
}

.bg-light-grey {
    background-color: #f8f8f8
}

.bg-darkblue {
    background-color: #372261
}

.bg-purple {
    background-color: #963596
}

.bg-green {
    background-color: #1995a4
}

.bg-cyan {
    background-color: #0f9ffa
}

.bg-twittercyan {
    background-color: #4fb6dc
}

.bg-orange {
    background-color: #DF9926
}

.bg-sapphire-dark {
    background-color: #061838
}

.bg-sapphire-medium {
    background-color: #0F9FFA
}

.bg-sapphire-light {
    background-color: #92D1FF
}

.bg-sapphire-less-light {
    background-color: #BEE3FF
}

.bg-coral-dark {
    background-color: #4C0519
}

.bg-coral-medium {
    background-color: #F16C51 !important
}

.bg-coral-light {
    background-color: #FBC2BA
}

.bg-coral-less-light {
    background-color: #FCDDD6
}

.bg-topaz-dark {
    background-color: #2F1113 !important
}

.bg-topaz-medium {
    background-color: #DF9926 !important
}

.bg-topaz-light {
    background-color: #EAC8A5
}

.bg-topaz-less-light {
    background-color: #ECE1CE
}

.bg-jade-dark {
    background-color: #09321D
}

.bg-jade-medium {
    background-color: #00B28F
}

.bg-jade-light {
    background-color: #A8D7CD
}

.bg-jade-less-light {
    background-color: #D8E7DA
}

.bg-amethyst-dark {
    background-color: #372261
}

.bg-amethyst-medium {
    background-color: #963596
}

.bg-amethyst-light {
    background-color: #D0B5D5
}

.bg-amethyst-less-light {
    background-color: #E6DBE6
}

.bg-onyx-dark {
    background-color: #3F3F3F
}

.bg-onyx-medium {
    background-color: #7E7E7E
}

.bg-onyx-light {
    background-color: #B8B8B8
}

.bg-onyx-less-light {
    background-color: #DADADA
}

.size-md-14 {
    font-size: 14px
}

.size-md-20 {
    font-size: 20px
}

.size-md-25 {
    font-size: 25px
}

.size-md-28 {
    font-size: 28px
}

.size-md-70 {
    font-size: 70px
}

.fontweight300 {
    font-weight: 300 !important
}

.fontweight400 {
    font-weight: 400 !important
}

.fontweight600 {
    font-weight: 600 !important
}

.fontweight900 {
    font-weight: 900 !important
}

.half-grid [class*=col-] {
    margin-bottom: 20px
}

.eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.eq-height:before,
.eq-height:after {
    content: normal
}

.eq-height>[class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

.eq-height .eqh-box {
    position: relative;
    height: 100%;
    padding-bottom: 0;
    overflow: hidden
}

.eq-height .eqh-box img {
    max-width: none;
    -webkit-transform: translate3d(-15px, 0, 0);
    transform: translate3d(-15px, 0, 0);
    transition: all 0.35s ease 0s;
    width: calc(100% + 10px)
}

.eq-height .eqh-box:hover img {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.btn-bottom {
    position: absolute !important;
    bottom: 0
}

.m0 {
    margin: 0
}

.ml25 {
    margin-left: 25px
}

.mt0 {
    margin-top: 0
}

.mt5 {
    margin-top: 5px
}

.mt10 {
    margin-top: 10px
}

.mt20 {
    margin-top: 20px
}

.mt45 {
    margin-top: 45px
}

.mt50 {
    margin-top: 50px
}

.mt80 {
    margin-top: 80px
}

.mt100 {
    margin-top: 100px
}

.mt175 {
    margin-top: 175px
}

.mb0 {
    margin-bottom: 0
}

.mb5 {
    margin-bottom: 5px
}

.mb10 {
    margin-bottom: 10px
}

.mb20 {
    margin-bottom: 20px
}

.mb30 {
    margin-bottom: 30px
}

.mb50 {
    margin-bottom: 50px !important
}

.mb60 {
    margin-bottom: 60px
}

.mtb30 {
    margin: 30px 0
}

.p0 {
    padding: 0
}

.p60 {
    padding: 60px
}

.p15 {
    padding: 15px
}

.p50 {
    padding: 50px
}

.pt0 {
    padding-top: 0 !important
}

.pt5 {
    padding-top: 5px
}

.pt10 {
    padding-top: 10px
}

.pt15 {
    padding-top: 15px
}

.pt20 {
    padding-top: 20px
}

.pt40 {
    padding-top: 40px
}

.pt45 {
    padding-top: 45px
}

.pt50 {
    padding-top: 50px
}

.pt75 {
    padding-top: 75px
}

.pb0 {
    padding-bottom: 0
}

.pb50 {
    padding-bottom: 50px
}

.pb25 {
    padding-bottom: 25px
}

.pb75 {
    padding-bottom: 75px !important
}

.ptb50 {
    padding: 50px 0
}

.ptb15 {
    padding: 15px 0
}

.ptb75 {
    padding: 75px 0
}

.plr5 {
    padding: 0 5px
}

.noborder {
    border: 0
}

.line-height-24 {
    line-height: 24px
}

.line-height-26 {
    line-height: 26px
}

.line-height-28 {
    line-height: 28px
}

.relative {
    position: relative
}

.block {
    display: block
}

.left-arrow img.arrow-move {
    position: relative;
    left: 0;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s
}

.left-arrow:hover img.arrow-move {
    left: 5px
}

.scroll-up {
    position: fixed;
    bottom: 20px;
    right: 18px;
    display: none;
    z-index: 1
}

#challenges-solution .panel {
    border: 0 none;
    box-shadow: none
}

#challenges-solution .panel-heading {
    padding: 0;
    background: #fff
}

#challenges-solution .panel-default {
    display: block;
    position: relative;
    background: transparent;
    margin-bottom: 15px;
    padding: 15px 25px 15px 0;
    border-bottom: 1px solid #F16C51;
    border-radius: 0 15px 0 15px;
    transition: all 0.10s linear 0s
}

#challenges-solution .panel-title a {
    padding-left: 50px;
    padding-right: 50px;
    color: #F16C51;
    font-weight: 600
}

#challenges-solution .panel-title a.collapsed {
    color: #000;
    margin: 0
}

#challenges-solution .panel-title a span::before {
    background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/challenge.svg);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    width: 25px;
    height: 25px;
    position: absolute;
    content: "";
    left: 15px
}

#challenges-solution .panel-title a.collapsed:before {
    content: "";
    border: 0 none
}

#challenges-solution .panel-title a.collapsed:hover,
#challenges-solution .panel-title a.collapsed:hover:after {
    color: #F16C51
}

#challenges-solution .panel-title a:after,
#challenges-solution .panel-title a.collapsed:after {
    content: "\f106";
    font-family: "FontAwesome";
    font-weight: 900;
    color: #F16C51;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    top: 0;
    right: 0
}

#challenges-solution .panel-title a.collapsed:after {
    content: "\f107";
    color: #000
}

#challenges-solution .panel-body {
    border-top: 0 none;
    color: #7E7E7E;
    background-color: transparent;
    padding: 15px 50px
}

.industries-gradient,
.product-gradient,
.casestudies-gradient {
    background-color: #963596
}

.newsroom-gradient {
    background-color: #DF9926
}

.investors-gradient,
.investors-gradient {
    background-color: #0F9FFA
}

.l3-gradient {
    background-color: #F16C51
}

.contactus-gradient {
    background-color: #7E7E7E
}

.about-section,
.services-section,
.contact-section,
#overview,
#insights,
#what_new,
#success_stories,
#our_offerings,
#our_experts,
#request_for_services,
#how_wecan_help,
#infosys_delivers,
#challenges_solutions,
#resource_center,
#infosys_edge,
#about_us,
#innovation_fund,
#thought_leadership,
#lets_help_you,
#looking_for,
#locations,
#our_products,
#forbes-article,
#press_releases,
#pattern_bg {
    padding: 75px 0
}

.h1-heading {
    font-size: 80px;
    line-height: 80px;
    font-weight: 500;
    font-family: 'tungstenw05-medium', 'Oswald', sans-serif;

    .h2-heading {
        font-size: 70px;
        font-weight: 500;
        font-family: 'tungstenw05-medium', 'Oswald', sans-serif;
        ;
        line-height: 70px
    }

    .para-txt {
        font-size: 40px;
        font-weight: 300;
        margin-top: 10px;
        line-height: 40px
    }

    .row-eq-ht {
        overflow: hidden
    }

    .col-eq-ht {
        margin-bottom: -9999px;
        padding-bottom: 9999px
    }

    #overview .title-sml {
        margin-bottom: 20px
    }

    .title-sml {
        font-size: 42px;
        color: #000;
        font-weight: 900;
        line-height: 44px;
        letter-spacing: -2px
    }

    .yellow-dots {
        text-align: center
    }

    .yellow-dots-left,
    .yellow-dots-left-sml,
    .yellow-dots>span {
        display: none
    }

    .hidden-scroll {
        overflow: hidden ;
        -webkit-overflow-scrolling: hidden ;
        -moz-overflow-scrolling: hidden !important;
        -ms-overflow-scrolling: hidden !important;
        -o-overflow-scrolling: hidden !important;
        position: relative
    }

    #L2_home_banner {
        height: 75vh;
        position: relative
    }

    .L2-home-banner-image {
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: auto;
        min-height: 100%;
        min-width: 100%
    }

    .L2-top {
        margin-top: 200px
    }

    #sml_ht_home_banner {
        padding: 100px 0 50px
    }

    .l-top {
        margin-top: 100px
    }

    #main-text-body {
        padding: 75px 0
    }

    #main-text-body p,
    #main-text-body ul {
        font-size: 20px;
        margin-bottom: 25px
    }

    #main-text-body img {
        padding: 0;
        margin-bottom: 25px
    }

    #main-text-body ul>li,
    #main-text-body ol>li,
    #content-container ul>li,
    #solution ul>li,
    .content-inner ul>li,
    ul.list-items>li {
        margin-bottom: 20px
    }

    #main-text-body ul,
    #main-text-body ol,
    #press_releases ul,
    #content-container ul,
    .content-inner ul,
    #solution ul,
    ul.list-items {
        padding: 0
    }

    #main-text-body ul>li,
    #main-text-body ol>li,
    #press_releases ul>li,
    #content-container ul>li,
    .content-inner ul>li,
    #solution ul>li,
    ul.list-items>li {
        display: block;
        padding-left: 20px;
        background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/18/right-chevron-blue.svg);
        background-repeat: no-repeat;
        background-position: 0 6px
    }

    #main-text-body ul>li>ul>li,
    #main-text-body ol>li>ul>li,
    #press_releases ul>li>ul>li,
    #content-container ul>li>ul>li,
    .content-inner ul>li>ul>li,
    #solution ul>li>ul>li,
    ul.list-items>li>ul>li {
        background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/18/list-second-blue.svg);
        padding-left: 25px
    }

    #main-text-body .h2-heading {
        font-size: 70px !important;
        line-height: 70px !important;
        margin-bottom: 15px
    }

    #main-text-body .h1-heading {
        margin-bottom: 15px
    }

    #main-text-body h2 {
        margin-bottom: 15px;
        margin-top: 0;
        font-weight: 500;
        font-size: 70px;
        line-height: 70px
    }

    #main-text-body h3,
    #main-text-body h4,
    #main-text-body h5,
    #main-text-body h5>a,
    #main-text-body h6 {
        margin-bottom: 15px;
        margin-top: 0;
        font-weight: 900;
        letter-spacing: -1px
    }

    #main-text-body h3 {
        font-size: 40px
    }

    #main-text-body h4 {
        font-size: 30px
    }

    #main-text-body h5,
    h5>a {
        font-size: 25px
    }

    #main-text-body h6 {
        font-size: 20px
    }

    .main-text-body-investors h1 {
        font-size: 80px;
        font-family: 'tungstenw05-medium', 'Oswald', sans-serif;
        ;
        font-weight: 500;
        line-height: 80px;
        margin: 15px 0
    }

    .main-text-body-investors h4 {
        font-size: 25px !important
    }

    .align-left {
        float: left;
        margin-right: 15px;
        margin-bottom: 15px !important;
        clear: both;
        border: 1px solid #ccc
    }

    .table-wrap {
        margin-bottom: 15px
    }

    .table-wrap table {
        border: 1px solid #ddd;
        width: 100%
    }

    .table-wrap table tr th {
        font-size: 16px;
        color: #000;
        font-weight: 600;
        background-color: #f1f1f1;
        padding: 10px 5px;
        border: 1px solid #ddd
    }

    .table-wrap table tr td {
        font-size: 16px;
        color: #3F3F3F;
        font-weight: 400;
        padding: 10px;
        word-wrap: break-word;
        border: 1px solid #ddd
    }

    .navbar-default .navbar-nav>.open>a,
    .navbar-default .navbar-nav>.open>a:focus,
    .navbar-default .navbar-nav>.open>a:hover {
        background-color: transparent;
        color: #ffffff !important
    }

    .navbar-default .navbar-nav>li>a:focus,
    .navbar-default .navbar-nav>li>a:hover {
        background-color: transparent;
        color: #fff !important;
        opacity: .75
    }

    .navbar-default {
        border-color: transparent;
        background-color: transparent
    }

    .navbar-brand {
        padding: 5px 15px 0
    }

    .navbar {
        margin-bottom: 0;
        min-height: auto
    }

    .navbar-default .navbar-nav>li>a {
        color: #fff;
        font-size: 16px;
        margin: 0 8px;
        font-weight: 300
    }

    header .mt45 {
        margin-top: 35px
    }

    .breadcrumb-menu {
        margin-top: -1px
    }

    .listmenu {
        position: relative;
        width: 100%;
        padding: 0;
        z-index: 2
    }

    .fix-menu a,
    .nyn-menu a {
        color: #fff
    }

    .hero-list {
        position: absolute;
        width: 100%;
        margin-top: 125px
    }

    .hero-list1 {
        margin-left: 10%;
        margin-right: 20%;
        margin-top: 0;
        padding: 8px 0;
        position: fixed;
        width: 69%
    }

    .hero-list1>ol.rmv-breadcrum>li,
    .hero-list1>ol.rmv-breadcrum>li>a {
        color: #000;
        font-size: 16px
    }

    .hero-list1 .dropdown-menu {
        margin-top: -37px
    }

    .hero-list1>ol.rmv-breadcrum>li.open>a {
        color: #DF9926
    }

    .hero-list>ol>li.open>ul.dropdown-menu {
        width: 100%;
        left: auto
    }

    ol.rmv-breadcrum {
        background-color: transparent;
        margin-bottom: 0;
        padding: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    ol.rmv-breadcrum>li+li::before {
        content: " "
    }

    ol.rmv-breadcrum>li,
    ol.rmv-breadcrum>li>a {
        color: #fff;
        font-size: 14px;
        text-decoration: none
    }

    ol.rmv-breadcrum>li>a {
        font-weight: 300;
        padding-bottom: 5px
    }

    ol.rmv-breadcrum>li:last-child,
    ol.rmv-breadcrum>li:last-child>a {
        font-weight: 400
    }

    ol.visible-list>li:nth-child(4) {
        font-size: 17px
    }

    .strip-head {
        color: #333;
        float: left;
        font-size: 16px;
        font-weight: 900;
        width: 65%
    }

    .sticky-icons>li>a>img.share-icon {
        width: 17px;
        height: 45px;
        margin-right: 20px;
        display: block;
        padding: 14px 0
    }

    .sticky-icons>li>a.small {
        font-weight: 600
    }

    .small img.arrow-right-header {
        position: relative;
        left: 0;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s
    }

    .small:hover img.arrow-right-header {
        left: 5px
    }

    .arrow-right-header {
        margin-left: 10px;
        width: 17px;
        height: 17px
    }

    .arrow-right-header1 {
        margin-left: 10px;
        width: 43px;
        height: 43px;
        margin-top: 180px
    }

    .hidden-list {
        display: none !important
    }

    .visible-list {
        display: block !important
    }

    .visible1024-cross {
        display: none
    }

    .hero-list1>.visible-list {
        margin: 0
    }

    .pos-right {
        margin-right: 100px
    }

    .mega-dropdown-menu {
        border: 0
    }

    .mega-dropdown {
        position: static !important
    }

    .mega-dropdown>a {
        -webkit-transition: all 0s cubic-bezier(0, 0, 0, 0);
        -moz-transition: all 0s cubic-bezier(0, 0, 0, 0);
        -ms-transition: all 0s cubic-bezier(0, 0, 0, 0);
        -o-transition: all 0s cubic-bezier(0, 0, 0, 0);
        transition: all 0s cubic-bezier(0, 0, 0, 0)
    }

    .mega-dropdown-menu {
        padding: 20px 0;
        width: 100%;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .mega-dropdown-menu>li>ul {
        padding: 0;
        margin: 0
    }

    .mega-dropdown-menu>li>ul>li {
        list-style: none
    }

    .mega-dropdown-menu>li>ul>li>a {
        display: block;
        padding: 3px 0;
        clear: both;
        font-weight: 400;
        font-size: 14px;
        color: #000;
        white-space: normal
    }

    .mega-dropdown-menu>li ul>li>a:hover,
    .mega-dropdown-menu>li ul>li>a:focus {
        text-decoration: none;
        color: #DF9926
    }

    li>a>.angle-down {
        font-size: 20px;
        position: relative;
        top: 2px;
        left: 5px
    }

    li.open>a>.angle-down {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s
    }

    li>a>.reverseArrow {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s
    }

    li.open>a>.reverseArrow {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s
    }

    .dropdown-menu {
        margin: 0;
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
        -o-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
        box-shadow: 0 0 10px rgba(0, 0, 0, .6)
    }

    .mega-dropdown-menu .dropdown-header,
    .mega-dropdown-menu .dropdown-header>a {
        color: #000;
        font-size: 14px;
        font-weight: 700;
        padding: 3px 0
    }

    .mega-dropdown-menu .dropdown-header>a {
        padding: 0
    }

    .mega-dropdown-menu form {
        margin: 3px 20px
    }

    .mega-dropdown-menu .form-group {
        margin-bottom: 3px
    }

    .learn,
    .innovate,
    .automate {
        height: 100vh;
        background-repeat: no-repeat !important;
        -webkit-background-size: cover !important;
        background-size: cover !important;
        color: #fff;
        padding-top: 25px
    }

    .head-txt {
        font-size: 40px;
        margin-bottom: 15px;
        font-weight: 900
    }

    .sub-head {
        font-style: italic;
        font-weight: 400;
        letter-spacing: .7px
    }

    .head-txt,
    .sub-head {
        padding: 0 30px
    }

    .automate {
        background: #df9926 url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/energize-the-core-menu.jpg) no-repeat scroll -80px 5px
    }

    .innovate {
        background: #0f9ffa url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/agile-digital-menu.jpg) no-repeat scroll -20px 65px
    }

    .learn {
        background: #963596 url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/always-learning-menu.jpg) no-repeat scroll 0 65px
    }

    .submenu-portion {
        width: 75%;
        background-color: #F2F2F2;
        height: 100vh;
        padding: 60px 15px 30px
    }

    .menuItems {
        background-color: #fff;
        background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/pattern-bg.png);
        background-repeat: repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        background-size: cover;
        background-position: center center;
        height: 100vh;
        padding: 35px
    }

    .industries-menu,
    .services-menu,
    .platforms-menu,
    .nyn-menu,
    .aboutus-menu {
        display: none;
        position: absolute;
        width: 100%
    }

    .hear-txt-sub {
        font-weight: 600;
        color: #000;
        font-size: 18px
    }

    .menu .align-list>ul>li {
        font-size: 14px;
        color: #000;
        margin: 8px 0
    }

    .align-list>ul>li>a {
        color: #303030
    }

    .align-list>ul>li>a:hover {
        color: #0F9FFA
    }

    .menu-seprator {
        float: left;
        width: 100%;
        border-bottom: 1px solid #e2e2e2;
        1 margin: 0 0 5px
    }

    .li-separator li {
        border-bottom: 1px solid #e2e2e2;
        padding: 20px 0;
        margin: 0 !important
    }

    .logo-inner {
        margin: 20px 0
    }

    .menu-bg,
    .burger {
        margin-top: 35px;
        margin-right: 40px
    }

    .menu-bg {
        background-color: #fff;
        border-radius: 50%;
        height: 45px;
        width: 45px;
        position: absolute;
        right: 10px;
        top: 0
    }

    .burger {
        height: 48px;
        width: 48px;
        position: absolute;
        top: 0;
        right: 8px;
        cursor: pointer
    }

    .scrollbg-show .burger.open {
        top: 0
    }

    .burger.open {
        background-color: #fff;
        width: 50px;
        height: 50px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }

    .show-strip .burger.open {
        top: 0px
    }

    .reverseMenu {
        background-color: #061838 !important;
        color: #fff
    }

    .icon-bar11,
    .icon-bar21,
    .icon-bar31 {
        background-color: #fff !important
    }

    .icon-bar1,
    .icon-bar2,
    .icon-bar3 {
        position: absolute;
        margin: auto;
        top: 0;
        right: 15px;
        bottom: 0;
        background-color: #061838;
        -webkit-transition: all 200ms ease-out;
        -moz-transition: all 200ms ease-out;
        -ms-transition: all 200ms ease-out;
        -o-transition: all 200ms ease-out;
        transition: all 200ms ease-out
    }

    .icon-bar1,
    .icon-bar3 {
        height: 2px;
        width: 18px;
        top: -18px
    }

    .icon-bar2 {
        height: 2px;
        top: -2px;
        width: 10px
    }

    .icon-bar3 {
        top: 14px
    }

    .open>.icon-bar11,
    .open>.icon-bar31 {
        background-color: #061838 !important
    }

    .open>.collapse {
        top: 5px !important;
        left: auto;
        background-color: #061838;
        -webkit-transition: all 70ms ease-out;
        -moz-transition: all 70ms ease-out;
        -ms-transition: all 70ms ease-out;
        -o-transition: all 70ms ease-out;
        transition: all 70ms ease-out;
        display: block
    }

    .rotate30 {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
        -webkit-transition: all 50ms ease-out;
        -moz-transition: all 50ms ease-out;
        -ms-transition: all 50ms ease-out;
        -o-transition: all 50ms ease-out;
        transition: all 50ms ease-out
    }

    .rotate150 {
        -ms-transform: rotate(150deg);
        -webkit-transform: rotate(150deg);
        transform: rotate(150deg);
        -webkit-transition: all 50ms ease-out;
        -moz-transition: all 50ms ease-out;
        -ms-transition: all 50ms ease-out;
        -o-transition: all 50ms ease-out;
        transition: all 50ms ease-out
    }

    .rotate45 {
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 100ms ease-out;
        -moz-transition: all 100ms ease-out;
        -ms-transition: all 100ms ease-out;
        -o-transition: all 100ms ease-out;
        transition: all 100ms ease-out
    }

    .rotate135 {
        -ms-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        -webkit-transition: all 100ms ease-out;
        -moz-transition: all 100ms ease-out;
        -ms-transition: all 100ms ease-out;
        -o-transition: all 100ms ease-out;
        transition: all 100ms ease-out
    }

    .circle {
        border-radius: 50%;
        width: 0;
        height: 0;
        position: absolute;
        top: 65px;
        right: 95px;
        background-color: #fff;
        opacity: 1;
        -webkit-transition: all 300ms cubic-bezier(0, .995, .99, 1);
        -moz-transition: all 300ms cubic-bezier(0, .995, .99, 1);
        -ms-transition: all 300ms cubic-bezier(0, .995, .99, 1);
        -o-transition: all 300ms cubic-bezier(0, .995, .99, 1);
        transition: all 300ms cubic-bezier(0, .995, .99, 1)
    }

    .circle.expand {
        width: 150%;
        height: 2000px;
        overflow: hidden;
        top: -560px;
        right: -565px;
        -webkit-transition: all 400ms cubic-bezier(0, .995, .99, 1);
        -moz-transition: all 400ms cubic-bezier(0, .995, .99, 1);
        -ms-transition: all 400ms cubic-bezier(0, .995, .99, 1);
        -o-transition: all 400ms cubic-bezier(0, .995, .99, 1);
        transition: all 400ms cubic-bezier(0, .995, .99, 1)
    }

    .menu {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        right: 0;
        display: none
    }

    .menu ul li {
        margin-bottom: 20px;
        position: relative
    }

    .menuItems>ul>li>a {
        color: #3F3F3F;
        font-weight: 900;
        font-size: 23px;
        text-decoration: none
    }

    .un-line {
        position: absolute;
        bottom: -1px;
        height: 3px;
        width: 0;
        left: 0;
        background-color: #333;
        -webkit-transition: all 600ms cubic-bezier(.86, 0, .07, 1);
        -moz-transition: all 600ms cubic-bezier(.86, 0, .07, 1);
        -ms-transition: all 600ms cubic-bezier(.86, 0, .07, 1);
        -o-transition: all 600ms cubic-bezier(.86, 0, .07, 1);
        transition: all 600ms cubic-bezier(.86, 0, .07, 1)
    }

    .menuItems>ul>li>a:hover .un-line {
        width: 26px
    }

    .menuItems>ul>li.smalltext {
        margin-bottom: 10px
    }

    .menuItems>ul>li.smalltext>a {
        color: #686868;
        font-weight: 400;
        font-size: 18px;
        text-decoration: none
    }

    .menuItems>ul>li>a:hover,
    .menuItems>ul>li.smalltext>a:hover {
        color: #000
    }

    .menuItems>ul>li.social-icons {
        margin-top: 25px;
        display: inline-block;
        margin-bottom: 0;
        margin-left: 15px
    }

    .opacity-zero {
        opacity: 0;
        -webkit-transition: all 0.3s ease-out 0.3s;
        -moz-transition: all 0.3s ease-out 0.3s;
        -ms-transition: all 0.3s ease-out 0.3s;
        -o-transition: all 0.3s ease-out 0.3s;
        transition: all 0.3s ease-out 0.3s
    }

    .bg-trans {
        background-color: rgba(255, 255, 255, 0);
        -webkit-transition: all 0.3s ease-out 0.3s;
        -moz-transition: all 0.3s ease-out 0.3s;
        -ms-transition: all 0.3s ease-out 0.3s;
        -o-transition: all 0.3s ease-out 0.3s;
        transition: all 0.3s ease-out 0.3s
    }

    .progressbar {
        position: absolute;
        bottom: -3px;
        width: 100%;
        height: 2px;
        z-index: 1110
    }

    .progressbar .width {
        background-color: #92D1FF;
        height: 3px;
        width: 0
    }

    @keyframes show-strip {
        0% {
            opacity: 0;
            transform: translateY(0)
        }

        50% {
            opacity: 1;
            transform: translateY(5px)
        }

        100% {
            transform: translateY(0)
        }
    }

    .show-strip {
        background-color: #fff;
        -webkit-animation: show-strip 0.5s steps(9) forwards;
        -moz-animation: show-strip 0.5s steps(10) infinite;
        -ms-animation: show-strip 0.5s steps(10) infinite;
        -o-animation: show-strip 0.5s steps(10) infinite;
        animation: show-strip 0.5s steps(9) forwards
    }

    .show-strip>.mt45 {
        margin-top: 0;
        padding: 15px 15px 0;
        height: auto
    }

    /*li.trigger-share {
        background-color: #FFF;
        margin-right: 15px;
        position: relative;
        top: 3px;
        left: 5px
    }*/

    .trigger-share,
    ul.social-share>li {
        position: fixed;
        top: 5px;
        -webkit-transition: .2s linear;
        transition: .2s linear;
        border: none
    }

    ul.social-share>li {
        z-index: -999;
        padding: 18px 7px
    }

    ul.social-share>li>a {
        font-size: 18px;
        color: #333
    }

    li.slideout:nth-child(1) {
        -webkit-transform: translateX(-25px);
        -moz-transform: translateX(-25px);
        -ms-transform: translateX(-25px);
        -o-transform: translateX(-25px);
        transform: translateX(-25px);
        z-index: 9999
    }

    li.slideout:nth-child(2) {
        -webkit-transform: translateX(-45px);
        -moz-transform: translateX(-45px);
        -ms-transform: translateX(-45px);
        -o-transform: translateX(-45px);
        transform: translateX(-45px);
        z-index: 9999
    }

    li.slideout:nth-child(3) {
        -webkit-transform: translateX(-70px);
        -moz-transform: translateX(-70px);
        -ms-transform: translateX(-70px);
        -o-transform: translateX(-70px);
        transform: translateX(-70px);
        z-index: 9999
    }

    li.slideout:nth-child(4) {
        -webkit-transform: translateX(-105px);
        -moz-transform: translateX(-105px);
        -ms-transform: translateX(-105px);
        -o-transform: translateX(-105px);
        transform: translateX(-105px);
        z-index: 9999
    }

    .slider,
    #hero_slider {
        height: 100vh;
        position: relative
    }

    .repeated-css {
        width: 100%;
        height: 100vh
    }

    .caption {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        -webkit-transform: translate(0, -30%) !important;
        -moz-transform: translate(0, -30%) !important;
        -ms-transform: translate(0, -30%) !important;
        -o-transform: translate(0, -30%) !important;
        transform: translate(0, -30%) !important;
        width: auto
    }

    .owl-item {
        overflow: hidden
    }

    .slide-image {
        height: 100%;
        min-height: 100%;
        min-width: 100%;
        position: absolute;
        right: 0;
        width: auto !important
    }

    .owl-theme .owl-controls {
        margin-top: 0;
        text-align: center;
        -webkit-tap-highlight-color: transparent
    }

    .owl-theme .owl-nav [class*='owl-'] {
        color: #fff;
        font-size: 14px;
        margin: 5px;
        padding: 4px 7px;
        display: inline-block;
        cursor: pointer;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .owl-theme .owl-nav [class*='owl-']:hover {
        color: #fff;
        text-decoration: none
    }

    .owl-theme .owl-nav .disabled {
        opacity: .5;
        cursor: default
    }

    .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1
    }

    .owl-dots {
        bottom: 25px;
        position: absolute;
        width: 100%
    }

    .owl-theme .owl-dots .owl-dot {
        cursor: pointer;
        height: 16px;
        margin: 0 16px;
        position: relative;
        width: 16px
    }

    .owl-theme .owl-dots .owl-dot span {
        background-color: transparent;
        box-shadow: 0 0 0 2px #fff inset;
        overflow: hidden;
        transition: background 0.3s ease 0s
    }

    .owl-theme .owl-dots .owl-dot span {
        background-color: rgba(255, 255, 255, .3);
        border-radius: 50%;
        cursor: pointer;
        height: 100%;
        left: 0;
        outline: medium none;
        position: absolute;
        text-indent: -999em;
        top: 0;
        width: 100%
    }

    .owl-theme .owl-dots .owl-dot.active span::after {
        height: 100%
    }

    .owl-theme .owl-dots .owl-dot span::after {
        background-color: #fff;
        bottom: 0;
        box-shadow: 0 0 1px #fff;
        content: "";
        height: 0;
        left: 0;
        position: absolute;
        transition: height 0.3s ease 0s;
        width: 100%;
        border-radius: 50%
    }

    .owl-prev,
    .owl-next {
        background-repeat: no-repeat;
        width: 31px;
        height: 56px;
        text-indent: -9999px;
        position: absolute !important;
        top: 200px !important
    }

    .topicIndicator {
        background-color: #000;
        color: #fff;
        padding: 8px;
        display: inline-block;
        position: relative;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 1px
    }

    .topicIndicator:after {
        content: '';
        position: absolute;
        right: -20px;
        top: 0;
        width: 0;
        height: 0;
        border-left: 0 solid transparent;
        border-right: 20px solid transparent;
        border-top: 36px solid #000;
        clear: both
    }

    .sideBar-menu {
        position: absolute !important;
        top: 225px;
        z-index: 9
    }

    .theiaStickySidebar {
        padding-bottom: 165px !important;
        padding-left: 15px
    }

    ul.navs>li {
        display: block;
        height: 40px;
        position: relative;
        width: 60px
    }

    ul.navs>li>a {
        cursor: pointer;
        display: block;
        height: 100%;
        position: relative;
        text-decoration: none;
        width: 100%;
        z-index: 1
    }

    ul.navs>li>a>span {
        background-color: rgba(255, 255, 255, .3);
        height: 1px;
        width: 30px;
        display: block
    }

    ul.navs>li.active>a>span,
    ul.navs>li:hover>a>span {
        background-color: rgb(255, 255, 255, 1);
        height: 4px;
        width: 60px;
        display: block;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -ms-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s
    }

    ul.navs>li>.menu-title {
        font-weight: 400;
        font-size: 14px;
        text-transform: uppercase;
        position: absolute;
        top: 5px
    }

    ul.navs>li.active {
        margin-bottom: 40px
    }

    ul.navs>li.active>.menu-title,
    ul.navs>li:hover>.menu-title {
        color: #fff;
        display: block;
        -webkit-transition: all 0.5s ease-in;
        -moz-transition: all 0.5s ease-in;
        -ms-transition: all 0.5s ease-in;
        -o-transition: all 0.5s ease-in;
        transition: all 0.5s ease-in
    }

    ul.navs>li>.menu-title {
        color: #fff;
        display: none
    }

    .about-section {
        background-color: rgba(58, 192, 178, 1)
    }

    .services-section {
        background-color: rgba(130, 239, 159, 1)
    }

    .contact-section {
        background-color: rgba(255, 255, 255, 1)
    }

    .menu-bg.no-scroll {
        right: 27px
    }

    .burger.no-scroll {
        right: 40px
    }

    .navbar-brand.no-scroll {
        margin-left: -24px !important
    }

    #home_section,
    #ai_powered_core,
    #agile_digital_scale,
    #learn {
        width: 100%;
        height: 100vh;
        position: relative
    }

    #ai_powered_core,
    #agile_digital_scale,
    #learn {
        padding: 100px 0
    }

    .w-100 {
        width: 100%
    }

    .bg-yellow {
        background-color: #DF9926
    }

    .bg-grey {
        background-color: #f0f0f0
    }

    .btn-no-effect {
        border-radius: 0;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 1px;
        padding: 12px 40px;
        text-decoration: none;
        display: inline-block
    }

    .btn-no-effect.dark {
        background-color: rgba(47, 17, 19, .3);
        color: #fff
    }

    .btn-no-effect.dark span {
        font-size: 18px
    }

    .btn-no-effect.dark strong {
        font-size: 25px;
        display: block
    }

    .btn-no-effect.light {
        background-color: transparent;
        border: 1px solid #fff;
        color: #fff
    }

    .video-img-container {
        float: left;
        width: 100%
    }

    .home-banner-bg {
        display: none
    }

    .bg-video .content {
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        outline: medium none;
        background-color: rgba(0, 124, 195, .4);
        backface-visibility: hidden
    }

    .bg-video .background {
        filter: blur(2px);
        opacity: 1;
        backface-visibility: hidden;
        background-position: center center;
        background-size: cover;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1;
        overflow: hidden
    }

    .bg-video .background-youtube {
        opacity: 1;
        backface-visibility: hidden;
        background-position: center center;
        background-size: cover;
        height: 300%;
        left: 0;
        position: absolute;
        top: -100%;
        width: 100%;
        z-index: -1;
        overflow: hidden
    }

    .background video {
        background-size: cover;
        height: auto;
        left: 50%;
        min-height: 100%;
        min-width: 100%;
        position: absolute;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: auto;
        z-index: -100
    }

    .background-youtube iframe {
        background-size: cover;
        height: auto;
        min-height: 100%;
        min-width: 100%;
        position: absolute;
        width: auto;
        z-index: -100
    }

    .content {
        position: relative;
        z-index: 1
    }

    .fullCoverImg {
        background-position: right center;
        background-repeat: no-repeat;
        background-size: contain;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 0
    }

    .fullCoverImg-left {
        background-position: left center;
        background-repeat: no-repeat;
        background-size: contain;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 0
    }

    .ai-powered-core-img {
        background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/energize-the-core.png)
    }

    .agile-digital-bg-img {
        background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/agile-digital-scale.png)
    }

    .learn-bg-img {
        background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/always-learning.png)
    }

    .home-top-overlay {
        background: rgba(0, 0, 0, 0) radial-gradient(ellipse farthest-corner at center center, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .29) 45%, rgba(0, 0, 0, .65) 100%) repeat scroll 0 0
    }

    .home-heading {
        font-size: 64px;
        line-height: 64px;
        font-family: 'tungstenw05-medium', 'Oswald', sans-serif;
        ;
        font-weight: 500
    }

    .home-second-heading {
        font-size: 80px;
        line-height: 80px;
        font-family: 'tungstenw05-medium', 'Oswald', sans-serif;
        ;
        font-weight: 500
    }

    .home-first-heading-top {
        padding-top: 220px
    }

    .fullpage-first-desc {
        font-size: 17.5px;
        line-height: 22.5px;
        font-weight: 400
    }

    .fullpage-desc {
        font-size: 20px;
        line-height: 23.5px;
        font-weight: 400
    }

    .fullpage-second-title {
        font-size: 14px;
        font-weight: 400;
        opacity: .7;
        letter-spacing: 1.5px;
        margin-bottom: 5px;
        color: #FFF;
        text-transform: uppercase
    }

    .content .animateThird {
        margin-top: 30px
    }

    .fullpage-second-desc {
        font-size: 25px;
        line-height: 30px;
        font-weight: 700
    }

    .fullpage-second-more {
        font-size: 16px;
        letter-spacing: 1.5px;
        font-weight: 700
    }

    .top-menu {
        top: 20%
    }

    .bottom-menu {
        position: absolute !important;
        bottom: 0
    }

    .stick-left-nav-ul {
        padding-left: 20px;
        width: 95px
    }

    .sticky-left-nav {
        position: fixed;
        width: 120px;
        display: block;
        background-color: transparent;
        z-index: 1
    }

    .sticky-left-nav ul li {
        list-style: none;
        height: 50px;
        cursor: pointer;
        transition: all 0.3s ease-in-out
    }

    .sticky-left-nav ul li a::before,
    .side-menu .sticky-left-nav ul li.nav-active-menu a::before {
        content: "";
        display: block;
        width: 30px;
        height: 1px;
        opacity: 1;
        background-color: #fff;
        transition: all 0.3s ease-in-out
    }

    .side-menu .sticky-left-nav ul li a::before {
        background-color: #000 !important
    }

    .sticky-left-nav ul li.nav-active a::before,
    .side-menu .sticky-left-nav ul li.nav-active-menu a::before {
        width: 60px;
        height: 4px;
        opacity: 1
    }

    .side-menu .sticky-left-nav ul li.nav-active-menu {
        margin-bottom: 50px !important
    }

    .sticky-left-nav ul li a,
    .sticky-left-nav ul li a:hover,
    .sticky-left-nav ul li a:focus {
        text-decoration: none
    }

    .sticky-left-nav ul li a span {
        display: block;
        color: #fff;
        opacity: 0;
        transition: opacity 0.3s ease-out;
        padding-top: 5px;
        font-size: 14px
    }

    .side-menu .sticky-left-nav ul li a span {
        color: #000 !important;
        opacity: 1 !important
    }

    .sticky-left-nav ul li.nav-active a span {
        opacity: 1
    }

    .sticky-left-nav ul li.darkText a span {
        color: #7E7E7E !important
    }

    .sticky-left-nav ul li.darkText a::before {
        background-color: #7E7E7E !important;
        opacity: 1
    }

    .fromUp {
        animation: fromUpAnim 800ms;
        animation-fill-mode: forwards
    }

    @keyframes fromUpAnim {
        from {
            transform: translate3d(0, -50%, -200px);
            transform: scale(.8)
        }

        to {
            transform: translate3d(0, 0, 0);
            transform: scale(1)
        }
    }

    .animateFirst,
    .animateSecond,
    .animateThird,
    .animateFourth {
        opacity: 1
    }

    .UpanimationFirst {
        animation: moveUp 1s;
        animation-delay: 0.5s;
        animation-fill-mode: forwards
    }

    .UpanimationSecond {
        animation: moveUp 1s;
        animation-delay: 1s;
        animation-fill-mode: forwards
    }

    .UpanimationThird {
        animation: moveUp 1s;
        animation-delay: 1.2s;
        animation-fill-mode: forwards
    }

    .UpanimationFourth {
        animation: moveUp 1s;
        animation-delay: 1.5s;
        animation-fill-mode: forwards
    }

    @keyframes moveUp {
        from {
            transform: translate3d(0, 50%, 0);
            opacity: 0
        }

        to {
            transform: translate3d(0, 0, 0);
            opacity: 1
        }
    }

    .a-scroll-down {
        position: absolute;
        bottom: 20px;
        left: 50%;
        z-index: 2;
        display: inline-block;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        font: normal 400 20px/1 'Josefin Sans', sans-serif;
        letter-spacing: .1em;
        transition: opacity .3s;
        font-size: 14px
    }

    .a-scroll-down,
    .a-scroll-down:hover,
    .a-scroll-down:focus {
        text-decoration: none;
        color: #fff
    }

    .a-scroll-down:hover {
        opacity: .5
    }

    .a-scroll-down span {
        position: absolute;
        bottom: 70px;
        left: 50%;
        width: 20px;
        height: 20px;
        margin-left: -12px;
        border-left: 1px solid #fff;
        border-bottom: 1px solid #fff;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-animation: sdb05 1.5s infinite;
        animation: sdb05 1.5s infinite;
        box-sizing: border-box
    }

    @-webkit-keyframes sdb05 {
        0% {
            -webkit-transform: rotate(-45deg) translate(0, 0);
            transform: rotate(-45deg) translate(0, 0);
            opacity: 0
        }

        50% {
            opacity: 1
        }

        100% {
            -webkit-transform: rotate(-45deg) translate(-20px, 20px);
            transform: rotate(-45deg) translate(-20px, 20px);
            opacity: 0
        }
    }

    .grid-do_more {
        position: relative
    }

    .grid-do_more>.p0>a {
        color: #fff
    }

    .grid-do_more>.p0>a:hover,
    .grid-do_more>.p0>a:focus {
        color: #fff;
        text-decoration: none
    }

    .grid-do_more figure {
        position: relative;
        float: left;
        overflow: hidden;
        width: 100%;
        background-color: #fff;
        cursor: pointer
    }

    .grid-do_more figure img {
        position: relative;
        display: block;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out
    }

    .grid-do_more figure figcaption::before,
    .grid-do_more figure figcaption::after {
        pointer-events: none
    }

    .grid-do_more figure figcaption {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        position: absolute;
        bottom: 0;
        left: 20px;
        right: 20px;
        max-height: 40px;
        -webkit-transition: .5s ease-in-out;
        transition: .5s ease-in-out
    }

    .grid-do_more figure:hover img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    .grid-do_more figure:hover figcaption {
        height: auto;
        max-height: 200px;
        bottom: 50px
    }

    .grid-do_more figure:hover .bottom-gradient-do_more {
        background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, .2) 100%) repeat scroll 0 0;
        transform: translateY(0)
    }

    .bottom-gradient-do_more {
        background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, .2) 23%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 68%, rgba(0, 0, 0, 0) 81%, rgba(0, 0, 0, 0) 92%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0;
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        transform: translateY(100%);
        transition: all 0.5s ease 0s
    }

    .do_more-grid-title {
        color: #fff;
        font-size: 21px;
        line-height: 30px;
        font-weight: 700;
        margin-bottom: 10px
    }

    .do_more-grid-desc {
        color: #fff;
        font-size: 20px;
        line-height: 27px;
        font-weight: 300
    }

    .do_more-grid-desc>strong {
        display: block;
        margin-bottom: 10px
    }

    .search-container {
        margin-bottom: 100px
    }

    .search-toggle-bg {
        height: 45px;
        width: 45px;
        background-color: #061838;
        border-radius: 50%;
        margin-top: -10px
    }

    input.search-textbox {
        background: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/search_center.svg) no-repeat left center;
        background-size: 30px auto;
        border: none;
        border-bottom: 2px solid #7E7E7E;
        color: #3F3F3F;
        font-size: 35px;
        font-weight: 700;
        letter-spacing: 1px;
        min-height: 45px;
        padding-left: 40px;
        width: 100%;
        opacity: .5
    }

    .half-img-container {
        position: relative;
        padding-top: 50%
    }

    .half-img {
        position: absolute !important;
        top: 0
    }

    .expandHead {
        padding: 20px;
        cursor: pointer
    }

    .expandHead h5 {
        color: #000;
        font-size: 25px;
        line-height: 25px;
        margin: 0 auto;
        max-width: 50%;
        font-weight: 700
    }

    .doMoreExpand {
        background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/explore_expand.svg);
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 50%;
        color: #fff;
        display: inline-block;
        font-size: 0;
        font-weight: 700;
        height: 30px;
        line-height: 25px;
        margin: 10px auto;
        width: 30px
    }

    .expand-container {
        position: relative
    }

    .expandableDiv {
        background-color: #000;
        height: 0;
        position: absolute;
        left: 0;
        width: 100%
    }

    .expandWrpr {
        animation-duration: 0.4s;
        animation-fill-mode: forwards;
        animation-name: wrprOpen;
        animation-timing-function: ease-in-out;
        height: 0;
        margin-top: 0;
        overflow: hidden;
        z-index: 1
    }

    .overlay-expand {
        background-color: rgba(0, 0, 0, .4);
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: -1
    }

    .img-pos>img {
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        height: auto;
        z-index: -3
    }

    .expand-container h2,
    .expand-container p {
        color: #FFF
    }

    .expand-container h2 {
        font-size: 30px;
        font-weight: 900;
        margin-bottom: 20px
    }

    .expand-container p {
        font-size: 20px
    }

    .expand-container a {
        margin-top: 0;
        color: #FFF;
        font-weight: 300;
        margin-bottom: 15px
    }

    .expand-container a:hover {
        color: #FFF
    }

    .expand-container a.bdr {
        font-size: 16px;
        margin-top: 15px;
        border: 1px solid #FFF;
        color: #FFF
    }

    .expand-container a.bdr:hover {
        color: #000
    }

    .expand-container a.bdr:before {
        background-color: #FFF
    }

    #expand-digital {
        background-color: #BEE3FF
    }

    #expand-digital h2,
    #expand-digital p {
        color: #061838
    }

    #expand-digital h2 {
        font-size: 30px;
        font-weight: 900
    }

    #expand-digital p {
        font-size: 20px;
        margin-top: 20px
    }

    #expand-digital a {
        font-size: 16px;
        margin-top: 0;
        border: 1px solid #061838;
        color: #061838
    }

    #expand-digital a:hover {
        color: #FFF
    }

    #expand-digital a:before {
        background-color: #061838
    }

    #expand-digital .img-pos>img {
        position: absolute;
        right: 0;
        bottom: 0;
        width: auto;
        height: 100%;
        z-index: -3
    }

    .expandableDiv {
        display: none
    }

    @keyframes wrprOpen {
        0% {
            height: 0;
            margin-top: 0;
            padding: 0
        }

        100% {
            height: 400px;
            margin-top: -170px;
            padding: 40px 20px
        }
    }

    .contractWrpr {
        animation-duration: 0.4s;
        animation-fill-mode: forwards;
        animation-name: wrprClose;
        animation-timing-function: ease-in-out;
        height: 400px;
        margin-top: -170px
    }

    @keyframes wrprClose {
        0% {
            height: 400px;
            margin-top: -170px;
            padding: 20px
        }

        100% {
            height: 0;
            margin-top: 0;
            padding: 0
        }
    }

    .closeWrpr {
        position: absolute;
        background-color: #fff;
        background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/explore_expand.svg);
        background-size: contain;
        border-radius: 50%;
        cursor: pointer;
        height: 38px;
        right: 30px;
        margin-top: -150px;
        opacity: 0;
        transform: rotate(45deg);
        width: 38px;
        z-index: 1
    }

    .closeWrprAnim {
        animation-delay: 0.4s;
        animation-duration: 0.2s;
        animation-fill-mode: forwards;
        animation-name: ctaShow
    }

    @keyframes ctaShow {
        0% {
            opacity: 0
        }

        100% {
            opacity: 1
        }
    }

    .aboutus-grid-title {
        font-size: 25px;
        font-weight: 600;
        color: #000;
        margin-bottom: 0
    }

    .aboutus-grid-title>span {
        font-size: 60px;
        vertical-align: middle
    }

    .aboutus-grid-desc {
        color: #333;
        font-size: 15px;
        font-weight: 400;
        max-width: 190px;
        margin: 0 auto
    }

    .aboutus-grid-svg {
        margin-bottom: 15px
    }

    .video-play-icon {
        height: 85px;
        left: 50%;
        margin-left: -42px;
        margin-top: -42px;
        position: absolute;
        top: 50%;
        width: 85px;
        cursor: pointer
    }

    .video-play-icon img {
        transition: all 0.5s ease
    }

    .video-close-icon {
        position: absolute;
        right: 0;
        top: 0;
        width: 50px;
        cursor: pointer;
        display: none
    }

    .video-close-icon img {
        transition: all 0.5s ease
    }

    .video-close-icon:hover>img {
        transform: rotate(360deg)
    }

    .video-img-container .video-caption {
        bottom: 0;
        color: #fff;
        font-size: 34px;
        font-weight: 600;
        left: 0;
        padding: 20px 30px;
        position: absolute;
        width: 100%
    }

    .aboutus-inthenews-head {
        color: #000;
        font-size: 50px;
        line-height: 66px;
        letter-spacing: -2px;
        font-weight: 900
    }

    .aboutus-inthenews-row {
        border-bottom: 1px solid #e1e1e1;
        margin-right: 45px;
        padding: 20px 0
    }

    .aboutus-inthenews-row.no-border {
        border-bottom: none
    }

    .aboutus-inthenews-row a {
        color: #333;
        font-size: 20px;
        line-height: 22.5px;
        font-weight: 400
    }

    .aboutus-inthenews-row .view-all.light {
        color: #0076ff;
        font-size: 14px;
        font-weight: 700;
        margin-left: 0;
        padding-top: 0
    }

    .aboutus-inthenews-row a:hover,
    .aboutus-inthenews-row a:focus {
        text-decoration: none
    }

    .show-on-image {
        cursor: pointer
    }

    .show-on-image:hover .video-play-icon>img {
        transform: rotate(360deg)
    }

    .show-on-video {
        display: none
    }

    .investors-news {
        padding: 30px
    }

    .investors-news-title {
        font-size: 36px;
        color: #FFF;
        padding-top: 0;
        margin-bottom: 10px;
        font-weight: 900
    }

    .investors-news-row {
        padding: 20px 0;
        border-top: 1px solid rgba(90, 90, 90, .22)
    }

    .investors-news-head {
        font-size: 14px;
        letter-spacing: 1.5px;
        font-weight: 400;
        color: #3F3F3F;
        margin-bottom: 5px
    }

    .investors-news-desc,
    .investors-news .investors-news-desc {
        color: #000;
        font-size: 18px;
        font-weight: 500;
        line-height: 22.5px;
        margin-bottom: 5px;
        padding-right: 30px
    }

    .investors-news .investors-news-desc {
        color: #FFFFFF !important;
        width: 95%
    }

    .investors-news-desc sup {
        color: #000
    }

    .twitter-url a {
        font-size: 16px;
        margin-top: 10px;
        color: #fff
    }

    .twitter-url a,
    .twitter-url a:hover,
    .twitter-url a:focus {
        text-decoration: none
    }

    .bg-boosting>.txt-section {
        padding: 0;
        position: inherit
    }

    .bg-boosting,
    .bg-index-artificial,
    .bg-index-events,
    .bg-index-research {
        height: auto
    }

    .latest-event-box,
    .latest-event-box-last {
        top: 220px;
        height: auto;
        padding: 20px;
        position: absolute;
        width: 100%
    }

    .robotics-text {
        color: #fff;
        font-size: 24px;
        line-height: 32px;
        font-weight: 700;
        margin-bottom: 10px
    }

    .robotics-date {
        font-size: 15px;
        line-height: 21px;
        font-weight: 300;
        color: #fff
    }

    .socail-more-twitter {
        left: 0;
        text-align: center;
        top: 250px !important;
        width: 100%
    }

    .recent-event-box {
        padding: 0 20px 20px
    }

    .recent-event-row {
        padding: 20px 0 10px
    }

    .recent-event-row.border-top {
        border-top: 1px solid rgba(90, 90, 90, .22)
    }

    .recent-event-title a,
    .recent-event-name a {
        color: #000;
        font-weight: inherit
    }

    .recent-event-title a:hover,
    .recent-event-name a:hover {
        color: #007cc3;
        font-weight: inherit
    }

    .recent-event-title {
        color: #000;
        font-size: 25px;
        line-height: 28px;
        margin-bottom: 0;
        font-weight: 300
    }

    .recent-event-name {
        color: #000;
        font-size: 25px;
        line-height: 28px;
        margin-bottom: 0;
        font-weight: 700;
        margin-top: 10px
    }

    .recent-event-date {
        font-size: 15px;
        line-height: 21px;
        color: #000;
        margin-top: 10px;
        margin-bottom: 0
    }

    .view-all.light {
        color: #0076ff !important;
        font-weight: 700;
        padding-top: 0
    }

    .img-stock-icon {
        max-width: 30px;
        position: absolute;
        top: 10px;
        left: 30px
    }

    .img-right-arrow {
        max-width: 25px;
        position: absolute;
        top: 35px;
        right: 15px;
        transition: all 0.5s ease
    }

    .investors-news-desc:hover .img-right-arrow {
        right: 5px
    }

    .investors-download-icon {
        max-width: 20px;
        position: absolute;
        right: 50px
    }

    #careers {
        padding-bottom: 75px
    }

    .careers-img-container {
        background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/careers-video-img.jpg);
        background-position: center center;
        background-size: cover;
        min-height: 450px
    }

    .careers-employeespeak {
        background-color: #f3f3f3;
        bottom: -40px;
        color: #000;
        max-width: 420px;
        padding: 35px;
        position: absolute;
        right: 60px;
        text-align: left
    }

    .employeespeak-head {
        color: #333;
        font-size: 14px;
        margin-bottom: 10px;
        padding-left: 95px
    }

    .employeespeak-content {
        font-size: 17px;
        font-weight: 400
    }

    .img-employee {
        border-radius: 50%;
        display: inline-block;
        float: left;
        height: 85px;
        margin-right: 10px;
        width: 85px !important
    }

    #employeespeak_slider .owl-dots {
        position: static;
        text-align: center
    }

    #employeespeak_slider.owl-theme .owl-dots .owl-dot span {
        margin: 0 5px;
        width: 8px;
        height: 8px
    }

    #employeespeak_slider.owl-theme .owl-dots .owl-dot.active span,
    #employeespeak_slider.owl-theme .owl-dots .owl-dot:hover span {
        background-color: #fff
    }

    .careers-findopportunites {
        font-size: 32px;
        color: #3F3F3F;
        margin-bottom: 15px
    }

    .career-vido-caption {
        font-size: 25px;
        line-height: 30px;
        font-weight: 300;
        color: #fff;
        position: absolute;
        left: 55px;
        bottom: 55px
    }

    .career-explore {
        margin-top: 50px
    }

    #career_video.modal {
        z-index: 9999;
        padding: 0 !important
    }

    #career_video .modal-content {
        background-color: transparent;
        box-shadow: none;
        border: none;
        height: 100%;
        overflow: auto
    }

    #career_video .modal-dialog {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0
    }

    #career_video iframe {
        position: fixed
    }

    #career_video .close {
        background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/cross.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        border: medium none;
        color: transparent;
        height: 58px;
        opacity: 1;
        outline: medium none;
        overflow: hidden;
        position: absolute;
        right: 20px;
        text-indent: 200%;
        top: 20px;
        width: 58px;
        z-index: 100
    }

    .careers-img-container .video-play-icon:hover>img {
        transform: rotate(360deg)
    }

    #contact_us {
        padding: 75px 0;
        background-color: #963596
    }

    #contact_us .expand {
        cursor: pointer
    }

    #lets_help_you {
        background-color: #c96dd8;
        background-image: -o-linear-gradient(110deg, #3023ae, #c96dd8);
        background-image: -webkit-linear-gradient(110deg, #3023ae, #c96dd8);
        background-image: -moz-linear-gradient(110deg, #3023ae, #c96dd8);
        background-image: linear-gradient(110deg, #3023ae, #c96dd8)
    }

    .var-wth {
        width: 750px
    }

    .countries-list {
        background-color: #d0b5d5;
        display: none;
        height: 100%;
        padding: 30px;
        position: absolute;
        width: 100%;
        z-index: 1
    }

    .countries-list>ul {
        padding: 15px 0
    }

    .countries-list>ul>li {
        list-style-type: none;
        margin-bottom: 10px
    }

    .countries-list>ul>li>a {
        color: #000;
        display: inline-block
    }

    .closeWrpr1 {
        cursor: pointer;
        height: 38px;
        position: absolute;
        right: 15px;
        top: 15px;
        transform: rotate(45deg);
        width: 38px;
        z-index: 1
    }

    .cnt_us_txt {
        font-size: 65px;
        line-height: 73px;
        font-weight: 900
    }

    .border {
        border: 1px solid rgba(255, 255, 255, .2);
        float: left;
        position: relative;
        width: 100%
    }

    .border-rgt {
        border-right: 1px solid rgba(255, 255, 255, .2)
    }

    .border-btm {
        border-bottom: 1px solid rgba(255, 255, 255, .2)
    }

    .cntry-nme {
        padding: 75px 0;
        display: block;
        color: #fff;
        font-size: 25px;
        text-align: center;
        font-weight: 600;
        text-decoration: none
    }

    .cntry-nme:focus {
        color: #fff;
        text-decoration: none
    }

    .cntry-nme:hover {
        background-color: #D0B5D5;
        color: #000
    }

    #overview {
        position: relative
    }

    #overview:before,
    #resource_center:before,
    #related_content:before,
    .bg-pattern:before,
    #pattern_bg:before {
        position: absolute;
        z-index: -1;
        content: "";
        width: 100%;
        height: 600px;
        left: 0;
        top: 0;
        background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/pattern-bg.png);
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        background-size: cover;
        background-position: center center
    }

    #infosys_delivers {
        float: left;
        width: 100%
    }

    .para-ovr {
        font-size: 30px;
        line-height: 45px;
        padding-top: 10px;
        font-weight: 300
    }

    .bg-color1 {
        overflow: hidden
    }

    .bg-color1>img.img-responsive {
        max-width: none;
        transform: translate3d(-40px, 0, 0);
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        width: calc(100% + 40px)
    }

    .bg-color1:hover>img.img-responsive {
        transform: translate3d(0, 0, 0);
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s
    }

    img.play-icon {
        width: 80px;
        position: absolute;
        bottom: 0;
        margin: 0 auto;
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    .txt-reseach {
        bottom: 0;
        padding: 0 25px 25px;
        position: absolute;
        width: 100%;
        z-index: 0;
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s
    }

    .txt-reseach::before {
        background: rgba(0, 0, 0, 0) linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 40%) no-repeat scroll 0 0;
        content: "";
        height: 250px;
        left: 0;
        position: absolute;
        top: -50px;
        width: 100%;
        z-index: -1
    }

    .bg-color1:hover .txt-reseach {
        bottom: 20px
    }

    .insight-title {
        font-size: 14px;
        letter-spacing: 1.5px;
        color: #B8B8B8;
        font-weight: 600;
        text-transform: uppercase
    }

    .bg-blog,
    .bg-pressrelease,
    .bg-article,
    .bg-whitepaper,
    .bg-blog-segment,
    .bg-last {
        position: relative
    }

    .bg-blog {
        background-color: #f8f8f8
    }

    .bg-pressrelease {
        background-color: #963596
    }

    .bg-article {
        background-color: #f16c51
    }

    .bg-blog-segment {
        background-color: #0f9ffa
    }

    .bg-whitepaper {
        overflow: hidden
    }

    .bg-whitepaper .txt-section {
        background-color: rgba(6, 24, 56, .5);
        background: rgba(0, 0, 0, 0) linear-gradient(rgba(6, 24, 56, .5) 0%, rgba(255, 255, 255, .2) 50%);
        background-repeat: no-repeat;
        background-position: 0 0
    }

    .bg-whitepaper>img.img-whitepaper {
        max-width: none;
        transform: translate3d(-40px, 0, 0);
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        width: calc(100% + 40px)
    }

    .bg-whitepaper:hover>img.img-whitepaper {
        transform: translate3d(0, 0, 0);
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s
    }

    .txt-whitepaper {
        padding-top: 290px
    }

    .bg-last {
        background-color: #DF9926
    }

    .img-whitepaper {
        top: 0;
        position: absolute;
        transition: all 0.5s ease 0s
    }

    .txt-section {
        padding: 20px;
        position: relative
    }

    .box-title {
        margin: 0;
        font-size: 15px;
        letter-spacing: 1.5px;
        color: #bcb9b9;
        font-weight: 600;
        padding-bottom: 15px;
        text-transform: uppercase
    }

    .box-text {
        margin: 0;
        font-size: 20px;
        line-height: 28px;
        font-weight: 400;
        padding: 15px 0
    }

    .bg-pressrelease:hover p.more,
    .bg-blog:hover p.more,
    .bg-article:hover p.more,
    .bg-last:hover p.more,
    .bg-blog-segment:hover p.more,
    .bg-twittercyan:hover p.more,
    .bg-darkblue:hover p.more,
    .bg-orange:hover p.more,
    .bg-light-grey:hover p.more {
        left: 30px
    }

    .bg-whitepaper:hover p.white-download {
        left: 10px
    }

    .more {
        position: absolute;
        top: 330px;
        font-size: 15px;
        text-transform: uppercase;
        font-weight: 900;
        left: 20px;
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s
    }

    .readmore-top {
        top: 355px !important
    }

    .insight-email {
        margin-top: 0;
        font-size: 28px;
        color: #000;
        line-height: 32px;
        font-weight: 900
    }

    .email-add-bg {
        margin-left: 15px;
        margin-right: 15px
    }

    .email-add {
        width: 100%;
        background-color: transparent;
        border-color: transparent;
        border-bottom: 1px solid #fff;
        color: #ffffff !important;
        font-size: 16px;
        margin-top: 20px;
        letter-spacing: 1px;
        opacity: 0.7 !important;
        outline: none
    }

    .getsmart {
        font-size: 14px;
        color: #000;
        font-weight: 900;
        text-transform: uppercase;
        padding: 12px 30px;
        display: inline-block;
        margin-left: 15px;
        margin-top: 10px;
        background-color: #fff;
        outline: none;
        border: none
    }

    .email-add-bg input::-webkit-input-placeholder {
        color: #ffffff !important
    }

    .email-add-bg input:-moz-placeholder {
        color: #ffffff !important
    }

    .email-add-bg input::-moz-placeholder {
        color: #ffffff !important
    }

    .email-add-bg input:-ms-input-placeholder {
        color: #ffffff !important
    }

    .title-bg {
        margin: 0 auto;
        max-width: 850px;
        width: 100%
    }

    .center-title {
        font-size: 80px;
        color: #000;
        text-align: center;
        font-weight: 900;
        line-height: 83px;
        padding-bottom: 10px
    }

    .sub-title {
        font-size: 40px;
        color: #3F3F3F;
        font-weight: 300;
        line-height: 45px;
        text-align: center
    }

    .gray-bg {
        background-color: #fbfbfb
    }

    .violet-bg {
        background-color: #963596
    }

    .blue-bg {
        background-color: #372261
    }

    .yellow-bg {
        background-color: #DF9926
    }

    .yellow-bg ul {
        padding: 0
    }

    .yellow-bg ul>li {
        display: block;
        background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/18/right-chevron-black.svg);
        background-repeat: no-repeat;
        padding-left: 20px;
        background-position: 0 5px;
        margin-bottom: 10px
    }

    .height-380 {
        min-height: 390px;
        position: relative;
        padding-bottom: 30px
    }

    .padding-bottom-0 {
        padding-bottom: 0
    }

    img.video-img {
        position: absolute;
        width: 100%;
        height: 100%
    }

    .inst-video-disc {
        width: 75%;
        position: absolute;
        left: 20px;
        bottom: 20px
    }

    .insight-text {
        margin: 0;
        font-size: 25px;
        color: #fff;
        font-weight: 400;
        line-height: 30px
    }

    .corner-shape {
        width: 100%;
        height: auto;
        border-bottom: 170px solid #00B28F;
        border-right: 80px solid transparent;
        position: absolute;
        left: 0;
        bottom: 0
    }

    .corner-shape-text {
        position: absolute;
        left: 20px;
        right: 20px
    }

    .corner-shape-text p {
        margin: 0
    }

    .whitepaper {
        font-size: 18px;
        color: #fff;
        line-height: 24px;
        padding-top: 14px
    }

    .white-download {
        font-size: 15px;
        color: #000;
        font-weight: 900;
        text-transform: uppercase;
        position: absolute;
        left: 0;
        top: 135px;
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s
    }

    .white-download1 {
        font-size: 15px;
        color: #000;
        font-weight: 900;
        text-transform: uppercase;
        padding-top: 48px;
        position: absolute;
        top: 135px;
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s
    }

    .getinsight {
        width: 70%;
        font-size: 12px;
        color: #fff;
        margin-top: 10px;
        margin-left: 15px
    }

    .see-more {
        text-align: center;
        margin-top: 50px
    }

    .see-more a {
        font-size: 14px;
        color: #3F3F3F;
        text-transform: uppercase;
        padding: 20px 50px;
        display: inline-flex;
        border: 1px solid #7E7E7E
    }

    .insight-btn {
        border: 1px solid #000 !important;
        color: #000 !important;
        min-width: 200px;
        padding-bottom: 15px !important;
        padding-top: 15px !important;
        text-transform: uppercase;
        margin: 0 auto !important;
        display: table !important;
        margin-top: 40px !important
    }

    .insight-btn:hover {
        color: #fff !important
    }

    #what_new {
        padding-top: 0 !important
    }

    .whatnew-box {
        margin: 0 auto;
        max-width: 290px;
        width: 100%;
        min-height: 500px;
        padding: 30px;
        position: relative;
        background: #BEE3FF url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/line-pattern-bg.png)
    }

    #slider_list_carousel .owl-nav .owl-prev,
    #slider_list_carousel .owl-nav .owl-next {
        background-repeat: no-repeat !important;
        width: 32px !important;
        height: 32px !important;
        top: 200px !important;
        text-indent: -9999px;
        position: absolute !important;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out
    }

    #slider_list_carousel .owl-nav .owl-prev {
        background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/arrow-left.png);
        left: -50px !important
    }

    #slider_list_carousel .owl-nav .owl-next {
        background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/arrow-right.png);
        right: -50px !important
    }

    .title-box {
        background-color: #000;
        color: #fff;
        padding: 8px;
        display: inline-block;
        position: relative;
        font-size: 11px;
        letter-spacing: 1px;
        font-weight: 700;
        text-transform: uppercase
    }

    .title-box:after {
        content: '';
        position: absolute;
        right: -19px;
        top: 0;
        width: 0;
        height: 0;
        border-left: 0 solid transparent;
        border-right: 19px solid transparent;
        border-top: 32px solid #000;
        clear: both
    }

    .slider-title {
        font-size: 30px;
        color: #000;
        text-align: left;
        margin-top: 30px;
        font-weight: 900;
        line-height: 30px
    }

    .client-name {
        font-size: 18px;
        color: #3F3F3F;
        text-align: left;
        font-weight: 600
    }

    .slider-date {
        font-size: 16px;
        color: #000;
        text-align: left;
        font-weight: 400
    }

    .whats-btn {
        border: 1px solid #000 !important;
        color: #000 !important;
        min-width: 190px !important;
        padding-bottom: 12px !important;
        padding-top: 12px !important;
        text-transform: uppercase !important;
        font-weight: 900 !important;
        margin: 0 auto !important;
        text-align: center !important;
        display: table !important;
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 28px !important
    }

    .whats-btn:hover {
        color: #fff !important
    }

    #success_stories {
        background-color: #372261
    }

    .title-left {
        font-size: 80px;
        line-height: 83px;
        margin-bottom: 0;
        font-weight: 900
    }

    .success-text-box {
        padding: 20px;
        position: relative
    }

    .title-box-yellow {
        background-color: #DF9926;
        color: #fff;
        padding: 4px 8px;
        display: inline-block;
        position: relative;
        font-size: 11px;
        letter-spacing: 1px;
        text-transform: uppercase;
        font-weight: 700
    }

    .title-box-yellow:after {
        border-left: 0 solid transparent;
        border-right: 20px solid transparent;
        border-top: 24px solid #DF9926;
        clear: both;
        content: "";
        height: 0;
        position: absolute;
        right: -20px;
        top: 0;
        width: 0
    }

    .caption-txt>a,
    .lng-txt>a {
        font-size: 22px;
        color: #000;
        font-weight: 400;
        line-height: 29.5px;
        letter-spacing: -.5px;
        margin-bottom: 0;
        z-index: 1
    }

    .caption-txt>a:hover,
    .lng-txt>a:hover {
        color: #007cc3 !important
    }

    .lng-txt {
        line-height: initial
    }

    .equal-bg {
        position: relative;
        height: 100%;
        padding: 0 15px 60px 15px;
        overflow: hidden
    }

    .equal-heights {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .equal-heights:before,
    .equal-heights:after {
        content: normal
    }

    .eqheight {
        padding: 15px 0
    }

    .relative-off {
        position: inherit
    }

    .bg-light-white .tag-postion {
        background-color: #f2f2f2
    }

    .white-bg .tag-postion {
        background-color: #fff
    }

    .tag-postion {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        bottom: 0;
        z-index: 10;
        padding: 15px 0
    }

    .tag-bg {
        position: absolute;
        left: 15px;
        right: 15px;
        bottom: 5px;
        z-index: 1
    }

    .social-tag-icon img {
        width: 17px;
        height: 17px
    }

    .lct-txt {
        font-size: 11px;
        line-height: 21px;
        color: #777;
        font-weight: 400;
        text-transform: uppercase
    }

    .get-image-height {
        position: relative
    }

    #success_stories .equal-bg,
    #resource_center .equal-bg {
        overflow: hidden
    }

    #success_stories .equal-bg img.get-image-height,
    #resource_center .equal-bg img.get-image-height,
    #press_release .equal-bg img.get-image-height,
    #features .equal-bg img.get-image-height {
        max-width: none;
        overflow: hidden;
        transform: translate3d(-10px, 0, 0);
        transition: all 0.35s ease 0s;
        width: calc(100% + 10px)
    }

    #success_stories .equal-bg:hover img.get-image-height,
    #resource_center .equal-bg:hover img.get-image-height,
    #press_release .equal-bg:hover img.get-image-height,
    #features .equal-bg:hover img.get-image-height {
        transform: translate3d(0, 0, 0)
    }

    .casestudy-btn {
        border: 1px solid #fff !important;
        color: #fff !important;
        min-width: 190px;
        padding-bottom: 15px !important;
        padding-top: 15px !important;
        text-transform: uppercase !important;
        font-weight: 400;
        margin: 0 auto !important;
        display: table !important;
        margin-top: 30px !important
    }

    .casestudy-btn:hover {
        color: #fff !important;
        border: 1px solid #000 !important
    }

    .offerings-row {
        border-top: 1px solid #858585;
        margin-left: 15%;
        padding-top: 20px;
        padding-bottom: 55px;
        opacity: 1;
        transition: 0.5s all
    }

    .offering-hover {
        position: relative
    }

    .offerings-hover {
        display: block !important;
        opacity: .4;
        position: relative
    }

    .border-left {
        width: 20px;
        height: 0%;
        position: absolute;
        left: 0;
        background-color: #DF9926;
        transition: all 0.5s
    }

    .offering-hover:hover .border-left {
        height: 100%
    }

    .offering-title {
        font-size: 40px;
        color: #000;
        font-weight: 900;
        line-height: 40px;
        letter-spacing: -1px
    }

    ul.offering-list {
        padding: 0
    }

    ul.offering-list li {
        list-style-type: none;
        font-size: 18px;
        padding-left: 40px;
        background-position: 3px 10px;
        transition: all 0.5s;
        line-height: 32px
    }

    ul.offering-list li:hover {
        background: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/list-arrow.png);
        background-repeat: no-repeat;
        background-position: 10px 10px
    }

    ul.offering-list li a {
        font-size: 20px;
        color: #000;
        font-weight: 400;
        line-height: 25px
    }

    .yellow-dot2 {
        display: none
    }

    .redefine-bg {
        padding: 60px;
        background: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/offeringImg.png);
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover
    }

    .assistedge {
        width: 90px
    }

    .redefine-title {
        font-size: 40px;
        color: #fff;
        font-weight: 900
    }

    .redefine-text {
        width: 80%;
        font-size: 15px;
        color: #fff;
        padding-top: 5px;
        line-height: 20px;
        text-align: left;
        font-weight: 400
    }

    .case-study {
        padding: 30px;
        background-color: #00539a
    }

    .case-heading {
        font-size: 15px;
        color: rgba(255, 255, 255, .8);
        font-weight: 400;
        margin-bottom: 0;
        letter-spacing: 1.5px
    }

    .case-content {
        font-size: 20px;
        color: #fff;
        line-height: 25px;
        font-weight: 700
    }

    .case-increase {
        font-size: 15px;
        color: #DF9926;
        font-weight: 400
    }

    .view-case {
        margin-top: 10px
    }

    .view-case a {
        font-size: 14px;
        color: #fff;
        display: inline-block;
        border: 1px solid #fff;
        padding: 10px 30px;
        text-transform: uppercase;
        font-weight: 900;
        letter-spacing: 1px
    }

    .opportunities {
        padding: 60px 60px;
        background: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/careers.jpg);
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-position: top -85px left;
        float: left;
        width: 100%
    }

    .opportunit-text {
        margin-bottom: 0;
        font-size: 45px;
        color: #fff
    }

    .career-btn {
        border: 1px solid #fff;
        background-color: #fff;
        text-align: center;
        margin-top: 20px;
        letter-spacing: 1.5px;
        padding: 12px 20px 11px;
        font-size: 14px;
        font-weight: 900;
        color: #000;
        text-transform: uppercase;
        display: inline-block
    }

    .career-btn:hover {
        color: #fff;
        border: 1px solid #fff;
        background-color: transparent
    }

    .reques-btns {
        font-size: 14px;
        color: #000 !important;
        padding-bottom: 10px !important;
        padding-top: 10px !important;
        text-transform: uppercase !important;
        font-weight: 900;
        display: inline-block;
        text-align: center;
        margin-right: 40px;
        letter-spacing: 1.5px;
        line-height: 26px
    }

    .reques-btns:after {
        content: '';
        display: block;
        margin: auto;
        height: 3px;
        width: 0;
        background-color: transparent;
        transition: width .5s ease, background-color .5s ease
    }

    .reques-btns:hover:after {
        width: 100%;
        background-color: #000
    }

    .reques-btn {
        border: 1px solid #000 !important;
        color: #fff !important;
        min-width: 180px;
        padding-bottom: 10px !important;
        padding-top: 10px !important;
        text-transform: uppercase !important;
        font-weight: 900;
        margin-top: 0px !important;
        background-color: #000 !important
    }

    a.reques-btn:hover {
        color: #000 !important;
        background-color: transparent !important
    }

    a.reques-btn:before {
        background-color: #000 !important
    }

    a.reques-btn:hover:before {
        width: 0%
    }

    .case-btn {
        border: 1px solid #fff !important;
        color: #fff !important;
        padding: 10px 28px !important;
        text-transform: uppercase !important;
        font-weight: 400;
        margin-top: 10px !important
    }

    .case-btn:hover {
        color: #fff !important;
        border: 1px solid #000 !important
    }

    #our_experts {
        background-color: #333;
        background-position: center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        background-size: cover
    }

    .expert-details {
        padding: 20px
    }

    .expert-name {
        font-size: 25px;
        color: #000;
        font-weight: 700;
        letter-spacing: -.5px
    }

    .expert-name>span {
        display: block;
        width: 40px;
        height: 4px;
        margin-top: 3px;
        background-color: #963596
    }

    .expert-text {
        margin-bottom: 0;
        font-size: 16px;
        color: #3F3F3F;
        line-height: 21px;
        font-weight: 400
    }

    .share-bg {
        position: absolute;
        bottom: 10px;
        left: 20px
    }

    .field-bg {
        position: relative;
        margin-bottom: 30px
    }

    .field-bg input,
    textarea {
        font-size: 20px;
        padding: 10px 0 10px 0;
        display: block;
        width: 100%;
        border: none;
        border-bottom: 2px solid #7E7E7E
    }

    .field-bg input:focus,
    .field-bg textarea:focus {
        outline: none
    }

    .field-bg label {
        color: #999;
        font-size: 14px;
        font-weight: 300;
        position: absolute;
        pointer-events: none;
        top: 14px;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
        background-color: transparent;
        text-transform: uppercase
    }

    .field-bg input:focus~label {
        top: -20px;
        font-size: 14px;
        color: #999;
        background-color: transparent;
        text-transform: uppercase
    }

    .field-bg textarea:focus~label,
    .field-bg textarea:valid~label {
        top: -20px;
        font-size: 14px;
        color: #999;
        background-color: transparent;
        text-transform: uppercase
    }

    .bar {
        position: relative;
        display: block;
        width: 100%
    }

    .bar:before,
    .bar:after {
        content: '';
        height: 4px;
        width: 0;
        bottom: 0;
        position: absolute;
        background-color: #21409a;
        transition: 0.5s ease all;
        -moz-transition: 0.5s ease all;
        -webkit-transition: 0.5s ease all
    }

    .field-bg input:focus~.bar:before,
    .field-bg input:focus~.bar:after {
        width: 100%
    }

    .field-bg textarea:focus~.bar:before,
    .field-bg textarea:focus~.bar:after {
        width: 100%
    }

    .submit-btn {
        color: #fff;
        padding: 18px 50px;
        border: 1px solid #DF9926;
        background-color: #DF9926;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        font-weight: 900
    }

    .submit-btn:hover {
        border: 1px solid #7E7E7E;
        background-color: transparent;
        color: #3F3F3F
    }

    .txt-request {
        font-size: 25px;
        margin-top: 10px
    }

    .field-bg sup {
        color: #F16C51
    }

    .connect-us textarea {
        color: #fff !important;
        background-color: transparent !important
    }

    .download-segment {
        display: block;
        font-weight: 400;
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
        margin-top: 15px
    }

    .download-segment:hover {
        color: #fff
    }

    .slider-segment-txt {
        line-height: 20px;
        font-size: 16px;
        color: #fff
    }

    .slide1-segment-image {
        background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/industry-segment-home.jpg)
    }

    .overview-segment-para {
        font-size: 18px !important;
        line-height: 30px !important;
        color: #000 !important;
        font-weight: 400 !important
    }

    .bg-how-wecan {
        background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/how-we-can-help.jpg);
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center center
    }

    .whatwecan-head {
        font-size: 35px;
        font-weight: 300;
        line-height: 40px;
        margin: 0 0 25px
    }

    .txt-whatcan {
        color: rgba(255, 255, 255, .8);
        line-height: 25px;
        margin-top: 10px;
        font-weight: 300
    }

    .overlay-wecan {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .25)
    }

    .cnt-first {
        padding: 25px 40px
    }

    .cnt-txt {
        padding: 35px 25px
    }

    .bdr-rgt {
        border-right: solid 1px rgba(255, 255, 255, .2)
    }

    .minus-top {
        position: absolute;
        bottom: 15px;
        left: 15px
    }

    #hero_banner {
        background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/solution-herobg.jpg);
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center center;
        min-height: auto;
        padding: 100px 0 125px
    }

    #resource_center {
        position: relative
    }

    #connect_with_our_com {
        padding: 40px 0;
        background: -webkit-linear-gradient(97deg, #3400c2, #61219a);
        background: -moz-linear-gradient(97deg, #3400c2, #61219a);
        background: linear-gradient(97deg, #3400c2, #61219a)
    }

    .connect-txt {
        color: #FFF;
        margin: 10px 0;
        font-size: 40px;
        font-weight: 700
    }

    .para-txt-solut {
        letter-spacing: -.5px;
        font-size: 26px;
        font-weight: 300;
        line-height: 30px
    }

    .tlk-our-expert {
        text-transform: uppercase;
        letter-spacing: 1px !important;
        margin-top: 10px;
        padding: 10px 50px !important
    }

    .tlk-our-expert:before,
    .tlk-our-expert:hover {
        background-color: #000 !important
    }

    .owl-thumbs {
        position: absolute;
        top: 5px;
        left: 0;
        display: table;
        width: 100%;
        background-color: #333
    }

    .owl-thumb-item {
        display: table-cell;
        border: none;
        background: none;
        padding: 0;
        margin-right: 10px
    }

    .owl-thumb-item.active {
        opacity: 1;
        background-color: #fff
    }

    .owl-thumb-item>p {
        color: #fff;
        font-size: 25px;
        line-height: 25px;
        font-weight: 900;
        margin-bottom: 0;
        padding: 30px 65px
    }

    .owl-thumb-item.active>p {
        color: #000;
        background-color: #fff
    }

    .challenges_solutions_caption {
        position: relative;
        top: 142px;
        min-height: 800px;
        padding: 25px
    }

    #latest_news,
    #press_release,
    #features,
    #journalistresearch,
    #infyinthenews,
    #subscribe,
    #questions_bg {
        padding: 75px 0
    }

    .line-height-30 {
        line-height: 30px
    }

    .pb5 {
        padding-bottom: 5px
    }

    .font-weight-100 {
        font-weight: 100
    }

    #latest_news .more {
        top: 375px
    }

    .overview-text {
        font-size: 30px;
        line-height: 40px;
        color: #000;
        padding-top: 10px;
        font-weight: 300
    }

    .bg-vcard {
        background-color: #f9f9f9;
        padding: 30px 50px
    }

    .name-text {
        font-size: 30px;
        color: #000;
        font-weight: 900
    }

    .designation-text {
        font-size: 16px;
        line-height: 25px;
        color: #3F3F3F
    }

    .contact-text {
        font-size: 18px;
        line-height: 22px
    }

    .vcard-contact-btn {
        margin-top: 10px !important
    }

    .bg-foundations {
        background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/infosys-foundation-joins-hands.jpg);
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center center
    }

    .more-right {
        right: 20px
    }

    .txt-report {
        padding-bottom: 150px
    }

    .twitter-time-text {
        font-size: 20px;
        color: #000;
        font-weight: 300
    }

    .latestnews-title {
        font-size: 14px;
        letter-spacing: 1.5px;
        color: #c5c2c2;
        font-weight: 600;
        text-transform: uppercase
    }

    .more-twitter {
        text-align: center;
        width: 100%;
        left: 0;
        top: 305px
    }

    .twitter-icon {
        font-size: 20px !important;
        margin-right: 5px;
        position: relative;
        top: 3px
    }

    #press_release {
        padding-bottom: 0
    }

    .pressrelease-text-box,
    .features-text-box {
        padding: 20px;
        position: relative;
        z-index: 1
    }

    .pressrelease-text,
    .features-text {
        font-size: 22px;
        color: #000;
        font-weight: 400;
        line-height: 29.5px;
        letter-spacing: -.5px;
        margin-bottom: 0
    }

    .bg-icon {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 0
    }

    .bgicon-img,
    .cse-stdy-icon,
    .cs-icon {
        width: 95px
    }

    #features {
        padding-bottom: 0
    }

    #journalistresearch {
        padding-bottom: 0
    }

    .journalistresearch-title {
        font-size: 25px;
        font-weight: 700;
        line-height: 30px;
        color: #fff !important;
        margin-bottom: 10px
    }

    .journalistresearch-desc {
        font-size: 18px;
        font-weight: 400;
        line-height: 1.3em;
        color: #fff
    }

    #infyinthenews {
        padding-bottom: 0
    }

    .infynews-time {
        font-size: 11px;
        line-height: 25px;
        letter-spacing: 1.5px;
        color: #000
    }

    .infynews-title-box {
        min-height: 20px
    }

    .infynews-title {
        font-size: 14px;
        line-height: 25px;
        letter-spacing: 1.5px;
        color: #000;
        text-transform: uppercase;
        font-weight: 400;
        margin: 0
    }

    .bg-light-white .pad-all {
        padding: 20px 50px
    }

    .infynews-twitter-icon {
        font-size: 14px !important;
        color: #fff;
        background-color: #4dc8f1;
        border-radius: 50%;
        padding: 4px 7.5px;
        margin-top: -2px
    }

    .infynews-facebook-icon {
        font-size: 14px !important;
        color: #fff;
        background-color: #3b5998;
        border-radius: 50%;
        padding: 4px 10px;
        margin-top: -2px
    }

    .infynews-text {
        font-size: 25px;
        line-height: 30px;
        color: #000
    }

    #subscribe {
        padding-bottom: 0
    }

    .bg-subscribe {
        background: #963596;
        padding: 25px 50px
    }

    .subscribe-text {
        margin-bottom: 0;
        font-size: 50px;
        line-height: 55px;
        font-weight: 900;
        color: #fff;
        letter-spacing: -1.5px
    }

    .subs-vars {
        display: inline-block;
        padding: 12px 20px 11px;
        margin-top: 35px
    }

    .more-question {
        font-size: 50px;
        color: #000;
        letter-spacing: -1.5px;
        font-weight: 900;
        line-height: 42px
    }

    .contact-btn {
        float: left;
        font-size: 14px;
        color: #000 !important;
        text-transform: uppercase;
        border: 1px solid #000 !important;
        margin-right: 10px;
        padding: 12px 20px;
        margin-top: 10px
    }

    .contact-btn:hover {
        color: #fff !important
    }

    .faqs-btn {
        font-size: 14px;
        letter-spacing: 1.5px;
        color: #fff;
        border: 1px solid #000;
        font-weight: 900;
        background-color: #000;
        text-transform: uppercase;
        padding: 12px 20px;
        margin-top: 10px;
        display: inline-block
    }

    .faqs-btn:hover {
        color: #000;
        border: 1px solid #000;
        background-color: transparent
    }

    .faqs-btn span {
        text-transform: lowercase
    }

    .grid {
        position: relative
    }

    .grid>.p0>a {
        color: #fff
    }

    .grid>.p0>a:hover,
    .grid>.p0>a:focus {
        color: #fff;
        text-decoration: none
    }

    .grid figure {
        position: relative;
        float: left;
        overflow: hidden;
        width: 100%;
        background-color: #000;
        text-align: center
    }

    .grid figure img {
        position: relative;
        display: block;
        min-height: 100%;
        height: 100%;
        max-width: 100%;
        opacity: .8
    }

    .grid figure figcaption {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .grid figure figcaption::before,
    .grid figure figcaption::after {
        pointer-events: none
    }

    .grid figure figcaption,
    .grid figure figcaption>a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    #being-infosys,
    #latest_news,
    #investor_toolkit,
    #related_content,
    #connected_with_us,
    #questions_bg {
        padding: 75px 0
    }

    #latest_news,
    #investor_toolkit {
        padding-bottom: 0 !important
    }

    .investor-widget {
        width: 100%;
        height: 100%
    }

    .blue-bg {
        position: relative
    }

    ul.offering-list li {
        line-height: 26px;
        padding-bottom: 10px
    }

    .mt30 {
        margin-top: 30px
    }

    .mr-md-20 {
        margin-right: 20px
    }

    .pl-md-0 {
        padding-left: 0
    }

    .light-yellow-bg {
        background-color: #fed142;
        position: relative
    }

    .gray-bg-color {
        background-color: #eee;
        position: relative
    }

    .white-bg {
        background-color: #FFF
    }

    .vertical-super {
        vertical-align: super
    }

    .being-title {
        font-size: 25px;
        color: #000;
        font-weight: 900;
        margin-bottom: 5px
    }

    .name-text {
        font-size: 30px;
        color: #000;
        font-weight: 900;
        line-height: normal;
        padding-top: 0
    }

    .contact-text {
        font-size: 18px;
        line-height: 22px;
        padding-top: 0
    }

    .vcard-contact-btn {
        margin-top: 10px
    }

    .bg-vcard {
        background-color: #f9f9f9;
        padding: 30px 50px
    }

    .news-box {
        padding: 20px 20px 25%
    }

    .small-title {
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
        margin-bottom: 10px
    }

    .box-txt {
        font-size: 30px;
        color: #fff;
        line-height: 36px;
        font-weight: 600
    }

    .box2-txt {
        font-size: 25px;
        color: #fff;
        line-height: 30px;
        font-weight: 600
    }

    .box3-txt {
        font-size: 15px;
        color: #000;
        line-height: 25px;
        font-weight: 600
    }

    .news-more {
        position: absolute;
        bottom: 20px
    }

    .news-more a {
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 900;
        margin-right: 20px;
        position: relative;
        left: 0;
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s
    }

    .news-more a:hover {
        left: 5px
    }

    .tab-bg .nav-tabs {
        border-bottom: none;
        background-color: rgba(255, 255, 255, .3);
        border-radius: 26px;
        display: inline-block;
        margin-bottom: 15px
    }

    .tab-bg .nav>li>a {
        font-size: 15px;
        color: #000;
        font-weight: 400;
        padding: 2px 15px;
        cursor: pointer;
        background-color: transparent !important;
        border: transparent !important;
        border-bottom-color: transparent;
        border-radius: 26px !important
    }

    .tab-bg .nav-tabs>li.active>a,
    .tab-bg .nav-tabs>li.active>a:focus,
    .tab-bg .nav-tabs>li.active>a:hover {
        color: #000;
        background-color: #fff !important;
        border: transparent !important;
        border-bottom-color: transparent;
        border-radius: 26px !important;
        padding: 2px 15px
    }

    .tab-bg .nav-tabs>li>a:hover {
        color: #000;
        background-color: #fff !important;
        border: transparent !important;
        border-bottom-color: transparent;
        border-radius: 26px !important;
        padding: 2px 15px
    }

    .box4-left {
        float: left;
        width: 55%
    }

    .box4-right {
        float: right;
        width: 44%
    }

    .chart-title {
        font-size: 60px;
        color: #000;
        font-weight: 900
    }

    .value-details {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 0
    }

    .value-date {
        font-size: 12px;
        color: #3F3F3F;
        margin-bottom: 0
    }

    .read-letter {
        font-size: 14px;
        color: #fff;
        font-weight: 900;
        text-transform: uppercase
    }

    .read-letter:hover {
        color: #fff
    }

    .financial-txt {
        font-size: 20px;
        color: #fff;
        font-weight: 600;
        line-height: 25px
    }

    .news-box-img {
        position: relative
    }

    .eq-height .eqh-box .news-box-img {
        transform: scale(1);
        -webkit-transition: all 1.5s ease 0s;
        -o-transition: all 1.5s ease 0s;
        transition: all 1.5s ease 0s
    }

    .eq-height .eqh-box:hover .news-box-img {
        transform: scale(1.2)
    }

    .news-box-text {
        position: absolute;
        bottom: 0;
        padding: 20px
    }

    .recent-news {
        font-size: 45px;
        color: #000;
        font-weight: 900;
        margin: 0 0 30px
    }

    .re-news-date {
        font-size: 14px;
        color: #3F3F3F;
        margin-bottom: 0
    }

    .re-news {
        font-size: 18px;
        color: #000;
        line-height: 27px
    }

    .h-line {
        width: 100%;
        height: 1px;
        background-color: #e6e6e6;
        margin: 10px 0
    }

    .view-all,
    .investors-news-row .view-all {
        font-size: 14px;
        color: #000;
        font-weight: 900;
        text-transform: uppercase;
        padding-top: 10px
    }

    .investors-news-row .view-all {
        color: #FFF
    }

    .toolkit-box {
        margin: 0 auto;
        max-width: 290px;
        width: 100%;
        min-height: 500px;
        padding: 30px;
        position: relative;
        background: #BEE3FF url(../../../sitecollectionimages/responsive/newdesign/line-pattern-bg.png)
    }

    .corporate-txt {
        font-size: 21px;
        font-weight: 400;
        line-height: 23px
    }

    .register-now {
        font-size: 14px;
        color: #000;
        padding-top: 10px;
        font-weight: 600;
        text-transform: uppercase
    }

    .event-date {
        font-size: 50px;
        color: #000;
        font-weight: 900;
        line-height: 40px;
        padding-top: 15px
    }

    .event-time {
        font-size: 16px;
        color: #000;
        font-weight: 400
    }

    .slider-btn {
        font-size: 14px;
        color: #000;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        font-weight: 900;
        width: 200px;
        position: absolute;
        margin: 0 auto;
        text-align: center;
        left: 0;
        right: 0;
        bottom: 30px;
        padding: 10px 20px;
        background-color: transparent;
        display: block;
        z-index: 1;
        border: 1px solid #000;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out
    }

    .slider-btn:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 0;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        background-color: #000;
        z-index: -1
    }

    .slider-btn:hover {
        border: 1px solid #000;
        background-color: transparent;
        color: #fff
    }

    .slider-btn:hover:before {
        width: 100%
    }

    .slider-btn:hover {
        color: #fff !important
    }

    .corporate-bg {
        background: -moz-linear-gradient(135deg, #0241ff 0%, #61219a 70%) repeat scroll 0 0;
        background: -webkit-gradient(135deg, #0241ff 0%, #61219a 70%) repeat scroll 0 0;
        background: linear-gradient(135deg, #0241ff 0%, #61219a 70%) repeat scroll 0 0;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0241ff', endColorstr='##61219a', GradientType=1)
    }

    .corporate-shape {
        max-width: 210px;
        width: 100%;
        height: auto;
        border-bottom: 110px solid #372261;
        border-right: 80px solid transparent;
        position: absolute;
        left: 0;
        bottom: 0
    }

    .corporate-shape-text {
        position: absolute;
        left: 20px;
        right: 10px
    }

    .corporate-shape-text p {
        font-size: 16px;
        color: #fff;
        font-weight: 600;
        padding-top: 20px
    }

    .corporate-title {
        font-size: 14px;
        color: #fff;
        text-transform: uppercase;
        margin-top: 30px
    }

    .corporate-txt2 {
        font-size: 25px;
        color: #fff;
        line-height: 27px;
        font-weight: 600
    }

    .corporate-name {
        font-size: 16px;
        color: #fff
    }

    .down-report-btn {
        font-size: 16px;
        color: #fff;
        border: 1px solid #fff;
        padding: 10px 40px;
        display: inline-block;
        margin-top: 100px;
        margin-left: 50px
    }

    .down-report-btn:hover {
        color: #fff;
        background-color: #000;
        border: 1px solid #000
    }

    .e-report {
        font-size: 14px;
        color: #fff;
        font-weight: 400;
        text-transform: uppercase;
        padding-bottom: 25px;
        margin-left: 50px;
        margin-top: 20px
    }

    #related_content,
    .news-video-bg,
    .video-bg {
        position: relative
    }

    .news-play-icon {
        width: 40px;
        height: 40px;
        position: absolute;
        margin: 0 auto;
        bottom: 0;
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%)
    }

    #connected_with_us {
        background: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/stay-connected.jpg);
        background-repeat: no-repeat !important;
        background-position: center center !important;
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -o-background-size: cover !important;
        background-size: cover !important
    }

    .connect-us input {
        color: #fff !important;
        background-color: transparent !important
    }

    .connect-us label {
        color: #fff !important
    }

    .connect-us input::-webkit-input-placeholder {
        color: #ffffff !important
    }

    .connect-us input:-moz-placeholder {
        color: #ffffff !important
    }

    .connect-us input::-moz-placeholder {
        color: #ffffff !important
    }

    .connect-us input:-ms-input-placeholder {
        color: #ffffff !important
    }

    .select-checkbox input[type=checkbox] {
        display: none
    }

    .select-checkbox input[type=checkbox]+label {
        font-size: 14px;
        color: #fff;
        text-align: center;
        font-weight: 400;
        width: 160px;
        padding: 10px 0;
        display: inline-block;
        cursor: pointer;
        position: relative;
        background-color: transparent;
        border: 1px solid #fff;
        border-radius: 3px;
        margin-right: 10px;
        margin-bottom: 10px
    }

    .select-checkbox input[type=checkbox]:checked+label {
        color: #000;
        background-color: #fff
    }

    .select-checkbox input[type=checkbox]:checked+label:after {
        content: '\2714';
        font-size: 10px;
        color: #000;
        text-align: center;
        padding-top: 0;
        margin-top: 12px;
        width: 16px;
        height: 16px;
        border: 1px solid #000;
        border-radius: 50px;
        display: inline-table;
        position: absolute;
        top: 0;
        left: 10px
    }

    .subscribe-btn {
        font-size: 14px;
        color: #fff;
        padding: 12px 42px;
        border: 1px solid #DF9926;
        background-color: #DF9926;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        letter-spacing: 1.5px;
        text-transform: uppercase;
        font-weight: 900;
        margin-top: 20px
    }

    .subscribe-btn:hover {
        color: #fff;
        border: 1px solid #fff;
        background-color: transparent
    }

    .more-question {
        font-size: 50px;
        color: #000;
        letter-spacing: -1.5px;
        font-weight: 900;
        line-height: 42px
    }

    .contact-btn {
        float: left;
        font-size: 14px;
        color: #000 !important;
        text-transform: uppercase;
        border: 1px solid #000 !important;
        margin-right: 10px;
        padding: 12px 20px;
        margin-top: 10px
    }

    .contact-btn:hover {
        color: #fff !important
    }

    .faqs-btn {
        font-size: 14px;
        color: #fff;
        border: 1px solid #000;
        font-weight: 900;
        letter-spacing: 1.5px;
        background-color: #000;
        text-transform: uppercase;
        padding: 12px 20px;
        margin-top: 10px;
        display: inline-block
    }

    .faqs-btn:hover {
        color: #000;
        border: 1px solid #000;
        background-color: transparent
    }

    .faqs-btn span {
        text-transform: lowercase
    }

    .pb0-overview {
        padding-bottom: 0 !important
    }

    .bg-ship {
        background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/digital-champions.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        -webkit-background-size: cover;
        background-size: cover;
        min-height: 436px;
        margin-bottom: 80px
    }

    .line-h {
        border-left: 1px solid rgba(255, 255, 255, .2);
        height: 436px
    }

    #hero_banner_aboutus {
        padding: 0;
        width: 100%;
        height: 100vh;
        position: relative;
        overflow: hidden
    }

    .about-caption-content {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        -webkit-transform: translate(0, -30%) !important;
        -moz-transform: translate(0, -30%) !important;
        -ms-transform: translate(0, -30%) !important;
        -o-transform: translate(0, -30%) !important;
        transform: translate(0, -30%) !important;
        width: auto
    }

    .circle-grid {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .circle-grid:before,
    .circle-grid:after {
        content: normal
    }

    .circle-grid>[class*="col-"] {
        margin-bottom: 20px
    }

    .circle-grid .eqh-box {
        position: relative;
        height: 100%;
        padding-bottom: 20px;
        overflow: hidden
    }

    .circle-grid .eqh-box .btn-bottom {
        position: absolute !important;
        bottom: 0;
        padding: 15px;
        margin: 0
    }

    .abt-heading {
        font-size: 64px;
        line-height: 64px;
        font-family: 'tungstenw05-medium', 'Oswald', sans-serif;
        ;
        font-weight: 500;
        margin-bottom: 50px
    }

    #aboutus_company {
        padding-top: 75px
    }

    .stats [class*="col-"] {
        text-align: center;
        margin-bottom: 60px
    }

    .stats [class*="col-"]:nth-of-type(4),
    .stats [class*="col-"]:nth-of-type(5),
    .stats [class*="col-"]:nth-of-type(6) {
        margin-bottom: 0
    }

    .stats .number {
        font-size: 80px;
        color: #000;
        position: relative;
        font-weight: 900;
        font-family: 'tungstenw05-medium', 'Oswald', sans-serif;

        .stats .symbol {
            color: #000;
            font-size: 58px;
            margin-top: 15px;
            position: absolute;
            font-weight: 300 !important
        }

        .stats sup,
        .stats .sup {
            color: #000;
            font-size: 22px !important;
            top: -1.7em;
            font-family: myriad-pro
        }

        .stats .sup {
            top: 0
        }

        .plus-row {
            color: #FFF
        }

        .plus-row [class*="col-"] {
            margin-bottom: 25px;
            padding-left: 15px;
            padding-right: 15px
        }

        .plus-row h3 {
            font-weight: 600;
            padding: 0 30px
        }

        .plus-row .eqh-box {
            background-color: transparent;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%
        }

        .plus-row .eqh-box .btn-bottom {
            font-size: 16px !important;
            font-weight: 400 !important;
            text-transform: none;
            margin-bottom: 0;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 15px 15px 0;
            position: absolute
        }

        #about_us,
        .aboutus-desc {
            position: relative
        }

        .gradient-color-aboutus {
            background-color: #fff;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            min-height: 450px
        }

        .aboutus-desc {
            float: left;
            background-color: #000;
            padding: 35px 50px 0;
            margin-bottom: 50px
        }

        .desc-txt {
            font-size: 30px;
            line-height: 45px;
            letter-spacing: -1.6px;
            color: #fff;
            font-weight: 300;
            padding-top: 25px
        }

        .name-desc {
            font-size: 30px;
            line-height: 45px;
            letter-spacing: -.5px;
            font-weight: 700;
            color: #fff;
            margin-top: 20px
        }

        .cta-txt {
            font-size: 14px;
            line-height: 23px;
            letter-spacing: 1.5px;
            color: #fff;
            text-transform: uppercase
        }

        .cta-txt:hover {
            border: 1px solid #fff !important
        }

        .border-line {
            border: 1px solid #000;
            padding: 15px;
            margin-bottom: 30px;
            background-color: #fff
        }

        .border-line:hover .head-abtus-bdr,
        .bg-queries:hover .head-abtus-bdr {
            width: 65px
        }

        .head-abtus {
            font-size: 25px;
            line-height: 27px;
            letter-spacing: -.5px;
            color: #000;
            font-weight: 900
        }

        .star-bdr,
        .head-abtus-bdr {
            background-color: #f5a623;
            display: block
        }

        .head-abtus-bdr {
            width: 50px;
            height: 5px;
            margin: 10px 0;
            transition: all 0.5s ease 0s
        }

        .star-bdr {
            width: 75px;
            height: 7.5px;
            margin: 10px 0 20px
        }

        .circle-grid .view-more,
        .bg-ship .view-more {
            font-size: 14px;
            font-weight: 600;
            text-transform: uppercase;
            color: #000;
            margin-top: 10px;
            text-decoration: none;
            position: relative;
            left: 0;
            -webkit-transition: all 0.5s ease 0s;
            -o-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s
        }

        .circle-grid .view-more:hover,
        .circle-grid .view-more:focus,
        .bg-ship .view-more:hover,
        .bg-ship .view-more:focus {
            color: #000;
            text-decoration: none;
            left: 10px
        }

        .sustainability {
            position: relative
        }

        .sustainability-overlay {
            position: absolute;
            top: 0;
            left: 0;
            background-color: rgba(0, 0, 0, .1);
            width: 100%;
            height: 100%
        }

        .sustainability .view-more {
            background-color: #fff;
            color: #000 !important;
            padding: 8px 25px;
            border: 1px solid #FFF;
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 600;
            display: inline-block;
            margin: 10px 0
        }

        .sustainability .view-more:hover {
            background-color: transparent;
            color: #FFFFFF !important
        }

        .bg-star {
            background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/about-us-star.png);
            background-repeat: no-repeat;
            -webkit-background-size: contain;
            background-size: contain;
            background-position: 0 0;
            min-height: 398px;
            padding: 75px 0
        }

        .star-para {
            font-size: 35px;
            line-height: 37px;
            font-weight: 700;
            padding-right: 100px
        }

        .sustainability {
            background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/sustainability.jpg);
            background-repeat: no-repeat;
            -webkit-background-size: cover;
            background-size: cover;
            background-position: center center;
            min-height: 500px;
            padding: 75px 0
        }

        .sust-para {
            font-size: 32px;
            color: #fff;
            font-weight: 300;
            margin: 20px 0;
            line-height: 1.3em
        }

        .sust-pr {
            padding: 25px;
            background-color: #fff
        }

        .sust-pr-para {
            font-size: 25px;
            line-height: 30px;
            font-weight: 400
        }

        .para-reg,
        .para-lgt {
            font-size: 25px
        }

        .para-reg {
            line-height: 27px;
            font-weight: 400;
            margin-bottom: 30px
        }

        .para-lgt {
            padding-top: 30px
        }

        #innovation_fund {
            padding-bottom: 0
        }

        #paper-boat {
            padding: 25px 40px
        }

        .seprator {
            border-top: 1px solid rgba(255, 255, 255, .6);
            float: left;
            width: 100%;
            margin: 30px 0
        }

        .slider-head {
            font-size: 14px;
            line-height: 18px;
            letter-spacing: .6px;
            color: rgba(255, 255, 255, .6);
            text-transform: uppercase;
            font-weight: 400;
            margin: 0 0 10px
        }

        .slider-para {
            font-size: 16px;
            color: #fff;
            font-weight: 400
        }

        .slider-learn {
            font-size: 14px;
            color: #fff;
            margin-top: 20px;
            text-transform: uppercase;
            font-weight: 600;
            position: relative;
            left: 0;
            -webkit-transition: all 0.5s ease 0s;
            -o-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s
        }

        .slider-learn:hover {
            color: #fff;
            left: 10px
        }

        #paper-boat .owl-nav .owl-prev,
        .owl-next {
            background-repeat: no-repeat !important;
            width: 16px;
            height: 16px;
            text-indent: -9999px;
            position: absolute !important;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out
        }

        #paper-boat .owl-nav .owl-prev {
            background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/back.png);
            right: 60px;
            top: 350px !important
        }

        #paper-boat .owl-nav .owl-next {
            background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/forward.png);
            right: 30px;
            top: 350px !important
        }

        #subsidiaries {
            padding: 75px 0
        }

        .accordion-custom .panel-default {
            float: left;
            width: 100%;
            border-color: transparent;
            margin-top: 15px !important;
            margin-bottom: 15px !important
        }

        .accordion-custom .panel {
            -webkit-box-shadow: none !important;
            box-shadow: none !important
        }

        .accordion-custom .panel-title a {
            font-size: 40px;
            color: #000;
            font-weight: 600;
            display: block;
            padding-right: 30px
        }

        .accordion-custom .panel-title>a:before {
            font-family: FontAwesome;
            content: "\f068";
            font-size: 40px;
            line-height: -moz-block-height;
            letter-spacing: -.0625em;
            position: absolute;
            right: 8px;
            bottom: 0;
            top: 50%;
            transform: translateY(-50%)
        }

        .accordion-custom .panel-title>a.collapsed:before {
            content: "\f067";
            font-size: 40px;
            line-height: -moz-block-height;
            position: absolute;
            right: 8px;
            bottom: 0;
            top: 50%;
            transform: translateY(-50%)
        }

        .accordion-custom .panel-title>a:hover,
        .accordion-custom .panel-title>a:active,
        .accordion-custom .panel-title>a:focus {
            text-decoration: none
        }

        .accordion-custom .panel-default>.panel-heading {
            background-color: transparent;
            border-color: transparent;
            position: relative;
            padding: 10px 0
        }

        .accordion-custom .panel-default>.panel-heading+.panel-collapse>.panel-body {
            border-top-color: transparent;
            padding-left: 0;
            background-color: transparent !important
        }

        .accordion-custom .accordion-txt {
            font-size: 25px;
            color: #3F3F3F;
            line-height: 37px;
            margin-bottom: 25px;
            padding-right: 80px
        }

        .goto {
            color: #000;
            font-size: 14px;
            font-weight: 900;
            margin-bottom: 15px;
            display: inline-block;
            text-transform: uppercase
        }

        .goto:hover {
            color: #000
        }

        .dropdown-navigation-box {
            padding: 50px 0
        }

        select.select-region::-ms-expand {
            display: none
        }

        .select-region {
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            -o-appearance: none;
            appearance: none;
            outline: none;
            overflow: hidden;
            text-indent: .01px;
            text-overflow: '';
            width: 165px;
            background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/down-arrow.png);
            background-repeat: no-repeat;
            background-position: right center;
            border: 0;
            border-bottom: solid 1px #7E7E7E;
            font-size: 15px;
            color: #3F3F3F;
            line-height: 20px;
            font-weight: 400
        }

        .location-title {
            font-size: 25px;
            line-height: 25px;
            color: #000;
            font-weight: 400;
            margin-bottom: 20px
        }

        .location-text {
            font-size: 20px;
            line-height: 25px;
            color: #777;
            font-weight: 300
        }

        .bg-queries {
            background-color: #f2f2f2;
            color: #000;
            position: relative;
            height: 100%
        }

        .bg-queries:hover,
        .bg-queries:focus {
            background-color: #f2f2f2;
            color: #000;
            text-decoration: none
        }

        .pdg-queries {
            padding: 65px 15px 15px
        }

        .queries-txt {
            font-size: 25px;
            line-height: 30px;
            letter-spacing: -.5px;
            font-weight: 400;
            margin: 0
        }

        #locations {
            position: relative
        }

        #locations .scrtabs-tabs-fixed-container,
        #locations .scrtabs-tabs-movable-container {
            width: auto !important;
            left: 0px !important
        }

        #locations .scrtabs-tab-scroll-arrow {
            display: none !important
        }

        .loc-ht {
            background: #333;
            background-repeat: repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -ms-background-size: cover;
            background-size: cover;
            background-position: top center;
            height: 675px;
            top: 0;
            left: 0;
            position: absolute;
            width: 100%
        }

        #locations .nav-tabs {
            border-bottom: 0
        }

        #locations .nav-tabs>li {
            margin-bottom: 0
        }

        #locations .nav-tabs>li+li::before {
            content: "|";
            color: rgba(255, 255, 255, .5);
            position: absolute;
            top: 15px;
            left: -2px
        }

        #locations .nav-tabs>li>a {
            padding: 20px 60px;
            margin-right: 0;
            color: #fff;
            font-size: 14px;
            border-top: 1px solid rgba(255, 255, 255, .5);
            border-bottom: 1px solid rgba(255, 255, 255, .5);
            border-left: transparent;
            border-right: transparent;
            border-radius: 0;
            text-transform: uppercase
        }

        #locations .nav-tabs>li:first-child>a {
            border-left: 1px solid rgba(255, 255, 255, .5)
        }

        #locations .nav-tabs>li:last-child>a {
            border-right: 1px solid rgba(255, 255, 255, .5)
        }

        #locations .nav-tabs>li.active>a,
        #locations .nav-tabs>li.active>a:focus,
        #locations .nav-tabs>li.active>a:hover {
            background-color: #DF9926 !important;
            color: #fff !important;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            text-transform: uppercase;
            font-size: 14px;
            font-weight: 400
        }

        #locations .nav>li>a:focus,
        #locations .nav>li>a:hover {
            background-color: #DF9926;
            color: #fff
        }

        .loc-cntry-txt>span {
            color: #fff;
            font-size: 30px;
            font-weight: 900;
            letter-spacing: -.5px;
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            width: 100%;
            height: auto;
            display: block;
            text-align: center
        }

        .hvr-cntry:hover .loc-cntry-txt>span {
            transform: translateY(-39%)
        }

        .hvr-cntry:hover .loc-cntry-txt {
            background-color: rgb(245, 166, 35, .8);
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            transform: translateY(0);
            right: 0;
            bottom: 0;
            position: absolute;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease
        }

        #pr_list {
            position: relative
        }

        .bg-pattern {
            position: relative;
            padding-bottom: 75px
        }

        #pr_list .mt-xs-20 .mt20 {
            margin: 20px 0
        }

        #pr_list .mt-xs-20 .mt20>[class*=col] {
            padding-left: 0;
            padding-right: 0
        }

        .overlay-pr {
            background-color: #f2f2f2;
            background: -webkit-linear-gradient(rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 1) 10%) repeat scroll 0 0;
            background: -o-linear-gradient(rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 1) 10%) repeat scroll 0 0;
            background: -moz-linear-gradient(rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 1) 10%) repeat scroll 0 0;
            background: linear-gradient(rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 1) 10%) repeat scroll 0 0;
            position: absolute;
            left: 0;
            top: 60px;
            bottom: 0;
            width: 100%;
            height: auto
        }

        .bx-shdw-pr {
            -webkit-box-shadow: 0 0 10px #888;
            -moz-box-shadow: 0 0 10px #888;
            box-shadow: 0 0 10px #888;
            background-color: #fff
        }

        .successstories-nav {
            font-size: 17px;
            line-height: 52px;
            font-weight: 400
        }

        .successstories-nav>a {
            color: #777
        }

        li.successstories-nav.active {
            border-bottom: 4px solid #DF9926
        }

        .successstories-nav.active>a,
        .successstories-nav>a:hover {
            color: #000
        }

        .nav-top-align {
            padding-left: 5px;
            margin-bottom: 0
        }

        .nav-top-align>li {
            margin-right: 35px;
            padding: 0
        }

        .list-group-item {
            padding: 0 15px
        }

        .list-group-item .lng-txt {
            padding-right: 150px
        }

        .btn-grid,
        .btn-list {
            color: #ccc;
            font-size: 30px
        }

        .btn-grid.active,
        .btn-list.active,
        .btn-grid:hover,
        .btn-list:hover {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            color: #000
        }

        select.select-pr::-ms-expand {
            display: none
        }

        .select-pr {
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            -o-appearance: none;
            appearance: none;
            outline: none;
            overflow: hidden;
            text-indent: .01px;
            text-overflow: '';
            width: 165px;
            background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/down-arrow.png);
            background-repeat: no-repeat;
            background-position: right center;
            border: 0;
            border-bottom: 1px solid #7E7E7E;
            font-size: 17px;
            color: #3F3F3F;
            line-height: 20px;
            font-weight: 400
        }

        .prlst-para {
            font-size: 22px;
            line-height: 25px;
            color: #000;
            font-weight: 400;
            display: block;
            padding-top: 15px
        }

        .pr-icon>.lct-txt {
            font-size: 11px;
            line-height: 21px;
            color: #777;
            font-weight: 400;
            text-transform: uppercase
        }

        .pr-icon {
            margin-bottom: 15px;
            padding: 0 15px
        }

        .pr-icon>li {
            margin-right: 7px
        }

        .pr-icon>li>a>img {
            max-width: 14px;
            fill: #000
        }

        .thumbnail {
            background-color: #fff;
            border: none;
            border-radius: 0;
            display: block;
            line-height: 1.42857;
            margin-bottom: 0;
            padding: 0;
            transition: border 0.2s ease-in-out 0s
        }

        .list-group-item {
            background-color: transparent
        }

        .list-group-item .thumbnail {
            background-color: #fff;
            border: none;
            border-radius: 0;
            display: block;
            line-height: 1.42857;
            margin-bottom: 0;
            padding-right: 15px;
            transition: border 0.2s ease-in-out 0s
        }

        .list-group-item:first-child,
        .list-group-item,
        .grid-group-item:first-child,
        .grid-group-item {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            margin-bottom: 25px;
            border: 0
        }

        .list-group-item .pr-icon {
            padding: 0
        }

        .tag-postion {
            display: none
        }

        .pos-abs {
            background-color: #FFF;
            position: absolute;
            left: 15px;
            right: 15px;
            width: auto;
            padding: 15px
        }

        .minus-top-grd,
        .minus-top-lst {
            line-height: 16px
        }

        .minus-top-grd {
            position: absolute;
            top: -45px
        }

        .minus-top-lst {
            position: relative;
            top: 0
        }

        .list-group-item>.pos-abs,
        .grid-group-item>.pos-abs {
            background-color: #fff;
            bottom: 0;
            left: 15px;
            top: 0px !important;
            padding: 15px;
            position: absolute;
            right: 15px;
            width: auto
        }

        .list-group-item .social-tag,
        .grid-group-item .social-tag {
            position: relative
        }

        .tag-close {
            position: absolute;
            right: 15px;
            bottom: 15px;
            width: 15px;
            height: 15px
        }

        .tag-close:hover {
            opacity: 1
        }

        .tag-close:before,
        .tag-close:after {
            position: absolute;
            content: ' ';
            height: 15px;
            width: 2px;
            background-color: #000
        }

        .tag-close:before {
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .tag-close:after {
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

        .tag-item {
            width: auto;
            height: auto;
            padding: 5px 10px;
            border: 1px solid #000;
            color: #000;
            margin-right: 10px;
            font-size: 14px;
            display: inline-block;
            margin-bottom: 10px;
            -webkit-transition: all 0.5s ease 0s;
            -moz-transition: all 0.5s ease 0s;
            -ms-transition: all 0.5s ease 0s;
            -o-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
            text-transform: capitalize
        }

        .tag-item:hover {
            background-color: #000;
            color: #fff;
            text-decoration: none
        }

        .tag-item:focus {
            color: #000;
            text-decoration: none
        }

        .tag-active {
            background-color: #000;
            color: #FFFFFF !important
        }

        .trigger-share-pr {
            position: relative;
            top: 0
        }

        .trigger-share-pr,
        ul.social-share-pr>li {
            position: absolute;
            top: 0;
            -webkit-transition: .1s linear;
            transition: .1s linear;
            border: none
        }

        ul.social-share-pr>li {
            display: none;
            right: -5px;
            top: -11px
        }

        ul.social-share-pr>li>a {
            font-size: 18px;
            color: #333
        }

        ul.social-share-pr>li.slideout {
            display: block;
            background-color: #fff;
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
            height: 40px;
            padding: 5px;
            text-align: center;
            width: 40px
        }

        ul.social-share-pr>li.slideout:nth-child(1) {
            -webkit-transform: translateY(55px);
            -moz-transform: translateY(55px);
            -ms-transform: translateY(55px);
            -o-transform: translateY(55px);
            transform: translateY(55px)
        }

        ul.social-share-pr>li.slideout:nth-child(2) {
            -webkit-transform: translateY(85px);
            -moz-transform: translateY(85px);
            -ms-transform: translateY(85px);
            -o-transform: translateY(85px);
            transform: translateY(85px)
        }

        ul.social-share-pr>li.slideout:nth-child(3) {
            -webkit-transform: translateY(115px);
            -moz-transform: translateY(115px);
            -ms-transform: translateY(115px);
            -o-transform: translateY(115px);
            transform: translateY(115px)
        }

        ul.social-share-pr>li.slideout:nth-child(4) {
            -webkit-transform: translateY(145px);
            -moz-transform: translateY(145px);
            -ms-transform: translateY(145px);
            -o-transform: translateY(145px);
            transform: translateY(145px)
        }

        ul.social-tag>li {
            margin-right: 10px
        }

        ul.social-tag>li.last {
            margin-right: 0;
            position: relative
        }

        .list-group-item ul.social-share-pr,
        .grid-group-item ul.social-share-pr {
            position: absolute;
            top: 7px;
            left: 35px
        }

        .list-group-item ul.social-tag,
        .grid-group-item ul.social-tag {
            margin-top: 25px;
            margin-bottom: 0;
            margin-left: 0
        }

        .list-group-item .equal-bg {
            padding-top: 15px;
            padding-bottom: 15px
        }

        .list-group-item .lng-txt h3,
        .list-group-item .caption-txt h3,
        .grid-group-item .caption-txt h3 {
            margin: 0
        }

        .list-group-item .prlst-para {
            padding-top: 0
        }

        .grid-group-item .equal-bg {
            padding-bottom: 15px
        }

        .list-group-item .tag-bg,
        .grid-group-item .tag-bg {
            left: 0
        }

        .list-group-item ul.social-share-pr>li,
        .grid-group-item ul.social-share-pr>li {
            display: none;
            left: 155px;
            right: inherit
        }

        .list-group-item ul.social-share-pr>li.slideout,
        .grid-group-item ul.social-share-pr>li.slideout {
            display: block
        }

        .list-group-item ul.social-share-pr>li.slideout:nth-child(1),
        .grid-group-item ul.social-share-pr>li.slideout:nth-child(1) {
            -webkit-transform: translateX(-155px);
            -moz-transform: translateX(-155px);
            -ms-transform: translateX(-155px);
            -o-transform: translateX(-155px);
            transform: translateX(-155px)
        }

        .list-group-item ul.social-share-pr>li.slideout:nth-child(2),
        .grid-group-item ul.social-share-pr>li.slideout:nth-child(2) {
            -webkit-transform: translateX(-127px);
            -moz-transform: translateX(-127px);
            -ms-transform: translateX(-127px);
            -o-transform: translateX(-127px);
            transform: translateX(-127px)
        }

        .list-group-item ul.social-share-pr>li.slideout:nth-child(3),
        .grid-group-item ul.social-share-pr>li.slideout:nth-child(3) {
            -webkit-transform: translateX(-97px);
            -moz-transform: translateX(-97px);
            -ms-transform: translateX(-97px);
            -o-transform: translateX(-97px);
            transform: translateX(-97px)
        }

        .list-group-item ul.social-share-pr>li.slideout:nth-child(4),
        .grid-group-item ul.social-share-pr>li.slideout:nth-child(4) {
            -webkit-transform: translateX(-64px);
            -moz-transform: translateX(-64px);
            -ms-transform: translateX(-64px);
            -o-transform: translateX(-64px);
            transform: translateX(-64px)
        }

        .nav-top-align {
            color: #fff;
            max-height: 200px;
            overflow: auto;
            top: 0;
            width: 100%
        }

        .nav-top-align>li {
            display: inline-block
        }

        .filter-by-topics.mt50 {
            margin-top: 0
        }

        .filter-by-topics {
            font-size: 25px;
            font-weight: 900;
            color: #000;
            line-height: 25px
        }

        .clk-fliter-overlay {
            border-radius: 0;
            font-weight: 300;
            width: auto
        }

        #overlay_fliter_topic {
            display: none;
            position: fixed;
            width: 100%;
            height: 100%;
            overflow-y: scroll;
            overflow-x: hidden;
            left: 0;
            top: 0;
            background-color: #f2f2f2;
            padding: 25px 0;
            z-index: 9999
        }

        .close-icon>img {
            position: absolute;
            right: 30px;
            width: 15px;
            height: 15px;
            top: 0
        }

        a.overlay_fliter_cta {
            border: 1px solid #f60;
            color: #000;
            display: block;
            margin-top: 25px;
            font-size: 14px;
            height: auto;
            margin-left: auto;
            margin-right: auto;
            padding: 5px;
            text-align: center;
            width: 100px;
            text-decoration: none;
            font-weight: 600
        }

        a.overlay_fliter_cta:hover {
            background-color: #DF9926;
            border: 1px solid #DF9926;
            color: #fff
        }

        #our_products,
        #our_offerings {
            padding-bottom: 0
        }

        #pattern_bg {
            position: relative
        }

        .txt-brwseby {
            font-size: 23px;
            font-weight: 600;
            letter-spacing: -.3px;
            line-height: 28px;
            margin-top: 10px;
            padding-left: 5px
        }

        .resp-tabs-container {
            padding: 0
        }

        .resp-accordion {
            display: none
        }

        .resp-tab-content {
            display: none
        }

        .resp-content-active,
        .resp-accordion-active {
            display: block
        }

        .resp-vtabs .resp-tabs-list li {
            display: block;
            padding: 37.5px 15px;
            margin: 0;
            cursor: pointer;
            float: none;
            background-color: #963596;
            border: 0;
            border-bottom: 1px solid rgba(255, 255, 255, .2);
            text-align: center;
            color: #FFF;
            font-weight: 500
        }

        .resp-vtabs li.resp-tab-active {
            opacity: .8
        }

        .resp-tabs-list li>img {
            opacity: .2
        }

        .resp-tabs-list li.resp-tab-active>img {
            opacity: 1
        }

        .tabs_gradient {
            background-color: rgba(55, 34, 97, .7)
        }

        .tabs_img {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            width: auto;
            z-index: -1
        }

        .repeated_css_tab,
        .tabs_img {
            height: 520px
        }

        .tabs_caption {
            position: absolute;
            top: 0;
            width: 75%;
            color: #fff;
            padding: 50px
        }

        .tabs_title {
            font-weight: 700;
            font-size: 30px;
            margin: 0 0 20px
        }

        .tabs_para {
            font-weight: 400;
            font-size: 20px;
            line-height: 1.3em
        }

        .buy_it,
        .try_it {
            border: 2px solid #FFF;
            display: inline-block;
            margin: 25px 0;
            padding: 5px 34px;
            text-align: center;
            text-transform: uppercase;
            font-size: 14px;
            line-height: 23px;
            letter-spacing: 1.5px;
            font-weight: 900
        }

        .buy_it {
            background-color: #fff;
            color: #000
        }

        .buy_it:hover {
            background-color: transparent;
            color: #fff
        }

        .try_it {
            background-color: transparent;
            color: #fff
        }

        .try_it:hover {
            background-color: #fff;
            color: #000
        }

        .tabs_sub_link {
            font-weight: 400;
            font-size: 20px;
            line-height: 21px;
            margin-bottom: 20px;
            display: block;
            color: #fff
        }

        .tabs_sub_link:hover {
            color: #fff
        }

        .search_input_list {
            font-size: 75px;
            text-transform: capitalize;
            font-weight: 700;
            border-bottom: 1px solid #ccc !important;
            height: 100px;
            margin-top: 150px;
            color: #fff
        }

        .ms-srch-result #Paging .fa-angle-left,
        .ms-srch-result #Paging .fa-angle-right {
            font-size: 30px
        }

        .ms-srch-result #Paging .fa-angle-left {
            margin-right: 30px
        }

        .ms-srch-result #Paging .fa-angle-right {
            margin-left: 30px
        }

        ul.sort-by {
            margin: 0
        }

        ul.sort-by>li {
            padding: 0;
            color: #3F3F3F
        }

        ul.sort-by>li>a.active,
        ul.sort-by>li>a {
            color: #000;
            font-weight: 700;
            font-size: 17.5px;
            line-height: 51px;
            text-decoration: none
        }

        ul.sort-by>li>a.active {
            color: #000;
            font-weight: 700;
            border-bottom: 4px solid #DF9926;
            padding-bottom: 10px
        }

        ul.sort-by>li>a {
            color: #777;
            font-weight: 400
        }

        ul.sort-by>li:nth-child(1)+li:before,
        ul.sort-by>li:nth-child(2)+li:before {
            color: #3F3F3F;
            padding: 0 5px
        }

        ul.sort-by>li:nth-child(1)+li:before {
            content: ": "
        }

        ul.sort-by>li:nth-child(2)+li:before {
            content: "| "
        }

        .refine-search {
            padding: 0;
            display: inline-block;
            margin-bottom: 10px;
            margin-right: 10px;
            font-size: 14px
        }

        .refine-search>input[type="checkbox"],
        .none {
            display: none
        }

        .refine-search>label {
            cursor: pointer;
            margin: 0
        }

        .refine-search-item {
            font-weight: 300;
            margin: 0
        }

        .refine-search>input[type="checkbox"]:checked+label {
            background-color: #000;
            color: #fff
        }

        .refine-search>input[type="checkbox"]+label {
            background-color: transparent;
            color: #000
        }

        .lst-checkbox {
            padding: 0;
            display: block;
            font-size: 14px
        }

        .lst-checkbox>input[type="checkbox"] {
            display: none
        }

        .lst-checkbox>label {
            cursor: pointer;
            margin: 0;
            padding: 5px
        }

        .lst-checkbox>input[type="checkbox"]+label span {
            position: relative;
            -webkit-transition: all 0.5s ease 0s;
            -moz-transition: all 0.5s ease 0s;
            -ms-transition: all 0.5s ease 0s;
            -o-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s
        }

        .lst-checkbox>input[type="checkbox"]+label span:before,
        .lst-checkbox>input[type="checkbox"]+label:hover span:before,
        .lst-checkbox>input[type="checkbox"]:checked+label span:before {
            font-family: FontAwesome;
            font-style: normal;
            font-weight: 400;
            text-decoration: inherit;
            font-size: 18px;
            padding-right: .5em;
            position: absolute;
            top: -2px;
            left: 0
        }

        .lst-checkbox>input[type="checkbox"]+label span:before {
            content: "\f096";
            color: #000
        }

        .lst-checkbox>input[type="checkbox"]:checked+label span:before {
            content: "\f00c"
        }

        .txt-input {
            margin-left: 25px;
            display: inline-block;
            font-weight: 300
        }

        .badge {
            margin-left: 5px;
            float: right
        }

        .show-more {
            display: none
        }

        .txt-toggle {
            color: #000;
            font-size: 14px;
            margin-left: 6px;
            text-decoration: none
        }

        .txt-toggle:hover,
        .txt-toggle:focus {
            color: #000;
            font-size: 14px;
            margin-left: 6px;
            text-decoration: none
        }

        .box-info {
            padding: 20px;
            color: #FFF;
            margin-top: 50px
        }

        .head-box-info {
            font-size: 11px;
            letter-spacing: 1.5px;
            text-transform: uppercase;
            margin-bottom: 10px
        }

        .txt-box-info {
            font-size: 25px;
            line-height: 30px;
            font-weight: 900
        }

        .ui-helper-hidden-accessible {
            display: none
        }

        .ui-menu {
            background-color: #fff;
            width: 75% !important;
            height: auto;
            max-height: 200px;
            overflow-y: scroll;
            overflow-x: hidden;
            padding: 0
        }

        .ui-menu>li {
            list-style-type: none;
            padding: 10px
        }

        .ui-menu>li:hover {
            background-color: #ccc
        }

        .ui-menu>li>a,
        .ui-menu>li>a:focus {
            color: #000;
            font-weight: 400;
            font-size: 23px
        }

        ul.pagination-sm>li,
        ul.pagination-sm>li>a {
            color: #000;
            font-size: 17px
        }

        .pagination-sm>li,
        .pagination-sm>li>a,
        .pagination-sm>li>span {
            padding: 0
        }

        .lt {
            margin: 0 20px
        }

        .list-rslt-txt {
            font-size: 18px;
            font-weight: 300;
            margin-top: 20px
        }

        .no-results-found {
            color: #000;
            font-size: 30px;
            overflow-wrap: break-word
        }

        .press-releases-head h1 {
            font-size: 75px;
            font-family: 'tungstenw05-medium', 'Oswald', sans-serif;
            ;
            font-weight: 500;
            letter-spacing: -1.5px;
            line-height: 75px;
            margin-bottom: 20px
        }

        #press_releases h4 {
            margin-bottom: 15px;
            font-weight: 900;
            letter-spacing: -1px;
            font-size: 25px
        }

        .position-txt,
        .location-date {
            line-height: 30px;
            font-weight: 400
        }

        .position-txt {
            color: #000 !important;
            font-size: 25px !important;
            margin-bottom: 10px !important
        }

        .location-date {
            margin: 0 !important
        }

        .press-hline {
            width: 100%;
            height: 1px;
            background-color: #c8c8c8;
            margin: 50px 0
        }

        #press_releases ul,
        #press_releases ol {
            margin: 30px 0
        }

        #press_releases ul>li,
        #press_releases ol>li {
            margin-bottom: 15px;
            font-size: 20px;
            color: #3F3F3F
        }

        #press_releases p {
            font-size: 20px;
            color: #3F3F3F;
            margin-bottom: 30px
        }

        #press_releases p strong {
            color: #000 !important
        }

        #quote {
            margin: 30px 0
        }

        #quote p {
            margin-bottom: 10px !important
        }

        #quote .quote-txt {
            color: #000 !important;
            font-weight: 400;
            margin-bottom: 10px !important;
            line-height: 30px
        }

        #quote .quote_link {
            margin: 30px 0
        }

        #quote .quote_link p:first-child {
            font-weight: 500
        }

        #quote .quote_link p {
            color: #000 !important;
            margin-bottom: 10px !important
        }

        #press_releases #quote .quote_link ol {
            padding-left: 15px
        }

        #press_releases #quote .quote_link ol>li {
            margin-bottom: 5px;
            color: #007cc3
        }

        #source p {
            color: #000 !important;
            margin-bottom: 5px !important
        }

        .overlay-casestudies {
            background-color: #fff;
            background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 10%) repeat scroll 0 0;
            background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 10%) repeat scroll 0 0;
            background: -moz-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 10%) repeat scroll 0 0;
            background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 10%) repeat scroll 0 0;
            position: absolute;
            left: 0;
            top: 160px;
            bottom: 0;
            width: 100%;
            height: auto
        }

        .atp-para,
        .atp-sml-para {
            line-height: 35px;
            font-weight: 400
        }

        .atp-para {
            font-size: 30px
        }

        .atp-sml-para {
            font-size: 18px
        }

        .divider {
            background-color: #e0e0e0;
            height: 1px;
            margin: 10px 0;
            overflow: hidden
        }

        .atp-sml-head {
            font-size: 50px;
            letter-spacing: -2px;
            line-height: 30px;
            font-weight: 900;
            margin-top: 75px;
            margin-bottom: 50px
        }

        .key-para p,
        .impact-sml-para p {
            font-size: 22px;
            line-height: 30px;
            font-weight: 300
        }

        .impact-para p {
            font-size: 25px;
            line-height: 30px;
            font-weight: 400
        }

        .num-per>span,
        sup {
            color: #0076ff
        }

        .num-per>span {
            font-size: 80px;
            font-weight: 600;
            line-height: 55px
        }

        .num-per>sup {
            font-size: 40px;
            top: -.6em
        }

        .atp-slider {
            padding: 30px 15px;
            background-color: #f5f5f5;
            margin-top: 50px
        }

        .atp-slider-txt p {
            font-size: 40px;
            line-height: 45px;
            font-weight: 400;
            width: 50%;
            margin-left: auto;
            margin-right: auto;
            text-align: center
        }

        .atp-slider-txt p:nth-child(n+2) {
            font-size: 20px;
            font-weight: 300
        }

        .atp-slider-txt img.img-inherit {
            width: inherit;
            margin: 15px auto
        }

        #atp_slider_carousel .owl-nav .owl-prev,
        .owl-next {
            background-repeat: no-repeat;
            height: 32px;
            position: absolute;
            text-indent: -9999px;
            width: 32px
        }

        #atp_slider_carousel .owl-nav .owl-prev {
            background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/arrow-left.png);
            left: 30px;
            top: 150px !important
        }

        #atp_slider_carousel .owl-nav .owl-next {
            background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/arrow-right.png);
            right: 30px;
            top: 150px !important
        }

        .atp-grid-num {
            margin: 15px 0
        }

        .atp-grid-num p>span,
        .exp-iip p>span {
            font-size: 70px;
            line-height: 54px;
            font-weight: 600;
            margin-bottom: 10px
        }

        .atp-grid-num p,
        .exp-iip p {
            font-size: 30px;
            font-weight: 900;
            text-align: center
        }

        .atp-grid-num p:nth-child(2),
        .exp-iip p:nth-child(2) {
            font-size: 14px;
            line-height: 16.5px;
            margin-left: auto;
            margin-right: auto;
            width: 50%;
            font-weight: 400
        }

        #utilities,
        #communication_services {
            background-repeat: no-repeat !important;
            -webkit-background-size: cover !important;
            background-size: cover !important;
            background-position: center center !important;
            height: 480px
        }

        #utilities p,
        #communication_services p {
            color: #fff;
            font-size: 30px;
            font-weight: 300;
            line-height: 30px;
            margin: 15px auto 40px;
            text-align: center;
            width: 42%
        }

        #utilities {
            background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/utilities-case-studies.jpg)
        }

        #communication_services {
            background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/utilities-case-studies.jpg)
        }

        .head {
            text-align: center;
            color: #fff;
            font-size: 30px;
            font-weight: 900;
            text-transform: uppercase
        }

        .minus-top-grid {
            margin-top: -235px
        }

        .head-grid {
            font-size: 24px;
            line-height: 27px;
            font-weight: 900;
            margin-bottom: 15px
        }

        .minus-top-grid p {
            font-size: 16px;
            line-height: 22px;
            font-weight: 300;
            color: #777
        }

        .minus-top-grid .equal-bg {
            padding: 0
        }

        .yellow-bg {
            background-color: #ffe03f
        }

        .pad-all,
        .align-box {
            padding: 50px
        }

        .align-box {
            float: left;
            width: 100%
        }

        .pad-all p {
            font-size: 20px;
            font-weight: 400
        }

        .exp-iip p:nth-child(2) {
            width: 80%
        }

        .exp-iip>div:nth-child(4) p:nth-child(1),
        .exp-iip>div:nth-child(4) p:nth-child(2) {
            text-align: left
        }

        .exp-iip>div:nth-child(4) p:nth-child(2) {
            font-size: 18px;
            line-height: 23.5px;
            margin-left: 0
        }

        .exp-iip>div:nth-child(4) a.try-it {
            background-color: #000;
            border: 1px solid #000;
            color: #fff;
            display: inline-block;
            font-size: 14px;
            font-weight: 700;
            letter-spacing: 1.5px;
            margin-top: 10px;
            padding: 9px 25px;
            text-transform: uppercase;
            -webkit-transition: all 0.5s ease-in-out 0s;
            -moz-transition: all 0.5s ease-in-out 0s;
            -ms-transition: all 0.5s ease-in-out 0s;
            -o-transition: all 0.5s ease-in-out 0s;
            transition: all 0.5s ease-in-out 0s
        }

        .exp-iip>div:nth-child(4) a.try-it:hover {
            background-color: transparent;
            border: 1px solid #000;
            color: #000
        }

        .pdf {
            border: 2px solid #000;
            padding: 5px 10px;
            text-transform: uppercase;
            color: #000;
            font-size: 14px;
            line-height: 23px;
            letter-spacing: 1.5px;
            font-weight: 700;
            margin-top: 30px;
            display: inline-block;
            -webkit-transition: 0.5s ease-in-out 0s;
            -moz-transition: 0.5s ease-in-out 0s;
            -ms-transition: 0.5s ease-in-out 0s;
            -o-transition: 0.5s ease-in-out 0s;
            transition: 0.5s ease-in-out 0s
        }

        .pdf:hover,
        .pdf:focus {
            background-color: #000;
            color: #fff;
            text-decoration: none
        }

        .email {
            font-size: 18px;
            font-weight: 400;
            display: inline-block;
            color: #000;
            margin-top: 25px
        }

        .email:hover,
        .email:focus {
            color: #000
        }

        .cnt-us {
            float: right;
            text-align: right;
            display: inline-block;
            margin-top: 20px
        }

        #case_studies {
            color: #fff
        }

        #case_studies p:nth-child(1),
        #case_studies p:nth-child(2) {
            font-weight: 400;
            font-size: 20px;
            margin-bottom: 20px
        }

        #case_studies p:nth-child(2) {
            color: rgba(255, 255, 255, .8)
        }

        .title-sml-cs {
            font-size: 50px;
            letter-spacing: -1.3px;
            font-weight: 900
        }

        .cs-txt {
            text-align: right;
            font-size: 20px;
            font-weight: 400;
            color: #fff;
            display: inline-block;
            margin-top: 60px
        }

        .cs-txt:hover,
        .cs-txt:focus {
            color: #fff
        }

        .cs-bdr {
            color: #a2aeb6;
            border: 2px solid #d1d7da;
            position: relative;
            z-index: 1;
            display: inline-block;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            padding: 8px 15px;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            letter-spacing: 1px;
            font-weight: 600;
            margin-right: 10px;
            text-transform: uppercase
        }

        .cs-bdr:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 0;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            background-color: #d1d7da;
            z-index: -1
        }

        .cs-bdr:hover,
        .cs-bdr:focus {
            border: 2px solid #bfc5c8;
            color: #a2aeb6;
            text-decoration: none
        }

        .cs-bdr:hover:before,
        .cs-bdr:focus:before {
            width: 100%
        }

        .img-thumbnail {
            border-radius: 0;
            padding: 0
        }

        .head-case {
            font-size: 35px;
            font-weight: 300;
            margin-bottom: 30px;
            text-align: center
        }

        .yellow-bg .txt-para p {
            margin: 10px 0
        }

        .para-align p,
        .para-align ul>li {
            color: #3F3F3F;
            font-size: 20px;
            line-height: 30px;
            margin-bottom: 30px
        }

        .para-align ul>li {
            margin-bottom: 10px
        }

        .black-bg {
            background-color: #222121;
            padding: 15px
        }

        .btn-rectangle {
            text-transform: uppercase;
            color: #FFF;
            display: block;
            text-align: center;
            padding: 8px;
            border: 1px solid #fff;
            font-size: 14px;
            letter-spacing: 1.5px
        }

        .btn-rectangle:hover {
            color: #000;
            background-color: #fff
        }

        #events-cnt #accordion {
            float: left;
            width: 100%
        }

        #events-cnt .accordion-custom .panel-title a {
            font-size: 24px;
            font-weight: 600;
            padding-right: 100px;
            line-height: 32px
        }

        #events-cnt #accordion p {
            font-size: 18px;
            line-height: 30px;
            margin-bottom: 10px;
            font-weight: 300
        }

        #events-cnt #accordion.accordion-custom .panel,
        #events-cnt #accordion .panel-title {
            margin: 0 !important
        }

        #events-cnt #accordion.accordion-custom .panel-title>a.collapsed::before,
        #events-cnt #accordion.accordion-custom .panel-title>a::before {
            font-size: 24px;
            line-height: 32px;
            top: 30%;
            transform: translateY(-30%)
        }

        #events p {
            color: #FFF;
            font-size: 20px;
            font-weight: 600
        }

        #events>p>span {
            color: #c2c2c2;
            font-weight: 300
        }

        #events-cnt p {
            margin-bottom: 30px
        }

        #events-cnt .panel-head {
            text-transform: uppercase;
            font-size: 16px;
            font-weight: 600
        }

        .session-details-bg {
            background-color: #F2F2F2;
            padding: 25px;
            margin-bottom: 50px
        }

        #events-cnt .session-details-bg span,
        #events-cnt .session-details-bg p {
            font-size: 20px;
            color: #000;
            margin-bottom: 0
        }

        .speaker-name {
            font-weight: 500
        }

        ul.event-rr {
            padding-left: 0
        }

        ul.event-rr>li {
            list-style-type: none;
            line-height: 25px
        }

        ul.event-rr>li>a {
            font-size: 20px
        }

        #challenges_solutions .clearfix {
            display: none
        }

        #challenges_solutions .scrtabs-tab-container {
            height: 150px
        }

        #challenges_solutions .tab-content>.tab-pane strong {
            font-weight: 900;
            font-size: 20px
        }

        #challenges_solutions .tab-content>.tab-pane p {
            font-weight: 400;
            margin-bottom: 20px
        }

        #challenges_solutions .scrtabs-tab-scroll-arrow-left,
        .scrtabs-tab-scroll-arrow-right {
            background-repeat: no-repeat !important;
            background-position: center center !important
        }

        #challenges_solutions .scrtabs-tab-scroll-arrow-left {
            background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/arrow-left-white.png)
        }

        #challenges_solutions .scrtabs-tab-scroll-arrow-right {
            background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/arrow-right-white.png)
        }

        #challenges_solutions .tab-content {
            clear: both;
            padding: 50px 60px;
            background-color: #DADADA
        }

        #challenges_solutions .scrtabs-tabs-fixed-container ul.nav-tabs>li {
            border-left: 1px solid #aaa;
            margin-bottom: 0;
            margin-left: -2px;
            width: 389px
        }

        #challenges_solutions .scrtabs-tabs-movable-container .nav-tabs>li.active>a,
        #challenges_solutions .scrtabs-tabs-movable-container .nav-tabs>li.active>a:focus,
        #challenges_solutions .scrtabs-tabs-movable-container .nav-tabs>li.active>a:hover {
            background: #DADADA url(../../../sitecollectionimages/responsive/newdesign/arrow-down-black.png) !important;
            background-repeat: no-repeat !important;
            background-position: center bottom !important;
            border: none;
            color: #000 !important;
            border-radius: 0;
            text-align: center;
            height: 150px;
            font-weight: 900;
            transition: none !important
        }

        #challenges_solutions .scrtabs-tabs-movable-container .nav-tabs>li>a {
            background-color: #333 !important;
            border: none;
            color: #fff !important;
            border-radius: 0;
            text-align: center;
            height: 150px;
            padding: 20px 15px;
            font-weight: 900
        }

        #challenges_solutions .scrtabs-tabs-movable-container .nav-tabs>li>a:hover,
        .scrtabs-tabs-movable-container .nav-tabs>li>a:focus {
            background-color: #fff !important;
            color: #000 !important
        }

        #challenges_solutions .scrtabs-tabs-fixed-container {
            float: left;
            height: 150px;
            overflow: hidden;
            width: 100%
        }

        #challenges_solutions .scrtabs-tabs-movable-container {
            position: relative
        }

        #challenges_solutions .scrtabs-tabs-movable-container .tab-content {
            display: none
        }

        #challenges_solutions .scrtabs-tab-container.scrtabs-rtl .scrtabs-tabs-movable-container>ul.nav-tabs {
            padding-right: 0
        }

        #challenges_solutions .scrtabs-tab-scroll-arrow {
            border-left: 1px solid #fff;
            border-right: 1px solid #fff;
            background-color: #333;
            border-top: none;
            color: #428bca;
            display: none;
            float: left;
            font-size: 12px;
            height: 150px;
            margin-bottom: -1px;
            padding: 65px 10px;
            width: 60px
        }

        #challenges_solutions .scrtabs-tab-scroll-arrow:hover {
            background-color: #333
        }

        #challenges_solutions .scrtabs-tab-scroll-arrow,
        #challenges_solutions .scrtabs-tab-scroll-arrow .scrtabs-click-target {
            cursor: pointer
        }

        #challenges_solutions .scrtabs-tab-scroll-arrow.scrtabs-with-click-target {
            cursor: default
        }

        #challenges_solutions .scrtabs-tab-scroll-arrow.scrtabs-disable,
        #challenges_solutions .scrtabs-tab-scroll-arrow.scrtabs-disable .scrtabs-click-target {
            color: #ddd;
            cursor: default
        }

        #challenges_solutions .scrtabs-tab-scroll-arrow.scrtabs-disable:hover {
            background-color: #333
        }

        .form-switch {
            position: relative;
            display: inline-block;
            cursor: pointer;
            margin-top: 5px;
            -webkit-tap-highlight-color: transparent;
            float: left;
            padding-bottom: 18px;
            margin-right: 10px
        }

        .form-switch i {
            background-color: rgba(255, 255, 255, .7);
            border-radius: 23px;
            display: inline-block;
            margin-right: .2rem;
            position: relative;
            transition: all 0.3s linear 0s;
            vertical-align: text-bottom;
            height: 22px !important;
            width: 40px !important
        }

        .form-switch i:before {
            background-color: rgba(0, 0, 0, .17);
            border-radius: 11px;
            content: "";
            left: 0;
            position: absolute;
            transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
            transition: all 0.25s linear 0s;
            height: 18px !important;
            width: 36px !important
        }

        .form-switch i:after {
            content: "";
            position: absolute;
            left: 0;
            background-color: #fff;
            border-radius: 11px;
            box-shadow: 0 2px 2px rgba(0, 0, 0, .4);
            transform: translate3d(2px, 2px, 0);
            transition: all 0.2s ease-in-out;
            width: 18px !important;
            height: 18px !important
        }

        .form-switch:active i:after {
            width: 28px;
            transform: translate3d(2px, 2px, 0)
        }

        .form-switch:active input:checked+i::after {
            transform: translate3d(16px, 2px, 0)
        }

        .form-switch input {
            position: absolute;
            opacity: 0;
            pointer-events: none
        }

        .form-switch input:checked+i {
            background-color: #4BD763
        }

        .form-switch input:checked+i:before {
            transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0)
        }

        .form-switch input:checked+i::after {
            transform: translate3d(22px, 2px, 0)
        }

        #lineheight {
            vertical-align: 4px
        }

        .pvcy-stmt {
            color: #000;
            margin-left: 2px;
            text-decoration: underline
        }

        .pvcy-stmt:hover {
            color: #000
        }

        .field-bg input:not([value=""]):not(:focus)~label {
            top: -20px
        }

        .field-bg input:focus::-webkit-input-placeholder {
            opacity: 1;
            font-size: 14px !important;
            color: #777
        }

        .field-bg input:focus::-moz-placeholder {
            opacity: 1;
            font-size: 14px !important;
            color: #777
        }

        .field-bg input:focus:-ms-input-placeholder {
            opacity: 1;
            font-size: 14px !important;
            color: #777
        }

        .field-bg input:focus:-moz-placeholder {
            opacity: 1;
            font-size: 14px !important;
            color: #777
        }

        .field-bg input::-webkit-input-placeholder {
            opacity: 0
        }

        .field-bg input::-moz-placeholder {
            opacity: 0
        }

        .field-bg input:-ms-input-placeholder {
            opacity: 0
        }

        .field-bg input:-moz-placeholder {
            opacity: 0
        }

        #demandbase-autocomplete .ui-menu .ui-menu-item a {
            font-size: 14px !important;
            color: #777 !important
        }

        #demandbase-autocomplete .ui-widget-content {
            border: none !important
        }

        #demandbase-autocomplete .ui-corner-all {
            border-radius: 2px !important
        }

        #demandbase-autocomplete .ui-menu {
            box-shadow: 2px 2px 7px #ccc !important
        }

        .btn-border {
            border-radius: 200px
        }

        .required label {
            position: relative
        }

        .required label,
        label {
            display: inline-block;
            font-weight: normal !important;
            margin-bottom: 5px;
            max-width: 100%
        }

        .required label:before {
            border-bottom: 5px solid transparent;
            border-right: 8px solid #849f06;
            border-top: 5px solid transparent;
            content: "";
            height: 0;
            position: absolute;
            right: 50px;
            top: 8px;
            width: 0
        }

        .required label:after {
            background-color: #849f06;
            border-radius: 4px;
            color: #fff;
            content: "Required";
            font-family: arial;
            font-size: 10px;
            left: 1px;
            line-height: 20px;
            margin-left: 5px;
            padding: 1px 6px;
            position: relative;
            text-shadow: 1px 1px #637707;
            top: -2px
        }

        .redColor {
            color: #F16C51;
            display: inline-block;
            font-size: 12px;
            font-weight: 400;
            left: 0;
            margin: 0 auto;
            padding: 4px;
            position: relative;
            top: -1px
        }

        #our-story {
            padding: 75px 0;
            background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/milestone-bg.jpg);
            background-repeat: no-repeat;
            background-position: center center;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            min-height: 350px
        }

        .history-para p {
            color: #3F3F3F;
            margin-bottom: 30px;
            font-size: 25px
        }

        .slick-slider {
            position: relative;
            display: block;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-touch-callout: none;
            -khtml-user-select: none;
            -ms-touch-action: pan-y;
            touch-action: pan-y;
            -webkit-tap-highlight-color: transparent
        }

        .slick-list {
            position: relative;
            display: block;
            overflow: hidden;
            margin: 0;
            padding: 0
        }

        .slick-list:focus {
            outline: none
        }

        .slick-list.dragging {
            cursor: pointer
        }

        .slick-slider .slick-track,
        .slick-slider .slick-list {
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }

        .slick-track {
            position: relative;
            top: 0;
            left: 0;
            display: block
        }

        .slick-track:before,
        .slick-track:after {
            display: table;
            content: ''
        }

        .slick-track:after {
            clear: both
        }

        .slick-loading .slick-track {
            visibility: hidden
        }

        .slick-slide {
            display: none;
            float: left;
            height: 100%;
            min-height: 1px
        }

        [dir='rtl'] .slick-slide {
            float: right
        }

        .slick-slide img {
            display: block
        }

        .slick-slide.slick-loading img {
            display: none
        }

        .slick-slide.dragging img {
            pointer-events: none
        }

        .slick-initialized .slick-slide {
            display: block
        }

        .slick-loading .slick-slide {
            visibility: hidden
        }

        .slick-vertical .slick-slide {
            display: block;
            height: auto;
            border: 1px solid transparent
        }

        .slick-arrow.slick-hidden {
            display: none
        }

        .slider-single h3 {
            font-size: 42px;
            color: #fff;
            font-weight: 300;
            text-align: right
        }

        .slider-single ul li {
            list-style: none
        }

        .slider-single ul li {
            font-size: 18px;
            color: #fff;
            text-indent: -16px;
            line-height: 24px
        }

        .slider-single ul li::before {
            display: inline-block;
            content: "-";
            transform: translateY(10px);
            font-size: 58px;
            line-height: 16px;
            margin-right: 15px
        }

        .history_slider .slick-slide {
            border: none;
            outline: none
        }

        .history_slider .slider-single {
            min-height: 300px;
            margin-bottom: 20px
        }

        .history_slider.slick-slider {
            margin-bottom: 30px
        }

        .history_slider .slick-prev,
        .slick-next {
            font-size: 0;
            line-height: 0;
            position: absolute;
            top: 6%;
            display: block;
            width: 20px;
            height: 20px;
            padding: 0;
            cursor: pointer;
            color: transparent;
            border: none;
            outline: none;
            background: transparent
        }

        .history_slider .slick-prev,
        .history_slider .slick-next {
            font-size: 20px;
            color: transparent;
            line-height: 1;
            opacity: .75;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .history_slider .slick-prev {
            left: -40px;
            background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/arrow-left-white.png) !important;
            width: 32px;
            height: 32px
        }

        .history_slider .slick-next {
            right: -40px;
            background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/arrow-right-white.png) !important;
            width: 32px;
            height: 32px
        }

        .history_slider .slider-nav {
            margin: 0 auto;
            width: 85%;
            clear: both
        }

        .history_slider .slider-nav .slick-slide {
            cursor: pointer;
            text-align: center;
            position: relative;
            padding-top: 10px;
            border: none;
            outline: none
        }

        .history_slider .slider-nav .slick-slide .year-line {
            color: rgba(251, 247, 247, .8);
            padding-top: 15px;
            display: block
        }

        .history_slider .slider-nav .slick-slide .year-line::before,
        .history_slider .slider-nav .slick-slide .year-line::after {
            display: inline-block;
            content: "";
            border-top: 1px solid rgba(251, 247, 247, .5);
            width: 42%;
            position: absolute;
            top: 19px
        }

        .history_slider .slider-nav .slick-slide .year-line::before {
            left: 0
        }

        .history_slider .slider-nav .slick-slide .year-line::after {
            right: 0
        }

        .history_slider .slider-nav .slick-slide .year-line {
            font-size: 18px;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s
        }

        .history_slider .slider-nav .slick-slide.is-active .year-line {
            color: #fff
        }

        .history_slider .slider-nav .slick-slide .dots-bg {
            margin: 0 auto;
            left: 0;
            right: 0;
            top: 14px;
            width: 10px;
            height: 10px;
            border: 1px solid rgba(255, 255, 255, .5);
            border-radius: 50%;
            position: absolute;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s
        }

        .history_slider .slider-nav .slick-slide.is-active .dots-bg {
            top: 0;
            background-color: #fff;
            border: 1px solid rgba(255, 255, 255, .5)
        }

        .pentagone-cp {
            cursor: pointer !important
        }

        .pentagone-cn {
            cursor: default !important
        }

        .pentagone-st0 {
            cursor: pointer
        }

        .pentagone-st1 {
            fill: #fff;
            stroke: #022B5E;
            stroke-miterlimit: 10;
            cursor: pointer
        }

        .pentagone-st2 {
            fill: #FFF;
            cursor: pointer
        }

        .pentagone-st4 {
            font-size: 10px;
            cursor: pointer;
            font-weight: 500
        }

        text.pentagone-st4 {
            display: none
        }

        .pentagone-st3,
        .pentagone-st5 {
            font-family: 'myriad-pro';
            cursor: pointer
        }

        #pentagon line {
            cursor: pointer
        }

        #outer-line-pentagone {
            stroke: #022B5E;
            fill: none
        }

        #petagon_modal.modal {
            z-index: 9999
        }

        #petagon_modal .modal-content {
            box-shadow: none;
            border-radius: 0
        }

        #petagon_modal .modal-body {
            background-color: #0f9ffa;
            border: 8px solid #fff;
            color: #fff;
            padding: 35px;
            height: 500px
        }

        #petagon_modal .close {
            background-color: #fff !important;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            opacity: 1;
            position: relative;
            z-index: 9;
            text-shadow: none
        }

        #petagon_modal_carousel .item {
            position: relative;
            left: 20%;
            width: 70%
        }

        #petagon_modal_carousel .item .h5 {
            font-size: 80px;
            font-weight: 900;
            margin: 0 0 20px
        }

        #petagon_modal_carousel .item ul {
            padding-left: 0
        }

        #petagon_modal_carousel .item ul>li {
            font-size: 18px;
            list-style-type: none;
            padding-left: 26px;
            margin-bottom: 15px;
            background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/pentagone-right-chevron.png);
            background-position: 0 7px;
            background-repeat: no-repeat
        }

        #petagon_modal_carousel .owl-dots {
            text-align: left;
            top: 30%;
            width: auto
        }

        #petagon_modal_carousel .owl-dots .owl-dot {
            border-bottom: 1px solid #fff;
            display: block;
            padding: 20px 0 5px 0;
            font-size: 15px;
            width: auto;
            height: auto;
            margin: auto;
            transition: all 0.5s ease 0s
        }

        #petagon_modal_carousel .owl-dots .owl-dot.active {
            border-bottom: 3px solid #fff
        }

        .open-anim {
            animation: open-anim 1s;
            animation-fill-mode: forwards;
            transition: all 600ms cubic-bezier(.25, .46, .45, .94)
        }

        @keyframes open-anim {
            0% {
                transform: translateX(25%) scale(0)
            }

            100% {
                transform: translateX(0%) scale(1)
            }
        }

        .close-anim {
            animation: close-anim 1s;
            animation-fill-mode: forwards;
            transition: all 600ms cubic-bezier(.25, .46, .45, .94)
        }

        @keyframes close-anim {
            0% {
                transform: translateX(0%) scale(1)
            }

            100% {
                transform: translateX(25%) scale(0)
            }
        }

        @keyframes zoomIn {
            from {
                opacity: 0;
                -webkit-transform: scale3d(.95, .95, .95);
                transform: scale3d(.95, .95, .95)
            }

            50% {
                opacity: 1
            }
        }

        .zoomIn {
            -webkit-animation-name: zoomIn;
            animation-name: zoomIn
        }

        #events-listing-grid .col-md-3.alpha {
            display: none
        }

        #events-listing-grid .col-md-9.alpha.omega {
            width: 100%
        }

        #events-listing-grid .select-option>label {
            margin-right: 15px
        }

        #events-listing-grid ul.listing {
            padding: 0
        }

        #events-listing-grid ul.listing>li {
            display: block;
            background-color: #FFF;
            margin-bottom: 20px;
            background-image: none;
            padding-left: 0
        }

        #events-listing-grid ul.listing>li .details>h3>a {
            color: #000;
            font-size: 22px;
            font-weight: 400;
            display: inline-block
        }

        #events-listing-grid ul.listing>li .details>h3>a:hover {
            color: #007cc3
        }

        #events-listing-grid ul.listing>li .details strong {
            font-size: 16px;
            color: #777;
            font-weight: 400;
            margin-bottom: 10px;
            display: inline-block
        }

        #events-listing-grid ul.listing>li .details .listing-share {
            margin-bottom: 10px;
            display: none
        }

        #events-listing-grid .highlight-box {
            margin-bottom: 20px
        }

        #events-listing-grid .highlight-box>.select-option select::-ms-expand {
            display: none
        }

        #events-listing-grid .highlight-box>.select-option select {
            -webkit-appearance: none;
            -moz-appearance: none;
            -ms-appearance: none;
            -o-appearance: none;
            appearance: none;
            outline: none;
            overflow: hidden;
            text-indent: .01px;
            text-overflow: '';
            width: 165px;
            background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/down-arrow.png);
            background-repeat: no-repeat;
            background-position: right center;
            border: 0;
            border-bottom: 1px solid #7E7E7E;
            font-size: 17px;
            color: #3F3F3F;
            line-height: 20px;
            font-weight: 400;
            padding: 3px
        }

        .eq-height-leadership {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            width: 100%
        }

        .eqh-box-leadership {
            position: relative;
            height: 100%;
            background-color: #F2F2F2
        }

        .eqh-box-leadership .bg-color1>img.img-responsive {
            -ms-transform: none !important;
            -webkit-transform: none !important;
            transform: none !important;
            -webkit-transition: all 0.5s ease 0s;
            -o-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
            width: 100%
        }

        .eqh-box-leadership:hover .bg-color1>img.img-responsive {
            -ms-transform: none !important;
            -webkit-transform: none !important;
            transform: none !important
        }

        .leadership-link {
            text-align: center;
            margin-bottom: 50px
        }

        .leadership-link ul {
            margin: 0 auto;
            padding: 0;
            display: inline-block
        }

        .leadership-link ul>li {
            display: block;
            position: relative;
            padding-left: 0 !important;
            background-image: none !important;
            float: left
        }

        .leadership-link ul>li>a {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            text-transform: uppercase;
            padding: 20px 60px;
            color: #777;
            font-size: 14px;
            font-weight: 400;
            text-align: center;
            border-top: 1px solid #777;
            border-bottom: 1px solid #777;
            border-left: transparent;
            border-right: transparent
        }

        .leadership-link ul>li:first-child>a {
            border-left: 1px solid #777
        }

        .leadership-link ul>li:last-child>a {
            border-right: 1px solid #777
        }

        .leadership-link ul>li.active>a,
        .leadership-link ul>li.active>a:focus,
        .leadership-link ul>li.active>a:hover,
        .leadership-link ul>li>a:focus,
        .leadership-link ul>li>a:hover {
            background-color: #df9926;
            color: #fff
        }

        .leadership-link ul>li+li::before {
            content: "|";
            color: #777;
            position: absolute;
            top: 0;
            left: -2px
        }

        .mngprofile-head {
            margin: 30px 0 20px !important;
            font-size: 30px
        }

        .mngprofile-list {
            font-size: 25px !important;
            margin: 0 0 20px
        }

        .mngprofile-title {
            font-size: 16px !important;
            color: #777
        }

        .mngprofile-title strong {
            font-weight: 400
        }

        .list-profile {
            background-color: #F2F2F2;
            padding: 15px
        }

        footer {
            background-color: #F8F8F8;
            color: #333;
            border-top: 5px solid #d8d8d8
        }

        ul.footer-txt>li:first-child {
            margin-top: 20px
        }

        ul.footer-txt>li {
            margin-bottom: 10px
        }

        ul.footer-txt>li>a {
            color: #3F3F3F;
            font-size: 16px
        }

        .ftr-head {
            color: #000;
            font-size: 22px;
            font-weight: 900;
            margin: 0
        }

        .country {
            position: relative;
            z-index: 1
        }

        .up-arrow,
        .down-arrow {
            position: relative;
            margin-left: 100px;
            z-index: -1
        }

        .up-arrow:before,
        .down-arrow:before {
            font-family: FontAwesome;
            font-style: normal;
            font-weight: 400;
            text-decoration: inherit;
            color: #333;
            font-size: 18px;
            top: 2px;
            left: 0
        }

        .up-arrow:before {
            content: "\f0d8"
        }

        .down-arrow:before {
            content: "\f0d7"
        }

        .select-country>a {
            border: 1px solid #7E7E7E;
            padding: 5px 15px;
            display: inline-block;
            color: #3F3F3F
        }

        .select-country>a:hover,
        .select-country>a:focus {
            color: #3F3F3F;
            text-decoration: none
        }

        .option-country {
            display: none
        }

        .open-country {
            display: block;
            position: relative
        }

        .country-align {
            position: absolute;
            top: -238px;
            background-color: #fff;
            color: #fff;
            width: 100%;
            max-height: 200px;
            overflow: auto;
            -webkit-box-shadow: 2px 1px 10px rgba(0, 0, 0, .5);
            -moz-box-shadow: 2px 1px 10px rgba(0, 0, 0, .5);
            box-shadow: 2px 1px 10px rgba(0, 0, 0, .5)
        }

        .country-align>li>a {
            color: #3F3F3F;
            padding: 10px 15px;
            display: block
        }

        .country-align>li>a:hover {
            background-color: #63b0ff;
            color: #fff
        }

        @media screen and (min-width:1500px) and (max-width:1920px) {
            .hero-list1 {
                width: 60%
            }

            .ui-menu {
                width: 50% !important
            }
        }

        @media screen and (max-width:1440px) {

            .iframe-width,
            .iframe-height-investors,
            .iframe-height-about {
                height: 580px
            }
        }

        @media screen and (max-width:1280px) {
            .corner-shape {
                border-bottom: 170px solid #00B28F
            }

            .opportunities {
                padding: 60px 30px
            }

            .corner-shape {
                border-right: inherit
            }

            .white-download {
                padding-top: 10px;
                position: relative;
                top: 0
            }
        }

        @media screen and (min-width:1025px) {
            figure.effect-lily img {
                max-width: none;
                width: -webkit-calc(100% + 50px);
                width: calc(100% + 50px);
                -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
                transition: opacity 0.35s, transform 0.35s;
                -webkit-transform: translate3d(-40px, 0, 0);
                transform: translate3d(-40px, 0, 0)
            }

            figure.effect-lily figcaption {
                text-align: left
            }

            figure.effect-lily figcaption>.journalistresearch-text {
                position: absolute;
                bottom: 0;
                left: 0;
                padding: 1.3em;
                width: 100%;
                height: 53%
            }

            figure.effect-lily h2,
            figure.effect-lily p {
                -webkit-transform: translate3d(0, 40px, 0);
                transform: translate3d(0, 40px, 0)
            }

            figure.effect-lily h2 {
                -webkit-transition: -webkit-transform 0.35s;
                transition: transform 0.35s
            }

            figure.effect-lily p {
                color: rgba(255, 255, 255, .8);
                opacity: 0;
                -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
                transition: opacity 0.2s, transform 0.35s
            }

            figure.effect-lily:hover img,
            figure.effect-lily:hover p {
                opacity: 1
            }

            figure.effect-lily:hover img,
            figure.effect-lily:hover h2,
            figure.effect-lily:hover p {
                -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }

            figure.effect-lily:hover p {
                -webkit-transition-delay: 0.05s;
                transition-delay: 0.05s;
                -webkit-transition-duration: 0.35s;
                transition-duration: 0.35s
            }
        }

        @media screen and (max-width:1112px) {

            .iframe-width,
            .iframe-height-investors,
            .iframe-height-about {
                height: 806px
            }
        }

        @media screen and (min-width:1024px) {
            .col-md-20p {
                width: 20%
            }

            #petagon_modal .modal-dialog {
                width: 800px
            }
        }

        @media screen and (max-width:1024px) {

            .iframe-width,
            .iframe-height-investors,
            .iframe-height-about {
                height: 806px
            }

            #like-what-you-see {
                position: relative;
                top: -22px;
                right: 12px;
                margin-right: 0;
                padding-right: 0;
                font-size: 21px;
                font-weight: 900
            }

            .btn-shutter {
                color: #000;
                border: 1px solid #000;
                position: relative;
                z-index: 1;
                display: inline-block;
                background-color: #fff;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                padding: 5px 15px;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
                letter-spacing: 1.5px;
                font-weight: 900
            }

            .btn-shutter:before {
                content: '';
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 0;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                background-color: #000;
                z-index: -1
            }

            .btn-shutter:hover {
                border: 1px solid #000;
                background-color: transparent;
                color: #fff
            }

            .btn-shutter:hover:before {
                width: 100%
            }

            .btn-shutter-black {
                color: #000;
                border: 1px solid #000;
                position: relative;
                z-index: 1;
                display: inline-block;
                background-color: #fff;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                padding: 5px 15px;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
                letter-spacing: 1.5px;
                font-weight: 900
            }

            .btn-shutter-black:before {
                content: '';
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 0;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                background-color: #000;
                z-index: -1
            }

            .btn-shutter-black:hover {
                border: 1px solid #000;
                background-color: transparent;
                color: #fff
            }

            .btn-shutter-black:hover:before {
                width: 100%
            }

            .btn-shutter-more {
                color: #fff;
                border: 1px solid #fff;
                position: relative;
                z-index: 1;
                display: inline-block;
                background-color: transparent;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                padding: 12px 50px;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
                letter-spacing: 1.5px;
                margin-top: 20px;
                font-weight: 700;
                font-size: 14px
            }

            .btn-shutter-more:before {
                content: '';
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 0;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                background-color: #000;
                z-index: -1
            }

            .btn-shutter-more:hover {
                border: 1px solid #000;
                background-color: transparent;
                color: #fff
            }

            .btn-shutter-more:hover:before {
                width: 100%
            }

            .left-arrow img.arrow-move {
                position: relative;
                left: 0;
                -webkit-transition: all 0.5s ease 0s;
                -moz-transition: all 0.5s ease 0s;
                -ms-transition: all 0.5s ease 0s;
                -o-transition: all 0.5s ease 0s;
                transition: all 0.5s ease 0s
            }

            .left-arrow:hover img.arrow-move {
                left: 0
            }

            .hidden-tab {
                display: none !important
            }

            .plr5 {
                padding: 0 15px
            }

            .h1-heading {
                font-size: 60px;
                line-height: 60px
            }

            .h2-heading {
                font-size: 50px;
                line-height: 50px
            }

            .para-txt {
                font-size: 40px;
                font-weight: 300;
                margin-top: 10px;
                line-height: 40px
            }

            .row-eq-ht {
                overflow: hidden
            }

            .col-eq-ht {
                margin-bottom: -9999px;
                padding-bottom: 9999px
            }

            .hidden-scroll {
                overflow: hidden ;
                -webkit-overflow-scrolling: hidden !important;
                -moz-overflow-scrolling: hidden !important;
                -ms-overflow-scrolling: hidden !important;
                -o-overflow-scrolling: hidden !important;
                position: relative
            }

            #L2_home_banner {
                height: 45vh;
                position: relative
            }

            .L2-top {
                margin-top: 150px
            }

            #sml_ht_home_banner {
                padding: 100px 0 50px
            }

            .l-top {
                margin-top: 50px
            }

            #main-text-body {
                padding: 75px 0
            }

            #main-text-body h3,
            #main-text-body h4,
            #main-text-body h5,
            #main-text-body h5>a,
            #main-text-body h6 {
                margin-bottom: 15px;
                margin-top: 0;
                font-weight: 900;
                letter-spacing: -1px
            }

            #main-text-body h2 {
                font-size: 50px;
                line-height: 50px
            }

            #main-text-body .h2-heading {
                font-size: 50px !important;
                line-height: 50px !important
            }

            #main-text-body h3 {
                font-size: 30px
            }

            #main-text-body h4 {
                font-size: 25px
            }

            #main-text-body h5,
            h5>a,
            #main-text-body h6 {
                font-size: 20px
            }

            .main-text-body-investors h1 {
                font-size: 80px;
                line-height: 80px;
                font-family: 'tungstenw05-medium', 'Oswald', sans-serif;
                ;
                font-weight: 500
            }

            .main-text-body-investors h4 {
                font-size: 20px !important
            }

            .align-left {
                float: left;
                margin-right: 15px;
                margin-bottom: 15px !important;
                clear: both;
                border: 1px solid #ccc
            }

            .table-wrap>thead>tr>th {
                border-bottom-width: 1px
            }

            .table-wrap table tr th {
                font-weight: 600;
                border-bottom-width: 1px;
                background-color: #f1f1f1;
                padding-bottom: 10px;
                padding-top: 10px
            }

            .table-wrap table tr td {
                padding-left: 48%
            }

            .table-wrap table {
                border: 0 solid #ddd
            }

            .table-wrap table tr {
                display: block;
                padding: 0;
                margin-bottom: 20px
            }

            .table-wrap table td {
                display: block;
                padding: 10px 0
            }

            .table-wrap table thead {
                position: absolute;
                top: -9999px;
                left: -9999px
            }

            .table-wrap table tr {
                border: 1px solid #ccc
            }

            .table-wrap table tr td:last-child {
                border: 0 solid #ccc
            }

            .table-wrap table tr td {
                border: none;
                border-bottom: 1px solid #ccc;
                position: relative;
                padding-left: 50%;
                white-space: normal;
                text-align: left
            }

            .table-wrap table td:before {
                font-size: 16px;
                color: #000;
                text-align: left;
                font-weight: 600;
                position: absolute;
                top: 0;
                left: 0;
                width: 45%;
                padding-right: 10px;
                height: 100%;
                background-color: #f1f1f1;
                padding-left: 10px;
                border-bottom: 1px solid #fff;
                padding-top: 10px
            }

            .table-wrap table td:last-child:before {
                border-bottom: 0 solid #fff
            }

            .table-wrap table td:before {
                content: attr(title)
            }

            #slider_list_carousel .owl-nav .owl-prev {
                left: -20px !important
            }

            #slider_list_carousel .owl-nav .owl-next {
                right: -20px !important
            }

            .navbar-default .navbar-nav>.open>a,
            .navbar-default .navbar-nav>.open>a:focus,
            .navbar-default .navbar-nav>.open>a:hover {
                background-color: transparent;
                color: #ffffff !important
            }

            .navbar-default .navbar-nav>li>a:focus,
            .navbar-default .navbar-nav>li>a:hover {
                background-color: transparent;
                color: #fff !important;
                opacity: .75
            }

            .navbar-default {
                border-color: transparent;
                background-color: transparent
            }

            .navbar-brand {
                padding: 5px 15px 0
            }

            .navbar {
                margin-bottom: 0;
                min-height: auto
            }

            .navbar-default .navbar-nav>li>a {
                color: #fff;
                font-size: 16px;
                margin: 0 8px;
                font-weight: 300
            }

            .breadcrumb-menu {
                margin-top: -1px
            }

            .listmenu {
                position: relative;
                width: 100%;
                padding: 0;
                z-index: 2
            }

            .hero-list {
                position: absolute;
                width: 100%;
                margin-top: 125px
            }

            .hero-list1 {
                margin-left: 10%;
                margin-right: 20%;
                margin-top: 0;
                padding: 8px 0;
                position: fixed;
                width: 70%
            }

            .hero-list1>ol.rmv-breadcrum>li,
            .hero-list1>ol.rmv-breadcrum>li>a {
                color: #000;
                font-size: 16px
            }

            .hero-list1 .dropdown-menu {
                margin-top: -37px
            }

            .hero-list1>ol.rmv-breadcrum>li.open>a {
                color: #DF9926
            }

            ol.rmv-breadcrum {
                background-color: transparent;
                margin-bottom: 0;
                padding: 0;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0
            }

            ol.rmv-breadcrum>li+li::before {
                content: " "
            }

            ol.rmv-breadcrum>li,
            ol.rmv-breadcrum>li>a {
                color: #fff;
                font-size: 14px;
                text-decoration: none
            }

            ol.rmv-breadcrum>li>a {
                font-weight: 300
            }

            ol.rmv-breadcrum>li:last-child,
            ol.rmv-breadcrum>li:last-child>a {
                font-weight: 400
            }

            ol.visible-list>li:nth-child(4) {
                font-size: 17px
            }

            .hero-list>.strip-head {
                display: none !important
            }

            .sticky-icons>li>a>img.share-icon {
                width: 17px;
                height: 55px;
                margin-right: 20px;
                display: block;
                padding: 20px 0
            }

            .sticky-icons>li>a.small {
                font-weight: 600
            }

            .small img.arrow-right-header {
                position: relative;
                left: 0;
                -webkit-transition: all 0.5s ease 0s;
                -moz-transition: all 0.5s ease 0s;
                -ms-transition: all 0.5s ease 0s;
                -o-transition: all 0.5s ease 0s;
                transition: all 0.5s ease 0s
            }

            .small:hover img.arrow-right-header {
                left: 5px
            }

            .arrow-right-header {
                margin-left: 10px;
                max-width: 17px
            }

            .hidden-list {
                display: none !important
            }

            .visible-list {
                display: block !important
            }

            .visible1024-cross {
                display: block
            }

            .hero-list1>.visible-list {
                margin: 0
            }

            .pos-right {
                margin-right: 100px
            }

            .mega-dropdown-menu {
                border: 0
            }

            .mega-dropdown {
                position: static !important
            }

            .mega-dropdown>a {
                -webkit-transition: all 0s cubic-bezier(0, 0, 0, 0);
                -moz-transition: all 0s cubic-bezier(0, 0, 0, 0);
                -ms-transition: all 0s cubic-bezier(0, 0, 0, 0);
                -o-transition: all 0s cubic-bezier(0, 0, 0, 0);
                transition: all 0s cubic-bezier(0, 0, 0, 0)
            }

            .mega-dropdown-menu {
                padding: 20px 0;
                width: 100%;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0
            }

            .mega-dropdown-menu>li>ul {
                padding: 0;
                margin: 0
            }

            .mega-dropdown-menu>li>ul>li {
                list-style: none
            }

            .mega-dropdown-menu>li>ul>li>a {
                display: block;
                padding: 3px 0;
                clear: both;
                font-weight: 400;
                font-size: 14px;
                color: #000;
                white-space: normal
            }

            .mega-dropdown-menu>li ul>li>a:hover,
            .mega-dropdown-menu>li ul>li>a:focus {
                text-decoration: none;
                color: #DF9926
            }

            li>a>.angle-down {
                font-size: 20px;
                position: relative;
                top: 2px;
                left: 5px
            }

            li.open>a>.angle-down {
                -webkit-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                transform: rotate(-90deg);
                -webkit-transition: all 0.5s ease 0s;
                -moz-transition: all 0.5s ease 0s;
                -ms-transition: all 0.5s ease 0s;
                -o-transition: all 0.5s ease 0s;
                transition: all 0.5s ease 0s
            }

            li>a>.reverseArrow {
                -webkit-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                transform: rotate(-90deg);
                -webkit-transition: all 0.5s ease 0s;
                -moz-transition: all 0.5s ease 0s;
                -ms-transition: all 0.5s ease 0s;
                -o-transition: all 0.5s ease 0s;
                transition: all 0.5s ease 0s
            }

            li.open>a>.reverseArrow {
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
                -webkit-transition: all 0.5s ease 0s;
                -moz-transition: all 0.5s ease 0s;
                -ms-transition: all 0.5s ease 0s;
                -o-transition: all 0.5s ease 0s;
                transition: all 0.5s ease 0s
            }

            .dropdown-menu {
                margin: 0;
                -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
                -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
                -o-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
                box-shadow: 0 0 10px rgba(0, 0, 0, .6)
            }

            .mega-dropdown-menu .dropdown-header,
            .mega-dropdown-menu .dropdown-header>a {
                color: #000;
                font-size: 14px;
                font-weight: 700;
                padding: 3px 0
            }

            .mega-dropdown-menu .dropdown-header>a {
                padding: 0
            }

            .mega-dropdown-menu form {
                margin: 3px 20px
            }

            .mega-dropdown-menu .form-group {
                margin-bottom: 3px
            }

            .learn,
            .innovate,
            .automate {
                height: 100vh;
                background-repeat: no-repeat !important;
                -webkit-background-size: cover !important;
                background-size: cover !important;
                color: #fff;
                padding-top: 25px
            }

            .head-txt {
                font-size: 40px;
                margin-bottom: 15px;
                font-weight: 900
            }

            .sub-head {
                font-style: italic;
                font-weight: 400;
                letter-spacing: .7px
            }

            .head-txt,
            .sub-head {
                padding: 0
            }

            .learn {
                background-position: -61px 90px
            }

            .innovate {
                background-position: -65px 70px
            }

            .automate {
                background-position: -130px 70px
            }

            .submenu-portion {
                width: 100%;
                background-color: #F2F2F2;
                height: 108vh;
                padding: 60px 15px 30px
            }

            .industries-menu,
            .services-menu,
            .platforms-menu,
            .nyn-menu,
            .aboutus-menu {
                z-index: 1
            }

            .hear-txt-sub {
                font-weight: 600;
                color: #000;
                font-size: 18px
            }

            .menu .align-list>ul>li {
                font-size: 14px;
                color: #000;
                margin: 8px 0
            }

            .align-list>ul>li>a {
                color: #303030
            }

            .align-list>ul>li>a:hover {
                color: rgb(97, 184, 209)
            }

            .logo-inner {
                margin: 20px 0
            }

            .menu-bg,
            .burger {
                margin-right: 33px
            }

            .burger.open {
                right: 0
            }

            .show-strip .burger.open {
                top: 0px
            }

            .circle {
                right: 75px
            }

            .circle.expand {
                right: -300px
            }

            .menu {
                height: 100%;
                width: 100%;
                position: absolute;
                top: 0;
                right: 0;
                display: none
            }

            .menu ul li {
                margin-bottom: 20px;
                position: relative
            }

            .un-line {
                position: absolute;
                bottom: -1px;
                height: 3px;
                width: 0;
                left: 0;
                background-color: #333;
                -webkit-transition: all 600ms cubic-bezier(.86, 0, .07, 1);
                -moz-transition: all 600ms cubic-bezier(.86, 0, .07, 1);
                -ms-transition: all 600ms cubic-bezier(.86, 0, .07, 1);
                -o-transition: all 600ms cubic-bezier(.86, 0, .07, 1);
                transition: all 600ms cubic-bezier(.86, 0, .07, 1)
            }

            .menuItems>ul>li>a:hover .un-line {
                width: 26px
            }

            .menuItems>ul>li.smalltext {
                margin-bottom: 10px
            }

            .menuItems>ul>li.smalltext>a {
                color: #686868;
                font-weight: 400;
                font-size: 18px;
                text-decoration: none
            }

            .menuItems>ul>li>a:hover,
            .menuItems>ul>li.smalltext>a:hover {
                color: #000
            }

            .menuItems>ul>li.social-icons {
                margin-top: 25px;
                display: inline-block;
                margin-bottom: 0;
                margin-left: 15px
            }

            .opacity-zero {
                opacity: 0;
                -webkit-transition: all 0.3s ease-out 0.3s;
                -moz-transition: all 0.3s ease-out 0.3s;
                -ms-transition: all 0.3s ease-out 0.3s;
                -o-transition: all 0.3s ease-out 0.3s;
                transition: all 0.3s ease-out 0.3s
            }

            .bg-trans {
                background-color: rgba(255, 255, 255, 0);
                -webkit-transition: all 0.3s ease-out 0.3s;
                -moz-transition: all 0.3s ease-out 0.3s;
                -ms-transition: all 0.3s ease-out 0.3s;
                -o-transition: all 0.3s ease-out 0.3s;
                transition: all 0.3s ease-out 0.3s
            }

            .progressbar {
                position: absolute;
                bottom: -3px;
                width: 100%;
                height: 2px;
                z-index: 1110
            }

            .progressbar .width {
                background-color: #92D1FF;
                height: 3px;
                width: 0
            }

            @keyframes show-strip {
                0% {
                    opacity: 0;
                    transform: translateY(0)
                }

                50% {
                    opacity: 1;
                    transform: translateY(5px)
                }

                100% {
                    transform: translateY(0)
                }
            }

            .show-strip {
                background-color: #fff;
                -webkit-animation: show-strip 0.5s steps(9) forwards;
                -moz-animation: show-strip 0.5s steps(10) infinite;
                -ms-animation: show-strip 0.5s steps(10) infinite;
                -o-animation: show-strip 0.5s steps(10) infinite;
                animation: show-strip 0.5s steps(9) forwards
            }

            .show-strip>.mt45 {
                margin-top: 0;
                padding: 15px 15px 0;
                height: auto
            }

           /* li.trigger-share {
                background-color: #FFF;
                margin-right: 15px;
                position: relative;
                left: 5px;
                top: 0;
                padding: 0
            }*/

            ul.social-share>li>a {
                font-size: 18px;
                color: #333
            }

            .search-icon {
                right: 125px
            }

            .cross>a>img {
                max-width: 17px;
                position: absolute;
                right: 25px;
                top: 15px;
                z-index: 1
            }

            .slider,
            #hero_slider {
                height: 600px
            }

            .repeated-css {
                height: 600px
            }

            .caption {
                top: 50%;
                -webkit-transform: translate(0, -50%) !important;
                -moz-transform: translate(0, -50%) !important;
                -ms-transform: translate(0, -50%) !important;
                -o-transform: translate(0, -50%) !important;
                transform: translate(0, -50%) !important
            }

            .slide-image {
                right: -137px
            }

            .hidden-1024 {
                display: none
            }

            .menu-bg.no-scroll {
                right: 10px
            }

            .burger.no-scroll {
                right: 23px
            }

            .navbar-brand.no-scroll {
                margin-left: 0 !important
            }

            #home_section {
                height: 600px;
                width: 100%;
                background-color: #92D1FF
            }

            #home_section .content .animateThird {
                margin-top: 50px
            }

            #ai_powered_core,
            #agile_digital_scale,
            #learn {
                width: 100%;
                height: auto
            }

            #ai_powered_core,
            #agile_digital_scale,
            #learn {
                padding: 100px 0
            }

            #do_more {
                padding-top: 75px
            }

            .w-100 {
                width: 100%
            }

            .bg-yellow {
                background-color: #DF9926
            }

            .bg-grey {
                background-color: #f0f0f0
            }

            .btn-no-effect {
                border-radius: 0;
                font-size: 14px;
                font-weight: 600;
                letter-spacing: 1px;
                padding: 12px 40px;
                text-decoration: none
            }

            .btn-no-effect.dark {
                background-color: rgba(47, 17, 19, .3);
                color: #fff
            }

            .btn-no-effect.light {
                background-color: transparent;
                border: 1px solid #fff;
                color: #fff
            }

            .home-banner-bg {
                width: auto;
                height: 100%;
                position: absolute;
                right: 0;
                bottom: 0;
                display: block
            }

            .bg-video {
                background-color: #bee3ff
            }

            .bg-video .content {
                position: absolute;
                left: 0;
                width: 100%;
                height: 100%;
                overflow: hidden;
                outline: medium none;
                background: transparent;
                backface-visibility: hidden
            }

            .bg-video .background {
                filter: blur(2px);
                opacity: 1;
                backface-visibility: hidden;
                background-position: center center;
                background-size: cover;
                height: 100%;
                left: 0;
                position: absolute;
                top: 0;
                width: 100%;
                z-index: -1;
                overflow: hidden
            }

            .background video {
                background-size: cover;
                height: auto;
                left: 50%;
                min-height: 100%;
                min-width: 100%;
                position: absolute;
                top: 50%;
                transform: translateX(-50%) translateY(-50%);
                width: auto;
                z-index: -100
            }

            .home-first-heading-top {
                padding-top: 190px
            }

            .home-heading,
            .home-second-heading {
                font-size: 60px;
                line-height: 60px
            }

            .fullpage-first-desc {
                font-size: 17.5px;
                line-height: 22.5px;
                font-weight: 400;
                margin-top: 20px
            }

            .fullpage-desc {
                font-size: 20px;
                line-height: 23.5px;
                font-weight: 400
            }

            .fullpage-second-title {
                font-size: 14px;
                font-weight: 400;
                opacity: .7
            }

            .content .animateThird {
                margin-top: 200px
            }

            .fullpage-second-desc {
                font-weight: 600
            }

            .fullpage-second-more {
                font-size: 16px;
                letter-spacing: 1.5px;
                font-weight: 700
            }

            .sticky-left-nav {
                display: none
            }

            .venue h3 {
                font-size: 18px
            }

            .animateFirst,
            .animateSecond,
            .animateThird,
            .animateFourth {
                opacity: 1
            }

            .scroll-down {
                display: none
            }

            .grid-do_more {
                position: relative
            }

            .grid-do_more>.p0>a {
                color: #fff
            }

            .grid-do_more>.p0>a:hover,
            .grid-do_more>.p0>a:focus {
                color: #fff;
                text-decoration: none
            }

            .grid-do_more figure {
                position: relative;
                float: left;
                overflow: hidden;
                width: 100%;
                background-color: #fff;
                cursor: pointer
            }

            .grid-do_more figure img {
                position: relative;
                display: block;
                -webkit-transform: scale(1);
                transform: scale(1);
                -webkit-transition: .5s ease-in-out;
                transition: .5s ease-in-out
            }

            .grid-do_more figure figcaption::before,
            .grid-do_more figure figcaption::after {
                pointer-events: none
            }

            .grid-do_more figure figcaption {
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
                position: absolute;
                bottom: 30px;
                left: 20px;
                right: 20px;
                height: auto;
                max-height: none;
                -webkit-transition: .5s ease-in-out;
                transition: .5s ease-in-out
            }

            .grid-do_more figure:hover img {
                -webkit-transform: scale(1);
                transform: scale(1)
            }

            .grid-do_more figure:hover figcaption {
                height: auto;
                max-height: none;
                bottom: 30px
            }

            .grid-do_more figure:hover .bottom-gradient-do_more {
                background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, .2) 100%) repeat scroll 0 0;
                transform: translateY(0)
            }

            .bottom-gradient-do_more {
                background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, .2) 100%) repeat scroll 0 0;
                bottom: 0;
                left: 0;
                position: absolute;
                right: 0;
                top: 0;
                transform: translateY(0)
            }

            .do_more-grid-title {
                color: #fff;
                font-size: 21px;
                line-height: 30px;
                font-weight: 700;
                margin-bottom: 10px
            }

            .do_more-grid-desc {
                color: #fff;
                font-size: 20px;
                line-height: 27px;
                font-weight: 300
            }

            .search-container {
                margin-bottom: 50px
            }

            input.search-textbox {
                background: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/search_center.svg) no-repeat left center;
                background-size: 30px auto;
                border: none;
                border-bottom: 2px solid #7E7E7E;
                color: #3F3F3F;
                font-size: 30px;
                font-weight: 700;
                letter-spacing: 1px;
                min-height: 45px;
                padding-left: 40px;
                width: 100%;
                opacity: .5
            }

            .half-img-container {
                position: relative;
                padding-top: 50%
            }

            .half-img {
                position: absolute !important;
                top: 0
            }

            .expandHead {
                padding: 20px;
                cursor: pointer
            }

            .expandHead h5 {
                color: #000;
                font-size: 25px;
                line-height: 25px;
                margin: 0 auto;
                max-width: 65%;
                font-weight: 700
            }

            .doMoreExpand {
                background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/explore_expand.svg);
                background-repeat: no-repeat;
                background-size: cover;
                border-radius: 50%;
                color: #fff;
                display: inline-block;
                font-size: 0;
                font-weight: 700;
                height: 30px;
                line-height: 25px;
                margin: 10px auto;
                width: 30px
            }

            .expand-container {
                position: inherit
            }

            .expandWrpr {
                animation-duration: 0.4s;
                animation-fill-mode: forwards;
                animation-name: wrprOpen;
                animation-timing-function: ease-in-out;
                color: #fff;
                font-size: 30px;
                height: 0;
                margin-top: 0;
                overflow: hidden;
                z-index: 1
            }

            @keyframes wrprClose {
                0% {
                    height: 0;
                    margin-top: 0;
                    padding: 0
                }

                100% {
                    height: 400px;
                    margin-top: -170px;
                    padding: 20px;
                    padding-left: 0
                }
            }

            .contractWrpr {
                animation-duration: 0.4s;
                animation-fill-mode: forwards;
                animation-name: wrprClose;
                animation-timing-function: ease-in-out;
                height: 400px;
                margin-top: -170px
            }

            @keyframes wrprClose {
                0% {
                    height: 400px;
                    margin-top: -170px;
                    padding: 20px
                }

                100% {
                    height: 0;
                    margin-top: 0;
                    padding: 0
                }
            }

            .closeWrpr {
                background-color: #fff;
                background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/explore_expand.svg);
                background-size: contain;
                border-radius: 50%;
                cursor: pointer;
                float: right;
                height: 38px;
                margin-right: 0;
                margin-top: -150px;
                opacity: 0;
                transform: rotate(45deg);
                width: 38px;
                z-index: 1
            }

            .closeWrprAnim {
                animation-delay: 0.4s;
                animation-duration: 0.2s;
                animation-fill-mode: forwards;
                animation-name: ctaShow
            }

            @keyframes ctaShow {
                0% {
                    opacity: 0
                }

                100% {
                    opacity: 1
                }
            }

            .aboutus-grid-title {
                font-size: 25px;
                font-weight: 600;
                color: #000;
                margin-bottom: 0
            }

            .aboutus-grid-title>span {
                font-size: 50px;
                vertical-align: middle
            }

            .aboutus-grid-desc {
                color: #333;
                font-size: 15px;
                font-weight: 400;
                max-width: 190px;
                margin: 0 auto
            }

            .video-play-icon {
                height: 85px;
                left: 50%;
                margin-left: -42px;
                margin-top: -42px;
                position: absolute;
                top: 50%;
                width: 85px;
                cursor: pointer
            }

            .video-close-icon {
                position: absolute;
                right: 0;
                top: 0;
                width: 50px;
                cursor: pointer;
                display: none
            }

            .video-img-container .video-caption {
                bottom: 0;
                color: #fff;
                font-size: 24px;
                left: 0;
                padding: 20px 30px;
                position: absolute;
                width: 100%
            }

            .aboutus-inthenews-head {
                font-size: 40px;
                line-height: 40px;
                margin-top: 0
            }

            .aboutus-inthenews-row {
                margin-right: 0;
                padding: 10px 0
            }

            .aboutus-inthenews-row.no-border {
                border-bottom: none
            }

            .aboutus-inthenews-row a {
                color: #333;
                font-size: 20px;
                line-height: 22.5px;
                font-weight: 400
            }

            .aboutus-inthenews-row .view-all.light {
                color: #0076ff;
                font-size: 14px;
                font-weight: 700;
                margin-left: 0;
                padding-top: 0
            }

            .aboutus-inthenews-row a:hover,
            .aboutus-inthenews-row a:focus {
                text-decoration: none
            }

            #aboutus_video .modal-content,
            #career_video .modal-content {
                background-color: transparent;
                box-shadow: none;
                border: none
            }

            #career_video .modal-dialog {
                margin-top: 100px
            }

            .show-on-image {
                cursor: pointer
            }

            .show-on-video {
                display: none
            }

            .investors-news {
                padding: 30px
            }

            .investors-news-title {
                font-size: 36px;
                color: #FFF;
                padding-top: 0;
                margin-bottom: 10px;
                font-weight: 900
            }

            .investors-news-row {
                padding: 9px 0
            }

            .latest-event-box,
            .latest-event-box-last {
                bottom: 0;
                top: unset !important;
                height: auto;
                padding: 20px;
                position: absolute;
                width: 100%
            }

            .robotics-text {
                font-size: 25px;
                line-height: 27px
            }

            .robotics-date {
                font-size: 15px;
                line-height: 21px;
                font-weight: 300;
                color: #fff
            }

            .socail-more-twitter {
                bottom: -40px;
                left: 0;
                text-align: center;
                top: unset !important;
                width: 100%
            }

            .recent-event-box {
                padding: 0 20px 20px
            }

            .recent-event-row {
                padding: 20px 0 10px
            }

            .recent-event-row.border-top {
                border-top: 1px solid rgba(90, 90, 90, .22)
            }

            .recent-event-title {
                color: #000;
                font-size: 25px;
                line-height: 28px;
                margin-bottom: 0;
                font-weight: 300
            }

            .recent-event-name {
                color: #000;
                font-size: 25px;
                line-height: 28px;
                margin-bottom: 0;
                font-weight: 700;
                margin-top: 10px
            }

            .recent-event-date {
                font-size: 15px;
                line-height: 21px;
                color: #000;
                margin-top: 10px;
                margin-bottom: 0
            }

            .view-all.light {
                color: #0076ff !important;
                font-weight: 700;
                padding-top: 0
            }

            .img-stock-icon {
                max-width: 30px;
                position: absolute;
                top: 10px;
                left: 30px
            }

            .img-right-arrow {
                max-width: 25px;
                position: absolute;
                top: 35px;
                right: 15px
            }

            .investors-news-desc:hover .img-right-arrow {
                right: 15px
            }

            .investors-download-icon {
                max-width: 20px;
                position: absolute;
                right: 30px
            }

            #careers {
                padding-bottom: 75px
            }

            .careers-img-container {
                background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/careers-video-img.jpg);
                background-position: center center;
                background-size: cover;
                min-height: 450px
            }

            .careers-employeespeak {
                background-color: #f3f3f3;
                bottom: -40px;
                color: #000;
                max-width: 420px;
                padding: 35px;
                position: absolute;
                right: 60px;
                text-align: left
            }

            .employeespeak-head {
                color: #333;
                font-size: 14px;
                margin-bottom: 10px;
                padding-left: 95px
            }

            .employeespeak-content {
                font-size: 17px;
                font-weight: 400
            }

            .img-employee {
                border-radius: 50%;
                display: inline-block;
                float: left;
                height: 85px;
                margin-right: 10px;
                width: 85px !important
            }

            #employeespeak_slider .owl-dots {
                position: static;
                text-align: center
            }

            #employeespeak_slider.owl-theme .owl-dots .owl-dot span {
                margin: 0 5px;
                width: 8px;
                height: 8px
            }

            #employeespeak_slider.owl-theme .owl-dots .owl-dot.active span,
            #employeespeak_slider.owl-theme .owl-dots .owl-dot:hover span {
                background-color: #fff
            }

            .careers-findopportunites {
                font-size: 32px;
                color: #3F3F3F;
                margin-bottom: 15px
            }

            .career-vido-caption {
                font-size: 25px;
                line-height: 30px;
                font-weight: 300;
                color: #fff;
                position: absolute;
                left: 55px;
                bottom: 55px
            }

            .career-explore {
                margin-top: 50px
            }

            #career_video.modal {
                z-index: 9999;
                padding: 0 !important
            }

            #career_video .modal-content {
                background-color: transparent;
                box-shadow: none;
                border: none;
                height: 100%;
                overflow: auto
            }

            #career_video .modal-dialog {
                width: 100%;
                height: 100%;
                margin: 0;
                padding: 0
            }

            #career_video iframe {
                position: fixed
            }

            #career_video .close {
                background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/cross.png);
                background-repeat: no-repeat;
                background-position: 0 0;
                border: medium none;
                color: transparent;
                height: 58px;
                opacity: 1;
                outline: medium none;
                overflow: hidden;
                position: absolute;
                right: 20px;
                text-indent: 200%;
                top: 20px;
                width: 58px;
                z-index: 100
            }

            #contact_us {
                padding: 75px 0;
                background-color: #963596
            }

            .cnt_us_txt {
                font-size: 50px;
                line-height: 60px;
                font-weight: 900
            }

            .border {
                border: 1px solid rgba(255, 255, 255, .2);
                float: left
            }

            .border-rgt {
                border-right: 1px solid rgba(255, 255, 255, .2)
            }

            .border-btm {
                border-bottom: 1px solid rgba(255, 255, 255, .2)
            }

            .cntry-nme {
                color: #fff;
                display: block;
                font-size: 20px;
                font-weight: 600;
                text-align: center;
                text-decoration: none;
                padding: 75px 0
            }

            .cntry-nme:focus {
                color: #fff;
                text-decoration: none
            }

            .cntry-nme:hover {
                background-color: #D0B5D5;
                color: #000
            }

            .bg-color1>img.img-responsive {
                width: calc(100% + 86px)
            }

            .bg-color1:hover>img.img-responsive,
            .bg-whitepaper:hover>img.img-whitepaper {
                transform: translate3d(-40px, 0, 0)
            }

            .bg-color1:hover .txt-reseach {
                bottom: 0
            }

            .bg-whitepaper>img.img-whitepaper {
                width: calc(100% + 50px)
            }

            img.play-icon {
                width: 80px;
                position: absolute;
                bottom: 0;
                margin: 0 auto;
                left: 0;
                right: 0;
                top: 50%;
                transform: translateY(-50%)
            }

            .txt-reseach::before {
                top: unset
            }

            .offering-title {
                font-size: 35px;
                color: #000;
                font-weight: 900;
                line-height: 40px;
                letter-spacing: -1px
            }

            .bg-whitepaper {
                position: relative
            }

            .txt-whitepaper {
                padding-top: 380px
            }

            .box-title {
                margin: 0;
                font-size: 15px;
                letter-spacing: 1.5px;
                color: #bcb9b9;
                font-weight: 600;
                padding-bottom: 15px;
                text-transform: uppercase
            }

            .box-text {
                margin: 0;
                font-size: 20px;
                line-height: 28px;
                font-weight: 400;
                padding: 15px 0
            }

            .bg-pressrelease:hover p.more,
            .bg-blog:hover p.more,
            .bg-article:hover p.more,
            .bg-last:hover p.more,
            .bg-blog-segment:hover p.more,
            .bg-twittercyan:hover p.more,
            .bg-darkblue:hover p.more,
            .bg-orange:hover p.more,
            .bg-light-grey:hover p.more {
                left: 0
            }

            .bg-whitepaper:hover p.white-download {
                left: 0
            }

            .more,
            .readmore-top {
                position: relative;
                top: 0 !important;
                left: 0
            }

            .whats-btn {
                padding: 6px 12px
            }

            #slider_list_carousel .owl-dots {
                bottom: -40px !important
            }

            .offerings-row {
                margin-left: 0;
                padding-left: 25px;
                padding-right: 0
            }

            .offerings-hover,
            .yellow-dot2 {
                opacity: 1
            }

            ul.offering-list li {
                background: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/list-arrow.png);
                background-repeat: no-repeat;
                background-position: 10px 10px
            }

            .border-left {
                display: none
            }

            .submit-btn {
                padding: 10px 50px
            }

            .slide1-segment,
            .slide2-segment,
            .slide3-segment {
                height: 650px
            }

            .caption-txt,
            .lng-txt {
                font-size: 22px;
                color: #000;
                font-weight: 400;
                line-height: 29.5px;
                letter-spacing: -.5px;
                margin-bottom: 0;
                z-index: 1
            }

            .lng-txt {
                line-height: initial
            }

            .success-text-box {
                margin-bottom: 0
            }

            #latest_news,
            #press_release,
            #features,
            #journalistresearch,
            #infyinthenews,
            #subscribe,
            #questions_bg {
                padding: 75px 0
            }

            .line-height-30 {
                line-height: 30px
            }

            .pb5 {
                padding-bottom: 5px
            }

            .font-weight-100 {
                font-weight: 100
            }

            .overview-text {
                font-size: 30px;
                line-height: 40px;
                color: #000;
                padding-top: 10px;
                font-weight: 300
            }

            .bg-vcard {
                background-color: #f9f9f9;
                padding: 30px 50px
            }

            .name-text {
                font-size: 30px;
                color: #000;
                font-weight: 900
            }

            .contact-text {
                font-size: 18px;
                line-height: 22px
            }

            .vcard-contact-btn {
                margin-top: 10px !important
            }

            .bg-foundations {
                background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/infosys-foundation-joins-hands.jpg);
                -webkit-background-size: cover;
                background-size: cover;
                background-position: center center
            }

            .more-right {
                right: 20px;
                float: right;
                top: 3px
            }

            .txt-report {
                padding-bottom: 85px
            }

            .twitter-time-text {
                font-size: 20px;
                color: #000;
                font-weight: 300
            }

            .latestnews-title {
                font-size: 14px;
                letter-spacing: 1.5px;
                color: #c5c2c2;
                font-weight: 600;
                text-transform: uppercase
            }

            .more-twitter {
                text-align: center;
                width: 100%;
                left: 0;
                top: 0
            }

            .twitter-icon {
                font-size: 20px !important;
                margin-right: 5px;
                position: relative;
                top: 3px
            }

            .inline-btn-xs {
                display: inline-block
            }

            #press_release {
                padding-bottom: 0
            }

            .pressrelease-text-box,
            .features-text-box {
                padding: 20px;
                position: relative;
                z-index: 1
            }

            .pressrelease-text,
            .features-text {
                font-size: 16px;
                line-height: 22px;
                color: #000;
                font-weight: 400;
                letter-spacing: -.5px;
                margin-bottom: 0
            }

            .bg-icon {
                position: absolute;
                right: 0;
                bottom: 0;
                z-index: 0
            }

            .bgicon-img,
            .cse-stdy-icon,
            .cs-icon {
                width: 70px
            }

            #features {
                padding-bottom: 0
            }

            #journalistresearch {
                padding-bottom: 0
            }

            .journalistresearch-title {
                font-size: 18px;
                line-height: 24px;
                font-weight: 700
            }

            .journalistresearch-desc {
                font-size: 18px
            }

            .journalistresearch-overlay {
                background-color: rgba(0, 0, 0, .3);
                height: 100%;
                left: 0;
                position: absolute;
                top: 0;
                width: 100%
            }

            #infyinthenews {
                padding-bottom: 0
            }

            .infynews-time {
                font-size: 11px;
                line-height: 25px;
                letter-spacing: 1.5px;
                color: #000
            }

            .infynews-title-box {
                min-height: 20px
            }

            .infynews-title {
                font-size: 14px;
                line-height: 25px;
                letter-spacing: 1.5px;
                color: #000;
                text-transform: uppercase
            }

            .infynews-twitter-icon {
                font-size: 14px !important;
                color: #fff;
                background-color: #4dc8f1;
                border-radius: 50%;
                padding: 4px 7.5px;
                margin-top: -2px
            }

            .infynews-facebook-icon {
                font-size: 14px !important;
                color: #fff;
                background-color: #3b5998;
                border-radius: 50%;
                padding: 4px 10px;
                margin-top: -2px
            }

            .infynews-text {
                font-size: 18px;
                line-height: 24px;
                color: #000
            }

            #subscribe {
                padding-bottom: 0
            }

            .bg-subscribe {
                padding: 15px
            }

            .subscribe-text {
                margin-bottom: 0;
                font-size: 40px;
                line-height: 45px;
                font-weight: 900;
                color: #fff;
                letter-spacing: -1.5px
            }

            .subs-vars {
                padding: 12px 20px 11px !important
            }

            .more-question {
                font-size: 30px;
                color: #000;
                letter-spacing: -1.5px;
                font-weight: 900;
                line-height: 42px
            }

            .contact-btn {
                float: left;
                font-size: 14px;
                color: #000 !important;
                text-transform: uppercase;
                border: 1px solid #000 !important;
                margin-right: 10px;
                padding: 12px 20px;
                margin-top: 10px
            }

            .contact-btn:hover {
                color: #fff !important
            }

            .faqs-btn {
                font-size: 14px;
                letter-spacing: 1.5px;
                color: #fff;
                border: 1px solid #000;
                font-weight: 900;
                background-color: #000;
                text-transform: uppercase;
                padding: 12px 20px;
                margin-top: 10px;
                display: inline-block
            }

            .faqs-btn:hover {
                color: #000;
                border: 1px solid #000;
                background-color: transparent
            }

            .faqs-btn span {
                text-transform: lowercase
            }

            .grid {
                position: relative
            }

            .grid>.p0>a {
                color: #fff
            }

            .grid>.p0>a:hover,
            .grid>.p0>a:focus {
                color: #fff;
                text-decoration: none
            }

            .grid figure {
                text-align: left
            }

            .grid figure img {
                position: relative;
                display: block;
                min-height: 100%;
                max-width: 100%
            }

            .grid figure figcaption {
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden
            }

            .grid figure figcaption::before,
            .grid figure figcaption::after {
                pointer-events: none
            }

            .grid figure figcaption,
            .grid figure figcaption>a {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%
            }

            figure.effect-lily figcaption>.journalistresearch-text {
                position: absolute;
                bottom: 0;
                left: 0;
                padding: 10px 20px;
                width: 100%
            }

            .vertical-super {
                vertical-align: super
            }

            .mt30 {
                margin-top: 30px
            }

            .mr-md-20 {
                margin-right: 20px
            }

            .pl-md-0 {
                padding-left: 0
            }

            .four-th {
                font-size: 16px;
                vertical-align: text-top;
                line-height: 68px
            }

            #being-infosys,
            #connected_with_us,
            #questions-bg {
                padding: 75px 0
            }

            .being-title {
                font-size: 25px;
                color: #000;
                font-weight: 900;
                margin-bottom: 5px
            }

            .corporate-txt2 {
                font-size: 20px
            }

            .news-box {
                padding: 20px 20px 30px
            }

            .news-more {
                position: inherit;
                clear: both
            }

            .news-more a:hover {
                left: 0
            }

            .chart-title {
                font-size: 46px
            }

            .recent-news {
                font-size: 35px
            }

            .eq-height .eqh-box:hover .news-box-img {
                transform: scale(1)
            }

            .news-play-icon {
                width: 40px;
                height: 40px;
                position: absolute;
                margin: 0 auto;
                bottom: 0;
                left: 0;
                right: 0;
                top: 50%;
                transform: translateY(-50%)
            }

            #connected_with_us {
                background: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/stay-connected.jpg);
                background-repeat: no-repeat !important;
                background-position: center center !important;
                -webkit-background-size: cover !important;
                -moz-background-size: cover !important;
                -o-background-size: cover !important;
                background-size: cover !important
            }

            .connect-us input {
                color: #fff !important;
                background-color: transparent !important
            }

            .connect-us label {
                color: #fff !important
            }

            .connect-us input::-webkit-input-placeholder {
                color: #ffffff !important
            }

            .connect-us input:-moz-placeholder {
                color: #ffffff !important
            }

            .connect-us input::-moz-placeholder {
                color: #ffffff !important
            }

            .connect-us input:-ms-input-placeholder {
                color: #ffffff !important
            }

            .select-checkbox input[type=checkbox] {
                display: none
            }

            .select-checkbox input[type=checkbox]+label {
                font-size: 14px;
                color: #fff;
                text-align: center;
                font-weight: 400;
                width: 160px;
                padding: 10px 0;
                display: inline-block;
                cursor: pointer;
                position: relative;
                background-color: transparent;
                border: 1px solid #fff;
                border-radius: 3px;
                margin-right: 10px;
                margin-bottom: 10px
            }

            .select-checkbox input[type=checkbox]:checked+label {
                color: #000;
                background-color: #fff
            }

            .select-checkbox input[type=checkbox]:checked+label:after {
                content: '\2714';
                font-size: 10px;
                color: #000;
                text-align: center;
                padding-top: 0;
                margin-top: 12px;
                width: 16px;
                height: 16px;
                border: 1px solid #000;
                border-radius: 50px;
                display: inline-table;
                position: absolute;
                top: 0;
                left: 10px
            }

            .subscribe-btn {
                font-size: 14px;
                color: #fff;
                padding: 12px 42px;
                border: 1px solid #DF9926;
                background-color: #DF9926;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                letter-spacing: 1.5px;
                text-transform: uppercase;
                font-weight: 900;
                margin-top: 20px
            }

            .subscribe-btn:hover {
                color: #fff;
                border: 1px solid #fff;
                background-color: transparent
            }

            .more-question {
                font-size: 30px;
                color: #000;
                letter-spacing: -1.5px;
                font-weight: 900;
                line-height: 42px
            }

            .contact-btn {
                float: left;
                font-size: 14px;
                color: #000 !important;
                text-transform: uppercase;
                border: 1px solid #000 !important;
                margin-right: 10px;
                padding: 12px 20px;
                margin-top: 10px
            }

            .contact-btn:hover {
                color: #fff !important
            }

            .faqs-btn {
                font-size: 14px;
                color: #fff;
                border: 1px solid #000;
                font-weight: 900;
                letter-spacing: 1.5px;
                background-color: #000;
                text-transform: uppercase;
                padding: 12px 20px;
                margin-top: 10px;
                display: inline-block
            }

            .faqs-btn:hover {
                color: #000;
                border: 1px solid #000;
                background-color: transparent
            }

            .faqs-btn span {
                text-transform: lowercase
            }

            .offering-hover {
                margin-left: 15px;
                margin-right: 15px
            }

            #hero_banner_aboutus {
                height: 600px;
                background-color: #92D1FF
            }

            .about-caption-content {
                top: 50%;
                -webkit-transform: translate(0, -50%) !important;
                -moz-transform: translate(0, -50%) !important;
                -ms-transform: translate(0, -50%) !important;
                -o-transform: translate(0, -50%) !important;
                transform: translate(0, -50%) !important
            }

            .home-banner-bg {
                width: auto;
                height: 100%;
                position: absolute;
                right: 0;
                bottom: 0;
                display: block
            }

            .abt-heading {
                font-size: 60px;
                line-height: 60px
            }

            .stats .number {
                font-size: 60px
            }

            .stats .symbol {
                font-size: 48px;
                margin-top: 6px
            }

            .stats sup {
                top: -1.1em
            }

            .plus-row .eqh-box .btn-bottom {
                bottom: 20px
            }

            .gradient-color-aboutus {
                background-color: #fff;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                min-height: 450px
            }

            .aboutus-desc {
                float: left;
                background-color: #000;
                padding: 35px 50px 0;
                margin-bottom: 50px
            }

            .desc-txt {
                font-size: 30px;
                line-height: 45px;
                letter-spacing: -1.6px;
                color: #fff;
                font-weight: 300;
                padding-top: 25px
            }

            .name-desc {
                font-size: 30px;
                line-height: 45px;
                letter-spacing: -.5px;
                font-weight: 700;
                color: #fff;
                margin-top: 20px
            }

            .cta-txt {
                font-size: 14px;
                line-height: 23px;
                letter-spacing: 1.5px;
                color: #fff;
                text-transform: uppercase
            }

            .cta-txt:hover {
                border: 1px solid #fff !important
            }

            .border-line:hover .head-abtus-bdr,
            .bg-queries:hover .head-abtus-bdr {
                width: 44px
            }

            .star-bdr,
            .head-abtus-bdr {
                background-color: #f5a623;
                display: block
            }

            .head-abtus-bdr {
                width: 44px;
                height: 4px;
                margin: 10px 0
            }

            .star-bdr {
                width: 75px;
                height: 7.5px;
                margin: 10px 0 20px
            }

            .circle-grid .view-more:hover,
            .circle-grid .view-more:focus,
            .bg-ship .view-more:hover,
            .bg-ship .view-more:focus {
                left: 0
            }

            .bg-star {
                background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/about-us-star.png);
                background-repeat: no-repeat;
                -webkit-background-size: contain;
                background-size: contain;
                background-position: 0 0;
                min-height: 398px;
                padding: 75px 0
            }

            .star-para {
                font-size: 25px;
                line-height: 32px;
                padding-right: 0
            }

            .sustainability {
                background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/sustainability.jpg);
                background-repeat: no-repeat;
                -webkit-background-size: cover;
                background-size: cover;
                background-position: center center;
                min-height: 500px;
                padding: 75px 0
            }

            .sust-pr {
                padding: 25px;
                background-color: #fff
            }

            .para-reg {
                line-height: 27px;
                font-weight: 400;
                margin-bottom: 30px
            }

            .slider-learn:hover {
                left: 0
            }

            #innovation_fund {
                padding-bottom: 0
            }

            .bg-ship {
                min-height: 492px
            }

            .line-h {
                height: 492px
            }

            .slider-learn:hover {
                color: #fff;
                left: 0
            }

            #paper-boat .owl-nav .owl-prev,
            .owl-next {
                background-repeat: no-repeat !important;
                width: 16px;
                height: 16px;
                text-indent: -9999px;
                position: absolute !important;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out
            }

            #paper-boat .owl-nav .owl-prev {
                background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/back.png);
                right: 60px;
                top: 350px !important
            }

            #paper-boat .owl-nav .owl-next {
                background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/forward.png);
                right: 30px;
                top: 350px !important
            }

            .var-wth {
                width: 750px
            }

            .adj-cnt {
                padding: 25px
            }

            #subsidiaries {
                padding: 75px 0
            }

            .accordion-custom .panel-default {
                border-color: transparent;
                margin-top: 15px !important
            }

            .accordion-custom .panel {
                -webkit-box-shadow: none !important;
                box-shadow: none !important
            }

            .accordion-custom .panel-title a {
                font-size: 40px;
                color: #000;
                font-weight: 600;
                display: block;
                padding-right: 30px
            }

            .accordion-custom .panel-title>a:before {
                font-family: FontAwesome;
                content: "\f068";
                font-size: 40px;
                line-height: -moz-block-height;
                letter-spacing: -.0625em;
                position: absolute;
                right: 8px;
                bottom: 0;
                top: 50%;
                transform: translateY(-50%)
            }

            .accordion-custom .panel-title>a.collapsed:before {
                content: "\f067";
                font-size: 40px;
                line-height: -moz-block-height;
                position: absolute;
                right: 8px;
                bottom: 0;
                top: 50%;
                transform: translateY(-50%)
            }

            .accordion-custom .panel-title>a:hover,
            .accordion-custom .panel-title>a:active,
            .accordion-custom .panel-title>a:focus {
                text-decoration: none
            }

            .accordion-custom .panel-default>.panel-heading {
                color: #333;
                background-color: transparent;
                border-color: transparent;
                position: relative;
                padding: 10px 0
            }

            .accordion-custom .panel-default>.panel-heading+.panel-collapse>.panel-body {
                border-top-color: transparent;
                padding-left: 0
            }

            .accordion-custom .accordion-txt {
                font-size: 25px;
                color: #3F3F3F;
                line-height: 37px;
                margin-bottom: 25px;
                padding-right: 80px
            }

            .goto {
                color: #000;
                font-size: 14px;
                font-weight: 900;
                margin-bottom: 15px;
                display: inline-block
            }

            .goto:hover {
                color: #000
            }

            .dropdown-navigation-box {
                padding: 50px 0
            }

            select.select-region::-ms-expand {
                display: none
            }

            .select-region {
                -webkit-appearance: none;
                -moz-appearance: none;
                -ms-appearance: none;
                -o-appearance: none;
                appearance: none;
                outline: none;
                overflow: hidden;
                text-indent: .01px;
                text-overflow: '';
                width: 165px;
                background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/down-arrow.png);
                background-repeat: no-repeat;
                background-position: right center;
                border: 0;
                border-bottom: solid 1px #7E7E7E;
                font-size: 15px;
                color: #3F3F3F;
                line-height: 20px;
                font-weight: 400
            }

            .location-title {
                font-size: 25px;
                line-height: 25px;
                color: #000;
                font-weight: 400;
                margin-bottom: 20px
            }

            .location-text {
                font-size: 20px;
                line-height: 25px;
                color: #777;
                font-weight: 300
            }

            .bg-queries {
                background-color: #f2f2f2;
                color: #000
            }

            .bg-queries:hover,
            .bg-queries:focus {
                background-color: #f2f2f2;
                color: #000;
                text-decoration: none
            }

            .pdg-queries {
                padding: 65px 15px 15px
            }

            .queries-txt {
                font-size: 25px;
                line-height: 30px;
                letter-spacing: -.5px;
                font-weight: 400;
                margin: 0
            }

            .loc-ht {
                height: 575px
            }

            #locations .nav-tabs>li>a {
                padding: 20px 47px
            }

            .loc-cntry-txt>span {
                color: #fff;
                font-size: 22px;
                font-weight: 900;
                letter-spacing: -.5px;
                position: absolute;
                top: 50%;
                left: 0;
                transform: translateY(-50%);
                width: 100%;
                height: auto;
                display: block;
                text-align: center
            }

            .hvr-cntry:hover .loc-cntry-txt>span {
                transform: translateY(-28%)
            }

            .hvr-cntry:hover .loc-cntry-txt {
                background-color: transparent;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                transform: translateY(0);
                right: 0;
                bottom: 0;
                position: absolute;
                -webkit-transition: all 0.5s ease;
                -moz-transition: all 0.5s ease;
                -ms-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease
            }

            .overlay-pr {
                background-color: #f2f2f2;
                background: -webkit-linear-gradient(rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 1) 50%) repeat scroll 0 0;
                background: -o-linear-gradient(rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 1) 50%) repeat scroll 0 0;
                background: -moz-linear-gradient(rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 1) 50%) repeat scroll 0 0;
                background: linear-gradient(rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 1) 50%) repeat scroll 0 0;
                position: absolute;
                left: 0;
                top: 60px;
                bottom: 0;
                width: 100%;
                height: auto
            }

            .bx-shdw-pr {
                -webkit-box-shadow: 0 0 10px #888;
                -moz-box-shadow: 0 0 10px #888;
                box-shadow: 0 0 10px #888;
                background-color: #fff
            }

            .successstories-nav {
                font-size: 17px;
                line-height: 52px;
                font-weight: 400
            }

            .successstories-nav>a {
                color: #777
            }

            li.successstories-nav.active {
                border-bottom: 4px solid #DF9926
            }

            .successstories-nav.active>a,
            .successstories-nav>a:hover {
                color: #000
            }

            .nav-top-align {
                padding-left: 5px;
                margin-bottom: 0
            }

            .nav-top-align>li {
                margin-right: 35px;
                padding: 0
            }

            .list-group-item {
                padding: 0 15px
            }

            .btn-grid,
            .btn-list {
                color: #ccc;
                font-size: 30px
            }

            .btn-grid.active,
            .btn-list.active,
            .btn-grid:hover,
            .btn-list:hover {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                color: #000
            }

            select.select-pr::-ms-expand {
                display: none
            }

            .select-pr {
                -webkit-appearance: none;
                -moz-appearance: none;
                -ms-appearance: none;
                -o-appearance: none;
                appearance: none;
                outline: none;
                overflow: hidden;
                text-indent: .01px;
                text-overflow: '';
                width: 165px;
                background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/down-arrow.png);
                background-repeat: no-repeat;
                background-position: right center;
                border: 0;
                border-bottom: 1px solid #7E7E7E;
                font-size: 17px;
                color: #3F3F3F;
                line-height: 20px;
                font-weight: 400
            }

            .prlst-para {
                font-size: 21px;
                line-height: 25px;
                color: #000;
                font-weight: 400;
                display: block;
                padding-top: 15px
            }

            .pr-icon {
                margin-bottom: 15px;
                padding: 0 15px
            }

            .pr-icon>li {
                margin-right: 7px
            }

            .pr-icon>li>a>img {
                max-width: 14px;
                fill: #000
            }

            #success_stories .equal-bg img.get-image-height,
            #resource_center .equal-bg img.get-image-height,
            #press_release .equal-bg img.get-image-height,
            #features .equal-bg img.get-image-height {
                max-width: 100%;
                transform: translate3d(0, 0, 0);
                width: auto
            }

            #success_stories .equal-bg:hover img.get-image-height,
            #resource_center .equal-bg:hover img.get-image-height,
            #press_release .equal-bg:hover img.get-image-height,
            #features .equal-bg:hover img.get-image-height {
                transform: translate3d(0, 0, 0)
            }

            .thumbnail {
                background-color: #fff;
                border: none;
                border-radius: 0;
                display: block;
                line-height: 1.42857;
                margin-bottom: 0;
                padding: 0;
                transition: border 0.2s ease-in-out 0s
            }

            .list-group-item {
                background-color: transparent
            }

            .list-group-item .thumbnail {
                background-color: #fff;
                border: none;
                border-radius: 0;
                display: block;
                line-height: 1.42857;
                margin-bottom: 0;
                padding-right: 15px;
                transition: border 0.2s ease-in-out 0s
            }

            .list-group-item:first-child,
            .list-group-item,
            .grid-group-item:first-child,
            .grid-group-item {
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
                margin-bottom: 25px;
                border: 0
            }

            .list-group-item .pr-icon {
                padding: 0
            }

            .tag-postion {
                display: none
            }

            .pos-abs {
                background-color: #fff;
                position: absolute;
                left: 5%;
                right: 5%;
                width: 90%;
                padding: 15px;
                bottom: 0
            }

            .minus-top-grd,
            .minus-top-lst {
                line-height: 16px
            }

            .minus-top-grd {
                position: absolute;
                top: -45px
            }

            .minus-top-lst {
                position: relative;
                top: 0
            }

            .list-group-item>.pos-abs {
                background-color: #fff;
                bottom: 0;
                left: 15px;
                padding: 15px;
                position: absolute;
                right: 15px;
                width: auto;
                top: 0 !important
            }

            .tag-close {
                position: absolute;
                right: 15px;
                bottom: 15px;
                width: 15px;
                height: 15px
            }

            .tag-close:hover {
                opacity: 1
            }

            .tag-close:before,
            .tag-close:after {
                position: absolute;
                content: ' ';
                height: 15px;
                width: 2px;
                background-color: #000
            }

            .tag-close:before {
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                transform: rotate(45deg)
            }

            .tag-close:after {
                -webkit-transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -o-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg)
            }

            .tag-item {
                width: auto;
                height: auto;
                padding: 5px 10px;
                border: 1px solid #000;
                color: #000;
                margin-right: 10px;
                font-size: 14px;
                display: inline-block;
                margin-bottom: 10px;
                -webkit-transition: all 0.5s ease 0s;
                -moz-transition: all 0.5s ease 0s;
                -ms-transition: all 0.5s ease 0s;
                -o-transition: all 0.5s ease 0s;
                transition: all 0.5s ease 0s;
                text-transform: capitalize
            }

            .tag-item:hover,
            .tag-item:focus {
                background-color: #000;
                color: #fff;
                text-decoration: none
            }

            .trigger-share-pr {
                position: relative;
                top: 0
            }

            .trigger-share-pr,
            ul.social-share-pr>li {
                position: absolute;
                top: 0;
                -webkit-transition: .1s linear;
                transition: .1s linear;
                border: none
            }

            ul.social-share-pr>li {
                right: -15px;
                top: -11px;
                display: none
            }

            ul.social-share-pr>li>a {
                font-size: 18px;
                color: #333
            }

            ul.social-share-pr>li.slideout {
                display: block
            }

            ul.social-share-pr>li.slideout:nth-child(1) {
                -webkit-transform: translateY(55px);
                -moz-transform: translateY(55px);
                -ms-transform: translateY(55px);
                -o-transform: translateY(55px);
                transform: translateY(55px)
            }

            ul.social-share-pr>li.slideout:nth-child(2) {
                -webkit-transform: translateY(85px);
                -moz-transform: translateY(85px);
                -ms-transform: translateY(85px);
                -o-transform: translateY(85px);
                transform: translateY(85px)
            }

            ul.social-share-pr>li.slideout:nth-child(3) {
                -webkit-transform: translateY(115px);
                -moz-transform: translateY(115px);
                -ms-transform: translateY(115px);
                -o-transform: translateY(115px);
                transform: translateY(115px)
            }

            ul.social-share-pr>li.slideout:nth-child(4) {
                -webkit-transform: translateY(145px);
                -moz-transform: translateY(145px);
                -ms-transform: translateY(145px);
                -o-transform: translateY(145px);
                transform: translateY(145px)
            }

            ul.social-tag>li,
            ul.social-tag>li.last {
                margin-right: 0;
                padding-left: 3px;
                padding-right: 3px
            }

            .list-group-item ul.social-tag>li,
            ul.social-tag>li.last {
                margin-right: 0;
                padding-left: 5px;
                padding-right: 5px
            }

            .list-group-item ul.social-share-pr {
                position: absolute;
                top: 7px;
                left: 35px
            }

            .list-group-item ul.social-tag {
                margin-top: 25px;
                margin-bottom: 10px;
                margin-left: 0
            }

            .list-group-item .tag-bg {
                left: 0
            }

            .list-group-item ul.social-share-pr>li {
                display: none;
                left: 120px;
                right: inherit
            }

            .list-group-item ul.social-share-pr>li.slideout {
                display: block
            }

            .list-group-item ul.social-share-pr>li.slideout:nth-child(1) {
                -webkit-transform: translateX(-125px);
                -moz-transform: translateX(-125px);
                -ms-transform: translateX(-125px);
                -o-transform: translateX(-125px);
                transform: translateX(-125px)
            }

            .list-group-item ul.social-share-pr>li.slideout:nth-child(2) {
                -webkit-transform: translateX(-97px);
                -moz-transform: translateX(-97px);
                -ms-transform: translateX(-97px);
                -o-transform: translateX(-97px);
                transform: translateX(-97px)
            }

            .list-group-item ul.social-share-pr>li.slideout:nth-child(3) {
                -webkit-transform: translateX(-68px);
                -moz-transform: translateX(-68px);
                -ms-transform: translateX(-68px);
                -o-transform: translateX(-68px);
                transform: translateX(-68px)
            }

            .list-group-item ul.social-share-pr>li.slideout:nth-child(4) {
                -webkit-transform: translateX(-35px);
                -moz-transform: translateX(-35px);
                -ms-transform: translateX(-35px);
                -o-transform: translateX(-35px);
                transform: translateX(-35px)
            }

            .nav-top-align {
                color: #fff;
                max-height: 200px;
                overflow: auto;
                position: absolute;
                top: 0;
                width: 100%
            }

            .nav-top-align>li {
                display: inline-block
            }

            #overlay_fliter_topic {
                display: none;
                position: fixed;
                width: 100%;
                height: 100%;
                overflow-y: scroll;
                overflow-x: hidden;
                left: 0;
                top: 0;
                background-color: #f2f2f2;
                padding: 25px 0;
                z-index: 9999
            }

            .close-icon>img {
                position: absolute;
                right: 30px;
                width: 15px;
                height: 15px;
                top: 0
            }

            a.overlay_fliter_cta {
                border: 1px solid #f60;
                color: #000;
                display: block;
                margin-top: 25px;
                font-size: 14px;
                height: auto;
                margin-left: auto;
                margin-right: auto;
                padding: 5px;
                text-align: center;
                width: 100px;
                text-decoration: none;
                font-weight: 600
            }

            a.overlay_fliter_cta:hover {
                background-color: #DF9926;
                border: 1px solid #DF9926;
                color: #fff
            }

            #our_products,
            #our_offerings {
                padding-bottom: 0
            }

            .txt-brwseby {
                font-size: 23px;
                font-weight: 600;
                letter-spacing: -.3px;
                line-height: 28px;
                margin-top: 10px;
                padding-left: 5px
            }

            .resp-tabs-container {
                padding: 0
            }

            .resp-accordion {
                display: none
            }

            .resp-tab-content {
                display: none
            }

            .resp-content-active,
            .resp-accordion-active {
                display: block
            }

            .resp-vtabs .resp-tabs-container {
                padding: 0
            }

            .resp-vtabs li.resp-tab-active {
                opacity: .8
            }

            .resp-tabs-list li>img {
                opacity: .2
            }

            .resp-tabs-list li.resp-tab-active>img {
                opacity: 1
            }

            .tabs_img {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                width: auto;
                z-index: -1
            }

            .tabs_caption {
                width: auto;
                padding: 30px
            }

            .tabs_sub_link {
                font-weight: 400;
                font-size: 20px;
                line-height: 21px;
                margin-bottom: 20px;
                display: block;
                color: #fff
            }

            .tabs_sub_link:hover {
                color: #fff
            }

            .search_input_list {
                font-size: 59px;
                text-transform: capitalize;
                font-weight: 700;
                border-bottom: 1px solid #ccc !important;
                height: 100px;
                color: #fff
            }

            ul.sort-by {
                margin: 0
            }

            ul.sort-by>li {
                padding: 0;
                color: #3F3F3F
            }

            ul.sort-by>li>a.active,
            ul.sort-by>li>a {
                color: #000;
                font-weight: 700;
                font-size: 17.5px;
                line-height: 51px;
                text-decoration: none
            }

            ul.sort-by>li>a.active {
                color: #000;
                font-weight: 700;
                border-bottom: 4px solid #DF9926;
                padding-bottom: 10px
            }

            ul.sort-by>li>a {
                color: #777;
                font-weight: 400
            }

            ul.sort-by>li:nth-child(1)+li:before,
            ul.sort-by>li:nth-child(2)+li:before {
                color: #3F3F3F;
                padding: 0 5px
            }

            ul.sort-by>li:nth-child(1)+li:before {
                content: ": "
            }

            ul.sort-by>li:nth-child(2)+li:before {
                content: "| "
            }

            .lst-checkbox {
                padding: 0;
                display: block;
                font-size: 14px
            }

            .lst-checkbox>input[type="checkbox"] {
                display: none
            }

            .lst-checkbox>label {
                cursor: pointer;
                margin: 0;
                padding: 5px
            }

            .lst-checkbox>input[type="checkbox"]+label span {
                position: relative;
                -webkit-transition: all 0.5s ease 0s;
                -moz-transition: all 0.5s ease 0s;
                -ms-transition: all 0.5s ease 0s;
                -o-transition: all 0.5s ease 0s;
                transition: all 0.5s ease 0s
            }

            .lst-checkbox>input[type="checkbox"]+label span:before,
            .lst-checkbox>input[type="checkbox"]+label:hover span:before,
            .lst-checkbox>input[type="checkbox"]:checked+label span:before {
                font-family: FontAwesome;
                font-style: normal;
                font-weight: 400;
                text-decoration: inherit;
                font-size: 18px;
                padding-right: .5em;
                position: absolute;
                top: -2px;
                left: 0
            }

            .lst-checkbox>input[type="checkbox"]+label span:before {
                content: "\f096";
                color: #000
            }

            .lst-checkbox>input[type="checkbox"]:checked+label span:before {
                content: "\f00c"
            }

            .txt-input {
                margin-left: 25px;
                display: inline-block;
                font-weight: 300
            }

            .badge {
                margin-left: 5px;
                float: right
            }

            .show-more {
                display: none
            }

            .txt-toggle {
                color: #000;
                font-size: 14px;
                margin-left: 6px;
                text-decoration: none
            }

            .txt-toggle:hover,
            .txt-toggle:focus {
                color: #000;
                font-size: 14px;
                margin-left: 6px;
                text-decoration: none
            }

            .box-info {
                padding: 20px;
                color: #FFF;
                margin-top: 50px
            }

            .head-box-info {
                font-size: 11px;
                letter-spacing: 1.5px;
                text-transform: uppercase;
                margin-bottom: 10px
            }

            .txt-box-info {
                font-size: 25px;
                line-height: 30px;
                font-weight: 900
            }

            .ui-helper-hidden-accessible {
                display: none
            }

            .ui-menu {
                background-color: #fff;
                width: 75% !important;
                height: auto;
                max-height: 200px;
                overflow-y: scroll;
                overflow-x: hidden;
                padding: 0
            }

            .ui-menu>li {
                list-style-type: none;
                padding: 10px
            }

            .ui-menu>li:hover {
                background-color: #ccc
            }

            .ui-menu>li>a,
            .ui-menu>li>a:focus {
                color: #000;
                font-weight: 400;
                font-size: 23px
            }

            ul.pagination-sm>li,
            ul.pagination-sm>li>a {
                color: #000;
                font-size: 17px
            }

            .pagination-sm>li,
            .pagination-sm>li>a,
            .pagination-sm>li>span {
                padding: 0
            }

            .lt {
                margin: 0 20px
            }

            .press-releases-head h1 {
                font-size: 60px;
                line-height: 60px;
                font-family: 'tungstenw05-medium', 'Oswald', sans-serif;
                ;
                font-weight: 500;
                margin-bottom: 20px
            }

            .position-txt,
            .location-date {
                line-height: 30px;
                font-weight: 400
            }

            .position-txt {
                font-size: 25px;
                color: #000;
                margin-bottom: 10px
            }

            .location-date {
                font-size: 20px
            }

            .press-hline {
                width: 100%;
                height: 1px;
                background-color: #c8c8c8;
                margin: 50px 0
            }

            .overlay-casestudies {
                background-color: #fff;
                background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 10%) repeat scroll 0 0;
                background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 10%) repeat scroll 0 0;
                background: -moz-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 10%) repeat scroll 0 0;
                background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 10%) repeat scroll 0 0;
                position: absolute;
                left: 0;
                top: 160px;
                bottom: 0;
                width: 100%;
                height: auto
            }

            .atp-para,
            .atp-sml-para {
                line-height: 30px;
                font-weight: 400
            }

            .atp-para {
                font-size: 25px
            }

            .atp-sml-para {
                font-size: 18px
            }

            .divider {
                background-color: #e0e0e0;
                height: 1px;
                margin: 10px 0;
                overflow: hidden
            }

            .atp-sml-head {
                font-size: 30px;
                letter-spacing: -2px;
                line-height: 30px;
                font-weight: 900;
                margin-top: 0;
                margin-bottom: 50px
            }

            .key-para p,
            .impact-sml-para p {
                font-size: 20px
            }

            .impact-para p {
                font-size: 25px;
                line-height: 30px;
                font-weight: 400
            }

            .num-per>span,
            sup {
                color: #0076ff
            }

            .num-per>span {
                font-size: 55px;
                font-weight: 600;
                line-height: 55px
            }

            .num-per>sup {
                font-size: 30px
            }

            .atp-slider {
                padding: 30px 15px;
                background-color: #f5f5f5;
                margin-top: 50px
            }

            .atp-slider-txt p:nth-child(n+2) {
                font-size: 20px;
                font-weight: 300
            }

            .atp-slider-txt img.img-inherit {
                width: inherit;
                margin: 15px auto
            }

            #atp_slider_carousel .owl-nav .owl-prev,
            .owl-next {
                background-repeat: no-repeat;
                height: 32px;
                position: absolute;
                text-indent: -9999px;
                width: 32px
            }

            #atp_slider_carousel .owl-nav .owl-prev {
                background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/arrow-left.png);
                left: 30px;
                top: 150px !important
            }

            #atp_slider_carousel .owl-nav .owl-next {
                background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/arrow-right.png);
                right: 30px;
                top: 150px !important
            }

            .atp-grid-num {
                margin: 15px 0
            }

            .atp-grid-num p>span,
            .exp-iip p>span {
                font-size: 70px;
                line-height: 54px;
                font-weight: 600;
                margin-bottom: 10px
            }

            .atp-grid-num p {
                font-size: 30px;
                font-weight: 900;
                text-align: center
            }

            .atp-grid-num p:nth-child(2),
            .exp-iip p:nth-child(2) {
                font-size: 14px;
                line-height: 16.5px;
                margin-left: auto;
                margin-right: auto;
                width: 50%;
                font-weight: 400
            }

            #utilities,
            #communication_services {
                background-repeat: no-repeat !important;
                -webkit-background-size: cover !important;
                background-size: cover !important;
                background-position: center center !important;
                height: 445px !important
            }

            #utilities,
            #communication_services {
                background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/utilities-case-studies.jpg)
            }

            #communication_services {
                background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/utilities-case-studies.jpg)
            }

            #utilities p,
            #communication_services p {
                color: #fff;
                font-size: 30px;
                font-weight: 300;
                line-height: 30px;
                margin: 15px auto 50px;
                text-align: center;
                width: 42%
            }

            .head {
                text-align: center;
                color: #fff;
                font-size: 30px;
                font-weight: 900;
                text-transform: uppercase
            }

            .minus-top-grid {
                margin-top: -191px
            }

            .head-grid {
                font-size: 24px;
                line-height: 27px;
                font-weight: 900;
                margin-bottom: 15px
            }

            .minus-top-grid p {
                font-size: 16px;
                line-height: 22px;
                font-weight: 300;
                color: #777
            }

            .minus-top-grid .equal-bg {
                padding: 0
            }

            .yellow-bg {
                background-color: #ffe03f
            }

            .pad-all p {
                font-size: 20px;
                font-weight: 400
            }

            .exp-iip p:nth-child(2) {
                width: 100%
            }

            .exp-iip p {
                font-size: 20px;
                line-height: 25px;
                font-weight: 900
            }

            .exp-iip>div:nth-child(4) p:nth-child(1),
            .exp-iip>div:nth-child(4) p:nth-child(2) {
                text-align: left
            }

            .exp-iip>div:nth-child(4) p:nth-child(2) {
                font-size: 16px;
                line-height: 23.5px;
                margin-left: 0
            }

            .exp-iip>div:nth-child(4) a.try-it {
                background-color: #000;
                border: 1px solid #000;
                color: #fff;
                display: inline-block;
                font-size: 14px;
                font-weight: 700;
                letter-spacing: 1.5px;
                margin-top: 10px;
                padding: 9px 25px;
                text-transform: uppercase;
                -webkit-transition: all 0.5s ease-in-out 0s;
                -moz-transition: all 0.5s ease-in-out 0s;
                -ms-transition: all 0.5s ease-in-out 0s;
                -o-transition: all 0.5s ease-in-out 0s;
                transition: all 0.5s ease-in-out 0s
            }

            .exp-iip>div:nth-child(4) a.try-it:hover {
                background-color: transparent;
                border: 1px solid #000;
                color: #000
            }

            .pdf {
                border: 2px solid #000;
                padding: 5px 10px;
                text-transform: uppercase;
                color: #000;
                font-size: 14px;
                line-height: 23px;
                letter-spacing: 1.5px;
                font-weight: 700;
                margin-top: 30px;
                display: inline-block;
                -webkit-transition: 0.5s ease-in-out 0s;
                -moz-transition: 0.5s ease-in-out 0s;
                -ms-transition: 0.5s ease-in-out 0s;
                -o-transition: 0.5s ease-in-out 0s;
                transition: 0.5s ease-in-out 0s
            }

            .pdf:hover,
            .pdf:focus {
                background-color: #000;
                color: #fff;
                text-decoration: none
            }

            .email {
                font-size: 18px;
                font-weight: 400;
                display: inline-block;
                color: #000;
                margin-top: 25px
            }

            .email:hover,
            .email:focus {
                color: #000
            }

            .cnt-us {
                float: right;
                text-align: right;
                display: inline-block;
                margin-top: 20px
            }

            #case_studies {
                color: #fff
            }

            #case_studies p:nth-child(1),
            #case_studies p:nth-child(2) {
                font-weight: 400;
                font-size: 18px;
                margin-bottom: 20px
            }

            #case_studies p:nth-child(2) {
                color: rgba(255, 255, 255, .8)
            }

            .title-sml-cs {
                font-size: 50px;
                letter-spacing: -1.3px;
                font-weight: 900
            }

            .cs-txt {
                color: #fff;
                display: inline-block;
                font-size: 18px;
                font-weight: 400;
                margin-top: 80px;
                text-align: left
            }

            .cs-txt:hover,
            .cs-txt:focus {
                color: #fff
            }

            .cs-bdr {
                color: #a2aeb6;
                border: 2px solid #d1d7da;
                position: relative;
                z-index: 1;
                display: inline-block;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                padding: 8px 15px;
                -webkit-border-radius: 0;
                -moz-border-radius: 0;
                border-radius: 0;
                letter-spacing: 1px;
                font-weight: 600;
                margin-right: 10px;
                text-transform: uppercase
            }

            .cs-bdr:before {
                content: '';
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                height: 100%;
                width: 0;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                -ms-transition: all 0.3s ease-in-out;
                -o-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out;
                background-color: #d1d7da;
                z-index: -1
            }

            .cs-bdr:hover,
            .cs-bdr:focus {
                border: 2px solid #bfc5c8;
                color: #a2aeb6;
                text-decoration: none
            }

            .cs-bdr:hover:before,
            .cs-bdr:focus:before {
                width: 100%
            }

            .black-bg {
                background-color: #222121;
                padding: 15px
            }

            .btn-rectangle {
                text-transform: uppercase;
                color: #FFF;
                display: block;
                text-align: center;
                padding: 8px;
                border: 1px solid #fff;
                font-size: 14px;
                letter-spacing: 1.5px
            }

            .btn-rectangle:hover {
                color: #000;
                background-color: #fff
            }

            #events p {
                color: #FFF;
                font-size: 18px;
                font-weight: 600
            }

            #events span {
                color: #c2c2c2;
                font-size: 18px;
                font-weight: 300
            }

            #events-cnt p {
                margin-bottom: 30px;
                font-size: 20px
            }

            .session-details-bg {
                background-color: #F2F2F2;
                padding: 25px;
                margin-bottom: 15px
            }

            .session-details-bg span {
                font-size: 20px;
                color: #000
            }

            #challenges_solutions .scrtabs-tabs-fixed-container ul.nav-tabs>li {
                width: 285px
            }

            .leadership-link ul>li>a {
                padding: 20px 40px
            }

            footer {
                background-color: #F8F8F8;
                color: #333;
                border-top: 5px solid #d8d8d8
            }

            ul.footer-txt>li:first-child {
                margin-top: 20px
            }

            ul.footer-txt>li {
                margin-bottom: 10px
            }

            ul.footer-txt>li>a {
                color: #3F3F3F;
                font-size: 16px
            }

            .ftr-head {
                color: #000;
                font-size: 22px;
                font-weight: 900;
                margin: 0
            }
        }

        @media screen and (min-width:768px) and (max-width:1023px) {

            .iframe-width,
            .iframe-height-investors,
            .iframe-height-about {
                height: 806px
            }

            .col-sm-20p {
                width: 20%
            }
        }

        @media screen and (max-width:992px) {
            .text-left-sm {
                text-align: left
            }

            .mt-sm-20 {
                margin-top: 20px
            }

            .row-sm {
                margin-left: 0 !important;
                margin-right: 0 !important
            }

            .slider-title {
                font-size: 23px;
                line-height: 25px
            }

            .col-eq-ht-sm {
                height: auto;
                margin: 0;
                padding: 0
            }

            .align-box {
                padding: 15px
            }

            .website-feedback-iframe-height {
                height: 920px
            }

            .market-analyst-iframe-height {
                height: 1250px
            }

            #L2_home_banner {
                height: 34vh
            }

            .menu {
                width: 100vw;
                height: 100vh;
                overflow-y: scroll
            }

            .hero-list1 {
                width: 64%
            }

            .search-icon {
                right: 90px
            }

            .menuItems {
                height: auto;
                position: absolute
            }

            .learn,
            .innovate,
            .automate {
                position: relative;
                top: 655px;
                margin: 0;
                height: 182px
            }

            .automate {
                background-position: left center
            }

            .innovate {
                background-position: left center
            }

            .learn {
                background-position: left center
            }

            .visible1024-cross {
                display: block
            }

            .indus .servi,
            .consult {
                height: auto
            }

            .hear-txt-sub {
                margin-bottom: 20px
            }

            .burger.open {
                width: 50px;
                height: 50px;
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%
            }

            .collapse {
                left: 4px;
                top: 0
            }

            .circle.expand {
                width: 240%;
                right: -600px
            }

            .menu-bg,
            .burger {
                margin-right: 15px
            }

            .head-txt {
                margin: 35px 0;
                text-align: right
            }

            .head-txt,
            .sub-head {
                padding: 0
            }

            .pt-sm-0 {
                padding-top: 0
            }

            .mt-sm-40 {
                margin-top: 40px
            }

            .mb-sm-40 {
                margin-bottom: 40px
            }

            .mb-sm-20 {
                margin-bottom: 20px
            }

            .ai-powered-core-img {
                background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/energize-the-core-tab.png)
            }

            .agile-digital-bg-img {
                background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/agile-digital-tab.png)
            }

            .learn-bg-img {
                background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/always-learning-tab.png)
            }

            .investors-news-row {
                padding: 20px 0
            }

            .recent-event-box {
                padding: 0 20px 20px
            }

            .recent-event-row {
                padding: 20px 0 10px
            }

            input.search-textbox {
                font-size: 22px
            }

            .do_more-grid-title {
                font-size: 21px;
                line-height: 27px
            }

            .do_more-grid-desc {
                font-size: 20px;
                line-height: 25px
            }

            .half-img-container {
                position: relative;
                padding-top: 100%
            }

            .half-img {
                position: absolute !important;
                top: 0
            }

            .aboutus-inthenews-row {
                padding: 25px 0
            }

            .expandHead h5 {
                max-width: 45%
            }

            .img-pos>img {
                height: 100%;
                position: absolute;
                right: 0;
                top: 0;
                width: auto;
                z-index: -3
            }

            .expand-container h2,
            #expand-digital h2 {
                font-size: 25px
            }

            .expand-container p,
            #expand-digital p {
                font-size: 16px
            }

            .expand-container a.bdr,
            #expand-digital a.bdr {
                margin-top: 20px
            }

            .closeWrpr {
                margin-top: -250px
            }

            @keyframes wrprOpen {
                0% {
                    height: 0;
                    margin-top: 0;
                    padding: 0
                }

                100% {
                    height: 400px;
                    margin-top: -270px;
                    padding: 40px 0
                }
            }

            .cnt_us_txt {
                font-size: 36px;
                font-weight: 900;
                line-height: 50px
            }

            .para-txt {
                font-size: 30px;
                line-height: 33px
            }

            .para-ovr {
                font-size: 24px;
                line-height: 30px
            }

            .corner-shape {
                border-bottom: 160px solid #00B28F
            }

            .bg-blog {
                box-shadow: 0 0 2px #888
            }

            .redefine-title {
                font-size: 30px
            }

            .bg-color1>img.img-responsive {
                width: auto
            }

            .offerings-row {
                padding-left: 8px
            }

            .expert-name {
                font-size: 20px
            }

            .txt-request {
                font-size: 20px;
                line-height: 25px
            }

            .bdr-rgt {
                border-bottom: 1px solid rgba(255, 255, 255, .2);
                border-right: 0
            }

            .cnt-first {
                padding: 60px 0
            }

            .cnt-txt {
                padding: 35px 0
            }

            .p0-sm {
                padding: 0
            }

            .overview-text {
                font-size: 24px;
                line-height: 30px
            }

            .bg-vcard {
                padding: 15px
            }

            .name-text {
                font-size: 29px !important
            }

            .txt-report {
                padding-bottom: 0
            }

            .bg-msg {
                bottom: 0
            }

            .bg-file {
                bottom: 0
            }

            .box-shadow-top-sm {
                box-shadow: 3px 0 2px #888
            }

            .p0-only-sm {
                padding: 0
            }

            .mt-sm-30 {
                margin-top: 30px
            }

            .bg-vcard {
                padding: 15px
            }

            .name-text {
                font-size: 29px !important
            }

            .two-line::after {
                border-top: 47px solid #000
            }

            .slider-btn {
                font-size: 12px
            }

            .corporate-txt {
                font-size: 18px
            }

            .event-date {
                font-size: 32px;
                line-height: 28px
            }

            .down-report-btn {
                margin: 30px 0
            }

            .e-report {
                margin-left: 0
            }

            .re-news {
                line-height: 26px
            }

            #paper-boat {
                padding: 20px 0
            }

            .bg-ship {
                min-height: 580px
            }

            .adj-cnt {
                padding: 20px 0
            }

            .line-h {
                border-left: 0;
                border-top: 1px solid rgba(255, 255, 255, .2);
                height: auto
            }

            .aboutus-desc {
                padding: 15px 10px 0
            }

            .desc-txt {
                font-size: 22px;
                line-height: 35px
            }

            .name-desc {
                font-size: 20px;
                margin-top: 0
            }

            .star-para {
                line-height: 30px
            }

            .sust-para {
                font-size: 22px
            }

            .para-lgt {
                font-size: 20px
            }

            #paper-boat .owl-nav .owl-prev {
                top: 285px !important
            }

            #paper-boat .owl-nav .owl-next {
                top: 285px !important
            }

            .cntry-nme {
                font-size: 16px;
                padding: 50px 0
            }

            .location-text {
                font-size: 18px;
                line-height: 23px
            }

            #locations .nav-tabs>li>a {
                padding: 20px 59px
            }

            .nav-tabs>li>a {
                border: 0 none;
                border-radius: 0;
                color: #fff;
                font-size: 14px;
                font-weight: 400;
                margin-right: 0;
                padding: 20px 59.2px;
                text-transform: uppercase
            }

            .tag-item {
                font-size: 12px
            }

            .list-group-item .lng-txt {
                padding-right: 15px
            }

            .resp-arrow {
                background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/chevron-sign-down.svg);
                background-repeat: no-repeat;
                float: right;
                width: 15px !important;
                height: 15px !important;
                margin-top: 5px
            }

            .resp-tab-active span.resp-arrow {
                background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/chevron-up-arrow.svg)
            }

            .resp-tab-active {
                background-color: #963596;
                opacity: .8
            }

            .resp-easy-accordion .resp-accordion {
                display: block
            }

            .resp-easy-accordion .resp-tab-content {
                border: 1px solid #c1c1c1
            }

            .resp-easy-accordion .resp-tab-content:last-child {
                border-bottom: 1px solid #c1c1c1 !important
            }

            .resp-jfit {
                width: 100%;
                margin: 0
            }

            .resp-tab-content-active {
                display: block
            }

            ul.resp-tabs-list {
                display: none
            }

            .resp-accordion {
                display: block;
                cursor: pointer;
                padding: 30px;
                background-color: #963596;
                font-weight: 500;
                color: #FFF;
                border-bottom: 1px solid rgba(255, 255, 255, .2)
            }

            .resp-vtabs .resp-tabs-container {
                border: none;
                float: none;
                width: 100%;
                min-height: initial;
                clear: none
            }

            .resp-accordion-closed {
                display: none !important
            }

            .tabs_img {
                position: absolute;
                left: 0;
                top: inherit;
                right: 0;
                bottom: inherit;
                width: auto;
                z-index: -1
            }

            .tab1_img,
            .tab2_img,
            .tab3_img,
            .tab4_img,
            .tab5_img,
            .tab6_img {
                position: relative
            }

            .resp-accordion>img {
                opacity: .2
            }

            .resp-tab-active>img {
                opacity: 1
            }

            .tabs_sub_link {
                font-weight: 400;
                font-size: 20px;
                line-height: 21px;
                margin-bottom: 20px;
                display: block;
                color: #fff
            }

            .tabs_sub_link:hover {
                color: #fff
            }

            .atp-slider-txt p {
                font-size: 30px;
                line-height: 35px
            }

            .atp-slider-txt p:nth-child(n+2) {
                font-size: 18px
            }

            .atp-grid-num p>span,
            .exp-iip p>span {
                font-size: 50px
            }

            .atp-grid-num p {
                font-size: 20px
            }

            .atp-grid-num p:nth-child(n+2) {
                width: 100%
            }

            #utilities,
            #communication_services {
                background-repeat: no-repeat !important;
                -webkit-background-size: cover !important;
                background-size: cover !important;
                background-position: center center !important;
                height: auto
            }

            #utilities {
                background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/utilities-case-studies.jpg)
            }

            #communication_services {
                background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/utilities-case-studies.jpg)
            }

            #utilities p,
            #communication_services p {
                width: 70%
            }

            .minus-top-grid {
                margin-top: 50px
            }

            .cs-txt {
                margin-top: 30px;
                text-align: left
            }

            .cs-bdr {
                margin-bottom: 20px
            }

            .slider-single h3 {
                text-align: center;
                margin-bottom: 10px
            }

            #petagon_modal_carousel .item .h5 {
                font-size: 50px
            }

            #petagon_modal_carousel .owl-dots {
                display: none
            }

            #petagon_modal_carousel .item {
                left: 0%;
                width: auto
            }

            #petagon_modal_carousel .owl-prev,
            #petagon_modal_carousel .owl-next {
                background-repeat: no-repeat;
                width: 32px;
                height: 32px !important;
                text-indent: -9999px;
                position: absolute !important;
                top: unset !important;
                -webkit-transition: all 0.3s ease-in-out;
                -moz-transition: all 0.3s ease-in-out;
                transition: all 0.3s ease-in-out
            }

            #petagon_modal_carousel .owl-prev {
                background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/pentagone-left-arrow.png);
                left: 200px
            }

            #petagon_modal_carousel .owl-next {
                background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/pentagone-right-arrow.png);
                right: 200px
            }

            @keyframes open-anim {
                0% {
                    transform: translateX(0%) scale(0)
                }

                100% {
                    transform: translateX(0%) scale(1)
                }
            }

            @keyframes close-anim {
                0% {
                    transform: translateX(0%) scale(1)
                }

                100% {
                    transform: translateX(0%) scale(0)
                }
            }

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

            @media screen and (max-width:990px) {
                .iframe-height-reg {
                    width: 100%;
                    height: 600px !important
                }
            }

            @media screen and (max-width:800px) {

                .iframe-width,
                .iframe-height-investors,
                .iframe-height-about {
                    height: 806px
                }

                .iframe-height-reg {
                    width: 100%;
                    height: 600px !important
                }

               /* li.trigger-share {
                    top: 0
                }*/
            }

            @media screen and (max-width:768px) {

                .iframe-width,
                .iframe-height-investors,
                .iframe-height-about {
                    height: 806px
                }

                .iframe-height-reg {
                    width: 100%;
                    height: 600px !important
                }

                .hero-list1 {
                    width: 70%
                }
            }

            @media screen and (max-width:767px) {
                .flat-img-mob {
                    position: absolute !important;
                    height: 100% !important;
                    max-width: initial !important
                }

                .iframe-height-reg {
                    width: 100%;
                    height: 600px !important
                }

                .cookie-outer {
                    top: unset;
                    bottom: 0
                }

                .cookie-outer span {
                    padding: 5px 15px
                }

                .iframe-width,
                .iframe-height-investors,
                .iframe-height-about {
                    height: 806px
                }

                #videoModal button.close {
                    top: -60px;
                    right: 0
                }

                .btn-shutter {
                    color: #000;
                    border: 1px solid #000;
                    position: relative;
                    z-index: 1;
                    display: inline-block;
                    background-color: #fff;
                    -webkit-transition: all 0.3s ease-in-out;
                    -moz-transition: all 0.3s ease-in-out;
                    -ms-transition: all 0.3s ease-in-out;
                    -o-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                    padding: 5px 15px;
                    -webkit-border-radius: 0;
                    -moz-border-radius: 0;
                    border-radius: 0;
                    letter-spacing: 1.5px;
                    font-weight: 900
                }

                .btn-shutter:before {
                    content: '';
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 0;
                    -webkit-transition: all 0.3s ease-in-out;
                    -moz-transition: all 0.3s ease-in-out;
                    -ms-transition: all 0.3s ease-in-out;
                    -o-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                    background-color: #000;
                    z-index: -1
                }

                .btn-shutter:hover {
                    border: 1px solid #000;
                    background-color: transparent;
                    color: #fff
                }

                .btn-shutter:hover:before {
                    width: 100%
                }

                .btn-shutter-black {
                    color: #000;
                    border: 1px solid #000;
                    position: relative;
                    z-index: 1;
                    display: inline-block;
                    background-color: #fff;
                    -webkit-transition: all 0.3s ease-in-out;
                    -moz-transition: all 0.3s ease-in-out;
                    -ms-transition: all 0.3s ease-in-out;
                    -o-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                    padding: 5px 15px;
                    -webkit-border-radius: 0;
                    -moz-border-radius: 0;
                    border-radius: 0;
                    letter-spacing: 1.5px;
                    font-weight: 900
                }

                .btn-shutter-black:before {
                    content: '';
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 0;
                    -webkit-transition: all 0.3s ease-in-out;
                    -moz-transition: all 0.3s ease-in-out;
                    -ms-transition: all 0.3s ease-in-out;
                    -o-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                    background-color: #000;
                    z-index: -1
                }

                .btn-shutter-black:hover {
                    border: 1px solid #000;
                    background-color: transparent;
                    color: #fff
                }

                .btn-shutter-black:hover:before {
                    width: 100%
                }

                .btn-shutter-more {
                    color: #fff;
                    border: 1px solid #fff;
                    position: relative;
                    z-index: 1;
                    display: inline-block;
                    background-color: transparent;
                    -webkit-transition: all 0.3s ease-in-out;
                    -moz-transition: all 0.3s ease-in-out;
                    -ms-transition: all 0.3s ease-in-out;
                    -o-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                    padding: 12px 50px;
                    -webkit-border-radius: 0;
                    -moz-border-radius: 0;
                    border-radius: 0;
                    letter-spacing: 1.5px;
                    margin-top: 20px;
                    font-weight: 700;
                    font-size: 14px
                }

                .btn-shutter-more:before {
                    content: '';
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 0;
                    -webkit-transition: all 0.3s ease-in-out;
                    -moz-transition: all 0.3s ease-in-out;
                    -ms-transition: all 0.3s ease-in-out;
                    -o-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                    background-color: #000;
                    z-index: -1
                }

                .btn-shutter-more:hover {
                    border: 1px solid #000;
                    background-color: transparent;
                    color: #fff
                }

                .btn-shutter-more:hover:before {
                    width: 100%
                }

                .slider-overlay-black,
                .slider-overlay-white,
                .slider-overlay-sapphire,
                .slider-overlay-coral,
                .slider-overlay-topaz,
                .slider-overlay-jade,
                .slider-overlay-amethyst,
                .slider-overlay-onyx {
                    height: 100%;
                    left: 0;
                    position: absolute;
                    top: 0;
                    width: 100%
                }

                .slider-overlay-black {
                    background-color: rgba(0, 0, 0, .45)
                }

                .slider-overlay-white {
                    background-color: rgba(255, 255, 255, .45)
                }

                .slider-overlay-sapphire {
                    background-color: rgba(6, 24, 56, .45)
                }

                .slider-overlay-coral {
                    background-color: rgba(76, 5, 25, .45)
                }

                .slider-overlay-topaz {
                    background-color: rgba(47, 17, 19, .45)
                }

                .slider-overlay-jade {
                    background-color: rgba(9, 50, 29, .45)
                }

                .slider-overlay-amethyst {
                    background-color: rgba(55, 34, 97, .45)
                }

                .slider-overlay-onyx {
                    background-color: rgba(63, 63, 63, .45)
                }

                .text-center-xs {
                    text-align: center
                }

                .inline-xs {
                    display: inline
                }

                .mt-xs-0 {
                    margin-top: 0
                }

                .mt-xs-20 {
                    margin-top: 20px
                }

                .mt-xs-145 {
                    margin-top: 145px
                }

                .mb-xs-0 {
                    margin-bottom: 0
                }

                .mb-xs-10 {
                    margin-bottom: 10px
                }

                .mb-xs-20 {
                    margin-bottom: 20px
                }

                .mb-xs-40 {
                    margin-bottom: 40px
                }

                .mb-xs-50 {
                    margin-bottom: 50px
                }

                .size-xs-30 {
                    font-size: 30px
                }

                .size-xs-40 {
                    font-size: 40px
                }

                .size-xs-25 {
                    font-size: 25px
                }

                .pull-left-xs {
                    float: left !important
                }

                .h1-heading {
                    font-size: 50px;
                    line-height: 50px;
                    margin-top: 25px
                }

                .h2-heading {
                    font-size: 40px;
                    line-height: 40px
                }

                .para-txt {
                    font-size: 20px;
                    line-height: 25px;
                    font-weight: 300
                }

                .title-sml {
                    font-size: 22px;
                    line-height: 28px;
                    letter-spacing: 0
                }

                .row-eq-ht {
                    overflow: hidden
                }

                .col-eq-ht {
                    height: auto;
                    margin: 0;
                    padding: 0
                }

                .caption-txt>a,
                .lng-txt>a {
                    font-size: 22px;
                    color: #000;
                    font-weight: 400;
                    line-height: 29.5px;
                    letter-spacing: -.5px;
                    margin-bottom: 0;
                    z-index: 1
                }

                .lng-txt {
                    line-height: initial
                }

                .insight-text {
                    font-size: 20px
                }

                #insights [class*="col-md"] {
                    margin-bottom: 25px
                }

                .txt-reseach::before {
                    bottom: 0
                }

                .portal-mob {
                    bottom: 60px;
                    position: absolute;
                    width: 100%;
                    z-index: 2
                }

                .slider,
                #hero_slider {
                    height: 480px
                }

                .repeated-css {
                    height: 480px
                }

                .slide-image {
                    right: 0
                }

                .owl-dots {
                    bottom: 10px
                }

                .slider-overlay {
                    background-color: rgba(0, 0, 0, .25);
                    height: 100%;
                    left: 0;
                    position: absolute;
                    top: 0;
                    width: 100%
                }

                #hero_slider_carousel .caption a {
                    margin-top: 0;
                    padding: 5px
                }

                .hidden-scroll {
                    overflow: hidden ;
                    -webkit-overflow-scrolling: hidden !important;
                    -moz-overflow-scrolling: hidden !important;
                    -ms-overflow-scrolling: hidden !important;
                    -o-overflow-scrolling: hidden !important;
                    position: relative
                }

                #L2_home_banner {
                    height: 315px;
                    position: relative
                }

                #sml_ht_home_banner {
                    padding: 100px 0 25px
                }

                .l-top {
                    margin-top: 25px
                }

                #main-text-body {
                    padding: 75px 0
                }

                #main-text-body h3,
                #main-text-body h4,
                #main-text-body h5,
                #main-text-body h5>a,
                #main-text-body h6 {
                    margin-bottom: 15px;
                    margin-top: 0;
                    font-weight: 900;
                    letter-spacing: -1px
                }

                #main-text-body h2 {
                    font-size: 30px
                }

                #main-text-body .h2-heading {
                    font-size: 30px;
                    line-height: 30px
                }

                #main-text-body h3 {
                    font-size: 25px
                }

                #main-text-body h4 {
                    font-size: 22px
                }

                #main-text-body h5,
                h5>a,
                #main-text-body h6 {
                    font-size: 20px
                }

                .main-text-body-investors h1 {
                    font-size: 40px;
                    line-height: 40px;
                    margin-top: 25px;
                    font-family: 'tungstenw05-medium', 'Oswald', sans-serif;
                    ;
                    font-weight: 500
                }

                .main-text-body-investors h4 {
                    font-size: 20px !important
                }

                .align-left {
                    float: none;
                    margin-right: 0;
                    margin-bottom: 15px !important;
                    clear: both;
                    border: 1px solid #ccc
                }

                .table-wrap>thead>tr>th {
                    border-bottom-width: 1px
                }

                .table-wrap table tr th {
                    font-weight: 600;
                    border-bottom-width: 1px;
                    background-color: #f1f1f1;
                    padding-bottom: 10px;
                    padding-top: 10px
                }

                .table-wrap table tr td {
                    padding: 10px 10px 10px 50%;
                    font-size: 14px
                }

                .table-wrap table {
                    border: 0 solid #ddd
                }

                .table-wrap table tr {
                    display: block;
                    padding: 0;
                    margin-bottom: 20px
                }

                .table-wrap table td {
                    display: block;
                    padding: 10px 0
                }

                .table-wrap table thead {
                    position: absolute;
                    top: -9999px;
                    left: -9999px
                }

                .table-wrap table tr {
                    border: 1px solid #ccc
                }

                .table-wrap table tr td:last-child {
                    border: 0 solid #ccc
                }

                .table-wrap table td {
                    border: none;
                    border-bottom: 1px solid #ccc;
                    position: relative;
                    padding-left: 50%;
                    white-space: normal;
                    text-align: left
                }

                .table-wrap table td:before {
                    font-size: 14px;
                    color: #000;
                    text-align: left;
                    font-weight: 600;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 45%;
                    padding-right: 10px;
                    height: 100%;
                    background-color: #f1f1f1;
                    padding-left: 10px;
                    border-bottom: 1px solid #fff;
                    padding-top: 10px
                }

                .table-wrap table td:last-child:before {
                    border-bottom: 0 solid #fff
                }

                .table-wrap table td:before {
                    content: attr(title)
                }

                #slider_list_carousel .owl-nav .owl-prev {
                    left: 0px !important
                }

                #slider_list_carousel .owl-nav .owl-next {
                    right: 0px !important
                }

                #slider_list_carousel .owl-dots {
                    bottom: -40px
                }

                #slider_list_carousel.owl-theme .owl-dots .owl-dot {
                    margin: 0 8px
                }

                #slider_list_carousel.owl-theme .owl-dots .owl-dot span {
                    box-shadow: 0 0 0 2px #000 inset
                }

                #slider_list_carousel.owl-theme .owl-dots .owl-dot span::after {
                    background-color: #000;
                    box-shadow: 0 0 1px #000
                }

                .navbar-default .navbar-collapse,
                .navbar-default .navbar-form {
                    border-color: transparent
                }

                .navbar-default .navbar-nav>.open>a,
                .navbar-default .navbar-nav>.open>a:focus,
                .navbar-default .navbar-nav>.open>a:hover {
                    background-color: transparent;
                    color: #ffffff !important
                }

                .navbar-default .navbar-nav>li>a:focus,
                .navbar-default .navbar-nav>li>a:hover {
                    background-color: transparent;
                    color: #fff !important;
                    opacity: .75
                }

                .navbar-default {
                    border-color: transparent;
                    background-color: transparent
                }

                .navbar-brand {
                    padding: 5px 15px 0
                }

                .navbar {
                    margin-bottom: 0;
                    min-height: auto
                }

                .navbar-default .navbar-nav>li>a {
                    color: #fff;
                    font-size: 16px;
                    margin: 0 8px;
                    font-weight: 300
                }

                .breadcrumb-menu {
                    margin-top: -1px
                }

                .listmenu {
                    position: relative;
                    width: 100%;
                    padding: 0;
                    z-index: 2
                }

                .hero-list {
                    position: absolute;
                    width: 100%;
                    margin-top: 125px
                }

                .hero-list1 {
                    margin-top: 0;
                    padding: 8px 0;
                    position: fixed;
                    width: auto;
                    margin-left: 72%;
                    margin-right: 0%
                }

                .hero-list1>ol.rmv-breadcrum>li,
                .hero-list1>ol.rmv-breadcrum>li>a {
                    color: #000;
                    font-size: 16px
                }

                .hero-list1 .dropdown-menu {
                    margin-top: -37px
                }

                .hero-list1>ol.rmv-breadcrum>li.open>a {
                    color: #DF9926
                }

                ol.rmv-breadcrum {
                    background-color: transparent;
                    margin-bottom: 0;
                    padding: 0;
                    -webkit-border-radius: 0;
                    -moz-border-radius: 0;
                    border-radius: 0
                }

                ol.rmv-breadcrum>li+li::before {
                    content: " "
                }

                ol.rmv-breadcrum>li,
                ol.rmv-breadcrum>li>a {
                    color: #fff;
                    font-size: 14px;
                    text-decoration: none
                }

                ol.rmv-breadcrum>li>a {
                    font-weight: 300
                }

                ol.rmv-breadcrum>li:last-child,
                ol.rmv-breadcrum>li:last-child>a {
                    font-weight: 400
                }

                ol.visible-list>li:nth-child(4) {
                    font-size: 17px
                }

                .sticky-icons>li>a>img.share-icon {
                    width: 17px;
                    height: 55px;
                    margin-right: 20px;
                    display: block;
                    padding: 18px 0
                }

                .sticky-icons>li>a.small {
                    font-weight: 600
                }

                #like-what-you-see {
                    margin-right: 0;
                    padding-right: 0;
                    position: relative;
                    left: -45px;
                    top: -18px;
                    color: #000;
                    font-size: 25px;
                    font-weight: 900
                }

                .small img.arrow-right-header {
                    position: relative;
                    left: -7px;
                    -webkit-transition: all 0.5s ease 0s;
                    -moz-transition: all 0.5s ease 0s;
                    -ms-transition: all 0.5s ease 0s;
                    -o-transition: all 0.5s ease 0s;
                    transition: all 0.5s ease 0s
                }

                .small:hover img.arrow-right-header {
                    left: 5px
                }

                .arrow-right-header {
                    margin-left: 10px;
                    max-width: 17px
                }

                .hidden-list {
                    display: none !important
                }

                .visible-list {
                    display: block !important
                }

                .hero-list1>.visible-list {
                    margin: 0
                }

                .pos-right {
                    margin-right: 100px
                }

                .mega-dropdown-menu {
                    border: 0
                }

                .mega-dropdown {
                    position: static !important
                }

                .mega-dropdown>a {
                    -webkit-transition: all 0s cubic-bezier(0, 0, 0, 0);
                    -moz-transition: all 0s cubic-bezier(0, 0, 0, 0);
                    -ms-transition: all 0s cubic-bezier(0, 0, 0, 0);
                    -o-transition: all 0s cubic-bezier(0, 0, 0, 0);
                    transition: all 0s cubic-bezier(0, 0, 0, 0)
                }

                .mega-dropdown-menu {
                    padding: 20px 0;
                    width: 100%;
                    -webkit-box-shadow: none;
                    -moz-box-shadow: none;
                    box-shadow: none;
                    -webkit-border-radius: 0;
                    -moz-border-radius: 0;
                    border-radius: 0
                }

                .mega-dropdown-menu>li>ul {
                    padding: 0;
                    margin: 0
                }

                .mega-dropdown-menu>li>ul>li {
                    list-style: none
                }

                .mega-dropdown-menu>li>ul>li>a {
                    display: block;
                    padding: 3px 0;
                    clear: both;
                    font-weight: 400;
                    font-size: 14px;
                    color: #000;
                    white-space: normal
                }

                .mega-dropdown-menu>li ul>li>a:hover,
                .mega-dropdown-menu>li ul>li>a:focus {
                    text-decoration: none;
                    color: #DF9926
                }

                li>a>.angle-down {
                    font-size: 20px;
                    position: relative;
                    top: 2px;
                    left: 5px
                }

                li.open>a>.angle-down {
                    -webkit-transform: rotate(-90deg);
                    -moz-transform: rotate(-90deg);
                    -ms-transform: rotate(-90deg);
                    -o-transform: rotate(-90deg);
                    transform: rotate(-90deg);
                    -webkit-transition: all 0.5s ease 0s;
                    -moz-transition: all 0.5s ease 0s;
                    -ms-transition: all 0.5s ease 0s;
                    -o-transition: all 0.5s ease 0s;
                    transition: all 0.5s ease 0s
                }

                li>a>.reverseArrow {
                    -webkit-transform: rotate(-90deg);
                    -moz-transform: rotate(-90deg);
                    -ms-transform: rotate(-90deg);
                    -o-transform: rotate(-90deg);
                    transform: rotate(-90deg);
                    -webkit-transition: all 0.5s ease 0s;
                    -moz-transition: all 0.5s ease 0s;
                    -ms-transition: all 0.5s ease 0s;
                    -o-transition: all 0.5s ease 0s;
                    transition: all 0.5s ease 0s
                }

                li.open>a>.reverseArrow {
                    -webkit-transform: rotate(0deg);
                    -moz-transform: rotate(0deg);
                    -ms-transform: rotate(0deg);
                    -o-transform: rotate(0deg);
                    transform: rotate(0deg);
                    -webkit-transition: all 0.5s ease 0s;
                    -moz-transition: all 0.5s ease 0s;
                    -ms-transition: all 0.5s ease 0s;
                    -o-transition: all 0.5s ease 0s;
                    transition: all 0.5s ease 0s
                }

                .dropdown-menu {
                    margin: 0;
                    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
                    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
                    -o-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
                    box-shadow: 0 0 10px rgba(0, 0, 0, .6)
                }

                .mega-dropdown-menu .dropdown-header,
                .mega-dropdown-menu .dropdown-header>a {
                    color: #000;
                    font-size: 14px;
                    font-weight: 700;
                    padding: 3px 0
                }

                .mega-dropdown-menu .dropdown-header>a {
                    padding: 0
                }

                .mega-dropdown-menu form {
                    margin: 3px 20px
                }

                .mega-dropdown-menu .form-group {
                    margin-bottom: 3px
                }

                .learn,
                .innovate,
                .automate {
                    background-repeat: no-repeat !important;
                    -webkit-background-size: cover !important;
                    background-size: cover !important;
                    background-position: center center !important;
                    color: #fff;
                    padding-top: 25px;
                    position: relative;
                    top: 655px;
                    margin: 0;
                    height: 182px
                }

                .automate {
                    background-position: left center
                }

                .innovate {
                    background-position: left center
                }

                .learn {
                    background-position: left center
                }

                .head-txt {
                    font-size: 30px;
                    margin-bottom: 5px;
                    font-weight: 900
                }

                .sub-head {
                    font-style: italic;
                    font-weight: 400;
                    letter-spacing: .7px
                }

                .head-txt,
                .sub-head {
                    padding: 0
                }

                .submenu-portion {
                    width: 100%;
                    background-color: #F2F2F2;
                    height: 125vh;
                    padding: 60px 15px 30px
                }

                .hear-txt-sub {
                    font-weight: 600;
                    color: #000;
                    font-size: 18px
                }

                .menu .align-list>ul>li {
                    font-size: 14px;
                    color: #000;
                    margin: 8px 0
                }

                .align-list>ul>li>a {
                    color: #303030
                }

                .align-list>ul>li>a:hover {
                    color: rgb(97, 184, 209)
                }

                .logo-inner {
                    margin: 20px 0
                }

                .menu-bg,
                .burger {
                    margin-right: 5px
                }

                .scrollbg-show .burger.open {
                    right: 10px;
                    top: 0px !important
                }

                .burger.open {
                    background-color: #FFF;
                    width: 50px;
                    height: 50px;
                    -webkit-border-radius: 50%;
                    -moz-border-radius: 50%;
                    border-radius: 50%;
                    right: 0
                }

                .show-strip .burger.open {
                    top: 0px;
                }

                .open>.collapse {
                    top: 1px !important
                }

                .circle {
                    right: 30px
                }

                .circle.expand {
                    right: -100px
                }

                .menu {
                    overflow-y: scroll;
                    display: none;
                    height: 100vh;
                    position: absolute;
                    right: 0;
                    top: 0;
                    width: 100vw
                }

                .menu ul li {
                    margin-bottom: 20px;
                    position: relative
                }

                .un-line {
                    position: absolute;
                    bottom: -1px;
                    height: 3px;
                    width: 0;
                    left: 0;
                    background-color: #333;
                    -webkit-transition: all 600ms cubic-bezier(.86, 0, .07, 1);
                    -moz-transition: all 600ms cubic-bezier(.86, 0, .07, 1);
                    -ms-transition: all 600ms cubic-bezier(.86, 0, .07, 1);
                    -o-transition: all 600ms cubic-bezier(.86, 0, .07, 1);
                    transition: all 600ms cubic-bezier(.86, 0, .07, 1)
                }

                .menuItems>ul>li>a:hover .un-line {
                    width: 26px
                }

                .menuItems>ul>li.smalltext {
                    margin-bottom: 10px
                }

                .menuItems>ul>li.smalltext>a {
                    color: #686868;
                    font-weight: 400;
                    font-size: 18px;
                    text-decoration: none
                }

                .menuItems>ul>li>a:hover,
                .menuItems>ul>li.smalltext>a:hover {
                    color: #000
                }

                .menuItems>ul>li.social-icons {
                    margin-top: 25px;
                    display: inline-block;
                    margin-bottom: 0;
                    margin-left: 15px
                }

                .opacity-zero {
                    opacity: 0;
                    -webkit-transition: all 0.3s ease-out 0.3s;
                    -moz-transition: all 0.3s ease-out 0.3s;
                    -ms-transition: all 0.3s ease-out 0.3s;
                    -o-transition: all 0.3s ease-out 0.3s;
                    transition: all 0.3s ease-out 0.3s
                }

                .bg-trans {
                    background-color: rgba(255, 255, 255, 0);
                    -webkit-transition: all 0.3s ease-out 0.3s;
                    -moz-transition: all 0.3s ease-out 0.3s;
                    -ms-transition: all 0.3s ease-out 0.3s;
                    -o-transition: all 0.3s ease-out 0.3s;
                    transition: all 0.3s ease-out 0.3s
                }

                .progressbar {
                    position: absolute;
                    bottom: -3px;
                    width: 100%;
                    height: 2px;
                    z-index: 1110
                }

                .progressbar .width {
                    background-color: #92D1FF;
                    height: 3px;
                    width: 0
                }

                @keyframes show-strip {
                    0% {
                        opacity: 0;
                        transform: translateY(0)
                    }

                    50% {
                        opacity: 1;
                        transform: translateY(5px)
                    }

                    100% {
                        transform: translateY(0)
                    }
                }

                .show-strip {
                    background-color: #fff;
                    -webkit-animation: show-strip 0.5s steps(9) forwards;
                    -moz-animation: show-strip 0.5s steps(10) infinite;
                    -ms-animation: show-strip 0.5s steps(10) infinite;
                    -o-animation: show-strip 0.5s steps(10) infinite;
                    animation: show-strip 0.5s steps(9) forwards
                }

                .show-strip>.mt45 {
                    margin-top: 0;
                    padding: 15px 15px 0;
                    height: auto
                }

                /*li.trigger-share {
                    background-color: #FFF;
                    margin-right: 15px;
                    position: relative;
                    top: 3px;
                    left: -15px
                }*/

                ul.social-share>li>a {
                    font-size: 18px;
                    color: #333
                }

                li.slideout {
                    width: 40px;
                    height: 40px;
                    background-color: #fff;
                    text-align: center;
                    padding: 5px !important;
                    border-bottom-left-radius: 10px;
                    border-bottom-right-radius: 10px
                }

                li.slideout:nth-child(1) {
                    -webkit-transform: translateY(55px);
                    -moz-transform: translateY(55px);
                    -ms-transform: translateY(55px);
                    -o-transform: translateY(55px);
                    transform: translateY(55px)
                }

                li.slideout:nth-child(2) {
                    -webkit-transform: translateX(0) translateY(85px);
                    -moz-transform: translateX(0) translateY(85px);
                    -ms-transform: translateX(0) translateY(85px);
                    -o-transform: translateX(0) translateY(85px);
                    transform: translateX(0) translateY(85px)
                }

                li.slideout:nth-child(3) {
                    -webkit-transform: translateY(110px);
                    -moz-transform: translateY(110px);
                    -ms-transform: translateY(110px);
                    -o-transform: translateY(110px);
                    transform: translateY(110px)
                }

                li.slideout:nth-child(4) {
                    -webkit-transform: translateX(0) translateY(140px);
                    -moz-transform: translateX(0) translateY(140px);
                    -ms-transform: translateX(0) translateY(140px);
                    -o-transform: translateX(0) translateY(140px);
                    transform: translateX(0) translateY(140px)
                }

                .menu-bg.no-scroll {
                    right: 10px
                }

                .burger.no-scroll {
                    right: 23px
                }

                .navbar-brand.no-scroll {
                    margin-left: 0 !important
                }

                .plr-xs-0 {
                    padding-left: 0;
                    padding-right: 0
                }

                .mb-xs-10 {
                    margin-bottom: 10px
                }

                .pt-sm-0 {
                    padding-top: 0
                }

                #home_section {
                    height: 480px
                }

                #ai_powered_core,
                #agile_digital_scale,
                #learn {
                    width: 100%;
                    height: auto
                }

                #ai_powered_core,
                #agile_digital_scale,
                #learn {
                    padding: 100px 0
                }

                #do_more {
                    padding-top: 75px
                }

                .w-100 {
                    width: 100%
                }

                .bg-yellow {
                    background-color: #DF9926
                }

                .bg-grey {
                    background-color: #f0f0f0
                }

                .btn-no-effect {
                    border-radius: 0;
                    font-size: 14px;
                    font-weight: 600;
                    letter-spacing: 1px;
                    padding: 12px 20px;
                    text-decoration: none
                }

                .btn-no-effect.dark {
                    background-color: rgba(47, 17, 19, .3);
                    color: #fff
                }

                .btn-no-effect.dark strong {
                    font-size: 22px;
                    margin-bottom: 10px;
                    font-weight: 300
                }

                .btn-no-effect.light {
                    background-color: transparent;
                    border: 1px solid #fff;
                    color: #fff
                }

                .bg-video .content {
                    position: initial;
                    width: 100%;
                    height: 100%;
                    overflow: hidden;
                    outline: medium none;
                    background: transparent;
                    backface-visibility: hidden
                }

                .bg-video .background {
                    filter: blur(2px);
                    opacity: 1;
                    backface-visibility: hidden;
                    background-position: center center;
                    background-size: cover;
                    height: 100%;
                    left: 0;
                    position: absolute;
                    top: 0;
                    width: 100%;
                    z-index: -1;
                    overflow: hidden
                }

                .background video {
                    background-size: cover;
                    height: auto;
                    left: 50%;
                    min-height: 100%;
                    min-width: 100%;
                    position: absolute;
                    top: 50%;
                    transform: translateX(-50%) translateY(-50%);
                    width: auto;
                    z-index: -100
                }

                .fullCoverImg {
                    background-position: center center;
                    background-repeat: no-repeat;
                    left: 0;
                    position: absolute;
                    top: 0;
                    width: 100%;
                    height: 100%
                }

                .fullCoverImg-left {
                    background-position: center center;
                    background-repeat: no-repeat;
                    left: 0;
                    position: absolute;
                    top: 0;
                    width: 100%;
                    height: 100%
                }

                .fullscreen-overlay-xs {
                    position: absolute;
                    top: 0;
                    left: 0;
                    bottom: 0;
                    right: 0;
                    background: rgba(0, 0, 0, .3)
                }

                #home_section .content .animateThird {
                    margin-top: 0
                }

                #home_section .content .btn-shutter-more {
                    margin-top: 30px
                }

                .content .btn-shutter-more {
                    margin-top: 300px
                }

                .ai-powered-core-img {
                    background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/energize-the-core-mob.png)
                }

                .agile-digital-bg-img {
                    background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/agile-digital-mob.png)
                }

                .learn-bg-img {
                    background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/always-learning-mob.png)
                }

                .home-heading,
                .home-second-heading {
                    font-size: 50px;
                    line-height: 50px
                }

                .home-first-heading-top {
                    padding: 150px 0 100px
                }

                .fullpage-first-desc {
                    font-size: 17.5px;
                    line-height: 22.5px;
                    font-weight: 400
                }

                .fullpage-desc {
                    font-size: 20px;
                    line-height: 23.5px;
                    font-weight: 400
                }

                .fullpage-second-title {
                    font-size: 14px;
                    font-weight: 400;
                    opacity: .7
                }

                .fullpage-second-desc {
                    font-weight: 700
                }

                .fullpage-second-more {
                    font-size: 16px;
                    letter-spacing: 1.5px;
                    font-weight: 700
                }

                .sticky-left-nav {
                    display: none
                }

                .animateFirst,
                .animateSecond,
                .animateThird,
                .animateFourth {
                    opacity: 1
                }

                .scroll-down {
                    display: none
                }

                .grid-do_more {
                    position: relative
                }

                .grid-do_more>.p0>a {
                    color: #fff
                }

                .grid-do_more>.p0>a:hover,
                .grid-do_more>.p0>a:focus {
                    color: #fff;
                    text-decoration: none
                }

                .grid-do_more figure {
                    position: relative;
                    float: left;
                    overflow: hidden;
                    width: 100%;
                    background-color: #fff;
                    cursor: pointer
                }

                .grid-do_more figure img {
                    position: relative;
                    top: 0;
                    display: block;
                    -webkit-transform: scale(1);
                    transform: scale(1);
                    -webkit-transition: .5s ease-in-out;
                    transition: .5s ease-in-out
                }

                .grid-do_more figure figcaption::before,
                .grid-do_more figure figcaption::after {
                    pointer-events: none
                }

                .grid-do_more figure figcaption {
                    -webkit-backface-visibility: hidden;
                    backface-visibility: hidden;
                    position: absolute;
                    bottom: 40px;
                    left: 15px;
                    right: 15px;
                    height: auto;
                    max-height: none;
                    -webkit-transition: .5s ease-in-out;
                    transition: .5s ease-in-out
                }

                .grid-do_more figure:hover img {
                    -webkit-transform: scale(1);
                    transform: scale(1)
                }

                .grid-do_more figure:hover figcaption {
                    height: auto;
                    max-height: none;
                    bottom: 40px
                }

                .grid-do_more figure figcaption,
                .grid-do_more figure:hover figcaption {
                    top: unset !important;
                    bottom: 0
                }

                .bottom-gradient-do_more {
                    background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, .2) 100%) repeat scroll 0 0;
                    bottom: 0;
                    left: 0;
                    position: absolute;
                    right: 0;
                    top: 0
                }

                .do_more-grid-title {
                    color: #fff;
                    font-size: 22px;
                    line-height: 25px;
                    font-weight: 700;
                    margin-bottom: 10px
                }

                .do_more-grid-desc {
                    color: #fff;
                    font-size: 18px;
                    line-height: 23px;
                    font-weight: 300;
                    margin-bottom: 20px
                }

                .half-img-container {
                    position: inherit;
                    padding-top: 0
                }

                .half-img {
                    position: inherit;
                    top: 0
                }

                .expandHead {
                    padding: 20px 10px
                }

                .expandHead h5 {
                    color: #000;
                    font-size: 20px;
                    line-height: 25px;
                    margin: 0 auto;
                    max-width: 90%;
                    font-weight: 700
                }

                .doMoreExpand {
                    background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/arrow-right-mob.svg);
                    background-repeat: no-repeat;
                    background-size: cover;
                    border-radius: 50%;
                    color: #fff;
                    display: inline-block;
                    font-size: 0;
                    font-weight: 700;
                    height: 30px;
                    line-height: 25px;
                    margin: 10px auto;
                    width: 30px
                }

                .expand-container {
                    position: inherit
                }

                .expandWrpr h2 {
                    color: #061838;
                    font-size: 22px
                }

                .expandWrpr p {
                    color: #061838;
                    font-size: 16px;
                    margin-top: 20px;
                    font-weight: 700
                }

                .expandWrpr {
                    animation-duration: 0.4s;
                    animation-fill-mode: forwards;
                    animation-name: wrprOpen;
                    animation-timing-function: ease-in-out;
                    color: #fff;
                    font-size: 30px;
                    height: 0;
                    margin-top: 0;
                    overflow: hidden;
                    z-index: 1
                }

                @keyframes wrprOpen {
                    0% {
                        height: 0;
                        margin-top: 0;
                        padding: 0
                    }

                    100% {
                        height: 400px;
                        margin-top: -317px;
                        padding: 15px
                    }
                }

                .contractWrpr {
                    animation-duration: 0.4s;
                    animation-fill-mode: forwards;
                    animation-name: wrprClose;
                    animation-timing-function: ease-in-out;
                    height: 400px;
                    margin-top: -315px
                }

                @keyframes wrprClose {
                    0% {
                        height: 400px;
                        margin-top: -315px;
                        padding: 20px
                    }

                    100% {
                        height: 0;
                        margin-top: 0;
                        padding: 0
                    }
                }

                .closeWrpr {
                    background-color: #fff;
                    background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/explore_expand.svg);
                    background-size: contain;
                    border-radius: 50%;
                    cursor: pointer;
                    float: right;
                    height: 38px;
                    margin-right: 0;
                    margin-top: -295px;
                    opacity: 0;
                    transform: rotate(45deg);
                    width: 38px;
                    z-index: 1
                }

                .closeWrprAnim {
                    animation-delay: 0.4s;
                    animation-duration: 0.2s;
                    animation-fill-mode: forwards;
                    animation-name: ctaShow
                }

                @keyframes ctaShow {
                    0% {
                        opacity: 0
                    }

                    100% {
                        opacity: 1
                    }
                }

                .aboutus-grid-title {
                    font-size: 20px;
                    font-weight: 600;
                    color: #000;
                    margin-bottom: 0
                }

                .aboutus-grid-title>span {
                    font-size: 30px;
                    vertical-align: middle
                }

                .aboutus-grid-desc {
                    color: #333;
                    font-size: 15px;
                    font-weight: 400;
                    max-width: 190px;
                    margin: 0 auto
                }

                .video-play-icon {
                    height: 50px;
                    left: 50%;
                    margin-left: -25px;
                    margin-top: -25px;
                    position: absolute;
                    top: 50%;
                    width: 50px;
                    cursor: pointer
                }

                .video-close-icon {
                    position: absolute;
                    right: 0;
                    top: 0;
                    width: 50px;
                    cursor: pointer;
                    display: none
                }

                .video-img-container .video-caption {
                    bottom: 0;
                    color: #fff;
                    font-size: 20px;
                    line-height: 25px;
                    left: 0;
                    padding: 10px 20px;
                    position: absolute;
                    width: 100%
                }

                .aboutus-inthenews-head {
                    font-size: 30px;
                    line-height: 30px
                }

                .aboutus-inthenews-row.no-border {
                    border-bottom: none
                }

                .aboutus-inthenews-row a {
                    color: #333;
                    font-size: 20px;
                    line-height: 22.5px;
                    font-weight: 400
                }

                .aboutus-inthenews-row .view-all.light {
                    color: #0076ff;
                    font-size: 14px;
                    font-weight: 700;
                    margin-left: 0;
                    padding-top: 0
                }

                .aboutus-inthenews-row a:hover,
                .aboutus-inthenews-row a:focus {
                    text-decoration: none
                }

                #aboutus_video .modal-content,
                #career_video .modal-content {
                    background-color: transparent;
                    box-shadow: none;
                    border: none
                }

                #career_video .modal-dialog {
                    margin-top: 100px
                }

                .show-on-image {
                    cursor: pointer
                }

                .show-on-video {
                    display: none
                }

                .investors-news {
                    padding: 15px
                }

                .investors-news-title {
                    font-size: 30px;
                    line-height: 66px;
                    color: #FFF;
                    padding-top: 0;
                    margin-bottom: 10px;
                    font-weight: 300
                }

                .news-grid-imgs>img {
                    width: 100%
                }

                .robotics-date {
                    font-size: 15px;
                    line-height: 21px;
                    font-weight: 300;
                    color: #fff
                }

                .socail-more-twitter {
                    left: 0;
                    text-align: center;
                    top: 0 !important;
                    width: 100%
                }

                .recent-event-box {
                    padding: 0 20px 20px
                }

                .recent-event-row {
                    padding: 20px 0 10px
                }

                .recent-event-row.border-top {
                    border-top: 1px solid rgba(90, 90, 90, .22)
                }

                .recent-event-title {
                    color: #000;
                    font-size: 22px;
                    line-height: 28px;
                    margin-bottom: 0;
                    font-weight: 300
                }

                .recent-event-name {
                    color: #000;
                    font-size: 22px;
                    line-height: 28px;
                    margin-bottom: 0;
                    font-weight: 700;
                    margin-top: 10px
                }

                .recent-event-date {
                    font-size: 15px;
                    line-height: 21px;
                    color: #000;
                    margin-top: 10px;
                    margin-bottom: 0
                }

                .view-all.light {
                    color: #0076ff !important;
                    font-weight: 700;
                    margin-bottom: 0;
                    padding-top: 0;
                    padding-bottom: 10px
                }

                .img-stock-icon {
                    max-width: 30px;
                    position: absolute;
                    top: 10px;
                    left: 20px
                }

                .img-right-arrow {
                    max-width: 25px;
                    position: absolute;
                    top: 35px;
                    right: 15px
                }

                .investors-news-desc:hover .img-right-arrow {
                    right: 15px
                }

                .investors-download-icon {
                    max-width: 20px;
                    position: absolute;
                    right: 30px
                }

                .careers-img-container {
                    background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/careers-video-img.jpg);
                    background-position: center center;
                    background-size: cover;
                    min-height: 300px
                }

                .careers-employeespeak {
                    background-color: #f3f3f3;
                    bottom: -150px;
                    right: 0;
                    color: #000;
                    padding: 20px;
                    position: absolute;
                    margin: 0 2%;
                    width: 96%;
                    text-align: left
                }

                .employeespeak-head {
                    color: #333;
                    font-size: 14px;
                    margin-bottom: 10px
                }

                .employeespeak-content {
                    font-size: 17px;
                    font-weight: 400;
                    padding-left: 95px;
                    display: block
                }

                .img-employee {
                    border-radius: 50%;
                    display: inline-block;
                    float: left;
                    height: 85px;
                    margin-right: 10px;
                    width: 85px !important
                }

                #employeespeak_slider .owl-dots {
                    position: static;
                    text-align: center
                }

                #employeespeak_slider.owl-theme .owl-dots .owl-dot span {
                    margin: 0 5px;
                    width: 8px;
                    height: 8px
                }

                #employeespeak_slider.owl-theme .owl-dots .owl-dot.active span,
                #employeespeak_slider.owl-theme .owl-dots .owl-dot:hover span {
                    background-color: #fff
                }

                .careers-findopportunites {
                    font-size: 22px;
                    color: #3F3F3F;
                    margin-bottom: 15px
                }

                .career-vido-caption {
                    font-size: 25px;
                    line-height: 30px;
                    font-weight: 300;
                    color: #fff;
                    position: absolute;
                    left: 55px;
                    bottom: 55px
                }

                .career-explore {
                    margin-top: 160px
                }

                #career_video.modal {
                    z-index: 9999;
                    padding: 0 !important
                }

                #career_video .modal-content {
                    background-color: transparent;
                    box-shadow: none;
                    border: none;
                    height: 100%;
                    overflow: auto
                }

                #career_video .modal-dialog {
                    width: 100%;
                    height: 100%;
                    margin: 0;
                    padding: 0
                }

                #career_video iframe {
                    position: fixed
                }

                #career_video .close {
                    background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/cross.png);
                    background-repeat: no-repeat;
                    background-position: 0 0;
                    border: medium none;
                    color: transparent;
                    height: 58px;
                    opacity: 1;
                    outline: medium none;
                    overflow: hidden;
                    position: absolute;
                    right: 20px;
                    text-indent: 200%;
                    top: 20px;
                    width: 58px;
                    z-index: 100
                }

                #contact_us {
                    padding: 75px 0
                }

                .countries-list {
                    padding: 0
                }

                .cnt_us_txt {
                    font-size: 30px;
                    font-weight: 900;
                    line-height: 35px
                }

                .border {
                    border: 1px solid rgba(255, 255, 255, .2);
                    float: left
                }

                .border-rgt {
                    border-right: 0
                }

                .border-btm {
                    border-bottom: 1px solid rgba(255, 255, 255, .2)
                }

                .cntry-nme {
                    padding: 75px 0;
                    display: block;
                    color: #fff;
                    font-size: 15px;
                    text-align: center;
                    font-weight: 600;
                    text-decoration: none
                }

                .cntry-nme:focus {
                    color: #fff;
                    text-decoration: none
                }

                .cntry-nme:hover {
                    background-color: #fff;
                    color: #000
                }

                .border-rgt-xs {
                    border-right: 1px solid rgba(255, 255, 255, .2)
                }

                .border-btm-xs {
                    border-bottom: 1px solid rgba(255, 255, 255, .2)
                }

                .para-ovr {
                    font-size: 20px;
                    line-height: 27px
                }

                .bg-color1>img.img-responsive {
                    width: calc(100% + 40px)
                }

                img.play-icon {
                    width: 80px;
                    position: absolute;
                    bottom: 0;
                    margin: 0 auto;
                    left: 0;
                    right: 0;
                    top: 50%;
                    transform: translateY(-50%)
                }

                .txt-reseach {
                    bottom: 0;
                    padding: 0 15px 15px;
                    position: absolute;
                    width: 100%
                }

                .img-whitepaper {
                    top: 0;
                    position: absolute
                }

                .box-title {
                    margin: 0;
                    font-size: 15px;
                    letter-spacing: 1.5px;
                    color: #bcb9b9;
                    font-weight: 600;
                    padding-bottom: 15px;
                    text-transform: uppercase
                }

                .box-text {
                    margin: 0;
                    font-size: 20px;
                    line-height: 28px;
                    font-weight: 400;
                    padding: 15px 0
                }

                .corner-shape {
                    border-bottom: 150px solid #00B28F
                }

                .redefine-bg {
                    padding: 60px 20px
                }

                .redefine-title {
                    font-size: 25px
                }

                .offerings-row {
                    padding-left: 0
                }

                .opportunit-text {
                    font-size: 25px;
                    font-weight: 400;
                    line-height: 30px
                }

                .opportunities {
                    background-position: top left
                }

                .whatwecan-head {
                    font-size: 25px;
                    line-height: 30px
                }

                #overview,
                #latest_news,
                #press_release,
                #features,
                #journalistresearch,
                #forbes-article,
                #infyinthenews,
                #subscribe,
                #questions_bg {
                    padding: 75px 0
                }

                .line-height-30 {
                    line-height: 30px
                }

                .pb5 {
                    padding-bottom: 5px
                }

                .font-weight-100 {
                    font-weight: 100
                }

                .text-left-xs {
                    text-align: left
                }

                .p0-only-sm {
                    padding-left: 15px;
                    padding-right: 15px
                }

                .overview-text {
                    font-size: 24px;
                    line-height: 30px;
                    color: #000;
                    padding-top: 10px;
                    font-weight: 300
                }

                .bg-vcard {
                    background-color: #f9f9f9;
                    padding: 15px
                }

                .name-text {
                    font-size: 29px;
                    color: #000;
                    font-weight: 900
                }

                .contact-text {
                    font-size: 18px;
                    line-height: 22px
                }

                .vcard-contact-btn {
                    margin-top: 10px !important
                }

                .bg-foundations {
                    background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/infosys-foundation-joins-hands.jpg);
                    -webkit-background-size: cover;
                    background-size: cover;
                    background-position: center center
                }

                .more-right {
                    right: 20px;
                    float: right;
                    top: 3px
                }

                .txt-report {
                    padding-bottom: 0
                }

                .twitter-time-text {
                    font-size: 20px;
                    color: #000;
                    font-weight: 300
                }

                .latestnews-title {
                    font-size: 14px;
                    letter-spacing: 1.5px;
                    color: #c5c2c2;
                    font-weight: 600;
                    text-transform: uppercase
                }

                .more-twitter {
                    text-align: center;
                    width: 100%;
                    left: 0;
                    top: 0
                }

                .twitter-icon {
                    font-size: 20px !important;
                    margin-right: 5px;
                    position: relative;
                    top: 3px
                }

                .inline-btn-xs {
                    display: inline-block
                }

                #press_release {
                    padding-bottom: 0
                }

                .pressrelease-text-box,
                .features-text-box {
                    padding: 20px;
                    position: relative;
                    z-index: 1
                }

                .pressrelease-text,
                .features-text {
                    font-size: 16px;
                    line-height: 22px;
                    color: #000;
                    font-weight: 400;
                    letter-spacing: -.5px;
                    margin-bottom: 0
                }

                .bg-icon {
                    position: absolute;
                    right: 0;
                    bottom: 0;
                    z-index: 0
                }

                .bgicon-img,
                .cse-stdy-icon,
                .cs-icon {
                    width: 60px
                }

                #features {
                    padding-bottom: 0
                }

                #journalistresearch {
                    padding-bottom: 0
                }

                #forbes-article {
                    padding-bottom: 0
                }

                #infyinthenews {
                    padding-bottom: 0
                }

                .infynews-time {
                    font-size: 11px;
                    line-height: 25px;
                    letter-spacing: 1.5px;
                    color: #000
                }

                .infynews-title-box {
                    min-height: 20px
                }

                .infynews-title {
                    font-size: 14px;
                    line-height: 25px;
                    letter-spacing: 1.5px;
                    color: #000;
                    text-transform: uppercase;
                    margin: 0
                }

                .bg-light-white .pad-all {
                    padding: 20px 50px
                }

                .infynews-twitter-icon {
                    font-size: 14px !important;
                    color: #fff;
                    background-color: #4dc8f1;
                    border-radius: 50%;
                    padding: 4px 7.5px;
                    margin-top: -2px
                }

                .infynews-facebook-icon {
                    font-size: 14px !important;
                    color: #fff;
                    background-color: #3b5998;
                    border-radius: 50%;
                    padding: 4px 10px;
                    margin-top: -2px
                }

                .infynews-text {
                    font-size: 18px;
                    line-height: 24px;
                    color: #000
                }

                .box-shadow-top-sm {
                    box-shadow: none
                }

                #subscribe {
                    padding-bottom: 0
                }

                .subscribe-text {
                    margin-bottom: 0;
                    font-size: 25px;
                    line-height: 30px;
                    font-weight: 900;
                    color: #fff;
                    letter-spacing: -1.5px
                }

                .subs-vars {
                    padding: 12px 20px 11px !important
                }

                .inline-1024-md {
                    display: inline
                }

                .more-question {
                    font-size: 30px;
                    color: #000;
                    letter-spacing: -1.5px;
                    font-weight: 900;
                    line-height: 42px
                }

                .more-question-title {
                    font-size: 25px;
                    line-height: 30px
                }

                .contact-btn {
                    float: left;
                    font-size: 14px;
                    color: #000 !important;
                    text-transform: uppercase;
                    border: 1px solid #000 !important;
                    margin-right: 10px;
                    padding: 12px 20px;
                    margin-top: 10px
                }

                .contact-btn:hover {
                    color: #fff !important
                }

                .faqs-btn {
                    font-size: 14px;
                    letter-spacing: 1.5px;
                    color: #fff;
                    border: 1px solid #000;
                    font-weight: 900;
                    background-color: #000;
                    text-transform: uppercase;
                    padding: 12px 20px;
                    margin-top: 10px;
                    display: inline-block
                }

                .faqs-btn:hover {
                    color: #000;
                    border: 1px solid #000;
                    background-color: transparent
                }

                .faqs-btn span {
                    text-transform: lowercase
                }

                .grid {
                    position: relative
                }

                .grid>.p0>a {
                    color: #fff
                }

                .grid>.p0>a:hover,
                .grid>.p0>a:focus {
                    color: #fff;
                    text-decoration: none
                }

                .grid figure {
                    margin-bottom: 20px
                }

                .grid figure img {
                    position: relative;
                    display: block;
                    min-height: 100%;
                    max-width: 100%;
                    opacity: .8;
                    width: 100%
                }

                .grid figure figcaption {
                    -webkit-backface-visibility: hidden;
                    backface-visibility: hidden
                }

                .grid figure figcaption::before,
                .grid figure figcaption::after {
                    pointer-events: none
                }

                .grid figure figcaption,
                .grid figure figcaption>a {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%
                }

                .investor-widget {
                    height: 250px;
                    margin-bottom: -6px
                }

                .vertical-super {
                    vertical-align: super
                }

                .offering-hover {
                    margin-left: 15px;
                    margin-right: 15px
                }

                .offering-title {
                    color: #000;
                    font-size: 25px;
                    font-weight: 900;
                    letter-spacing: -1px;
                    line-height: 20px
                }

                .mt30 {
                    margin-top: 30px
                }

                .mr-md-20 {
                    margin-right: 20px
                }

                .pl-md-0 {
                    padding-left: 0
                }

                .row-margin {
                    margin-right: 0;
                    margin-left: 0
                }

                .pl-xs-0 {
                    padding-left: 0
                }

                .pt-xs-0 {
                    padding-top: 0
                }

                .four-th {
                    font-size: 14px;
                    vertical-align: text-top;
                    line-height: 28px
                }

                #being-infosys,
                #connected_with_us,
                #questions-bg {
                    padding: 75px 0
                }

                .being-title {
                    font-size: 25px;
                    color: #000;
                    font-weight: 900;
                    margin-bottom: 5px
                }

                .box-txt {
                    font-size: 20px;
                    line-height: 26px
                }

                .title-box::after {
                    content: '';
                    position: absolute;
                    right: -19px;
                    top: 0;
                    width: 0;
                    height: 0;
                    border-left: 0 solid transparent;
                    border-right: 19px solid transparent;
                    border-top: 32px solid #000;
                    clear: both
                }

                .corporate-shape {
                    float: left;
                    max-width: 100%;
                    width: 100%;
                    height: auto;
                    border-bottom: inherit;
                    border-right: inherit;
                    position: relative;
                    left: 0;
                    bottom: 0;
                    background-color: #372261
                }

                .corporate-shape-text {
                    position: relative;
                    left: inherit;
                    right: inherit
                }

                .corporate-shape-text p {
                    padding-top: 10px;
                    padding-left: 15px;
                    padding-right: 15px
                }

                .news-play-icon {
                    width: 40px;
                    height: 40px;
                    position: absolute;
                    margin: 0 auto;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    top: 50%;
                    transform: translateY(-50%)
                }

                .more-question {
                    font-size: 30px;
                    color: #000;
                    letter-spacing: -1.5px;
                    font-weight: 900;
                    line-height: 42px
                }

                .contact-btn {
                    float: left;
                    font-size: 14px;
                    color: #000 !important;
                    text-transform: uppercase;
                    border: 1px solid #000 !important;
                    margin-right: 10px;
                    padding: 12px 20px;
                    margin-top: 10px
                }

                .contact-btn:hover {
                    color: #fff !important
                }

                .faqs-btn {
                    font-size: 14px;
                    color: #fff;
                    border: 1px solid #000;
                    font-weight: 900;
                    letter-spacing: 1.5px;
                    background-color: #000;
                    text-transform: uppercase;
                    padding: 12px 20px;
                    margin-top: 10px;
                    display: inline-block
                }

                .faqs-btn:hover {
                    color: #000;
                    border: 1px solid #000;
                    background-color: transparent
                }

                .faqs-btn span {
                    text-transform: lowercase
                }

                #connected_with_us {
                    background: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/stay-connected.jpg);
                    background-repeat: no-repeat !important;
                    background-position: center center !important;
                    -webkit-background-size: cover !important;
                    -moz-background-size: cover !important;
                    -o-background-size: cover !important;
                    background-size: cover !important
                }

                .connect-us input {
                    color: #fff !important;
                    background-color: transparent !important
                }

                .connect-us label {
                    color: #fff !important
                }

                .connect-us input::-webkit-input-placeholder {
                    color: #ffffff !important
                }

                .connect-us input:-moz-placeholder {
                    color: #ffffff !important
                }

                .connect-us input::-moz-placeholder {
                    color: #ffffff !important
                }

                .connect-us input:-ms-input-placeholder {
                    color: #ffffff !important
                }

                .select-checkbox input[type=checkbox] {
                    display: none
                }

                .select-checkbox input[type=checkbox]+label {
                    font-size: 14px;
                    color: #fff;
                    text-align: center;
                    font-weight: 400;
                    width: 160px;
                    padding: 10px 0;
                    display: inline-block;
                    cursor: pointer;
                    position: relative;
                    background-color: transparent;
                    border: 1px solid #fff;
                    border-radius: 3px;
                    margin-right: 10px;
                    margin-bottom: 10px
                }

                .select-checkbox input[type=checkbox]:checked+label {
                    color: #000;
                    background-color: #fff
                }

                .select-checkbox input[type=checkbox]:checked+label:after {
                    content: '\2714';
                    font-size: 10px;
                    color: #000;
                    text-align: center;
                    padding-top: 0;
                    margin-top: 12px;
                    width: 16px;
                    height: 16px;
                    border: 1px solid #000;
                    border-radius: 50px;
                    display: inline-table;
                    position: absolute;
                    top: 0;
                    left: 10px
                }

                .subscribe-btn {
                    font-size: 14px;
                    color: #fff;
                    padding: 12px 42px;
                    border: 1px solid #DF9926;
                    background-color: #DF9926;
                    -webkit-transition: all 0.3s ease-in-out;
                    -moz-transition: all 0.3s ease-in-out;
                    -ms-transition: all 0.3s ease-in-out;
                    -o-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                    letter-spacing: 1.5px;
                    text-transform: uppercase;
                    font-weight: 900;
                    margin-top: 20px
                }

                .subscribe-btn:hover {
                    color: #fff;
                    border: 1px solid #fff;
                    background-color: transparent
                }

                #hero_banner_aboutus {
                    height: 550px
                }

                .home-banner-bg {
                    height: auto;
                    bottom: 50%;
                    transform: translate(0%, 50%);
                    max-width: 100%;
                    max-height: 100%
                }

                .adj-cnt {
                    padding: 60px 0
                }

                .abt-heading {
                    font-size: 50px;
                    line-height: 50px
                }

                .stats [class*="col-"] {
                    margin-bottom: 40px !important
                }

                .stats [class*="col-"]:nth-of-type(6) {
                    margin-bottom: 0 !important
                }

                .stats .number {
                    font-size: 40px
                }

                .stats .symbol {
                    font-size: 30px
                }

                .stats sup,
                .stats .sup {
                    font-size: 16px !important
                }

                .plus-row h3 {
                    font-size: 22px
                }

                .plus-row [class*="col-"]:nth-of-type(3) {
                    margin-bottom: 0
                }

                .gradient-color-aboutus {
                    background-color: #fff;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    min-height: 450px
                }

                .aboutus-desc {
                    float: left;
                    background-color: #000;
                    padding: 20px;
                    margin-bottom: 50px
                }

                .desc-txt {
                    font-size: 30px;
                    line-height: 45px;
                    letter-spacing: -1.6px;
                    color: #fff;
                    font-weight: 300;
                    padding-top: 25px
                }

                .name-desc {
                    font-size: 30px;
                    line-height: 45px;
                    letter-spacing: -.5px;
                    font-weight: 700;
                    color: #fff;
                    margin-top: 20px
                }

                .cta-txt {
                    font-size: 14px;
                    line-height: 23px;
                    letter-spacing: 1.5px;
                    color: #fff;
                    text-transform: uppercase
                }

                .cta-txt:hover {
                    border: 1px solid #fff !important
                }

                .border-line {
                    border: 1px solid #000;
                    padding: 15px;
                    margin-bottom: 30px;
                    background-color: #fff
                }

                .head-abtus {
                    font-size: 22px
                }

                .star-bdr,
                .head-abtus-bdr {
                    background-color: #f5a623;
                    display: block
                }

                .head-abtus-bdr {
                    width: 44px;
                    height: 4px;
                    margin: 10px 0
                }

                .star-bdr {
                    width: 75px;
                    height: 7.5px;
                    margin: 10px 0 20px
                }

                .bg-star {
                    background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/about-us-star.png);
                    background-repeat: no-repeat;
                    -webkit-background-size: contain;
                    background-size: contain;
                    background-position: 0 0;
                    min-height: 398px;
                    padding: 75px 0
                }

                .star-para {
                    font-size: 22px;
                    line-height: 27px;
                    padding-right: 0
                }

                .sustainability {
                    background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/sustainability.jpg);
                    background-repeat: no-repeat;
                    -webkit-background-size: cover;
                    background-size: cover;
                    background-position: center center;
                    min-height: 500px;
                    padding: 75px 0
                }

                .sust-para {
                    margin: 10px 0
                }

                .sust-pr {
                    padding: 25px;
                    background-color: #fff
                }

                .sust-pr-para {
                    font-size: 22px
                }

                .para-reg,
                .para-lgt {
                    font-size: 25px
                }

                .para-reg {
                    line-height: 27px;
                    font-weight: 400;
                    margin-bottom: 30px
                }

                .para-lgt {
                    line-height: 37px;
                    color: #3F3F3F;
                    padding-top: 30px
                }

                #innovation_fund {
                    padding-bottom: 0
                }

                .bg-ship {
                    min-height: 785px
                }

                #paper-boat {
                    padding: 20px 0
                }

                .seprator {
                    margin: 20px 0
                }

                #paper-boat .owl-nav .owl-prev,
                .owl-next {
                    background-repeat: no-repeat !important;
                    width: 16px;
                    height: 16px;
                    text-indent: -9999px;
                    position: absolute !important;
                    -webkit-transition: all 0.3s ease-in-out;
                    -moz-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out
                }

                #paper-boat .owl-nav .owl-prev {
                    background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/back.png);
                    right: 60px;
                    top: 450px !important
                }

                #paper-boat .owl-nav .owl-next {
                    background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/forward.png);
                    right: 30px;
                    top: 450px !important
                }

                .cntry-nme {
                    padding: 75px 0;
                    display: block;
                    color: #fff;
                    font-size: 16px;
                    text-align: center;
                    font-weight: 600;
                    text-decoration: none
                }

                .cntry-nme:focus {
                    color: #fff;
                    text-decoration: none
                }

                .cntry-nme:hover {
                    background-color: #D0B5D5;
                    color: #000
                }

                .var-wth {
                    width: 750px
                }

                #subsidiaries {
                    padding: 75px 0
                }

                .accordion-custom .panel-default {
                    border-color: transparent;
                    margin-top: 10px !important
                }

                .accordion-custom .panel {
                    -webkit-box-shadow: none !important;
                    box-shadow: none !important
                }

                .accordion-custom .panel-title a {
                    font-size: 26px;
                    color: #000;
                    font-weight: 600;
                    display: block;
                    padding-right: 30px
                }

                .accordion-custom .panel-title>a:before {
                    font-family: FontAwesome;
                    content: "\f068";
                    font-size: 40px;
                    line-height: -moz-block-height;
                    letter-spacing: -.0625em;
                    position: absolute;
                    right: 8px;
                    bottom: 0;
                    top: 50%;
                    transform: translateY(-50%)
                }

                .accordion-custom .panel-title>a.collapsed:before {
                    content: "\f067";
                    font-size: 40px;
                    line-height: -moz-block-height;
                    position: absolute;
                    right: 8px;
                    bottom: 0;
                    top: 50%;
                    transform: translateY(-50%)
                }

                .accordion-custom .panel-title>a:hover,
                .accordion-custom .panel-title>a:active,
                .accordion-custom .panel-title>a:focus {
                    text-decoration: none
                }

                .accordion-custom .panel-default>.panel-heading {
                    color: #333;
                    background-color: transparent;
                    border-color: transparent;
                    position: relative;
                    padding: 10px 0
                }

                .accordion-custom .panel-default>.panel-heading+.panel-collapse>.panel-body {
                    border-top-color: transparent;
                    padding-left: 0
                }

                .accordion-custom .accordion-txt {
                    font-size: 20px;
                    color: #3F3F3F;
                    line-height: 32px;
                    margin-bottom: 20px;
                    padding-right: 30px
                }

                .goto {
                    color: #000;
                    font-size: 14px;
                    font-weight: 900;
                    margin-bottom: 15px;
                    display: inline-block
                }

                .goto:hover {
                    color: #000
                }

                .dropdown-navigation-box {
                    padding: 35px 0
                }

                select.select-region::-ms-expand {
                    display: none
                }

                .select-region {
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    -ms-appearance: none;
                    -o-appearance: none;
                    appearance: none;
                    outline: none;
                    overflow: hidden;
                    text-indent: .01px;
                    text-overflow: '';
                    width: 165px;
                    background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/down-arrow.png);
                    background-repeat: no-repeat;
                    background-position: right center;
                    border: 0;
                    border-bottom: solid 1px #7E7E7E;
                    font-size: 15px;
                    color: #3F3F3F;
                    line-height: 20px;
                    font-weight: 400
                }

                .location-title {
                    font-size: 22px;
                    line-height: 22px;
                    color: #000;
                    font-weight: 400;
                    margin-bottom: 10px
                }

                .location-text {
                    font-size: 18px;
                    line-height: 23px;
                    color: #777;
                    font-weight: 300
                }

                .bg-queries {
                    background-color: #f2f2f2;
                    color: #000
                }

                .bg-queries:hover,
                .bg-queries:focus {
                    background-color: #f2f2f2;
                    color: #000;
                    text-decoration: none
                }

                .pdg-queries {
                    padding: 65px 15px 15px
                }

                .queries-txt {
                    font-size: 25px;
                    line-height: 30px;
                    letter-spacing: -.5px;
                    font-weight: 400;
                    margin: 0
                }

                #locations {
                    position: relative;
                    background: #333;
                    background-repeat: repeat;
                    -webkit-background-size: cover;
                    -moz-background-size: cover;
                    -ms-background-size: cover;
                    background-size: cover;
                    background-position: top center;
                    height: auto
                }

                #locations .nav-tabs {
                    border: none
                }

                #locations ul.nav>li {
                    line-height: 0;
                    text-align: center;
                    border: 1px solid #DF9926;
                    margin-right: 15px;
                    margin-bottom: 15px
                }

                #locations .nav-tabs>li {
                    margin-bottom: 0
                }

                #locations .nav-tabs>li+li::before {
                    content: " "
                }

                #locations .nav-tabs>li>a {
                    padding: 10px 37px;
                    border: 0
                }

                #locations .nav-tabs>li:first-child>a {
                    border-left: 0
                }

                #locations .nav-tabs>li:last-child>a {
                    border-right: 0
                }

                .loc-cntry-txt>span {
                    color: #fff;
                    font-size: 20px;
                    font-weight: 900;
                    letter-spacing: -.5px;
                    position: relative;
                    top: 0;
                    left: 0;
                    transform: none;
                    padding: 30px 0;
                    text-align: left
                }

                .hvr-cntry:hover .loc-cntry-txt>span {
                    transform: none
                }

                .hvr-cntry:hover .loc-cntry-txt {
                    width: 100%;
                    height: 100%;
                    left: 0;
                    top: 0;
                    transform: none;
                    right: 0;
                    bottom: 0;
                    position: relative;
                    -webkit-transition: all 0.5s ease;
                    -moz-transition: all 0.5s ease;
                    -ms-transition: all 0.5s ease;
                    -o-transition: all 0.5s ease;
                    transition: all 0.5s ease
                }

                .overlay-pr {
                    background-color: #f2f2f2;
                    background: -webkit-linear-gradient(rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 1) 50%) repeat scroll 0 0;
                    background: -o-linear-gradient(rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 1) 50%) repeat scroll 0 0;
                    background: -moz-linear-gradient(rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 1) 50%) repeat scroll 0 0;
                    background: linear-gradient(rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 1) 50%) repeat scroll 0 0;
                    position: absolute;
                    left: 0;
                    top: 144px;
                    bottom: 0;
                    width: 100%;
                    height: auto
                }

                .bx-shdw-pr {
                    -webkit-box-shadow: 0 0 10px #888;
                    -moz-box-shadow: 0 0 10px #888;
                    box-shadow: 0 0 10px #888;
                    background-color: #fff
                }

                .successstories-nav {
                    font-size: 17px;
                    line-height: 52px;
                    font-weight: 400
                }

                .successstories-nav>a {
                    color: #777
                }

                li.successstories-nav.active {
                    border-bottom: 4px solid #DF9926
                }

                .successstories-nav.active>a,
                .successstories-nav>a:hover {
                    color: #000
                }

                .nav-top-align {
                    padding-left: 5px;
                    margin-bottom: 0
                }

                .nav-top-align>li {
                    margin-right: 35px;
                    padding: 0
                }

                .list-group-item {
                    padding: 0 15px
                }

                .btn-grid,
                .btn-list {
                    color: #ccc;
                    font-size: 30px
                }

                .btn-grid.active,
                .btn-list.active,
                .btn-grid:hover,
                .btn-list:hover {
                    -webkit-box-shadow: none;
                    -moz-box-shadow: none;
                    box-shadow: none;
                    color: #000
                }

                select.select-pr::-ms-expand {
                    display: none
                }

                .select-pr {
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    -ms-appearance: none;
                    -o-appearance: none;
                    appearance: none;
                    outline: none;
                    overflow: hidden;
                    text-indent: .01px;
                    text-overflow: '';
                    width: 165px;
                    background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/down-arrow.png);
                    background-repeat: no-repeat;
                    background-position: right center;
                    border: 0;
                    border-bottom: 1px solid #7E7E7E;
                    font-size: 17px;
                    color: #3F3F3F;
                    line-height: 20px;
                    font-weight: 400
                }

                .prlst-para {
                    font-size: 22px;
                    line-height: 25px;
                    color: #000;
                    font-weight: 400;
                    display: block;
                    padding-top: 15px
                }

                .pr-icon {
                    margin-bottom: 15px;
                    padding: 0 15px
                }

                .pr-icon>li {
                    margin-right: 7px
                }

                .pr-icon>li>a>img {
                    max-width: 14px;
                    fill: #000
                }

                .thumbnail {
                    background-color: #fff;
                    border: none;
                    border-radius: 0;
                    display: block;
                    line-height: 1.42857;
                    margin-bottom: 0;
                    padding: 0;
                    transition: border 0.2s ease-in-out 0s
                }

                .list-group-item {
                    background-color: transparent
                }

                .list-group-item .thumbnail {
                    background-color: #fff;
                    border: none;
                    border-radius: 0;
                    display: block;
                    line-height: 1.42857;
                    margin-bottom: 0;
                    padding-right: 0;
                    transition: border 0.2s ease-in-out 0s
                }

                .list-group-item:first-child,
                .list-group-item,
                .grid-group-item:first-child,
                .grid-group-item {
                    -webkit-border-radius: 0;
                    -moz-border-radius: 0;
                    border-radius: 0;
                    margin-bottom: 25px;
                    border: 0
                }

                .list-group-item .pr-icon {
                    padding: 0
                }

                .tag-postion {
                    display: none
                }

                .pos-abs {
                    background-color: #FFF;
                    bottom: 0;
                    left: 15px;
                    padding: 15px;
                    position: absolute;
                    right: 15px;
                    width: auto
                }

                .minus-top-grd,
                .minus-top-lst {
                    line-height: 16px
                }

                .minus-top-grd {
                    position: absolute;
                    top: -45px
                }

                .minus-top-lst {
                    position: relative;
                    top: 0
                }

                .list-group-item .lng-txt {
                    padding-top: 15px
                }

                .list-group-item .minus-top-mob {
                    position: absolute;
                    top: -45px
                }

                .list-group-item>.pos-abs {
                    background-color: #fff;
                    left: 15px;
                    right: 15px;
                    position: absolute;
                    width: auto;
                    top: 0 !important
                }

                .tag-close {
                    position: absolute;
                    right: 15px;
                    bottom: 15px;
                    width: 15px;
                    height: 15px
                }

                .tag-close:hover {
                    opacity: 1
                }

                .tag-close:before,
                .tag-close:after {
                    position: absolute;
                    content: ' ';
                    height: 15px;
                    width: 2px;
                    background-color: #000
                }

                .tag-close:before {
                    -webkit-transform: rotate(45deg);
                    -moz-transform: rotate(45deg);
                    -o-transform: rotate(45deg);
                    -ms-transform: rotate(45deg);
                    transform: rotate(45deg)
                }

                .tag-close:after {
                    -webkit-transform: rotate(-45deg);
                    -moz-transform: rotate(-45deg);
                    -o-transform: rotate(-45deg);
                    -ms-transform: rotate(-45deg);
                    transform: rotate(-45deg)
                }

                .tag-item {
                    width: auto;
                    height: auto;
                    padding: 5px 10px;
                    border: 1px solid #000;
                    color: #000;
                    margin-right: 10px;
                    font-size: 14px;
                    display: inline-block;
                    margin-bottom: 10px;
                    -webkit-transition: all 0.5s ease 0s;
                    -moz-transition: all 0.5s ease 0s;
                    -ms-transition: all 0.5s ease 0s;
                    -o-transition: all 0.5s ease 0s;
                    transition: all 0.5s ease 0s;
                    text-transform: capitalize
                }

                .tag-item:hover,
                .tag-item:focus {
                    background-color: #000;
                    color: #fff;
                    text-decoration: none
                }

                .trigger-share-pr {
                    position: relative;
                    top: 0
                }

                .grid-group-item .trigger-share-pr,
                ul.social-share-pr>li {
                    position: absolute;
                    top: 0;
                    -webkit-transition: .1s linear;
                    transition: .1s linear;
                    border: none
                }

                .grid-group-item ul.social-share-pr>li {
                    top: -17px !important;
                    display: none;
                    left: 27%
                }

                .grid-group-item ul.social-share-pr>li>a {
                    font-size: 18px;
                    color: #333
                }

                .grid-group-item ul.social-share-pr>li.slideout {
                    display: block
                }

                .grid-group-item ul.social-share-pr>li.slideout:nth-child(1) {
                    -webkit-transform: translateX(35px) translateY(12px);
                    -moz-transform: translateX(35px) translateY(12px);
                    -ms-transform: translateX(35px) translateY(12px);
                    -o-transform: translateX(35px) translateY(12px);
                    transform: translateX(35px) translateY(12px)
                }

                .grid-group-item ul.social-share-pr>li.slideout:nth-child(2) {
                    -webkit-transform: translateX(65px) translateY(12px);
                    -moz-transform: translateX(65px) translateY(12px);
                    -ms-transform: translateX(65px) translateY(12px);
                    -o-transform: translateX(65px) translateY(12px);
                    transform: translateX(65px) translateY(12px)
                }

                .grid-group-item ul.social-share-pr>li.slideout:nth-child(3) {
                    -webkit-transform: translateX(95px) translateY(12px);
                    -moz-transform: translateX(95px) translateY(12px);
                    -ms-transform: translateX(95px) translateY(12px);
                    -o-transform: translateX(95px) translateY(12px);
                    transform: translateX(95px) translateY(12px)
                }

                .grid-group-item ul.social-share-pr>li.slideout:nth-child(4) {
                    -webkit-transform: translateX(130px) translateY(12px);
                    -moz-transform: translateX(130px) translateY(12px);
                    -ms-transform: translateX(130px) translateY(12px);
                    -o-transform: translateX(130px) translateY(12px);
                    transform: translateX(130px) translateY(12px)
                }

                ul.social-tag>li {
                    margin-right: 10px
                }

                ul.social-tag>li.last {
                    margin-right: 0;
                    position: relative
                }

                .list-group-item ul.social-share-pr {
                    position: absolute;
                    left: -145px;
                    top: -17px !important
                }

                .list-group-item ul.social-tag {
                    margin-top: 25px;
                    margin-left: 0
                }

                .list-group-item .equal-bg {
                    padding-bottom: 0;
                    padding-top: 0
                }

                .list-group-item .caption-txt .prlst-para {
                    padding-top: 15px
                }

                .list-group-item .tag-bg {
                    left: 0
                }

                .list-group-item ul.social-share-pr>li {
                    display: none;
                    left: 155px;
                    right: inherit
                }

                .list-group-item ul.social-share-pr>li.slideout {
                    display: block
                }

                .list-group-item ul.social-share-pr>li.slideout:nth-child(1) {
                    -webkit-transform: translateX(35px) translateY(12px);
                    -moz-transform: translateX(35px) translateY(12px);
                    -ms-transform: translateX(35px) translateY(12px);
                    -o-transform: translateX(35px) translateY(12px);
                    transform: translateX(35px) translateY(12px)
                }

                .list-group-item ul.social-share-pr>li.slideout:nth-child(2) {
                    -webkit-transform: translateX(65px) translateY(12px);
                    -moz-transform: translateX(65px) translateY(12px);
                    -ms-transform: translateX(65px) translateY(12px);
                    -o-transform: translateX(65px) translateY(12px);
                    transform: translateX(65px) translateY(12px)
                }

                .list-group-item ul.social-share-pr>li.slideout:nth-child(3) {
                    -webkit-transform: translateX(95px) translateY(12px);
                    -moz-transform: translateX(95px) translateY(12px);
                    -ms-transform: translateX(95px) translateY(12px);
                    -o-transform: translateX(95px) translateY(12px);
                    transform: translateX(95px) translateY(12px)
                }

                .list-group-item ul.social-share-pr>li.slideout:nth-child(4) {
                    -webkit-transform: translateX(130px) translateY(12px);
                    -moz-transform: translateX(130px) translateY(12px);
                    -ms-transform: translateX(130px) translateY(12px);
                    -o-transform: translateX(130px) translateY(12px);
                    transform: translateX(130px) translateY(12px)
                }

                ul.nav-top-align {
                    background-color: #fff;
                    width: 190px;
                    height: auto;
                    overflow: auto;
                    padding-left: 0;
                    z-index: 1;
                    -webkit-box-shadow: 2px 1px 10px rgba(0, 0, 0, .5);
                    -moz-box-shadow: 2px 1px 10px rgba(0, 0, 0, .5);
                    box-shadow: 2px 1px 10px rgba(0, 0, 0, .5)
                }

                .nav-top-align>li {
                    line-height: 40px;
                    margin-right: 0;
                    padding: 0 15px;
                    width: 190px
                }

                .select-case>a {
                    border: 1px solid #7E7E7E;
                    color: #3F3F3F;
                    display: inline-block;
                    padding: 5px 15px;
                    text-decoration: none;
                    font-weight: 300;
                    margin-left: -15px;
                    width: 190px;
                    cursor: pointer
                }

                .option-case {
                    display: none
                }

                .open-case {
                    background-color: #fff;
                    color: #fff;
                    max-height: 200px;
                    position: absolute;
                    width: 100%;
                    display: block;
                    margin-left: -15px
                }

                .open-case>li,
                .successstories-nav>a {
                    display: block
                }

                #overlay_fliter_topic {
                    display: none;
                    position: fixed;
                    width: 100%;
                    height: 100%;
                    overflow-y: scroll;
                    overflow-x: hidden;
                    left: 0;
                    top: 0;
                    background-color: #f2f2f2;
                    padding: 25px 0;
                    z-index: 9999
                }

                .close-icon>img {
                    position: absolute;
                    right: 30px;
                    width: 15px;
                    height: 15px;
                    top: 0
                }

                a.overlay_fliter_cta {
                    border: 1px solid #f60;
                    color: #000;
                    display: block;
                    margin-top: 25px;
                    font-size: 14px;
                    height: auto;
                    margin-left: auto;
                    margin-right: auto;
                    padding: 5px;
                    text-align: center;
                    width: 100px;
                    text-decoration: none;
                    font-weight: 600
                }

                a.overlay_fliter_cta:hover {
                    background-color: #DF9926;
                    border: 1px solid #DF9926;
                    color: #fff
                }

                #our_products,
                #our_offerings {
                    padding-bottom: 0
                }

                .repeated_css_tab,
                .tabs_img {
                    height: 600px
                }

                .txt-brwseby {
                    font-size: 20px;
                    font-weight: 600;
                    letter-spacing: -.3px;
                    line-height: 20px;
                    margin-top: 10px;
                    padding-left: 5px
                }

                .resp-arrow {
                    background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/chevron-sign-down.svg);
                    background-repeat: no-repeat;
                    float: right;
                    width: 15px !important;
                    height: 15px !important;
                    margin-top: 5px
                }

                .resp-tab-active span.resp-arrow {
                    background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/chevron-up-arrow.svg)
                }

                .resp-tab-active {
                    background-color: #963596;
                    opacity: .8
                }

                .resp-easy-accordion .resp-accordion {
                    display: block
                }

                .resp-easy-accordion .resp-tab-content {
                    border: 1px solid #c1c1c1
                }

                .resp-easy-accordion .resp-tab-content:last-child {
                    border-bottom: 1px solid #c1c1c1 !important
                }

                .resp-jfit {
                    width: 100%;
                    margin: 0
                }

                .resp-tab-content-active {
                    display: block
                }

                ul.resp-tabs-list {
                    display: none
                }

                .resp-accordion {
                    display: block;
                    cursor: pointer;
                    padding: 30px;
                    border-bottom: 1px solid rgba(255, 255, 255, .2)
                }

                .resp-vtabs .resp-tabs-container {
                    border: none;
                    float: none;
                    width: 100%;
                    min-height: initial;
                    clear: none
                }

                .resp-accordion-closed {
                    display: none !important
                }

                .tabs_img {
                    position: absolute;
                    left: 0;
                    top: inherit;
                    right: 0;
                    bottom: inherit;
                    width: auto;
                    z-index: -1
                }

                .tab1_img,
                .tab2_img,
                .tab3_img,
                .tab4_img,
                .tab5_img,
                .tab6_img {
                    position: relative
                }

                .resp-accordion>img {
                    opacity: .2
                }

                .resp-tab-active>img {
                    opacity: 1
                }

                .tabs_title {
                    font-size: 22px
                }

                .tabs_gradient {
                    background-color: #372261
                }

                .tabs_para {
                    font-size: 18px;
                    font-weight: 300
                }

                .tabs_sub_link {
                    font-weight: 400;
                    font-size: 20px;
                    line-height: 21px;
                    margin-bottom: 20px;
                    display: block;
                    color: #fff
                }

                .tabs_sub_link:hover {
                    color: #fff
                }

                .search_input_list {
                    font-size: 23px;
                    text-transform: capitalize;
                    font-weight: 700;
                    border-bottom: 1px solid #ccc !important;
                    height: 40px;
                    color: #fff
                }

                .ms-srch-result #Paging {
                    margin-left: auto;
                    margin-right: auto;
                    width: 100%
                }

                .ms-srch-result #Paging .fa-angle-left,
                .ms-srch-result #Paging .fa-angle-right {
                    border: 1px solid #000;
                    padding: 8px;
                    border-radius: 50%;
                    width: 50px;
                    height: 50px
                }

                .ms-srch-result .mt-xs-145 {
                    margin-top: 0
                }

                ul.sort-by {
                    margin: 0
                }

                ul.sort-by>li {
                    padding: 0;
                    color: #3F3F3F
                }

                ul.sort-by>li>a.active,
                ul.sort-by>li>a {
                    color: #000;
                    font-weight: 700;
                    font-size: 17.5px;
                    line-height: 51px;
                    text-decoration: none
                }

                ul.sort-by>li>a.active {
                    color: #000;
                    font-weight: 700;
                    border-bottom: 4px solid #DF9926;
                    padding-bottom: 10px
                }

                ul.sort-by>li>a {
                    color: #777;
                    font-weight: 400
                }

                ul.sort-by>li:nth-child(1)+li:before,
                ul.sort-by>li:nth-child(2)+li:before {
                    color: #3F3F3F;
                    padding: 0 5px
                }

                ul.sort-by>li:nth-child(1)+li:before {
                    content: ": "
                }

                ul.sort-by>li:nth-child(2)+li:before {
                    content: "| "
                }

                .lst-checkbox {
                    padding: 0;
                    display: block;
                    font-size: 14px
                }

                .lst-checkbox>input[type="checkbox"] {
                    display: none
                }

                .lst-checkbox>label {
                    cursor: pointer;
                    margin: 0;
                    padding: 5px
                }

                .lst-checkbox>input[type="checkbox"]+label span {
                    position: relative;
                    -webkit-transition: all 0.5s ease 0s;
                    -moz-transition: all 0.5s ease 0s;
                    -ms-transition: all 0.5s ease 0s;
                    -o-transition: all 0.5s ease 0s;
                    transition: all 0.5s ease 0s
                }

                .lst-checkbox>input[type="checkbox"]+label span:before,
                .lst-checkbox>input[type="checkbox"]+label:hover span:before,
                .lst-checkbox>input[type="checkbox"]:checked+label span:before {
                    font-family: FontAwesome;
                    font-style: normal;
                    font-weight: 400;
                    text-decoration: inherit;
                    font-size: 18px;
                    padding-right: .5em;
                    position: absolute;
                    top: -2px;
                    left: 0
                }

                .lst-checkbox>input[type="checkbox"]+label span:before {
                    content: "\f096";
                    color: #000
                }

                .lst-checkbox>input[type="checkbox"]:checked+label span:before {
                    content: "\f00c"
                }

                .txt-input {
                    margin-left: 25px;
                    display: inline-block;
                    font-weight: 300
                }

                .badge {
                    margin-left: 5px;
                    float: right
                }

                .show-more {
                    display: none
                }

                .txt-toggle {
                    color: #000;
                    font-size: 14px;
                    margin-left: 6px;
                    text-decoration: none
                }

                .txt-toggle:hover,
                .txt-toggle:focus {
                    color: #000;
                    font-size: 14px;
                    margin-left: 6px;
                    text-decoration: none
                }

                .box-info {
                    padding: 20px;
                    color: #FFF;
                    margin-top: 50px
                }

                .head-box-info {
                    font-size: 11px;
                    letter-spacing: 1.5px;
                    text-transform: uppercase;
                    margin-bottom: 10px
                }

                .txt-box-info {
                    font-size: 25px;
                    line-height: 30px;
                    font-weight: 900
                }

                .ui-helper-hidden-accessible {
                    display: none
                }

                .ui-menu {
                    background-color: #fff;
                    width: 75% !important;
                    height: auto;
                    max-height: 200px;
                    overflow-y: scroll;
                    overflow-x: hidden;
                    padding: 0
                }

                .ui-menu>li {
                    list-style-type: none;
                    padding: 10px
                }

                .ui-menu>li:hover {
                    background-color: #ccc
                }

                .ui-menu>li>a,
                .ui-menu>li>a:focus {
                    color: #000;
                    font-weight: 400;
                    font-size: 18px
                }

                ul.pagination-sm>li,
                ul.pagination-sm>li>a {
                    color: #000;
                    font-size: 17px
                }

                .pagination-sm>li,
                .pagination-sm>li>a,
                .pagination-sm>li>span {
                    padding: 0
                }

                .lt {
                    margin: 0 20px
                }

                .no-results-found {
                    font-size: 22px;
                    overflow-wrap: break-word;
                    color: #000
                }

                .press-releases-head h1 {
                    font-size: 40px;
                    line-height: 40px;
                    margin-bottom: 20px;
                    font-family: 'tungstenw05-medium', 'Oswald', sans-serif;
                    ;
                    font-weight: 500
                }

                .position-txt,
                .location-date {
                    line-height: 25px !important;
                    font-weight: 400 !important
                }

                .position-txt {
                    font-size: 20px !important;
                    color: #000 !important;
                    margin-bottom: 10px !important
                }

                .location-date {
                    font-size: 18px !important
                }

                #quote .quote-txt {
                    font-size: 20px !important;
                    font-weight: 400 !important;
                    margin-bottom: 10px !important;
                    line-height: 30px !important
                }

                .press-hline {
                    width: 100%;
                    height: 1px;
                    background-color: #c8c8c8;
                    margin: 50px 0
                }

                .overlay-casestudies {
                    background-color: #fff;
                    background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 10%) repeat scroll 0 0;
                    background: -o-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 10%) repeat scroll 0 0;
                    background: -moz-linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 10%) repeat scroll 0 0;
                    background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 10%) repeat scroll 0 0;
                    position: absolute;
                    left: 0;
                    top: 160px;
                    bottom: 0;
                    width: 100%;
                    height: auto
                }

                .atp-para,
                .atp-sml-para {
                    line-height: 30px;
                    font-weight: 400
                }

                .atp-para {
                    font-size: 25px
                }

                .atp-sml-para {
                    font-size: 18px
                }

                .divider {
                    background-color: #e0e0e0;
                    height: 1px;
                    margin: 10px 0;
                    overflow: hidden
                }

                .atp-sml-head {
                    font-size: 30px;
                    letter-spacing: -2px;
                    line-height: 30px;
                    font-weight: 900;
                    margin-top: 0;
                    margin-bottom: 15px
                }

                .key-para p,
                .impact-sml-para p {
                    font-size: 18px
                }

                .impact-para p {
                    font-size: 25px;
                    line-height: 30px;
                    font-weight: 400
                }

                .num-per>span,
                sup {
                    color: #0076ff
                }

                .num-per>span {
                    font-size: 35px;
                    font-weight: 600;
                    line-height: 55px
                }

                .num-per>sup {
                    font-size: 20px
                }

                .atp-slider {
                    padding: 30px 15px;
                    background-color: #f5f5f5;
                    margin-top: 50px
                }

                .atp-slider-txt p {
                    font-size: 22px;
                    line-height: 28px;
                    width: 100%;
                    padding: 0 15px
                }

                .atp-slider-txt p:nth-child(n+2) {
                    font-size: 18px;
                    font-weight: 300
                }

                .atp-slider-txt img.img-inherit {
                    width: inherit;
                    margin: 15px auto
                }

                #atp_slider_carousel .owl-nav .owl-prev,
                .owl-next {
                    background-repeat: no-repeat;
                    height: 32px;
                    position: absolute;
                    text-indent: -9999px;
                    width: 32px
                }

                #atp_slider_carousel .owl-nav .owl-prev {
                    background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/arrow-left.png);
                    left: 30px;
                    top: 150px !important
                }

                #atp_slider_carousel .owl-nav .owl-next {
                    background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/arrow-right.png);
                    right: 30px;
                    top: 150px !important
                }

                .atp-grid-num {
                    margin: 15px 0
                }

                .atp-grid-num p>span,
                .exp-iip p>span {
                    font-size: 35px;
                    line-height: 54px;
                    font-weight: 600;
                    margin-bottom: 10px
                }

                .atp-grid-num p {
                    font-size: 20px;
                    font-weight: 900;
                    text-align: center
                }

                .atp-grid-num p:nth-child(n+2) {
                    font-size: 14px;
                    line-height: 16.5px;
                    margin-left: auto;
                    margin-right: auto;
                    width: 100%;
                    font-weight: 400
                }

                #utilities,
                #communication_services {
                    background-repeat: no-repeat !important;
                    -webkit-background-size: cover !important;
                    background-size: cover !important;
                    background-position: center center !important;
                    height: auto
                }

                #utilities {
                    background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/utilities-case-studies.jpg)
                }

                #communication_services {
                    background-image: url(../../../content/dam/infosys-bpm/en/sitecollectionimages/responsive/newdesign/utilities-case-studies.jpg)
                }

                #utilities p,
                #communication_services p {
                    color: #fff;
                    font-size: 20px;
                    font-weight: 300;
                    line-height: 25px;
                    margin: 15px auto 50px;
                    text-align: center;
                    width: 100%
                }

                .head {
                    text-align: center;
                    color: #fff;
                    font-size: 25px;
                    font-weight: 900;
                    text-transform: uppercase
                }

                .minus-top-grid {
                    margin-top: 50px
                }

                .head-grid {
                    font-size: 24px;
                    line-height: 27px;
                    font-weight: 900;
                    margin-bottom: 15px
                }

                .minus-top-grid p {
                    font-size: 16px;
                    line-height: 22px;
                    font-weight: 300;
                    color: #777
                }

                .minus-top-grid .equal-bg {
                    padding: 0
                }

                .minus-top-grid .equal-bg {
                    padding: 0
                }

                .yellow-bg {
                    background-color: #ffe03f
                }

                .pad-all {
                    padding: 15px
                }

                .pad-all p {
                    font-size: 18px;
                    font-weight: 400
                }

                .exp-iip p:nth-child(2) {
                    width: 100%
                }

                .exp-iip p {
                    font-size: 20px;
                    line-height: 25px;
                    font-weight: 900
                }

                .exp-iip>div:nth-child(4) p:nth-child(1),
                .exp-iip>div:nth-child(4) p:nth-child(2) {
                    text-align: left
                }

                .exp-iip>div:nth-child(4) p:nth-child(2) {
                    font-size: 16px;
                    line-height: 23.5px;
                    margin-left: 0
                }

                .exp-iip>div:nth-child(4) a.try-it {
                    background-color: #000;
                    border: 1px solid #000;
                    color: #fff;
                    display: inline-block;
                    font-size: 14px;
                    font-weight: 700;
                    letter-spacing: 1.5px;
                    margin-top: 10px;
                    padding: 9px 25px;
                    text-transform: uppercase;
                    -webkit-transition: all 0.5s ease-in-out 0s;
                    -moz-transition: all 0.5s ease-in-out 0s;
                    -ms-transition: all 0.5s ease-in-out 0s;
                    -o-transition: all 0.5s ease-in-out 0s;
                    transition: all 0.5s ease-in-out 0s
                }

                .exp-iip>div:nth-child(4) a.try-it:hover {
                    background-color: transparent;
                    border: 1px solid #000;
                    color: #000
                }

                .pdf {
                    border: 2px solid #000;
                    padding: 5px 10px;
                    text-transform: uppercase;
                    color: #000;
                    font-size: 14px;
                    line-height: 23px;
                    letter-spacing: 1.5px;
                    font-weight: 700;
                    margin-top: 30px;
                    display: inline-block;
                    -webkit-transition: 0.5s ease-in-out 0s;
                    -moz-transition: 0.5s ease-in-out 0s;
                    -ms-transition: 0.5s ease-in-out 0s;
                    -o-transition: 0.5s ease-in-out 0s;
                    transition: 0.5s ease-in-out 0s
                }

                .pdf:hover,
                .pdf:focus {
                    background-color: #000;
                    color: #fff;
                    text-decoration: none
                }

                .email {
                    font-size: 18px;
                    font-weight: 400;
                    display: block;
                    color: #000;
                    margin-top: 25px
                }

                .email:hover,
                .email:focus {
                    color: #000
                }

                .cnt-us {
                    float: left;
                    text-align: left;
                    display: inline-block;
                    margin-top: 20px
                }

                #case_studies {
                    color: #fff
                }

                #case_studies p:nth-child(1),
                #case_studies p:nth-child(2) {
                    font-weight: 400;
                    font-size: 18px;
                    margin-bottom: 20px
                }

                #case_studies p:nth-child(2) {
                    color: rgba(255, 255, 255, .8)
                }

                .title-sml-cs {
                    font-size: 30px;
                    letter-spacing: -1.3px;
                    font-weight: 900
                }

                .cs-txt {
                    color: #fff;
                    display: inline-block;
                    font-size: 18px;
                    font-weight: 400;
                    margin-top: 0;
                    text-align: left
                }

                .cs-txt:hover,
                .cs-txt:focus {
                    color: #fff
                }

                .cs-bdr {
                    color: #a2aeb6;
                    border: 2px solid #d1d7da;
                    position: relative;
                    z-index: 1;
                    display: inline-block;
                    -webkit-transition: all 0.3s ease-in-out;
                    -moz-transition: all 0.3s ease-in-out;
                    -ms-transition: all 0.3s ease-in-out;
                    -o-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                    padding: 8px 15px;
                    -webkit-border-radius: 0;
                    -moz-border-radius: 0;
                    border-radius: 0;
                    letter-spacing: 1px;
                    font-weight: 600;
                    margin-right: 10px;
                    margin-bottom: 20px;
                    text-transform: uppercase
                }

                .cs-bdr:before {
                    content: '';
                    display: block;
                    position: absolute;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 0;
                    -webkit-transition: all 0.3s ease-in-out;
                    -moz-transition: all 0.3s ease-in-out;
                    -ms-transition: all 0.3s ease-in-out;
                    -o-transition: all 0.3s ease-in-out;
                    transition: all 0.3s ease-in-out;
                    background-color: #d1d7da;
                    z-index: -1
                }

                .cs-bdr:hover,
                .cs-bdr:focus {
                    border: 2px solid #bfc5c8;
                    color: #a2aeb6;
                    text-decoration: none
                }

                .cs-bdr:hover:before,
                .cs-bdr:focus:before {
                    width: 100%
                }

                .head-case {
                    font-size: 25px;
                    font-weight: 300;
                    margin-bottom: 30px;
                    text-align: center
                }

                .black-bg {
                    background-color: #222121;
                    padding: 15px
                }

                .btn-rectangle {
                    text-transform: uppercase;
                    color: #FFF;
                    display: inline-block;
                    text-align: center;
                    padding: 8px;
                    border: 1px solid #fff;
                    font-size: 14px;
                    letter-spacing: 1.5px
                }

                .btn-rectangle:hover {
                    color: #000;
                    background-color: #fff
                }

                #events-cnt .accordion-custom .panel-title a {
                    font-size: 20px;
                    padding-right: 50px;
                    line-height: 24px
                }

                #events p {
                    color: #FFF;
                    font-size: 18px;
                    font-weight: 600
                }

                #events span {
                    color: #c2c2c2;
                    font-size: 18px;
                    font-weight: 300
                }

                #events-cnt p {
                    margin-bottom: 30px;
                    font-size: 18px
                }

                .session-details-bg {
                    background-color: #F2F2F2;
                    padding: 25px;
                    margin-bottom: 15px
                }

                .session-details-bg span {
                    font-size: 20px;
                    color: #000
                }

                #petagon_modal .modal-dialog {
                    margin: 100px 15px
                }

                #petagon_modal .modal-body {
                    padding: 10px;
                    max-height: 450px
                }

                #petagon_modal .close {
                    background-color: #0f9ffa !important;
                    height: 35px;
                    width: 35px;
                    font-size: 20px;
                    margin-top: -53px;
                    right: -19px;
                    color: #fff;
                    border-radius: 0
                }

                #petagon_modal_carousel .item .h5 {
                    font-size: 30px
                }

                #petagon_modal_carousel .owl-prev,
                #petagon_modal_carousel .owl-next {
                    bottom: -160px
                }

                #petagon_modal_carousel .owl-prev {
                    left: 100px
                }

                #petagon_modal_carousel .owl-next {
                    right: 100px
                }

                .leadership-link {
                    margin-bottom: 0
                }

                .leadership-link ul>li {
                    width: 100%;
                    margin-bottom: 0
                }

                .leadership-link ul>li>a {
                    width: 100%;
                    border: 0;
                    display: block;
                    margin-bottom: 30px
                }

                .leadership-link ul>li:first-child>a {
                    border-left: 1px solid
                }

                .leadership-link ul>li:last-child>a {
                    border-right: 1px solid
                }

                .leadership-link ul>li>a,
                .leadership-link ul>li>a:focus,
                .leadership-link ul>li>a:hover,
                .leadership-link ul>li>a:focus,
                .leadership-link ul>li>a:hover {
                    background-color: transparent;
                    color: #777;
                    border: 1px solid;
                    margin-bottom: 20px
                }

                .leadership-link ul>li.active>a,
                .leadership-link ul>li.active>a:focus,
                .leadership-link ul>li.active>a:hover,
                .leadership-link ul>li>a:focus,
                .leadership-link ul>li>a:hover {
                    background-color: transparent;
                    color: #df9926;
                    border: 1px solid
                }

                .leadership-link ul>li+li::before {
                    content: " "
                }

                .mngprofile-head {
                    font-size: 25px !important
                }

                footer {
                    background-color: #F8F8F8;
                    color: #333;
                    border-top: 5px solid #d8d8d8
                }

                ul.footer-txt>li:first-child {
                    margin-top: 20px
                }

                ul.footer-txt>li {
                    margin-bottom: 10px
                }

                ul.footer-txt>li>a {
                    color: #3F3F3F;
                    font-size: 16px
                }

                .ftr-head {
                    color: #000;
                    font-size: 22px;
                    font-weight: 900;
                    margin: 0
                }
            }

            @media screen and (max-width:640px) {
                .iframe-height-reg {
                    width: 100%;
                    height: 450px !important
                }

                .hero-list1 {
                    margin-left: 70%
                }

                .submenu-portion {
                    min-height: 355vh;
                    padding: 30px 15px
                }

                .learn,
                .innovate,
                .automate {
                    top: 623px
                }

                ul.social-share-pr>li {
                    left: 35%
                }

                .grid-group-item ul.social-share-pr>li {
                    left: 33%;
                    right: 0
                }

                .list-group-item ul.social-share-pr>li {
                    left: 145px
                }

                .bg-ship {
                    min-height: 765px
                }

                .history_slider .slider-nav {
                    width: 70%
                }

                .slider-single ul li {
                    font-size: 22px !important
                }
            }

            @media screen and (max-width:480px) {
                .iframe-height-reg {
                    width: 100%;
                    height: 632px !important
                }

                .expandHead h5 {
                    font-size: 23px
                }

                .fullpage-first-desc em {
                    width: 60% !important;
                    display: block
                }

                .hero-list1 {
                    margin-left: 50%
                }

                .circle.expand {
                    width: 300%;
                    right: -100px
                }

                .submenu-portion {
                    min-height: 410vh
                }

                .box4-left,
                .box4-right {
                    float: left;
                    width: 100%
                }

                .box4-right {
                    margin-bottom: 15px
                }

                #paper-boat .owl-nav .owl-prev {
                    top: 550px !important
                }

                #paper-boat .owl-nav .owl-next {
                    top: 550px !important
                }

                .bg-ship {
                    min-height: 905px
                }

                ul.social-share-pr>li {
                    left: 47%
                }

                .grid-group-item ul.social-share-pr>li {
                    left: 45%
                }

                #challenges_solutions .scrtabs-tabs-fixed-container ul.nav-tabs>li {
                    width: 335px
                }

                #locations ul.nav>li {
                    float: none;
                    margin-right: 0;
                    margin-bottom: 15px;
                    border-bottom: 1px solid #DF9926 !important;
                    border: 0
                }

                .breadcrumb>li {
                    display: block;
                    margin-bottom: 10px
                }

                .breadcrumb>li+li::before {
                    content: " "
                }
            }

            @media screen and (max-width:360px) {
                .iframe-height-reg {
                    width: 100%;
                    height: 632px !important
                }

                .hero-list1 {
                    margin-left: 40%
                }

                .submenu-portion {
                    min-height: 195vh
                }

                #paper-boat .owl-nav .owl-prev {
                    top: 575px !important
                }

                #paper-boat .owl-nav .owl-next {
                    top: 575px !important
                }

                .bg-ship {
                    min-height: 905px
                }

                ul.social-share-pr>li {
                    left: 64%
                }

                .grid-group-item ul.social-share-pr>li {
                    left: 62%
                }

                #challenges_solutions .scrtabs-tabs-fixed-container ul.nav-tabs>li {
                    width: 200px
                }
            }

            @media screen and (max-width:320px) {
                .iframe-height-reg {
                    width: 100%;
                    height: 665px !important
                }

                .countries-list>ul>li>a {
                    color: #000;
                    display: inline-block;
                    font-size: 16px
                }

                .cntry-nme {
                    font-size: 13px
                }

                .hero-list1 {
                    margin-left: 40%
                }

                .submenu-portion {
                    min-height: 260vh
                }

                .aboutus-desc {
                    float: none
                }

                #paper-boat .owl-nav .owl-prev {
                    top: 600px !important
                }

                #paper-boat .owl-nav .owl-next {
                    top: 600px !important
                }

                .bg-ship {
                    min-height: 1050px
                }

                ul.social-share-pr>li {
                    left: 73%
                }

                .grid-group-item ul.social-share-pr>li {
                    left: 70%
                }

                #petagon_modal_carousel .owl-prev {
                    left: 80px
                }

                #petagon_modal_carousel .owl-next {
                    right: 80px
                }
            }

            @media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
                .show-strip .search-icon {
                    right: 65px !important
                }
            }

            @media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
                .submenu-portion {
                    min-height: 195vh
                }
            }

            @media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape) {
                .iframe-height-reg {
                    width: 100%;
                    height: 600px !important
                }

                .submenu-portion {
                    min-height: 350vh
                }

                .circle.expand {
                    width: 200%
                }

                .learn,
                .innovate,
                .automate {
                    top: 647px
                }
            }

            .toggle-more {
                display: none !important
            }
.ms-core-brandingText, .ms-promotedActionButton, .ms-promotedActionButton, #suiteLinksBox, #fullscreenmode {display: none !important;}input, button {min-width: 0em !important;}body {}.ms-formfieldcontainer {color:rgb(0, 0, 0) !important;}#pageStatusBar {margin-bottom: 0px !important;}#ms-designer-ribbon, #ms-designer-ribbon:before, #ms-designer-ribbon:after, #ms-designer-ribbon *, #ms-designer-ribbon *:before, #ms-designer-ribbon *:after {-webkit-box-sizing: content-box !important;-moz-box-sizing: content-box !important;box-sizing: content-box !important;}#recaptcha_widget {background: url("../../../_layouts/15/images/InfosysCMS/recaptcha_bg.png");padding: 5px;width: 50%;color: rgb(231, 231, 231);line-height: 15px;font-family: sans-serif;font-size: 13px;margin-bottom: 10px;min-width: 170px !important;}#recaptcha_widget a {color: rgb(255, 255, 255);text-decoration: none;}#recaptcha_image {background: rgb(255, 255, 255);width: 100% !important;height: auto !important;float: left;}#recaptcha_image img {margin: 0px auto;width: 100% !important;height: auto !important;}#recaptcha_response_field {background: rgb(213, 213, 213);margin: 10px 0px;padding: 5px 5px;border: currentColor;max-width:98% !important;}#recaptcha_image #recaptcha_audio_play_again {text-align: center;color: rgb(51, 51, 51) !important;padding-top: 5px;}#recaptcha_image a#recaptcha_audio_download {margin: 0px;color: rgb(51, 51, 51) !important;font-weight: bold;display: block;}.recaptcha-btn-wrap div {display: inline;}.recaptcha_logo {background: url("../../../_layouts/15/images/InfosysCMS/reCAPTCHA_logo.png") no-repeat right;height: 56px !important;}.loading-image {font-size:20px;font-weight:700;position:absolute;z-index:100;display:inline;}@media only screen and (min-width : 0px) and (max-width:200px) {.customItem {padding-top: 5px;border-bottom: 1px solid #d3d3d3;min-width: 20px;max-width: 180px;}.responsivewidth {min-width: 20px;max-width: 180px;}.ms-srch-item-body1 {min-width: 20px;max-width: 180px;}.for-paging {padding-left: 350px;background-color: #666 !important;padding-top: 5px;padding-bottom: 5px;padding-left: 0px !important;height: 180px !important;}}@media only screen and (min-width : 200px) and (max-width: 320px) {.customItem {padding-top: 5px;border-bottom: 1px solid #d3d3d3;min-width: 140px;max-width: 280px;}.responsivewidth {min-width: 140px;max-width: 280px;}.ms-srch-item-body1 {min-width: 140px;max-width: 280px;}.for-paging {padding-left: 350px;background-color: #666 !important;padding-top: 5px;padding-bottom: 5px;padding-left: 0px !important;height: 140px !important;}}@media screen and (min-width : 320px) and (max-width: 480px) {.customItem {padding-top: 5px;border-bottom: 1px solid #d3d3d3;min-width: 280px;max-width: 450px;}.responsivewidth {min-width: 280px !important;max-width: 450px !important;}.ms-srch-item-body1 {min-width: 280px;max-width: 450px;}.for-paging {padding-left: 350px;background-color: #666 !important;padding-top: 5px;padding-bottom: 5px;padding-left: 0px !important;height: 140px !important;}}@media screen and (min-width:480px) and (max-width:1024px) {.responsivewidth {min-width: 460px !important;max-width: 800px !important;}.customItem {padding-top: 5px;border-bottom: 1px solid #d3d3d3;min-width: 460px;max-width: 800px;}.ms-srch-item-body1 {min-width: 460px;max-width: 800px;}}.customItem {padding-top: 5px;border-bottom: 1px solid #d3d3d3;}.customItem:hover {background-color: none !important;}.ms-srch-item:hover, .ms-srch-resultHover:hover, .edisc-SearchResultItemContainer:hover {background-color: none !important;}.ms-srch-ellipsis {white-space:normal !important;}.ms-srch-item-title1 {font-family: myriad-pro, myriad-pro-n4, myriad-pro, Myriad Pro, Arial, Helvetica, sans-serif !important;color: #015d97 !important;line-height: 1.3em !important;font-size: 1.5em !important;font-weight: 500 !important;padding-bottom: 12px;padding-top: 12px;white-space:pre-line;word-wrap:break-word;}.ms-srch-item-link1 {color: #0a5394 !important;font-size: 22px !important;font-family: myriad-pro-n4,myriad-pro,Myriad Pro,Arial, Helvetica, sans-serif !important;line-height: 22px;white-space:normal;word-wrap:break-word;}.ms-srch-item-summary1 {font-family: Helvetica,Arial, sans-serif !important;font-size: 13px !important;line-height: 1.3em !important;font-weight: 500 !important;word-wrap:break-word;}.ms-srch-hover-innerContainer {background-color: none !important;}.ms-srch-resultscount {color: #ffffff !important;padding: 5px !important;}.responsivewidth {border-top:none !important;overflow: visible !important;}.ms-textLarge.ms-srch-result-noResultsTitle {padding-left: 200px !important;padding-top: 30px !important;height: 100px !important;font-size: 15px !important;color: #414141 !important;}.custom {padding-left: 200px!important;font-size: 20px !important;color: #414141 !important;}.ms-srch-item {margin-left: 20px;}.for-paging {padding-left: 350px;background-color: #666 !important;padding-top: 5px;padding-bottom: 5px;padding-left: 0px !important;height: 40px ;}.ms-promlink-button {height: 25px !important;width: 25px !important;}.customLabelforSortingByDate {margin-bottom: 0px !important;color: rgb(66, 139, 202);width: auto;display: inline-block;cursor: pointer;}.customLabelforSortingByRelevance {margin-bottom: 0px !important;color: rgb(66, 139, 202);width: auto;display: inline-block;cursor: pointer;}.ms-srch-result #ResultHeader {margin-top: 0px !important;margin-bottom: 15px !important;}.ms-srch-result #ResultHeader select {}.ms-srch-result {margin-top: 0px !important;}.formatDate {color: #333;font-size: 15px !important;line-height: 1.3em;margin: 0 0 .6em;padding-top: 5px;font-family: myriad-pro, myriad-pro-n4, myriad-pro, Myriad Pro, Arial, Helvetica, sans-serif;font-weight: 500;height: 19px;padding-bottom: 32px;}.ms-srch-resultFooter {display: inline-block;padding-left: 0px !important;width:100%;background-color:#666;}.customPagingStyle {float: right;padding-right: 5px;padding-top: 2px;}.utility-wrap {}.nextbutton {color: #fff !important;}.previousbutton {color: #fff !important;}.sortingContainer {font-size:15px;position: relative;z-index: 100;padding-bottom: 30px;}.noResults {font-weight: 700;font-family: Arial, sans-serif;font-size: 15px;}.noKeywords {font-weight: 700;font-family: Arial, sans-serif;font-size: 22px;}.group-head {display: block;background-color: #d9d4d4;border: solid 1px #c6c6c6;font-weight:bold;font-size:1.5em !important;}.sparsh-expand {background: url("../../../_layouts/images/TPEXP.gif") no-repeat scroll 7px 1px transparent;padding-left: 22px;font-size: 11px;}.sparsh-collapse {background: url("../../../_layouts/images/TPCOL.gif") no-repeat scroll 7px 1px transparent;padding-left: 22px;font-size: 11px;}.field-height-shortdescription {height: 50px;}.editMapping {font-size:17px;margin-left:105px;background-color: #FF0000 !important;background-image: none !important;float: right ;padding: 10px 18px 10px 18px !important;margin-right:9%;position:relative;z-index:100;}.editMapping a {color: #ffffff !important;}.rtescrambler {width:300px!important;overflow:visible !important;}.ms-dlgContent,.ms-siteactions-root,.ms-cui-menu,.ms-popoutMenu,.ms-cui-tooltip {z-index:999999 !important;}#dlgTitleBtns{margin-right:0px !important;}.ms-input {line-height:normal !important;}h3.infyElement-heading3 {-ms-name: "Heading 3";-ms-element:"true";font-size:24px;}h4.infyElement-heading4 {-ms-name: "Heading 4";-ms-element:"true";font-size:18px;}h5.infyElement-heading5 {-ms-name: "Heading 5";-ms-element:"true";font-size:14px;}h6.infyElement-heading6 {-ms-name: "Heading 6";-ms-element:"true";font-size:12px;}h7.infyElement-heading7 {-ms-name: "Heading 7";-ms-element:"true";font-size:18px;}p.infyElement-p {-ms-name: "Paragraph";-ms-element:"true";}em.infyElement-italics {-ms-name: "Italics";-ms-element:"true";}strong.infyElement-strong {-ms-name:"Bold";-ms-element:"true";}