.wns-tech-root {
    font-size: 0.052086vw;
}

html {
    scroll-behavior: smooth;
}

@font-face {
    font-family: 'Montserrat-ExtraBold';
    font-style: normal;
    font-weight: 800;
    src: url(../css/fonts/Montserrat-ExtraBold.woff2) format('woff2'), url(../css/fonts/Montserrat-ExtraBold.otf) format('otf');
}
@font-face {
    font-family: 'Montserrat-ExtraBoldItalic';
    font-style: normal;
    font-weight: 800;
    src: url(../css/fonts/Montserrat-ExtraBoldItalic.woff2) format('woff2'), url(../css/fonts/Montserrat-ExtraBoldItalic.otf) format('otf');
}
@font-face {
    font-family: 'Montserrat-BoldItalic';
    font-style: normal;
    font-weight: 700;
    src: url(../css/fonts/Montserrat-BoldItalic.woff2) format('woff2'), url(../css/fonts/Montserrat-BoldItalic.otf) format('otf');
}
@font-face {
    font-family: 'Montserrat-Bold';
    font-style: normal;
    font-weight: 700;
    src: url(../css/fonts/Montserrat-Bold.woff2) format('woff2'), url(../css/fonts/Montserrat-Bold.otf) format('otf');
}

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

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

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

@font-face {
    font-family: 'Montserrat-Light';
    font-style: normal;
    font-weight: 300;
    src: url(../css/fonts/Montserrat-Regular.woff2) format('woff2'), url(../css/fonts/Montserrat-Regular.otf) format('otf');
}

@font-face {
    font-family: 'Bebas-Neue-Bold';
    font-style: normal;
    font-weight: 700;
    src: url(../css/fonts/BebasNeue-Bold.woff2) format('woff2'), url(../css/fonts/BebasNeue-Bold.ttf) format('ttf');
}

@font-face {
    font-family: 'Bebas-Neue-Regular';
    font-style: normal;
    font-weight: 400;
    src: url(../css/fonts/BebasNeue-Regular.woff2) format('woff2'), url(../css/fonts/BebasNeue-Regular.ttf) format('ttf');
}

.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: 'Montserrat', serif;
    background-color: #1E1F20;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat-Bold', serif;
}

p, a {
    font-family: 'Montserrat-Regular', serif;
}

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

p {
    font-size: 16rem;
    line-height: 1.4em;
}

h2 {
    color: #ffffff;
    font-size: 64rem;
    position: relative;
}

h3 {
    color: #ffffff;
    font-size: 48rem;
    position: relative;
}

h1 {
    color: #ffffff;
    font-size: 48rem;
    position: relative;
}
h4 {
    color: #ffffff;
    font-size: 64rem;
    font-weight: 700;
}

h5 {
    font-size: 36rem;
    line-height: 1.2em;
    color: #ffffff;
    font-weight: 700;
}

h6 {
    font-size: 28rem;
    line-height: 1.4em;
    color: #ffffff;
}
.bg-black {
    background-color: #060606;
}
.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;
}
.wns-tech-para-20{
    color: #909DAC;
    font-family: 'Montserrat-Regular', serif;
    font-size: 20rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4em;
}
button:focus {
    outline: unset;
}
.wns-tech-section {
    padding: 160rem 40rem;
}
.wns-tech-header {
    height: 86rem;
    padding: 0 40rem;
    display: flex;
    align-items: center;
    position: fixed;
    width: 100%;
    z-index: 7;
    transition: all 0.3s ease-in-out;
}
.wns-tech-wns-head-32{
    font-size: 32rem;
}
.wns-tech-wns-logo img {
    width: 68rem;
}

.wns-tech-container {
    max-width: 1120rem;
    padding: 0;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

.wns-tech-search-b img {
    width: 20rem;
}
.wns-tech-sticky-logo {
    position: absolute;
    top: 0;
    right: -100rem;
    width: 100rem;
}
.wns-tech-sticky-logo img{
    width: 100%;
}
.wns-tech-sticky-logo .d-desk-none{
    display: none;
}
#wns-tech-top-banner {
    background-color: #060606;
    overflow: visible;
    position: relative;
    height: 100vh;
    display: flex;
    align-items: flex-start;
    padding-top: 120rem;
    padding-bottom: 40rem;
    z-index: 6;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: 25%;
}
#wns-tech-top-banner h2{
font-family: 'Montserrat-ExtraBoldItalic', serif;
}
#wns-tech-top-banner h1{
    font-family: 'Montserrat-BoldItalic', serif;
    }
#wns-tech-top-banner .wns-tech-video-wrap{
    background-image: url('../images/bg-vid.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
#wns-tech-top-banner .wns-tech-container {
  z-index: 2;
}
#wns-tech-top-banner .wns-tech-head-btn button {
    margin-top: 50rem;
    color: #ffffff;
    background-color: #F37021;
    border: 1rem solid #F37021;
}
#wns-tech-top-banner .wns-tech-head-btn button:hover {
    background-color: #ffffff;
    color: #F37021;
    border: 1rem solid #ffffff;
}
.wns-tech-element-banner img {
    width: 100%;
    height: 100%;
}
.wns-tech-element-banner {
    position: absolute;
    left: 0;
    bottom: -25%;
    width: 100%;
}
.wns-tech-wns-head2 {
    text-align: left;
}
#wns-tech-top-banner .wns-tech-gen-ai {
    background: radial-gradient(circle at center, #F37021, #FFAD6C, #F37021, #F37021, #F99988, #F37021);
    color: #ffffff;
    background-size: 600% 600%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation-duration: 5s !important;
    /* Adjust the duration for a smoother circular motion */
    animation-name: animationgradienttitle !important;
    animation-iteration-count: infinite !important;
    animation-timing-function: linear;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.wns-tech-gen-ai {
    color: #ffffff;
    background: radial-gradient(circle at center, #ffad6c, #ffad6c, #e4cdc1, #fb9a76, #f99988, #ffad6c);
    background-size: 600% 600%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation-duration: 5s !important;
    /* Adjust the duration for a smoother circular motion */
    animation-name: animationgradienttitle !important;
    animation-iteration-count: infinite !important;
    animation-timing-function: linear;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.wns-tech-footer-para p {
    color: #ffffff;
}

@keyframes animationgradienttitle {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 100% 100%;
    }
}

.wns-tech-wns-head2.wns-tech-loaded-pg span {
    animation-name: glow-anime;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-duration: 3.2s;
    animation-delay: calc(0.1s * var(--i));
    color: #fff;
    margin-left: 3rem;
}

@keyframes glow-anime {
    0% {}

    50% {
         text-shadow: 0 0 1.5rem #fff7f0, 0 0 1.5rem #fcf7f3, 0 0 4rem #e4cdc1, 0 0 5rem #F99988, 0 0 14rem #fcf7f3;
    }

    100% {}
}

.wns-tech-search-b {
    cursor: pointer;
}
#wns-tech-footer-sec h3 {
    font-size: 16rem;
    margin-bottom: 40rem;
}
#wns-tech-footer-sec {
    padding-bottom: 100rem;
    padding-top: 0rem;
}
img.wns-tech-todai {
    display: flex;
    width: 75%;
}
.wns-tech-wns-head64.black {
    color: #231F20;
}
span.wns-tech-locate,span.wns-tech-time {
    padding-left: 30rem;
    margin-right: 20rem;
    position: relative;
}
span.wns-tech-locate:before {
    content: "";
    position: absolute;
    width: 18rem;
    height: 18rem;
    background-image: url(../images/location.svg);
    background-repeat: no-repeat;
    left: 0;
    background-size: 100%;
}
span.wns-tech-time:before {
    content: "";
    position: absolute;
    width: 18rem;
    height: 18rem;
    background-image: url(../images/calendar.svg);
    background-repeat: no-repeat;
    left: 0;
    background-size: 100%;
} 
.wns-tech-footer-btn button.wns-tech-dnld-rpt::before {
    content: '';
    background-image: url('../images/Dotted-White-Circle.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    height: 40rem;
    width: 40rem;
    left: 0;
    top: 14rem;
}

#wns-tech-footer-sec h2 {
    font-size: 54rem;
    line-height: 1em;
    margin-bottom: 30rem;
}

.wns-tech-footer-btn button.wns-tech-dnld-rpt::after {
    background-image: url('../images/Dotted-White-right-Arrow.svg');
    top: 22rem;
}

.wns-tech-footer-btn:hover button.wns-tech-dnld-rpt::before {
    background-image: url('../images/Dotted-Yellow-Circle.svg');
}

.wns-tech-footer-btn:hover button.wns-tech-dnld-rpt::after {
    background-image: url('../images/Dotted-Yellow-right-Arrow.svg');
}

