@charset "utf-8";
/* CSS Document */

/*For font-family: myriad-pro use cloud hosted and use font-weight for bold or light*/
@import url('https://use.typekit.net/nkq8fly.css');

/* myriad-pro is the default font used for body copy across the infosys.com*/
body,
html {
    font-family: myriad-pro, Arial;
    font-size: 18px;
    font-weight: 400;
    color: #000000;
	padding: 0;
	margin: 0;
}

/*Oswald is fallback font for Tungsten, it is Google cloud hosted font*/
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&display=swap');

/*Use the below licensed Tungsten font, this is used for Headings H1, H2*/
@font-face {
    font-family: 'tungstenw05-medium';
    src: url('/content/dam/infosys-web/en/fonts/tungstenw05-medium.woff2')
        format('woff2'),
      url('/content/dam/infosys-web/en/fonts/tungstenw05-medium.woff')
        format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.clearfix {
    display: block;
    clear: both;
    content: "";
}
.body_container{ background-color: #ffffff; background-attachment: fixed; position: relative; }
.body_container section { overflow: hidden; }
a { color: #007DC3; text-decoration: none !important; }
#header { height: 72px; padding:25px 0 9px; position:fixed; top:0; right: 0; left: 0; transition: all 0.5s; z-index: 750; }
#header.header-scrolled { padding:8px 0; }
.header-fixed-top { padding-top: 20px; }
#header .logo { background: url(/content/dam/infosys-web/en/iki/images/responsible-enterprise-ai-iki-logo.svg) 0 0 no-repeat; display: block; margin-top: 9px; height: 35px; width: 100%; }
.header-scrolled .logo { background: url(/content/dam/infosys-web/en/iki/images/responsible-enterprise-ai-iki-logo-1.svg) 0 0 no-repeat !important; margin-top: 12px !important; }
.header-scrolled { background: #ffffff; }
.header-scrolled a { color:#231F20 !important; }
.icon-share, .icon-more-burger { display:block; height:24px; margin: 7px 0 0; width:24px; }
.icon-more-burger { height:20px; width:27px; }
.header-scrolled .logo rect, .header-scrolled .logo path, .header-scrolled .icon-share path, .header-scrolled .icon-more-burger svg rect { fill:#231F20; }

.intro-wrapper {
    float: left;
    width: 100%;
    position: relative; 
    overflow: hidden;
    height:80vh;
}
.intro-bg {
     min-height: auto; 
     height:80vh;
     margin: 0 !important; 
     padding: 0 !important; 
     position: relative; 
     width: 100%;
     display: flex;
     align-items: center;
    }
.intro-bg video { 
    height: auto; 
    width: 100%; 
}
/* .title-intro { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
text-align: center; 
text-shadow: rgba(0, 0, 0, 0.10) 0 3px 15px; 
} */
 .title-intro {
    width: 100%;
    position: absolute;
    text-align: center;
    text-shadow: rgba(0, 0, 0, 0.10) 0 3px 15px;
}
.title-intro h1 { 
    color: #ffffff; 
    font-size: 82px; 
    font-family: 'tungstenw05-medium'; 
    font-weight: 500; 
    line-height: 1; 
}
.letter { display: inline-block; }

.custom-nav {
    font-size: 16px; 
    /* min-height: 100vh; */
}
.custom-nav .navbar-fixed-bottom {
    position: absolute;
}
.custom-nav.navbar { border: none; margin-bottom: 0; }
.custom-nav .navbar-default { background-color: rgb(0, 0, 0); border-bottom: 0; height: 58px; transition: all 0.2s ease-in-out; }
.custom-nav .navbar-nav { float:none; position: relative; width: 100%; }
.custom-nav .navbar-nav>li { height: 58px; position: relative; text-align: center; }
.custom-nav .navbar-fixed-bottom .navbar-nav,.custom-nav .attach .navbar-nav { margin-left:0 }
.custom-nav .navbar-fixed-bottom .navbar-nav>li, .custom-nav .attach .navbar-nav>li {  padding: 0 40px; }
.custom-nav .navbar-fixed-bottom .navbar-nav>li:last-child, .custom-nav .attach .navbar-nav>li:last-child { padding-right: 40px; }
.custom-nav .active .navbar-nav, .custom-nav .attach .navbar-nav { float:left; width: auto; }
.custom-nav .active .navbar-nav>li, .custom-nav .attach .navbar-nav>li { text-align: left; width: auto; }
.custom-nav .active .navbar-nav>li { padding:0 36px; }
.custom-nav .active .navbar-nav>li:first-child {  padding-left:0 !important; }
.custom-nav .active .navbar-nav>li>a, .custom-nav .attach .navbar-nav>li>a { padding: 19px 0; }
.custom-nav .navbar-nav>li>a { display: block; color: #fff; height: 58px; padding: 19px 0; z-index: 100; }
.navbar-nav .bg-progress { background: #616161; display: block; height: 58px !important; width: auto; left: 0; position: absolute !important; top:0; z-index: -1; }
.custom-nav .nav>li>a:focus, .custom-nav .nav>li>a:hover { background: none; color:#fff; }
.custom-nav .navbar-default.attach { bottom: -25px; position: absolute; width: 100%; z-index: 100; }
.custom-nav .navbar-default.active { top: 72px; position: fixed; width: 100%; z-index: 700; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color:#fff; background-color: transparent !important; }


#scroll-top { background-image: url(/content/dam/infosys-web/en/technavigator/2023/images/icon-arrow-up.png); background-repeat: no-repeat; background-size: contain; bottom: 4vh; display: none; position: fixed; right: 1vw; width: 56px; height: 56px; text-decoration: none; border-radius: 50%;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; z-index:10; }
#scroll-top:hover { background-color: #B8B8B9 !important; }

.scroll-down { background:#fff url(/content/dam/infosys-web/en/technavigator/2023/images/icon-scroll-down.png) 50% 55% no-repeat; background-size: 50%; border-radius: 100% !important; display: block; height: 64px; margin: 50px auto 0; padding: 7px 16px; width: 64px; 
    animation: pulse 1.5s infinite linear;
	-webkit-animation: pulse 1.5s infinite linear;
	-moz-animation: pulse 1.5s infinite linear }
.scroll-down:before { background: rgb(255,255,255); background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0.15) 28%, rgba(255,255,255,1) 100%); border-radius: 100% !important; content: ''; height: 84px; left: -10px; opacity:0.5; position: absolute; width: 84px; top:-10px; 
    animation: pulse 1.5s infinite linear;
	-webkit-animation: pulse 1.5s infinite linear;
	-moz-animation: pulse 1.5s infinite linear; }

@-webkit-keyframes scrolldown {
    0%,100% {
        top:0px;
    } 
    50% {
        top:10px;
    } 
}
@keyframes scrolldown {
    0%,100% {
        top:0px;
    } 
    50% {
        top:10px;
    } 
}
@-webkit-keyframes pulse {
    0% {
    -webkit-transform: scale(1);
    transform: scale(1);
   }
   25% {
   -webkit-transform: scale(1.15);
   transform: scale(1.15);
  }
    50% {
    -webkit-transform: scale(1.175);
    transform: scale(1.175);
   }
   75% {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
    }
    100% {
    -webkit-transform: scale(1);
    transform: scale(1);
   }
}
@keyframes pulse {
    0% {
    -moz-transform: scale(1);
    transform: scale(1);
   }
    50% {
    -moz-transform: scale(1.05);
    transform: scale(1.05);
   }
    100% {
    -moz-transform: scale(1);
    transform: scale(1);
   }
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.app_share {
    background: #fff;
    position: absolute;
    border-radius: 3px;
    z-index: 2;
    top: 50px;
    display: none;
    -webkit-box-shadow: 2px 2px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 5px 5px rgba(0, 0, 0, 0.2);
    padding: 0 10px;
    right: 0;
    width: 130px;
}
.app_share a {
    margin: 0 5px;
}
.right-nav {
  padding: 0;
}
.right-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  align-items: center;
}
.right-nav li {
  float:left;
  padding: 0 0 0 60px;
  position: relative;
}
.right-nav li:first-child { margin-top: 8px; }
.right-nav li:last-child { padding-left: 0; }
.right-nav a, .right-nav a:focus {
    display: block;
  padding: 10px 0;
  font-size: 16px;
  color: #fff;
  white-space: nowrap;
  transition: 0.3s;
  text-align:center;
}
.popOverMenu a {
    display: inline-block;
    float: left;
}
.right-nav a i, .right-nav a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}
.right-nav .dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
  border-radius: 4px;
}
.right-nav .dropdown ul li {
  min-width: 200px;
}
.right-nav .dropdown ul a {
  padding: 10px 20px;
  font-size: 14px;
  text-transform: none;
  font-weight: 500;
  color: #0c3c53;
}
.right-nav .dropdown ul a i {
  font-size: 12px;
}
.right-nav .dropdown ul a:hover, .right-nav .dropdown ul .active:hover, .right-nav .dropdown ul li:hover > a {
  color: #47b2e4;
}
.right-nav .dropdown:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}
.right-nav .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}
.right-nav .dropdown .dropdown:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}
a.close_menu {
    float: right;
    padding: 0 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: -10px;
}

.nav-item  li.list-inline-item {
    display: block;
    font-size: 18px;
    font-family: myriad-pro, Arial;;
    color: #3F3F3F;
    margin-bottom: 10px;
    padding: 13px 20px;
    position: relative;
}

li.nav-item.mobile_list {
    padding: 15px 20px;
}

li.list-inline-item.other_links {
    padding-left: 5px;
    margin-bottom: 10px;
    padding: 5px 0px;
    border-top: 1px solid #DFE1E2;
}

li.list-inline-item.other_links a {
    color: #3F3F3F;
    font-size: 22px;
    font-weight: 700;
}

.nav-item li.list-inline-item a.domain_link {
    font-size: 18px;
    font-family: myriad-pro, Arial;;
    color: #3F3F3F;
}

.list-inline .dropdown-toggle::after { border:none !important; }

/* Video Styles */
.video-modal .modal-dialog { margin: 50px auto; width: 1040px; }
.modal-open .modal { background: rgba(0,0,0,0.6) !important; }
.video-modal .close { opacity: 1 !important; margin-bottom: 3px; position: fixed; outline: none !important; right: 0; top: 0; z-index: 9; }
.video-modal .close:hover svg rect, .video-modal .close:focus svg rect { fill: #DBDBDB; }
.video-modal .close:hover svg line, .video-modal .close:focus svg line { stroke: #231F20; }
.video-modal .modal-content .modal-header {padding: 0;border: 0; min-height: 0;}
.video-modal .modal-content{ background-color: transparent; border-radius:0; position:relative; }
.video-modal .modal-body{padding:0;}


.mb-0 {margin-bottom: 0px !important;}
.mb-10{margin-bottom: 10px;}
.mt-10{margin-top: 10px;}
.pb-10{padding-bottom: 10px;}
.pt-10{padding-top: 10px;}
.mb-20{margin-bottom: 20px;}
.mt-20{margin-top: 20px;}
.pb-20{padding-bottom: 20px;}
.pt-20{padding-top: 20px;}
.mb-15{margin-bottom: 15px;}
.mt-15{margin-top: 15px;}
.pb-15{padding-bottom: 15px;}
.pt-15{padding-top: 15px;}
.mb-05{margin-bottom: 05px;}
.mt-05{margin-top: 05px;}
.pb-05{padding-bottom: 05px;}
.pt-05{padding-top: 05px;}
.mt-40{margin-top: 40px !important;}
.mb-40{margin-bottom: 40px !important;}
.pt-40{padding-top: 40px !important;}
.pb-40{padding-bottom: 40px !important;}
.mt-50{margin-top: 50px !important;}
.mb-50{margin-bottom: 50px !important;}
.pt-50{padding-top: 50px !important;}
.pb-50{padding-bottom: 50px !important;}
.mt-30{margin-top: 30px;}
.mb-30{margin-bottom: 30px;}
.mt-150 { margin-top: 150px; }
.pl-0 { padding-left:0 !important; }
.pr-0 { padding-right:0 !important; }
.pl-30 { padding-left: 30px !important; }
.pr-10 { padding-right: 10px !important; }
.p0{padding: 0;}
.mr-15 { margin-right: 15px; }
.col-centered{float: none;margin: 0 auto;margin-left: auto !important;margin-right: auto !important;}
.inline_blk{ display: inline-block; width: 100%; }
.inline{display: inline-block;}
.center_align{margin: 0 auto;}
.bg_white{background-color: #fff;}
.bg_dark_black{background-color: #0E0E0E;}
.bg_lightgrey {background-color: #F5F6F8;}
.bg_dark_orange {background-color: #E09A26;}
.bg-isabelline { background-color: #F5F2EE; }
.txt-lightblue { color: #007DC3; }
.relative{position: relative;}
hr.divider-grey { border-top-color: #41403F; }
.no-gutter {
    margin-right: 0;
    margin-left: 0;
}
.no-gutter > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.row-eq-height > [class*='col-'] {
    display: flex;
    flex-direction: column;
}


p.content.quote { border: 1px solid #007CC3; display: inline-block; font-size: 22px; line-height: 36px; margin: 20px 0; padding: 24px 32px; position: relative; margin-top: 20px; width: 100%; }
p.content.quote:before { background: #007CC3; content: ' '; bottom: 0; display: inline-block; height: 101%; left: 0; position: absolute; top: -1px; width: 8px; }

.download-sec { color:#fff; padding: 100px 0; }
/* .download-sec .card-desc { cursor: pointer; } */
.spend-time { color:#fff; font-size:16px; }
.title-doc { font-size:22px; font-weight:bold; }
.title-strategy { font-family: 'tungstenw05-medium'; font-weight: 500; font-size: 56px; line-height: 64px; margin: 0 0 30px; }
.title-strategy-h2 { 
    font-family: 'tungstenw05-medium' !important; 
    font-weight: 500 !important; 
    font-size: 56px !important; 
    line-height: 64px !important; 
    margin: 0 0 30px !important; 
}
#overview .page-row { padding:10px 0 0; }
#overview .page-row h2 { font-size: 85px; }
#overview .page-row p.initial-intro { text-align: center; }
#ent-metaverse { padding-bottom: 150px; }
.page-row { background-attachment: fixed; position: relative; }
.page-row h2 { font-size: 85px; font-family: 'tungstenw05-medium'; font-weight: 500; line-height: 100px; }
.page-row .nav-tabs { border-bottom: none; }
.page-row .nav-tabs .nav-item {
	border:none;
	border-bottom: 2px solid #A9AEB1;
	color: #A9AEB1;
    font-size: 36px;
    font-weight: 500;
    font-family: 'tungstenw05-medium';
    line-height: 50px;
	padding: 0;
	width: 50%;
}
.page-row .nav-tabs .nav-item:first-child { margin-right: 30px; width:47.35% }
.page-row .nav-tabs .nav-item.active { color: #3F3F3F; border-bottom: 2px solid #3F3F3F; }
p.content { margin: 0 0 36px; padding-left: 0; }
.highlight-content { font-family: "tungstenw05-medium"; font-weight: 500; font-size:56px; line-height:56px; margin: 40px 0 70px; padding: 70px 130px; position: relative; }
.icon-highlight { left:45px; top:55px; position: absolute;  }
p.highlight-content::before { content: ''; display: block; height: 8px; left: 0; position: absolute; top:0; width: 170px; }
p.highlight-content.txt-purple::before { background: #953695; }
p.highlight-content.txt-brown::before { background: #B74326; }
p.highlight-content.txt-lightblue::before { background: #007DC3; }
p.highlight-content.txt-lightgreen::before { background: #509643; }
.enterprise-text-sec { padding: 30px 0 0; }
.enterprise-text-sec  p.highlight-content { line-height: 56px; margin: 80px 0 110px; padding-right: 100px; }
.panel-link-download { background: #231F20 url("/content/dam/infosys-web/en/technavigator/2023/images/icon-download.svg") 34px 17px no-repeat; color: #ffffff; padding: 34px 34px 38px 120px; }
.panel-link-download a { color: #ffffff; text-decoration: underline !important; }
.txt-highlight { font-weight: bold; }
blockquote { border-left: 5px solid #231F20; font-size: 18px; margin: 0 0 48px; padding: 0 0 0 40px; }
blockquote.txt-lightgreen { border-color: #509643; }
blockquote.txt-darkorange { border-color: #E09A26; }
blockquote.txt-purple { border-color: #953695; }
.bdr-lightblue { border-color:#007DC3; }

.txt-brown { color: #B74326; }
.txt-purple { color: #953695; }
.txt-lightgreen { color: #509643; }
.txt-darkorange { color: #E09A26; }
.title-human { font-family: "tungstenw05-medium"; font-weight: 500; font-size: 64px; margin: 0 0 20px; }
.ai-desc { line-height: 30px; padding-right: 75px; }
.title-article { font-family: 'tungstenw05-medium'; font-weight: 500; font-size: 56px; line-height: 56px; padding: 0 0 20px; }
.title-article.txt-brown { background: url("/content/dam/infosys-web/en/technavigator/2023/images/icon-brown-article.png") 0 10px no-repeat; margin: 70px 0 42px; padding-left: 11.7%; }
.title-article.txt-purple { background: url("/content/dam/infosys-web/en/technavigator/2023/images/icon-purple-article.png") 0 10px no-repeat; margin: 70px 0 42px; padding-left: 11.7%; }
.title-article.txt-lightgreen { background: url("/content/dam/infosys-web/en/technavigator/2023/images/icon-lightgreen-article.png") 0 10px no-repeat; margin: 70px 0 42px; padding-left:11.7%; }

.panel-video { margin: 55px 0 0; min-height: 540px; position: relative; }
.icon-youtube { background: url("/content/dam/infosys-web/en/technavigator/2023/images/icon-youtube.png") 0 0 no-repeat; background-size: contain; display: block; height: 71px; left:47%; position: absolute; top:43%; width: 101px; }
.card-img { position: relative; }
.panel-icon { bottom: 15px; height: 66px; left:15px; position: absolute; width: 66px; }
.panel-icon.icon-doc{ background: url("/content/dam/infosys-web/en/technavigator/2023/images/icon-doc.png") no-repeat; }
.panel-icon.icon-executive-summary{ background: url("/content/dam/infosys-web/en/technavigator/2023/images/icon-executive-summary-1.png") no-repeat; }
.panel-icon.icon-video{ background: url("/content/dam/infosys-web/en/technavigator/2023/images/icon-video.png") no-repeat; }
.panel-icon.icon-audio{ background: url("/content/dam/infosys-web/en/technavigator/2023/images/icon-audio.svg") no-repeat; }
.panel-icon.icon-infographic { background: url("/content/dam/infosys-web/en/technavigator/2023/images/icon-infographic.svg") no-repeat; }
.panel-icon.icon-ir { background: url("/content/dam/infosys-web/en/technavigator/2023/images/icon-ir.svg") no-repeat; }
/* .panel-graph img { margin: 80px 0 100px; max-height: 475px; } */
.panel-graph text { font-family: 'tungstenw05-medium'; font-weight: 500; }
.panel-build-blocks { background:#953695 url("/content/dam/infosys-web/en/technavigator/2023/images/bg-build-blocks.jpg") 0 0 no-repeat; background-size: cover; color: #ffffff; padding:140px 0; }
.title-building { font-family: 'tungstenw05-medium'; font-weight: 500; margin: 0; }
.txt-blocks { font-size: 24px; line-height: 39px; margin: 30px 0 80px; }
.img-top { display: block; }
.vid-wrapper { overflow: hidden; padding: 100px 0 0; position: relative; width: 100%; }
section:nth-child(2) .panel-vid-content { margin-top: -100px; } 
.img-overlay-panel, .panel-vid-content { bottom: 0px; color: rgb(255, 255, 255); margin: -105px 0 -65px; position: relative; top: 0px; width: 100%; transition: all 2s ease-out 0s; -webkit-transition: all 2s ease-out;  transform: scale(1); transform-origin: center center; }
.panel-vid-content img.vidyard-player-embed { margin: auto; width: 100%; height: auto; overflow: hidden; align-items: center; display: flex; justify-content: center; transform-origin: center center; }
.img-overlay { background: transparent linear-gradient(180deg, #000D0D00 0%, #000707DB 49%, #000505 74%, #000000 100%) 0% 0% no-repeat; bottom: 0; cursor: pointer; left: 0; margin: auto; padding: 35px; position: absolute; right: 0; top:0; width: 100%; z-index: 9; }
.panel-build-blocks .img-overlay { padding: 30px 30px 25px; }
.panel-build-blocks img.vidyard-player-embed { display: none; }
.icon-watch-video { background:#000 url("/content/dam/infosys-web/en/technavigator/2023/images/icon-xs-play.png") 27px 50% no-repeat; border: 1px solid #F16B50; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; color: #F16B50; line-height: 48px; margin: 35px 0 0; padding-left: 50px; padding-right: 22px; transition: all 0.6s linear; }
.icon-watch-video:hover, .icon-watch-video:focus { color: #F16B50; }
.title-video { font-weight: 500; font-family: 'tungstenw05-medium'; font-size: 56px; margin: 0; }
.blocks-card .icon-watch-video { background: url("/content/dam/infosys-web/en/technavigator/2023/images/icon-xs-play-1.png") 27px 50% no-repeat; border-color: #c2c2c2; color: #c2c2c2; display: inline-block; min-height: 50px; }
.img-txt-banner { bottom: 60px; left: 70px; position: absolute; }
.img-video-text{ bottom: 35px; position: absolute; }
.blocks-video-desc .vidyard-player-container {  height: 0 !important; visibility: hidden; }
.blocks-video-desc p { color: #c2c2c2; min-height: 110px; padding:35px 20px 0 0; position: relative; }
.icon-explore { background: url("/content/dam/infosys-web/en/technavigator/2023/images/icon-explore.png") 100% 100% no-repeat; color: #fff !important; display: inline-block; font-size: 22px; font-weight: bold; padding-right: 50px; }
.panel-vid-content.active { margin: -165px 0 -95px; transform: scale(0.66); }
.panel-vid-content.active .img-overlay > * { transform: scale(1); }
.panel-vid-content .img-overlay { background: transparent linear-gradient(180deg, #000D0D00 0%, #000707DB 100%, #000505 100%, #000000 100%) 0% 0% no-repeat; }
.img-txt-banner { width: 88%; }
.img-txt-banner h3 { 
    font-size: 70px; 
    font-weight: 500; font-family: 'tungstenw05-medium'; font-weight: 500; line-height: 1; margin: 0 !important; }
.listen-sound { margin-top: 20px; }

/* .footer {
	background: #3F3F3F;
    background-attachment: fixed;
	color: #F7F7F7;
    position: relative;
}

ul.footer-txt > li:first-child {
	margin-top: 20px;
}
ul.footer-txt > li {
	margin-bottom: 10px;
}
ul.footer-txt > li > a {
	color: #F7F7F7;
	font-size: 16px;
	
}
ul.footer-txt > li > a img {
    width: 29px;
    height: 29px;
}
.ftr-head {
	color: #F7F7F7;
    font-size: 22px;
    font-weight: 900;
	
} */
.panel-copyright {
    background: #343434;
    padding: 15px 0;
    color: #F7F7F7;
    font-size: 15px;    
}
.link-quickaccess { bottom: 16vh; display: none; height: 90px; position: fixed; width: 90px; -webkit-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; right: 0; z-index: 751; }
.link-quickaccess .qa-menu li { background-color: #000000; border: 0; cursor: pointer; color: #fff; display: block; font-size: 11px; height: 90px; left: 0; line-height: 16px; list-style-type: none; margin: 0; min-height: 90px; padding: 0; position: absolute; text-align: center; width: 90px; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }
.btn-links { padding: 25px 10px 0; }
.downloads.active { background-color: #3f3f3f !important; }
.downloads.active svg path:nth-child(2) { display: none; }
.link-quickaccess li:first-child { display: block !important; }
.link-quickaccess li .icon { background-color:rgba(255,255,255,0.15); border-radius: 50%; display: block; height: 44px; margin: 0 auto; width: 44px; }
.icon-full-report { background: url(/content/dam/infosys-web/en/technavigator/2023/images/icon-full-report.png) 50% 50% no-repeat; }
.icon-executive-summary { background: url(/content/dam/infosys-web/en/technavigator/2023/images/icon-executive-summary.png) 50% 50% no-repeat; }
.icon-interactive-report { background: url(/content/dam/infosys-web/en/technavigator/2023/images/icon-interactive-report.png) 50% 50% no-repeat; }
.icon-infographic { background: url(/content/dam/infosys-web/en/technavigator/2023/images/icon-infographic.png) 50% 50% no-repeat; }
.icon-link-video { background: url(/content/dam/infosys-web/en/technavigator/2023/images/icon-link-video.png) 50% 50% no-repeat; }
.link-quickaccess li span { clear: both; color: #fff; display: block; font-size: 10px; font-weight: bold; line-height: 16px; padding: 5px; }
.link-quickaccess li.full-report { bottom: 411px; height: 55px; padding-top: 15px; }
.link-quickaccess li.executive-summary { bottom: 333px; height:80px; padding-top: 10px; }
.link-quickaccess li.interactive-report { bottom: 243px; height: 70px; padding-top: 10px; }
.link-quickaccess li.infographic { bottom: 156px; padding-top:10px; }
.link-quickaccess li.video { bottom: 85px; padding-top:10px; }
.link-quickaccess.active li { display: none; }
.title-audio { color: #a7a9ac; font-size: 18px; }
.title-executive { font-family: 'tungstenw05-medium'; font-weight: 500; font-size: 56px; line-height: 45px; margin: 10px 0 0; }
h2.title-download { font-size: 56px !important; line-height: 56px !important; margin-top: 0; }
.icon-exec-download, .icon-exec-share, .icon-bookmark { display: inline-block; height: 24px; margin-left: 50px; }
.icon-exec-download { background: url(/content/dam/infosys-web/en/technavigator/2023/images/icon-exec-download.png) 50% 50% no-repeat; width: 28px; }
.icon-exec-share { background: url(/content/dam/infosys-web/en/technavigator/2023/images/icon-share.png) 50% 50% no-repeat; width: 25px; }
.icon-bookmark { background: url(/content/dam/infosys-web/en/technavigator/2023/images/icon-bookmark.png) 50% 50% no-repeat; width: 21px; }

.exec-audio {
    align-items: center;
    display: flex;
    margin-top: 25px;
}

.exec-audio audio.inactive {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.exec-audio .mute:focus,
.exec-audio .toggle:focus,
.exec-audio .mute:hover,
.exec-audio .toggle:hover {
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

.exec-audio .toggle {
    background-image: url("/content/dam/infosys-web/en/technavigator/images/icon-play.png");
    background-color: #1E9BD7 !important;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    height: 66px;
    width: 66px;
}

.exec-audio .toggle.playing {
    background-image: url("/content/dam/infosys-web/en/technavigator/images/icon-pause.png");
}

.exec-audio .mute,
.exec-audio .toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    display: inline-block;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
}

.exec-audio input[type=range] {
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none !important;
    height: 3px;
    margin: 0 0 0 10px;
    overflow: visible;
    width: 65%;
    transition: all 0.3s ease-in;
}

.exec-audio .time {
    color: #7f7f80;
    font-size: 20px;
    margin: 0 10px;
}

/* Input Thumb */

.exec-audio input[type="range"]::-webkit-slider-thumb,
.exec-audio input[type="range"]::-moz-range-thumb,
.exec-audio input[type="range"]::-ms-thumb {
    border: 1px solid #000;
    height: 40px;
    width: 5px;
    border-radius: 25% !important;
    background: #000 !important;
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s, -webkit-box-shadow .3s;
    -webkit-appearance: none;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    margin: -10px 0 0 0;
}

.exec-audio input[type="range"]:focus {
    outline: none;
}

.exec-audio input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    cursor: pointer;
    border-radius: 0px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none;
}

.exec-audio input[type="range"]::-webkit-slider-thumb {
    width: 5px;
    height: 40px;
    background-color: #231F20;
    border-radius: 20px;
    -webkit-appearance: none;
}

.exec-audio input[type="range"]::-moz-range-track {
    width: 100%;
    height: 0px;
    cursor: pointer;
    border-radius: 0px;
    height: 40px;
    background-color: rgba(0, 0, 0, 0);
}

.exec-audio input[type="range"]::-moz-range-thumb {
    width: 5px;
    height: 40px;
    background-color: #231F20;
    border-radius: 20px;
    margin-top: -34px;
}

.exec-audio input[type="range"]::-ms-track {
    width: 100%;
    height: 4px;
    cursor: pointer;
    border-radius: 0px;
    background: rgba(255, 255, 255, 0.25);
}

.exec-audio input[type="range"]::-ms-fill-lower {
    background: transparent;
}

.exec-audio input[type="range"]::-ms-fill-upper {
    background: transparent;
}

.exec-audio input[type="range"]::-ms-thumb {
    width: 28px;
    height: 28px;
    background-color: #231F20;
    border-radius: 20px;
    margin-top: -10px;
}

.exec-audio input[type="range"]::before {
    position: absolute;
    content: "";
    top: 8px;
    left: 0;
    width: var(--seek-before-width);
    height: 3px;
    background-color: #007db5;
    cursor: pointer;
}

.panel-build-ai {
    padding: 135px 0;
}
ul.ai-org-list { list-style-type: none; }
ul.ai-org-list > li { color: #fff; font-size: 21px; margin-bottom: 15px; }
ul.ai-org-list > li:before { content: '\2013'; margin-left: -20px; position: absolute; }
.cont-buildAI { color: #fff; font-family: 'tungstenw05-medium'; font-size: 56px; font-weight: 500; line-height: 64px; padding-left: calc(16.667% - 15px); position: relative; }
.cont-buildAI .icon-cont-arrow { left: 0; position: absolute; }
#ai-experience, #ai-excellence, #ai-design { position: relative; }
#ai-model { position: relative; padding-bottom: 80px; }
.txt-lightgreen .icon-highlight path { fill: #509643; }
.txt-darkorange .icon-highlight path { fill: #E09A26; }
.txt-purple .icon-highlight path { fill: #953695; }
.title-amplify {
    color: #fff; 
    font-family: myriad-pro, Arial; 
    font-weight:300; 
    font-size: 40px;
}
.panel-audio { background: #E5E6E4; margin-bottom: 130px; padding: 60px; }
.panel-audio .popOverMenu { right: 100px; padding: 10px; }
.icon-play { background: #333741; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; float: left; height: 80px; margin-right: 20px; width: 80px; }
.thumb { background-color: rgba(0, 0, 0, 0.20); display: block; height: 150px; left: 60px; position: absolute; top:50px; width: 150px; z-index: 10; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.icon-experience { background-image: url(/content/dam/infosys-web/en/technavigator/2023/images/icon-ai-experience.png); background-position: 50% 50%; background-repeat: no-repeat; }
.icon-excellence { background-image: url(/content/dam/infosys-web/en/technavigator/2023/images/icon-ai-eng-excellence.png); background-position: 50% 50%; background-repeat: no-repeat; }
.icon-design { background-image: url(/content/dam/infosys-web/en/technavigator/2023/images/icon-ai-design.png); background-position: 50% 50%; background-repeat: no-repeat; }
.icon-model { background-image: url(/content/dam/infosys-web/en/technavigator/2023/images/icon-ai-model.png); background-position: 50% 50%; background-repeat: no-repeat; }
.icon-more { background-image: url(/content/dam/infosys-web/en/technavigator/2023/images/icon-more.png); background-position: 50% 50%; background-repeat: no-repeat; display: block; float: right; height: 24px; margin-top: 15px; position: relative; width:24px; }
.more-list { background-color: #fff; display: none; position: absolute; right: 20px; top:40px; width: 40px; z-index: 10; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; -moz-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
.more-list a { margin: 0 !important; padding: 20px; width: auto; }

.btn-play { background: url(/content/dam/infosys-web/en/technavigator/2023/images/play-button.png) 50% 50% no-repeat; border: 0; height: 80px; width: 85px; }
.btn-play.active { background: url(/content/dam/infosys-web/en/technavigator/2023/images/pause-button.png) 46% 50% no-repeat; }
.waveform { margin-top: 40px; }
.download-sec .panel-audio-wrap { background: rgb(131,58,180); background: linear-gradient(180deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%); min-width: 100%; }
.download-sec .btn-play { border: 0; display: inline-block; height: 80px; position: absolute; width: 85px; z-index: 10; }
.download-sec .waveform1 { margin:0 auto; padding-top: 25%; width: 75%; text-align: center; }
.icon-exec-share { margin-left: 50px; }
.vidyard-player-container iframe main { opacity: 0.1 !important; }
@media (max-width: 1366px) {
    .right-nav .dropdown .dropdown ul {
        left: -90%;
    }
    .right-nav .dropdown .dropdown:hover > ul {
        left: -100%;
    }
}

@media only screen and (min-width : 1200px) {
    .report-sec .lg-custom { width: 20%; }
}

@media only screen and (min-width :992px) and (max-width: 1200px) {	
    .custom-nav .active .navbar-nav>li { padding:0 24px; }
    .intro-wrapper img.vidyard-player-embed { height: 100%; object-fit: cover; }
}

@media only screen and (min-width :992px) {
    .vid-wrapper { padding: 100px 0 30px; }
}
@media only screen and (max-width: 992px) {
    body {
        -webkit-overflow-scrolling: touch;
        height: auto;
        overflow-y: scroll;
    }
    .icon-highlight { left:15px; transform: rotate(180deg); top:32px; }
    .footer-border-left { border-left:none !important; }
    .highlight-content { padding: 105px 30px 40px; }
    .cont-buildAI { margin-bottom: 50px; padding-left: 0;padding-top: 60px; }
    .cont-buildAI .icon-cont-arrow { left: -18px; top: -34px; transform: rotate(180deg); }
    #ai-experience { padding-top: 0; }
    #ai-experience, #ai-excellence, #ai-design, #ai-model { padding-bottom: 0; }
    .xs-p0 { padding: 0 !important; }
    .xs-plr15 { padding-left: 15px !important; padding-right: 15px !important; }
    .xs-pl0 { padding-left: 0 !important; }
    .xs-pr0 { padding-right: 0 !important; }
    .xs-pl15 { padding-left: 15px; }
    .xs-ml15 { margin-left: 15px !important; }
    .xs-mt0 { margin-top: 0 !important; }
    .xs-mt20 { margin-top: 20px !important; }
    .xs-mt40 { margin-top: 40px !important; }
    .xs-mb40 { margin-bottom: 40px !important; }
    .container-xs { padding: 0 !important; width: 100%; }
    .panel-vid-content.active { min-height: 560px; width: auto; }
    .vid-wrapper { padding-top: 0; }
    .panel-vid-content { margin:0; } 
    body { font-size: 18px; }
    .right-nav li { padding-left: 15px; }
    #header { background: #007DC3; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.16); height: 68px; padding: 20px 5px !important; }
    #header .logo { background: url(/content/dam/infosys-web/en/technavigator/2023/images/logo.svg) 0 0 no-repeat !important; background-size: contain !important; margin: 3px 0 0px !important; }
    .custom-nav .navbar-default { display: none; }
    .right-nav li:last-child { padding-left:25px; }
    .title-building { font-size: 64px !important; line-height: 64px !important; }
    .txt-blocks { font-size: 20px; margin:5px 0 0; }
    .scroll-down { left: 45%; }
    .intro-wrapper { margin-top: 68px; }
    .title-intro { padding-top: 0; }
    .title-intro h1 { 
        font-size: 64px; 
        line-height: 1; 
    }
    .intro-wrapper video { height: 100%; object-fit: cover; }
    .title-amplify { font-size: 32px; }
    .title-strategy { 
        font-size: 32px; 
        line-height: 42px; 
        padding: 0; 
    }
    .title-strategy-h2 { 
        font-size: 32px !important; 
        line-height: 42px !important; 
        padding: 0 !important; 
    }
    .blocks-card { margin-top: 56px; }
    .blocks-video-desc p { padding-top:30px; margin-bottom: 25px; min-height: auto; }
	.title-video { font-size: 40px; line-height:44px; }
	.icon-watch-video { color: #F16B50; float: left !important; font-size: 18px; font-weight:bold; margin-top: 0; }
    .panel-video { background-position: 60% 50%; background-size: cover; min-height: auto; }
    .panel-audio { padding: 30px; margin-bottom: 0; }
    .highlight-content { font-size: 48px; margin-bottom: 48px; }
    .title-human { font-size: 32px; }
    /* .panel-graph img { margin: 60px auto 80px; } */
    .panel-graph-content { margin-bottom: 60px; }
    .panel-graph-content p.text-muted { margin-top: 0; }
    .panel-build-blocks { padding: 50px 0 80px; }
    .title-article { background-position: 0 0 !important; background-size: 8% !important; margin: 50px 0 25px !important; padding: 0 !important; font-size: 28px; line-height: 34px;}
	blockquote { margin: 0 0 38px; }
    .panel-link-download { background-position: 23px 50%; background-size: 11%; margin: 0 0 70px; padding:35px 24px 35px 121px; }
    #ent-metaverse { padding-bottom: 0 !important; }
    .enterprise-text-sec p.highlight-content { margin: 20px 0 80px !important; }
	.title-doc { font-size: 16px; }
	.page-row { padding: 50px 0 0 !important; }
    .img-overlay { padding: 30px; }
    .img-txt-banner { left: auto; bottom: 30px; }
    .img-txt-banner h3 { font-size: 40px; line-height: 1; margin-bottom: 25px !important; text-align: left; }
    section:nth-child(2) .panel-vid-content { margin-top: 0; }
    .custom-nav.active .navbar-default { background: #FFFFFF; box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.16); display: block; min-height: 100vh; position: fixed; right: 0; top: 0; width: 70%; z-index: 1050; }
    .custom-nav.active .navbar-default .container { padding: 0; } 
    .custom-nav.active .navbar-nav { margin: 40px 0 0; }
    .custom-nav.active .navbar-nav li { border-bottom:1px solid #f1f1f1;	padding-left: 20px; text-align: left; width: 100%; }
    .custom-nav.active .navbar-nav li a { color: #231F20; }
    .custom-nav.active .navbar-nav li.bg-progress { display: none; } 
    .custom-nav.active .navbar-nav li.active { background: #231F20; }
    .custom-nav.active .navbar-nav li.active a { color: #fff; }
    .header-scrolled .logo rect, .header-scrolled .logo path, .header-scrolled .icon-share path, .header-scrolled .icon-more-burger svg rect {
        fill: #fff;
    }
    #scroll-top { height: 44px; width: 44px; }
    .right-nav a, .right-nav a:focus { color: #fff !important; padding: 0; }
    .video-modal .modal-dialog { margin-top: 20%; max-width: 100%; }
    ul.nav-controls{
        width: 100%;
        display: inline-block;
        background: #F5F6F7;
        padding: 0 15px;
    }
    .mobile_share img {
        width: 20px;
        height: 20px;
    } 
    ul.navbar-nav .nav-item{
        margin-left: 0px;
    }
    .thumb { background-size:50%; height: 120px; left: 30px; top: 30px; width: 120px; }
}
@media screen and (max-width: 992px), screen and (max-height:750px) {
    .link-quickaccess { height: 44px; transition: all 0.7s ease-out; width: 44px; }
    .link-quickaccess .qa-menu li { height: 44px; min-height: 44px; padding: 0; width: 44px; border-radius: 50%; }
    .link-quickaccess { bottom: 34vh; right: 2vw; }
    .link-quickaccess li.full-report { bottom: 220px; }
    .link-quickaccess li.executive-summary { bottom: 176px; }
    .link-quickaccess li.interactive-report { bottom: 132px; }
    .link-quickaccess li.infographic { bottom: 88px; }
    .link-quickaccess li.video { bottom: 44px; }
    .link-quickaccess li span.hidden-sm { display: none; }
    .btn-links { padding: 12px 10px 0; }
}
@media only screen and (min-width :768px)  {	  
    .container { padding-left: 30px; padding-right: 30px; }
    ul.ai-org-list { margin-bottom: 40px; padding-left: 20px; }
    ul.ai-org-list > li { font-size: 18px; }
    .panel-link-download { background-position: 23px 50%; background-size: 11%; margin: 0 0 70px; padding: 35px 18px 35px 115px;}  
    .footer-border-left {
        border-left: 1px solid #fff;
    }
    ul.footer-txt > li:last-child {
        margin-bottom: 0px;
    }
    .footer ul{
        list-style-type: none;
        padding: 0;
        margin: 0;
    }
} 
@media only screen and (max-width: 576px) {
    .ftr-head{
        margin-top: 20px;
    }
    .thumb {
        background-size: 50%;
        height: 60px;
        left: 30px;
        top: 30px;
        width: 60px;
    }
    .icon-highlight { left:15px; transform: rotate(180deg); top:32px; }
    .highlight-content { padding: 105px 30px 40px; }
    .thumb { height: 40px; left: 20px; top: 20px; width: 40px; }
    .img-txt-banner h3 { float: right !important; font-size: 30px; margin-bottom: 0 !important; text-align: left; }
    .panel-link-download { padding: 35px 24px 35px 90px; }
}
@media print{
    .noprint {display:none;}
}


.flex_wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.align_items_center {
    align-items: center;
}
.mt-20 {
    margin-top: 20px;
}
.pt-75 {
    padding-top: 75px !important;
}
.pb-75 {
    padding-bottom: 75px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.ptb15 {
  padding: 15px 0 !important;
}
.bg-white {
  background-color: #fff;
}
.list-items {
    padding: 0;
    list-style-type: none;
    margin: 0;
}
.list-items li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px;
}
.list-items li::before {
    content: "\f105";
     font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 1px;
    font-size: 22px;
}
.h3-heading {
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 600;
}
.intro-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.icon_wrap li {
    list-style: none;
    display: inline-block;
    margin: 0px 10px;
}
.icon_wrap li a {
    font-weight: 600;
    font-size: 18px;
}
.icon_wrap li a span {
    background-color: #000;
    padding: 1px 7px 6px;
    border-radius: 15px;
    margin-right: 2px;
}
.icon_wrap li a span img {
    width: 15px;
    height: 15px;
}

/* custom footer */
footer {
  position: relative;
  background: #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: #595959;
  font-size: 16px;
  font-weight: 400;
}
.ul.footer-txt > li > a:hover {
  text-decoration: none;
}
.ftr-head {
  color: #000000;
  font-size: 22px;
  font-weight: 900;
  margin-top: 0;
}

/* Footer */
ul.footer-txt>li>a {
  position: relative;
  text-decoration: none;
  padding-bottom: 4px;
  background: linear-gradient(90deg, #767676, #767676);
  background-size: 100% 1px;
  background-position-x: 0%;
  background-position-y: calc(100% - 1px);
  background-repeat: no-repeat;
  padding-left: 0px;
  padding-right: 0px;
}
ul.footer-txt>li>a:hover,  ul.footer-txt>li>a:focus { 
  animation-name: underlineHover;
  animation-duration: 0.6s;
  animation-timing-function: ease-in-out;
}
ul.footer-txt>li>a[title~="Follow"] {
  background: none !important;
}

@keyframes underlineHover {
0% {
  background-position-x: 100%;
  background-size: 100% 1px;
}
50% {
  background-position-x: 100%;
  background-size: 0% 1px;
}
51% {
  background-position-x: 0%;
  background-size: 0% 1px;
}
100% {
  background-position-x: 0%;
  background-size: 100% 1px;
}
}

/* custom footer end */



@media only screen and (max-width: 1024px) {
.title-intro h1 { 
    font-size: 70px; 
}
}

@media only screen and (max-width: 992px) {
.title-intro h1 { 
    font-size: 60px; 
}
}
@media only screen and (max-width: 767px) {
.intro-wrapper {
    height: 60vh;
}
.intro-bg {
    height: 60vh;
}

}


@media only screen and (max-width: 600px) {
.title-intro h1 {
    font-size: 50px;
}
.icon_wrap li {
    display: block;
    margin-bottom: 15px;
    text-align: left;
}
}