body {
    padding: 0;
    margin: 0;
}
.breadcrum-banner {
    position: absolute;
    top: 30px;
    display: inline-block;
    left: 26px;
    z-index: 9999;
    display: none;
}
.fluid-width {
    max-width: 1585px;
    padding: 0 24px 0 24px;
}
.play-pause {
    position: absolute;
    bottom: 20px;
    right: 0;
    display: inline-block;
    left: 0;
    width: 20px;
    z-index: 99;
    margin: auto;
    transform: translateX(66px);
}
@-moz-document url-prefix() {
    .play-pause {
                    bottom: 24px;
    }
}
.play {
    width: 9px;
    height: 12px;
    float: right;
    display: none;
    border-top: 6px solid transparent;
    border-left: 10px solid #ffffff;
    border-bottom: 6px solid transparent;
    cursor: pointer;
}
.pause {
    width: 9px;
    float: right;
    height: 12px;
    border-right: 3px solid #ffffff;
    cursor: pointer;
    border-left: 3px solid #ffffff;
}
a:hover {
    text-decoration: none;
}
.banner {
    padding-top: 82px;
    position: relative;
    box-sizing: border-box;
}
.banner.banner--no-top-padding {
    padding-top: 0;
}

#banner1{
padding-top: 0px !important;
}
.banner video {
    width: 100%;
    height: 590px;
    object-fit: cover;
}
.home-banner .col-lg-12{
    padding-left:0px;
    padding-right:0px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .banner video {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    min-width: 100%;
                    height: auto;
                    min-height: 100%;
                    z-index: -100;
                    transform: translateX(-50%) translateY(-50%);
                    background-size: cover;
                    transition: 1s opacity;
    }
}
.wipro-show-more-button {
    margin: 25px 0 50px 0;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.5;
}
.slide .wipro-show-more-button {
    margin: 25px 0 50px 0;
    text-align: left;
    font-size: 0.875rem;
    line-height: 1.5;
}

.slide .banner-button {

border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
background-color: rgba(0, 0, 0, 0.0);
border: 2px solid #FFFFFF;
color: #fff !important;
text-decoration: none !important;
box-sizing: border-box;
padding: 12px 30px;
font-size: 1.125rem;
cursor: pointer;

}
.banner-container {
    width: 100%;
    display: block;
    box-sizing: border-box;
}
.banner-container .slide {
    width: 100%;
    overflow: hidden;
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    height: 275px;
    display: table;
}
.slide-content {
    color: #ffffff;
    left: 0;
    right: 0;
    width: 72%;
   font-family: var(--pnb);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: auto;
    display: table-cell;
    z-index: 1;
    position: absolute;
    top: 59%;
    left: 53%;
    vertical-align: middle;
    transform: translateX(-54%) translateY(-50%);
    margin-left: 10px;
}

/*.slide-content:before {
    content: '';
    position: absolute;
    left: -25px;
    top: -22px;
    width: 155px;
    z-index: -1;
    height: 155px;
    border-radius: 90px;
}*/
.slide-content:before {
content: '';
position: absolute;
left: -90px;
top: calc(50% - 45px) !important;
width: 310px;
z-index: -1;
height: 310px;
border-radius: 50%;
transform: translateY(-50%);
}
.slide-content h1 {
    font-size: 2.25rem!important;
    line-height: 1.5 !important;
    position: relative;
    text-align: left;
    display: inline-block;
    margin: 0 auto 20px;
    font-weight: bold;
    border-bottom: none;
    clear: left;
    float: left;
    text-shadow: none;
}
.slide-content h1:before {
background-color: transparent !important;
}
.slide-content h1:empty {
    display: none;
}
.slide-content h1:before {
    content: '';
    position: absolute;
    left: -14.7vw;
    bottom: -2px;
    width: 100%;
    height: 2px;
    /*background-color: #000000;*/
}
_::-webkit-full-page-media, _:future, :root .slide-content h1:before {
    content: '';
    position: absolute;
    left: -190%;
    width: 190%;
}

.slide-content h1.background-color:before {
    content: '';
    position: absolute;
    /* left: -300px; */
    width: 300px;
}
.slide-content p {
    font-size: 1.5rem;
    line-height: 1.5;
    margin: 0 0 45px;
    font-family: var(--pnr);
    text-align: left;
    clear: both;
    margin-bottom:auto;
}
.banner-tags {
    width: 100%;
    display: block;
    left: 0;
    right: 0;
    text-align: left;
    margin: 0 auto;
    font-size: 0;
    position: absolute;
    display: none;
    background-color: #ffffff;
}
.banner-tags-content {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    padding: 1.6% 4% 1.6% 0%;
    color: #9b9b9b;
    width: 20%;
    text-align: left;
    font-size: 0;
    cursor: pointer;
    position: relative;
    margin-right: 0px;
}
.banner-container .slick-dots {
    bottom: 20px;
    position: absolute;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.banner-container .slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.banner-container .slick-dots li.slick-active button {
    opacity: 1;
    background-color: #9b9b9b;
}
.banner-container .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 10px;
    height: 10px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #f5f5f5;
    border-radius: 50px;
}
.home-banner .slick-dots {
    display: none !important;
}
.home-banner .play-pause {
    right: 141px;
    bottom: 125px;
}
.home-banner .banner-tags {
    display: block;
}
.banner-tags-content.active {
    transition: 0.7s ease-in-out;
    position: relative;
    z-index: 1;
}
.banner-tags-content.active:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #ffffff;
    position: absolute;
    top: -12px;
    left: 0px;
}
.banner-tags-content.active:after {
    content: '';
    position: absolute;
    left: -10px;
    top: 10px;
    border-radius: 50px;
    width: 35px;
    z-index: -1;
    height: 35px;
    background-color: #ffda29;
}
.home-banner-slide-text-head {
    display: block;
    color: #0e3570;
    font-size: 1.25rem;
    padding-bottom: 5px;
}
.home-banner-slide-text-desc {
    display: block;
    font-family: var(--pnr);
    font-size: 0.875rem;
}
.banner-tags-content:last-child {
    padding: 1.6% 0% 1.6% 0%;
}
.article-publish-date {
            max-width: 1198px;
            margin: 0 auto;
            padding: 10px 12px 0px 12px;
            margin-top: 20px;
            font-family: var(--pnr);
        }
@media only screen and (min-width:1200px) and (max-width: 1680px) {
    .banner-container .slide {
                   /* background-position: top center;
                    background-size: cover;*/
                     background-position: center;
                     background-size: 100%;
                    height: 230px;
    }
}
@media only screen and (min-width:1920px) {
    .slide-content h1 {
                    font-size: 2.625rem;
                    line-height: 1.5;
    }
    .banner-tags-content.active:after {
                    top: 15px;
    }
    .slide-content {
                    transform: translateX(-48%) translateY(-50%);
    }
    .banner-tags-content {
                    padding: 1.6% 1% 1.6% 0%;
                    margin-right: 0;
    }
    .slide-content p {
                    margin: 0 0 50px;
                    font-size: 1.875rem;
                    line-height: 1.5;
                    margin-bottom:85px;
    }
    .slide .banner-button {
                    font-size: 1.5rem;
                    padding: 12px 32px;
    }
    .banner-tags-content {
                    width: 20%;
    }
    .home-banner-slide-text-head {
                    display: block;
                    color: #0e3570;
                    font-size: 1.625rem;
                    padding-bottom: 5px;
    }
    .home-banner-slide-text-desc {
                    display: block;
                    font-size: 0.875rem;
    }
    /*.slide-content:before {
                    content: '';
                    position: absolute;
                    left: -20px;
                    top: -45px;
                    width: 190px;
                    z-index: -1;
                    height: 190px;
                    border-radius: 138px;
    }*/
    .slide-content:before {
        content: '';
        position: absolute;
        left: -90px;
        top: calc(50% - 45px) !important;
        width: 310px;
        z-index: -1;
        height: 310px;
        border-radius: 50%;
        transform: translateY(-50%);
    }
}
@media only screen and (max-width:1024px) {
    .slide-content p {
                    width: 95%;
    }
    .hero-banner-small .home-banner {
                    padding-bottom: 0px;
    } 
    .home-banner .play-pause {
                    right: 0;
                    bottom: 45px;
    }
    .slide-content h1 {
                    font-size: 2.25rem !important;
line-height: 1.5 !important;
    }
    .slide-content p {
                    font-size: 1.5625rem;
                    line-height: 1.5;
    }
    .banner-container .slick-dots {
                    display: block !important;
    }
    .banner-tags {
                    display: none !important;
    }
    .slide-content {
                    width: 92%;
    }
    .slide .wipro-show-more-button {
margin: 150px 0 70px 0;
/* text-align: left; */
font-size: 1.375rem;
line-height: 1.5;
}
}
@media only screen and (max-width:940px) {
    .slide-content h1 {
                    font-size: 1.875rem!important;
line-height: 1.5!important;
    }
    .slide-content p {
                    font-size: 1.25rem;
                    line-height: 1.5;
    }
    .banner-button {
                    width: 30%;
    }
}