.wns-tech-wns-social {
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

.wns-tech-wns-social a {
    padding: 14rem;
    border-radius: 54%;
    border: 1rem solid #444444;
    margin-right: 15rem;
    transition: all 0.3s ease-in-out !important;
}

.wns-tech-wns-social a:last-child {
    margin-right: 0;
}

.wns-tech-wns-social a:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.wns-tech-ft-row {
    align-items: center;
    border-top: 1rem solid #444444;
    padding-top: 40rem;
    margin-top: 80rem;
}

.wns-tech-footer-copyright {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 10rem 0rem;
}

.wns-tech-fmenu-item {
    display: flex;
    gap: 35rem;
}


.wns-tech-fmenu-item a {
    font-size: 15rem;
    line-height: 1.3em;
    border-radius: 50rem;
    color: #ffffff;
}

.wns-tech-footer-menu {
    margin-bottom: 65rem;
    border-top: 1rem solid #444444;
    margin-top: 65rem;
    padding-top: 25rem;
}

.wns-tech-send-rpt-btn {
    margin-top: 60rem;
}

.wns-tech-send-rpt-btn a {
    font-size: 20rem;
    line-height: 1.3em;
    border: 1rem solid #F37021;
    padding: 12rem 40rem 10rem;
    border-radius: 50rem;
    color: #ffffff;
    font-family: 'Bebas-Neue-Bold', serif;
    transition: all 0.3s ease-in-out;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

.wns-tech-send-rpt-btn a:hover {
    background-color: #F37021;
    transform: scale(0.8);
}

.wns-tech-footer-sec-main h5 {
    font-size: 21rem;
    line-height: 1.4em;
    font-family: 'Montserrat-Regular', serif;
    margin-bottom: 50rem;
}

.wns-tech-footer-right-s {
    display: grid;
    align-content: flex-end;
    justify-content: flex-end;
}

.wns-tech-footer-logo img {
    width: 68rem;
}

.wns-tech-foot-head5 h5:before {
    content: "/";
    position: absolute;
    left: -20rem;
    color: #F37021;
    display: inline-block;
}

.wns-tech-wns-btn.wns-tech-footer-btn a {
    font-size: 20rem;
    line-height: 1.3em;
    font-family: 'Bebas-Neue-Bold', serif;
    color: #ffffff;
    position: relative;
    transition: all 0.2s ease-in;
}

.wns-tech-wns-btn.wns-tech-footer-btn a:hover {
    color: #F37021;
}

.wns-tech-wns-btn.wns-tech-footer-btn a:after{
    content: '';
    background-image: url(../images/right-arrow.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 13rem;
    height: 13rem;
    background-position: center;
    transition: all 0.3s ease-in;
    display: inline-block;
    right: -21%;
    top: 5rem;
    position: absolute;
    transition: all 0.2s ease-in;
}

.wns-tech-wns-btn.wns-tech-footer-btn:hover a:after {
    background-image: url(../images/right-arrow-hov.svg);
    right: -23%;
}
.wns-tech-para-14.wns-tech-white b {
    font-family: 'Montserrat-Bold';
}
.wns-tech-copyright-text {
    font-family: 'Montserrat-Regular', serif;
    justify-content: center;
    color: #ffffff;
    align-self: center;
    white-space: nowrap;
    margin: auto 0;
    font-size: 14rem;
    line-height: 1.2em;
    font-weight: 300;
}

.wns-tech-insights-cntt {
    margin-bottom: 45rem;
}

.wns-tech-head-btn {
    display: flex;
    align-items: center;
}

.wns-tech-head-btn button {
    font-size: 20rem;
    line-height: 1.2em;
    background-color: #ffffff;
    color: #F04E30;
    font-weight: 700;
    border: 1rem solid #ffffff;
    padding: 10rem 30rem;
    border-radius: 35rem;
    cursor: pointer;
    font-family: 'Bebas-Neue-Bold';
    transition: all 0.3s ease-in;
}

.wns-tech-header-outer {
    justify-content: space-between;
    display: flex;
    width: 100%;
    gap: 20px;
    align-items: center;
}

.wns-tech-header-menu {
    justify-content: space-between;
    border-radius: 50rem;
    align-self: center;
    display: flex;
    gap: 35rem;
    margin: auto 0;
    padding: 18rem 40rem;
    background-color: #1e1f2080;
}
.wns-tech-nav-section.wns-tech-fixed .wns-tech-header-menu {
    background-color: #1e1f20;
}
.wns-tech-header.wns-tech-scroll-up {
    background-color: #060606;
}

.wns-tech-header-menu a.wns-tech-active {
    color: #ffffff;
}

.wns-tech-nav-section {
    position: absolute;
    bottom: 2%;
    left: 50%;
    transform: translateX(-50%);
    margin: auto;
    z-index: 9;
    height: 90rem;
    transition: all 0.4s ease;
    backdrop-filter: blur(2rem);
    width: 45%;
}
.wns-tech-progress-dots {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.wns-tech-dot {
    width: 10px;
    height: 10px;
    background-color: #bbb;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.wns-tech-dot.wns-tech-active {
    background-color: #333;
}


.wns-tech-header-menu a {
    color: #ffffff;
    font-size: 15rem;
    line-height: 1.2em;
    font-weight: 400;
    padding-bottom: 4rem;
    position: relative;
}

.wns-tech-header-menu a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2rem;
    background: linear-gradient(90deg, #F37021 0%, #BD1A29 40%, #ED1C24 71%, #F04E30 100%);
    transition: width 0.3s ease-in-out, left 0.3s ease-in-out;
}

.wns-tech-header-menu a.wns-tech-active::after {
    width: 100%;
    left: 0;
}

.wns-tech-header-menu a.wns-tech-prev-active::after {
    width: 0;
    left: 100%;
}

a.wns-tech-nav-item:hover {
    color: #F37021;
}

.wns-tech-nav-section.wns-tech-fixed {
    position: fixed;
    padding-top: 15rem;
    bottom: 0%;
    margin: unset;
    z-index: 9;
    margin-top: 0;
    backdrop-filter: none;
}
.wns-tech-nav-section.wns-tech-fixed nav {
    border: 1rem solid rgb(255 255 255 / 10%);
}
.wns-tech-head-btn button:hover {
    background-color: #EF4E30;
    border: 1rem solid #EF4E30;
    color: #ffffff;
}

button.wns-tech-dnld-rpt:hover { 
    color: #FFB400;
    transition: background-color 0.3s ease;
}

.wns-tech-box-col-rgt.wns-tech-mobile {
    display: none;
}

.wns-tech-btm-box-row .col-md-3.col-sm-12:last-child {
    padding-right: 0;
}

.wns-tech-wns-social img {
    width: 22rem;
}

.wns-tech-footer-copyright img {
    width: 102rem;
}

/***mobile menu css ***/
.wns-tech-fade-in-letter {
    display: inline-block;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.wns-tech-opacity-span {
    opacity: 0.2;
    transition: opacity 0.5s ease;
    font-size: 28rem;
    line-height: 1.3em;
    font-family: 'Montserrat-Medium', serif;
    text-align: center;
    color: #ffffff;
}  
#wns-tech-top-banner .wns-tech-video-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  
  #wns-tech-top-banner video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
  }

div#wns-tech-content1 div {
    margin-top: 35rem;
}
.wns-tech-ab {
width: 46%;
margin: auto;
margin-top: 30rem;
}

#wns-tech-about-white {
    background: #ffffff;
}

#wns-tech-about-white .wns-tech-opacity-span {
    color: #000104;
}

#wns-tech-about-white .wns-tech-banner-left-cntt {
    width: 79%;
    margin: auto;
}
.wns-tech-banner-left-cntt {
    text-align: center;
}

.wns-tech-banner-left-cntt h1 {
    font-family: 'Montserrat-Regular', serif;
    margin: auto;
    padding-top: 30rem;
    font-size: 20rem;
    text-align: left;
}
.wns-tech-color-o {
    color: #F37021;
}

/* 5 sections - featured report */
.wns-tech-grid-outer {
    gap: 20rem;
    display: flex;
}

.wns-tech-grid-outer.wns-tech-gb-3 {
    margin-top: 25rem;
}

.wns-tech-grid-col-1 {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 33%;
    margin-left: 0rem;
}

.wns-tech-grid-col-2 {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 67%;
}

.wns-tech-grid-box-inner {
    border-radius: 16rem;
    background-color: #e0d6c2;
    display: flex;
    width: 100%;
    flex-grow: 1;
    flex-direction: column;
    font-size: 20rem;
    color: #000104;
    margin: 0 auto;
    padding: 25rem 20rem;
    position: relative;
}

.wns-tech-gb-2 {
    background-color: #dcdcdc;
}
.wns-tech-gb-2  .wns-tech-grid-button {
    width: 96%;
}
.wns-tech-gb-3 .wns-tech-grid-box-inner {
    background-color: #ffffff;
    position: relative;
}
.wns-tech-gb4-col1 .wns-tech-grid-box-inner {
    background-color: #FFDBC5;
    position: relative;
}
.wns-tech-gb-title {
    font-size: 20rem;
    font-weight: 600;
    line-height: 1.3em;
    font-family: 'Montserrat-Semibold';
    max-width: 100%;
}

.wns-tech-gb-desc {
    margin-top: 15rem;
    font-size: 16rem;
    font-weight: 400;
    font-family: 'Montserrat-Regular', serif;
    line-height: 1.3em;
    max-width: 100%;
    position: relative;
}

.wns-tech-gb-img2 {
    object-position: right;
    width: 100%;
}

.wns-tech-gb-img3 {
    object-position: center;
    width: 100%;
    /* margin-bottom: 20rem; */
}

.wns-tech-grid-button {
    position: absolute;
    bottom: 20rem;
    width: 93%;
}
.wns-tech-grid-wrap {
    height: 40rem;
}
.wns-tech-gb-btn {
    font-size: 20rem;
    font-weight: 700;
    color: #231F20;
    font-family: 'Bebas-Neue-Bold', serif;
    text-transform: uppercase;
    letter-spacing: 0.5rem;
    line-height: 100%;
    width: 100%;
    position: relative;
    cursor: pointer;
}

