.microsites .micrositeModal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999999999;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  background: rgba(0, 0, 0, 0.8);
}
.microsites .micrositeModal .close {
  position: absolute;
  right: 1px;
  top: -45px;
  font-size: 1.25rem;
  color: #fff;
  width: 30px;
  padding: 3px;
  z-index: 9;
  border: 1px solid #fff;
  cursor: pointer;
  font-family: var(--pnr);
  font-weight: 100;
  opacity: 1;
}
.microsites .modal-body {
  position: relative;
  padding: 0px;
}
.microsite_title {
  position: absolute;
  z-index: 9;
  color: #fff;
  width: 90%;
  top: -3px;
  display: block;
  text-align: left;
}
.popup2 .social-container-case {
  z-index: 9;
}
.microsites
  .wipro-solutions-squares-content.videopop
  .micrositeModal.in
  .modal-dialog {
  margin: 30px auto;
  transform: translate(7%, 100%);
}

.microsites .wipro-solutions-squares-content.videopop .modal-content {
  width: 85%;
}
.microsites .wipro-solutions-squares-content.videopop .modal-content h4 {
  background: #0e3570;
  color: #fff;
  padding: 20px 30px;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .microsites .wipro-solutions-squares-content.videopop .modal-content {
    width: 100%;
  }
  .microsites
    .wipro-solutions-squares-content
    .videopop
    .micrositeModal.in
    .modal-dialog {
    transform: translateY(100%);
  }
}
@media screen and (min-width: 1023px) {
  .microsites .wipro-solutions-squares-content.videopop .modal-content {
    width: 900px;
    transform: translate(-15%, 15%);
  }
  .microsites
    .wipro-solutions-squares-content
    .videopop
    .micrositeModal.in
    .modal-dialog {
    max-width: 800px;
    transform: none;
  }
}

/* --------------------------new css  --------------------------- */

/* Article page css  */
.popup2 {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  height: 100%;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 9999999999999;
}
.transparent {
  width: 100%;
  height: 100%;
  position: relative;
  margin: 0 auto;
  display: block;
  text-align: center;
}
.transparent a:hover {
  color: #ffffff !important;
}
.close-button {
  position: absolute;
  top: -16px;
  right: -18px;
  width: 30px;
  height: 30px;
  background-color: #000000;
  padding-top: 3px;
  border-radius: 50px;
  cursor: pointer;
  border: 3px solid #ffffff;
  z-index: 800;
}
.transparent-image {
  display: inline-block;
  position: relative;
  top: 25%;
  left: 25%;
  max-width: 60%;
  transform: translateX(-25%);
}
@media screen and (min-width: 769px) {
  .transparent-image {
    top: 10%;
    left: 19%;
  }
  .micrositeModal .modal-dialog {
    width: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .transparent-image {
    left: 12%;
  }
}

.transparent-image.video-content {
  width: 60%;
}

.popup-image,
.popup-video {
  width: 100%;
}
.popup-image img {
  width: 100%;
}
.figure,
.figure-video {
  position: relative;
  margin-bottom: 19px;
}
.image-section .figure img,
.figure-video img {
  width: 100%;
}
.infographics .image-section .figure img {
  width: auto;
}
.sub-menu-content-popup .sub-menu-logos img {
  width: 21px;
}
.microsites .microsites_play_icon {
  /* margin-top: -50px; */
  width: 50px;
  cursor: pointer;
}
.article {
  margin-top: 44px;
  position: relative;
}
.sub-menu-content-popup {
  position: relative;
  -webkit-box-shadow: inset 0px 56px 28px -41px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px 56px 28px -41px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px 56px 28px -41px rgba(0, 0, 0, 0.75);
  padding: 15px 25px 15px 25px;
}
.sub-menu-content-popup .black-background {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%;
}
.sub-menu-content-popup .sub-menu-part {
  color: #ffffff;
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1.5;
  vertical-align: middle;
  font-family: var(--pnb);
  position: relative;
  opacity: 1;
  text-align: left;
}
.sub-menu-content-popup .sub-menu-part-text {
  margin-left: 35px;
}
.sub-menu-logos {
  top: 0px;
  left: 0px;
}
.sub-menu-content-popup .sub-menu-logos {
  text-align: right;
  font-size: 0;
}

#video_content1,
#video_content2,
#video_content3 {
  display: none;
  width: 600px;
}

.microsites a , 
.microsites a .new-play-btn{
    cursor:pointer;
    width: 50px;
    height: 50px;
}

