.mega-menu-wrapper {
  display: contents;
}
 
.mega-menu-container {
  width: 100%;
  height: 400px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-direction: column;
}
 
.mega-menu-navlink1 {
  display: contents;
}
 
.mega-menu-thq-page-one-elm1 {
  color: rgba(255, 255, 255, 1);
  margin-bottom: var(--dl-layout-space-halfunit);
  text-decoration: none;
}
 
.mega-menu-navlink2 {
  display: contents;
}
 
.mega-menu-thq-page-one-elm2 {
  color: rgb(255, 255, 255);
  margin-bottom: var(--dl-layout-space-halfunit);
  text-decoration: none;
}
 
.mega-menu-navlink3 {
  display: contents;
}
 
.mega-menu-thq-page-one-elm3 {
  color: rgb(255, 255, 255);
  margin-bottom: var(--dl-layout-space-halfunit);
  text-decoration: none;
}
 
.mega-menu-navlink4 {
  display: contents;
}
 
.mega-menu-thq-page-one-elm4 {
  color: rgb(255, 255, 255);
  margin-bottom: var(--dl-layout-space-halfunit);
  text-decoration: none;
}
 
.mega-menu-navlink5 {
  display: contents;
}
 
.mega-menu-thq-page-one-elm5 {
  color: rgb(255, 255, 255);
  margin-bottom: var(--dl-layout-space-halfunit);
  text-decoration: none;
}
 
.mega-menu-navlink6 {
  display: contents;
}
 
.mega-menu-thq-page-one-elm6 {
  color: rgb(255, 255, 255);
  text-decoration: none;
}
 

 

 

 

 

 

 

 

 

 
@media(max-width: 767px) {
  .mega-menu-thq-page-one-elm2 {
    color: rgb(255, 255, 255);
    text-decoration: none;
  }
  .mega-menu-thq-page-one-elm3 {
    color: rgb(255, 255, 255);
    text-decoration: none;
  }
  .mega-menu-thq-page-one-elm4 {
    color: rgb(255, 255, 255);
    text-decoration: none;
  }
  .mega-menu-thq-page-one-elm5 {
    color: rgb(255, 255, 255);
    text-decoration: none;
  }
  .mega-menu-thq-page-one-elm6 {
    color: rgb(255, 255, 255);
    text-decoration: none;
  }
}
 
@media(max-width: 479px) {
  .mega-menu-thq-page-one-elm1 {
    color: rgb(255, 255, 255);
    margin-bottom: var(--dl-layout-space-halfunit);
    text-decoration: none;
  }
  .mega-menu-thq-page-one-elm2 {
    color: rgb(255, 255, 255);
    text-decoration: none;
  }
  .mega-menu-thq-page-one-elm3 {
    color: rgb(255, 255, 255);
    margin-bottom: var(--dl-layout-space-halfunit);
    text-decoration: none;
  }
  .mega-menu-thq-page-one-elm4 {
    color: rgb(255, 255, 255);
    margin-bottom: var(--dl-layout-space-halfunit);
    text-decoration: none;
  }
  .mega-menu-thq-page-one-elm5 {
    color: rgb(255, 255, 255);
    margin-bottom: var(--dl-layout-space-halfunit);
    text-decoration: none;
  }
  .mega-menu-thq-page-one-elm6 {
    color: rgb(255, 255, 255);
    margin-bottom: var(--dl-layout-space-halfunit);
    text-decoration: none;
  }
}

.header-light-wrapper {
  display: contents;
}
 
.header-light-thq-header-elm {
  width: 100%;
  height: 100px;
  display: flex;
  padding: var(--dl-layout-space-twounits);
  z-index: 100;
  position: relative;
  align-self: flex-start;
  align-items: center;
  margin-bottom: var(--dl-layout-space-twounits);
  flex-direction: column;
  justify-content: flex-start;
}
 