@media only screen and (max-width:768px) {

    .fluid-width {
                    padding: 0 12px 0 12px;
    }
    .home-banner .container-fluid .row .col-md-12,
.home-banner .container-fluid .row .col-sm-12,
.home-banner .container-fluid .row .col-xs-12 {
padding-left: 0;
padding-right: 0;
}
.sub-menu .container-fluid .row .col-md-12,
.sub-menu .container-fluid .row .col-sm-12,
.sub-menu .container-fluid .row .col-xs-12 {
padding-left: 0;
padding-right: 0;
}
.sub-menu-content .sub-menu-part p {
margin-left: 0px;
}
}

@media only screen and (width: 768px){
.home-banner .container-fluid .row .col-md-12,
.home-banner .container-fluid .row .col-sm-12,
.home-banner .container-fluid .row .col-xs-12 {
padding-left: 0;
padding-right: 0;
}
.sub-menu .container-fluid .row .col-md-12,
.sub-menu .container-fluid .row .col-sm-12,
.sub-menu .container-fluid .row .col-xs-12 {
padding-left: 0;
padding-right: 0;
}
.sub-menu-content .sub-menu-part p {
margin-left: 0px;
}

}

@media only screen and (max-width:767px) {
    .banner-container .slick-dots {
                    display: block !important;
    }
    .slide-content {
                    width: 92%;
    }
    .banner-button {
                    padding: 15px 30px 15px 30px;
                    width: 45%;
    }
    .home-banner .play-pause {
                    right: 0;
                    bottom: 49px;
    }
    .slide-content h1 {
                    font-size: 1.125rem!important;
                    line-height: 1.5!important;
                    margin-top: 0px;
                    margin-bottom: 10px;
    }
    .slide-content p {
                    line-height: 1.5;
    }
    .slide-content:before {
                    width: 120px;
                    height: 120px;
    }
    .banner .container-fluid, .banner .row, .banner .col-lg-12.col-md-12.col-sm-12.col-xs-12 {
                    padding: 0;
                    margin-right: 0;
                    margin-left: 0;
    }
/*
    .hero-banner .banner1 {
                    padding-top: 130px;
    }
*/
}
@media only screen and (max-width:736px) {
    /* .banner-container .slide {
                    height: 340px;
    } */
    .slide-content h1.background-color:before {
                    content: '';
                    position: absolute;
                    left: -120%;
                    width: 120%;
    }
}
@media only screen and (max-width:640px) {
    .slide-content p {
                    font-size: 0.9375rem;
                    line-height: 1.5;
    }
    .slide-content h1 {
                    font-size: 1.1875rem!important;
                    line-height: 1.5!important;
    }
    .slide-content:before {
                    width: 90px;
                    height: 90px;
    }
    .slide-content h1 {
                    text-shadow: none;
    }
   /* .slide-content p {
                    text-shadow: 1px 1px #000;
    }*/
}
@media only screen and (max-width:590px) {
    .banner-container .slick-dots {
                    bottom: 50px;
    }
    .home-banner .play-pause {
                    bottom: 79px;
    }
    .play-pause {
                    bottom: 50px;
    }
    .slide-content h1 {
                    font-size: 4.5vw !important;
                    line-height: 1.5 !important;
                    margin: 4px 0;
    }
    .slide-content p {
                    margin-bottom: 35px;
                    font-size: 0.9375rem;
                    line-height: 1.5;
    }
    .banner-button {
                    font-size: 0.9375rem;
padding: 10px 20px 10px 20px;
width: 40%;
font-size: 0.9375rem !important;

    }
    /* .banner-container .slide {
                    height: 275px;
    } */
}
@media only screen and (max-width:480px) {
    .slide-content:before {
                    content: '';
                    left: -5px;
                    top: -15px;
                    width: 100px;
                    height: 100px;
    }
}
@media only screen and (max-width:380px) {
    .slide-content {
                    width: 98%;
                    padding-left: 10px;
                    padding-right: 10px;
    }
    .slide-content:before {
                    top: -32px;
                    left: 15px;
                    width: 100px;
                    height: 100px;
    }
}
@media only screen and (max-width:330px) {
    .slide-content h1 {
                    font-size: 4.5vw !important;
    }
}

@media only screen and (min-width:2100px) {
_::-webkit-full-page-media, _:future, :root .slide-content h1:before {
content: '';
position: absolute;
left: -240%;
width: 240%;
}
}

@media only screen and (min-width:1920px) {
/* .banner-container .slide {
height: 275px;
} */
.slide-content h1::before {
left: -19vw !important;
}
.slide-content h1.background-color:before {
    width: 365px;
}

}
@media only screen and (min-width:1680px) {
/* .banner-container .slide {
height: 275px;
} */
/* .banner-container .slide .cus-mob-banner {
height: 240px;
} */
}

@media only screen and (min-width:2100px) {
/* .banner-container .slide {
height: 275px;
} */
}

@media only screen and (max-width: 500px) {
.slide-content {
top: 50%;
}
.mob-overlay-to-right {
    min-height: 300px;
    height: auto !important;
}
.mob-h1-akkurat-mono {
position: absolute;
top: calc(-50% - 33px);
left: 20px;
}
}


.slide-content text-akkurat-regular{
padding-top:35px !important;
}
/* banner css ends */
/**Hero Banner code from Regalix***/
/*.slide.hbanner slide hbanner background-image: url(clientlib-hero-banner-small/images/Hero.png);
}*/
/*.overlay {
background: linear-gradient(to right, rgba(0,0,0,1)21%,
rgba(0,0,0,0)) repeat scroll 0% 0%;
height: 100% !important;
width: 100%;
display: table;
max-width: 77%;
}*/
.ContentWrap {
left: 110px;
position: absolute;
width: 89%;
height: 100%;
}
.slide-content h1 {
font-size: 2.75rem!important;
line-height: 1.5 !important;
font-family: var(--pnb);
}
.slide-content p {
line-height: 1.5;
margin-bottom: 26px;
}
.slide .banner-button {
padding: 7px 30px;
box-shadow: none;
font-family: var(--pnb);
font-size: 1.5rem;
cursor: pointer;
}
.disc {
max-width: 495px;
max-height: 495px;
/* background: #6f348f; */
border-radius: 50%;
width: 100%;
height: 100%;
transform:translateY(-50%);
top: 50% !important;
position: absolute;
left: 0;
}
.ContentWrap .wipro-show-more-button{
margin :0;
}
.ContentWrap .slide-content h1{
margin-bottom :20px;
}