.microsites .micro-clickable a.no-cursor,
.microsites .wipro-case-studies-bg a.no-cursor,
.microsites .wipro-solutions-squares-content a.no-cursor, 
.microsites .wipro-solutions-squares-content-image a.no-cursor {
  cursor: auto;
}
.microsites .micro-clickable a.cursor,
.microsites .wipro-case-studies-bg a.cursor,
.microsites .wipro-solutions-squares-content a.cursor,
.microsites .wipro-solutions-squares-content-image a.cursor {
  cursor: pointer;
}
.microsites .micro-clickable a .play-button,
.microsites .micro-clickable a .play-button .microsites-play-button,
.microsites .wipro-case-studies-bg a .play-button,
.microsites .wipro-case-studies-bg a .play-button .microsites-play-button,
.microsites .wipro-solutions-squares-content a .play-button,
.microsites .wipro-solutions-squares-content a .play-button .microsites-play-button,
.microsites .wipro-solutions-squares-content-image a .play-button,
.microsites .wipro-solutions-squares-content-image a .play-button .microsites-play-button,
.microsites .wipro-segments-squares-content a .play-button,
.microsites .wipro-segments-squares-content a .play-button .microsites-play-button,
.microsites .wipro-segments-squares-content .play-button,
.microsites .wipro-segments-squares-content .play-button .microsites-play-button {
  cursor: auto;
  width: 50px;
  height: 50px;
}
.microsites .micro-clickable a .play-button img,
.microsites .micro-clickable a .play-button .microsites-play-button img,
.microsites .wipro-solutions-squares-content a .play-button img,
.microsites .wipro-solutions-squares-content a .play-button .microsites-play-button img, 
.microsites .wipro-case-studies-bg a .play-button img, 
.microsites .wipro-case-studies-bg a .play-button .microsites-play-button img, 
.microsites .wipro-solutions-squares-content-image a .play-button img, 
.microsites .wipro-solutions-squares-content-image a .play-button .microsites-play-button img { 
  cursor: pointer;
  padding-bottom: 0;
}
.microsites .wipro-solutions-squares-content-image .play-button {
  top: calc(50% - 60px);
}
.modal-dialog .share-icon-img-popup {
  cursor: pointer;
}
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
  /*Only Safari 11+ Css */
    .microsites a, 
    .microsites a .new-play-btn {
        cursor:default;
    }
    .microsites a .play-button .microsites-play-button img {
		cursor: auto;
	}

	.microsites a.cursor {
		cursor: auto;
	}

  .microsites .micro-clickable a.no-cursor,
  .microsites .wipro-case-studies-bg a.no-cursor,
  .microsites .wipro-solutions-squares-content a.no-cursor, 
  .microsites .wipro-solutions-squares-content-image a.no-cursor {
    cursor: default;
  }
  .microsites .micro-clickable a.cursor,
  .microsites .wipro-case-studies-bg a.cursor,
  .microsites .wipro-solutions-squares-content a.cursor,
  .microsites .wipro-solutions-squares-content-image a.cursor{
    cursor: auto;
  }
  .microsites .micro-clickable a .play-button,
  .microsites .micro-clickable a .play-button .microsites-play-button,
  .microsites .wipro-case-studies-bg a .play-button,
  .microsites .wipro-case-studies-bg a .play-button .microsites-play-button,
  .microsites .wipro-solutions-squares-content a .play-button,
  .microsites .wipro-solutions-squares-content a .play-button .microsites-play-button,
  .microsites .wipro-solutions-squares-content-image a .play-button,
  .microsites .wipro-solutions-squares-content-image a .play-button .microsites-play-button, 
  .microsites .wipro-segments-squares-content a .play-button,
  .microsites .wipro-segments-squares-content a .play-button .microsites-play-button, 
  .microsites .wipro-segments-squares-content .play-button,
  .microsites .wipro-segments-squares-content .play-button .microsites-play-button {
    cursor: default;
    width: 50px;
    height: 50px;
  }
  .microsites .micro-clickable a .play-button img,
  .microsites .micro-clickable a .play-button .microsites-play-button img,
  .microsites .wipro-solutions-squares-content a .play-button img,
  .microsites .wipro-solutions-squares-content a .play-button .microsites-play-button img, 
  .microsites .wipro-case-studies-bg a .play-button img, 
  .microsites .wipro-case-studies-bg a .play-button .microsites-play-button img, 
  .microsites .wipro-solutions-squares-content-image a .play-button img, 
  .microsites .wipro-solutions-squares-content-image a .play-button .microsites-play-button img, 
  .microsites .wipro-segments-squares-content a .play-button img, 
  .microsites .wipro-segments-squares-content a .play-button .microsites-play-button img{ 
    cursor: auto;
  }

  .modal-dialog .share-icon-img-popup {
    cursor: auto;
  }

  }
}