.wns-tech-gb-btn::after {
    content: '';
    background-image: url(../images/black-right-arrow.svg);
    background-repeat: no-repeat;
    width: 30rem;
    height: 20rem;
    background-size: 100%;
    display: block;
    position: absolute;
    right: 17rem;
    bottom: 0px;
}

.wns-tech-grid-box-inner:hover .wns-tech-gb-btn::after {
    background-image: url(../images/orange-right-arrow.svg);
}

.wns-tech-grid-box-img {
    overflow: hidden;
    margin-top: 45rem;
    border-radius: 16rem;
}

.wns-tech-gb2-col2{
    overflow: hidden;
    border-radius: 16rem;
    margin-bottom: 0;
}
.wns-tech-gb2-col3 {
    overflow: hidden;
    border-radius: 16rem;
    margin-bottom: 20rem;
}
.wns-tech-grid-box-img .wns-tech-gb-img, .wns-tech-gb2-col2 .wns-tech-gb-img2, .wns-tech-gb2-col3 .wns-tech-gb-img3 {
    max-width: 100%;
    transition: all 1s ease;
    width: 100%;
    object-fit: cover;
}

.wns-tech-grid-box-inner:hover .wns-tech-gb-img, .wns-tech-grid-box-inner:hover .wns-tech-gb-img2, .wns-tech-grid-box-inner:hover .wns-tech-gb-img3 {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.wns-tech-gb-btn::after {
    display: inline-block;
    margin-right: 10rem;
    transition: transform 0.5s ease;
}

.wns-tech-grid-box-inner:hover .wns-tech-gb-btn::after {
    transform: translateX(10rem);
}

.wns-tech-grid-box-inner:hover .wns-tech-gb-btn {
    color: #F04E30;
}

.wns-tech-gb2-col1 {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 71%;
    margin-left: 0rem;
}

.wns-tech-gb2-col2 {
    display: flex;
    /* flex-direction: column; */
    line-height: normal;
    width: 29%;
}
.wns-tech-gb-2 .wns-tech-grid-button {
    bottom: 0rem;
}
.wns-tech-gb-2 .wns-tech-gb-btn::after {
    right: 0rem;
}
.wns-tech-gb3-col1, .wns-tech-gb4-col1 {
    display: flex;
    flex-direction: column;
    line-height: normal;
    width: 50%;
    margin-left: 0rem;
}

@media (max-width: 767px) {
    .wns-tech-gb-title {
        font-size: 18px;
    }

    .wns-tech-gb-desc {
        margin-top: 15px;
        font-size: 13px;
    }

    .wns-tech-grid-outer {
        flex-direction: column;
        align-items: stretch;
        gap: 0rem;
    }

    .wns-tech-grid-col-1 {
        width: 100%;
    }

    .wns-tech-grid-col-2 {
        width: 100%;
    }

    .wns-tech-grid-box-inner {
        padding: 25px 20px;
        margin-bottom: 20px;
        border-radius: 12px;
    }

    .wns-tech-gb-btn {
        font-size: 18px;
        bottom: 20px;
        color: #F04E30;
    }

    .wns-tech-grid-button {
        margin-top: 40px;
    }

    .wns-tech-gb-btn::after {
        width: 25px;
        height: 20px;
        right: 115rem;
        background-image: url(../images/orange-right-arrow.svg);
    }

    .wns-tech-grid-outer.wns-tech-gb-3 {
        margin-top: 0;
    }

    .wns-tech-grid-box-img {
        margin-top: 20px;
    }

    .wns-tech-gb2-col1 {
        width: 100%;
    }

    .wns-tech-gb2-col2 {
        width: 100%;
        margin-bottom: 20px;
    }

    .wns-tech-gb3-col1 {
        width: 100%;
    }

    .wns-tech-gb4-col1 {
        width: 100%;
    }

}

/* 5 sections - featured report end*/
.wns-tech-wns-head64 {
    color: var(--White, #FFF);
    text-align: center;
    font-family: 'Montserrat-Semibold', serif;
    font-size: 48rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2em;
    padding-bottom: 30rem;
}

.wns-tech-wns-head28 {
    font-family: 'Montserrat-Semibold', serif;
    font-size: 28rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2em;
    padding-bottom: 30rem;
}

.wns-tech-para-16 {
    color: #231F20;
    font-family: 'Montserrat-Regular', serif;
    font-size: 16rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4em;
    /* 20.8px */
}

.wns-tech-text-black {
    color: rgba(0, 1, 4, 1);

}

/* <!------------------ Our GenAI Models in Action start --------------------> */
.wns-tech-genAIModel {
    position: relative;
    z-index: 3;
}

.wns-tech-naccs {
    position: relative;
    margin: 70rem auto 0;
    z-index: 2;
}
.wns-tech-naccs .wns-tech-menu div:hover {
    color: #f37021;
    opacity: 1;
}

 .wns-tech-naccs .wns-tech-menu div:hover  svg path {
    fill: #F37021;
    transition: all 0.5s ease;
}
.wns-tech-naccs .wns-tech-menu div:hover  svg g{
    opacity: 1;
}
.wns-tech-naccs .wns-tech-menu div {
    padding: 20rem 0;
    margin-bottom: 30rem;
    font-family: 'Montserrat-Regular', serif;
    font-size: 24rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2em;
    cursor: pointer;
    position: relative;
    vertical-align: middle;
    color: #fff;
    opacity: 0.5;
    transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
    border-bottom: 1rem solid rgb(255 255 255 / 20%);
}

.wns-tech-naccs .wns-tech-menu .wns-tech-tabtitle.wns-tech-active {
    color: #fff;
    opacity: 1;
    font-family: 'Montserrat-Medium', serif;
    pointer-events: none;
    cursor: pointer;
}

.wns-tech-naccs .wns-tech-menu .wns-tech-tabtitle svg {
    width: 20rem;
    height: 20rem;
    position: absolute;
    right: 0;
}

.wns-tech-naccs .wns-tech-menu .wns-tech-tabtitle.wns-tech-active svg {
    transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
    transform: rotate(90deg);
}

.wns-tech-naccs .wns-tech-menu .wns-tech-tabtitle.wns-tech-active svg path {
    fill: #F37021;
}

.wns-tech-naccs .wns-tech-menu .wns-tech-tabtitle.wns-tech-active svg g {
    opacity: 1;
}

.wns-tech-naccs .wns-tech-topimg {
    margin-bottom: 30rem;
    width: 100%;
}
.wns-tech-topimg {
    border-radius: 10rem;
}
.wns-tech-naccs .wns-tech-para-16 {
    padding-bottom: 40rem;
    color: #909DAC;
}

.wns-tech-btnwrapper {
    display: flex;
    cursor: pointer;
    align-items: center;
}

.wns-tech-circlebtn::after {
    content: '';
    background-image: url(../images/cta-arrows-play.svg);
    background-size: cover;
    display: block;
    background-repeat: no-repeat;
    width: 40rem;
    height: 40rem;
    background-position: center;
    transition: all 0.3s ease-in;
    margin-left: 15rem;
}

.wns-tech-btnwrapper:hover .wns-tech-circlebtn::after {
    background-image: url(../images/play-icon-hover.svg);
    transition: all 0.3s ease-in;
}

.wns-tech-btnwrapper:hover .wns-tech-cta-text {
    color: #F37021;
}

.wns-tech-cta-text {
    color: #FFF;
    font-family: "Bebas-Neue-Regular", serif;
    font-size: 20rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2em;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    transition: all 0.4s ease-in;
    position: relative;
}

span.wns-tech-light {
    margin-right: 15rem;
    font-family: "Bebas-Neue-Regular", serif;
}

.wns-tech-naccs .wns-tech-menu {
    padding-right: 80rem;
}

ul.wns-tech-nacc {
    position: relative;
    min-height: 550rem;
    list-style: none;
    margin: 0;
    padding: 0;
    transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

ul.wns-tech-nacc li {
    opacity: 0;
    position: absolute;
    list-style: none;
    transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);

}

ul.wns-tech-nacc li.wns-tech-active {
    transition-delay: 0.3s;
    z-index: 2;
    opacity: 1;
    transform: translateY(60rem);
    animation: slide-up 1s forwards cubic-bezier(0.5, 1, 0.89, 1);  
}

ul.wns-tech-nacc li p {
    margin: 0;
}

/* <!------------------ Our GenAI Models in Action end --------------------> */
.wns-tech-owlProgress .wns-tech-owl-dot {
    margin-right: 0;
}

.wns-tech-owlProgress .wns-tech-slide-progress {
    width: 0;
    max-width: 100%;
    height: 10px;
    background: rgb(2 2 2 / 10%);
    border-radius: 50%;
}
:root {
    --motion: 1;
}
h6.wns-tech-sub-head-w {
    font-size: 16rem;
    line-height: 1.3em;
    color: #F37021;
    text-transform: uppercase;
    margin-bottom: 15rem;
    font-family: Montserrat-Medium, serif;
}
/** differentiated section css***/
.wns-tech-insigts-box-outer {
    background-color: #ffffff;
    padding: 40rem 25rem 65rem;
    border-radius: 12rem;
    -webkit-transition: background-color 300ms ease-in;
    -moz-transition: background-color 300ms ease-in;
    -ms-transition: background-color 300ms ease-in;
    -o-transition: background-color 300ms ease-in;
    transition: background-color 300ms ease-in;
}

.wns-tech-diff-box-row .wns-tech-item {
    margin-right: 20rem;
}

.wns-tech-diff-box-row {
    margin-top: 80rem;
}

/*******carousel css starts *******/
.wns-tech-diff-box-row.wns-tech-owl-carousel .wns-tech-owl-item img, .wns-tech-ins-box-row .wns-tech-owl-carousel .wns-tech-owl-item img {
    width: 65%;
    margin: auto;
    padding-top: 10%;
}

.wns-tech-diff-box-row .owl-nav button, .wns-tech-ins-box-row .owl-nav button {
    height: 45rem;
    width: 45rem;
    border-radius: 50% !important;
    background: #E6E6E6 !important;
    position: absolute;
    top: 40%;
    transition: 0.3s ease-in;
}

.wns-tech-ins-box-row .owl-nav button {
    background: #1C1C1E !important;
    top: 29%;
}



.wns-tech-diff-box-row .owl-nav button:hover, .wns-tech-ins-box-row .owl-nav button:hover {
    background-color: #F2512A !important;
}

.wns-tech-diff-box-row button.owl-prev, .wns-tech-ins-box-row button.owl-prev {
    left: -6.5%;
}

.wns-tech-diff-box-row button.owl-next, .wns-tech-ins-box-row button.owl-next {
    right: -4.8%;
}

.wns-tech-diff-box-row button.owl-prev:before, .wns-tech-ins-box-row button.owl-prev:before {
    content: "";
    background-image: url('../images/black-owl-arrow.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 8rem;
    height: 14rem;
    display: inline-block;
    top: 35%;
    right: 45%;
    position: absolute;
    transform: rotate(180deg);
}

.wns-tech-diff-box-row button.owl-next:before, .wns-tech-ins-box-row button.owl-next:before {
    content: "";
    background-image: url('../images/black-owl-arrow.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 8rem;
    height: 14rem;
    display: inline-block;
    top: 36%;
    right: 38%;
    position: absolute;
}

.wns-tech-ins-box-row button.owl-prev:before {
    background-image: url('../images/white-owl-arrow.svg');
}

.wns-tech-ins-box-row button.owl-next:before{
    background-image: url('../images/white-owl-arrow.svg');
}

.wns-tech-diff-box-row button.owl-next:hover:before, .wns-tech-diff-box-row button.owl-prev:hover:before, 
.wns-tech-ins-box-row button.owl-next:hover:before, .wns-tech-ins-box-row button.owl-prev:hover:before {
    background-image: url(../images/white-owl-arrow.svg);
}

.wns-tech-diff-box-row .owl-dots, .wns-tech-ins-box-row .owl-dots {
    text-align: center;
}

.wns-tech-diff-box-row button.owl-dot, .wns-tech-ins-box-row button.owl-dot {
    width: 10rem;
    height: 10rem;
    background-color: #E6E6E6 !important;
    border-radius: 50px;
    margin: 25rem 5rem 0rem;
}

.wns-tech-ins-box-row button.owl-dot {
    background-color: #ffffff20 !important;
}

.wns-tech-diff-box-row button.owl-dot.wns-tech-active {
    background-color: #000000 !important;
}

.wns-tech-ins-box-row button.owl-dot.wns-tech-active {
    background-color: #ffffff !important;
}

/***** carousel css end *******/
h5.wns-tech-wns-head24{
    margin-bottom: 20rem;
}
.wns-tech-diff-box-head, .wns-tech-wns-head24 {
    font-size: 24rem;
    font-weight: 700;
    line-height: 1.3em;
    color: #ffffff;
    font-family: 'Montserrat-Semibold', serif;
    margin-bottom: 50rem;
}

.wns-tech-diff-box-text {
    font-size: 16rem;
    color: #ffffff;
    font-family: 'Montserrat-Medium', serif;
    line-height: 1.3em;
    font-weight: 500;
}

.wns-tech-diff-box-outer {
    padding: 50rem 30rem 50rem 30rem;
    border-radius: 10rem;
    min-height: 420rem;
    transition: 0.5s ease-in-out;
    overflow: hidden;
}

#wns-tech-diff-box1::before {
    background-image: url('../images/multi-dimensional-approach.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.wns-tech-diff-box-outer {
    position: relative;
    overflow: hidden;
}
.wns-tech-diff-box-outer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    transition: transform 0.5s ease; /* Smooth transition for the transform */
    transform: scale(1); /* Initial scale */
    z-index: -1; /* Ensure the pseudo-element is behind the content */
}
#wns-tech-diff-box2::before {
    background-image: url('../images/capability-contextualize.jpg');
}
.wns-tech-diff-box-outer:hover::before {
    transform: scale(1.19); /* Scale up the background */
}
#wns-tech-diff-box3::before {
    background-image: url('../images/trained-models.jpg');
}

#wns-tech-diff-box4::before {
    background-image: url('../images/multi-dimensional-approach.jpg');
}