.ContentWrap .slide-content p{
margin-bottom :0;
}
.slide .ContentWrap .banner-button{
font-size: 0.875rem;
margin-top: 15px;
float: left; }


/* @media screen and (min-width:3000px) and (max-width: 4000px){
.slide-content {
left: 11% !important;
}
.slide.hbanner1.cus-mob-banner {
height: 463px;
}
}
@media only screen and (max-width: 2800px){
.slide.hbanner1.cus-mob-banner {
height: 406px;;
}
}
@media only screen and (max-width: 2560px){
.slide.hbanner1.cus-mob-banner{
height: 370px;
}
}
@media only screen and (max-width: 2048px){
.slide.hbanner1.cus-mob-banner {
height: 297px;
}
} 
@media only screen and (max-width: 1920px){
.slide.hbanner1.cus-mob-banner {
height: 275px;
}
}
@media screen and (max-width: 1680px){
.banner-container .slide {
height: 240px;
}
}
@media screen and (max-width: 1600px){
.banner-container .slide.cus-mob-banner {
height: 236px;
}

} */
@media only screen and (min-width: 1921px){
/* .slide.hbanner1 {
height: 480px;
}  */
/*.disc {
top: 47px;
transform: none;
}*/
.slide-content {
transform: translateX(-20%) translateY(-49.5%);
max-width: 1085px;
left: 21.5%;
top: 49.5%;
}
.slide-content h1,.slide-content p {
width: 100%;
}
}
@media screen and (max-width: 1919px){
.slide-content {
transform: translateX(-20%) translateY(-50%);
max-width: 1000px;
left: 20%;
top: 50%;
}
.slide-content h1 {
font-size: 2.5rem!important;
}
.slide-content p {
font-size: 1.375rem !important ;
}
.slide-content h1,.slide-content p {
width: 100%;
}
}
@media screen and (max-width: 1680px){
/* .banner-container .slide {
height: 275px;
} */
.disc {
max-width: 325px;
max-height: 325px;
/*transform:translateY(-50%);
top: 50% !important;*/
}
.slide-content {
transform: translateX(-20%) translateY(-53%);
max-width: 90%;
width: 85%;
left: 20%;
top: 50%;
}
.slide-content h1,.slide-content p {
width: 100%;
}
}

@media screen and (max-width: 1450px){
/* .banner-container .slide {
height: 275px;
} */
.disc {
max-width: 325px;
max-height: 325px;
/* top: 47px;*/
}
.slide-content {
max-width: 718px;
left: 19%;
}
.slide-content h1 {
font-size: 1.5rem !important;
}
.slide-content p {
font-size: 1rem !important;
}
.slide .banner-button {
font-size: 0.875rem;
}
.slide-content h1,.slide-content p {
width: 100%;
}
}
/*@media only screen and (max-width: 1680px) and (min-width: 1201px){
.banner-container .slide {
height: 565px;
}

}*/
@media screen and (max-width: 1400px){
/* .banner-container .slide {
height: 275px;
}
.banner-container .slide.cus-mob-banner {
height: 200px;
} */
}
@media screen and (max-width: 1366px){
/* .banner-container .slide.cus-mob-banner {
height: 190px;
}
}
@media screen and (max-width: 1280px){
.banner-container .slide.cus-mob-banner {
height: 185px;
} */
}
@media screen and (max-width: 1200px){
/* .banner-container .slide {
height: 275px;

} */
.ContentWrap .slide-content h1
{
margin-bottom: 0;
}
.disc {
max-width: 280px;
max-height: 280px;
/*top: 15px;*/
}
.slide-content {
max-width: 520px;
left: 20%;
}
.slide-content h1 {
font-size: 1.375rem !important;
margin-bottom: 20px;
}
.slide-content p {
font-size: 1rem !important;
display: none;
}
.slide .banner-button {
font-size: 0.875rem;
padding: 5px 12px;
width: auto;
}
.slide-content h1,.slide-content p {
width: 100%;
}
}
@media screen and (min-width:951px) and (max-width: 1025px){
/* .banner-container .slide {
height: 300px;
} */
.ContentWrap {
left: 50px;
height: 250px;
top: 25px;
}
.disc {
max-width: 250px;
max-height: 250px;
/*top: 0;*/
}
.slide-content {
max-width: 600px;
}
.slide-content h1 {
font-size: 1.625rem !important;
}


}
@media screen and (min-width:851px) and (max-width: 950px){
/* .banner-container .slide {
height: 265px;
} */
.ContentWrap {
left: 50px;
height: 230px;
top: 17px;
}
.disc {
max-width: 230px;
max-height: 230px;
/*top: 0;*/
}
.slide-content {
max-width: 460px;
left: 20%;
}
.slide-content h1 {
font-size: 1.25rem !important;
}
.slide-content h1,.slide-content p {
width: 100%;
}
}
@media screen and (min-width:761px) and (max-width: 850px){
/* .banner-container .slide {
height: 240px;
} */
.ContentWrap {
left: 50px;
height: 200px;
top: 20px;
}
.disc {
max-width: 200px;
max-height: 200px;
/*top: 0;*/
}
.slide-content {
max-width: 440px;
left: 20%;
}
.slide-content h1 {
font-size: 1.1875rem !important;
}
.slide-content h1,.slide-content p {
width: 100%;
}

}
@media screen and (min-width:701px) and (max-width: 760px){
/* .banner-container .slide {
height: 220px;
} */
.ContentWrap {
left: 50px;
height: 190px;
top: 15px;
}
.disc {
max-width: 190px;
max-height: 190px;
/* top: 0;*/
}
.slide-content {
max-width: 440px;
left: 20%;
}
.slide-content h1 {
font-size: 1.1875rem !important;
}
.slide-content h1,.slide-content p {
width: 100%;
}

}
@media screen and (min-width:581px) and (max-width: 700px){
/* .banner-container .slide {
height: 185px;
} */
.ContentWrap {
left: 50px;
height: 160px;
top: 10px;
}
.disc {
max-width: 160px;
max-height: 160px;
/* top: 0;*/
}
.slide-content {
max-width: 340px;
left: 20%;
}
.slide-content h1 {
font-size: 0.9375rem !important;
}
.slide .banner-button {
font-size: 0.75rem !important;
padding: 2px 4px;
width: auto;
}

}
@media screen and (min-width:481px) and (max-width: 580px){
/* .banner-container .slide {
height: 150px;
} */
.ContentWrap {
left: 50px;
height: 130px;
top: 10px;
}
.disc {
max-width: 130px;
max-height: 130px;
/* top: 0;*/
}
.slide-content {
max-width: 270px;
}
.slide-content h1 {
font-size: 0.875rem !important;
}
.slide .banner-button {
font-size: 0.75rem !important;
padding: 2px 4px;
width: auto;
}

}
@media screen and (max-width: 480px){
.slide-content p{
display: none;
margin-bottom: 10px;
}
.ContentWrap .mob-h1-akkurat-mono {
position: initial;
}
.slide .ContentWrap .banner-button{
padding:5px 10px;
}
}
@media screen and (min-width:401px) and (max-width: 480px){
/*.slide.hbanner1{
height: 480px;
}

.disc {
max-width: 280px;
max-height: 280px;
top: auto;
}
.overlay {
background: none;
}
.slide .banner-button {
width: auto;
padding: 2px 10px;
margin-top: 5px;
}

.slide-content h1 {
font-size: 20px !important;
}
.ContentWrap {
left: 10px;
height: 280px;
bottom: 10px;
top: auto;
width: 86%;
}
.slide-content {
max-width: 100%;
left: 35%;
padding-right: 10px;
} */
}
@media screen and (min-width:300px) and (max-width: 500px){
/* .slide.hbanner1{
height: 450px;
} 
.disc {
max-width: 230px;
max-height: 230px;
top: auto;
}
.overlay {
background: none;
}
.slide .banner-button {
width: auto;
padding: 2px 10px;
margin-top: 5px;
}

.slide-content h1 {
font-size: 16px !important;
}
.ContentWrap {
left: 10px;
height: 230px;
bottom: 10px;
top: auto;
width: 86%;
}
.slide-content {
max-width: 100%;
left: 30%;
padding-right: 10px;
}*/
}