@media screen and (max-width: 1920px) {
  .sub-menu-content-popup .sub-menu-part p {
    display: block;
    font-size: 1.375rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 1.5;
    overflow: hidden;
    letter-spacing: 1px;
    text-align: left;
    margin-left: 0px;
    margin-bottom: 0;
    font-family: var(--pnb);
  }
}
@media screen and (min-width: 1921px) {
  .sub-menu-content-popup .sub-menu-part img {
    width: 25px !important;
  }
}
@media screen and (max-width: 1024px) {
  .sub-menu-content-popup .sub-menu-part img {
    width: 21px !important;
    margin: 0 4% 0 4%;
  }
}
@media only screen and (min-width: 568px) and (max-width: 736px) {
  .figure img {
    display: block;
    margin: 0px auto;
  }
  #video_content1,
  #video_content2,
  #video_content3 {
    width: 500px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1199px) {
  #article-align-center-1 {
    text-align: center;
  }
  #article-align-center-1 div div img {
    margin: 0px auto;
  }
  #article-align-center-1 div div a {
    position: relative;
    left: 0px;
    text-align: center;
    bottom: 49px;
  }
  #video_content1,
  #video_content2,
  #video_content3 {
    width: 600px;
  }
  .transparent-image {
    padding: 0 20px;
  }
  .close-button {
    top: -4%;
    right: 1%;
  }
}
@media only screen and (max-width: 767px) {
  .sub-menu-content-popup .sub-menu-part p,
  .sub-menu-content .sub-menu-part p {
    display: block;
    font-size: 0.75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    letter-spacing: 0px;
    text-align: left;
    margin-left: 30px;
    margin-bottom: 0;
  }
  @media screen and (max-width: 620px) {
    .sub-menu-content-popup .sub-menu-part img {
      width: 20px;
      margin: 0 3% 0 3%;
    }
  }
  .close-button {
    top: -5%;
    right: 8%;
  }
  .transparent-image {
    width: 80%;
  }
}
@media only screen and (max-width: 568px) {
  #video_content1,
  #video_content2,
  #video_content3 {
    width: 320px;
  }
}

@media only screen and (max-width: 480px) {
  .sub-menu-content-popup {
    padding: 12px;
  }
  .sub-menu-content-popup .sub-menu-part p {
    margin-left: 0px;
  }
  #video_content1,
  #video_content2,
  #video_content3 {
    width: 340px;
  }
}

@media only screen and (max-width: 320px) {
  #video_content1,
  #video_content2,
  #video_content3 {
    width: 260px;
  }
}
.shareBtn-right {
  top: 0 !important;
}
.micrositeModal .modal-dialog {
  max-width: 800px;
  width: 85%;
  margin: 6% auto;
  border-bottom: 45px solid #0e3570;
  border-top: 45px solid #0e3570;
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 768px) {
  .popup2 .sub-menu-content-popup {
    padding: 20px 10px;
  }
  .popup2 .microsite_title {
    width: 80%;
    margin-top: 10px;
  }
  .popup2 .popup-description {
    padding: 25px 10px;
  }
}
.modal-dialog .shareBtn-right {
  right: 7%;
  top: -44px !important;
}
.modal-dialog .sub-menu-logos {
  float: right;
}
.modal-dialog .videoShare-icon {
  top: 0;
  bottom: auto;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .modal-dialog .shareBtn-right {
    right: 4%;
  }
  .modal-dialog .share-icon-img-popup {
    width: 21px;
  }
}
.popup2 .sub-menu-content-popup .black-background{
  background-color: #0e3570;
}

.play-button-1:focus-visible {
	outline: #fff 3px dashed !important;
  outline-offset: -6px;
	border-color: #2f2452;
}

.play-button-fancybox:focus-visible {
  outline: #fff 3px dashed !important;
  outline-offset: -6px;
  border-color: #2f2452;
}

a:has(.share-icon-img-popup) {
  margin: 5px;
}

a:focus-visible:has(.share-icon-img-popup) {
  outline: #00adef 3px solid !important;
  border-radius: 2px;
  outline-offset: 2px;
}

span.popup-close-btn:focus-visible {
  outline: #00adef 3px solid !important;
  border-radius: 2px;
  outline-offset: 2px;
}

.microsites .microsite_wrapper .popup2 .social-container-case.video-share-container.videoShare-icon a:focus-visible {
  outline: #00adef 3px solid !important;
  border-radius: 2px;
  outline-offset: 2px;

}

.mktoModalContent .mktoModalClose:focus-visible {
  outline: #2B0060 3px dashed;
  outline-offset: 2px;
}

.mktoModalContent .mktoCheckboxList input:focus-visible + label:before,
.mktoModalContent .mktoCheckboxList a:focus-visible {
  outline: #2B0060 3px dashed !important;
  outline-offset: 2px;
}

.wipro-case-studies-bg-textBox-text.no-tout,
.wipro-segments-squares-content-text.no-tout,
.wipro-solutions-squares-content-text.no-tout {
  background: none !important;
}

.microsite_wrapper a img:focus-visible{
  outline: #2f2452 3px dashed !important;
  outline-offset: 2px;
}