.header-light-container10 {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
 
.header-light-thq-header-wrapper-elm1 {
  flex: 0 0 auto;
  width: 1620px;
  height: 100%;
  display: flex;
  z-index: 2;
  align-self: center;
  align-items: flex-start;
  animation-name: none;
  animation-delay: 0s;
  animation-duration: 300ms;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
 
.header-light-container11 {
  flex: 0 0 auto;
  width: 33.3%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
 
.header-light-navlink1 {
  display: contents;
}
 
.header-light-image1 {
  width: auto;
  object-fit: cover;
  text-decoration: none;
}
 
.header-light-container12 {
  flex: 0 0 auto;
  width: 33.3%;
  height: 100%;
  display: flex;
  align-self: center;
  align-items: center;
  justify-content: center;
}
 
.header-light-container13 {
  display: none;
  align-items: center;
  border-color: var(--dl-color-infosys-sapphire-brand-sapphire-medium);
  justify-content: center;
  background-color: var(--dl-color-infosys-sapphire-brand-sapphire-medium);
}
 
.header-light-image2 {
  width: auto;
  object-fit: cover;
  margin-right: var(--dl-layout-space-unit);
  text-decoration: none;
}
 
.header-light-image3 {
  width: auto;
  object-fit: cover;
  text-decoration: none;
}
 
.header-light-container14 {
  flex: 0 0 auto;
  width: 33.3%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
 
.header-light-navlink3 {
  display: contents;
}
 
.header-light-container15 {
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-end;
  text-decoration: none;
}
 
.header-light-thq-tagline-elm1 {
  fill: var(--dl-color-infosys-basic-white);
  color: var(--dl-color-infosys-basic-white);
  height: auto;
  font-size: 2rem;
  font-style: Medium;
  text-align: left;
  font-family: "Tungsten-Medium";
  font-weight: 500;
  line-height: 1;
  font-stretch: normal;
  margin-bottom: 5px;
  letter-spacing: 0.1rem;
  text-decoration: none;
}
 
.header-light-thq-tagline-elm2 {
  fill: var(--dl-color-infosys-basic-white);
  color: var(--dl-color-infosys-basic-white);
  height: auto;
  font-size: 12px;
  font-style: Medium;
  text-align: right;
  font-family: "Arial";
  font-weight: 500;
  line-height: 1;
  font-stretch: normal;
  letter-spacing: 0.1rem;
  text-decoration: none;
}
 
.header-light-thq-icon-group-elm {
  display: flex;
}
 
.header-light-thq-burger-menu-elm {
  display: none;
}
 
.header-light-icon1 {
  width: var(--dl-layout-size-xsmall);
  height: var(--dl-layout-size-xsmall);
  display: flex;
}
 
.header-light-thq-mobile-menu-elm {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  display: none;
  padding: var(--dl-layout-space-twounits);
  z-index: 999;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  background-color: var(--dl-color-infosys-sapphire-brand-sapphire-dark);
}
 
.header-light-thq-nav-elm {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.header-light-thq-header-wrapper-elm2 {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  z-index: 2;
  align-self: center;
  align-items: flex-start;
  margin-bottom: var(--dl-layout-space-twounits);
  animation-name: none;
  animation-delay: 0s;
  animation-duration: 300ms;
  animation-direction: normal;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}
 
.header-light-container16 {
  flex: 0 0 auto;
  width: 33.3%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
 
.header-light-image4 {
  width: auto;
  object-fit: cover;
  text-decoration: none;
}
 
.header-light-container17 {
  flex: 0 0 auto;
  width: 33.3%;
  height: 100%;
  display: flex;
  align-self: center;
  align-items: center;
  justify-content: center;
}
 
.header-light-container18 {
  display: none;
  align-items: center;
  border-color: var(--dl-color-infosys-sapphire-brand-sapphire-medium);
  justify-content: center;
  background-color: var(--dl-color-infosys-sapphire-brand-sapphire-medium);
}
 
.header-light-image5 {
  width: auto;
  object-fit: cover;
  margin-right: var(--dl-layout-space-unit);
  text-decoration: none;
}
 
.header-light-image6 {
  width: auto;
  object-fit: cover;
  text-decoration: none;
}
 
.header-light-container19 {
  flex: 0 0 auto;
  width: 33.3%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
 
.header-light-thq-close-mobile-menu-elm {
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.header-light-icon3 {
  fill: #85DCFF;
  width: auto;
  height: var(--dl-layout-size-small);
}
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 
.header-lightroot-class-name102 {
  z-index: 100;
}
 

 
.header-lightroot-class-name104 {
  z-index: 100;
}
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 
.header-lightroot-class-name134 {
  padding-left: 0px;
  padding-right: 0px;
}
 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 
@media(max-width: 1600px) {
  .header-light-thq-header-elm {
    width: 100%;
  }
  .header-light-container10 {
    width: 95%;
    align-self: center;
  }
  .header-light-thq-header-wrapper-elm1 {
    width: 100%;
  }
  .header-light-container11 {
    position: relative;
  }
  .header-light-thq-tagline-elm1 {
    fill: var(--dl-color-infosys-sapphire-sapphire-light);
    color: var(--dl-color-infosys-basic-white);
  }
  .header-light-thq-tagline-elm2 {
    fill: var(--dl-color-infosys-basic-white);
    color: var(--dl-color-infosys-basic-white);
  }
  .header-light-thq-mobile-menu-elm {
    display: none;
  }
  .header-light-thq-header-wrapper-elm2 {
    width: 100%;
  }
  .header-light-icon3 {
    height: var(--dl-layout-size-small);
  }
  .header-lightroot-class-name134 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
 
@media(max-width: 1200px) {
  .header-light-thq-header-wrapper-elm1 {
    width: 100%;
  }
  .header-light-image1 {
    height: 40px;
  }
  .header-light-thq-mobile-menu-elm {
    display: none;
  }
  .header-light-thq-header-wrapper-elm2 {
    width: 100%;
  }
  .header-light-image4 {
    height: 40px;
  }
  .header-light-icon3 {
    height: var(--dl-layout-size-small);
  }
  .header-lightroot-class-name134 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
 
@media(max-width: 991px) {
  .header-light-thq-header-wrapper-elm1 {
    width: 100%;
  }
  .header-light-image1 {
    height: 40px;
  }
  .header-light-container14 {
    flex-direction: row;
  }
  .header-light-thq-mobile-menu-elm {
    display: none;
  }
  .header-light-thq-header-wrapper-elm2 {
    width: 100%;
  }
  .header-light-image4 {
    height: 40px;
  }
  .header-light-container19 {
    flex-direction: row;
  }
  .header-light-icon3 {
    height: var(--dl-layout-size-small);
  }
  .header-lightroot-class-name134 {
    padding-left: 0px;
    padding-right: 0px;
  }
}
 
@media(max-width: 767px) {
  .header-light-thq-header-elm {
    padding: var(--dl-layout-space-twounits);
  }
  .header-light-thq-header-wrapper-elm1 {
    width: 100%;
  }
  .header-light-image1 {
    height: 30px;
  }
  .header-light-container14 {
    flex-direction: row;
  }
  .header-light-thq-tagline-elm1 {
    display: none;
  }
  .header-light-thq-tagline-elm2 {
    display: none;
  }
  .header-light-thq-icon-group-elm {
    z-index: 100;
  }
  .header-light-thq-burger-menu-elm {
    display: flex;
    align-items: center;
    margin-right: 16px;
    justify-content: center;
  }
  .header-light-icon1 {
    fill: var(--dl-color-infosys-sapphire-brand-sapphire-background);
    width: auto;
    height: var(--dl-layout-size-small);
  }
  .header-light-thq-mobile-menu-elm {
    height: 100vh;
    display: none;
  }
  .header-light-thq-header-wrapper-elm2 {
    width: 100%;
  }
  .header-light-image4 {
    height: 40px;
  }
  .header-light-container19 {
    flex-direction: row;
  }
  .header-light-icon3 {
    height: var(--dl-layout-size-small);
  }
  .header-lightroot-class-name134 {
    padding-top: var(--dl-layout-space-twounits);
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: var(--dl-layout-space-twounits);
  }
}
 
@media(max-width: 479px) {
  .header-light-thq-header-elm {
    padding: var(--dl-layout-space-twounits);
  }
  .header-light-thq-header-wrapper-elm1 {
    width: 100%;
  }
  .header-light-image1 {
    height: 40px;
  }
  .header-light-container13 {
    display: none;
    padding-left: 20px;
    padding-right: 20px;
  }
  .header-light-image2 {
    width: auto;
    height: 30px;
  }
  .header-light-image3 {
    width: auto;
    height: 30px;
  }
  .header-light-container14 {
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
  }
  .header-light-thq-tagline-elm1 {
    display: none;
  }
  .header-light-thq-tagline-elm2 {
    display: none;
  }
  .header-light-icon1 {
    fill: var(--dl-color-infosys-sapphire-brand-sapphire-background);
    width: auto;
    height: var(--dl-layout-size-small);
  }
  .header-light-thq-mobile-menu-elm {
    display: none;
    padding: var(--dl-layout-space-twounits);
    background-color: var(--dl-color-infosys-sapphire-brand-sapphire-dark);
  }
  .header-light-thq-header-wrapper-elm2 {
    width: 100%;
    margin-bottom: var(--dl-layout-space-twounits);
  }
  .header-light-image4 {
    height: 40px;
  }
  .header-light-container18 {
    border-color: var(--dl-color-infosys-sapphire-brand-sapphire-medium);
    padding-left: 20px;
    padding-right: 20px;
    background-color: var(--dl-color-infosys-sapphire-brand-sapphire-medium);
  }
  .header-light-image5 {
    width: auto;
    height: 30px;
    margin-right: var(--dl-layout-space-unit);
  }
  .header-light-image6 {
    width: auto;
    height: 30px;
  }
  .header-light-container19 {
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
  }
  .header-light-icon3 {
    width: auto;
    height: var(--dl-layout-size-small);
  }
  .header-lightroot-class-name134 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .header-lightroot-class-name137 {
    padding: 0px;
    padding-top: var(--dl-layout-space-twounits);
    padding-left: var(--dl-layout-space-twounits);
    padding-right: var(--dl-layout-space-twounits);
    padding-bottom: var(--dl-layout-space-twounits);
  }
}

.infosys-portals-wrapper {
  display: contents;
}
 
.infosys-portals-thq-infosys-icons-elm {
  width: 100%;
  height: 200px;
  display: flex;
  position: relative;
  flex-direction: column;
}
 
.infosys-portals-thq-vector-elm1 {
  top: 0px;
  left: 0px;
  height: 200px;
  margin: auto;
  z-index: 2;
  position: absolute;
  align-self: stretch;
}
 
.infosys-portals-thq-vector-elm2 {
  top: 0px;
  right: 0px;
  height: 200px;
  margin: auto;
  z-index: 2;
  position: absolute;
  align-self: stretch;
}
 
.infosys-portalsroot-class-name {
  top: 0px;
  width: 100%;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name1 {
  top: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name2 {
  top: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name3 {
  top: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name4 {
  top: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name5 {
  top: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name6 {
  top: 433px;
  left: 0px;
  width: 100%;
  position: absolute;
}
 
.infosys-portalsroot-class-name7 {
  top: 0px;
  width: 100%;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name8 {
  top: 0px;
  width: 100%;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name9 {
  top: 0px;
  width: 100%;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name10 {
  top: 0px;
  width: 100%;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name11 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name12 {
  top: 0px;
  width: 100%;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name13 {
  top: 0px;
  width: 100%;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name14 {
  top: 0px;
  width: 100%;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name15 {
  top: 0px;
  width: 100%;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name16 {
  top: 0px;
  width: 100%;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name17 {
  top: 0px;
  width: 100%;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name18 {
  top: 0px;
  width: 100%;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name19 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name20 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name21 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name22 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name23 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name24 {
  top: 0px;
  width: 100%;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name25 {
  top: 0px;
  width: 100%;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name26 {
  top: 0px;
  width: 100%;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name27 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name28 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name29 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name30 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name31 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name32 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name33 {
  top: 0px;
  width: 100%;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name34 {
  top: 0px;
  width: 100%;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name35 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name36 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name37 {
  top: 0px;
  width: 100%;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name38 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name39 {
  top: 0px;
  width: 100%;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name40 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name41 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name42 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name43 {
  top: 0px;
  width: 100%;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name44 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name45 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name46 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name47 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name48 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name49 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name50 {
  top: 0px;
  width: 100%;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name51 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name52 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name53 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name54 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name55 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name56 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name57 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name58 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name59 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name60 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name61 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name62 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name63 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name64 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name65 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name66 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name67 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name68 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name69 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name70 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name71 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name72 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name73 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name74 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name75 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name76 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name77 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name78 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name79 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name80 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name81 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name82 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name83 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name84 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name85 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name86 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name87 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name88 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name89 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name90 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name91 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name92 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name93 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name94 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name95 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name96 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name97 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name98 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name99 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name100 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name101 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name102 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name103 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name104 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.infosys-portalsroot-class-name105 {
  top: 0px;
  left: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
@media(max-width: 1600px) {
  .infosys-portals-thq-infosys-icons-elm {
    width: 100%;
  }
}
 
@media(max-width: 1200px) {
  .infosys-portals-thq-infosys-icons-elm {
    width: 100%;
    height: 150px;
  }
  .infosys-portals-thq-vector-elm1 {
    height: 150px;
  }
  .infosys-portals-thq-vector-elm2 {
    height: 150px;
  }
}
 
@media(max-width: 991px) {
  .infosys-portals-thq-infosys-icons-elm {
    width: 100%;
    height: 150px;
  }
  .infosys-portals-thq-vector-elm1 {
    height: 150px;
  }
  .infosys-portals-thq-vector-elm2 {
    height: 150px;
  }
}
 
@media(max-width: 767px) {
  .infosys-portals-thq-infosys-icons-elm {
    width: 100%;
    height: 150px;
  }
  .infosys-portals-thq-vector-elm1 {
    height: 150px;
  }
  .infosys-portals-thq-vector-elm2 {
    height: 150px;
  }
}
 
@media(max-width: 479px) {
  .infosys-portals-thq-infosys-icons-elm {
    width: 100%;
    height: 100px;
  }
  .infosys-portals-thq-vector-elm1 {
    height: 100px;
    animation-name: fadeIn;
    animation-delay: 0s;
    animation-duration: 2000ms;
    animation-direction: normal;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
  }
  .infosys-portals-thq-vector-elm2 {
    height: 100px;
    animation-name: fadeIn;
    animation-delay: 0s;
    animation-duration: 2000ms;
    animation-direction: normal;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
  }
}

.introduction001-container10 {
  width: 100%;
  display: flex;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
  background-size: cover;
  background-image: url("public/images/img-bg-sap-generic-01-1500w.jpg");
  background-position: center;
}
 
.introduction001-thq-header-shadow-elm {
  z-index: 2;
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.90) 21.07%, rgba(0, 0, 0, 0.00) 61.94%);
}
 
.introduction001-thq-main-container-elm {
  top: 0px;
  bottom: 0px;
  margin: auto;
  position: absolute;
}
 
.introduction001-thq-content-wrapper-elm {
  align-self: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
 
.introduction001-thq-column-elm1 {
  flex: 0 0 auto;
  display: flex;
  position: relative;
  align-self: center;
  align-items: flex-start;
  margin-bottom: var(--dl-layout-space-twounits);
  flex-direction: column;
}
 
.introduction001-container11 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
}
 
.introduction001-container12 {
  display: flex;
  align-items: flex-start;
  margin-right: var(--dl-layout-space-threeunits);
  margin-bottom: 0px;
  flex-direction: column;
}
 
.introduction001-thq-text-elm10 {
  fill: var(--dl-color-infosys-basic-white);
  color: var(--dl-color-infosys-basic-white);
  margin-bottom: var(--dl-layout-space-halfunit);
}
 
.introduction001-thq-tagline-elm {
  fill: var(--dl-color-infosys-basic-white);
  color: var(--dl-color-infosys-basic-white);
  height: auto;
  font-style: Medium;
  text-align: right;
  font-family: "Arial";
  font-weight: 500;
  line-height: 1;
  font-stretch: normal;
  letter-spacing: 0.1rem;
  text-decoration: none;
}
 
.introduction001-container13 {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0px;
  flex-direction: row;
  justify-content: flex-start;
}
 
.introduction001-thq-text-elm11 {
  fill: var(--dl-color-infosys-sapphire-brand-sapphire-light);
  color: var(--dl-color-infosys-sapphire-brand-sapphire-light);
  width: 80%;
  align-self: center;
  font-style: normal;
  font-family: "Arial";
  font-weight: 700;
  font-stretch: normal;
  margin-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
}
 
.introduction001-thq-column-elm2 {
  flex: 0 0 auto;
  display: flex;
  position: relative;
  align-self: flex-start;
  align-items: flex-start;
  margin-bottom: 0px;
  flex-direction: column;
}
 
.introduction001-container14 {
  gap: var(--dl-layout-space-unit);
  width: 100%;
  display: grid;
  place-items: center;
  grid-template-rows: repeat(1, 1fr);
  grid-template-columns: repeat(4, 1fr);
}
 
.introduction001-container15 {
  width: 100%;
  height: 400px;
}
 
.introduction001-container16 {
  width: 100%;
  position: relative;
}
 
.introduction001-container17 {
  width: 100%;
  height: 400px;
  display: grid;
  padding: var(--dl-layout-space-twounits);
  z-index: 2;
  position: relative;
  align-items: center;
  border-color: var(--dl-color-infosys-sapphire-brand-sapphinre-dark);
  justify-items: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 5px;
}
 
.introduction001-image10 {
  width: auto;
  height: 150px;
  align-self: center;
  object-fit: cover;
  margin-bottom: var(--dl-layout-space-unit);
}
 
.introduction001-thq-divider-elm10 {
  flex: 0 0 auto;
  width: 240px;
  height: 1px;
  display: flex;
  align-self: center;
  margin-top: var(--dl-layout-space-unit);
  align-items: center;
  border-color: #D9D9D9;
  border-style: solid;
  border-width: 5px;
  margin-bottom: var(--dl-layout-space-unit);
  flex-direction: column;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
}
 
.introduction001-thq-text-elm12 {
  fill: var(--dl-color-infosys-basic-white);
  color: var(--dl-color-infosys-basic-white);
  height: auto;
  align-self: stretch;
  text-align: center;
  font-stretch: normal;
  text-decoration: none;
}
 
.introduction001-container18 {
  left: 0px;
  width: 100%;
  bottom: 0px;
  height: 400px;
  display: flex;
  z-index: 1;
  position: absolute;
  text-decoration: none;
}
 
.introduction001-container19 {
  width: 100%;
  height: 400px;
  display: flex;
  padding: var(--dl-layout-space-unit);
  align-items: center;
  border-color: var(--dl-color-infosys-sapphire-brand-sapphinre-dark);
  border-radius: var(--dl-layout-radius-radius8);
  flex-direction: column;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 5px;
}
 
.introduction001-thq-divider-elm11 {
  flex: 0 0 auto;
  width: 240px;
  height: 1px;
  display: flex;
  align-self: center;
  margin-top: var(--dl-layout-space-unit);
  align-items: center;
  border-color: #D9D9D9;
  border-style: solid;
  border-width: 5px;
  margin-bottom: var(--dl-layout-space-unit);
  flex-direction: column;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
}
 
.introduction001-thq-text-elm13 {
  fill: var(--dl-color-infosys-basic-white);
  color: var(--dl-color-infosys-basic-white);
  height: auto;
  align-self: stretch;
  text-align: center;
  font-stretch: normal;
  text-decoration: none;
}
 
.introduction001-container20 {
  width: 100%;
  height: 400px;
  position: relative;
}
 
.introduction001-container21 {
  width: 100%;
  position: relative;
}
 
.introduction001-container22 {
  width: 100%;
  height: 400px;
  display: grid;
  padding: var(--dl-layout-space-twounits);
  z-index: 2;
  position: relative;
  align-items: center;
  border-color: var(--dl-color-infosys-sapphire-brand-sapphinre-dark);
  justify-items: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 5px;
}
 
.introduction001-image11 {
  width: auto;
  height: 150px;
  align-self: center;
  object-fit: cover;
  margin-bottom: var(--dl-layout-space-unit);
}
 
.introduction001-thq-divider-elm12 {
  flex: 0 0 auto;
  width: 240px;
  height: 1px;
  display: flex;
  align-self: center;
  margin-top: var(--dl-layout-space-unit);
  align-items: center;
  border-color: #D9D9D9;
  border-style: solid;
  border-width: 5px;
  margin-bottom: var(--dl-layout-space-unit);
  flex-direction: column;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
}
 
.introduction001-thq-text-elm14 {
  fill: var(--dl-color-infosys-basic-white);
  color: var(--dl-color-infosys-basic-white);
  height: auto;
  align-self: stretch;
  text-align: center;
  font-stretch: normal;
  text-decoration: none;
}
 
.introduction001-container23 {
  left: 0px;
  width: 100%;
  bottom: 0px;
  height: 400px;
  display: flex;
  z-index: 1;
  position: absolute;
  text-decoration: none;
}
 
.introduction001-container24 {
  width: 100%;
  height: 400px;
  display: flex;
  padding: var(--dl-layout-space-unit);
  align-items: center;
  border-color: var(--dl-color-infosys-sapphire-brand-sapphinre-dark);
  border-radius: var(--dl-layout-radius-radius8);
  flex-direction: column;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 5px;
}
 
.introduction001-thq-divider-elm13 {
  flex: 0 0 auto;
  width: 240px;
  height: 1px;
  display: flex;
  align-self: center;
  margin-top: var(--dl-layout-space-unit);
  align-items: center;
  border-color: #D9D9D9;
  border-style: solid;
  border-width: 5px;
  margin-bottom: var(--dl-layout-space-unit);
  flex-direction: column;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
}
 
.introduction001-thq-text-elm15 {
  fill: var(--dl-color-infosys-basic-white);
  color: var(--dl-color-infosys-basic-white);
  height: auto;
  align-self: stretch;
  text-align: center;
  font-stretch: normal;
  text-decoration: none;
}
 
.introduction001-container25 {
  width: 100%;
  height: 400px;
  position: relative;
}
 
.introduction001-container26 {
  width: 100%;
  position: relative;
}
 
.introduction001-container27 {
  width: 100%;
  height: 400px;
  display: grid;
  padding: var(--dl-layout-space-twounits);
  z-index: 2;
  position: relative;
  align-items: center;
  border-color: var(--dl-color-infosys-sapphire-brand-sapphinre-dark);
  justify-items: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 5px;
}
 
.introduction001-image12 {
  width: auto;
  height: 150px;
  align-self: center;
  object-fit: cover;
  margin-bottom: var(--dl-layout-space-unit);
}
 
.introduction001-thq-divider-elm14 {
  flex: 0 0 auto;
  width: 240px;
  height: 1px;
  display: flex;
  align-self: center;
  margin-top: var(--dl-layout-space-unit);
  align-items: center;
  border-color: #D9D9D9;
  border-style: solid;
  border-width: 5px;
  margin-bottom: var(--dl-layout-space-unit);
  flex-direction: column;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
}
 
.introduction001-thq-text-elm16 {
  fill: var(--dl-color-infosys-basic-white);
  color: var(--dl-color-infosys-basic-white);
  height: auto;
  align-self: stretch;
  text-align: center;
  font-stretch: normal;
  text-decoration: none;
}
 
.introduction001-container28 {
  left: 0px;
  width: 100%;
  bottom: 0px;
  height: 400px;
  display: flex;
  z-index: 1;
  position: absolute;
  text-decoration: none;
}
 
.introduction001-container29 {
  width: 100%;
  height: 400px;
  display: flex;
  padding: var(--dl-layout-space-unit);
  align-items: center;
  border-color: var(--dl-color-infosys-sapphire-brand-sapphinre-dark);
  border-radius: var(--dl-layout-radius-radius8);
  flex-direction: column;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 5px;
}
 
.introduction001-thq-divider-elm15 {
  flex: 0 0 auto;
  width: 240px;
  height: 1px;
  display: flex;
  align-self: center;
  margin-top: var(--dl-layout-space-unit);
  align-items: center;
  border-color: #D9D9D9;
  border-style: solid;
  border-width: 5px;
  margin-bottom: var(--dl-layout-space-unit);
  flex-direction: column;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
}
 
.introduction001-thq-text-elm17 {
  fill: var(--dl-color-infosys-basic-white);
  color: var(--dl-color-infosys-basic-white);
  height: auto;
  align-self: stretch;
  text-align: center;
  font-stretch: normal;
  text-decoration: none;
}
 
.introduction001-container30 {
  width: 100%;
  height: 400px;
  position: relative;
}
 
.introduction001-container31 {
  width: 100%;
  position: relative;
}
 
.introduction001-container32 {
  width: 100%;
  height: 400px;
  display: grid;
  padding: var(--dl-layout-space-twounits);
  z-index: 2;
  position: relative;
  align-items: center;
  border-color: var(--dl-color-infosys-sapphire-brand-sapphinre-dark);
  justify-items: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 5px;
}
 
.introduction001-image13 {
  width: auto;
  height: 150px;
  align-self: center;
  object-fit: cover;
  margin-bottom: var(--dl-layout-space-unit);
}
 
.introduction001-thq-divider-elm16 {
  flex: 0 0 auto;
  width: 240px;
  height: 1px;
  display: flex;
  align-self: center;
  margin-top: var(--dl-layout-space-unit);
  align-items: center;
  border-color: #D9D9D9;
  border-style: solid;
  border-width: 5px;
  margin-bottom: var(--dl-layout-space-unit);
  flex-direction: column;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
}
 
.introduction001-thq-text-elm18 {
  fill: var(--dl-color-infosys-basic-white);
  color: var(--dl-color-infosys-basic-white);
  height: auto;
  align-self: stretch;
  text-align: center;
  font-stretch: normal;
  text-decoration: none;
}
 
.introduction001-container33 {
  left: 0px;
  width: 100%;
  bottom: 0px;
  height: 400px;
  display: flex;
  z-index: 1;
  position: absolute;
  text-decoration: none;
}
 
.introduction001-container34 {
  width: 100%;
  height: 400px;
  display: flex;
  padding: var(--dl-layout-space-unit);
  align-items: center;
  border-color: var(--dl-color-infosys-sapphire-brand-sapphinre-dark);
  border-radius: var(--dl-layout-radius-radius8);
  flex-direction: column;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 5px;
}
 
.introduction001-thq-divider-elm17 {
  flex: 0 0 auto;
  width: 240px;
  height: 1px;
  display: flex;
  align-self: center;
  margin-top: var(--dl-layout-space-unit);
  align-items: center;
  border-color: #D9D9D9;
  border-style: solid;
  border-width: 5px;
  margin-bottom: var(--dl-layout-space-unit);
  flex-direction: column;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
}
 
.introduction001-thq-text-elm19 {
  fill: var(--dl-color-infosys-basic-white);
  color: var(--dl-color-infosys-basic-white);
  height: auto;
  align-self: stretch;
  text-align: center;
  font-stretch: normal;
  text-decoration: none;
}
 
.introduction001-thq-column-container-elm {
  gap: 1%;
  flex: 0 0 auto;
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-self: flex-start;
  align-items: flex-start;
  margin-bottom: 0px;
  flex-direction: row;
  justify-content: flex-start;
}
 
.introduction001-thq-text-elm20 {
  color: var(--dl-color-infosys-basic-white);
  width: 100%;
  height: auto;
  align-self: stretch;
  font-style: normal;
  margin-top: var(--dl-layout-space-unit);
  font-family: "Arial";
  font-weight: 700;
  font-stretch: normal;
  margin-bottom: var(--dl-layout-space-unit);
  text-decoration: none;
}
 
.introduction001-container35 {
  gap: var(--dl-layout-space-unit);
  width: 100%;
  display: grid;
  grid-template-rows: repeat(1, 1fr);
  grid-template-columns: repeat(5, 1fr);
}
 
.introduction001-thq-column-elm3 {
  flex: 0 0 auto;
  display: flex;
  padding: var(--dl-layout-space-unit);
  position: relative;
  align-self: stretch;
  align-items: stretch;
  flex-direction: row;
}
 
.introduction001-image14 {
  width: auto;
  height: 40px;
  align-self: flex-start;
  object-fit: cover;
  margin-right: var(--dl-layout-space-unit);
  margin-bottom: var(--dl-layout-space-unit);
}
 
.introduction001-container36 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.introduction001-thq-text-elm21 {
  color: var(--dl-color-infosys-basic-white);
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  align-self: stretch;
  font-style: Regular;
  font-family: "Arial";
  font-weight: 400;
  font-stretch: normal;
  flex-direction: column;
  justify-content: flex-start;
  text-decoration: none;
}
 
.introduction001-text24 {
  color: var(--dl-color-infosys-sapphire-brand-sapphinre-dark);
  font-style: normal;
  font-weight: 700;
}
 
.introduction001-thq-divider-elm18 {
  flex: 0 0 auto;
  width: 240px;
  height: 1px;
  display: flex;
  align-self: flex-start;
  align-items: center;
  border-color: #D9D9D9;
  border-style: solid;
  border-width: 5px;
  flex-direction: column;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
}
 
.introduction001-thq-column-elm4 {
  flex: 0 0 auto;
  display: flex;
  padding: var(--dl-layout-space-unit);
  align-self: stretch;
  align-items: stretch;
  flex-direction: row;
}
 
.introduction001-image15 {
  width: auto;
  height: 40px;
  align-self: flex-start;
  object-fit: cover;
  margin-right: var(--dl-layout-space-unit);
  margin-bottom: var(--dl-layout-space-unit);
}
 
.introduction001-container37 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.introduction001-thq-text-elm22 {
  color: var(--dl-color-infosys-basic-white);
  height: auto;
  align-self: stretch;
  font-style: Regular;
  font-family: "Arial";
  font-weight: 400;
  font-stretch: normal;
  margin-bottom: TwoUnits;
  text-decoration: none;
}
 
.introduction001-text26 {
  color: var(--dl-color-infosys-sapphire-brand-sapphinre-dark);
  font-style: normal;
  font-weight: 700;
}
 
.introduction001-text27 {
  color: var(--dl-color-infosys-sapphire-brand-sapphinre-dark);
  font-style: normal;
  font-weight: 700;
}
 
.introduction001-thq-divider-elm19 {
  flex: 0 0 auto;
  width: 240px;
  height: 1px;
  display: flex;
  align-self: flex-start;
  align-items: center;
  border-color: #D9D9D9;
  border-style: solid;
  border-width: 5px;
  flex-direction: column;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
}
 
.introduction001-thq-column-elm5 {
  flex: 0 0 auto;
  display: flex;
  padding: var(--dl-layout-space-unit);
  align-self: stretch;
  align-items: stretch;
  flex-direction: row;
}
 
.introduction001-image16 {
  width: auto;
  height: 40px;
  align-self: flex-start;
  object-fit: cover;
  margin-right: var(--dl-layout-space-unit);
  margin-bottom: var(--dl-layout-space-unit);
}
 
.introduction001-container38 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.introduction001-thq-text-elm23 {
  color: var(--dl-color-infosys-basic-white);
  width: 100%;
  height: auto;
  align-self: stretch;
  font-style: Regular;
  font-family: "Arial";
  font-weight: 400;
  font-stretch: normal;
  text-decoration: none;
}
 
.introduction001-text29 {
  color: var(--dl-color-infosys-sapphire-brand-sapphinre-dark);
  font-style: normal;
  font-weight: 700;
}
 
.introduction001-text30 {
  color: var(--dl-color-infosys-sapphire-brand-sapphinre-dark);
  font-style: normal;
  font-weight: 700;
}
 
.introduction001-thq-divider-elm20 {
  flex: 0 0 auto;
  width: 240px;
  height: 1px;
  display: flex;
  align-self: flex-start;
  align-items: center;
  border-color: #D9D9D9;
  border-style: solid;
  border-width: 5px;
  flex-direction: column;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
}
 
.introduction001-thq-column-elm6 {
  flex: 0 0 auto;
  display: flex;
  padding: var(--dl-layout-space-unit);
  align-self: stretch;
  align-items: stretch;
  flex-direction: row;
}
 
.introduction001-image17 {
  width: auto;
  height: 40px;
  align-self: flex-start;
  object-fit: cover;
  margin-right: var(--dl-layout-space-unit);
  margin-bottom: var(--dl-layout-space-unit);
}
 
.introduction001-container39 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.introduction001-thq-text-elm24 {
  color: var(--dl-color-infosys-basic-white);
  width: 100%;
  height: auto;
  align-self: stretch;
  font-style: Regular;
  font-family: "Arial";
  font-weight: 400;
  font-stretch: normal;
  text-decoration: none;
}
 
.introduction001-text32 {
  color: var(--dl-color-infosys-sapphire-brand-sapphinre-dark);
  font-style: normal;
  font-weight: 700;
}
 
.introduction001-text33 {
  color: var(--dl-color-infosys-sapphire-brand-sapphinre-dark);
  font-style: normal;
  font-weight: 700;
}
 
.introduction001-thq-divider-elm21 {
  flex: 0 0 auto;
  width: 240px;
  height: 1px;
  display: flex;
  align-self: flex-start;
  align-items: center;
  border-color: #D9D9D9;
  border-style: solid;
  border-width: 5px;
  flex-direction: column;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
}
 
.introduction001-thq-column-elm7 {
  flex: 0 0 auto;
  display: flex;
  padding: var(--dl-layout-space-unit);
  align-self: stretch;
  align-items: stretch;
  flex-direction: row;
}
 
.introduction001-image18 {
  width: auto;
  height: 40px;
  align-self: flex-start;
  object-fit: cover;
  margin-right: var(--dl-layout-space-unit);
  margin-bottom: var(--dl-layout-space-unit);
}
 
.introduction001-container40 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
 
.introduction001-thq-text-elm25 {
  color: var(--dl-color-infosys-basic-white);
  width: 100%;
  height: auto;
  align-self: stretch;
  font-style: Regular;
  font-family: "Arial";
  font-weight: 400;
  font-stretch: normal;
  text-decoration: none;
}
 
.introduction001-text35 {
  color: var(--dl-color-infosys-sapphire-brand-sapphinre-dark);
  font-style: normal;
  font-weight: 700;
}
 
.introduction001-text36 {
  color: var(--dl-color-infosys-sapphire-brand-sapphinre-dark);
  font-style: normal;
  font-weight: 700;
}
 
.introduction001-thq-divider-elm22 {
  flex: 0 0 auto;
  width: 240px;
  height: 1px;
  display: flex;
  align-self: flex-start;
  align-items: center;
  border-color: #D9D9D9;
  border-style: solid;
  border-width: 5px;
  flex-direction: column;
  justify-content: center;
  border-top-width: 0px;
  border-left-width: 0px;
  border-right-width: 0px;
}
 
.introduction001-thq-background-gradient-elm {
  width: 100%;
  height: 100vh;
  display: flex;
  opacity: 0.85;
  position: fixed;
  flex-direction: row;
}
 
.introduction001-video {
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
  position: fixed;
  object-fit: cover;
}
 
.introduction001-thq-footer-elm {
  width: 100%;
  bottom: 0px;
  height: auto;
  display: flex;
  z-index: 2;
  position: absolute;
  align-self: flex-start;
  align-items: center;
  padding-top: var(--dl-layout-space-twounits);
  padding-left: var(--dl-layout-space-twounits);
  padding-right: var(--dl-layout-space-twounits);
  flex-direction: column;
  padding-bottom: var(--dl-layout-space-twounits);
  justify-content: center;
}
 
.introduction001-thq-footer-wrapper-elm {
  flex: 0 0 auto;
  width: 1620px;
  height: 100%;
  display: flex;
  z-index: 2;
  align-self: center;
  align-items: center;
}
 
.introduction001-container41 {
  gap: 2%;
  flex: 0 0 auto;
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
 
.introduction001-navlink5 {
  display: contents;
}
 
.introduction001-thq-text-elm26 {
  fill: var(--dl-color-infosys-sapphire-brand-sapphire-light);
  color: var(--dl-color-infosys-sapphire-brand-sapphire-light);
  width: 100%;
  align-self: center;
  font-style: normal;
  font-family: "Arial";
  font-weight: 700;
  font-stretch: normal;
  text-decoration: none;
}
 
.introduction001-container42 {
  gap: 2%;
  flex: 0 0 auto;
  width: 50%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
 
.introduction001-navlink6 {
  display: flex;
  align-self: center;
  text-align: center;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  text-decoration: none;
}
 
.introduction001-navlink7 {
  display: flex;
  align-self: center;
  text-align: center;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  text-decoration: none;
}
 
@media(max-width: 1600px) {
  .introduction001-thq-content-wrapper-elm {
    position: relative;
  }
  .introduction001-thq-column-elm1 {
    margin-bottom: var(--dl-layout-space-twounits);
  }
  .introduction001-thq-tagline-elm {
    fill: var(--dl-color-infosys-basic-white);
    color: var(--dl-color-infosys-basic-white);
  }
  .introduction001-container16 {
    position: relative;
  }
  .introduction001-image10 {
    height: 100px;
  }
  .introduction001-container18 {
    top: 0px;
    left: 0px;
    position: absolute;
  }
  .introduction001-container21 {
    position: relative;
  }
  .introduction001-image11 {
    height: 100px;
  }
  .introduction001-container23 {
    top: 0px;
    left: 0px;
    position: absolute;
  }
  .introduction001-container26 {
    position: relative;
  }
  .introduction001-image12 {
    height: 100px;
  }
  .introduction001-container28 {
    top: 0px;
    left: 0px;
    position: absolute;
  }
  .introduction001-container31 {
    position: relative;
  }
  .introduction001-image13 {
    height: 100px;
  }
  .introduction001-container33 {
    top: 0px;
    left: 0px;
    position: absolute;
  }
  .introduction001-thq-column-container-elm {
    flex-wrap: wrap;
  }
  .introduction001-image14 {
    height: 30px;
  }
  .introduction001-image15 {
    height: 30px;
  }
  .introduction001-image16 {
    height: 30px;
  }
  .introduction001-image17 {
    height: 30px;
  }
  .introduction001-image18 {
    height: 30px;
  }
  .introduction001-thq-background-gradient-elm {
    height: 100%;
  }
  .introduction001-thq-footer-elm {
    left: 0px;
    bottom: 0px;
    position: absolute;
  }
  .introduction001-thq-footer-wrapper-elm {
    width: 100%;
  }
}
 
@media(max-width: 1200px) {
  .introduction001-thq-main-container-elm {
    position: static;
  }
  .introduction001-thq-column-elm1 {
    height: auto;
  }
  .introduction001-container11 {
    flex-direction: column;
  }
  .introduction001-container12 {
    margin-bottom: var(--dl-layout-space-unit);
    flex-direction: column;
  }
  .introduction001-container13 {
    flex-direction: column;
  }
  .introduction001-thq-text-elm11 {
    align-self: flex-start;
  }
  .introduction001-thq-column-elm2 {
    height: auto;
  }
  .introduction001-container14 {
    margin-bottom: var(--dl-layout-space-twounits);
  }
  .introduction001-thq-column-container-elm {
    height: auto;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .introduction001-container35 {
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: repeat(3, 1fr);
  }
  .introduction001-thq-column-elm3 {
    height: auto;
  }
  .introduction001-thq-text-elm21 {
    width: 60%;
  }
  .introduction001-thq-column-elm4 {
    height: auto;
  }
  .introduction001-thq-text-elm22 {
    width: 60%;
  }
  .introduction001-thq-column-elm5 {
    height: auto;
  }
  .introduction001-thq-text-elm23 {
    width: 60%;
  }
  .introduction001-thq-column-elm6 {
    height: auto;
  }
  .introduction001-thq-text-elm24 {
    width: 60%;
  }
  .introduction001-thq-column-elm7 {
    height: auto;
  }
  .introduction001-thq-text-elm25 {
    width: 60%;
  }
  .introduction001-thq-background-gradient-elm {
    height: 100%;
  }
  .introduction001-thq-footer-elm {
    position: static;
  }
  .introduction001-thq-footer-wrapper-elm {
    width: 100%;
  }
  .introduction001-container41 {
    width: 60%;
  }
  .introduction001-thq-text-elm26 {
    align-self: flex-start;
  }
  .introduction001-container42 {
    width: 40%;
  }
}
 
@media(max-width: 991px) {
  .introduction001-thq-main-container-elm {
    position: static;
  }
  .introduction001-thq-column-elm1 {
    width: 100%;
    height: auto;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
  .introduction001-thq-column-elm2 {
    width: 100%;
    height: auto;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
  .introduction001-container14 {
    grid-template-rows: repeat(2, 1fr);
    grid-template-columns: repeat(2, 1fr);
  }
  .introduction001-thq-column-container-elm {
    width: 100%;
    height: auto;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .introduction001-thq-column-elm3 {
    height: auto;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
  .introduction001-thq-column-elm4 {
    height: auto;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
  .introduction001-thq-column-elm5 {
    height: auto;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
  .introduction001-thq-column-elm6 {
    height: auto;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
  .introduction001-thq-column-elm7 {
    height: auto;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
  .introduction001-thq-background-gradient-elm {
    height: 100%;
  }
  .introduction001-thq-footer-wrapper-elm {
    width: 100%;
  }
  .introduction001-container41 {
    width: 60%;
  }
  .introduction001-container42 {
    width: 40%;
    flex-direction: row;
  }
}
 
@media(max-width: 767px) {
  .introduction001-thq-main-container-elm {
    position: static;
  }
  .introduction001-thq-column-elm1 {
    width: 100%;
    position: static;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
  .introduction001-thq-column-elm2 {
    width: 100%;
    position: static;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
  .introduction001-thq-column-container-elm {
    width: 100%;
    height: auto;
    flex-wrap: wrap;
    align-self: flex-start;
    flex-direction: row;
  }
  .introduction001-thq-column-elm3 {
    position: static;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
  .introduction001-thq-column-elm4 {
    position: static;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
  .introduction001-thq-column-elm5 {
    position: static;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
  .introduction001-thq-column-elm6 {
    position: static;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
  .introduction001-thq-column-elm7 {
    position: static;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
  .introduction001-thq-background-gradient-elm {
    height: 100%;
  }
  .introduction001-thq-footer-elm {
    padding-left: var(--dl-layout-space-twounits);
    padding-right: var(--dl-layout-space-twounits);
  }
  .introduction001-thq-footer-wrapper-elm {
    width: 100%;
    flex-direction: column;
  }
  .introduction001-container41 {
    width: 100%;
    flex-direction: row;
    justify-content: center;
  }
  .introduction001-thq-text-elm26 {
    align-self: center;
    text-align: center;
    margin-bottom: var(--dl-layout-space-unit);
  }
  .introduction001-container42 {
    width: 100%;
    align-items: center;
    flex-direction: row;
    justify-content: center;
  }
  .introduction001-navlink6 {
    width: auto;
  }
  .introduction001-navlink7 {
    width: auto;
  }
}
 
@media(max-width: 479px) {
  .introduction001-thq-main-container-elm {
    position: static;
  }
  .introduction001-thq-column-elm1 {
    width: 100%;
    height: 100%;
    position: static;
    align-self: flex-start;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
  .introduction001-thq-column-elm2 {
    width: 100%;
    height: 100%;
    position: static;
    align-self: flex-start;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
  .introduction001-container14 {
    display: grid;
    place-items: center;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr;
  }
  .introduction001-thq-column-container-elm {
    width: 100%;
    height: auto;
    position: relative;
    flex-wrap: wrap;
    align-self: flex-start;
    align-items: flex-start;
    flex-direction: row;
    justify-content: flex-start;
  }
  .introduction001-container35 {
    grid-template-rows: repeat(5, 1fr);
    grid-template-columns: repeat(1, 1fr);
  }
  .introduction001-thq-column-elm3 {
    position: static;
    align-self: stretch;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
  .introduction001-thq-text-elm21 {
    width: 100%;
  }
  .introduction001-thq-column-elm4 {
    position: static;
    align-self: stretch;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
  .introduction001-thq-text-elm22 {
    width: 100%;
  }
  .introduction001-thq-column-elm5 {
    position: static;
    align-self: stretch;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
  .introduction001-thq-text-elm23 {
    width: 100%;
  }
  .introduction001-thq-column-elm6 {
    position: static;
    align-self: stretch;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
  .introduction001-thq-text-elm24 {
    width: 100%;
  }
  .introduction001-thq-column-elm7 {
    position: static;
    align-self: stretch;
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
  }
  .introduction001-thq-text-elm25 {
    width: 100%;
  }
  .introduction001-thq-background-gradient-elm {
    height: 100%;
  }
  .introduction001-thq-footer-elm {
    padding: var(--dl-layout-space-twounits);
  }
  .introduction001-thq-footer-wrapper-elm {
    gap: 2%;
    width: 100%;
    position: relative;
    flex-direction: column;
  }
  .introduction001-container41 {
    position: relative;
    flex-direction: column-reverse;
  }
  .introduction001-container42 {
    align-items: center;
    flex-direction: row;
    justify-content: center;
  }
  .introduction001-navlink6 {
    width: 100%;
  }
  .introduction001-navlink7 {
    width: 100%;
  }
}