@media only screen and (max-width:1400px) and (min-width: 769px) {
    .article-publish-date {
            max-width: 744px;body {
                                             padding: 0;
                                             margin: 0;
                             }
                             .breadcrum-banner {
                                             position: absolute;
                                             top: 30px;
                                             display: inline-block;
                                             left: 26px;
                                             z-index: 9999;
                                             display: none;
                             }
                             .fluid-width {
                                             max-width: 1585px;
                                             padding: 0 24px 0 24px;
                             }
                             .play-pause {
                                             position: absolute;
                                             bottom: 20px;
                                             right: 0;
                                             display: inline-block;
                                             left: 0;
                                             width: 20px;
                                             z-index: 99;
                                             margin: auto;
                                             transform: translateX(66px);
                             }
                             @-moz-document url-prefix() {
                                             .play-pause {
                                                             bottom: 24px;
                                             }
                             }
                             .play {
                                             width: 9px;
                                             height: 12px;
                                             float: right;
                                             display: none;
                                             border-top: 6px solid transparent;
                                             border-left: 10px solid #ffffff;
                                             border-bottom: 6px solid transparent;
                                             cursor: pointer;
                             }
                             .pause {
                                             width: 9px;
                                             float: right;
                                             height: 12px;
                                             border-right: 3px solid #ffffff;
                                             cursor: pointer;
                                             border-left: 3px solid #ffffff;
                             }
                             a:hover {
                                             text-decoration: none;
                             }
                             .banner {
                                             padding-top: 82px;
                                             position: relative;
                                             box-sizing: border-box;
                             }
                             .banner.banner--no-top-padding {
                                padding-top: 0px;
                             }

                             #banner1{
                             padding-top: 0px !important;
                             }
                             .banner video {
                                             width: 100%;
                                             height: 590px;
                                             object-fit: cover;
                             }
                             .home-banner .col-lg-12{
                                             padding-left:0px;
                                             padding-right:0px;
                             }
                             @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
                                             .banner video {
                                                             position: absolute;
                                                             top: 50%;
                                                             left: 50%;
                                                             min-width: 100%;
                                                             height: auto;
                                                             min-height: 100%;
                                                             z-index: -100;
                                                             transform: translateX(-50%) translateY(-50%);
                                                             background-size: cover;
                                                             transition: 1s opacity;
                                             }
                             }
                             .wipro-show-more-button {
                                             margin: 25px 0 50px 0;
                                             text-align: center;
                                             font-size: 0.875rem;
                                             line-height: 1.5;
                             }
                             .slide .wipro-show-more-button {
                                             margin: 25px 0 50px 0;
                                             text-align: left;
                                             font-size: 0.875rem;
                                             line-height: 1.5;
                             }

                             .slide .banner-button {

                             border-radius: 5px 5px 5px 5px;
                             -moz-border-radius: 5px 5px 5px 5px;
                             -webkit-border-radius: 5px 5px 5px 5px;
                             background-color: rgba(0, 0, 0, 0.0);
                             border: 2px solid #FFFFFF;
                             color: #fff !important;
                             text-decoration: none !important;
                             box-sizing: border-box;
                             padding: 12px 30px;
                             font-size: 1.125rem;
                             cursor: pointer;

                             }
                             .banner-container {
                                             width: 100%;
                                             display: block;
                                             box-sizing: border-box;
                             }
                             .banner-container .slide {
                                             width: 100%;
                                             overflow: hidden;
                                             display: block;
                                             background-position: center center;
                                             background-size: cover;
                                             background-repeat: no-repeat;
                                             position: relative;
                                             display: table;
                             }
                             .slide-content {
                                             color: #ffffff;
                                             left: 0;
                                             right: 0;
                                             width: 72%;
                                            font-family: var(--pnb);
                                             background-position: center center;
                                             background-size: cover;
                                             background-repeat: no-repeat;
                                             margin: auto;
                                             display: table-cell;
                                             z-index: 1;
                                             position: absolute;
                                             top: 59%;
                                             left: 53%;
                                             vertical-align: middle;
                                             transform: translateX(-54%) translateY(-50%);
                                             margin-left: 10px;
                             }

                             /*.slide-content:before {
                                             content: '';
                                             position: absolute;
                                             left: -25px;
                                             top: -22px;
                                             width: 155px;
                                             z-index: -1;
                                             height: 155px;
                                             border-radius: 90px;
                             }*/
                             .slide-content:before {
                                 content: '';
                                 position: absolute;
                                 left: -90px;
                                 top: calc(50% - 45px) !important;
                                 width: 310px;
                                 z-index: -1;
                                 height: 310px;
                                 border-radius: 50%;
                                 transform: translateY(-50%);
                             }
                             .slide-content h1 {
                                             font-size: 2.25rem!important;
                                             line-height: 1.5 !important;
                                             position: relative;
                                             text-align: left;
                                             display: inline-block;
                                             margin: 0 auto 20px;
                                             font-weight: bold;
                                             border-bottom: none;
                                             clear: left;
                                             float: left;
                                             text-shadow: none;
                             }
                             .slide-content h1:before {
                                 background-color: transparent !important;
                             }
                             .slide-content h1:empty {
                                             display: none;
                             }
                             .slide-content h1:before {
                                             content: '';
                                             position: absolute;
                                             left: -14.7vw;
                                             bottom: -2px;
                                             width: 100%;
                                             height: 2px;
                                             /*background-color: #000000;*/
                             }
                             _::-webkit-full-page-media, _:future, :root .slide-content h1:before {
                                             content: '';
                                             position: absolute;
                                             left: -190%;
                                             width: 190%;
                             }

                             .slide-content h1.background-color:before {
                                             content: '';
                                             position: absolute;
                                             /* left: -300px; */
                                             width: 300px;
                             }
                             .slide-content p {
                                             font-size: 1.5rem;
                                             line-height: 1.5;
                                             margin: 0 0 45px;
                                             font-family: var(--pnr);
                                             text-align: left;
                                             clear: both;
                                             margin-bottom:auto;
                             }
                             .banner-tags {
                                             width: 100%;
                                             display: block;
                                             left: 0;
                                             right: 0;
                                             text-align: left;
                                             margin: 0 auto;
                                             font-size: 0;
                                             position: absolute;
                                             display: none;
                                             background-color: #ffffff;
                             }
                             .banner-tags-content {
                                             display: inline-block;
                                             vertical-align: top;
                                             box-sizing: border-box;
                                             padding: 1.6% 4% 1.6% 0%;
                                             color: #9b9b9b;
                                             width: 20%;
                                             text-align: left;
                                             font-size: 0;
                                             cursor: pointer;
                                             position: relative;
                                             margin-right: 0px;
                             }
                             .banner-container .slick-dots {
                                             bottom: 20px;
                                             position: absolute;
                                             display: block;
                                             width: 100%;
                                             padding: 0;
                                             margin: 0;
                                             list-style: none;
                                             text-align: center;
                             }
                             .banner-container .slick-dots li {
                                             position: relative;
                                             display: inline-block;
                                             width: 10px;
                                             height: 10px;
                                             margin: 0 5px;
                                             padding: 0;
                                             cursor: pointer;
                             }
                             .banner-container .slick-dots li.slick-active button {
                                             opacity: 1;
                                             background-color: #9b9b9b;
                             }
                             .banner-container .slick-dots li button {
                                             font-size: 0;
                                             line-height: 0;
                                             display: block;
                                             width: 10px;
                                             height: 10px;
                                             padding: 5px;
                                             cursor: pointer;
                                             color: transparent;
                                             border: 0;
                                             outline: none;
                                             background: #f5f5f5;
                                             border-radius: 50px;
                             }
                             .home-banner .slick-dots {
                                             display: none !important;
                             }
                             .home-banner .play-pause {
                                             right: 141px;
                                             bottom: 125px;
                             }
                             .home-banner .banner-tags {
                                             display: block;
                             }
                             .banner-tags-content.active {
                                             transition: 0.7s ease-in-out;
                                             position: relative;
                                             z-index: 1;
                             }
                             .banner-tags-content.active:before {
                                             content: "";
                                             display: block;
                                             width: 0;
                                             height: 0;
                                             border-left: 12px solid transparent;
                                             border-right: 12px solid transparent;
                                             border-bottom: 12px solid #ffffff;
                                             position: absolute;
                                             top: -12px;
                                             left: 0px;
                             }
                             .banner-tags-content.active:after {
                                             content: '';
                                             position: absolute;
                                             left: -10px;
                                             top: 10px;
                                             border-radius: 50px;
                                             width: 35px;
                                             z-index: -1;
                                             height: 35px;
                                             background-color: #ffda29;
                             }
                             .home-banner-slide-text-head {
                                             display: block;
                                             color: #0e3570;
                                             font-size: 1.25rem;
                                             padding-bottom: 5px;
                             }
                             .home-banner-slide-text-desc {
                                             display: block;
                                             font-family: var(--pnr);
                                             font-size: 0.875rem;
                             }
                             .banner-tags-content:last-child {
                                             padding: 1.6% 0% 1.6% 0%;
                             }
                             .article-publish-date {
                                                     max-width: 1198px;
                                                     margin: 0 auto;
                                                     padding: 10px 12px 0px 12px;
                                                     margin-top: 20px;
                                                 }
                             @media only screen and (min-width:1200px) and (max-width: 1680px) {
                                             .banner-container .slide {
                                                            /* background-position: top center;
                                                             background-size: cover;*/
                                                              background-position: center;
                                                              background-size: 100%;
                                             }
                             }
                             @media only screen and (min-width:1920px) {
                                             .slide-content h1 {
                                                             font-size: 2.625rem;
                                                             line-height: 1.5;
                                             }
                                             .banner-tags-content.active:after {
                                                             top: 15px;
                                             }
                                             .slide-content {
                                                             transform: translateX(-48%) translateY(-50%);
                                             }
                                             .banner-tags-content {
                                                             padding: 1.6% 1% 1.6% 0%;
                                                             margin-right: 0;
                                             }
                                             .slide-content p {
                                                             margin: 0 0 50px;
                                                             font-size: 1.875rem;
                                                             line-height: 1.5;
                                                             margin-bottom:85px;
                                             }
                                             .slide .banner-button {
                                                             font-size: 1.5rem;
                                                             padding: 12px 32px;
                                             }
                                             .banner-tags-content {
                                                             width: 20%;
                                             }
                                             .home-banner-slide-text-head {
                                                             display: block;
                                                             color: #0e3570;
                                                             font-size: 1.625rem;
                                                             padding-bottom: 5px;
                                             }
                                             .home-banner-slide-text-desc {
                                                             display: block;
                                                             font-size: 0.875rem;
                                             }
                                             /*.slide-content:before {
                                                             content: '';
                                                             position: absolute;
                                                             left: -20px;
                                                             top: -45px;
                                                             width: 190px;
                                                             z-index: -1;
                                                             height: 190px;
                                                             border-radius: 138px;
                                             }*/
                                             .slide-content:before {
                                                 content: '';
                                                 position: absolute;
                                                 left: -90px;
                                                 top: calc(50% - 45px) !important;
                                                 width: 310px;
                                                 z-index: -1;
                                                 height: 310px;
                                                 border-radius: 50%;
                                                 transform: translateY(-50%);
                                             }
                             }
                             @media only screen and (max-width:1024px) {
                                             .slide-content p {
                                                             width: 95%;
                                             }
                                             .hero-banner-small .home-banner {
                                                             padding-bottom: 0px;
                                             }
                                             .home-banner .play-pause {
                                                             right: 0;
                                                             bottom: 45px;
                                             }
                                             .slide-content h1 {
                                                             font-size: 2.25rem !important;
                                 line-height: 1.5 !important;
                                             }
                                             .slide-content p {
                                                             font-size: 1.5625rem;
                                                             line-height: 1.5;
                                             }
                                             .banner-container .slick-dots {
                                                             display: block !important;
                                             }
                                             .banner-tags {
                                                             display: none !important;
                                             }
                                             .slide-content {
                                                             width: 92%;
                                             }
                                             .slide .wipro-show-more-button {
                                 margin: 150px 0 70px 0;
                                 /* text-align: left; */
                                 font-size: 1.375rem;
                                 line-height: 1.5;
                             }
                             }
                             @media only screen and (max-width:940px) {
                                             .slide-content h1 {
                                                             font-size: 1.875rem!important;
                                 line-height: 1.5!important;
                                             }
                                             .slide-content p {
                                                             font-size: 1.25rem;
                                                             line-height: 1.5;
                                             }
                                             .banner-button {
                                                             width: 30%;
                                             }
                             }

                             @media only screen and (max-width:768px) {

                                             .fluid-width {
                                                             padding: 0 12px 0 12px;
                                             }
                                             .home-banner .container-fluid .row .col-md-12,
                             .home-banner .container-fluid .row .col-sm-12,
                             .home-banner .container-fluid .row .col-xs-12 {
                                   padding-left: 0;
                                   padding-right: 0;
                             }
                             .sub-menu .container-fluid .row .col-md-12,
                             .sub-menu .container-fluid .row .col-sm-12,
                             .sub-menu .container-fluid .row .col-xs-12 {
                                   padding-left: 0;
                                   padding-right: 0;
                             }
                             .sub-menu-content .sub-menu-part p {
                                   margin-left: 0px;
                             }
                             }

                             @media only screen and (width: 768px){
                             .home-banner .container-fluid .row .col-md-12,
                             .home-banner .container-fluid .row .col-sm-12,
                             .home-banner .container-fluid .row .col-xs-12 {
                                   padding-left: 0;
                                   padding-right: 0;
                             }
                             .sub-menu .container-fluid .row .col-md-12,
                             .sub-menu .container-fluid .row .col-sm-12,
                             .sub-menu .container-fluid .row .col-xs-12 {
                                   padding-left: 0;
                                   padding-right: 0;
                             }
                             .sub-menu-content .sub-menu-part p {
                                   margin-left: 0px;
                             }

                             }

                             @media only screen and (max-width:767px) {
                                             .banner-container .slick-dots {
                                                             display: block !important;
                                             }
                                             .slide-content {
                                                             width: 92%;
                                             }
                                             .banner-button {
                                                             padding: 15px 30px 15px 30px;
                                                             width: 45%;
                                             }
                                             .home-banner .play-pause {
                                                             right: 0;
                                                             bottom: 49px;
                                             }
                                             .slide-content h1 {
                                                             font-size: 1.125rem!important;
                                                             line-height: 1.5!important;
                                                             margin-top: 0px;
                                                             margin-bottom: 10px;
                                             }
                                             .slide-content p {
                                                             line-height: 1.5;
                                             }
                                             .slide-content:before {
                                                             width: 120px;
                                                             height: 120px;
                                             }
                                             .banner .container-fluid, .banner .row, .banner .col-lg-12.col-md-12.col-sm-12.col-xs-12 {
                                                             padding: 0;
                                                             margin-right: 0;
                                                             margin-left: 0;
                                             }
                                 /*
                                             .hero-banner .banner1 {
                                                             padding-top: 130px;
                                             }
                                 */
                             }
                             @media only screen and (max-width:736px) {
                                             /* .banner-container .slide {
                                                             height: 275px;
                                             } */
                                             .slide-content h1.background-color:before {
                                                             content: '';
                                                             position: absolute;
                                                             left: -120%;
                                                             width: 120%;
                                             }
                             }
                             @media only screen and (max-width:640px) {
                                             .slide-content p {
                                                             font-size: 0.9375rem;
                                                             line-height: 1.5;
                                             }
                                             .slide-content h1 {
                                                             font-size: 1.1875rem!important;
                                                             line-height: 1.5!important;
                                             }
                                             .slide-content:before {
                                                             width: 90px;
                                                             height: 90px;
                                             }
                                             .slide-content h1 {
                                                             text-shadow: none;
                                             }
                                            /* .slide-content p {
                                                             text-shadow: 1px 1px #000;
                                             }*/
                             }
                             @media only screen and (max-width:590px) {
                                             .banner-container .slick-dots {
                                                             bottom: 50px;
                                             }
                                             .home-banner .play-pause {
                                                             bottom: 79px;
                                             }
                                             .play-pause {
                                                             bottom: 50px;
                                             }
                                             .slide-content h1 {
                                                             font-size: 4.5vw !important;
                                                             line-height: 1.5 !important;
                                                             margin: 4px 0;
                                             }
                                             .slide-content p {
                                                             margin-bottom: 35px;
                                                             font-size: 0.9375rem;
                                                             line-height: 1.5;
                                             }
                                             .banner-button {
                                                             font-size: 0.9375rem;
                             padding: 10px 20px 10px 20px;
                             width: 40%;
                                  font-size: 0.9375rem !important;

                                             }
                                             /* .banner-container .slide {
                                                             height: 275px;
                                             } */
                             }
                             @media only screen and (max-width:480px) {
                                             .slide-content:before {
                                                             content: '';
                                                             left: -5px;
                                                             top: -15px;
                                                             width: 100px;
                                                             height: 100px;
                                             }
                             }
                             @media only screen and (max-width:380px) {
                                             .slide-content {
                                                             width: 98%;
                                                             padding-left: 10px;
                                                             padding-right: 10px;
                                             }
                                             .slide-content:before {
                                                             top: -32px;
                                                             left: 15px;
                                                             width: 100px;
                                                             height: 100px;
                                             }
                             }
                             @media only screen and (max-width:330px) {
                                             .slide-content h1 {
                                                             font-size: 4.5vw !important;
                                             }
                             }

                             @media only screen and (min-width:2100px) {
                             _::-webkit-full-page-media, _:future, :root .slide-content h1:before {
                             content: '';
                             position: absolute;
                             left: -240%;
                             width: 240%;
                             }
                             }
                             @media only screen and (min-width:1680px) {
                             /* .banner-container .slide {
                             height: 275px;
                             } */
                             }
                             @media only screen and (min-width:1920px) {
                             /* .banner-container .slide {
                             height: 275px;
                             } */
                             .slide-content h1::before {
                                 left: -19vw !important;
                                }
                              .slide-content h1.background-color:before {
                                             width: 365px;
                             }

                             }
                             @media only screen and (min-width:2100px) {
                             /* .banner-container .slide {
                             height: 275px;
                             } */
                             }

                             @media only screen and (max-width: 500px) {
                                 .slide-content {
                                     top: 50%;
                                 }
                                 .mob-overlay-to-right {
                                             min-height: 300px;
                                             height: auto !important;
                                         }
                                 .mob-h1-akkurat-mono {
                                     position: absolute;
                                     top: calc(-50% - 33px);
                                     left: 20px;
                                 }
                             }


                             .slide-content text-akkurat-regular{
                             padding-top:35px !important;
                             }
                             /* banner css ends */
                             /**Hero Banner code from Regalix***/
                             /*.slide.hbanner slide hbanner background-image: url(clientlib-hero-banner-small/images/Hero.png);
                             }*/
                             /*.overlay {
                              background: linear-gradient(to right, rgba(0,0,0,1)21%,
                             rgba(0,0,0,0)) repeat scroll 0% 0%;
                              height: 100% !important;
                              width: 100%;
                              display: table;
                              max-width: 77%;
                             }*/
                             .ContentWrap {
                              left: 110px;
                              position: absolute;
                              width: 89%;
                              height: 100%;
                             }
                             .slide-content h1 {
                              font-size: 2.75rem!important;
                              line-height: 1.5 !important;
                              font-family: var(--pnb);
                             }
                             .slide-content p {
                              line-height: 1.5;
                              margin-bottom: 26px;
                             }
                             .slide .banner-button {
                              padding: 7px 30px;
                              box-shadow: none;
                              font-family: var(--pnb);
                              font-size: 1.5rem;
                              cursor: pointer;
                             }
                             .disc {
                              max-width: 495px;
                              max-height: 495px;
                              /* background: #6f348f; */
                              border-radius: 50%;
                              width: 100%;
                              height: 100%;
                              transform:translateY(-50%);
                              top: 50% !important;
                              position: absolute;
                              left: 0;
                             }
                             .ContentWrap .wipro-show-more-button{
                                  margin :0;
                                 }
                             .ContentWrap .slide-content h1{
                                 margin-bottom :20px;
                             }

                              .ContentWrap .slide-content p{
                                 margin-bottom :0;
                             }
                             .slide .ContentWrap .banner-button{
                             font-size: 0.875rem;
                             margin-top: 15px;
                             float: left; }


                             @media screen and (min-width:3000px) and (max-width: 4000px){
                              .slide-content {
                              left: 11% !important;
                              }
                             }
                             @media only screen and (min-width: 1921px){
                              /*.slide.hbanner1 {
                              height: 275px;
                             }
                            .disc {
                              top: 47px;
                              transform: none;
                             }*/
                             .slide-content {
                              transform: translateX(-20%) translateY(-49.5%);
                              max-width: 90%;
                              width: 85%;
                              left: 21.5%;
                              top: 49.5%;
                             }
                             .slide-content h1,.slide-content p {
                              width: 100%;
                             }
                             }
                             @media screen and (max-width: 1919px){
                              .slide-content {
                              transform: translateX(-20%) translateY(-50%);
                              max-width: 1000px;
                              left: 20%;
                              top: 50%;
                              }
                              .slide-content h1 {
                              font-size: 2.5rem!important;
                              }
                              .slide-content p {
                              font-size: 1.375rem !important ;
                              }
                              .slide-content h1,.slide-content p {
                              width: 100%;
                              }
                             }
                             @media screen and (max-width: 1680px){
                              /* .banner-container .slide {
                              height: 275px;
                              } */
                              .disc {
                                  max-width: 325px;
                                  max-height: 325px;
                                  /*transform:translateY(-50%);
                                  top: 50% !important;*/
                              }
                              .slide-content {
                              transform: translateX(-20%) translateY(-53%);
                              max-width: 970px;
                              left: 20%;
                              top: 50%;
                              }
                              .slide-content h1,.slide-content p {
                              width: 100%;
                              }
                             }

                             @media screen and (max-width: 1450px){
                              /* .banner-container .slide {
                              height: 275px;
                              } */
                              .disc {
                              max-width: 325px;
                              max-height: 325px;
                             /* top: 47px;*/
                              }
                              .slide-content {
                              max-width: 718px;
                              left: 19%;
                              }
                              .slide-content h1 {
                              font-size: 1.5rem !important;
                              }
                              .slide-content p {
                              font-size: 1rem !important;
                              }
                              .slide .banner-button {
                              font-size: 0.875rem;
                              }
                              .slide-content h1,.slide-content p {
                              width: 100%;
                              }
                             }
                             /*@media only screen and (max-width: 1680px) and (min-width: 1201px){
                             .banner-container .slide {
                                height: 565px;
                             }

                             }*/
                             @media screen and (max-width: 1400px){
                              /* .banner-container .slide {
                              height: 275px;
                              } */
                              }
                             @media screen and (max-width: 1200px){
                              /* .banner-container .slide {
                              height: 275px;

                              } */
                              .ContentWrap .slide-content h1
                              {
                              margin-bottom: 0;
                             }
                              .disc {
                              max-width: 280px;
                              max-height: 280px;
                              /*top: 15px;*/
                              }
                              .slide-content {
                              max-width: 520px;
                              left: 20%;
                              }
                              .slide-content h1 {
                              font-size: 1.375rem !important;
                              margin-bottom: 20px;
                              }
                              .slide-content p {
                              font-size: 1rem !important;
                              display: none;
                              }
                              .slide .banner-button {
                              font-size: 0.875rem;
                              padding: 5px 12px;
                              width: auto;
                              }
                              .slide-content h1,.slide-content p {
                              width: 100%;
                              }
                             }
                             @media screen and (min-width:951px) and (max-width: 1025px){
                              /* .banner-container .slide {
                              height: 275px;
                              } */
                              .ContentWrap {
                              left: 50px;
                              height: 250px;
                              top: 25px;
                              }
                              .disc {
                              max-width: 250px;
                              max-height: 250px;
                              /*top: 0;*/
                              }
                              .slide-content {
                              max-width: 600px;
                              }
                              .slide-content h1 {
                              font-size: 1.625rem !important;
                              }
                               /* .banner-container .slide.cus-mob-banner {
                                    height: 147px;
                                } */
                             }
                             @media screen and (min-width:851px) and (max-width: 950px){
                              /* .banner-container .slide {
                              height: 275px;
                              } */
                              .ContentWrap {
                              left: 50px;
                              height: 230px;
                              top: 17px;
                              }
                              .disc {
                              max-width: 230px;
                              max-height: 230px;
                              /*top: 0;*/
                              }
                              .slide-content {
                              max-width: 460px;
                              left: 20%;
                              }
                              .slide-content h1 {
                              font-size: 1.25rem !important;
                              }
                              .slide-content h1,.slide-content p {
                              width: 100%;
                              }
                             }
                             @media screen and (min-width:761px) and (max-width: 850px){
                              /* .banner-container .slide {
                              height: 240px;
                              } */
                              .ContentWrap {
                              left: 50px;
                              height: 200px;
                              top: 20px;
                              }
                              .disc {
                              max-width: 200px;
                              max-height: 200px;
                              /*top: 0;*/
                              }
                              .slide-content {
                              max-width: 440px;
                              left: 20%;
                              }
                              .slide-content h1 {
                              font-size: 1.1875rem !important;
                              }
                              .slide-content h1,.slide-content p {
                              width: 100%;
                              }
                               /* .banner-container .slide.cus-mob-banner {
                                    height: 112px;
                                } */
                             }
                             @media screen and (min-width:701px) and (max-width: 760px){
                              /* .banner-container .slide {
                              height: 220px;
                              } */
                              .ContentWrap {
                              left: 50px;
                              height: 190px;
                              top: 15px;
                              }
                              .disc {
                              max-width: 190px;
                              max-height: 190px;
                             /* top: 0;*/
                              }
                              .slide-content {
                              max-width: 440px;
                              left: 20%;
                              }
                              .slide-content h1 {
                              font-size: 1.1875rem !important;
                              }
                              .slide-content h1,.slide-content p {
                              width: 100%;
                              }
                              /* .banner-container .slide.cus-mob-banner {
                                height: 106px;
                            } */

                             }
                             @media screen and (min-width:581px) and (max-width: 700px){
                              /* .banner-container .slide {
                              height: 185px;
                              } */
                              .ContentWrap {
                              left: 50px;
                              height: 160px;
                              top: 10px;
                              }
                              .disc {
                              max-width: 160px;
                              max-height: 160px;
                             /* top: 0;*/
                              }
                              .slide-content {
                              max-width: 340px;
                              left: 20%;
                              }
                              .slide-content h1 {
                              font-size: 0.9375rem !important;
                              }
                              .slide .banner-button {
                              font-size: 0.75rem !important;
                              padding: 2px 4px;
                              width: auto;
                              }
                               /* .banner-container .slide.cus-mob-banner {
                                    height: 96px;
                                } */
                             }
                             @media screen and (min-width:481px) and (max-width: 580px){
                              /* .banner-container .slide {
                              height: 150px;
                              } */
                              .ContentWrap {
                              left: 50px;
                              height: 130px;
                              top: 10px;
                              }
                              .disc {
                              max-width: 130px;
                              max-height: 130px;
                             /* top: 0;*/
                              }
                              .slide-content {
                              max-width: 270px;
                              }
                              .slide-content h1 {
                              font-size: 0.875rem !important;
                              }
                              .slide .banner-button {
                              font-size: 0.75rem !important;
                              padding: 2px 4px;
                              width: auto;
                              }
                               /* .banner-container .slide.cus-mob-banner {
                                    height: 81px;
                                } */
                             }
                             @media screen and (max-width: 480px){
                              .slide-content p{
                              display: none;
                              margin-bottom: 10px;
                              }
                              .ContentWrap .mob-h1-akkurat-mono {
                                   position: initial;
                               }
                               .slide .ContentWrap .banner-button{
                               padding:5px 10px;
                               }
                               .slide-content{
                                   left: 0% !important;
                               }
                              }

                             }
                             @media screen and (min-width:401px) and (max-width: 480px){
                              /* .slide.hbanner1{
                              height: 480px;
                              } */

                              .disc {
                              max-width: 280px;
                              max-height: 280px;
                              top: auto;
                              }
                              .overlay {
                              background: none;
                              }
                              .slide .banner-button {
                              width: auto;
                              padding: 2px 10px;
                              margin-top: 5px;
                              }

                              .slide-content h1 {
                              font-size: 1.25rem !important;
                              }
                              .ContentWrap {
                              left: 10px;
                              height: 280px;
                              bottom: 10px;
                              top: auto;
                              width: 86%;
                              }
                              .slide-content {
                              max-width: 100%;
                              left: 35%;
                              padding-right: 10px;
                              }
                             }
                             @media screen and (min-width:300px) and (max-width: 500px){
                              /* .slide.hbanner1{
                              height: 450px;
                              } */
                              .disc {
                              max-width: 230px;
                              max-height: 230px;
                              top: auto;
                              }
                              .overlay {
                              background: none;
                              }
                              .slide .banner-button {
                              width: auto;
                              padding: 2px 10px;
                              margin-top: 5px;
                              }

                              .slide-content h1 {
                              font-size: 1rem !important;
                              }
                              .ContentWrap {
                              left: 10px;
                              height: 230px;
                              bottom: 10px;
                              top: auto;
                              width: 86%;
                              }
                              .slide-content {
                              max-width: 100%;
                              left: 30%;
                              padding-right: 10px;
                              }
                             }

                             @media only screen and (max-width:1023px) and (min-width: 769px) {
                                             .article-publish-date {
                                                     max-width: 744px;
                                                 }
                             }
                             @media only screen and (max-width:500px) and (min-width: 200px) {
                                                  .article-publish-date {
                                                        margin-top: 0px;
                                                    }
                                  }
                             @media only screen and (min-width:1024px) and (max-width: 1400px) {
                                                      .article-publish-date {
                                                            max-width: 970px;
                                                        }
                                      }


                             /* banner css ends */

        }




