body{
padding:0px;
margin:0px;
font-family:'ClearSans';
}
.container{
max-width:1140px;
margin:auto;
}
.hero-banner{
background:url(../../images/hero/banner.png);
/*min-height:600px;*/
min-height:500px;
background-repeat: no-repeat;
position:relative;
background-size: contain;
}
.slick-list.draggable{
width:600px;
}
.lazy.slider.slick-initialized.slick-slider{
position: absolute;
top: 50%;
left: 10%;
transform: translate(0%,-70%);
}
.slider-content h2{
font-family: ClearSans;
font-size: 38px;
font-weight: 300;
color: #ffffff;
line-height: 60px;
margin:0px 0px 10px;
}
.slider-content p{
width: 70%;
color: #fff;
font-size: 20px;
line-height: 30px;
}
.slider-content a {
  border-radius: 3px;
  /*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.33);*/
  background-image: linear-gradient(to left, #3674b5, #25b9ec);
  padding:10px 20px;
  color:#fff;
  font-size:18px;
  display: inline-block;
text-decoration: none;
margin-top:20px;
}
.slick-next  {
   background: url(../../images/hero/next-icon.png);
   height: 28px;
   width: 28px;
   background-size: contain;
    background-repeat: no-repeat;
	right: -85%;
	top: unset;
	bottom: -30%;
}

.slick-next:hover, .slick-next:focus {
  background: url(../../images/hero/next-icon.png);
   height: 28px;
   width: 28px;
   background-size: contain;
    background-repeat: no-repeat;
}

.slick-prev:hover, .slick-prev:focus {
  background: url(../../images/hero/prev-icon.png);
   height: 28px;
   width: 28px;
   background-size: contain;
    background-repeat: no-repeat;
}

.slick-prev {
   background: url(../../images/hero/prev-icon.png);
   height: 28px;
   width: 28px;
   background-size: contain;
   background-repeat: no-repeat;
   left: 102%;
   top: unset;
   bottom: -30%;
}
.slick-prev:before {
 display:none;
}

.slick-next:before {
 display:none;
}
.fix-cnt-banner{
color: #fff;
width: 200px;
position: absolute;
right: 60px;
top: 20%;
}
.fix-cnt-banner h3{
font-size:17px;
margin-top:0px;
margin-bottom:10px;
font-weight:500;
}
.fix-cnt-banner p{
font-size:14px;
margin-top:0px;
margin-bottom:10px;
}
/***************************menu-css*******************/
.desktop-header{
position: relative !important;
color: #16234d;
}
.desktop-header__nav-item-inner-text {
color: #16234d;
}
.desktop-header__nav-item-inner-text:hover {
color: #fff;
}
.desktop-header__nav-item-wrapper.desktop-header__dropdown-trigger.js-active .desktop-header__nav-item-inner-text{
color: #fff;    
}
.desktop-header__nav-item-icon.desktop-header__nav-item-icon--arrow path{
fill: #16234d;
}
.desktop-header__nav-item-wrapper.desktop-header__dropdown-trigger.js-active .desktop-header__nav-item-icon.desktop-header__nav-item-icon--arrow path{
fill: #fff;
}
.desktop-header__nav{
margin-top:5px !important;
}

.list_logos_text{
columns: 4;
column-gap: 20px;
}
.list_logos_text .list_box_text{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align:center;
}
.list_logos_text .list_box_text p{
color: #a83292;    
margin-bottom:20px;
font-size: 16px;
line-height: 26px;
font-weight: 400
}
.text-logo-clint{
padding:30px 0px 0px;    
}
.list_logos_text .list_box_text img{
width: 180px;
}
.kn-featured-logos-div{
display: flex;
box-sizing: border-box;
width: 100%;
flex-wrap: wrap;
}
.kn-featured-logos{
display: flex;
box-sizing: border-box;
width: 100%;
flex-wrap: wrap;
max-width: 800px;
margin: auto;
}
.kn-featured-logos-div{
flex: 0 0 20%;
max-width: 20%;
padding: 0px 10px;
width: 100%;
}
.kn-featured-heading h2{
padding: 0 15px;
margin-top: 4px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-transform: uppercase;
text-align: center;
margin-bottom: 30px;
}
.kn-featured{
padding:50px 0px;
}


@media(min-width:320px) and (max-width:479px){
.list_logos_text{columns: 1;column-gap: 20px;}  
.list_logos_text .list_box_text{margin-bottom: 10px;border-bottom: 1px dashed #ddd;padding-bottom: 20px; }
.kn-featured-logos-div{flex: 0 0 50%;max-width: 50%;justify-content: center;align-items: center;margin-bottom: 20px;}
}
@media(min-width:480px) and (max-width:639px){
.list_logos_text{columns: 2;column-gap: 20px;}
.list_logos_text .list_box_text{margin-bottom: 10px;border-bottom: 1px dashed #ddd;padding-bottom: 20px;min-height: 160px;}
.kn-featured-logos-div{flex: 0 0 33.33%;max-width: 33.33%;justify-content: center;align-items: center;margin-bottom: 20px;}
}
@media(min-width:640px) and (max-width:767px){
.kn-featured-logos-div{flex: 0 0 33.33%;max-width: 33.33%;justify-content: center;align-items: center;margin-bottom: 20px;}
}
@media(min-width:320px) and (max-width:640px){
.hero-banner{background-size: cover;background-position: left; min-height:300px;}
.fix-cnt-banner{display:block;}
.lazy.slider.slick-initialized.slick-slider{transform: translate(0%,-50%);}
.slider-content h2{line-height: 35px;font-size: 25px;}
.slider-content p{width:100%; font-size:14px;}
.slick-prev , .slick-next{display:none !important;}
.slick-list.draggable{width:280px;}
.lazy.slider.slick-initialized.slick-slider{left: 7%;}
}
@media(min-width:641px) and (max-width:991px){
.list_logos_text{columns: 2;column-gap: 20px;}
.list_logos_text .list_box_text{margin-bottom: 10px;border-bottom: 1px dashed #ddd;padding-bottom: 20px;min-height: 160px;}
.hero-banner{background-size: cover;background-position: left; min-height:400px;}
.fix-cnt-banner {display:none!important;}
.lazy.slider.slick-initialized.slick-slider{transform: translate(0%,-50%);}
.slider-content h2{line-height: 35px;font-size: 30px;}
.slider-content p{width:100%; font-size:14px;}
.slick-prev , .slick-next{display:none !important;}
.slick-list.draggable{width:350px;}
.lazy.slider.slick-initialized.slick-slider{left: 7%;}
}
@media(min-width:992px) and (max-width:1250px){
.slick-prev , .slick-next{display:none !important;}
.slider-content h2{line-height: 35px;font-size: 30px;}
.slider-content p{width:50%; font-size:14px;}
.lazy.slider.slick-initialized.slick-slider{transform: translate(0%,-50%);}
.fix-cnt-banner{right:0px;}
.hero-banner{min-height:350px;background-size: cover;}
}
@media(min-width:1500px) and (max-width:1699px){
.hero-banner {background-size: cover;min-height: 700px;}
.slick-prev , .slick-next{display:none !important;}
}
@media(min-width:1700px) and (max-width:5000px){
.hero-banner {background-size: cover;min-height: 800px;}
.slick-prev , .slick-next{display:none !important;}
}







.box-first-box h2{
    font-family: ClearSans;
    font-size: 38px;
    font-weight: 300;
    color: #ffffff;
    line-height: 60px;
    margin: 0px 0px 10px;
}
.box-first-box p{
	    width: 70%;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
}
.box-first-box a {
    border-radius: 3px;
    /* box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.33); */
    background-image: linear-gradient(to left, #3674b5, #25b9ec);
    /*padding: 10px 20px;*/
    padding: 14px 20px 0;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    text-decoration: none;
    margin-top: 20px;}
			#JiSlider {
				width: 100%;
				height: 80vh;
			}
			.jislider__controller {
				display: none;
			}
			.box-first-box {
				    max-width: 660px;
                    margin: 8% auto 0 8%;
                    float: left;
			}
.box-first-box a.button--blue .jislider__img{
    height: 24px!important;
    width: 24px!important;
    position: inherit!important;
    float: right!important;
    z-index: 111;
    margin-top: -1px;
}
.fix-cnt-banner {
    float: right;
   /* width: 15%;
    margin-right: 5%;
    margin-top: 8%;*/
}
.jislider ul {
    list-style: none!important;
    margin:0px!important;
    padding:0px!important;
}
.fix-cnt-banner h3 {
    font-size: 17px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-weight: 500;
    color: #fff;
}
.fix-cnt-banner p {
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 10px;
    color: #fff;
    line-height: 30px;
}
.fix-cnt-banner .jislider__img{
    background-size: contain;
    position: inherit;
    z-index: inherit;
    width: 60px;
    height: 25px;
    top: auto !important;
}


.partners-sap-cont h3 {
  margin-bottom: 12px!important;
}
@media(min-width:320px) and (max-width:360px) {
.JiSlider .box-first-box h2 {
    font-size: 16px!important;
    line-height: 24px!important;
}
.JiSlider .box-first-box {
    max-width: 54%!important;
    margin: 4% auto 0 2%!important;
}
.JiSlider .button--blue .button__text {
    color: #fff;
    font-size: 14px;
}
.JiSlider .box-first-box a {
    padding: 9px 10px 0;
    height: 40px;
}
.JiSlider .fix-cnt-banner {
    width: 48%!important;
    top: 130px!important;
}
}

@media (min-width:415px) and (max-width:568px) {
.JiSlider .fix-cnt-banner {
    width: 16%!important;
    top: 32px!important;
    right: 0px !important;
}
.JiSlider .box-first-box {
    max-width: 54%!important;
    margin: 5% auto 0 4%!important;
}
}


@media (min-width: 320px) and (max-width: 640px){

#JiSlider {
    width: 100%;
    height: 30vh!important;
}
.box-first-box {
        max-width: 54%!important;
    margin: 9% auto 0 4%!important;
}
.box-first-box h2 {
       font-size: 16px!important;
    line-height: 24px!important;
    margin: 0px auto 3px 0!important;
}
.box-first-box p {
       width: 100%!important;
    font-size: 12px!important;
    line-height: 16px!important;
}
.fix-cnt-banner {
    display: none;
}
.box-first-box a {
    font-size: 12px!important;
    margin-top: 10px!important;
}
.fix-cnt-banner {
        width: 40%!important;
    margin-right: 1%!important;
    margin-top: 0%!important;
       top: 158px;
    right: 0px !important;
}
.fix-cnt-banner h3 {
    font-size: 13px!important;
    margin-bottom: 0px!important;
    line-height: 20px !important;
}
.fix-cnt-banner p {
    font-size: 11px!important;
    margin-bottom: 4px!important;
     line-height: 16px!important;
}
.fix-cnt-banner .jislider__img {
    width: 40px!important;
    height: 15px!important;
}

.jislider__left-arrow {
    width: 20px!important;
    left: 46%!important;
    top: 59%!important;
    height: 40px!important;
    display:none !important;
}
.jislider__left-arrow__top {
    width: 2px!important;
    height: 19px!important;
    }
.jislider__left-arrow__bottom {
    width: 2px!important;
    height: 19px!important;
}
.jislider__right-arrow {
    width: 20px!important;
    right: 40%!important;
    top: 59%!important;
    height: 40px!important;
    display:none !important;
}
.jislider__right-arrow__top {
    width: 2px!important;
    height: 19px!important;
    }
.jislider__right-arrow__bottom {
    width: 2px!important;
    height: 19px!important;
}
}

@media (min-width: 480px) and (max-width: 570px){
#JiSlider {
    width: 100%;
    height: 72vh!important;
}

}



@media (min-width: 640px) and (max-width: 767px){

#JiSlider {
    width: 100%;
    height: 68vh!important;
}
.box-first-box {
    max-width: 54%!important;
    margin: 4% auto 0 4%!important;
}
.box-first-box h2 {
    font-size: 22px!important;
    line-height: 35px!important;
    margin:0px auto 3px 0!important;
}
.box-first-box p {
       width: 100%!important;
    font-size: 16px!important;
    line-height: 24px!important;
}

.box-first-box a {
        font-size: 16px!important;
    margin-top: 22px!important;
}
.fix-cnt-banner {
    width: 18%!important;
    margin-right: 1%!important;
    margin-top: 0px;
    
    right: 0px;
    top: 30px;
}
.fix-cnt-banner h3 {
    font-size: 14px!important;
    margin-bottom: 6px!important;
    line-height: 20px !important;
}
.fix-cnt-banner p {
    font-size: 11px!important;
    margin-bottom: 4px!important;
     line-height: 16px!important;
}
.fix-cnt-banner .jislider__img {
    width: 40px!important;
    height: 15px!important;
}

.jislider__left-arrow {
    width: 20px!important;
    left: 46%!important;
    top: 59%!important;
    height: 40px!important;
    display:none !important;
}
.jislider__left-arrow__top {
    width: 2px!important;
    height: 19px!important;
    }
.jislider__left-arrow__bottom {
    width: 2px!important;
    height: 19px!important;
}
.jislider__right-arrow {
    width: 20px!important;
    right: 40%!important;
    top: 59%!important;
    height: 40px!important;
    display:none !important;
}
.jislider__right-arrow__top {
    width: 2px!important;
    height: 19px!important;
    }
.jislider__right-arrow__bottom {
    width: 2px!important;
    height: 19px!important;
}
}


@media (min-width: 767px) and (max-width: 991px){

#JiSlider {
    height:28vh!important;
}
.box-first-box {
    margin: 4% auto 0 6%!important;
    max-width: 509px!important;
}
.fix-cnt-banner {
    width: 18%!important;
    margin-right: 1%!important;
    margin-top: 0px;
    
    right: 0px;
    top: 30px;
}
.box-first-box h2 {
    font-size: 28px!important;
    line-height: 38px!important;
}
.jislider__left-arrow {
    top: 60%!important;
}
.jislider__right-arrow {
    top: 60%!important;
}
}


