.root {
  font-size: 0.052086vw;
}
html {
  scroll-behavior: smooth;
  scroll-snap-type: y mandatory;
  overflow-y: scroll;
}

.wnshome-section.wnshome-scrolls {
  scroll-snap-align: start;
  max-height: 100vh;
  height: 100vh;
  width: 100%;
  position: relative;
}
.wnshome-scrolls .row.wnshome-cenrow,.wnshome-scrolls .wnshome-container,.wnshome-scrolls  .row.wnshome-banner-row{
  height: 100%;
  align-items: center;

}
@font-face {
  font-family: "Poppins-Black";
  font-style: normal;
  font-weight: 900;
  src: url(../css/fonts/Poppins-Black.woff2) format("woff2"),
    url(../css/fonts/Poppins-Black.otf) format("otf");
}

@font-face {
  font-family: "Poppins-SemiBold";
  font-style: normal;
  font-weight: 600;
  src: url(../css/fonts/Poppins-SemiBold.woff2) format("woff2"),
    url(../css/fonts/Poppins-SemiBold.otf) format("otf");
}

@font-face {
  font-family: "Poppins-Medium";
  font-style: normal;
  font-weight: 500;
  src: url(../css/fonts/Poppins-Medium.woff2) format("woff2"),
    url(../css/fonts/Poppins-Medium.otf) format("otf");
}

@font-face {
  font-family: "Poppins-Regular";
  font-style: normal;
  font-weight: 400;
  src: url(../css/fonts/Poppins-Regular.woff2) format("woff2"),
    url(../css/fonts/Poppins-Regular.otf) format("otf");
}

@font-face {
  font-family: "Poppins-Light";
  font-style: normal;
  font-weight: 300;
  src: url(../css/fonts/Poppins-Light.woff2) format("woff2"),
    url(../css/fonts/Poppins-Light.otf) format("otf");
}
@font-face {
  font-family: "Poppins-ExtraLight";
  font-style: normal;
  font-weight: 300;
  src: url(../css/fonts/Poppins-ExtraLight.woff2) format("woff2"),
    url(../css/fonts/Poppins-ExtraLight.otf) format("otf");
}
/* Theme css*/
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
  padding: 0;
}

.row {
  margin-right: 0;
  margin-left: 0;
}

body {
  margin: 0;
  font-family: "Poppins-Regular", serif;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins-Regular", serif;
}

p,
a {
  font-family: "Poppins-Regular", serif;
}

a,
a:hover {
  color: unset;
  text-decoration: none;
}