/* banner css ends */

/* banner css  for new backgroudn video  starts*/

.banner-container .new-videoBanner-container .new-videoBanner {

              display: block;
         }
          .banner-container .new-videoBanner-container video{
                position: relative;
           }
           .banner-container .new-videoBanner-container video ~ .overlay-to-right {
                position: absolute;
                top: 0;
           }
       @media screen and (max-width: 1400px) {
               .banner-container .new-videoBanner-container video {
                    height: 420px;
              }
      }
  @media only screen and (max-width: 1560px) and (min-width: 1400px){
       .banner-container .new-videoBanner-container video  {
            height: 440px;
      }
 }

@media screen and (max-width: 1025px) and (min-width: 951px) {
    .banner-container .new-videoBanner-container video {
         height: 300px;
     }
  }

@media screen and (max-width: 850px) and (min-width: 761px) {
     .banner-container .new-videoBanner-container video {
           height: 240px;
       }
     }

   @media screen and (max-width:767px) {
        .new-videoBanner-container video {
            display: none;
           }

    }

/* banner css  for new backgroudn video  ends*/
.slide-content h1 a {
color: inherit;
}
.slide-content h1 a:hover {
text-decoration: none;
}
/* @media screen and (max-width: 1025px) and (min-width: 951px){
.banner-container .slide.cus-mob-banner {
height: 147px;
}
}
@media screen and (max-width: 850px) and (min-width: 761px){
.banner-container .slide.cus-mob-banner {
height: 112px;
}
}

@media screen and (max-width: 760px) and (min-width: 701px){
.banner-container .slide.cus-mob-banner {
height: 106px;
}
}

@media screen and (max-width: 700px) and (min-width: 581px){
.banner-container .slide.cus-mob-banner {
height: 96px;
}
}

@media screen and (max-width: 580px) and (min-width: 481px){
.banner-container .slide.cus-mob-banner {
height: 81px;
}
} */
@media screen and (max-width:480px) {
/* .banner-container .slide.cus-mob-banner {
height: 450px;
} */
}
@media screen and (max-width: 768px){

    .banner-container .slide{
        height: 275px;
    }
    .ContentWrap {
        left: 50%;
        height: 130px;
        top: 50%;
        transform: translate(-50%,-50%);
    }
   }
                         @media screen and (max-width: 480px){

                               .slide-content{
                                   left: 0%;
                               }
                               .ContentWrap {
                                left: 50%;
                                height: 130px;
                                top: 50%;
                                transform: translate(-25%,-50%);
                            }
                              }