@media (min-width: 991px) and (max-width: 1100px){
#JiSlider {
    height: 50vh!important;
}  
.box-first-box {
    margin: 4% auto 0 6%!important;
}
.fix-cnt-banner {
    width: 190px!important;
    right: 12px!important;
    top: 16%!important;
}
}

/*
@media (min-width: 767px) and (max-width: 991px){

#JiSlider {
    height:28vh!important;
}
.box-first-box {
    margin: 5% auto 0 6%!important;
}
.fix-cnt-banner {
    width: 190px!important;
    right: 12px!important;
    top: 15%!important;
}
}
*/
@media (min-width:1100px) and (max-width:1240px){
/*Macbook 11" and  Macbook 12" screen css*/

#JiSlider {
    height: 62vh!important;
}
.fix-cnt-banner {
    top: 16%!important;
    right: 28px!important;
}
}

@media (min-width:1241px) and (max-width:1330px){
/*Macbook 13" screen css*/
#JiSlider{
    height: 530px!important;
}
.box-first-box {
    margin: 10% auto 0 6%!important;
}
.fix-cnt-banner {
    right: 18px!important;
    top: 24%!important;
}
}


@media (min-width:1367px) and (max-width:1440px){
/*Macbook 15"  screen css*/
#JiSlider {
    height: 530px!important;
}
.box-first-box {
    margin: 8% auto 0 10%;
}
.fix-cnt-banner {
    right: 66px;
    top: 24%;
}
}