#wns-tech-diff-box5::before {
    background-image: url('../images/Plug-and-play-platforms.jpg');

}
#diff-box6::before {
    background-image: url('../images/trained-models.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

#wns-tech-differentiated {
    background-color: #ffffff;
    margin-top: -1px;
}

.wns-tech-wns-large-mobile {
    display: none;
}

.wns-tech-white {
    color: #ffffff;
}

.wns-tech-ins-box-row .wns-tech-item {
    margin-right: 20rem;
}

/***** on hover image scale up css*****/
.wns-tech-ins-img {
    overflow: hidden;
    border-radius: 20rem;
}

.wns-tech-insights-box-outer:hover p {
    color: #F37021;
}

.wns-tech-diff-box-head span {
    color: #F37021;
}

.wns-tech-ins-img img {
    max-width: 100%;
    transition: all 1s ease;
    border-radius: 20rem;
}
#wns-tech-insights {
    z-index: 2;
    position: relative;
}
.wns-tech-insights-box-outer:hover .wns-tech-ins-img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

/***** End on hover image scale up css*****/
.wns-tech-insights-box-subtext {
    margin: 20rem 0;
}

.wns-tech-insights-box-outer {
    padding: 0rem 10rem 30rem 10rem;
}

/*** on hover running line css***/
.wns-tech-insights-box-outer:hover .wns-tech-gb-title {
    color: #ffffff;
    background-size: 100% 1.4rem !important;
}