/*Start CSS doe open video as Youtube and viemo vedio */
.shb-video-container .slick-slide img {
    position: absolute;
    top: 0;
    z-index: -1;
}
.popup-shb-video {
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	height: 100%;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 9999999999999;
}

.popup-shb-video .video-title {
	text-transform: capitalize;
	text-overflow: initial !important;
	white-space: initial !important;
	padding-right: 80px;
}

.popup-shb-video .title-lg-12 {
	width: 100%;
}

.popup-shb-video .shareBtn-right {
	position: absolute;
	right: 20px;
	top: 0 !important;
}

.popup-shb-video .videoRow {
	display: flex;
	align-items: center;
	min-height: 35px
}

.popup-shb-video .videoShare-icon {
	top: initial;
	bottom: -30px;
}

.popup-shb-video .popup-close-btn {
	font-size: 20px;
	position: absolute;
	right: 0;
	color: #fff;
	top: 0;
	width: 30px;
	padding: 0px;
	z-index: 9;
	border: 1px solid #fff;
	cursor: pointer;
	font-family: var(--pnr);
}

@media screen and (max-width:1024px) {
	.popup-shb-video .sub-menu-content-popup .sub-menu-part p {
		font-size: 16px;
		line-height: 22px
	}
	.popup-shb-video .transparent-image {
		width: 100%;
		max-width: 75%;
	}
	.popup-shb-video .popup-close-btn {
		font-size: 14px;
		width: 22px;
		top: 0px;
    padding-top: 2px;
	}
	.popup-shb-video .shareBtn-right {
    right: 0px;
  }

}