@media (min-width:1441px) and (max-width:1600px){
#JiSlider {
    height: 530px;
}
.box-first-box {
    margin: 8% auto 0 14%!important;
}
.fix-cnt-banner {
    right: 100px;
    top: 26%;
}

}

@media (min-width:1601px) and (max-width:1680px){
.fix-cnt-banner {
    right: 116px;
    top: 28%;
}
#JiSlider {
    height: 530px!important;
}
.box-first-box {
    margin: 8% auto 0 16%!important;
}  
.homepage-box-blog .home-page-blog-section .blog-section-box-third {
    height: 24vh !important;
    margin-bottom: 30px!important;
}
.homepage-box-blog .home-page-blog-section .blog-section-box {
    height: 51vh !important;
}
}


@media (min-width:1100px) and (max-width:1240px){
/*Macbook 11" and  Macbook 12" screen css*/

.box-first-box {
    margin: 5% auto 0 10%!important;
}
}
@media (min-width:1920px) and (max-width:2100px){
/*Macbook 21.5" screen css*/
.box-first-box {
    margin: 6% auto 0 20%!important;
}
#JiSlider {
    height: 530px!important;
}
.fix-cnt-banner {
    right: 180px!important;
}
}

@media (min-width:2100px) and (max-width:2700px){
/*Macbook 21.5" screen css*/
#JiSlider {
    height:590px!important;
}
.box-first-box {
    margin: 6% auto 0 28%!important;
}
.fix-cnt-banner {
    right: 290px!important;
}    
}