.text-white {
  color: #ffffff !important;
}
.text-black {
  color: #000000 !important;
}
.bg-black {
  background-color: #01000A !important;
}
.padding-t-less {
  padding-top: 80rem !important;
}
.padding-b-less {
  padding-bottom: 80rem !important;
}
.padding-t-0 {
  padding-top: 0rem !important;
}
.padding-b-0 {
  padding-bottom: 0rem !important;
}
button:focus {
  outline: unset;
}
.wnshome-package {
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.wnshome-section {
  padding: 160rem 40rem;
  overflow: hidden;
  position: relative;
}
.wnshome-fullsec {
  min-height: 100vh;
}
.wnshome-header {
  height: 86rem;
  padding: 0 40rem;
  display: flex;
  align-items: center;
  position: fixed;
  width: 100%;
  z-index: 99;
  background-color: #00000000;
  transition: all 0.3s ease-in-out;
}
.wnshome-header.bg-black {
  background-color: #000000 !important;
}
.wnshome-wns-logo img {
  width: 68rem;
}

.wnshome-container {
  max-width: 1680rem;
  padding: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
.wnshome-container-full {
  max-width: 100%;
  padding: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
.wnshome-para-20 {
  color: #fff;
  font-family: "Poppins-Regular", serif;
  font-size: 20rem !important;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4em;
}
.wnshome-heading-main {
  font-family: "Poppins-Regular", serif;
  font-weight: 400;
  color: #ffffff;
  font-size: 80rem !important;
  line-height: 1.2em !important;
  letter-spacing: -2rem;
  position: relative;
}
.wnshome-heading-h2 {
  font-family: "Poppins-Light", serif;
  font-weight: 300;
  color: #ffffff;
  font-size: 72rem !important;
  line-height: 1.2em;
  letter-spacing: -1rem;
  position: relative;
}
.wnshome-heading-h2 span{
    font-size: 72rem !important;
  line-height: 1.2em;
}
.wnshome-heading-h2 span, .wnshome-heading-82 span{
  -webkit-text-fill-color: transparent;
  background-size: 200% 200%;
  background-clip: text;
  -webkit-background-clip: text;
  animation: move 3s linear infinite;
  background-image: linear-gradient(91.1deg, #f37021, #ed1c24, #f37021);
}
@keyframes move {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: -200% center;
  }  
}
.wnshome-heading-82 span{
  font-size: 82rem !important;
  line-height: 1.2em;
}
.wnshome-heading-82 {
  font-family: "Poppins-Regular", serif;
  font-weight: 400;
  color: #ffffff;
  font-size: 82rem !important;
  line-height: 1.2em;
  letter-spacing: -1rem;
  position: relative;
}

.wnshome-para {
  font-size: 18rem !important;
  line-height: 1.4em;
}
.wnshome-paralight {
  font-size: 20rem !important;
  line-height: 1.4em;
  letter-spacing: 1rem;
  font-family: "Poppins-ExtraLight";
  color: #f0f0f0;
  margin-bottom: 10rem;
}
.wnshome-para22 {
  font-size: 22rem !important;
  line-height: 1.4em;
  font-family: "Poppins-ExtraLight";
  color: #f0f0f0;
  margin-bottom: 20rem;
}
.mb-20 {
  margin-bottom: 20rem;
}
.mb-50 {
  margin-bottom: 50rem;
}
.mb-60 {
  margin-bottom: 60rem;
}
.mb-80 {
  margin-bottom: 80rem;
}
.center-items {
  justify-content: center;
  display: flex;
}
/* Theme css end*/
/* top banner *********************************************/
.wnshome-video-container {
  opacity: 1;
  transition: opacity 0.6s ease, width 0.5s ease, height 0.5s ease;
}

.wnshome-video-container.fade-out {
  opacity: 0;
}

#wnshome-top-banner {
  min-height: 100vh;
  display: flex;
  align-items: center;
  z-index: 2;
}
.wnshome-video {
  position: relative;
  background-color: #01000A;
}
.wnshome-topmain {
  width: 60%;}
.wnshome-topmain img {
  position: absolute;
  width: 234rem;
  top: 120rem;
  margin-left: 10rem;
}
.wnshome-video-container {
  top: 50%;
  left: 70%;
  width: 1200rem;
  height: 600rem;
  border-radius: 0%;
  overflow: hidden;
  transition: all 0.5s ease-in;
  z-index: 1;
  border-radius: 0%;
  position: fixed;
  transform: translate(-50%, -50%) !important;
}
.wnshome-video-container.fullscreen {
  width: 100vw !important;
  height: 100vh !important;
  left: 50% !important;
  border-radius: 0 !important;
  transform: translate(-50%, -50%) !important;
}
.wnshome-overlay-video {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #00000099;
  z-index: 1;
}
.wnshome-video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wnshome-buttonarrow {
  font-size: 20rem !important;
  line-height: 1.2em;
  color: #fff;
  position: relative;
  font-family: "Poppins-SemiBold";
  letter-spacing: 1rem;
  transition: all 0.3s ease-in-out;
}
.wnshome-buttonarrow:hover {
  color: #f76e11;
}
.wnshome-buttonarrow svg {
  margin-left: 10rem;
  width: 14rem;
  height: 14rem;
}
.wnshome-topmain h1 br{
  display: none;
}
/* top banner end *********************************************/
/* deep domain section  *********************************************/
/* Swiper container */
#wnshome-deepdomain {
  z-index: 2;

}
.wnshome-deepdomain {
  width: 100%;
  overflow: hidden;
  position: relative;
}

/* Swiper wrapper */
.wnshome-deepdomain .swiper-wrapper {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: row !important;
}

/* Slide styling */
.wnshome-deepdomain .swiper-slide {
  flex-shrink: 0;
  position: relative;
  transition: transform 0.3s ease;
}

/* Navigation buttons */
.wnshome-d.wnshome-swiper-button-next, .wnshome-d.wnshome-swiper-button-prev {
  position: absolute;
  z-index: 10;
  cursor: pointer;
  display: flex
;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Scrollbar */
.wnshome-d.swiper-scrollbar {
  position: relative;
  height: 3px;
  background: rgba(0,0,0,0.1);
  margin-top: 85px;
}

.wnshome-d.swiper-scrollbar-drag {
  background: #F76E11;
  height: 100%;
}

/* Mobile specific styles */
@media (max-width: 767px) {
  .wnshome-deepdomain .swiper-slide {
      width: 100% !important;
      padding: 20px;
      min-height: 200px;
  }
  
  .wnshome-deepdomain .wnshome-scroll {
      display: block !important;
      margin-top: 20px;
  }
  
  .wnshome-deepdomain .wnshome-swiper-button-prev,
  .wnshome-deepdomain .wnshome-swiper-button-next {
      display: flex !important;
  }
}
.wnshome-deepdomain .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.wnshome-deepdomain .wnshome-scroll {
  margin-top: 50px;
  display: none;
}
.wnshome-deepdomain .wnshome-swiper-button-prev, .wnshome-deepdomain .wnshome-swiper-button-next{
  display: none;
}
.wnshome-deepdomain .wnshome-slide-item {
  color: white;
  padding: 40rem 42rem;
  text-align: center;
  min-height: 234rem;
  display: flex !important;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: 100%;
}
.wnshome-deepdomain .wnshome-slide-item:hover {
  background-size: 102%;
}
.wnshome-deepdomain .wnshome-slide-item .wnshome-stext {
  font-size: 18rem !important;
  line-height: 1.4em;
  font-family: "Poppins-Regular";
}
.wnshome-red {
  background-color: #b3708b10;
}
.wnshome-blue {
  background-color: #86a4d210;
}
.wnshome-deepdomain {
  margin-bottom: 60rem;
}
.wnshome-buttonarrow {
  font-size: 20rem !important;
  line-height: 1.2em;
  color: #fff !important;
  position: relative;
  font-family: "Poppins-SemiBold";
  letter-spacing: 1rem;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  /* width: fit-content;
  margin: auto; */
}
.wnshome-deepdomain .wnshome-slide-item .wnshome-stext svg {
  width: 0;
  transition: 0.3s ease-in-out;
}
.wnshome-deepdomain .wnshome-slide-item:hover .wnshome-stext svg {
  width: 24rem;
  height: 14rem;
  margin-left: 10rem;
}
.wnshome-deepdomain .wnshome-slide-item:hover .wnshome-stext {
  color: #f76e11;
}
.wnshome-d1:hover {
  background-image: url(https://s3.wns.com/S3_5/Images/WNS-Home/banking.png);
}
.wnshome-d2:hover {
  background-image: url(https://s3.wns.com/S3_5/Images/WNS-Home/insurance.png);
}
.wnshome-d3:hover {
  background-image: url(https://s3.wns.com/S3_5/Images/WNS-Home/healthcare.png);
}
.wnshome-d4:hover {
  background-image: url(https://s3.wns.com/S3_5/Images/WNS-Home/shipping.png);
}
.wnshome-d5:hover {
  background-image: url(https://s3.wns.com/S3_5/Images/WNS-Home/manufacturing.png);
}
.wnshome-d6:hover {
  background-image: url(https://s3.wns.com/S3_5/Images/WNS-Home/retail.png);
}
.wnshome-d7:hover {
  background-image: url(https://s3.wns.com/S3_5/Images/WNS-Home/hi-tech.png);
}
.wnshome-d8:hover {
  background-image: url(https://s3.wns.com/S3_5/Images/WNS-Home/travel.png);
}
.wnshome-d9:hover {
  background-image: url(https://s3.wns.com/S3_5/Images/WNS-Home/life-science.png);
}
.wnshome-d10:hover {
  background-image: url(https://s3.wns.com/S3_5/Images/WNS-Home/utility.png);
}
/* deep domain section end *********************************************/
/* unified digital section *********************************************/
.wnshome-showhide {
  position: relative;
  overflow: hidden;
}
/* Animation styles */
@keyframes fadeInUpAI {
  from {
      opacity: 0;
      transform: translate3d(0, 60rem, 0);
  }
  to {
      opacity: 1;
      transform: translate3d(0, 0, 0);
  }
}

.fadeInUpAI {
  animation-duration: 1s;
  animation-fill-mode: both;
}

#wnshome-future-section,
#wnshome-ai-section {
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

#wnshome-ai-section {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.wnshome-tech-slider .wnshome-slide-card {
  height: 364rem;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  position: relative;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: flex-end;
  transition: all 0.3s ease-in-out;
}
.wnshome-tech-slider .wnshome-slide-card:hover:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 20.3%, rgba(6, 5, 10, 0.80) 69.96%);
backdrop-filter: blur(1px);
z-index: 0;
}

.wnshome-card-content {
  width: 100%;
  padding: 20rem 25rem 10rem;
  position: absolute;
  bottom: 0;
  transition: padding 0.4s ease-in-out;
  z-index: 1;
}

.wnshome-card-content h3 {
  margin: 0;
  font-size: 20rem !important;
  line-height: 1.4em;
  font-family: "Poppins-Medium", serif;
  transform: translateY(0);
  transition: transform 0.4s ease-in-out;
  color: #fff !important;
}

.wnshome-desc,
.wnshome-read-more {
  opacity: 0;
  transform: translateY(20rem);
  transition: opacity 0.4s ease, transform 0.4s ease;
  font-size: 14rem !important;
  line-height: 1.4em;
  letter-spacing: 1rem;
  color: #d6d6d6;
  height: 0;
  margin: 0 !important;
  font-family: "Poppins-Light", serif;
}

.wnshome-read-more {
  display: inline-block;
  color: #f76e11;
  font-family: "Poppins-Light", serif;
  font-size: 14rem !important;
  line-height: 1.4em;
}

/* Smooth Hover Effect */
.wnshome-slide-card:hover .wnshome-card-content h3 {
  transform: translateY(-10rem);
}

.wnshome-slide-card:hover .wnshome-desc,
.wnshome-slide-card:hover .wnshome-read-more {
  opacity: 1;
  transform: translateY(0);
}
.wnshome-slide-card:hover .wnshome-desc,
.wnshome-slide-card:hover .wnshome-read-more {
  height: 100%;
}
.wnshome-slide-card svg {
  width: 11rem;
  height: 11rem;
}

.wnshome-slide-card:hover .wnshome-read-more {
  margin-top: 10rem;
}
.wnshome-slide-card:hover .wnshome-card-content {
  padding: 20rem 25rem 20rem;
}
.wnshome-slideu1 {
  background-image: url(https://s3.wns.com/S3_5/Images/WNS-Home/analytics.png);
}
.wnshome-slideu2 {
  background-image: url(https://s3.wns.com/S3_5/Images/WNS-Home/technology.png);
}
.wnshome-slideu3 {
  background-image: url(https://s3.wns.com/S3_5/Images/WNS-Home/automation.png);
}
.wnshome-slideu4 {
  background-image: url(https://s3.wns.com/S3_5/Images/WNS-Home/immersive.png);
}
.wnshome-slideu5 {
  background-image: url(https://s3.wns.com/S3_5/Images/WNS-Home/gen-ai.png);
}
.wnshome-deep-main:after {
  content: "";
  display: inline;
  position: absolute;
  width: 100%;
  height: 130rem;
  background: linear-gradient(0deg, #050505 0%, rgba(0, 0, 0, 0) 100%);
  bottom: -4%;
  left: 0;
}

/* unified digital section end *********************************************/

/* Future section *********************************************/
.wnshome-hero-section {
  position: relative;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  color: #fff;
}

.wnshome-bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  opacity: 0.6;
}

.wnshome-hero-text {
  z-index: 1;
  font-size: 72rem !important;
  font-family: 'Poppins-Light', sans-serif;
  text-align: center;
  padding: 0 20REM;
}

/* Future section end *********************************************/
/* AI at the core section *********************************************/
.wnshome-ai-section {
  position: relative;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #01000A;
  color: #fff;
}
.wnshome-ai-section .wnshome-bg-video {
  opacity: 0.3;
  transform: scaleX(-1);
}
.wnshome-slideai1 {
  background-image: url(https://s3.wns.com/S3_5/Images/WNS-Home/uncovering-ai.png);
}
.wnshome-slideai2 {
  background-image: url(https://s3.wns.com/S3_5/Images/WNS-Home/democratizing-ai.png);
}
.wnshome-slideai3 {
  background-image: url(https://s3.wns.com/S3_5/Images/WNS-Home/cxm-ai.png);
}
.wnshome-slideai4 {
  background-image: url(https://s3.wns.com/S3_5/Images/WNS-Home/enterprise-ai.png);
}
.wnshome-slideai5 {
  background-image: url(https://s3.wns.com/S3_5/Images/WNS-Home/generative-ai.png);
}
/* AI at the core section end*********************************************/

/* Transformation in Action start ****************/
@keyframes expand {
0% {
  height: 66%;
}
100% {
  height: 100%;
}
}
@keyframes shrink {
  0% {
    height: 100%;
  }
  100% {
    height: 275rem;
  }
  }
.wnshome-carousel-inner.swiper-slide-active .wnshome-img-container {
  width: 100%;
  transition: 0.3s ease-in-out;
  animation: expand .6s ease-in-out forwards; 
  transition-property: transform;
  flex-shrink: 0;
  overflow: hidden;
}
.wnshome-carousel-inner .wnshome-img-container {
  transition: 0.3s ease-in-out;
  animation: shrink .6s ease-in-out forwards;
  transition-property: transform;
  flex-shrink: 0;
  overflow: hidden;
}
.wnshome-carousel-inner.swiper-slide-active .wnshome-img-container  img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.wnshome-carousel-inner .wnshome-img-container  img {
  width: 100%;
  object-fit: contain;
  height: 100%;
  object-position: center;
}
.wnshome-carousel.swiper {
  width: 100%;
  padding-bottom: 20rem;
  overflow: hidden; /* Crucial for Swiper */
}

.swiper-wrapper {
  display: flex; /* Essential for Swiper */
  width: auto; /* Allow horizontal layout */
  align-items: stretch;
  box-sizing: border-box;
}

.wnshome-carousel-inner.swiper-slide {
  width: calc(50% - 25rem) !important;
  flex-shrink: 0;
  margin-right: 30rem;
  margin-bottom: 80rem;
  height: auto;
}


.wnshome-carousel-inner:hover h3 svg {
  opacity: 1;
}
.wnshome-section .slick-arrow:hover:before {
  background-image: url(https://s3.wns.com/S3_5/Images/WNS-Home/slider-arrow-active.svg);
}
.wnshome-section .slick-arrow.slick-disabled:hover:before {
  background-image: url(https://s3.wns.com/S3_5/Images/WNS-Home/slider-arrow.svg);
}
.wnshome-title {
  text-align: left;
  position: relative;
}
.wnshome-title h3 svg {
  opacity: 0;
  transition: all 0.3s ease-in;
}
.wnshome-wrapper-carousel .slick-current .wnshome-title svg {
  opacity: 1;
  transition: all 0.3s ease-in;
}
.wnshome-text-black{
  color: #262626 !important;
}
.wnshome-text-black:hover{
  color: #F76E11 !important;
}
.wnshome-bg-white{
  background-color: #F2F5FF !important;
}
.wnshome-carousel-container h2{
  margin-bottom: 20rem;
}
.wrapper{
  width:100%;
  padding-top: 0rem;
  text-align:center;
  overflow: hidden;
}
.wnshome-carousel-container{
  max-width: 100%;
  padding-left: calc((100% - 1680rem) / 2)!important;
}
.wnshome-carousel-container .slick-slide {
  margin-right: 50rem;
  margin-bottom: 190rem;
}
.wrapper .slick-dots li button:before {
  font-size:20rem !important;
  color:white;
}
.wnshome-wrapper-carousel .slick-list {
  position: relative;
  display: block;
  overflow: visible; 
}
.wnshome-carousel .slick-slide:not(.slick-current) {
  height: 100%;
}
.wnshome-carousel .slick-slide.slick-current.slick-active {
  height: 100%;
}
.wnshome-carousel .slick-slide .wnshome-img-container {
  position: relative;
  display: flex;
  width: 100%;
  overflow: hidden;
  transition: all 1s ease-in-out;
  height: 66.66%;
}
.wnshome-carousel .slick-slide img{
  object-fit: cover;
}
.wnshome-carousel-content {
  height: 400rem;
  display: flex;
  align-items: flex-end;
  margin-bottom: 20rem;
  overflow: hidden;
}
/* .wnshome-carousel .slick-slide.slick-current .wnshome-img-container,
.wnshome-carousel .slick-slide .wnshome-img-container:hover{
  height: 100%; 
  transition: all 1s ease-in-out;
 cursor: pointer;
} */
 .wnshome-carousel .slick-slide.slick-current .wnshome-img-container{
  height: 100%; 
  transition: all 1s ease-in-out;
 cursor: pointer;
}
.wnshome-title h3 {
  font-size: 30rem !important;
  font-weight: 500;
  color: #262626;
  text-align: left;
  display: inline;
  gap: 10rem;
  align-items: center;
  font-family: "Poppins-Medium",serif;
  position: absolute;
  padding-right: 12%;
}
.wnshome-title svg {
  width: 20rem;
  height: 20rem;
  margin-left: 5rem;
  object-fit: contain !important;
}
.wnshome-carousel .slick-track {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
}
.wnshome-wrapper-carousel {
  position: relative;
  padding-bottom: 20rem; /* Space for scrollbar */
}
.wnshome-section .slick-arrow:before {
  content: '' !important;
  background-image: url(https://s3.wns.com/S3_5/Images/WNS-Home/slider-arrow.svg);
  width: 25rem;
  height: 25rem;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-size: 100%;
}
.wnshome-section .slick-prev:before {
  transform: rotate(180deg);
}
.wnshome-section .slick-prev {
  left: unset !important;
  top: unset !important;
  bottom: 0;
  right: 3%;
  z-index: 5;
}
.wnshome-section .slick-next {
  top: unset !important;
  right: 0 !important;
  z-index: 5;
  bottom: 0;
}
.wnshome-section .slick-arrow {
  z-index: 5;
  background-color: #fff !important;
  box-shadow: 1rem 0rem 15rem 4rem #99999926;
  width: 35rem;
  height: 35rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.wnshome-wrapper-carousel .wnshome-swiper-button-prev, .wnshome-wrapper-carousel .wnshome-swiper-button-next {
  bottom: 8rem !important;
}
.wnshome-wrapper-carousel .wnshome-scroll {
  width: 86%;
}
.wnshome-wrapper-carousel .wnshome-swiper-button-prev {
  right: 9%;
}
.wnshome-wrapper-carousel .wnshome-swiper-button-next {
  right: 6%;
}
/* Transformation in Action end **************************/
/* Partners logo section end*********************************************/
.wnshome-sliders {
  overflow: hidden;
  width: 100%;
}

.wnshome-sliders .swiper-wrapper {
  transition-timing-function: linear !important;
  display: flex;
  align-items: center;
}

.wnshome-sliders .swiper-slide {
  width: auto !important;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.wnshome-sliders .swiper-slide img {
  max-width: 100%;
  height: auto;
  display: block;
}
.wnshome-brand-text {
  margin: auto;
}
.wnshome-sliders {
margin-top: 170rem;
}
.wnshome-sliders img {
  height: 80rem;
  width: auto;
padding: 0rem 20rem;
  margin: 0 auto;
  transition: all 0.3s ease-in-out;
}

.wnshome-sliders img:hover {
 transform: scale(1.1);
}
.wnshome-sliders  .logo-slide {
  max-width: 250rem;
}
/* Partners logo section end*********************************************/
 /* How Varo Bank achieved hyper growth with WNS. start  ***************************/
 .wnshome-VaroBank {
  position: relative;
  overflow: hidden;
}
.wnshome-VaroBank .swiper-wrapper {
  display: flex !important;
  width: 100% !important;
  position: relative;
  box-sizing: border-box;
}
.wnshome-VaroBank-inner.swiper-slide {
  width: 100% !important;
  flex-shrink: 0 !important;
  height: auto;
  margin-right: 0 !important;
  position: relative;
  padding: 10rem;
}
.wnshome-wrapper-VaroBank {
  width: 100%;
  overflow: hidden;
  position: relative;
}
 .wnshome-VaroBank-inner {
  width: 100% !important;
  height: auto;
}
 .wnshome-VaroBank-content {
  text-align: left;
  padding: 50rem 90rem 50rem 0;
}

.wnshome-heading-52 {
  font-family: "Poppins-Regular", serif;
  font-weight: 400;
  color: #262626;
  font-size: 52rem !important;
  line-height: 1.2em;
  letter-spacing: -1rem;
  position: relative;
  margin-bottom: 25rem;
}
.wnshome-VaroBank-content .wnshome-para-20{
  font-family: "Poppins-light", serif;
  font-weight: 300;
  margin-bottom: 40rem;
}
.wnshome-video-content {
  position: relative;
  height: 100%;
  margin-left: 85rem;
}
.wnshome-VaroBank-section .wnshome-video-thumbnail-container{
  height: 100%;
  cursor: pointer;
}
.wnshome-video-position {
  height: 100%;
  position: absolute;
  width: 100%;
  background: #000;
}
.wnshome-VaroBank-section .wnshome-video-thumbnail {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.wnshome-VaroBank-inner {
  margin-bottom: 110rem;
}
.wnshome-VaroBank-section .wnshome-youtube-iframe {
  width: 100%;
  height: 100%;
  top: 0;
}
.wnshome-wrapper-VaroBank .swiper-scrollbar-drag, .wnshome-wrapper-carousel .swiper-scrollbar-drag {
  background: #919EC7 !important; 
}
.wnshome-wrapper-VaroBank .swiper-scrollbar, .wnshome-wrapper-carousel .swiper-scrollbar {
  background: #E3E9FF !important;
}
.wnshome-wrapper-VaroBank .swiper-scrollbar {
  margin-bottom: 30rem;
}
.wnshome-wrapper-VaroBank .wnshome-swiper-button-prev, .wnshome-wrapper-VaroBank .wnshome-swiper-button-next {
  bottom: 16rem !important;
}
 /* How Varo Bank achieved hyper growth with WNS. end  ***************************/
/* Awards section*********************************************/

.wnshome-awards-slider {
  padding: 60rem 0rem 0rem;
}
.wnshome-award-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wnshome-awards-wrapper {
  width: 100%;
  margin-top: 40rem;
}
.wnshome-awards-wrapper .swiper-slide.swiper-slide-hovered{
  width: 38% !important;
  margin-left: 0;
  transition: all 0.6s ease-in-out;
}

.wnshome-awards-wrapper .swiper-slide {
  width: 17.5% !important;
  position: relative;
}
.wnshome-award-card {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  margin-right: 40rem;
  height: 548rem !important;
  transition: all 0.4s ease-in-out;
  transform-origin: center;
}
.wnshome-award-content {
  width: 80%;
  position: relative;
}
.wnshome-award-content .wnshome-buttonarrow {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20rem;
  width: 100%;
  color: #fff;
  font-size: 22rem !important;
  line-height: 1.4em;
  font-family: 'Poppins-Regular', sans-serif;
  font-weight: 400;
  opacity: 0;
  transition: opacity 0.4s ease 0.6s;
  display: inline;
  z-index: 1;
}
.wnshome-award-content .wnshome-buttonarrow svg{
  position: relative;
}
.wnshome-awards-wrapper .swiper-slide-hovered .wnshome-award-content .wnshome-buttonarrow{
  opacity: 1;
}
.wnshome-awards-wrapper .swiper-slide-hovered.wnshome-award-card:after {
  transition: all 1s ease-in-out;
}
.wnshome-awards-wrapper .swiper-slide-hovered.wnshome-award-card:after {
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 20.3%, rgba(6, 5, 10, 0.80) 85.96%);
  backdrop-filter: blur(1px);
  position: absolute;
  display: inline-block;
  top: 0;
  z-index: 0;
}
.wnshome-awards-wrapper .swiper-slide:first-child {
  margin-left: 0;
}

.wnshome-awards-wrapper .swiper-slide:last-child {
  margin-right: 0;
}
.wnshome-awards-wrapper .swiper-slide {
  margin-right:  50rem; 
}
/* Awards section end*********************************************/
 /*  News & Updates. start ***************************/
 .wnshome-swiper-button-prev,
.wnshome-swiper-button-next {
  position: absolute;
  bottom: 0rem;
  width:32rem;
  height: 32rem;
  background: white;
  border-radius: 50%;
  box-shadow: 0 2rem 8rem rgba(0,0,0,0.15);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
}
.swiper-button-disabled {
 opacity: 0.5;
}
.swiper-button-disabled path, .swiper-button-disabled:hover path {
  stroke: #4B4E57 !important;
}
.wnshome-swiper-button-prev:hover svg path, .wnshome-swiper-button-next:hover svg path {
  stroke: #F76E11;
}
.wnshome-swiper-button-prev {
  right: 3%;
}

.wnshome-swiper-button-next {
  right: 0;
}
.wnshome-wrapper-newsUpdate {
  position: relative;
  transition: transform 0.8s ease;
}
.wnshome-swiper-button-prev::after,
.wnshome-swiper-button-next::after {
  display: none; /* Remove Swiper's default arrows */
}
 .wnshome-scroll {
  width: 92%;
  position: relative;
}
 .wnshome-newsUpdate {
  overflow: hidden; /* Crucial for Swiper container */
  width: 100%;
}
.swiper-scrollbar {
  left: 0 !important;

}
.swiper-wrapper {
  display: flex; /* Swiper will handle this, but good to set */
  width: auto; /* Allow horizontal layout */
}
.wnshome-newsUpdate-inner {
  width: 100%;
  flex-shrink: 0; /* Prevent items from shrinking */
}
/* Scrollbar styling */
.swiper-scrollbar {
  position: relative;
  margin-top: 20rem;
  background: rgba(50,50,50,1) !important;
  height: 3rem;
  width: 100%;
}
.swiper-scrollbar-drag {
  background: #C3CCE8 !important;
  height: 100%;
  cursor: pointer;
}
/* Responsive adjustments */
@media (max-width: 1024px) {
  .wnshome-newsUpdate-inner {
    width: 50%; /* 2 slides */
  }
}

@media (max-width: 768px) {
  .wnshome-newsUpdate-inner {
    width: 100%; /* 1 slide */
  }
}
 .wnshome-heading-28 {
  font-size: 28rem !important;
  font-family: "Poppins-Medium", serif;
  font-weight: 500;
  color: #D6D6D6;
  text-align: left;
  line-height: 1.4em;
  background-repeat: no-repeat;
  background-size: 0rem 1.4rem !important;
  background-image: linear-gradient(to right, #D6D6D6 0rem, #D6D6D6 100%) !important;
  display: inline !important;
  text-decoration: none;
  padding: 0rem 0rem 4rem;
  background-position: 0rem 95% !important;
  transition: background-size 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86) !important;
}
.wnshome-newsUpdate-content {
  margin-right: 50rem;
  margin-bottom: 80rem;
}
.wnshome-newsUpdate-content:hover .wnshome-heading-28{
  color: rgb(255, 255, 255);
  background-size: 100% 1.4rem !important;
}
.wnshome-section.wnshome-newsUpdate-section .slick-arrow {
  background-color: #D6D6D6 !important;
}
.wnshome-section.wnshome-newsUpdate-section .slick-arrow.slick-disabled {
  background-color: #fff !important;
  opacity: 0.2;
}
.wnshome-section .mb-140{
  margin-bottom: 100rem;
}
/*  News & Updates. end ***************************/
/* Who we are section*********************************************/
.wnshome-whoweare-section  {
  padding-left: calc((100% - 1680rem) / 2);
padding-right: 0;
padding-bottom: 250rem;
}
.wnshome-whoweare {
  display: flex;
}
.wnshome-wwa-left {
  width: 40%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.wnshome-wwa-left p {
  width: 70%;
}
.wnshome-wwa-right {
  flex: 1 1 60%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0rem;
  margin-left: 80rem;
}
.wnshome-wwa-right .counter,.wnshome-wwa-right .postfix {
  font-size: 42rem !important;
  line-height: 1.2em;
  color: #A1A1A1;
  font-family: "Poppins-Regular", serif;
  display: flex;
  justify-content: center;
}
.wnshome-wwa-right p{
  font-size: 18rem !important;
  line-height: 1.4em;
  font-family: "Poppins-Regular", serif;
  color: #A1A1A1;
}
.wwa-box {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
/* Who we are section end*********************************************/
/* Career section*********************************************/
.bg-white{
  background-color: #F2F5FF !important;
}
.text-grey{
  color: #262626;
}
.wnshome-career-section {
  padding: 260rem 40rem;
  overflow: hidden;
  position: relative;
  min-height: auto;
}
.wnshome-radical-right {
  position: absolute;
  right: -20%;
  top: -20%;
  width: 45%;
  z-index: 0;
  opacity: 0.8;
}
.wnshome-radical-left {
  position: absolute;
  left: -34%;
  top: -45%;
  width: 65%;
  z-index: 0;
  opacity: 0.5;
}
/*  Career section end*********************************************/
/*  Footer css*********************************************/
.wnshome-footer-section{
  background-color: #050920; 
  min-height: auto;
}
.wnshome-footer {
  display: flex;
  align-items: center;
  color: #d6d6d6;
  padding: 36rem 0rem;
  flex-wrap: wrap;
}
.wnshome-footer .wnshome-footer-left{
  font-size: 18rem !important;
  line-height: 1.4em;
  color: #A1A1A1;
  margin-right: 100rem;
}
.wnshome-footer-right a {
  color: #d6d6d6;
  margin-left: 20rem;
  text-decoration: none;
  transition: color 0.3s ease;
  font-size: 18rem !important;
  line-height: 1.4em;
}

.wnshome-footer-right a:hover {
  color: #F76E11;
}
.wnshome-footer-right {
  display: flex;
  flex-wrap: wrap;
  gap: 10rem;
}
/*  Footer css end*********************************************/
.wnshome-bg-all.bg-black {
  background-size: cover;
  background-position: center;
}
.wnshome-section {
  background-size: cover;
  background-repeat: no-repeat;
}
.wnshome-swiper-button-prev svg, .wnshome-swiper-button-next svg {
  width: 24rem;
  height: 24rem;
}
.mobile-visible {
  display: none;
}
#wnshome-ai-section {
  pointer-events: none;
}
.wnshome-deep-main .wnshome-deep-domain {
  transform: scale(0.2);
  opacity: 0;
  transform-origin: center;
  transition: transform 5s ease, opacity 5s ease;
}
.wnshome-deep-main.active .wnshome-deep-domain {
  transform: scale(1);
  opacity: 1;
}
/* This disables transition immediately on reset */
.wnshome-deep-main.reset .wnshome-deep-domain {
  transition: none !important;
}
.z-i5 {
  z-index: 5;
  position: relative;
}
#wnshome-background-video1 {
  position: absolute;
}
#wnshome-background-video1 {
  transition: opacity 0.8s ease;
  opacity: 1;
}

#wnshome-background-video1.hidden {
  opacity: 0;
}
#wnshome-unified .wnshome-swiper-button-next, #wnshome-awards-sliders .wnshome-swiper-button-next,  #wnshome-ai-section .wnshome-swiper-button-next,
#wnshome-unified .wnshome-swiper-button-prev, #wnshome-awards-sliders .wnshome-swiper-button-prev, #wnshome-ai-section .wnshome-swiper-button-prev,
#wnshome-unified .wnshome-scroll, #wnshome-awards-sliders .wnshome-scroll, #wnshome-ai-section .wnshome-scroll{
  display: none;
}

#wnshome-action-banner .wnshome-t.swiper-scrollbar {
  display: block !important;
}
#wnshome-action-banner .swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: unset;
    flex-direction: row !important;
}
.wnshome-buttonarrow.text-grey{
  color: #262626 !important;
}