@media screen and (max-width:767px) {
	.transparent-image {
		max-width: 60%;
    left:25% !important;
	}
}

@media screen and (max-width:460px) {
	.popup-shb-video .video-title {
		font-size: 14px;
		line-height: 20px !important;
		padding-right: 50px;
	}
	.popup-shb-video .sub-menu-content-popup {
		padding: 5px 10px;
	}
	.shareBtn-right {
		right: 0px;
	}
	.videoRow {
		min-height: 20px
	}
	.popup-close-btn {
		font-size: 14px;
		width: 22px;
		top: 0px;
	}
	.popup-shb-video .transparent {
		width: 90%;
	}
	.popup-shb-video .sub-menu-content-popup .sub-menu-part {
		padding-right: 15px
	}
}

.shbVideoModal {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999999999;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
	background: rgba(0, 0, 0, 0.8);
}

.shbVideoModal .modal-dialog {
	max-width: 800px;
	width: 85%;
	margin: 6% auto;
	border-bottom: 45px solid #0e3570;
	border-top: 45px solid #0e3570;
	position: absolute;
	top: 35%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.shbVideoModal .close {
	position: absolute;
	right: 1px;
	top: -45px;
	font-size: 20px;
	color: #fff;
	width: 30px;
	padding: 3px;
	z-index: 9;
	border: 1px solid #fff;
	cursor: pointer;
	font-family: var(--pnr);
	font-weight: 100;
	opacity: 1;
}
.shbVideoModal .close span {
  padding-top:1px;
}
.shbVideoModal .modal-body {
	position: relative;
	padding: 0px;
}

.shbVideoModal .modal-dialog .modal-blox_title {
	position: absolute;
	z-index: 9;
	top: -36px;
	left: 30px;
	color: #fff;
	margin: 0 auto;
	display: block;
	text-align: left;
	font-size: 22px;
	font-family: var(--pnb);
}

.shbVideoModal .modal-content {
	width: 100%;
	border: none;
}

.shbVideoModal .modal-content h4 {
	background: #0e3570;
	color: #fff;
	padding: 20px 30px;
	margin: 0;
}

.shbVideoModal .close:hover {
	color: #fff;
	opacity: 1;
}

@media screen and (min-width: 769px) {
	.shbVideoModal .modal-content {
		width: 100%;
	}
	.transparent-image {
		top: 10%;
		left: 12%;
	}
	.shbVideoModal.in .modal-dialog {
		width: 50%;
	}
}

@media screen and (max-width:767px) {
	.shbVideoModal .modal-dialog .modal-blox_title {
		left: 15px;
		font-size: 16px;
	}
    .shbVideoModal .close span {
        padding-top:2px;
    }
}

@media screen and (min-width: 1023px) {
	.shbVideoModal.in .modal-dialog {
		max-width: 800px;
		transform: none;
	}
}
@media screen and (min-width:951px) and (max-width: 1025px){
	.popup-shb-video .transparent-image {
		padding-right: 0;
	}
	/* .banner-container .slide.cus-mob-banner {
		height: 185px;
	} */
	.popup-shb-video .shareBtn-right {
		right:15px;
	}
}
@media screen and (min-width:761px) and (max-width: 850px){
	/* .banner-container .slide.cus-mob-banner {
		height: 112px;
	} */
}
/*Start CSS doe open video as Youtube and viemo vedio */