.wns-tech-insights-box-outer .wns-tech-gb-title {
    text-decoration: none;
    background-size: 0 1.4rem !important;
    background-position: 0 95% !important;
    -webkit-transition: background-size .25s cubic-bezier(.785, .135, .15, .86) 0s !important;
    -moz-transition: background-size .25s cubic-bezier(.785, .135, .15, .86) 0s !important;
    -o-transition: background-size .25s cubic-bezier(.785, .135, .15, .86) 0s !important;
    transition: background-size .25s cubic-bezier(.785, .135, .15, .86) 0s !important;
    background-image: linear-gradient(to right, #ffffff 0, #ffffff 100%) !important;
    padding: 0 0 4rem;
    background-repeat: no-repeat;
    display: inline !important;
}
.wns-tech-nav-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 10rem;
    height: 10rem;
    background: #ffffff20;
    border-radius: 50%;
}
.wns-tech-nav-slider .slick-next:hover, .wns-tech-nav-slider .slick-prev:hover {
    background-color: #F37021;
}
.wns-tech-nav-slider .slick-prev:before {
    content: ' ' !important;
    background-image: url(../images/left-arrows.svg);
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    top: 30%;
    left: 30%;
    width: 10rem;
    height: 16rem;
}
.wns-tech-nav-slider .slick-next:before {
    content: ' ' !important;
    background-image: url(../images/right-arrows.svg);
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    top: 30%;
    left: 40%;
    width: 10rem;
    height: 16rem;
}
.wns-tech-nav-slider .slick-next:hover, .wns-tech-nav-slider .slick-prev:hover,
.wns-tech-nav-slider .slick-prev:focus, .wns-tech-nav-slider .slick-next:focus  {
    background-color: #F37021 !important;
}
.wns-tech-nav-slider .slick-dots li.slick-active {
    background: #ffffff;
}
.wns-tech-nav-slider .slick-next,
 .wns-tech-nav-slider .slick-prev {
    width: 40rem;
    height: 40rem;
    background-color: #ffffff20 !important;
    border-radius: 50%;
    transition: 0.2s ease-in;
}
.wns-tech-nav-slider .slick-prev {
    left: -45rem;
}
.wns-tech-nav-slider .slick-next {
   right: -45rem;
}
.wns-tech-ins-main .slick-prev, .wns-tech-ins-main .slick-next {
    top: 30%;
}
.wns-tech-ins-main {
    margin-top: 30rem;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
/* <!------------------ zoom-card-wrapper start --------------------> */
.wns-tech-zoom-card-wrapper {
    padding-top: 0rem;
    margin: 0 -16rem;
    display: flex;
    justify-content: center;
}

.wns-tech-zoom-card .wns-tech-profileName {
    font-family: 'Montserrat-Bold', serif;
    font-size: 16rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4em;
    color: #909DAC;
    padding-bottom: 7rem;
}

.wns-tech-zoom-card .wns-tech-profileDes {
    font-family: 'Montserrat-Regular', serif;
    font-size: 14rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4em;
    color: #909DAC;
    padding-bottom: 20rem;
}

.wns-tech-zoom-card .wns-tech-profileSummery {
    font-family: 'Montserrat-Medium', serif;
    font-size: 20rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4em;
    color: #fff;
}

.wns-tech-zoom-card .wns-tech-img-wraper img {
    width: 100%;
    height: 100%;
}

.wns-tech-zoom-card .wns-tech-img-wraper {
    --borderWidth: 5rem;
    position: relative;
    border-radius: 10rem;
    margin-bottom: 25rem;
    transform-origin: center;
    transition: transform calc(1s* var(--motion)) cubic-bezier(0.19, 1, 0.22, 1);
    /* transition: all 0.4s ease-in-out; */
    /* height: 250rem; */
    position: relative;
}

.wns-tech-zoom-card .wns-tech-img-wraper:hover {
    transform: scale(1.08);
}

.wns-tech-zoom-card:hover .wns-tech-pop-wrapper {
    transform: scale(1.2);
}

.wns-tech-zoom-card .wns-tech-img-wraper:after {
    content: '';
    position: absolute;
    top: calc(-1 * var(--borderWidth));
    left: calc(-1 * var(--borderWidth));
    height: calc(100% + var(--borderWidth) * 2);
    width: calc(100% + var(--borderWidth) * 2);
    border-radius: 10rem;
    z-index: -1;
}

.wns-tech-zoom-card .wns-tech-img-wraper:hover:after {
    background: linear-gradient(to right, #F37021, #BD1A29, #ED1C24, #F04E30);
    animation: animatedgradient 3s ease alternate infinite;
    background-size: 300% 300%;
}

.wns-tech-zoom-card.wns-tech-zoom-card4 {
  margin-top: 400rem;
}

.wns-tech-zoom-card.wns-tech-zoom-card2 {
  margin-top: 275rem;
}

.wns-tech-zoom-card.wns-tech-zoom-card1 {
    margin-top: 150rem;
}

.wns-tech-zoom-card {
    margin: 0 17rem;
    cursor: pointer;
}

.wns-tech-pop-wrapper {
    width: 56rem;
    height: 56rem;
    position: absolute;
    bottom: 20rem;
    left: 20rem;
    transition: transform calc(1s* var(--motion)) cubic-bezier(0.19, 1, 0.22, 1);
}

@keyframes animatedgradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.wns-tech-overlay.wns-tech-video-model, .wns-tech-overlay1 {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 99;
}

.wns-tech-video-model .wns-tech-popup {
    display: none;
    background-color: #1d1d1d;
    width: 70%;
    min-height: 70vh;
    z-index: 2;
    padding: 12rem;
    border-radius: 12rem;
    opacity: 0;
    transform: translateY(50rem);
    animation: slide-up 1s forwards cubic-bezier(0.5, 1, 0.89, 1);
}

.wns-tech-video-model .wns-tech-popup-content {
    position: relative;
}

.wns-tech-video-model .wns-tech-close {
    top: -12rem;
    right: -75rem;
    font-size: 30rem;
    font-weight: 300;
    text-shadow: none;
    position: absolute;
    border: none;
    width: 50rem;
    height: 50rem;
    border-radius: 50%;
    color: #fff;
    background: rgba(255, 255, 255, .4);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    pointer-events: all;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in;
    opacity: 0;
    transform: translateY(50rem);
    animation: slide-up 1s forwards cubic-bezier(0.5, 1, 0.89, 1);
}

.wns-tech-video-model .wns-tech-close:hover {
    transform: scale(1.1);
    color: #fff;
    opacity: 1;
}

iframe.wns-tech-video-yt.wns-tech-youtube-iframe {
    height: 70vh;
}

.wns-tech-video-wrapper .wns-tech-item, .wns-tech-video-wrapper .wns-tech-item iframe.wns-tech-video-yt.wns-tech-youtube-iframe {
    display: none;
}

.wns-tech-video-wrapper .wns-tech-item.wns-tech-show, .wns-tech-video-wrapper .wns-tech-item.wns-tech-show iframe.wns-tech-video-yt.wns-tech-youtube-iframe {
    display: block;
}

/* <!------------------ zoom-card-wrapper end ----------------------> */


/* <!------------------ logo start --------------------> */
.wns-tech-ns-img {
    overflow: hidden;
}

.wns-tech-ns-img img {
    max-width: 100%;
    transition: all 1s ease;
}
.wns-tech-insights-box-subtext .wns-tech-para-16 {
    color: #909DAC;
}

@keyframes backAndForth {
    0%, 100% {
        transform: translateX(0); /* Start and end position */
    }
    50% {
        transform: translateX(10rem); /* Midway position */
    }
}
/* <!------------------ spline top banner end --------------------> */

/* <!----------Watch-keyInsights section------------------------------> */
.wns-tech-Watch-keyInsights-inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 20rem;
    cursor: pointer;
    bottom: -200rem;
}
.wns-tech-pop-wrapper-video{
    position: absolute;
    z-index: 1;
    transition: all 0.3s ease-in;
}
.wns-tech-Watch-keyInsights-inner:hover .wns-tech-pop-wrapper-video{
    transform: scale(1.2);
}
.wns-tech-Watch-keyInsights-inner:hover .wns-tech-bg-video-img{
    transform: scale(1.05);
}
.wns-tech-Watch-keyInsights-inner .wns-tech-bg-video-img{
    transition: all 0.3s ease-in;
}
#wns-tech-Watch-keyInsights .wns-tech-wns-head64{
    position: absolute;
    top: 50rem;
    width: 100%;
}
#wns-tech-Watch-keyInsights {
    border-bottom: 200rem solid #fff;
    padding-bottom: 0;
}
.wns-tech-bg-video-img{
    width: 100%;
    height: 100%;
}

/* <!----------Watch-keyInsights section end ------------------------------> */
    
    @keyframes slide-up {
      100% {
          transform: translateY(0);
          opacity: 1;
      }
    }
    
    /* <!-- slick slider new  use cases start end ------------------------------------------------------> */
    .wns-tech-search-b {
       display: none;
     }

     /****Form css start ****/
  .wns-tech-wns-form-outer{
    align-items: flex-start;
   
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(12.5px);
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    padding: 30rem 40rem;
    flex-direction: column;
    max-height: 95vh;
    overflow-y: auto;
  }
  .wns-tech-wns-form-outer::-webkit-scrollbar-track
  {
  -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
  background-color: rgba(0, 0, 0, 0.5);
  }
  
  .wns-tech-wns-form-outer::-webkit-scrollbar
  {
  width: 2px;
  background-color: rgba(0, 0, 0, 0.5);
  }
  
  .wns-tech-wns-form-outer::-webkit-scrollbar-thumb
  {
  background-color: #ffffff7a;
  }
  .wns-tech-wns-form {
    align-self: stretch;
    color: #ffffff;
    text-align: center;
    margin-top: 16rem;
    font-size: 30rem;
    margin-bottom: 25rem;
    line-height: 1.2em;
    font-weight: 700;
  }
  #wns-tech-downloadForm input{
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 20rem;
    padding: 11rem 20rem;
    font-size: 16rem;
    font-weight: 500;
    background-color: transparent;
    width: 100%;
    line-height: 1.2em;
    font-family: 'Montserrat-Regular', serif;
    text-align: center;
    color: #ffffff !important;
    margin-bottom: 5rem;
  }
  #wns-tech-downloadForm  select {
    width: 100%;
    font-size: 16rem;
    line-height: 1.2em;
    background-color: transparent;
    color: #c4c4c4;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 20rem;
    padding: 11rem 20rem;
    text-align: center !important;
    font-family: 'Montserrat-Regular', serif;
    font-weight: 500;
  }
  #wns-tech-downloadForm  select option {
    background: #000000;
    color: #ffffff;
    font-size: 16rem;
    font-family: 'Montserrat-Regular', serif;
    font-weight: 400;
    line-height: 1.2em;
    text-align: left;
    padding: 10rem 0;
  }
  #wns-tech-downloadForm input::placeholder {
    color: #c4c4c4;
    font-weight: 500;
    font-family: 'Montserrat-Regular', serif;
    font-size:  16rem;
  }
  form#wns-tech-downloadForm {
    width: 100%;
  }
  .wns-tech-form-control{
    border: unset;
    background-color: unset;
    text-align: center;
  }
  #wns-tech-downloadForm input:focus-visible {
    outline: unset;
  }
  #wns-tech-downloadForm  select:focus-visible {
    outline: unset;
  }
  .wns-tech-form-submit button {
    color: #fff;
    text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25);
    border-radius: 50rem;
    border: 2px solid  #F04E30;
    box-shadow: 0px 10px 40px 0px rgba(240, 78, 48, 0.4);
    background-color: #F04E30;
    margin: 20rem 0 5rem 0;
    padding: 15rem;
    font-size: 16rem;
    line-height: 1.2em;
    font-weight: 800;
    width: 100%;
    cursor: pointer;
    font-family: 'Montserrat-Regular', serif;
    transition: all 0.3s ease;
}
  .wns-tech-form-submit button:hover {
    background-color: #F37021;
    border: 2px solid #F37021;
    box-shadow: 0px 10px 40px 0px rgba(255, 125, 0, 0.4);
  }
  .wns-tech-form-terms {
    font-size: 14rem;
    line-height: 1.2em;
    color: hsla(0, 0%, 100%, 0.445);
    margin: 20rem 0 10rem 0;
    font-weight: 500;
    text-align: left;
    font-family: 'Montserrat-Regular', serif;
  } 
  /*** form validation css****/
  label.error {
    display: inline;
    color: #EF4E30;
    font-size: 14rem;
    font-family: 'Montserrat-Regular', serif;
    font-weight: 500;
  }
  /***** form popupForm css***/
  .wns-tech-overlayForm {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    z-index: 10;
  }
  .popupForm {
    display: none;
    position: fixed;
    width:36%;
    background: rgba(0, 0, 0, 0.3);
    align-items: center;
    justify-content: center;
    z-index: 9;
    /* top:10%; */
    border-radius: 30rem; 
  }
  .wns-tech-popupform-inner{
    overflow: hidden;
    border-radius: 30rem;
    border: 1px solid #6d6d6d;
  }
  .wns-tech-close-btn.wns-tech-form-close-btn {
    top: -28rem;
    right: -40rem;
  }
  .wns-tech-form-close-btn.wns-tech-close-btn img {
    width: 80rem;
    transition: all 0.3s ease;
  }
  .wns-tech-form-close-btn.wns-tech-close-btn:hover img {
    transform: scale(0.9);
  }
  .wns-tech-close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 9;
  }
  .wns-tech-close-btn.wns-tech-form-close-btn {
    top: -28rem;
    right: -40rem;
    width: 80rem;
    height: 80rem;
}
.wns-tech-naccs .wns-tech-acc-mob {
    display: none;
}
  /****Form css end  ****/
  .wns-tech-form-term-sec {
    display: flex;
    position: relative;
  }
  .wns-tech-form-term-sec input#consentCheckbox {
    width: 20rem;
    height: 20rem;
    margin-right: 15rem;
    border: 0;
  }
  .wns-tech-check-b {
    width: 7%;
    text-align: left;
    padding-top: 2rem;
  }
  label#consentCheckbox-error {
    position: absolute;
    bottom: -18rem;
    left: 0;
    right: 0;
    text-align: center;
  }
  
      /* Style for consent checkbox */
      .wns-tech-check-b input[type="checkbox"] {
        display: inline-block;
        position: relative;
        cursor: pointer;
        width: 21rem;
        height: 21rem;
        margin-right: 10rem;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    }
    .wns-tech-check-b input[type="checkbox"]::before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 21rem;
      height: 21rem;
      border: 1rem solid #333;
      border-radius: 3rem;
      background: #fff;
  }
  
    .wns-tech-check-b input[type="checkbox"]:checked::before {
      content: '\2713';
        background-color: #F04E30; /* Checked background color */
    }
    .wns-tech-content.wns-tech-content--canvas {
      height: 100vh;
      position: absolute;
      width: 100%;
  }


  /* new grid section start ************************************* */
  .wns-tech-para-14 {
    font-size: 14rem;
}
.wns-tech-para-16.wns-tech-para-bold {
    color: #fff;
    font-family: 'Montserrat-Bold';
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 16rem;
}
.wns-tech-sub-head{
    padding-bottom: 20rem;
}
.wns-tech-feature-wrapper .wns-tech-content-container {
    position: absolute;
    top: 0;
    padding: 20rem;
    height: 100%;
    z-index: 2;
}
.wns-tech-feature-wrapper {
    position: relative;
    overflow: hidden;

}
.wns-tech-feature-slider .wns-tech-item{
    padding: 2rem;
    border:1px solid transparent; /* Initially, make the border transparent */
   transition: all 0.3s ease-in;
}

  :root {
    --img: linear-gradient(120deg, #F37021 0%, #BD1A29 100%), url(https://images.unsplash.com/photo-1552579970-2fc7cb38a3d1?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2089&q=80);
    --br: linear-gradient(120deg, #ED1C24 0%, #F04E30 100%);
    --bb: linear-gradient(120deg, #F37021 0%, #BD1A29 100%);
    --bl: linear-gradient(to right, #ED1C24 0%, #F04E30 100%);
    --bt: linear-gradient(120deg, #F37021 0%, #BD1A29 100%);
    --p: -5rem;
    --bw: 1px;
    --t: 1s;
    --td: 200ms;
    --te: ease-out;
  }
  
  .wns-tech-feature-slider .slick-slide {
    position: relative;
    --w: 100%;
    --h: 100%;
  }
  .wns-tech-feature-slider .slick-slide .wns-tech-item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
  }

 #wns-tech-feature-reports .slick-slide::after {
    content: '';
    position: absolute;
    top: -10rem;
    left: -10rem;
    right: -10rem;
    bottom: -10rem;
    pointer-events: none;
    z-index: -1;
    border: 1px solid transparent;
    transition: border-color 0.3s ease;
}

#wns-tech-feature-reports .slick-slide:hover::after {
    border: 1px solid;
    border-image: linear-gradient(to right, #F37021 0%, #BD1A29 25%, #ED1C24 50%, #F04E30 100%);
    border-image-slice: 1;
}
.wns-tech-feature-wrapper .wns-tech-wns-head20-bebas::before {
    content: '';
    position: absolute;
    border-width: 4rem 0 0 0;
    border-style: solid;
    border-image: linear-gradient(90deg, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 0%) 54%, rgb(255 255 255 / 0%) 100%);
    border-image-slice: 1;
    width: 65%;
    display: block;
    transition: all 0.5s ease;
    bottom: -5rem;
}

.wns-tech-feature-wrapper:hover .wns-tech-wns-head20-bebas::before {
    border-image: linear-gradient(to right, #F37021, #BD1A29, #ED1C24, #F04E30);
    border-image-slice: 1;
}

.wns-tech-wns-head20-bebas{
    font-size: 20rem;
    font-weight: 700;
    color: #fff;
    font-family: 'Bebas-Neue-Bold', serif;
    text-transform: uppercase;
}
.wns-tech-feature-wrapper .wns-tech-content-right {
    position: absolute;
    right: -100%;
    width: 100%;
    transition: all 0.3s ease-in;
    padding: 20rem;
}
.wns-tech-feature-wrapper .wns-tech-content-bottom {
    position: absolute;
    bottom: 20rem;
    right: 20rem;
    padding: 0 20rem;
    transition: all 0.3s ease-in;
}
.wns-tech-feature-wrapper .wns-tech-content-bottom .wns-tech-wns-head20-bebas::after{
    content: '';
    background-image: url(../images/right-arrow.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 13rem;
    height: 13rem;
    background-position: center;
    transition: all 0.3s ease-in;
    display: inline-block;
    right: 0;
    top: 5rem;
    position: absolute;
    transition: all 0.2s ease-in;
} 

.wns-tech-feature-slider .owl-stage-outer {
    padding: 80rem;
}

.wns-tech-feature-wrapper:hover .wns-tech-content-right {
    right: 0;
}

.wns-tech-feature-wrapper .wns-tech-img-container img{
    object-fit: cover;
    transition: all 0.5s ease;
    width: 100%;
}
.wns-tech-feature-slider .slick-list.draggable {
    padding: 0 130rem;
}
.wns-tech-feature-slider .slick-slide {
    margin: 10rem;
}


.wns-tech-feature-wrapper:hover .wns-tech-img-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); 
    z-index: 1;
}
.wns-tech-feature-wrapper:hover .wns-tech-img-container img {
    transform: scale(1.9) ;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), url(<path-to-image>) lightgray -388.158px 0px / 219.973% 100% no-repeat;
    filter: blur(16px);
    object-position: 40rem 85rem;

}
.wns-tech-cta-btn {
    font-family: "Bebas-Neue-Bold", serif;
    font-size: 20rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1em;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    transition: all 0.3s ease-in;
    color: #ED1C24;
    background-color: #fff;
    padding: 13rem 30rem 12rem;
    border-radius: 30rem;
    display: block;
    width: fit-content;
    cursor: pointer;
}
.wns-tech-cta-btn:hover {
    color: #fff;
    background-color: #ED1C24;
}
.wns-tech-wns-btns {
    text-align: center;
    margin-top: 40rem;
}
.wns-tech-wns-btns a {
    font-size: 20rem;
    line-height: 1.3em;
    font-family: 'Bebas-Neue-Bold', serif;
    color: #000000;
    position: relative;
    transition: all 0.2s ease-in;
}
.wns-tech-wns-btns a:hover {
    color: #f37021;
}
.wns-tech-wns-btns:hover a:after {
    background-image: url(../images/right-arrow-hov.svg);
    right: -23%;
}
.wns-tech-wns-btns a:after {
    content: '';
    background-image: url(../images/right-arrow-hov.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 13rem;
    height: 13rem;
    background-position: center;
    display: inline-block;
    right: -21%;
    top: 4rem;
    position: absolute;
    transition: all 0.2s ease-in;
}
/* new grid section end ************************************* */

/****** spline sec css***/
.wns-tech-spline-sec {
    background-color: #ffffff;
    position: relative;
}
.wns-tech-font-48 {
    text-align: center;
    font-size: 48rem;
    font-family: 'Montserrat-Bold', serif;
    line-height: 1.2em;
    color: #231F20;
}
.wns-tech-spline-subhead {
    padding: 30rem 240rem 0 240rem;
}
.wns-tech-spline-subhead .wns-tech-para-20 {
    color: #231F20;
    font-size: 20rem;
    font-family: 'Montserrat-Regular', serif;
}
.wns-tech-spl-col .wns-tech-wns-head-32 {
    font-size: 32rem;
    color: #ED1C24;
    font-family: 'Montserrat-Semibold';
}
.wns-tech-spl-outer {
    padding-top: 80rem;
}
.wns-tech-spline-text-box p {
    color: #231F20;
    font-family: 'Montserrat-Medium', serif;
    padding: 10rem 0;
    min-height: 110rem;
}
.wns-tech-head-15 {
    font-size: 15rem;
    color: #F37021;
    font-family: 'Montserrat-Bold', serif;
}
.wns-tech-listbox-inner li {
    font-family: 'Montserrat-Regular', serif;
    font-size: 14rem;
    color:#231F20;
    padding: 0 0 8rem 0;
    line-height: 1.4em;
}
.wns-tech-listbox-inner ul {
    margin: 0;
    padding: 0 0 0 18rem;
}
.wns-tech-list-box-outer {
    display: flex;
}
.wns-tech-ltw-list-box .wns-tech-head-15 {
    padding: 10rem 0;
}
.wns-tech-listbox-inner {
    padding: 0 10rem;
    width: 50%;
}
.wns-tech-listbox-inner:first-child {
    padding-left: 0;
}
.wns-tech-listbox-inner:last-child {
    padding-right: 0;
}
.wns-tech-spline-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
/***** Digital Services css****/
#wns-tech-digital-services {
    background-color: #F4F4F4;
    position: relative;
    overflow: hidden;
}
.wns-tech-ds-top-text .wns-tech-spline-subhead {
    padding-top: 10rem;
}
.wns-tech-text-24 {
    font-size: 24rem;
    color: #ED1C24;
    font-family: 'Montserrat-Bold', serif;
    padding-bottom: 15rem;
}
.wns-tech-ltw-text-box .wns-tech-p-top {
    font-size: 16rem;
    color: #231F20;
    font-family: 'Montserrat-Semibold';
    padding-bottom: 10rem;
}
.wns-tech-ltw-text-box {
    border-radius: 10rem;
    background: #ffffff;
    backdrop-filter: blur(15rem);
    padding: 25rem 25rem;
    margin: 0 10rem 20rem 10rem;
}
.wns-tech-ds-top-text {
    padding-bottom: 130rem;
}
.wns-tech-ds-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 140rem;
}
.wns-tech-ds-bg video{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    z-index: -1;
}
.wns-tech-section .wns-tech-container {
    position: relative;
}
.wns-tech-tb-col{
    position: relative;
}
.wns-tech-tb1 .wns-tech-tb-col:nth-child(1) .wns-tech-ltw-text-box, .wns-tech-tb2 .wns-tech-tb-col:nth-child(1) .wns-tech-ltw-text-box {
    margin-left: 0;
}
.wns-tech-tb1 .wns-tech-tb-col:nth-child(3) .wns-tech-ltw-text-box, .wns-tech-tb2 .wns-tech-tb-col:nth-child(3) .wns-tech-ltw-text-box {
    margin-right: 0;
}
.wns-tech-tb1 .wns-tech-tb-col:nth-child(2) .wns-tech-ltw-text-box{
    position: absolute;
    top: -60rem;
}
.wns-tech-tb2 .wns-tech-tb-col:nth-child(2) .wns-tech-ltw-text-box{
    position: absolute;
    top: -65rem;
}
.wns-tech-tb3 .wns-tech-tb-col:nth-child(2) .wns-tech-ltw-text-box{
    position: absolute;
    top: -160rem;
}
/* Co-creating winning ************************************************/
.wns-tech-outing {
    width: 80%;
    margin: auto;
}
.wns-tech-outing p{
    width: 65%;
    margin: auto;
}
.wns-tech-im {
    margin-top: 45rem;
}
.wns-tech-im img {
    width: 100%;
}
/* Co-creating winning end************************************************/
/* Transform business winning ************************************************/
.wns-tech-wns-head34 {
    font-size: 34rem;
    text-align: center;
    font-family: 'Montserrat-Semibold';
}
.wns-tech-cards {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 40rem;
}
.wns-tech-cards p span{
    display: block;
    font-size: 18rem;
    line-height: 1.3em;
    font-family: 'Bebas-Neue-Bold', serif;
    color: #F04E30;
    position: relative;
    transition: all 0.2s ease-in;
    cursor: pointer;
    position: absolute;
    bottom: 20rem;
    margin-top: 20rem;
    letter-spacing: 1rem;
}
.wns-tech-cards p span::after {
    content: '';
    background-image: url(../images/right-arrow.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 10rem;
    height: 10rem;
    top: 5rem;
    margin-left: 10rem;
    background-position: center;
    transition: all 0.3s ease-in;
    display: inline-block;
    position: absolute;
    transition: all 0.2s ease-in;
}
.wns-tech-cards .wns-tech-boxes:hover  p span::after{
    margin-left: 15rem;
    transition: all 0.2s ease-in;
}
.wns-tech-boxes {
    width: 23%;
    margin-right: 22rem;
    margin-bottom: 20rem;
    padding: 25rem 25rem 60rem;
    border-radius: 10rem;
    border: 1rem solid #969FAE50;
    background: rgba(28, 28, 30, 0.15);
    backdrop-filter: blur(15rem);
    transition: all 0.3s ease-in;
}
.wns-tech-boxes:hover {
transform: scale(1.02);
}
.wns-tech-boxes b{
    transition: all 0.2s ease-in;
    }
.wns-tech-boxes:hover b{
color: #F04E30;
}
.wns-tech-boxes:hover:after {
    content: "";
    transform: scale(1.03);
    background: #1E1F20;
    animation: animatedgradient 3s ease alternate infinite;
    background-size: 300% 300%;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10rem;
    z-index: -1;
}
.wns-tech-boxes:hover:before {
    content: "";
    transform: scale(1.03);
    background: linear-gradient(to right, #F37021, #BD1A29, #ED1C24, #F04E30);
    animation: animatedgradient 3s ease alternate infinite;
    background-size: 300% 300%;
    width: 102%;
    height: 102%;
    display: flex;
    position: absolute;
    left: -1%;
    top: -1%;
    border-radius: 10rem;
    z-index: -1;
}
/* Transform business winning ************************************************/
/* Thank you css ************************************************/
.wns-tech-thank-head {
    font-size: 40rem;
    color: #ffffff;
    font-family: 'Bebas-Neue-Bold';
    text-align: center;
}
.wns-tech-thank-subhead {
    font-size: 18rem;
    line-height: 1.3em;
    font-family: 'Montserrat-Regular';
    color: #fff;
    text-align: center;
    margin-top: 20rem;
}
.wns-tech-check-icon {
    text-align: center;
}
.wns-tech-check-icon img {
    width: 150rem;
}
.popupForm.thanks {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid #6d6d6d;
    padding: 40rem 20rem 40rem;
}
/* Thank you css end ************************************************/
#wns-tech-canvas {
    background: #f4f4f4;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 25%;
}
/* tab scroll slider css start *************************************** */
.wns-tech-solution{
    background-color: #fff;
 }

.wns-tech-solution .slick-dots li::before{
    color: #231F20;
    font-family: 'Montserrat-Medium', serif;
    font-size: 18rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1em;
    transition: all 1s ease;
    display: block;
 
}
.wns-tech-solution .slick-dots li.slick-active::before{
    font-family: 'Montserrat-Bold', serif;
    font-weight: 700;
    transition: all 0.5s ease;
}

.wns-tech-solution .slick-dots li:hover::before{
    font-family: 'Montserrat-Bold', serif;
    font-weight: 700;
   transform: scale(0.9);
   transition: all 0.5s ease;
}

.wns-tech-solution .slick-dots li:nth-child(1)::before{
    content: "Industry Solutions";
}
.wns-tech-solution .slick-dots li:nth-child(2)::before{
    content: "Cross-industry Solutions";
}
.wns-tech-solution .slick-dots li:nth-child(3)::before{
    content: "Gen AI-based Solutions";
}

 .wns-tech-progress {
    display: block;
    width: 100%;
    height: 70rem;
    margin-bottom: 40rem;
    border-radius: 0;
    overflow: hidden;
    background-color: #fff;
    background-image: linear-gradient(90deg, #F37021 33.33%, #ED1C24 166.67%);
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size 0.2s ease-in-out;
  }
  
  .wns-tech-solution .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 0;
    height: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
}

  .wns-tech-content {
    margin: auto;
    width: 100%;
  }
  
  .wns-tech-solution .slick-dots {
    position: absolute;
    top: -110rem;
    display: flex;
    width: 100%;
    bottom: unset;
    padding: 0;
    height: 70rem;
    justify-content: space-between;
    margin: 0;
    list-style: none;
    align-items: center;
}
.wns-tech-solution .slick-dots::before {
    content: '';
    background-image: url(../images/tab-border.svg);
    width: 100%;
    height: 1rem;
    display: block;
    top: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
}
.wns-tech-solution .slick-dots::after {
    content: '';
    background-image: url(../images/tab-border.svg);
    width: 100%;
    height: 1rem;
    display: block;
    bottom: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
}
.wns-tech-solution .slick-dots li::after{
    content: '';
    background-image: url(../images/border-left.svg);
    width: 1rem;
    height: 100%;
    display: block;
    bottom: 0;
    right: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
}

.wns-tech-solution  .slick-dots li {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    display: flex;
    padding: 0;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    transition: all 0.5s ease;
}
.wns-tech-pb-50{
    padding-bottom: 40rem;
}
#wns-tech-solutions .slick-dotted.slick-slider {
    margin-bottom: 0 !important;
}
/* tab scroll slider js end *************************************** */
/***** solutions tab content css ********/
#wns-tech-solutions {
    background-color: #F4F4F4;
}
.wns-tech-tab-cntt-inner .wns-tech-text-24 {
    font-family: 'Montserrat-Medium', serif;
    color: #231F20;
    font-weight: 500;
}
.wns-tech-top-inner .wns-tech-para-16 {
    font-family: 'Montserrat-Semibold';
    color: #F04E30;
    padding: 5rem 0 10rem 0;
}
.wns-tech-top-outer {
    display: flex;
}
.wns-tech-bg-img {
    background-image: url(../images/industry-solutions-image.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
#wns-tech-ci-sol .wns-tech-bg-img {
    background-image: url(../images/cross-industry-solutions-img.jpg);
}
.wns-tech-tab-cntt-outer .wns-tech-text-24 {
    color: #231F20;
    font-family: 'Montserrat-Medium', serif;
    padding-bottom: 30rem;
    font-weight: 500;
    line-height: 1.4em;
}
.wns-tech-tc-row1 .wns-tech-tab-col {
    background-color: #ffffff;
    padding: 20rem;
}
#wns-tech-col-padding .wns-tech-tab-col {
    padding-right: 15rem;
}
.wns-tech-tab-col .wns-tech-para-16 {
    padding-bottom: 20rem;
}
.wns-tech-tab-col .wns-tech-listbox-inner {
    width: 100%;
}
.wns-tech-tab-col .wns-tech-listbox-inner li{
    font-size: 16rem;
}
.wns-tech-listbox-inner ol {
    padding: 0 0 0 7rem;
}
.wns-tech-tc-row1 {
    margin-bottom: 15rem;
}
.wns-tech-tab-col .wns-tech-wns-head-32 {
    color: #F37021;
    text-transform: uppercase;
    font-family: 'Bebas-Neue-Bold', serif;
    margin-bottom: 15rem;
}
.wns-tech-icon-sec  .wns-tech-wns-head-32 {
    color: #FFFFFF;
    text-transform: uppercase;
    font-family: 'Bebas-Neue-Bold', serif;
    margin-bottom: 15rem;
}
#wns-tech-genai-sol .wns-tech-icon-sec  .wns-tech-wns-head-32 {
    margin-bottom: 0;
}
.wns-tech-icon-list li {
    font-size: 16rem;
    color: #231F20;
    font-family: 'Montserrat-Bold', serif;
    list-style: none;
}
.wns-tech-icon-list ul {
    padding-left: 30rem;
}
.wns-tech-list-item {
    padding-bottom: 12rem;
}
#wns-tech-genai-sol .wns-tech-list-item {
    padding-bottom: 25rem;
}
.wns-tech-list-item{
    position: relative;
}
.wns-tech-list-item .wns-tech-para-16 {
    padding-bottom: 0;
}
.wns-tech-list-item li::before{
    content: '';
    background-image: url('../images/arrow-orange-icon.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    height: 20rem;
    width: 20rem;
    display: inline-block;
    position: absolute;
    left: -30rem;
    top: 4rem;
}
.wns-tech-icon-sec{
    background-color: #F37021;
    padding: 20rem;
}
#wns-tech-genai-sol .wns-tech-icon-sec {
    background-color: transparent;
    padding-left: 15rem;
}
.wns-tech-gensol-col1-inner{
    background-color: #ffffff;
    padding: 20rem;
}
#wns-tech-gensol-col1 {
    background-color: #F37021;
}
#wns-tech-col-padding {
    padding: 0 0 0 15rem;
}
.wns-tech-icon-incol {
    display: flex;
    align-items: center;
    padding-bottom: 20rem;
}
.wns-tech-icon-incol .wns-tech-para-16 {
    color: #ffffff;
    font-family: 'Montserrat-Semibold';
    padding-left: 10rem;
}
.wns-tech-icon-outer .col.wns-tech-icon-col:nth-child(1) {
    padding-right: 15rem;
}
.wns-tech-icon-outer .col.wns-tech-icon-col:nth-child(2) {
    padding-left: 15rem;
}
#wns-tech-ci-sol .wns-tech-tab-col {
    padding: 0;
    background-color: transparent;
}
.wns-tech-ci-outer-row1 {
    padding: 40rem 20rem 20rem 20rem;
    margin-bottom: 15em;
    background-color: #FFFFFF;
}
.wns-tech-ci-outer-row2 {
    padding: 50rem 20rem 30rem 20rem;
    background-color: #F37021;
}
.wns-tech-ci-outer-row2  .wns-tech-icon-col {
    display: flex;
}
#wns-tech-ci-sol .wns-tech-ci-outer-row2  .wns-tech-icon-col {
    display: block;
}
#wns-tech-ci-sol .wns-tech-icon-incol {
    display: block;
    text-align: center;
}
.wns-tech-ci-outer-row2  .wns-tech-para-16 {
    padding: 10rem 0 0 0;
}
.wns-tech-icon-col-inner {
    background-color: #ffffff;
    padding: 20rem;
}
.wns-tech-icon-incol img {
    width: 64rem;
}
#wns-tech-genai-sol .wns-tech-icon-col-inner {
    background-color: #F37021;
}
#wns-tech-genai-sol .wns-tech-tab-col .wns-tech-wns-head-32 {
    color: #FFFFFF;
}
#wns-tech-genai-sol .wns-tech-list-item li::before{
    content: '';
    background-image: url('../images/arrow-white-icon.svg');
}
#wns-tech-genai-sol .wns-tech-icon-list li {
    color: #FFFFFF;
}
#wns-tech-genai-sol  .wns-tech-list-item .wns-tech-para-16 {
    color: #F4F4F4;
}
#wns-tech-genai-sol .wns-tech-bg-img {
    background-image: url(../images/gen-ai-based-solutions.jpg);
}
#wns-tech-genai-sol .wns-tech-tc-row2 {
    margin-bottom: 15rem;
}
h4.wns-tech-wns-head-32.wns-tech-orange {
    color: #F37021 !important;
}
.wns-tech-model-img {
    display: flex;
    justify-content: space-around;
}
.wns-tech-model-img img {
    width: 260rem;
}
#wns-tech-genai-sol .wns-tech-tc-row1 .wns-tech-icon-sec {
    background-color: #FFFFFF;
    padding: 20rem;
}
.wns-tech-black {
    color: #000000 !important;
}
#wns-tech-genai-sol .wns-tech-tc-row1 {
    margin-bottom: 0;
}
#wns-tech-col-padding .wns-tech-icon-col-inner-right{
    padding-top: 40rem;
}
#wns-tech-genai-sol .wns-tech-tc-row1 .wns-tech-tab-col{
    padding: 30rem 20rem 50rem 20rem;
}
#wns-tech-ci-sol .wns-tech-icon-incol img {
    margin: auto  !important;
}
/***** End solutions css ********/
/***new form css ******/
.wns-tech-overlayForm h4.wns-tech-wns-head-32 {
    font-family: 'Bebas-Neue-Bold', serif;
    font-size: 36rem;
    padding-bottom: 10rem;
}
.wns-tech-overlayForm .wns-tech-para-16 {
    color: #C4C4C4;
    padding-bottom: 15rem;
    width: 73%;
    margin: auto;
}
.wns-tech-form-control.wns-tech-form-radio {
    text-align: left;
    margin-bottom: 10rem;
}
.wns-tech-form-radio p {
    font-size: 16rem;
    color: #c4c4ce;
    font-family: 'Montserrat-Regular', serif;
}
label {
    display: block;
    font-size: 16rem;
    color: #c4c4c4;
    font-family: 'Montserrat-Regular', serif;
}
.wns-tech-form-topcntt {
    width: 100%;
    text-align: center;
}
.wns-tech-radio-text {
    margin-bottom: 15rem;
}
/******************** checkbox css *****************/
.wns-tech-form-radio input[type="radio"] {
    width: unset !important;
}
[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28rem;
    cursor: pointer;
    line-height: 20rem;
    display: inline-block;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18rem;
    height: 18rem;
    border: 1px solid #ffffff50;
    border-radius: 100%;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12rem;
    height: 12rem;
    background: #EF4E30;
    position: absolute;
    top: 3rem;
    left: 3rem;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.wns-tech-grey-grdBG {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.wns-tech-grey-grdBG img{
   width: 100%;
   height: 100%;
}
#wns-tech-win-outcomes{
    position: relative;
}
.wns-tech-tab-mobile{
    display: none;
}
.wns-tech-tabslider .slick-track {
    display: flex; /* Flex display to allow height adjustment */
    align-items: flex-start; /* Align items at the start */
}

.wns-tech-tabslider .slick-slide {
    display: inline-block; /* Inline-block to maintain natural height */
    height: auto !important; /* Ensure slides take natural height */
    box-sizing: border-box; /* Ensure padding/margins are included in the height */
}
.wns-tech-wns-head-20.wns-tech-text-white {
    font-size: 26rem;
    margin-bottom: 15rem;
    font-family: 'Bebas-Neue-Bold', serif;
}
.wns-tech-section .wns-tech-container {
    position: relative;
    z-index: 2;
}
.wns-tech-spline-inner {
    z-index: 1;
}
.wns-tech-nav-slider .slick-next:before {
    content: ' ' !important;
    background-image: url(../images/right-arrows.svg);
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    top: 31%;
    left: 41%;
    width: 10rem;
    height: 16rem;
}
.wns-tech-nav-slider .slick-prev:before {
    content: ' ' !important;
    background-image: url(../images/left-arrows.svg);
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    top: 31%;
    left: 37%;
    width: 10rem;
    height: 16rem;
}
.wns-tech-nav-slider .slick-arrow {
    width: 45rem;
    height: 45rem;
}