img{
    max-width: 100%;
}
/* Expert Say css Starts here */
.title-wrapper p.sub-title {
    font-size: 20px;
    line-height: 28.8px;
    font-weight: 400;
}
.expert-say .latest-news-wrapper {
    background-color: #fff;
}
.expert-say .latest-news-wrapper .top-icon-img {
    margin-bottom: 15px;
    background-color: white;
    width: 115px;
    height: 70px;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.expert-say .news-detail-title h3 {
    font-size: 22px;
    margin-bottom: 5px;
}
.expert-say .news-detail-title .sub-product-detail {
    font-size: 16px;
}
.featured-products.expert-say .latest-news-wrapper:hover {
   /* background: linear-gradient(304deg,#061c51 3.03%,#061c51 27.62%,#2496b0 76.39%,#2496b0 112.44%) !important;*/
     color: #fff;
     background: #17707f !important;
}
.news-detail-title .blue-dot li{
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #14142B; 
    margin-bottom: 7px; 
}
.latest-news-wrapper:hover ul li {
    color: #14142B;
}

.expert-say .news-detail-title {
    margin-bottom: 13px;
}
.expert-say .latest-news-wrapper:hover {
    color: #fff !important;
}
.expert-say .latest-news-wrapper:hover .btn-cta .arrow-btn span.hover-text-white {
    color: #fff !important;
}
.expert-say.appscan .latest-news-wrapper .btn-cta {
    position: absolute;
    bottom: 15px;
}
.btn-type-1:after {
    content: "";
    background: url(/wps/wcm/connect/img/vector-arow.svg?MOD=AJPERES) no-repeat !important;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-left: 12px;
    position: absolute;
    top: 20.5px;
    -webkit-transition: all .45s cubic-bezier(.65,0,.076,1);
    -o-transition: all .45s cubic-bezier(.65,0,.076,1);
    transition: all .45s cubic-bezier(.65,0,.076,1);
}
.btn-type-1 {
    min-width: 219px;
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    color: #17707F;
    padding: 12px 44px 12px 24px;
    background: #FCFCFC;
    border-radius: 5px !important;
    text-align: center;
    position: relative;
    margin-top: 0;
}
.btn-type-1:hover::after {
    margin-left: 13px;
}
.btn-type-1:hover, .btn-type-1:focus {
    border-radius: 5px !important;
    color: #17707F !important;
}

.btn-type-2:after {
    content: "";
    background: url('/wps/wcm/connect/img/arrow-2.png?MOD=AJPERES') no-repeat !important;
    width: 22px;
    height: 19px;
    display: inline-block;
    margin-left: 9px;
    position: absolute;
    top: 17px;
    -webkit-transition: all .45s cubic-bezier(.65,0,.076,1);
    -o-transition: all .45s cubic-bezier(.65,0,.076,1);
    transition: all .45s cubic-bezier(.65,0,.076,1);
}
.btn-type-2 {    
    font-size: 16px;
    font-weight: 600;
    line-height: 23px;
    color: #36D6D9;
    padding: 10px 44px 10px 24px;
    background-color: transparent;
    border-radius: 5px !important;
    border: #36D6D9 2px solid;
    text-align: center;
    position: relative;
    margin-top: 0;
}
.btn-type-2:hover::after {
    margin-left: 13px;
}
.btn-type-2:hover, .btn-type-2:focus {
    border-radius: 5px !important;
    color: #36D6D9 !important;
}

.btn-type-3:after {
    content: "";
    background: url(/wps/wcm/connect/img/arrow-right.svg?MOD=AJPERES) no-repeat !important;
    width: 22px;
    height: 19px;
    display: inline-block;
    margin-left: 9px;
    position: absolute;
    top: 21.5px;
    -webkit-transition: all .45s cubic-bezier(.65,0,.076,1);
    -o-transition: all .45s cubic-bezier(.65,0,.076,1);
    transition: all .45s cubic-bezier(.65,0,.076,1);
}
.btn-type-3 {
    min-width: 170px;
    position: relative;
    background: #17707f;
    color: #fff;
    text-align: center;
    border-radius: 5px !important;
    padding: 12px 40px 12px 20px !important;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    -webkit-transition: all .45s cubic-bezier(.65,0,.076,1);
    -o-transition: all .45s cubic-bezier(.65,0,.076,1);
    transition: all .45s cubic-bezier(.65,0,.076,1);
}
.btn-type-3:hover {
    background: #0b455f;
    text-decoration: none;
    border-radius: 5px !important;
}
.btn-type-3:hover::after {
    margin-left: 13px;
}
.btn-type-3:hover, .btn-type-3:focus {
    border-radius: 5px !important;
    color: #fff !important;
}
.btn-type-4:after {
    content: "";
    background: url(/wps/wcm/connect/img/download-arrow.svg?MOD=AJPERES) no-repeat !important;
    width: 22px;
    height: 19px;
    display: inline-block;
    margin-left: 9px;
    position: absolute;
    top: 19.5px;
    -webkit-transition: all .45s cubic-bezier(.65,0,.076,1);
    -o-transition: all .45s cubic-bezier(.65,0,.076,1);
    transition: all .45s cubic-bezier(.65,0,.076,1);
}
.btn-type-4:hover::after {
    background: url(/wps/wcm/connect/img/download-arrow-white.svg?MOD=AJPERES) no-repeat !important;
}
.btn-type-4 {
    min-width: 190px;
    position: relative;
    background: transparent;
    color: #239CA8;
    text-align: center;
    border: 3px solid #239CA8;
    border-radius: 8px !important;
    padding: 12px 35px 12px 20px !important;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    -webkit-transition: all .45s cubic-bezier(.65,0,.076,1);
    -o-transition: all .45s cubic-bezier(.65,0,.076,1);
    transition: all .45s cubic-bezier(.65,0,.076,1);
}

.btn-type-4:hover {
    background: #0b455f;
    border: 3px solid #0b455f;
    text-decoration: none;
    border-radius: 5px !important;
}
.btn-type-4:hover::after {
    margin-left: 13px;
}
.btn-type-4:hover, .btn-type-4:focus {
    border-radius: 5px !important;
    color: #fff !important;
   border: 3px solid #0b455f;
}
  .btn-type-report:after {
    content: "";
    background: url(/wps/wcm/connect/img/download-arrow.svg?MOD=AJPERES) no-repeat !important;
    width: 22px;
    height: 19px;
    display: inline-block;
    margin-left: 12px;
    position: absolute;
    top: 17.5px;
    -webkit-transition: all .45s cubic-bezier(.65,0,.076,1);
    -o-transition: all .45s cubic-bezier(.65,0,.076,1);
    transition: all .45s cubic-bezier(.65,0,.076,1);
}

.btn-type-report {
    min-width: 170px;
    position: relative;
    color: #239CA8;
    text-align: center;
    border: none;
    background: #FCFCFC;
    border-radius: 5px !important;
    padding: 11px 26px 11px 0px !important;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    -webkit-transition: all .45s cubic-bezier(.65,0,.076,1);
    -o-transition: all .45s cubic-bezier(.65,0,.076,1);
    transition: all .45s cubic-bezier(.65,0,.076,1);
}

.btn-type-report:hover {
    background: #aaffff;
    color: #037780!important;
    text-decoration: none;
    border-radius: 5px !important;
}
.btn-type-report:hover::after {
    margin-left: 13px;
}
.btn-type-report:hover, .btn-type-report:focus {
    background: #aaffff;
    color: #037780!important;
}

.expert-say .arrow-btn::after{
  background: url('/wps/wcm/connect/img/Vector.svg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-7152145a-352d-4404-ad17-2f22e085a9db-oqrA0sE') no-repeat !important;
}
.expert-say .latest-news-wrapper:hover .btn-cta .arrow-btn:after{
  background: url('/wps/wcm/connect/img/Vector.svg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-7152145a-352d-4404-ad17-2f22e085a9db-oqrA0sE') no-repeat !important;
  opacity: 1 !important;
  filter: brightness(0) invert(1) !important;
}
/** Home Rewamp css starts here **/
.wpToolbarActionBar{
    display:none;
}
/* latest news */
.latest-digital-news{
    background-color: #F7F7FC;
}
.latest-digital-news .h1-title{
  margin-bottom: 4rem;
}
.latest-news-wrapper{
    padding: 20px 30px;
    margin: 15px 0;
    border-radius: 5px;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
    -webkit-box-shadow: 0 10px 15px rgb(0 0 0 / 3%);
    box-shadow: 0 10px 15px rgb(0 0 0 / 3%);
    border: none;
    background: #fcfcfc;
    position: relative;
}
.latest-news-wrapper:hover {
    background: #5f1ebe;
    -webkit-box-shadow: 0 10px 15px rgb(0 0 0 / 3%);
    box-shadow: 0 10px 15px rgb(0 0 0 / 3%);
    color: #d9dbe9;
}
.latest-news-wrapper:hover span, .latest-news-wrapper:hover h3{
    color: #fff!important;
}
/*.news-detail-title h3 {
  min-height: 100px;
}*/
.latest-digital-news .arrow-btn {
    font-size: 14px;
    display: inline-block;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    color: #5f1ebe;
    font-weight: 500;
    position: relative;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    text-transform: capitalize;
}
.latest-news-wrapper:hover .news-detail-title .arrow-btn span {
  color: #fff !important;
  text-decoration: none;
}
.latest-digital-news .arrow-btn:after {
    content: "";
    background: url('/wps/wcm/connect/img/vector-arow.svg?MOD=AJPERES') no-repeat;
    width: 18px;
    height: 10px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    margin-top: 1px;
}
.latest-news-wrapper:hover .news-detail-title .arrow-btn:after{
    left: 100%;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    opacity: .8;
}
.latest-news-wrapper .date-wrapper{
    margin-bottom: 10px;
}
.latest-news-wrapper .date-wrapper span{
    color: #6E7191;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.latest-news-wrapper .date-wrapper span:first-child::after {
    display: inline-block;
    margin: 0 8px;
    content: "|";
}
.news-detail-title h3{
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #14142B;
}

/* digital case study */
.digital-casestudy .event-wedget-item .wedget-item {
    background: #e6ebf5;
    -webkit-box-shadow: 0 8px 10px rgb(0 0 0 / 2%);
    box-shadow: 0 8px 10px rgb(0 0 0 / 2%);
    border-radius: 5px;
    margin: 0 0 1.875rem;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.digital-casestudy .event-wedget-item .events-carousel-text {
    padding: 40px 20px;
}
.digital-casestudy .event-tag {
    display: block;
    color: #0F5FDC;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin: 0 0 25px;
}
.digital-casestudy .events-date-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    color: #262338;
    font-size: 16px;
    line-height: 20px;
}
.digital-casestudy .events-date-info .events-date:after {
    content: "|";
    display: inline-block;
    margin: 0 7px;
}
.digital-casestudy .wedget-item .events-carousel-text h4 {
    font-weight: 600;
    background: -webkit-gradient(linear,left top,right top,color-stop(-19.51%,#7abef7),color-stop(36.51%,#4080f5),to(#572ac2));
    background: -webkit-linear-gradient(left,#7abef7 -19.51%,#4080f5 36.51%,#572ac2 100%);
    background: -o-linear-gradient(left,#7abef7 -19.51%,#4080f5 36.51%,#572ac2 100%);
    background: linear-gradient(90deg,#7abef7 -19.51%,#4080f5 36.51%,#572ac2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 23px;
}
.digital-casestudy .arrow-btn {
    font-size: 14px;
    display: inline-block;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    color: #5f1ebe;
    font-weight: 500;
    position: relative;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    text-transform: capitalize;
}
.digital-casestudy .arrow-btn span {
    color: transparent;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    padding-right: 10px;
}
.digital-casestudy .arrow-btn::after {
    content: "";
    background: url('/wps/wcm/connect/img/vector-arow.svg?MOD=AJPERES') no-repeat;
    width: 18px;
    height: 10px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 56%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    margin-top: 0.0625rem;
}

.digital-casestudy .arrow-btn:focus, .digital-casestudy .arrow-btn:hover {
    color: #5f1ebe!important;
}
.digital-casestudy .wedget-item .events-footer-wedget {
    position: absolute;
    bottom: 30px;
    padding: 0 22px;
}
.digital-casestudy .event-wedget-item .wedget-item:hover .arrow-btn::after {
    left: 100%;
}
.digital-casestudy .event-wedget-item .wedget-item:hover .events-footer-wedget .arrow-btn span {
    color: #fcfcfc!important;
}
.digital-casestudy .event-wedget-item .wedget-item:hover .arrow-btn-light-blue::after {
    filter: brightness(0) invert(1);
}

.digital-casestudy .event-wedget-item .wedget-item::after {
    content: "";
    background: #6527c0;
    background: -webkit-linear-gradient(146deg,#499dfd 3.03%,#2678f5 27.62%,#6628c5 76.39%,#5b0bb1 112.44%);
    background: -o-linear-gradient(146deg,#499dfd 3.03%,#2678f5 27.62%,#6628c5 76.39%,#5b0bb1 112.44%);
    background: linear-gradient(304deg,#499dfd 3.03%,#2678f5 27.62%,#6628c5 76.39%,#5b0bb1 112.44%);
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}
.digital-casestudy .event-wedget-item .wedget-item:hover::after {
    opacity: 1;
}
.digital-casestudy .event-wedget-item .wedget-item:hover .event-tag, .digital-casestudy .event-wedget-item .wedget-item:hover .events-date-info, .digital-casestudy .event-wedget-item .wedget-item:hover .events-box h4 {
    color: #fcfcfc;
    -webkit-text-fill-color: inherit;
    text-fill-color: inherit;
}
.digital-casestudy .event-wedget-item .wedget-item:hover {
    color: #fcfcfc;
}
.digital-casestudy .event-wedget-item .wedget-item:hover .h4-tag {
    color: #fcfcfc !important;
    -webkit-text-fill-color: inherit !important;
    text-fill-color: inherit !important;
}
.digital-casestudy .events-img.overflow-hidden img {
    width: 100%;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
}
.digital-casestudy .event-wedget-item .wedget-item:hover .events-img img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.digital-casestudy .card.insights-carousel-wedget:hover {
    background: #e6ebf5;
}
.related-product-list-outer .card.insights-carousel-wedget:hover {
   border-radius: 5px;
}
/*.digital-casestudy .event-wedget-item .wedget-item, .digital-casestudy .card.insights-carousel-wedget .card-carousel-box {
    min-height: 565px;
}
*/
.digital-casestudy .card.insights-carousel-wedget .card-carousel-box {
    border-radius: 5px;
    height: 100%;
    -webkit-box-shadow: 0 10px 15px rgb(0 0 0 / 3%);
    box-shadow: 0 10px 15px rgb(0 0 0 / 3%);
    border: none;
    overflow: hidden;
    background: #F7F7FC;
    padding-bottom: 0;
    margin-bottom: 20px;
}
.digital-casestudy .wedget-carousel-img img {
    width: 100%;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
}
.digital-casestudy .card.insights-carousel-wedget .card-carousel-box:hover .wedget-carousel-img img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.digital-casestudy .card-content-box {
  /* position: relative;   */
  padding: 15px 30px 30px 30px;
}
.digital-casestudy .card-content-box .link-wrap{
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
.digital-casestudy .card.insights-carousel-wedget .card-carousel-box:hover .arrow-btn::after {
    left: 100%;
}
.digital-casestudy .card.insights-carousel-wedget .card-carousel-box:hover .carousel-footer-wedget .arrow-btn span {
        color: #17707F!important;
        text-transform: none;
}
.digital-casestudy .card-carousel-content h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #14142b;
    margin-bottom:30px;
}
.digital-casestudy .card-carousel-content p{
   font-size: 16px;
   line-height: 24px;
   font-weight: 400;
   color: #14142B;
   margin-bottom: 30px;
}
.card.insights-carousel-wedget .card-carousel-box:focus, .card.insights-carousel-wedget .card-carousel-box:hover {
    background: #E6EBF5;
    border-radius: 5px;
}
.digital-casestudy .carousel-footer-wedget {
    position: absolute;
    bottom: 25px;
}
.digital-case-study .owl-nav {
    text-align: left;
    margin-top: 14px;
}

.digital-case-study .owl-nav .owl-prev, .digital-case-study .owl-nav .owl-next {
    border: 1px solid #ddd !important;
    height: 35px;
    width: 34px;
    background: #eff0f6!important;
}
/*.digital-case-study .owl-nav .owl-prev span, .digital-case-study .owl-nav .owl-next span {
    font-size: 20px;
    font-weight: 600;
}*/
.digital-case-study .owl-nav .owl-prev {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.digital-case-study .owl-nav .owl-next {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}
/*.digital-casestudy .h1-title {
    margin-bottom: 20px;
}*/
.digital-casestudy .btn-row{
  position: relative;
  right: 0px;
  bottom: -15px;
  z-index: 1;
}
.digital-casestudy .btn-row .see-all-btn-dark {
    color: #262338!important;
    font-size: 15px;
    line-height: 20px;
    border-bottom: 1px solid #262338;
    font-weight: 500;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative;
    display: inline-block;
    float: right;
}
.digital-casestudy.dx-case-study .btn-row .see-all-btn-dark:hover{
    color: #17707F !important;
    border-bottom: 1px solid #17707F;
}
.digital-casestudy .see-all-btn-dark::before {
    background: #262338;
    height: 0.5px;
    bottom: 0;
    left: 0;
    width: 0;
    position: absolute;
}
.digital-case-study .owl-prev.disabled span, .digital-case-study .owl-next.disabled span{
    opacity: .5;
}

@media only screen and (max-width: 675px) {
    .digital-case-study .owl-nav{
        display: none;
    }
    .digital-casestudy .btn-row{
        display: none;
    }
    .digital-case-study .item {
        margin: 35px 0;
    }

}
/* digital stratigy page css ends here */

/* banner css */
.main-slider.home  #thumbs .owl-stage-outer .owl-stage{
    width: 360px;
}
.main-slider.home  #thumbs{
    width: 360px;
}
.main-slider.home .main-banner .slide-box {
    min-height: 575px;
}
.main-slider.home .slider-bottom-wrap{
    bottom: 35px;
}
.main-slider.home .main-banner .slide-box .banner-info{
    top: 45%;
}
.main-slider.home .slide-box .banner-info .arrow-btn-white {
    margin-top: 20px;
    min-width: 140px;
    background: transparent;
    border-radius: 5px;
    padding: 0 30px;
    color: #FCFCFC;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    display: inline-block;
    -webkit-transition: all .45s cubic-bezier(.65,0,.076,1);
    -o-transition: all .45s cubic-bezier(.65,0,.076,1);
    transition: all .45s cubic-bezier(.65,0,.076,1);
}

.main-slider.home .slide-box .banner-info .arrow-btn-white:hover {
    background: #fff;
    color: #037780;
    text-decoration: none;
}
.main-slider .banner-info .watch-video-btn {
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    background: #fff;
    color: #037780;
    padding-bottom: 4px;
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 25px;
    padding: 12px 20px;
    max-width: 200px;
    border-radius: 4px;
}
a.watch-video.watch-video-btn.animated-line-button-white svg {
    margin-left: 10px;
}
.main-slider.home .main-banner .slide-box .banner-info {
    max-width: 700px;
}
.main-slider.home #thumbs .item .btn {
    padding: 10px 7.5px;
    margin: 0 10px;
}
.main-slider.home #thumbs .owl-item:first-child .item .btn {
    padding-left: 0;
}
.main-slider #thumbs .item .btn::after {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    bottom: 0px;
    height: 2px;
    background: #fff;
    border-radius: 5px;
}
.main-slider #thumbs .current .item button::after {
    width: 100%;
    -webkit-transition: all 7s ease;
    -o-transition: all 7s ease;
    transition: all 7s ease;
}
.main-slider #thumbs .item .btn::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 2px;
    background: rgba(255,255,255,.2);
    border-radius: 5px;
    opacity: 0;
    display: block;
    top: auto;
}
.main-slider #thumbs .current .item button {
    border-bottom: none;
}
.main-slider.home .stop .text, .main-slider.home .play .text{
    font-size: 15px;
}
.main-slider.home  .stop .icon-pause{
    left: 11px;
}

.scroll-down-wrapper {
    position: relative;
}

.scroll-down-wrapper .scroll-next {
    width: 26px;
    height: 38px;
    border: 2px solid #fff;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    z-index: 1;
    right: 0px;
    bottom: 62px;
}
.scroll-down-wrapper .scroll-next .scroll-downicon {
    background: url('/wps/wcm/connect/img/scroll-down.svg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-b777dd5e-18ac-4a2f-a455-2b8efee8c022-oh1ZUsY') no-repeat;
    width: 13px;
    height: 19px;
    display: inline-block;
    position: absolute;
    bottom: -28px;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.scroll-down-wrapper .scroll-next::after {
    content: "";
    background: #fff;
    width: 2px;
    height: 4px;
    display: inline-block;
    position: absolute;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    animation: up-down 3.2s ease-in-out infinite alternate-reverse both;
}
@keyframes up-down{
  0%, 100% {
    bottom: 7px;
  }
  50% {
    bottom: 25px;
  }
}
.main-slider #thumbs .item button:focus {
    outline: 2px dotted #1462dd;
}
@media only screen and (max-width: 991px){
    .main-slider.home #thumbs{
      max-width: 360px;
   }
   .main-slider.home #thumbs .owl-stage{
      min-width: 360px;
   } 

}
@media only screen and (min-width: 1050px){
.commerce-quotes .feature-box.no-margin {
    height: 450px;
}
}
@media only screen and (max-width: 768px){
   .scroll-down-wrapper{
      display: none;
   }
   .main-slider.home .slide-box .banner-info h2 {
      font-size: 32px;
   }
.commerce-customers ul.customers_logo.owl-theme li {
    display: flex;
    align-items: center;
    height: 62px;
    padding: 4px;
}
}
@media only screen and (max-width: 575px){
    .main-slider.home #thumbs{
      max-width: 110px;
   }
   .main-slider.home #thumbs .owl-stage{
      min-width: 110px;
   }
   .main-slider.home #thumbs .item .btn {
      padding: 0px 7.5px;
      margin: 35% 10px;
   } 
}

/* customer feedback css */
.c_logo {
    display: flex;
    justify-content: space-between;
    width: 100%;
    text-align: center;
    padding: 0;
    margin-bottom: 0;
}
.c_logo li p {
    font-size: 12px;
    margin-top: 0px;
    margin-bottom: 0;
    padding: 5px 5px;
}

@media only screen and (max-width: 768px){
.c_logo {
    width: 100%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0px;
}

ul.c_logo li {
    flex: 0 0 calc(50% - 10px);
    margin: 5px;
    text-align: center;
}
ul.c_logo li h2 {
    font-weight: 600;
    font-size: 21.1024px !important;
    line-height: 20px !important;
  }
  .c_logo li p {
    font-size: 13px !important;
    margin-top: 0px;
    padding: 4px 4px !important;
}
}

.c_logo li {
    width: 210px;
}
ul.c_logo li h2 {
    font-weight: 600;
    font-size: 35.1024px;
    line-height: 45px;
    align-items: center;
    background: linear-gradient(269.2deg, #3C91FF 1.02%, #2EC0CB 99.5%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

/* area of experties css */
.area-of-expertise{
    background-color: #D9DBE9;
    padding: 60px 0 60px 0;
}
.area-of-expertise .title-wrapper {
    text-align: left;
    max-width: 100% !important;
    /* margin: auto; */
    margin-bottom: 45px  
}
.area-of-expertise .title-wrapper .h1-title {
    font-size: 36px;
    font-weight: 300;
    line-height: 43.2px;
}
.area-of-expertise .title-wrapper .sub-title {
    font-size: 24px;
    font-weight: 300;
    line-height: 28.8px;
}
.expertise-wrapper{
    padding: 30px 20px;
    border-radius: 5px;
    -webkit-transition: .5s ease;
    -o-transition: .5s ease;
    transition: .5s ease;
    -webkit-box-shadow: 0 10px 15px rgb(0 0 0 / 3%);
    box-shadow: 0 10px 15px rgb(0 0 0 / 3%);
    border: none;
    background: #fff;
    color: #14142b;
    position: relative;
    margin-bottom: 20px;
}
.expertise-wrapper a.link-wrapper{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.expertise-wrapper:hover {
    background: #6527c0;
    background: -webkit-linear-gradient(146deg,#061c51 3.03%,#061c51 27.62%,#2496b0 76.39%,#2496b0 112.44%);
    background: -o-linear-gradient(146deg,#061c51 3.03%,#061c51 27.62%,#2496b0 76.39%,#2496b0 112.44%);
    background: linear-gradient(304deg,#061c51 3.03%,#061c51 27.62%,#2496b0 76.39%,#2496b0 112.44%);
    -webkit-box-shadow: 0 10px 15px rgb(0 0 0 / 3%);
    box-shadow: 0 10px 15px rgb(0 0 0 / 3%);
    color: #d9dbe9;
}
.expertise-item-wrapper .item .icon-wrapper {
    width: 60px;
    height: 80px;
}
.expertise-item-wrapper .item .icon-wrapper img {
    max-width: 100%; width: auto !important;
}
.expertise-item-wrapper .item .expertise-detail-title h3 {
    font-size: 19px;
    font-weight: 500;
    line-height: 28.5px;
    margin-bottom: 9px;
}
.area-of-expertise .arrow-btn {
    font-size: 14px;
    display: inline-block;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    color: #5f1ebe;
    font-weight: 500;
    position: relative;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    text-transform: none;
    position: absolute;
    left: 20px;
    bottom: 15px;
}
.area-of-expertise .arrow-btn span {
    color: transparent !important;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    padding-right: 10px;
}
.expertise-wrapper:hover .expertise-detail-title .arrow-btn span {
  color: #fff !important;
  text-decoration: none;
}
.area-of-expertise .arrow-btn:after {
    content: "";
    background: url('/wps/wcm/connect/img/arrow-right.svg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-0da18a72-215b-46e5-9271-41d1748af738-ogTqtIk') no-repeat;
    width: 18px;
    height: 10px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    margin-top: 1px;
}
.expertise-wrapper:hover .expertise-detail-title .arrow-btn:after{
    left: 100%;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    opacity: .8;
}
.expertise-detail-title p{
    font-size: 15px;
    line-height: 26.4px;
    font-weight: 400;
}
.expertise-item-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.expertise-item-wrapper .item {
    flex: 0 0 24.9%;
}

@media only screen and (max-width:991px) {
  .expertise-item-wrapper .item {
    flex: 0 0 49.5%;
    margin: 5px 0;
  }
  .expertise-detail-title p {
    min-height: 140px;
  }
}
@media only screen and (max-width:600px) {
  .expertise-item-wrapper .item {
    flex: 0 0 100%;
    margin: 1px 0;
  }
  .expertise-detail-title p {
    min-height: 125px;
  }
  .area-of-expertise .title-wrapper .h1-title {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
  }
  .area-of-expertise .title-wrapper .sub-title {
    font-size: 16px;
    font-weight: 300;
    line-height: 27px;
  }
  .expertise-wrapper {
    border-radius: 0;
  }
}

/* our customer css */
.customers_logo{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
}
.our-customers .h1-title.text-center {
    text-align: center;
}
.customers_logo_crousel .owl-stage-outer {
    max-height: 50px;
}
.customers_logo_crousel {
    padding: 0;
    margin: 25px 0 0;
}
.customer-crousel-wrapper{
    display:none;
}
.our-customers .title-wrapper .h1-title {
    text-align: center;
    margin-bottom: 30px;
    color: #14142B;
}
@media only screen and (max-width: 768px){
.customers_logo .logo-item {
    flex: 0 0 calc(50% - 10px);
    margin: 5px;
    text-align: center;
}
.customers_logo .logo-item img {
    max-width: 100%;
}
.our-customers .h1-title.text-center {
    text-align: left;
}
.customer-crousel-wrapper{ display: block;}
 .customers_logo {display: none;} 

.our-customers .title-wrapper .h1-title {
    text-align: left;
    font-weight: 400;
    font-size: 28px;
    line-height: 30px;
    color: #14142B;
}
.our-customers .title-wrapper .h1-title {   
    margin-bottom: 0px;
}
}

/* anylist recognisation  css*/
.digital-analyst.awards-and-recognition::before {
    content: "";
    background: url('/wps/wcm/connect/img/awards-and-recognitions-min.jpg?MOD=AJPERES') no-repeat!important;
    -webkit-background-size: cover!important;
    background-size: cover!important;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    z-index: -1;
}
@media only screen and (max-width: 768px){
   .awards-and-recognition .digital-analyst-inner .btn-row.text-white {
       float: left;
   }
}

/* ratings css */
.hcl-software-ratings{
    background-color: #EFF0F6;
    padding: 25px 0 25px 0;
}
.hcl-software-ratings .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.hcl-software-ratings .left-part-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 16px;
}
.hcl-software-ratings .left-part-wrapper .stars-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 0;
    margin-bottom: 0;
}
.hcl-software-ratings .left-part-wrapper .stars-wrapper li {
    margin: 0 5px;
}
.hcl-software-ratings .left-part-wrapper p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22.5px;
}
.hcl-software-ratings .logo-item-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.hcl-software-ratings .logo-item-wrapper .logo-item img {
    max-width: 100%;
}

@media only screen and (max-width:768px) {
  .hcl-software-ratings .logo-item-wrapper .logo-item {
     flex: 0 0 calc(50% - 10px);
     margin: 5px;
  }
  .hcl-software-ratings .logo-item-wrapper {
    margin-top: 15px;
  }
  .expertise-item-wrapper .item .expertise-detail-title h3 {
    font-weight: 500;
    font-size: 22px;
    line-height: 24px;
}
.resources-homebox .img-responsives img {
    width: 100%;
    object-fit: fill;
}

}
@media only screen and (max-width:475px) {
   .hcl-software-ratings .left-part-wrapper .stars-wrapper li {
      margin: 0 1px;
      width: 12px;
   }
   .hcl-software-ratings .left-part-wrapper p {
      font-size: 16px;
   }
   .hcl-software-ratings .left-part-wrapper .stars-wrapper {
      margin-right: 7px;
      width: 100%;
   }
}

/* featured product css */
.latest-digital-news.featured-products .latest-news-wrapper {
    margin: 10px 0 30px 0;
}
/*.featured-products .latest-news-wrapper:hover {
    -webkit-box-shadow: 0 10px 15px rgb(0 0 0 / 3%);
    box-shadow: 0 10px 15px rgb(0 0 0 / 3%);
    color: #4E4B66;
    background: url(/wps/wcm/connect/7d25c7a5-17f9-4149-82f2-7f360b4f0d1a/bg-featured-products.png?MOD=AJPERES);
    background: linear-gradient(224deg,#fff -14.97%,#2ec0cb 2.62%,#FFF 64.39%,#9ed1f9 95.44%);
    background-repeat: no-repeat;
    background-size: cover;
}*/
.latest-news-wrapper:hover .news-detail-title .arrow-btn span {
    color: #4E4B66!important;
    text-decoration: none;
}
.latest-digital-news.featured-products .arrow-btn:after {
    content: "";
    background: url('/wps/wcm/connect/img/vector-arow.svg?MOD=AJPERES') no-repeat !important;
}
.featured-products .latest-news-wrapper:hover .news-detail-title .arrow-btn:after {
    /* content: ""; */
    background: url('/wps/wcm/connect/img/vector-black-arrow.svg?MOD=AJPERES') no-repeat !important;
    left: 100%;
    -webkit-filter: none;
    filter: none;
    opacity: 1;
}

.btn-row{
    float: right;
}
.see-all-btn {
    color: #fff !important;
    font-weight: 500;
    font-size: 16px;
    padding-bottom: 6px;
    padding-right: 2px;
    position: relative;
    display: inline-block;
    border-bottom: 1px solid #eee;
}
.featured-products .see-all-btn::after{
    content: "";
    background: url('/wps/wcm/connect/img/see-more-icon.svg?MOD=AJPERES') no-repeat;
    width: 10px;
    height: 12px;
    display: inline-block;
}
.latest-digital-news.featured-products .col-lg-4.col-md-4.col-sm-6 {
    padding: 0 10px;
}
@media only screen and (max-width: 768px){
.latest-digital-news.featured-products .latest-news-wrapper {
    min-height: 140px;
    margin: 15px 0;
}
section.latest-digital-news.featured-products .btn-row.text-white {
    float: left;
    margin: 15px;
}
}
@media (max-width: 500px){
.products-carousal .owl-dots span {
    width: 35px !important;
}
}
/* featured profuct option 2 */

.DT-producs .latest-news-wrapper:hover .news-detail-title .arrow-btn span {
    color: #14142B !important;
    font-weight: 500;
    font-size: 16px;
    text-transform: none;
}
.DT-producs .latest-news-wrapper .arrow-btn:after {
    top: 35% !important;
}

/* .latest-digital-news.featured-products .latest-news-wrapper {
    min-height: 190px;
} */
.featured-products .latest-news-wrapper:hover, .DT-producs .card.latest-news-wrapper:hover {
    -webkit-box-shadow: 0 10px 15px rgb(0 0 0 / 3%);
    box-shadow: 0 10px 15px rgb(0 0 0 / 3%);
    color: #4E4B66;
    background: url(/wps/wcm/connect/img/bg-featured-products.png?MOD=AJPERES) !important;
    background: linear-gradient(224deg,#fff -14.97%,#2ec0cb 2.62%,#FFF 64.39%,#9ed1f9 95.44%);
    background-repeat: no-repeat;
    background-size: cover !important;
}
.latest-news-wrapper:hover .news-detail-title .arrow-btn span {
    color: #4E4B66!important;
    text-decoration: none;
}
.featured-products .latest-news-wrapper:hover .news-detail-title .arrow-btn:after, .DT-producs .latest-news-wrapper:hover .news-detail-title .arrow-btn:after  {
    /* content: ""; */
    background: url('/wps/wcm/connect/img/vector-black-arrow.svg?MOD=AJPERES') no-repeat !important;
    left: 100%;
    -webkit-filter: none;
    filter: none;
    opacity: 1;
    top: 8px;
}
.latest-digital-news.featured-products .arrow-btn {
    bottom: 22px;
    position: absolute;
}

.latest-digital-news.featured-products.featured-products-ops-2 .latest-news-wrapper {
    padding: 13px 14px !important;
    margin: 10px 0 !important;
}
.latest-digital-news.featured-products.featured-products-ops-2 .col-lg-3.col-md-3.col-sm-3.col-12 {
    padding: 0 10px;
}
.btn-row{
    float: right;
}

.latest-digital-news.featured-products.featured-products-ops-2 .latest-news-wrapper h4.detail {
    min-height: 125px;
}
@media only screen and (max-width: 768px){
   .latest-digital-news.featured-products.featured-products-ops-2 .latest-news-wrapper h4.detail {
       min-height: 85px;
   }

   .latest-digital-news.featured-products.featured-products-ops-2 .latest-news-wrapper {
       margin: 15px 0 !important;
   }
}

/* our clients */

.main-slider #slides .owl-stage-outer .owl-stage { width: 575px; }
/*owl carousel end*/
.section.our-clients {
    position: relative;
}
.our-clients #slides .item button:focus {
    outline: 2px dotted #1462dd;
}
.our-clients #slides .owl-item {
    width: auto !important;
}
.our-clients .slide-box{
    background-size: cover !important;
    background-repeat: no-repeat !important;
    height: 600px;
    color: #fff;
    position: relative;
}
.our-clients .main-slider-image{
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
}
.our-clients .main-slider-image.mobile, .main-slider-image.tab{
   display: none;
}
.our-clients .slide-box .banner-info{
    max-width: 620px;
    color: #fcfcfc;
    position: absolute;
    top: 25%;
    -webkit-transform: translateY(-25%);
    -o-transform: translateY(-25%);
    transform: translateY(-25%);
}

.our-clients .slide-box .banner-info {
    max-width: 600px;
}
.our-clients .slide-box .banner-info a:hover{
    text-decoration: none;
}
.our-clients .slide-box .banner-info h2 {
    font-size: 30px;
    line-height: 43px;
    font-weight: 300;
    margin-bottom: 20px;
}
.our-clients .slide-box .banner-info .quote-text-wrapper {
    margin-top: 45px;
}
.our-clients .slide-box .banner-info .quote-text-wrapper .img-wrapper {
    width: 51px;
    margin-bottom: 22px;
}
.our-clients .slide-box .banner-info .quote-text-wrapper .author {
    font-weight: 600;
    margin-top: 15px;
}
.our-clients .slide-box .banner-info .quote-text-wrapper .designation {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #FCFCFC;
}
.our-clients .slide-box .banner-info h2 span {
    display: block;
    font-weight: 300;
}
.our-clients .slide-box .banner-info p {
    font-size: 17px;
    line-height: 25.2px;
}
.our-clients .slide-box .banner-info .quote-text-wrapper .quote-text {
    margin-bottom: 15px;
}
.our-clients .banner-info .watch-video-btn {
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    color: #fff;
    padding-bottom: 4px;
    position: relative;
    display: flex;
    align-items: center;
    margin-top: 25px;
    max-width: 85px;
}
.our-clients .watch-video-btn.animated-line-button-white:after {
    background: #fcfcfc;
}
.our-clients .watch-video-btn:after {
    content: "";
    background: #5f1ebe;
    height: 1px;
    bottom: 0;
    left: 0;
    -webkit-transition: all 1.2s ease;
    -o-transition: all 1.2s ease;
    transition: all 1.2s ease;
    width: 0;
    position: absolute;
}
.our-clients .watch-video-btn:hover:after {
    width: 100%;
}
.our-clients .slide-box .banner-info .arrow-btn-white {
    margin-top: 20px;
    background: #fff;
    background: #fcfcfc;
    border-radius: 5px;
    padding: 0 30px;
    color: #5f1ebe;
    font-size: 16px;
    font-weight: 600;
    line-height: 50px;
    display: inline-block;
    -webkit-transition: all .45s cubic-bezier(.65,0,.076,1);
    -o-transition: all .45s cubic-bezier(.65,0,.076,1);
    transition: all .45s cubic-bezier(.65,0,.076,1);
}


.our-clients .slide-box .banner-info .arrow-btn-white::after{
    content: "";
    background: url('/wps/wcm/connect/img/readmore-arrow.svg?MOD=AJPERES&CACHEID=ROOTWORKSPACE-db4e6e4b-0cab-4733-93e2-96faceb802f6-oeOVbUh') no-repeat;
    width: 18px;
    height: 10px;
    display: inline-block;
    margin-left: 8px;
    -webkit-transition: all .45s cubic-bezier(.65,0,.076,1);
    -o-transition: all .45s cubic-bezier(.65,0,.076,1);
    transition: all .45s cubic-bezier(.65,0,.076,1);
}
.our-clients .slide-box .banner-info .arrow-btn-white:hover::after{
    margin-left: 13px;
}
.our-clients .slide-box .banner-info .arrow-btn-white:hover{
    background: #e2d9fb;
    color: #5f1ebe;
    text-decoration: none;
}
.our-clients .slide-box .banner-info .arrow-btn-white {
    margin-top: 20px;
}
.our-clients .btn-tab-thumb {
    height: auto;
    width: auto;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.1;
    color: #d9dbe9;
    border-radius: 0;
    padding: 0 10px;
    border: none;
    border-bottom: 2px solid transparent;
    position: relative;
}
.our-clients .btn-tab-thumb:hover, .btn-tab-thumb:focus{
color:#fff;
}
.our-clients #slides .item .btn{ 
    cursor: pointer;
    padding: 10px 7.5px;
    margin: 0 10px;
    border-bottom: 2px solid rgb(255 255 255 / 30%);
}
.our-clients #slides .btn.focus, .btn:focus{
    box-shadow: none;
}
.our-clients #slides .current .item button{ 
    border-bottom: 2px solid #fcfcfc;
}
.our-clients #slides .item:first-child button{
    margin-left: 0;
}
.our-clients .slider-bottom-wrap {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    bottom: 35px;
}
.our-clients #slides{
    max-width: 630px;
}
.our-clients #slides .owl-stage{
    min-width: 630px;
}
.our-clients .slider-action-btn {
    z-index: 2;
}
.our-clients .play.remove, .our-clients .stop.remove {
    display: none;
}
.our-clients .play, .our-clients .stop {
  background-color: transparent;
  color: white;
  cursor: pointer;
  text-decoration: none;
  border-radius: 5px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  overflow:hidden;
  width: auto;
  max-width: 38px;
  -webkit-transition: max-width 0.5s;
  transition: max-width 0.5s;
  border: 1px solid rgba(255,255,255,.3);
  padding: 13px;
  margin: 0 5px;
  position: relative;
}
.our-clients .play:hover, .our-clients .stop:hover {
  max-width: 300px;
  text-decoration: none;
}
.our-clients .play .icon-play, .our-clients .stop .icon-pause {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  margin: 0 7px 0 2px;
}
.our-clients .stop .icon-pause{
    width: 8px;
    height: 12px;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    left: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.our-clients .play .text, .our-clients .stop .text {
  white-space: nowrap;
  padding-right: 15px;
  color: #fff;
  font-size:16px;
}
.our-clients .stop .text{
    margin-left: 24px;
}
.our-clients .item.slider-action-btn {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.solution-outer-wrapper .news-detail-title h3 {font-size: 26px;}
.mobile-heading {display: none;}
.card-cta-btn{border: 1px solid #17707f;}
.card-cta-btn:hover{background: #fff; color: #17707f; border: 1px solid #17707f;}
.card-cta-btn:hover::after {background: url('/wps/wcm/connect/img/vector-arow.svg?MOD=AJPERES') no-repeat !important;}
.card-cta-btn:hover, .card-btn-white:hover {border-radius: 5px !important;}
/* responsive starts here */
@media only screen and (max-width:1200px) {
    .our-clients .slide-box{
        background-position: 70% 100%!important;
        height: 600px;
    }
    .our-clients .main-slider-image.tab{
        display: block;
    }
}
@media only screen and (min-width: 320px) and (max-width: 400px) {
    .commerce-quotes .feature-box.no-margin {
    height: 815px !important;
}
}
@media only screen and (min-width: 401px) and (max-width: 550px) {
    .commerce-quotes .feature-box.no-margin {
    height: 680px !important;
}
}
@media only screen and (min-width: 551px) and (max-width: 767px) {
.commerce-quotes .feature-box.no-margin {
    height: 600px !important;
}

}

@media only screen and (max-width: 1000px) {
.commerce-quotes .feature-box.no-margin {
    height: 560px;
}
}    
@media only screen and (max-width:550px) {
.index-pnp-learn-more-section .button-group .btn {
    display: block;
    }
}
@media only screen and (max-width:767px) {
.index-pnp-learn-more-section .button-group {
    text-align: center;
}
    .our-clients .slide-box{
        background-position: 70% 100%!important;
        height: 620px;
    }
    .our-clients .main-slider-image.desktop{
        display: none;
    }
    .our-clients .main-slider-image.tab{
        display: none;
    }
    .our-clients .main-slider-image.mobile{
        display: block;
    }
   
    .our-clients .slide-box .banner-info h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .our-clients .slide-box .banner-info p {
        font-size: 16px;
        line-height: 24px;
    }
    .our-clients #slides .item .btn {
        margin: 8px 20px;
    }
    .our-clients #slides{
     max-width: 590px;
    }
    .our-clients #slides .owl-stage-outer .owl-stage { width: 475px; }
    .impact-pillars .building-number-section .building-number-box {flex: 0 0 50% !important;max-width: 50%;text-align: left !important;}
    .building-number-section .building-number-box p{font-size: 13px !important;text-align: left;}
    .DT_products .h1-title, .DT-producs .h1-title {font-size: 24px; text-align: center;color: #000032;}
 .latest-digital-news .h1-title { margin-bottom: 32px;font-weight: 400; font-size: 24px; line-height: 29px;}
    .DT_products .news-detail-title h4, .DT-producs .news-detail-title h4 {
        font-size: 20px !important;
        color: #000032 !important;
        margin-bottom: 10px;
            }
.latest-digital-news.featured-products .latest-news-wrapper h4:first-child {
        font-size: 20px !important;
        color: #000032 !important;
        margin-bottom: 10px;
            }
.latest-digital-news.featured-products .latest-news-wrapper h4 {font-size: 17px !important; color: #14142B !important;}
    .DT_products.latest-digital-news.featured-products .latest-news-wrapper {min-height: 175px !important; background: #EFF0F7 !important;}
    
    .DT_products .sub-product-detail {font-size: 17px !important; color: #14142B !important;}
    .DT_products .arrow-btn span {color: #14142B; font-size: 16px; font-weight: 500;}
    .DT_products.latest-digital-news.featured-products .arrow-btn:after {left: 100%; background: url(/wps/wcm/connect/img/mobile-dark-arrow.png?MOD=AJPERES)no-repeat !important; height: 22px; top: 0;}
    .DT_products .btn-row.text-white {bottom: -50px !important;}
    .customers_logo {flex-wrap: nowrap;overflow: auto;}
    .customers_logo .logo-item {flex: 0 0 calc(33% - 10px);}
    .our-customers .title-wrapper {margin-bottom: 0 !important;}
    .analyst-perspectives .h1-title {font-size: 24px;}
    .digital-analyst-box h3 {font-size: 18px;font-weight: 600; margin-bottom: 10px;}
    .digital-analyst-inner .digital-analyst-box .learn-morebtn.text-white {position: relative;font-size: 16px;font-weight: 500;}
    .digital-casestudy .card.insights-carousel-wedget .card-carousel-box {background: #E6EBF5;}
    .digital-casestudy .arrow-btn span, .area-of-expertise .arrow-btn span {color: #17707F !important;font-size: 16px;font-weight: 500;}
    .digital-casestudy .arrow-btn::after, .pillars .expertise-wrapper .arrow-btn::after {left: 100% !important;}
    #area-of-expertise .expertise-detail-title p {font-weight: 400; font-size: 16px;line-height: 24px;}
    .subscribe-area {background: url(/wps/wcm/connect/img/subscribr-area.png?MOD=AJPERES) no-repeat !important;}
    .subscribe-btnbox .col-lg-8, .subscribe-btnbox .col-lg-4 {width: 100%;}
    .solution-outer-wrapper .title-wrapper .sub-title {font-size: 20px !important;text-align: left;}
    .mobile-heading{display: block; font-size: 24px; font-weight: 400; line-height: 28.8px; text-align: left !important;
    margin-bottom: 14px;}
    .index-pnp-learn-more-section .sub-title { font-size: 17px; line-height: 23px;text-align: left;}
    .index-pnp-learn-more-section .button-group .btn {  margin-left: 0px !important;}
    .web-heading{display: none;}
    .navbar-header {position: relative;}
    .navbar-header::after {
        content: '';
        background: linear-gradient(90deg, #2EC0CB 1.09%, #3C91FF 100.12%);
        position: absolute;
        height: 3px;
        width: 100%;
        bottom: 0;
    }
    .sticky-nav-wrapper .navbar-header .navbar-custom-text {color: #262338;}
    .pillar .video-wrapper.pillars .video-bottom-text p.h2-title {font-size: 16px !important;color: #000032 !important;font-weight: 600 !important;}
    .DT-producs.latest-digital-news .card {min-height: 310px;}
    .impact-pillars .title-wrapper {margin-bottom: 20px !important;}

    .capability-top-nav.sticky-nav-wrapper ul.nav.navbar-nav li {
        flex: 0 0 100% !important;
    }
    
}

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

    .our-clients .btn-tab-thumb {
        font-size: 0;
        width: 35px;
        background: #6c7882;
        padding: 0;
        height: 4px;
        border-radius: 5px;
        overflow: hidden;
    }
    .our-clients .btn-tab-thumb::after {
        content: "";
        position: absolute;
        left: 0;
        width: 0;
        top: 0;
        height: 100%;
        background: #fcfcfc;
        border-radius: 5px;
    }
    .our-clients #slides .current .item button::after {
        width: 100%;
        height: 4px;
        -webkit-transition: all 5s ease;
        -o-transition: all 5s ease;
        transition: all 5s ease;
    }
    .our-clients #slides .current .item button {
        border-bottom: 0px solid #fcfcfc;
    }
    .our-clients #slides .item .btn {
        margin: 33% 16px;
    }
    .our-clients #slides{
        max-width: 215px;
    }
    .our-clients #slides .owl-stage-outer .owl-stage { width: 215px; }
    .our-clients .slide-box {
        height: 820px;
    }
    .our-clients #slides .item .btn{padding: 0px 7.5px;}
}


@media only screen and (max-width:412px) {
    .solution-outer-wrapper.latest-digital-news .card {min-height: 430px;}
}

@media only screen and (max-width:405px) {
    .DT_products.latest-digital-news.featured-products .latest-news-wrapper {min-height: 200px !important;}
    .latest-digital-news.featured-products .latest-news-wrapper {min-height: 200px !important;}   
}

@media only screen and (max-width:381px) {
    .solution-outer-wrapper.latest-digital-news .card {min-height: 450px;}
}

@media only screen and (max-width:369px) {
    .solution-outer-wrapper.latest-digital-news .card {min-height: 480px;}
}

.home-expertise .title-wrapper{text-align:center;}
.home-expertise .expertise-wrapper:hover p, .home-expertise .expertise-wrapper:hover h4, .home-expertise .expertise-wrapper:hover a {
    color: #fff;
}
.home-expertise .card.expertise-wrapper {
    background: #14142b;
    color: #fff;
    border-radius: 0px;
}
.home-expertise .card.expertise-wrapper:hover {
    background: #6527c0;
    background: -webkit-linear-gradient(146deg,#061c51 3.03%,#061c51 27.62%,#2496b0 76.39%,#2496b0 112.44%);
    background: -o-linear-gradient(146deg,#061c51 3.03%,#061c51 27.62%,#2496b0 76.39%,#2496b0 112.44%);
    background: linear-gradient(304deg,#061c51 3.03%,#061c51 27.62%,#2496b0 76.39%,#2496b0 112.44%);
    -webkit-box-shadow: 0 10px 15px rgb(0 0 0 / 3%);
    box-shadow: 0 10px 15px rgb(0 0 0 / 3%);
   color: #fff;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
/* insight-events */
.home-insights-events.insights-events a.see-all-btn.see-all-btn-dark {
    color: #262338!important;
    font-size: 15px;
    line-height: 20px;
    border-bottom: 1px solid #262338;
    font-weight: 500;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative;
    display: inline-block;
    float: right;
}
.home-insights-events.insights-events .insightscarousel .owl-nav {
    text-align: left;
    margin-top: 20px;
    width: 100px;
    float: left;
}
.btn-row.insights-carousel {
    margin-bottom: 20px;
     margin-top: 20px; 
}
.btn-row.home-event {
    margin-top: -10px;
}
.home-expertise .item:first-child .card.expertise-wrapper {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.home-expertise .item:last-child .card.expertise-wrapper {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.home-insights-events.insights-events .event-wedget-item .wedget-item {
    clear: both;
    display: block;
    content: ' ';
}
.event-wedget-item {
    clear: both;
}
.home-insights-events.insights-events  .card.insights-carousel-wedget .card-carousel-box:hover .carousel-footer-wedget .arrow-btn span {
    color: #037780!important;
}
.home-insights-events.insights-events  .arrow-btn::after {
    content: "";
    background: url('/wps/wcm/connect/img/vector-arow.svg?MOD=AJPERES') no-repeat;
    width: 18px;
    height: 10px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 61%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    margin-top: 1px;
}
@media only screen and (max-width: 992px){
   .home-insights-events .btn-row.insights-carousel {
       margin-top: -15px;
   }
}

/* join us css */

.hcl-software-joinus{
    background-color: #fff;
    padding: 60px 0 60px 0;
}
.hcl-software-joinus img{max-width:100%;}
.hcl-software-joinus .join-us-box {
    background-color: #EFF0F7;
    background-size: cover;
    background-repeat: no-repeat;
}
.hcl-software-joinus .join-us-box .left-part-wrapper {
    padding-left: 45px;
}
.hcl-software-joinus .title-wrapper {margin-bottom: 35px;}
.hcl-software-joinus .join-us-box .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.hcl-software-joinus .title-wrapper .h1-title {
    font-size: 30px;
    font-weight: 300;
    line-height: 43.2px;
}
.join-us-box .left-part-wrapper h4 {
    font-size: 30px;
    font-weight: 600;
    line-height: 43.2px;
    margin-bottom: 20px;
}

.join-us-box .left-part-wrapper p {
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    margin-bottom: 40px;
}
.join-us-box .left-part-wrapper .subscribe-btnbox {
    justify-content: flex-start;
}
.join-us-box .left-part-wrapper .subscribe-btnbox .arrow-btn-white {
    background: #17707F;
    color: #fff;
}
.join-us-box .left-part-wrapper .subscribe-btnbox .arrow-btn-white:hover{
    color: #f1f1f1 !important;
}
.join-us-box .left-part-wrapper .subscribe-btnbox .arrow-btn-white:after {
    background: url(/wps/wcm/connect/img/arrow-right.svg) no-repeat;
    height: 9px;
}
@media only screen and (max-width:991px) {
   .join-us-box .left-part-wrapper .subscribe-btnbox .arrow-btn-white {
    padding: 15px;
    font-size: 14px;
    line-height: 20px;
   }
   .hcl-software-joinus .join-us-box .left-part-wrapper {
    padding-left: 35px;
   }
   .join-us-box .left-part-wrapper p {
     margin-bottom: 30px;
     font-size: 16px;
   }
   .join-us-box .left-part-wrapper h4{
     margin-bottom: 18px;
     font-size: 24px;
   }
}
@media only screen and (max-width:768px) {
   .hcl-software-joinus .join-us-box .left-part-wrapper{
     padding:15px;
   }
   .hcl-software-joinus .title-wrapper .h1-title {
     font-size: 20px;
     font-weight: 400;
     line-height: 30px;
   }
}

/* subscribe css */
.subscribe-info h1 {
    color: #fff;
    font-size: 60px;
    font-weight: 600;
}
.btn.arrow-btn-3 {
    min-width: 219px;
    color: #037780;
    padding: 0px 15px;
    border-radius: 4px !important;
    box-shadow: 0 14px 32px 0 rgb(245 138 44 / 25%);
    background-image: linear-gradient(280deg, #fff, #fff);
    border: inherit;
    overflow: hidden;
    -webkit-transition: border-color .3s, color .3s;
    transition: border-color .3s, color .3s;
    -webkit-transition-timing-function: cubic-bezier(0.5, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.5, 1, 0.3, 1);
    border-radius: 2px;
    position: relative;
}
.subscribe-area.home.subscribe-btnbox .arrow-btn-white:hover {
    background: #e2d9fb;
    color: #037780!important;
    text-decoration: none;
}
  .btn.arrow-btn-3:after {
    content: "";
    background: url('/wps/wcm/connect/img/vector-arow.svg?MOD=AJPERES') no-repeat;
    width: 18px;
    height: 10px;
    display: inline-block;
    margin-left: 0.5rem;
    -webkit-transition: all .45s cubic-bezier(.65,0,.076,1);
    -o-transition: all .45s cubic-bezier(.65,0,.076,1);
    transition: all .45s cubic-bezier(.65,0,.076,1);
}  
.subscribe-area.home.subscribe-btnbox .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}
.subscribe-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}
.careers-mob { display: none !important;}
.careers-desk { display: block !important;}
@media only screen and (max-width:768px) {
   .subscribe-info h1 {
     color: #fff;
     font-size: 40px;
     font-weight: 500;
     text-align: center;
   }
   .subscribe-box {
     justify-content: center;
   }
   .digital-parallax-bg.digitaljarallax {
    display: none;
}
.careers-mob { display: block !important;width: 100% !important;}
.careers-desk { display: none !important;}
section.section.home-insights-events.insights-events h4.h4-tag {font-size: 14px;line-height: 26px;}
.home-insights-events.insights-events .event-wedget-item .wedget-item, .home-insights-events.insights-events .card.insights-carousel-wedget .card-carousel-box {
    min-height: 423px;}
}


/* pillar page css starts here */
/* Digital strategy and transformation css */
section.section.index-pnp-learn-more-section.pillar .row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.pillar .video-wrapper.pillars {
    background-color: #E6EBF5;
    border-radius: 5px;
    margin-top: 18px;
}

.video-bottom-text {}

.pillar .video-wrapper.pillars .video-bottom-text {
    padding: 25px;
}

.pillar .video-wrapper.pillars .video-bottom-text p.h2-title {
    font-size: 22px;
    font-weight: 500;
    color: #333;
}

.pillar .video-wrapper.pillars .video-bottom-text p {
    font-size: 15px;
    color: #afaeae;
}
.pillar .video-wrapper.pillars .video-bottom-text p span.time {
    position: relative;
    padding: 0 10px;
}
.pillar .video-wrapper.pillars .video-bottom-text p span.time:before {
    content: '';
    display: inline-block;
    background-color: #afaeae;
    height: 12px;
    width: 1.5px;
    left: 2px;
    bottom: 2px;
    position: absolute;
}
.section.index-pnp-learn-more-section .scroll-down-wrapper .scroll-next {
    border: 2px solid #dadada;
    left: 0px;
    bottom: -15px;
}
.section.index-pnp-learn-more-section .scroll-down-wrapper .scroll-next .scroll-downicon{
    filter: invert(15%);
}
.section.index-pnp-learn-more-section .scroll-down-wrapper .scroll-next::after{
    filter: invert(15%);   
}
/* pillar page css ends here */

/* metlife page css starts her */

/* banner */
.metlife-stadium-banner h1.bold.text-white.banner-title {
    font-size: 32px;
    line-height: 43px;
    font-weight: 300;
    color: #fff;
}
.metlife-stadium-banner p.sub-content{
    font-size: 20px;
}
.metlife-stadium-banner .btn.btn-banner {
    font-size: 18px;
    font-weight: 600;
    padding: 14px 32px;
    border: 2px solid #fff;
    color: #fff;
    line-height: 22px;
    border-radius: 5px !important;
    text-transform: inherit;
}
.metlife-stadium-banner .btn.btn-banner:hover {
    background: rgba(255,255,255,.2);
    color: #fff;
}
.metlife-stadium-banner .btn.btn-banner:first-child {
    margin-right: 25px;
    color: #17707F;
    background-color: #fff;
    position: relative;
    padding: 14px 54px 14px 32px;
}
.metlife-stadium-banner .btn.btn-banner:first-child:after {
    content: "";
    background: url(/wps/wcm/connect/img/watch-icon.svg) no-repeat;
    width: 21px;
    right: 14px;
    position: absolute;
    top: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 12px;
    -webkit-transition: all .45s cubic-bezier(.65,0,.076,1);
    -o-transition: all .45s cubic-bezier(.65,0,.076,1);
    transition: all .45s cubic-bezier(.65,0,.076,1);
}
/*.metlife-stadium-banner .btn.btn-banner:first-child:hover{
    background: #e2d9fb;
    color: #5f1ebe!important;
    border: 2px solid #e2d9fb;
}*/
.metlife-stadium-banner .btn.btn-banner:first-child:hover::after {
    margin-left: 13px;
}
.metlife-stadium-banner .img-wrapper img.img-responsive{
    display: none;
}
section.section.home-insights-events.insights-events h4.h4-tag {
    font-style: normal;
    font-weight: 600;
    font-size: 25px;
    line-height: 35px;
    background: linear-gradient(269.2deg, #3C91FF 1.02%, #2EC0CB 99.5%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
/*.supercharging-new-wrap {margin-top: 6%;}*/
.person-detail {margin-top: 50px;}
.person-detail h4 {font-size: 30px;font-weight: 600;}
.person-detail p{font-size: 16px; margin-bottom: 0;}
.game-box-outer-wrapper .right-wrapper h4 {color: #14142b;font-size: 38px;line-height: 44px;font-weight: 500;margin-bottom: 50px;}
.game-img img {position: inherit !important;}
@media only screen and (max-width:991px) {
    .ferrari-banner .text-blog-mob h1.bold.text-white.banner-title {
    padding-top: 30px;
}
    .metlife-stadium-banner h1.bold.text-white.banner-title {
        font-size: 22px;
        line-height: 30px;
    }
    .metlife-stadium-banner .btn.btn-banner {
        font-size: 14px;
        font-weight: 600;
        padding: 14px 30px 14px 30px;
        
    }
    .metlife-stadium-banner .btn.btn-banner:first-child {
        margin-right: 7px;
    }
}
@media only screen and (max-width:767px) {
    .metlife-stadium-banner img {
        display: none;
    }
    .metlife-stadium-banner .img-wrapper img.img-responsive{
        display: block;
        margin: 0;
        width: 100%;
    }
    .sofy-herosec.metlife-stadium-banner {
        background: #14142b !important;
    }
    .metlife-stadium-banner .col-text.text-blog-mob {
        text-align: left;
    }
    .metlife-stadium-banner .col-img {
        padding: 0;
    }
    .metlife-stadium-banner {
        padding: 40px 0 0;
    }
    .supercharging-new-wrap .bg-image{display: none;}
    .top-upper-box .mob-img img, .game-img img {position: inherit !important;}
    .shared-box-content h4 {font-size: 24px !important;}
    .shared-box-content p {font-size: 17px !important;}
    .game-box-outer-wrapper .right-wrapper h4 {font-size: 27px; margin-bottom: 16px;}
    .change-game-quote-box .left-part{padding:20px !important;display: flex;order: 1;}
    .quote-box-wrapper {padding: 0 20px;}
    .change-game-quote-box .left-part, .change-game-quote-box .right-part {flex: 0 0 100% !important; width: 100%;}
.metlife-stadium-banner .btn.btn-banner:first-child {
    padding: 0px 30px 0px 15px !important;
    /*margin-bottom: 10px;*/
}
.metlife-stadium-banner .btn.btn-banner:first-child:after {
    right: 3px;
    top: 15px;
}
.metlife-stadium-banner .btn.btn-banner {
    font-size: 14px;
    font-weight: 600;
    padding: 0 15px;
    line-height: 40px;
}
}
/* metlife page css ends her */

.card-cta-btn {background:#17707f;padding: 13px 20px !important; border-radius: 5px!important;color: #fff;font-weight: 600;}
.card-cta-btn:focus {
    
    border-radius: 5px !important;
}
.card-cta-btn::after{
    content: "";
    background: url('/wps/wcm/connect/img/arrow-right.svg') no-repeat !important;
    width: 18px;
    height: 10px;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-left: 8px;
    -webkit-transition: all .45s cubic-bezier(.65,0,.076,1);
    -o-transition: all .45s cubic-bezier(.65,0,.076,1);
    transition: all .45s cubic-bezier(.65,0,.076,1);
}
.pillars .latest-news-wrapper {
  padding: 30px 30px 35px;
}
.pillars .latest-news-wrapper:hover{
    background: #6527c0;
    background: -webkit-linear-gradient(146deg,#061c51 3.03%,#061c51 27.62%,#2496b0 76.39%,#2496b0 112.44%);
    background: -o-linear-gradient(146deg,#061c51 3.03%,#061c51 27.62%,#2496b0 76.39%,#2496b0 112.44%);
    background: linear-gradient(304deg,#061c51 3.03%,#061c51 27.62%,#2496b0 76.39%,#2496b0 112.44%);
    -webkit-box-shadow: 0 10px 15px rgb(0 0 0 / 3%);
    box-shadow: 0 10px 15px rgb(0 0 0 / 3%);
   color: #fff;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;

}
.pillars .latest-news-wrapper:hover .card-cta-btn::after {background: url('/wps/wcm/connect/img/vector-arow.svg?MOD=AJPERES') no-repeat !important;}

.card-btn-white {padding: 13px 20px; color: #17707f; border: 1px solid #17707f; border-radius: 5px !important; margin-left: 20px;}
.pillars .latest-news-wrapper:hover .card-btn-white{border: 1px solid #fff;color: #fff;}
/*.digital-casestudy .h1-title{margin-bottom: 50px;}*/
/*   */
.pillars.area-of-expertise .arrow-btn:after {
  content: "";
  background: url('/wps/wcm/connect/img/readmore-arrow.svg?MOD=AJPERES') no-repeat;
}
.pillars-latest-updates.latest-digital-news {
  background-color: #fbfbfb;
}
.pillars-latest-updates .latest-news-wrapper:hover {
  background: #252338;
}
.pillars-latest-updates .latest-news-wrapper:hover span.text-white {
  color: #f2f2f2;
}
.pillar.sofy-branded.partner-perspective-sec{
   background-color:#F7F7FC;
}
.pillar .event-wedget-item .wedget-item {
   background-color:#FFF;
}
/* .latest-digital-news .card{
  min-height:240px;
} */
.latest-digital-news .card .arrow-btn{
  position:absolute;
  bottom:15px;
}

.pillar.partner-perspective-sec .testimonial-info {
  min-height: 135px;
}
.pillar.sofy-branded .event-wedget-item .wedget-item {
  min-height: 310px;
}
.pillar.sofy-branded .event-wedget-item .wedget-item:hover .testimonial-info::before{
   filter: brightness(3) invert(1);
   visibility: visible;
}
.pillar.sofy-branded.partner-perspective-sec .wedget-item:after{
   background: -webkit-linear-gradient(146deg,#69afff 3.03%,#c7ddff 27.62%,#499dfd 76.39%,#2678f5 112.44%);
   background: linear-gradient(304deg,#69afff 3.03%,#c7ddff 27.62%,#499dfd 76.39%,#2678f5 112.44%);
}
.digital-casestudy{
  background: #ffffff;
}
/* .digital-casestudy .card-content-box{
  min-height: 347px;
} */
.digital-analyst.awards-and-recognition::before {
  content: "";
  background: url(/wps/wcm/connect/img/awards-and-recognitions-min.jpg?MOD=AJPERES) no-repeat!important;
  -webkit-background-size: cover!important;
  background-size: cover!important;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  z-index: -1;
}
.our-customers.pillars .title-wrapper {
  margin-left: auto;
  margin-right: auto;
}
.our-customers.pillars .title-wrapper .h1-title {
  text-align: center;
}
.latest-news-wrapper .arrow-btn:after {
  transform: rotate(0deg);
  top:25%;
}
.DT-producs .arrow-btn span {
  color:#fff
}
.impact-pillars .title-wrapper {
  color:#ffffff;
  text-align: center;
  margin: auto;
  margin-bottom: 45px;
}
#impact.impact-pillars .building-number-section {
    justify-content: center;
}
.impact-pillars .building-number-section {
  justify-content: space-between;
}
.impact-pillars .building-number-section .building-number-box p {
  font-size: 18px;
  font-weight: 400;
  max-width: 100%;
}
.impact-pillars .building-number-section .building-number-box {
  flex: 0 0 25%;
  padding: 15px;
  margin: 10px 0;
  text-align: center;
}
.impact-pillars .scroll-down-wrapper {
  position: relative;
  right: 0;
  bottom: -5px;
}
.impact-pillars .scroll-down-wrapper .scroll-next {
  bottom: -15px;
  left: 0;
}
.impact-pillars .building-number-section .building-number-box h5 {
  background: linear-gradient(269.2deg, #3C91FF 1.02%, #2EC0CB 99.5%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.pillars .title-wrapper {
  max-width: 650px;
  margin-bottom: 45px;
}
.solution-outer-wrapper .title-wrapper {
  margin-right: auto;
  margin: initial;
  text-align: left;
}
.pillars .title-wrapper .h1-title {
  font-size: 35px;
  font-weight: 500;
  line-height: 40px;
  margin-bottom: 25px; 
 color: #14142B; 
}
.pillars .title-wrapper .sub-title {
  font-size: 20px;
  font-weight: 300;
  line-height: 28.8px;
}
.pillars .news-detail-title h3 {
  min-height: auto;
  margin-bottom: 15px;
}
.pillars .news-detail-title p {
  font-size: 17px;
}
.pillars.DT-solutions .cta-action-btn {
  position: absolute;
  bottom: 30px;
  left: 30px;
}
.latest-digital-news.pillars .arrow-btn:after {
  transform: rotate(90deg);
}
.sticky-nav-wrapper.pillars-page{
  box-shadow: 5px 2px #fdfdfd;
  z-index: 2;
}
.main-slider.pillar #thumbs .current .item button {
  border-bottom: 0px solid #fcfcfc;
  padding-bottom: 10px;
}

.hcl-software-pillars .expertise-wrapper:hover {
    background: #fff !important;
    color: #14142B;
}

.overview h2.bold {
    font-size: 33px;
    line-height: 38px;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 500;
}
.sub-title {
    font-size: 20px;
    line-height: 28.8px;
    font-weight: 400;
    color: #4b4b4b;
}
.solution-outer-wrapper.latest-digital-news .card .arrow-btn {
    bottom: 38px;
}


@media all and (max-width:767px) {
    .pillars .title-wrapper .h1-title {
        font-size: 24px !important;
        font-weight: 400 !important;
    }
.subscribe-info {
    /* width: 176px; */
    margin: 0 auto;
}
.subscribe-info img.img-responsives {
    object-fit: contain;
    width: 100%;
    margin-bottom: 30px;
    text-align: center;
}
.pillars .latest-news-wrapper {
    padding: 30px 26px 80px;
}
.digital-casestudy .h1-title {margin-bottom: 0;font-size: 24px;line-height: 28.8px;color: #14142B;}
.digital-analyst-inner .digital-analyst-box:hover {padding-bottom: 14px;}
.solution-outer-wrapper .news-detail-title h3 {font-size: 22px; font-weight: 500;color: #000000;}
.solution-outer-wrapper.pillars .news-detail-title p {font-size: 16px;color: #000000;}
/* .solution-outer-wrapper.latest-digital-news .card {min-height: 380px !important;} */
.our-customers.pillars .title-wrapper .h1-title {font-size: 28px !important;color: #14142b;}
.area-of-expertise .h1-title{color: #14142b;}
.solution-outer-wrapper .h1-title, .solution-outer-wrapper p.sub-title {color: #000;}
.DT-solutions.latest-digital-news .card {
/*     min-height: 310px !important; */
    background: #fff;
}
.DT-solutions.latest-digital-news .card.latest-news-wrapper:hover{
    background: -webkit-linear-gradient(146deg,#061c51 3.03%,#061c51 27.62%,#2496b0 76.39%,#2496b0 112.44%);
    background: -o-linear-gradient(146deg,#061c51 3.03%,#061c51 27.62%,#2496b0 76.39%,#2496b0 112.44%);
    background: linear-gradient(304deg,#061c51 3.03%,#061c51 27.62%,#2496b0 76.39%,#2496b0 112.44%);
    -webkit-box-shadow: 0 10px 15px rgb(0 0 0 / 3%);
    box-shadow: 0 10px 15px rgb(0 0 0 / 3%);
    color: #fff;
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.DT-solutions.latest-digital-news.two-side-box .card.latest-news-wrapper:hover h6 {
    color: #fff !important;
}

.DT-solutions .latest-news-wrapper:hover h6 {color: #000 !important;}
.DT-solutions .latest-news-wrapper:hover .card-cta-btn::after {
    background: url('/wps/wcm/connect/img/arrow-angle-btn.png?MOD=AJPERES') no-repeat !important;
}

.area-of-expertise {padding: 48px 0;}
#case-studies {padding: 30px 0 20px 0;}
.digital-casestudy .card-content-box {position:relative;}

}

.DT_products .news-detail-title .sub-product-detail {font-size: 18px;color: #14142B;}
.arrow-btn span {text-transform: none;}

.latest-digital-news.featured-products .latest-news-wrapper h4:first-child{
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: #000032;
    margin-bottom: 10px;
}
.latest-digital-news.featured-products .latest-news-wrapper h4 {
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
    color: #4E4B66;
}
.main-slider .slide-box .banner-info .arrow-btn-white:focus {outline: none;}
.featured-products .latest-news-wrapper:hover .btn-cta .arrow-btn span {
    color: #4E4B66!important; text-decoration: none;}

.featured-products .latest-news-wrapper:hover .btn-cta .arrow-btn:after {
    /* content: ""; */
    background: url(/wps/wcm/connect/img/vector-black-arrow.svg?MOD=AJPERES) no-repeat !important;
    left: 100%; -webkit-filter: none; filter: none; opacity: 1; top: 7px;}
.home-featured-products .h1-title { color: #fff;}
.commerce-cloud-logos .list-inline { display: flex; align-items: center; justify-content: center;}

/* css component extract */

/* sticky heaer */
.sticky-nav-wrapper .navbar-nav li:after{
    background: linear-gradient(102.5deg, #2EC0CB 2.15%, #3C91FF 100%) !IMPORTANT;
}
.sticky-nav-wrapper .navbar-inverse .navbar-nav>.active>a, .sticky-nav-wrapper .navbar-inverse .navbar-nav>.active>a:focus, .sticky-nav-wrapper .navbar-inverse .navbar-nav>.active>a:hover {    
    color: #000032!IMPORTANT;  
}

/* our solution */
.latest-news-wrapper:hover .card-cta-btn {
    background: #fff;
    color: #17707f;
}
.cta-action-btn {
    display: block;
    margin-top: 16px;
    position: absolute;
    bottom: 20px;
    
}

.actian .btn-type-3 {
   display: block;
    margin-top: 16px;
    position: absolute;
    bottom: 22px;
}
.cx-none::after {
    display: none !important;
}
@media all and (max-width:767px) {
    .cta-action-btn {
        display: block;
    }
    .cx-none {
        display: none !important;
    }
    .latest-news-wrapper:hover .card-cta-btn {
        background: #17707f;
        color: #fff;
    }
.title-wrapper p.sub-title {
    font-size: 17px;
    line-height: 23.8px;
    font-weight: 400;
}
 
.sub-title {
    font-size: 17px;
    line-height: 23.8px;
}   
    .card-btn-white{margin:20px 0 0 0;padding:13px 18px;}
    .card-cta-btn, .card-btn-white {max-width:235px;width:100%;font-size:14px;font-weight:600;}
}
/* our solution ends */

/* dt product list starts */
.latest-digital-news.featured-products.DT_products{background-color: #fcfcfc !important;position:relative;}
.latest-digital-news.featured-products .latest-news-wrapper{background-color: #EFF0F6;}
.DT_products .see-all-btn {color: #000 !important;border-bottom:1px solid #000;}
.DT_products.featured-products .see-all-btn::after{background:url('/wps/wcm/connect/img/Forward-Arrow-black.png?MOD=AJPERES') no-repeat};
/* dt product list ends */

/* client logo list css starts*/
@media only screen and (max-width: 768px){
    .customers_logo .logo-item img {
        object-fit: contain;
    }
.orange-dot {
    padding-left: 45px;
    text-align: left;
}
}
/* client logo list css ends*/

/* digital case study css starts */
@media (max-width: 550px){
.orange-dot {
    padding-left: 25px !important;
    text-align: left;
}
}

@media (max-width: 767px){
    .digital-casestudy .h1-title {
        margin-bottom: 50px;
    }

.industry-box-item .content {
    text-align: center;
}
.industry-box-item .content .link_btn {
    text-align: center !important;
}
.text-on-img .feature-box-3 .gradient-bg.img-responsives h4 {
    left: 10px !important;
    right: 10px !important;
}
}
@media (min-width: 767px){
.commerce-customers ul.customers_logo.owl-theme li {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    height: 100px;
    width: 166px;
    padding: 20px;
}
.company-section.commerce-customers {
    padding: 30px 0 30px;
}

}
/* digital case study css ends */

/* software pillars css starts here */
.pillars .expertise-wrapper:hover .expertise-detail-title .arrow-btn span {
  color: #037780!important;
  text-decoration: none;
}
.pillars .expertise-wrapper .arrow-btn::after {
  content: "";
  background: url('/wps/wcm/connect/img/vector-arow.svg?MOD=AJPERES') no-repeat;
  width: 18px;
  height: 10px;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 58%;
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  margin-top: 1px;
} 
.pillars .expertise-wrapper:hover .expertise-detail-title .arrow-btn:after {
  left: 100%;
  -webkit-filter: brightness(0) invert(1);
  filter: none;
  opacity: 1;
}
/* software pillar css ends here*/
.scroll-down-hide .scroll-down-wrapper {display: none;}
.commerce-features .feature-box-3 .content {
    padding: 25px 15px;
}
.hide-line .liner {
    display: none;
}
.hide-line .bold.title.new_head {
    margin-bottom: 20px;
}

 .card-cta-btn-1 {
    background: #fff;
    border: 1px solid #17707f;
    padding: 13px 20px !important;
    border-radius: 5px!important;
    color: #17707f;
    font-weight: 600;
}
.card-cta-btn-1::after {
    content: "";
    background: url(/wps/wcm/connect/img/vector-arow.svg?MOD=AJPERES) no-repeat !important;
    width: 18px;
    height: 10px;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-left: 8px;
    -webkit-transition: all .45s cubic-bezier(.65,0,.076,1);
    -o-transition: all .45s cubic-bezier(.65,0,.076,1);
    transition: all .45s cubic-bezier(.65,0,.076,1);
}
.card-cta-btn-1:hover {
    background: #17707f;
    color: #fff;
    border: 1px solid #17707f;
    border-radius: 4px !important;
}


.card-cta-btn-1:hover::after {
    background: url(/wps/wcm/connect/img/arrow-right.svg?MOD=AJPERES) no-repeat !important;
}
.commerce-impact {
    padding: 30px 0;
}
.blue-dot {
    list-style-image: url(/wps/wcm/connect/img/blue-bullet-icon.svg?MOD=AJPERES);
}
.bigfix-remediate-icon .feature-box-2 .icon {font-size: 7.5px !important;}
.whypartner_value .col-sm-3 {display: none !important;}
@media screen and (min-width: 768px){
.nippon-banner {
    padding: 80px 0px;
}
.nippon-banner h1.bold.text-white.banner-title {
    font-size: 38px;
    margin-top: 0;
   font-weight: 500;
}
.nippon-banner .col-lg-6.mt-50.col-text.text-blog-mob {
    width: 70%;
}
}


@media only screen and (min-width: 600px) and (max-width: 991px){
.nippon-banner .col-lg-6.mt-50.col-text.text-blog-mob {
    width: 70%;
}
}
@media screen and (max-width: 766px){
.nippon-banner h1.bold.text-white.banner-title {
    text-align: left;
}
.nippon-banner .col-lg-6.mt-50.col-text.text-blog-mob {
    text-align: left;
    
}
.nippon-section h3.sub-title {
    text-align: left;
}
.nippon-section .button-group {
    text-align: left !important;
    width: 166px;
}

}
.btn.btn-dark-blue {
    background: #17707F;
    padding: 0 20px;
    color: #fff;
    font-size: 16px;
    line-height: 36px;
    border-radius: 5px !important;
    margin-bottom: 5px;
}
@media screen and (min-width: 766px){
.appscan-thankyou h1 {
    font-size: 56px;
    line-height: 1.1;
    font-weight: 600;
}

}
.commerce-quotes .owl-carousel .owl-item img { width: auto;  max-width: 100%;}
.green-cta .btn.btn-style-6 { color: #17707F !important;}
.green-cta .owl-dots .owl-dot.active span, .green-cta .owl-dots .owl-dot:hover span {background: #17707F !important;}
.remove-cursor .profile { cursor: auto !important;}


.metlife-change-the-game-wrapper .change-game-quote-box {
    background-size: cover !important;
}
.title-wrapper .h1-title, .dx-clients .title-wrapper .h1-title{
    color: #14142B;
    font-size: 35px;
    font-weight: 500;
    line-height: 40px;
    margin-bottom: 10px;
}
.title-wrapper.left .h1-title{
    text-align: left;
    margin-left: 0;
}
.title-wrapper.center .h1-title{
    text-align: center;
}
.expert-say .title-wrapper.left .h1-title {
    margin-bottom: 10px;
}
.title-wrapper.left .sub-title {
    text-align: left;
}
.products-validation .left-part-wrapper .item {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.products-validation .left-part-wrapper .item ul.stars-wrapper li:first-child {
    margin-top: 10px;
}
.products-validation .left-part-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.products-validation .left-part-wrapper .item ul.stars-wrapper {
    padding: 0;
}
.products-validation .left-part-wrapper .item ul li p {
    margin: 0;
    font-size: 13px;
    margin-top: 7px;
}
.products-validation .logo-item-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.products-validation .logo-item-wrapper .logo-item img {
    max-width: 100%;
    height: 70px;
    margin-top: -5px;
}
.products-validation .left-part-wrapper .item .img-wrapper {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-right: 20px;
    margin-top: -15px;
}
.products-validation .left-part-wrapper .item .img-wrapper img {
    max-width: 100%;
}
.products-validation .left-part-wrapper:after {
    content: '';
    width: 1px;
    height: 50px;
    position: absolute;
    background-color: #cacaca;
    right: -15px;
}
.products-validation .left-part-wrapper .item:last-child {
    margin-right: 50px;
}
.products-validation .logo-item-wrapper .logo-item:first-child {
    margin-left: 50px;
}
.bg-2{
    background-color: #F7F7FC;
}

@media screen and (max-width:1024px) {
    .products-validation .left-part-wrapper .item:last-child {
        margin-right: 25px;
    }
    .products-validation .logo-item-wrapper .logo-item:first-child {
        margin-left: 25px;
    }
    .products-validation .left-part-wrapper .item .img-wrapper {
        margin-right: 10px;
    }    
}
@media screen and (max-width:991px) {
    .products-validation .logo-item-wrapper .logo-item img {
        height: 60px;
    }
    .products-validation .left-part-wrapper .item:last-child {
        margin-right: 15px;
    }
    .products-validation .left-part-wrapper .item .img-wrapper {
        width: 50px;
        height: 50px;
        margin-right: 5px;
    }
    .products-validation .left-part-wrapper .item ul li p {
        font-size: 11px;
    }
}
@media screen and (max-width:768px) {
    .products-validation .left-part-wrapper {
        justify-content: space-around;
        margin-bottom: 15px;
    }
    .products-validation .logo-item-wrapper {
        justify-content: space-around;
        margin-top: 15px;
    }
    .products-validation .left-part-wrapper:after {
        left: 0;
        bottom: -8px;
        height: 1px;
        width: 100%;
    }
} 

/* highlights css starts */
.title-wrapper.text-white .h1-title, .title-wrapper.text-white .sub-title  {
    color: #fff;
}
.higlights .row.flex-row {
    align-items: center;
}
.pillars.higlights .title-wrapper .sub-title {
    font-size: 17px;
}
.higlights .building-number-section {
    justify-content: space-between;
    gap: 25px;
    margin-left: 60px;
}
.higlights .building-number-section .building-number-box h5 {
    color: #fff;
    background: none;
    -webkit-text-fill-color: #fff;
    font-size: 50px;
    line-height: 1.5;
    margin-bottom: 25px;
}
.higlights .building-number-section .building-number-box .title {
    font-size: 18px !important;
    font-weight: 500;
    max-width: 100%;
}
.higlights .building-number-section .building-number-box .detail {
    font-size: 15px;
    font-weight: 300;
    max-width: 100%;
}
.higlights .building-number-section .building-number-box {
    flex: 0 0 calc(50% - 15px);
}
@media screen and (max-width:991px) {
    .higlights .title-wrapper.text-white {
        max-width: 100%;
    }
    .higlights .building-number-section {
        margin-left: 0;
    }
}
@media screen and (max-width:768px) {
    .higlights .title-wrapper.text-white p.sub-title {
        text-align: left;
    }
    .higlights .building-number-section .building-number-box {
        flex: 0 0 calc(50% - 30px);
    }
    .benifits-proposition .sub-title {
        text-align: left;
    }
    .DX-result-and-testimonials .building-number-box h5{
        font-size: 35px !important;
    }
    .higlights .building-number-section .building-number-box .title {
        font-size: 16px !important;
        font-weight: 400;
    }
    .higlights .building-number-section .building-number-box h5 {
        margin-bottom: 10px !important;
    }
}

/* benifits css starts here */
.benifits-proposition .title-wrapper {
    margin-left: 0;
}
.benifits-proposition .card.expertise-wrapper {
    border-radius: 0;
    padding: 15px;
}
.benifits-proposition .expertise-item-wrapper {
    display: block;
}
.benifits-proposition .card.expertise-wrapper .expertise-detail-title p {
    min-height: auto;
}
.benifits-proposition .expertise-item-wrapper .item .icon-wrapper {
    height: 65px;
    width: 65px;
}
.benifits-proposition .expertise-item-wrapper .item .icon-wrapper img{
    max-width: 100%;
}
.benifits-proposition .expertise-item-wrapper .item .expertise-detail-title h4 {
    margin-bottom: 12px;
    margin-top: 3px;
}
.benifits-proposition .card.expertise-wrapper:hover {
    background: #fff;
    color: #14142b;
    box-shadow: none;
}

/* awards css starts here */
.awards .card.expertise-wrapper {
    text-align: center;
    padding: 35px
}
.awards .expertise-item-wrapper .item .icon-wrapper {
    margin: auto;
}
.awards .btn-row.text-dark a {
    color: #000 !important;
    border-bottom: 1px solid #000;
}
.awards .expertise-item-wrapper .item .icon-wrapper {
    height: 100px;
    width: 100px;
}
.benifits-proposition.awards .expertise-item-wrapper .item .expertise-detail-title h3 {
    margin-bottom: 0;
}
.awards .btn-row.text-dark {
    margin: 15px 15px 0 15px;
}

/* capabilitiese css starts here */
.capabilities .card.expertise-wrapper {
    border-radius: 10px;
}

/* clients css starts here */
ul.customers_logo.clients-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
/* ul.customers_logo.clients-wrapper .logo-item img {
    filter: grayscale(100%);
} */
/* ul.customers_logo.clients-wrapper .logo-item:hover img {
    filter: grayscale(0%);
} */
.clients .title-wrapper {
    text-align: center;
}

/* case study css starts here */
section.section.digital-casestudy.case-study .event-tag {
    margin-top: 15px;
    margin-bottom: 7.5px;
}
section.section.digital-casestudy.case-study h6 {
    margin-bottom: 15px;
}
section.section.digital-casestudy.case-study .btn-row.insights-carousel {
    margin: 0 0 40px 0px;
}

/* testimonials css starts */
section.section.products-testimonials {
    background: #FFF;
}
.products-testimonials .testimonial-box {
    background-color: #ffffff;
    padding: 50px;
    margin: 10px 7.5px 20px 7.5px;
    min-height: 430px;
    position: relative;
    border-radius: 10px;
    box-shadow: 0 0 10px #ddd;
}
.products-testimonials .testimonial-box p {
    font-size: 15px;
    margin-bottom: 15px;
    line-height: 1.5;
}
.products-testimonials .testimonial-box img.quote-img, .quote-image-wrapper img {
    /* filter: invert(0.25); */
    max-width: 100%;
    width: 50px !important;
    margin-bottom: 15px;
}
.products-testimonials .testimonial-box .author-box .brand-logo {
    width: 75px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    padding: 10px;
}
.testimonial-box:hover .author-box .brand-logo {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
}
.products-testimonials .testimonial-box .author-box .author-detail-box {
    flex: 0 0 calc(100% - 100px);
    padding: 0 25px 0 0;
}
.products-testimonials .testimonial-box .author-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    position: absolute;
    left: 50px;
    bottom: 35px;
}
.products-testimonials .testimonial-box .author-box .author-detail-box p {
    margin-bottom: 0;
}
.products-testimonials .testimonial-box .author-box .author-detail-box h4 {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.2;
}
.products-carousal .owl-nav{
    text-align: right;
    /* max-width: 825px; */
    margin: auto;
    margin-top: 35px;
}
.products-carousal .owl-nav button {
    font-size: 30px !important;
    line-height: 1 !important;
    border: 1px solid #D9DBE9 !important;
    height: 35px;
    width: 35px;
    background-color: #EFF0F7 !important;
}
.products-carousal .owl-nav button span {
    font-size: 30px;
    height: 35px;
    width: 35px;
    display: inline-block;
}
.products-carousal .owl-nav button.owl-prev {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.products-carousal .owl-nav button.owl-next {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #EFF0F7;
}
.products-carousal .owl-nav button:hover {
    background-color: transparent !important;
    color: #17707F !important;
}
.products-carousal .owl-nav button.disabled svg path{
    color: #C8D2DD !important;
}
.products-carousal .owl-nav button svg path{
    stroke-width: 1.75px !important;
}
.products-carousal .owl-nav button:hover svg path {
    stroke: #17707F !important;
}
.products-carousal .owl-dots {
    margin-top: -35px;
}
.products-carousal .owl-dots span {
    width: 100px;
    margin: 0;
    height: 4px;
}
.products-carousal button.owl-dot.active span {
    background: linear-gradient(269.2deg, #3C91FF 1.02%, #2EC0CB 99.5%);
}
.products-carousal button.owl-dot:hover span {
    background: linear-gradient(269.2deg, #3C91FF 1.02%, #2EC0CB 99.5%) !important;
}
.products-carousal .owl-nav button.disabled {
    background-color: #EFF0F6;
    color: #C8D2DD;
}
.testimonial-box:hover {
    background-size: cover !important;
    background-image: url('/wps/wcm/connect/img/bg-featured-products.png?MOD=AJPERES') !important;
    background-repeat: no-repeat;
}
.testimonial-box:hover img.quote-img, .quote-image-wrapper img {
    filter: invert(0.25);
}
.title-wrapper.left{
    text-align: left;
    max-width: 650px;
    margin-left: 0;
/*     padding: 0 15px; */
}
@media screen and (max-width:768px) {
    .dx-home .slide-box {
        max-height: 600px;
    }
    .products-testimonials .testimonial-box p {
        font-size: 15px;
    }
    .products-testimonials .testimonial-box {
        padding: 25px;
        margin-bottom: 50px;
        min-height: 438px;
    }
    section.section.products-testimonials .owl-dots span {
        width: 50px;
        margin: 0;
        height: 3px;
    }
}
@media screen and (min-width:991px) {
    .products-testimonials .testimonials-wrapper .owl-stage-outer, .experts-carousel .owl-stage-outer {
        overflow: inherit;
    }  
}
.hcl-software-ratings.dx-ratings {
    background-color: #FCFCFC;
}
/* ressources css starts here */
.ressources .digital-analyst-inner {
    width: 100%;
}
.ressources .h2-title {
    font-size: 50px;
    line-height: 1.5;
    font-weight: 600;
}
.ressources .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.ressources .digital-analyst-inner .digital-analyst-box .learn-morebtn::after{
    filter: invert(1);
}
.ressources .digital-analyst-inner .digital-analyst-box .learn-morebtn span {
    font-size: 15px;
    font-weight: 600;
    margin: 12px 0 0;
    color: #4b4b4b;
}
.ressources .digital-analyst-box {
    border-bottom: 2px solid #ededed;
}
.ressources .digital-analyst-inner .digital-analyst-box:hover {
    border-bottom: 2px solid #ededed;
    padding: 14px 0px;
}
.ressources .digital-analyst-inner .digital-analyst-box .h3-title {
    font-size: 22px;
    line-height: 1.5;
    font-weight: 600;
}
.ressources .digital-analyst-inner .digital-analyst-box .sub-title {
    font-size: 16px;
    color: #b0b0b0;
    margin: 10px 0;
    text-align: left;
}
.ressources .digital-analyst-inner .digital-analyst-box .learn-morebtn:hover {
    opacity: 0.8;
}
@media screen and (max-width:768px) {
    .ressources .row {
        display: block;
    }
    .ressources .h2-title {
        font-size: 24px;
    }
    .ressources .digital-analyst-inner .digital-analyst-box .h3-title {
        font-size: 18px;
    }
    .ressources .digital-analyst-inner .digital-analyst-box .sub-title {
        font-size: 14px;
    }
    .title-wrapper .h1-title{
        font-size: 24px;
    /*  margin-bottom: 0; */
    }
    /* .title-wrapper {
        margin-bottom: 20px;
    } */
}
/* subscribe area css starts here */
.subscribe-btnbox.products .subscribe-info .h2-title {
    font-size: 25px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 5px;
}
.subscribe-btnbox.products .subscribe-box .btn.btn-blue.arrow-btn-3 {
    background: #17707f;
    color: #fff;
    box-shadow: 0 14px 32px 0 rgb(23 112 127 / 3%);
    padding-right: 40px;
}
.subscribe-btnbox.products .subscribe-box .btn.btn-blue.arrow-btn-3:hover {
    background-color: #0B455F;
    color: #fff !important;
}
.subscribe-btnbox.products .subscribe-box .btn.btn-blue.arrow-btn-3:after{
    background: url('/wps/wcm/connect/img/forward-arrow.png?MOD=AJPERES') no-repeat;
    width: 15px;
    height: 15px;
    position: absolute;
    top: calc(50% - 7px);
}
.subscribe-btnbox.products .subscribe-info .text-white {
    color: #fff;
    font-size: 55px;
    margin: 0;
    font-weight: 700;
}
@media screen and (max-width:991px) {
    .subscribe-btnbox.products .subscribe-box {
        justify-content: flex-start;
        margin-top: 15px;
    }
}
@media screen and (max-width:768px) {
    .subscribe-btnbox.products .subscribe-info {
        width: 100% !important;
    }
    .subscribe-btnbox.products.bg-white {
        background: #FFFFFF !important;
    }
    .subscribe-btnbox.products.bg-blue {
        background: #17707F !important;
    }
}

/* solutions css starts here */
.product-solution .news-detail-title h3{
    font-size: 26px;
}
.product-solution .news-detail-title h3 {
    font-size: 26px;
    min-height: auto;
    margin-bottom: 25px;
}
.product-solution .news-detail-title p {
    font-size: 16px;
    margin-bottom: 25px;
}
.product-solution .latest-news-wrapper {
    background: #F2F5F7;
}
.product-solution .card-cta-btn {
    background: #424B5A;
}
/* products pages css ends here */

/* cx-revamp css starts here*/
.cx-right-text h2.title {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: right;
}
.cx-right-text h4.title.bold.text-black {
    text-align: right;
}
.cx-right-text h3.sub-title {
    text-align: right;
}
.cx-right-text .button-group {
    text-align: right;
    margin-top: 15px;
}
.cx-left-text h2.title {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 25px;
}
.cx-left-text .button-group {
    margin-top: 15px;
}.ul-left ul.blue-dot li {
    text-align: left;
    margin-bottom: 7px;
}

/* Leadership team css starts here */
section.leadership-section {
    position: relative;
}
section.leadership-section .img-wrapper img {
    max-width: 100%;
    clip-path: circle(100px at center);
    transition: 2s ease;
}
.leader-detail-wrapper a:hover .img-wrapper img {
    clip-path: none;
}
.title-wrapper {
    text-align: center;
    max-width: 650px;
    margin: auto;
    margin-bottom: 35px;
}
.title-wrapper h2.title {
    font-size: 36px;
    font-weight: 300;
    line-height: 40px;
    margin-bottom: 25px;
}
.title-wrapper p.detail {
    font-size: 17px;
    line-height: 1.65;
    margin-bottom: 0;
}
.leaders-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}
.leaders-row .leader-detail-wrapper {
    flex: 0 0 25%;
    position: relative;
    max-width: 280px;
    margin: auto;
}
.leader-detail-wrapper .content-wrapper {
    position: absolute;
    left: 15px;
    bottom: 0;
}
section.leadership-section .content-wrapper{
    color: #000000;
}
section.leadership-section .content-wrapper .name {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    
}
section.leadership-section .content-wrapper .post {
    font-size: 14px;
    padding: 0 3px;
}
.leader-detail-wrapper a:hover .content-wrapper{
    color: #ffffff;
    z-index: 3;
}
.leader-detail-wrapper a:hover .img-wrapper span{
    z-index: 3;
}
.leader-detail-wrapper .img-wrapper {
    position: relative;
}
.leader-detail-wrapper .img-wrapper span {
    position: absolute;
    top: 62%;
    right: 10%;
    transform: translate(-25%, -60%);
    background-color: #fff;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 2px 5px 0px #ddd;
}
.leader-detail-wrapper a:hover .img-wrapper {position:relative;}
section.leadership-section .hidden-overlay {
    background-color: #17707f8a;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.leader-detail-wrapper a:hover .hidden-overlay {
    opacity: 100%;
}
.leader-detail-wrapper .img-wrapper .main-image img {
    width: 100%;
    object-fit: cover;
}
.leader-detail-wrapper .hidden-overlay:after {
    content: '';
    width: 270px;
    height: 270px;
    position: absolute;
    left: 7.5px;
    top: 15px;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    transition: transform 0.5s ease;
    z-index: 9;
}
.leader-detail-wrapper a:hover .hidden-overlay:after {
    transform: scale(0.75);
}
.leader-detail-wrapper .content-wrapper:before {
    content: '';
    width: 8px;
    height: 8px;
    border: 1px solid #17707f;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    top: 10px;
    left: -10px;
}
@media only screen and (max-width:1024px) {
    .leader-detail-wrapper .img-wrapper span{
       top: 60%;
       right: 5%;
       transform: translate(-5%, -25%);
    }
}
@media only screen and (min-width:991.5px) {
    .leadership-modal .modal-body .row{display: table;}
    .leadership-modal .modal-body .row .col-md-5, .modal-body .row .col-md-7 {
        float: none;
        display: table-cell;
        vertical-align: top;
    }
}
@media only screen and (max-width:991.5px) {
    .leaders-row .leader-detail-wrapper {
       flex: 0 0 33.333%;
    }
    .modal-left-img-wrapper {
       text-align: center;
    }
    .leadership-modal .modal-content {
       top: 55px;
    }
    .leader-detail-wrapper .img-wrapper span{
       right: 15%;
    }
}
.leadership-cls .leadership-modal .col-md-5 {
    background: transparent !important;
}
@media only screen and (max-width:768px) {
    .leaders-row .leader-detail-wrapper {
       flex: 0 0 50%;
       max-width: 250px;
       margin: auto;
    }
    .modal-left-img-wrapper {
       padding-bottom: 0px;
       text-align: center;
    }
    .modal-right-content-wrapper {
       padding: 30px 5px !important;
    }
    .leadership-modal .modal-content {
       top: 55px;
    }
    .leader-detail-wrapper .img-wrapper {
       max-width: 250px;
       margin: auto;
    }
    .leader-detail-wrapper .img-wrapper span {
       right: 7%;
    }
    .leader-detail-wrapper .hidden-overlay:after {
       width: 250px;
       height: 250px;
       left: 0px;
       top: 50px;
    }
}
@media only screen and (max-width:475px) {
    .leaders-row .leader-detail-wrapper {
       flex: 0 0 100%;
    }
}
/* modal css starts here */
.modal.leadership-modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .modal.leadership-modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.leadership-modal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.leadership-modal .modal-left-img-wrapper img{
  max-width: 100%;
  object-fit: cover;
  min-height: 365px;
  max-height: 100%;
}
.leadership-modal .modal-right-content-wrapper {
    padding: 30px;
}
.leadership-modal .modal-right-content-wrapper .title-wrapper {
    text-align: left;
}
.leadership-modal .modal-right-content-wrapper .detail-wrwpper {
    max-height: 320px;
    overflow-y: auto;
    margin-top: 30px;
    padding-right: 22px;
}
.leadership-modal .modal-left-img-wrapper .footer-social.text-center {
    padding: 15px;
}
.leadership-modal .col-md-5{
    padding: 0;
    background: linear-gradient(274deg, #14142b, #065ee3, #092857, #33d7df);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.leadership-modal .modal-body {
    padding: 0 15px;
}
.leadership-modal .modal-content {
    position: relative;
}

.leadership-modal .modal-content {
    position: relative;
}
.leadership-modal .modal-header button.close {
    background-color: #0b455f;
    box-shadow: 0px 2px 5px #17707f;
    opacity: 1;
    padding: 7.5px 10px;
    border-radius: 50%;
    height: 35px;
    width: 35px;
}
.leadership-modal .modal-header button:hover {
    box-shadow: none;
}
.leadership-modal .modal-header button.close span {
    color: #fff;
}
.modal-right-content-wrapper .detail-wrwpper p, .modal-right-content-wrapper .title-wrapper .post {
    font-size: 16px;
}
.leadership-modal .modal-right-content-wrapper .detail-wrwpper p {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #14142B;
}
.modal-open .leadership-modal.modal{background-color: #17707fd1;}



.DX-result-and-testimonials .title-wrapper {
    text-align: left;
    margin: 0;
}
.DX-result-and-testimonials .building-number-box h5 {
    background: linear-gradient(269.2deg, #3C91FF 1.02%, #2EC0CB 99.5%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    margin-bottom: 15px !important;
}

.DX-result-and-testimonials .building-number-box p.title {
    font-size: 19px !important;
    font-weight: 300;;
}

.clients .title-wrapper {
    max-width: 100%;
}

.outline-btn {
    background: transparent;
    border: #239CA8 2px solid;
    border-radius: 5px !important;
    font-size: 14px;
    padding: 10px 35px 10px 15px !important;
    position: relative;
    color: #239CA8;
    font-weight: 600;
}
/*a.btn.outline-btn:hover {
    border: #004249 2px solid;
    color: #004249;
}*/
.outline-btn:after {
    content: "";
    background: url(/wps/wcm/connect/img/vector-arow.svg?MOD=AJPERES) no-repeat;
    width: 18px;
    height: 10px;
    display: inline-block;
    margin-left: 0.5rem;
    -webkit-transition: all .45s cubic-bezier(.65,0,.076,1);
    -o-transition: all .45s cubic-bezier(.65,0,.076,1);
    transition: all .45s cubic-bezier(.65,0,.076,1);
    transform: rotate(90deg);
    position: absolute;
    top: calc(50% - 2px);
}
.outline-btn:hover {
    border-radius: 5px !important;
    color: #239CA8;
}
.related-prodct-list .card-carousel-box {
    min-height: 200px !important;
}
.related-prodct-list .card-content-box {
    background-color: #EFF0F6;
    box-shadow: 2px 8px 10px rgb(0 0 0 / 2%);
    border-radius: 5px;
}
.related-product-list-outer {
    display: flex;
}
.related-product-list-outer .item {
    margin-right: 24px;
    width: calc(100% / 4);
}
.related-product-list-outer .item:last-child {
    margin-right: 0;
}
.related-product-list-outer .card-carousel-content h3 {
    color: #17707F;
    font-size: 17px;
    font-weight: 600;
}
.related-product-list-outer .card-carousel-content p {
    font-size: 15px;
    line-height: 1.5;
}
.related-product-list-outer .item .card-carousel-box {
    min-height: auto !important;
    background: #EFF0F6 !important;
}
.related-product-list-outer .item .card-carousel-box:hover{
    background: #D5DCE5 !important;
}
.transform-experience-wrapper .wedget-carousel-img {
    padding: 25px 25px 0;
    width: 120px !important;
}
.transform-experience-wrapper.products-carousal .img-wrapper {
    background-color: #EFF0F6;
    padding: 10px;
    border-radius: 5px;
}
.transform-experience-wrapper .card-carousel-box {
    min-height: auto;
    margin: 0 !important;
}
.digital-casestudy.transform-experience-wrapper .card-carousel-box:hover {
    background: linear-gradient(274deg, #2496b0, #000016, #061c51, #14586D);
    background-size: 400% 400%;
    animation: gradient 7s ease infinite;
}
.transform-experience-wrapper .card-carousel-box:hover .card-carousel-content h3,
.transform-experience-wrapper .card-carousel-box:hover .card-carousel-content p {
    color: #fff;
}
.transform-experience-wrapper .card-carousel-box:hover .wedget-carousel-img img {
    transform: none !important;
}
.transform-experience-wrapper .card-carousel-content h3 {
    margin-bottom: 5px;
}
/*.transform-experience-wrapper .card-carousel-box .carousel-footer-wedget {
    display: none;
}*/

section.section.digital-casestudy.transform-experience-wrapper.products-carousal.dx-transform .card-carousel-box:hover .carousel-footer-wedget .arrow-btn span {
    color: #fff !important;
    text-transform: none;
}
.digital-casestudy.transform-experience-wrapper .card-carousel-box:hover .arrow-btn::after {
    left: 100%;
    background: url(/wps/wcm/connect/img/arrow-right.svg?MOD=AJPERES) no-repeat !important;
}

.transform-exp-list-outer {
    display: flex;
    margin-top: 25px;
}
.transform-exp-list-outer .item {
    width: calc(100% / 3);
    margin-right: 20px;
}
.transform-exp-list-outer .item:last-child {
    margin-right: 0;
}

@media all and (max-width: 767px) {
    .transform-exp-list-outer .item,
    .related-product-list-outer .item {
        width: 100%;
    }

}
@media all and (min-width: 767px) {
    .transform-exp-list-outer {
    display: flex;
    justify-content: center;
}
}
.resources-list li {
    border-bottom: 1px solid #D9DBE9 !important;
}
/* dx-case study css */
.digital-casestudy.dx-case-study.products-carousal .btn-row{
    bottom: -15px;
}
/* DX Benifits css */
.dx-benifits .title-wrapper {
    text-align: left;
    margin-left: 0;
}
.dx-benifits .top-icon-img {
    width: 80px;
    height: 80px;
}
.top-icon-img img {
    max-width: 100%;
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.dx-benifits .news-detail-title h3 {
    font-size: 22px;
    margin-bottom: 5px;
}
.dx-benifits .news-detail-title .sub-product-detail {
    font-size: 18px;
}
.dx-benifits .card.latest-news-wrapper:hover {
    background: #EFF0F6;
    border: 1px solid;
}
.dx-benifits .card.latest-news-wrapper {
    border: 1px solid #fff;
}
.dx-benifits .card.latest-news-wrapper:hover .news-detail-title h3 {
    color: #17707F !important
}
.dx-benifits .card.latest-news-wrapper:hover .news-detail-title .sub-product-detail {
    color: #4b4b4b;
}

/* lets talk css starts here */
.lets-talk {
    background-color: #000032;
    background: url('/wps/wcm/connect/img/bg.jpg?MOD=AJPERES') no-repeat;
    background-size: cover;
    background-position: 34% 100% !important;
    color: #fff;
}
.lets-talk .row{
    display: flex;
    align-items: end;
}
.lets-talk.appscan{
    background: url('/wps/wcm/connect/img/2+%281%29.jpg?MOD=AJPERES') no-repeat;
    background-size: cover;
    padding-top: 0;
}
.lets-talk .img-wrapper {
    position: relative;
    left: 0px;
    bottom: -60px;
    width: 350px;
    height: auto;
}
.lets-talk.appscan .img-wrapper{
    max-width: 250px;
}
.lets-talk .img-wrapper img {
    max-width: 100%;
}

.lets-talk-content h2 {
    font-weight: 500;
    margin-bottom: 16px;
    font-size: 36px;
    line-height: 43px;
}
.lets-talk-content p {
    margin: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}
.button-wrapper {
    margin-top: 30px;
}
.arrow-btn-dx{
    position: relative;
    color: #17707F;
    background: #fcfcfc;
    border-radius: 5px !important;
    padding: 12px 56px 12px 24px;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    display: inline-block;
    -webkit-transition: all .45s cubic-bezier(.65,0,.076,1);
    -o-transition: all .45s cubic-bezier(.65,0,.076,1);
    transition: all .45s cubic-bezier(.65,0,.076,1);
}
.arrow-btn-dx:hover {
     background: #aaffff;
     color: #037780!important;
     text-decoration: none;
     border-radius: 5px !important;
}
.arrow-btn-dx:hover::after {
    margin-left: 13px;
}
.arrow-btn-dx:after {
    content: "";
    position: absolute;
    background: url('/wps/wcm/connect/img/vector-arow.svg?MOD=AJPERES') no-repeat;
    width: 18px;
    height: 10px;
    display: inline-block;
    margin-left: 0.5rem;
    top: calc(50% - 3px);
/*     right: 15px; */
    -webkit-transition: all .45s cubic-bezier(.65,0,.076,1);
    -o-transition: all .45s cubic-bezier(.65,0,.076,1);
    transition: all .45s cubic-bezier(.65,0,.076,1);
}

/* dx features css starts here */
.dx-features .caption-wrapper .outline-btn:after {
    transform: rotate(0deg);
}
.dx-features .caption-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #e3e3f3;
    border-top: 1px solid #ddd;
    padding: 10px 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.dx-feature-tabs .item-wrapper.img-responsives img {
    background: #eff0f7;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.dx-feature-tabs .sync2 .owl-item.active {
    min-height: 50px;    
}
.dx-feature-tabs .sync2 .owl-item.active.current {
    min-height: 180px;
}
.dx-features .caption-wrapper .button-group {
    margin: 0;
}
.dx-features .caption-wrapper p {
    font-size: 15px;
    margin-bottom: 0;
    flex: 0 0 calc(100% - 285px);
}
.dx-features .caption-wrapper .btn.arrow-btn-3 {
    height: 40px;
}


.section.dx-features #sync2 .owl-stage, .section.dx-features #sync4 .owl-stage {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.dx-features #sync2 .item .tab-box h3, .dx-features #sync4 .item .tab-box h3 {
    font-size: 20px;
    font-weight: 600;
    margin-right: 22px;
}
.section.dx-features #sync2 .owl-stage .owl-item, .section.dx-features #sync4 .owl-stage .owl-item {
    flex: 0 0 100%;
    background-color: #F7F7FC;
    padding: 16px 15px;
    border-radius: 5px;
    cursor: pointer;
}
.section.dx-features #sync2 .owl-stage .owl-item.current h3, .section.dx-features #sync2 .owl-stage .owl-item:hover h3 {
    color: #17707f;
    position: relative;
}
.section.dx-features #sync2 .owl-stage .owl-item.current, .section.dx-features #sync2 .owl-stage .owl-item:hover{
    background-color: #EFF0F6;
}
.section.dx-features #sync2 .owl-stage .owl-item.current .item h3:after, .section.dx-features #sync2 .owl-stage .owl-item:hover h3:after {
    content: "";
    background: url('/wps/wcm/connect/img/vector-arow.svg?MOD=AJPERES') no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: absolute;
    top: calc(50% - 2px);
    right: -20px;
}
.dx-features #sync2 .item .tab-box p, .dx-features #sync4 .item .tab-box p {
    font-size: 17px;
    margin-top: 15px;
    margin-bottom: 0;
    display: none;
    transition: top 5s;
}
.dx-features #sync2 .current .item .tab-box p, .dx-features #sync4 .current .item .tab-box p {
    display: block;
    transition: top 5s;
}
.dx-features .owl-nav{
    text-align: right;
    margin: auto;
    margin-top: 50px;
}
/* .dx-features .owl-nav button {
    font-size: 35px;
    line-height: 1 !important;
    border: 1px solid #4f4f4f !important;
    height: 35px;
    width: 35px;
    background-color: #fff !important;
} */
.dx-features .owl-nav button svg {
    height: 35px;
    width: 35px;
    padding: 7.5px;
    display: inline-block;
}
.dx-features .owl-nav button.owl-prev {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.dx-features .owl-nav button.owl-next {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.dx-features .owl-dots {
    margin-top: -33px;
    text-align: left;
}
.dx-features .owl-dots span {
    width: 75px;
    margin: 0;
    height: 3px;
    margin-left: -100%;
}
.dx-features button.owl-dot.active span {
    background: linear-gradient(269.2deg, #3C91FF 1.02%, #2EC0CB 99.5%);
}
.dx-features button.owl-dot:hover span {
    background: linear-gradient(269.2deg, #3C91FF 1.02%, #2EC0CB 99.5%) !important;
}

/* play pause btn */
.dx-features .slider-action-btn {
    margin-top: 22px;
}
.dx-features .play.hide, .dx-features .stop.hide {
    display: none;
}
.dx-features .play, .dx-features .stop {
  background-color: #EFF0F6;
  color: #14142B;
  cursor: pointer;
  text-decoration: none;
  border-radius: 5px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  overflow:hidden;
  width: auto;
  max-width: 38px;
  -webkit-transition: max-width 0.5s;
  transition: max-width 0.5s;
  border: 1px solid #EFF0F6;
  padding: 13px;
  margin: 0 5px;
  position: relative;
  top: 16px;
}
.dx-features .play:hover, .dx-features .stop:hover {
  max-width: 300px;
  text-decoration: none;
}
.dx-features .play .icon-play {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-left: 14px solid #14142B;
  border-bottom: 7px solid transparent;
  margin: 0 7px 0 2px;
}
.dx-features .stop .icon-pause{
    width: 8px;
    height: 12px;
    border-left: 2px solid #14142B;
    border-right: 2px solid #14142B;
    position: absolute;
    left: 14px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 7px 0 2px;
}
.dx-features .play .text, .dx-features .stop .text {
  white-space: nowrap;
  padding-right: 10px;
  color: #14142B;
  font-size:15px;
}
.dx-features .stop .text{
    margin-left: 24px;
}
.dx-features .play:hover .text, .dx-features .stop:hover .text {
    color: #17707F;
}
.dx-features .play:hover .icon-play{
    border-left: 14px solid #17707F;
}
.dx-features .stop:hover .icon-pause{
    border-left: 2px solid #17707F;
    border-right: 2px solid #17707F;
}
.dx-features .mobile-img, .dx-features .mobile-bottom-cta, .dx-features .mobile-only{
    display: none;
}
/* app scan css starts here */
.appscan .transform-exp-list-outer{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.appscan .transform-exp-list-outer .item {
    flex: 0 0 calc(50% - 10px);
    margin: 10px 0;
}
.appscan-related-prodct .related-product-list-outer .item {
    width: calc(100% / 3);
}
.hcl-software-ratings.dx-ratings .logo-item-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
.appscan-ratings .main-logo-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.appscan-ratings .logo-item-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}
.appscan-ratings .logo-item-wrapper.right {
    justify-content: space-between !important;
}
.appscan-ratings .logo-item-wrapper.left {
    flex: 0 0 60%;
    width: 100%;
    justify-content: center;
}
.dx-features .row {
    display: flex;
    align-items: end;
}
.dx-overview .button-group {
    margin-top: 0;
}
/* overview hover css */
.pillar.dx-overview .video-wrapper.pillars:hover {
    box-shadow: 0px 0px 20px 0px #E6EBF5;
}
.pillar.dx-overview .video-wrapper.pillars:hover .video-bottom-text p.h2-title {
    color: #239CA8;
}
.pillar.dx-overview .video-wrapper.pillars:hover a.play_icon:after {
    filter: sepia(42%) hue-rotate(136deg) saturate(500%);
}
.fr-banner-text h1{
    font-size: 40px !important;
}
.build-exp-outer .title-wrapper.left {
    max-width: 435px;
}
.two-col-list .title-wrapper.left {
    max-width: 550px;
}
/* dx home responsive */
@media only screen and (min-width:992px) and (max-width:1200px) {
    section.section.index-pnp-learn-more-section.pillar.dx-overview{
        padding: 40px 0;
    }
}
@media all and (max-width: 1200px) {
    .lets-talk .img-wrapper {
        bottom: -30px;
    }
}
@media all and (max-width: 1024px) {
    .dx-features #sync2 .item .tab-box h3 {
        font-size: 18px;
        line-height: 1.6;
    }
    .section.dx-features #sync2 .owl-stage .owl-item{
        padding: 15px 15px;
    }
    .dx-benifits .news-detail-title .sub-product-detail {
        font-size: 16px;
    }
    section.section.digital-casestudy.case-study.related-prodct-list.products-carousal .item, .appscan-related-prodct .related-product-list-outer .item {
        width: auto;
    }
    .digital-casestudy.dx-case-study.products-carousal .btn-row{
        display: none;
    }
    .digital-casestudy.dx-case-study.products-carousal .owl-nav {
        margin-top: 0px;
    }
    .dx-case-study.products-carousal .owl-nav button span {
        font-size: 35px;
        font-weight: 400;
    }
}
@media all and (min-width: 768px) and (max-width: 1052px) {
.dx-transform .card-carousel-box {
    min-height: 430px !important;
}
.runbookai-benefit .card-carousel-box {
    min-height: 830px !important;
}

}
@media all and (min-width: 768px) and (max-width: 992px) {
.dx-features .owl-dots {
    margin-left: 0% !important;
}
.index-pnp-learn-more-section.pillar.dx-overview {
    padding: 40px 0 !important;
}
.products-carousal .owl-dots span {
    width: 80px;
}

}
@media all and (max-width: 992px) {
    .dx-features .row {
        display: initial;
    }
}
@media all and (min-width: 1100px) {
.realtime-feature .item-wrapper.img-responsives img {
    height: 456px;
}
.unified-feature .item-wrapper.img-responsives img {
    height: 305px;
}
}
@media all and (max-width: 991px) {
    .title-wrapper {
        max-width: 100% !important;
    }
    .lets-talk .img-wrapper {
        bottom: -30px;
    }
    /*  Features css stars here   */
    .dx-features a.btn.outline-btn {
        background: transparent;
    }
    .dx-features #sync2 .current .item .tab-box .mobile-img, .dx-features .mobile-bottom-cta, .dx-features .mobile-only,
    .dx-features #sync4 .current .item .tab-box .mobile-img{
        display: block;
        max-width: 100%;
        margin-top: 15px;
    }
    .dx-features .hide-on-mobile .item-wrapper, .dx-features .slider-action-btn.hide-on-mobile{
        display: none;
    }
    .dx-features .owl-dots {
        text-align: center;
        margin-top: -33px !important;
    }
    .dx-features .owl-nav {
        margin-top: 25px;
    }
    .dx-features .owl-nav button svg {
        height: 35px;
        width: 35px;
    }
    .dx-features .slider-action-btn.mobile-only {
        margin-top: -25px;
        margin-left: 10px;
        z-index: 9;
        position: relative;
        max-width: 50px;
    }
    .dx-features .caption-wrapper {
        border-radius: 0;
        margin-top: 25px;
    }
    .dx-features #sync2 .item .tab-box h3 {
        font-size: 17px;
        line-height: 24px;
    }
.section.dx-features #sync2 .owl-stage .owl-item .item h3:after, .section.dx-features #sync2 .owl-stage .owl-item .item h3:hover:after{
        content: "";
        background: url('/wps/wcm/connect/img/Vector.svg?MOD=AJPERES') no-repeat;
        width: 15px;
        height: 15px;
        display: inline-block;
        position: absolute;
        top: calc(50% - 5px);
        right: 15px !important;
    }
    .section.dx-features #sync2 .owl-stage .owl-item.current .item h3:after{
        background: url('/wps/wcm/connect/img/Vector.svg?MOD=AJPERES') no-repeat;
        top: calc(50% - 5px);
        right: -20px !important;
    }
}
@media all and (max-width: 768px) {
    .fr-banner-text h1 {
        font-size: 28px !important;
        line-height: 1.25 !important;
        margin-bottom: 15px;
    }
    /*   owel nav style   */
    .appscan-related-prodct .owl-nav {
        margin-top: 0 !important;
    }
    .products-carousal .owl-nav{
        text-align: right;
        margin: auto;
        margin-top: 35px;
    }
    .products-carousal .owl-nav button {
        font-size: 30px !important;
        line-height: 1 !important;
        border: 1px solid #4f4f4f !important;
        height: 35px;
        width: 35px;
        background-color: #fff !important;
    }
    .products-carousal .owl-nav button span {
        height: 35px;
        width: 35px;
        display: inline-block;
    }
    .products-carousal .owl-nav button.owl-prev {
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .products-carousal .owl-nav button.owl-next {
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
    }
    .products-carousal .owl-nav button:hover {
        background-color: transparent;
    }
    .products-carousal .owl-dots span {
        width: 50px;
        margin: 0;
        height: 4px;
    }
    .products-carousal button.owl-dot.active span {
        background: linear-gradient(269.2deg, #3C91FF 1.02%, #2EC0CB 99.5%);
    }
    .products-carousal button.owl-dot:hover span {
        background: linear-gradient(269.2deg, #3C91FF 1.02%, #2EC0CB 99.5%) !important;
    }
    .products-carousal .owl-nav button.disabled {
        background-color: #EFF0F6;
    }
    .products-carousal .owl-dots{
        display: block;
        margin-left: -16px;
        margin-top: -30px;
    }
    .dx-case-study.products-carousal .owl-nav {
        margin: 0;
    }
    .dx-case-study.products-carousal .owl-nav button span {
        font-size: 33px;
        font-weight: 400;
    }
    .dx-case-study.products-carousal .owl-dots {
        margin-top: -30px;
    }
    .products-carousal {
        padding-bottom: 65px;
    }
    /* owl nav style ends     */
    section.section.main-slider.home.dx-home .button-group.partnership a.btn {
        width: 100%;
        max-width: 100%;
    }
    .transform-exp-list-outer .item {
        margin-bottom: 35px;
    }

    .title-wrapper.left .h1-title, .title-wrapper.center .h1-title, .dx-clients .title-wrapper .h1-title{
        font-size: 24px;
    }
    .title-wrapper.center .h1-title, .dx-clients .title-wrapper .h1-title{
        padding: 0 15px;
    }
    .pillar.dx-overview .sub-title {
        font-size: 17px !important;
    }
    .pillar.dx-overview .button-group {
        margin-top: 0 !important;
    }
    .dx-center.title-wrapper {
        padding: 15px;
    }
    .transform-experience-wrapper .card.insights-carousel-wedget .card-carousel-box {
        background: #fcfcfc;
    }
    .transform-experience-wrapper .card.insights-carousel-wedget .card-carousel-box:hover {
        background: linear-gradient(274deg, #2496b0, #000016, #061c51, #14586D);
        background-size: 400% 400%;
        animation: gradient 7s ease infinite;
    }
    .hcl-software-ratings.dx-ratings .left-part-wrapper .stars-wrapper li {
        width: 100%;
    }
    .hcl-software-ratings.dx-ratings .logo-item:first-child {
        flex: 0 0 100% !important;
    }
    .hcl-software-ratings.dx-ratings .left-part-wrapper .stars-wrapper {
        width: auto;
    }
    .hcl-software-ratings.dx-ratings .left-part-wrapper{
        justify-content: center;
    }
    .hcl-software-ratings.dx-ratings .logo-item-wrapper .logo-item {
        flex: 0 0 calc(50% - 20px);
        text-align: center;
    }
    .hcl-software-ratings.dx-ratings .logo-item-wrapper{
        text-align: center;
    }
    .dx-case-study .owl-nav {
        display: block;
    }
    .dx-case-study .owl-dots {
        display: block;
    }
    .digital-casestudy.dx-case-study .h1-title {
        margin-bottom: 0;
    }
    .lets-talk{
        padding-bottom: 250px;
    }
    .lets-talk-content h2 {
        font-size: 24px !important;
        line-height: 1.5 !important;
    }
    .lets-talk-content p {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }
    .lets-talk .row {
        display: initial;
    }
    .lets-talk .img-wrapper {
        position: absolute;
        right: 0;
        left: initial;
        bottom: -260px;
        width: 200px;
    }
    h4.resources-inner-heading {
        margin: 25px 0 10px 0;
        font-size: 18px;
        border-bottom: 2px solid #17707F;
        padding-bottom: 10px;
    }
    .appscan-ratings .logo-item-wrapper.left {
        flex: 0 0 100%;
        text-align: center;
        gap: 5px;
    }
    .appscan-ratings .logo-item-wrapper.right .logo-item {
        flex: 0 0 calc(33.33% - 30px);
    }
    .appscan-ratings .logo-item-wrapper.right {
        flex: 0 0 100%;
        text-align: center;
        margin-top: 35px;
    }
    .appscan-ratings .logo-item-wrapper.left .logo-item {
        flex: 0 0 100%;
        text-align: center;
    }
    .appscan-ratings .logo-item-wrapper.left .logo-item .left-part-wrapper {
        text-align: center;
        justify-content: center;
    }
    .appscan .transform-exp-list-outer .item{
        flex: 0 0 100%;
    }
    .appscan .transform-exp-list-outer .item a.btn.card-cta-btn.scroll-next {
        max-width: 150px;
    }
    .lets-talk.appscan{
        background: url('/wps/wcm/connect/img/3.jpg?MOD=AJPERES') no-repeat;
        background-size: cover;
        background-position: center center !important;
    }
    .related-prodct-list .card-content-box {
        min-height: 160px;
    }
    .digital-casestudy .card.insights-carousel-wedget .card-carousel-box {
        margin-bottom: 0;
    }
    .dx-features .caption-wrapper p {
        flex: 0 0 100%;
    }
    .dx-features .caption-wrapper .button-group {
        margin-top: 15px;
    }
}
@media all and (max-width: 425px) {
    .appscan-ratings .logo-item-wrapper.left .logo-item .left-part-wrapper ul.stars-wrapper {
        width: auto;
    }
    .appscan-ratings .logo-item-wrapper.left .logo-item .left-part-wrapper ul.stars-wrapper li {
        width: initial;
    }
    .products-carousal .owl-dots span {
        width: 35px;
    }
    .products-carousal.for-business .owl-dots span {
        width: 28px;
    }
    section.section.products-testimonials .owl-dots span {
        width: 25px;
    }
}
.actian-clients ul.customers_logo.clients-wrapper {
    gap: 16px 50px;
}

.actian-insights .card.insights-carousel-wedget .card-carousel-box:focus, .actian-insights .card.insights-carousel-wedget .card-carousel-box:hover {
    background: #17707f;
    border-radius: 5px;
}

.actian-insights.digital-casestudy .card.insights-carousel-wedget .card-carousel-box:hover .carousel-footer-wedget .arrow-btn span {
    color: #fff !important;
    text-transform: none;
}

.actian-insights.digital-casestudy .card.insights-carousel-wedget .card-carousel-box:hover .arrow-btn::after {
    /* content: ""; */
    background: url(/wps/wcm/connect/img/arrow-right.svg?MOD=AJPERES) no-repeat !important;
    left: 100%;
    -webkit-filter: none;
    filter: none;
    opacity: 1;
   
}
@media screen and (max-width: 767px){
.lets-talk .button-group .btn {
    margin-left: 0;
    width: auto;
    max-width: fit-content;
    padding: 12px 56px 12px 24px;
}
.contact-head-wrapper h1.title-head {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 20px;
}
.contact-head-wrapper .sub-heading {
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
}
.dx-recognition .owl-nav {
    text-align: right !important;
}
.dx-recognition.products-carousal .owl-dots {
    display: block;
    margin-left: -40px;
}
.dx-recognition .insights-carousel {
    margin-top: 30px !important;
}
.section.curated-resources.products-carousal .partner-connect-slider .owl-nav, .section.curated-resources.products-carousal .partner-connect-slider .owl-dots {
    display: block !important;margin-left: -40px;
}
.key-dxcasestudy .btn-row.insights-carousel {
    display: block !important;
    margin-top: 35px !important;
    position: unset;
}

}
.actian-insights.digital-casestudy .card.insights-carousel-wedget .card-carousel-box:hover .card-carousel-content .event-tag, .actian-insights.digital-casestudy .card.insights-carousel-wedget .card-carousel-box:hover .card-carousel-content h3, .actian-insights.digital-casestudy .card.insights-carousel-wedget .card-carousel-box:hover .card-carousel-content p {
    color: #fff !important;
}

.pillar.dx-overview .video-wrapper.pillars .video-bottom-text {
    padding: 10px 20px;
}
.pillar.dx-overview .video-wrapper.pillars .video-bottom-text p {
    margin-bottom: 0;
}

.capability-top-nav.sticky-nav-wrapper ul.nav.navbar-nav li {
    flex: 0 0 20%;
}
.dx-recognition .news-detail-title h3 {
    margin-bottom: 5px;
    font-size: 24px;
    line-height: 29px;
    font-weight: 600;
}
.dx-recognition .news-detail-title .sub-product-detail {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;    
}
.dx-recognition.analyst-recognition .news-detail-title .sub-product-detail {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dxkey-resources {display: none;}
.small-title{
 display: flex;
 font-size: 14px;
}
.small-title span {
 margin: 0 10px 25px !important;
}
.small-title span:first-child {
 margin-left: 0 !important;
}
span.event-date {
 color: #6E7191;
 font-weight: 500;
}
.dx-recognition {
 position: relative;
}
.dx-recognition .owl-nav {
 text-align: left;
}
.products-carousal.dx-recognition .owl-dots {
    margin-top: -30px;
}
.dx-recognition .insights-carousel {
    margin-top: -20px;
    z-index: 2;
    position: relative;
}
.dx-recognition .see-all-btn.see-all-btn-dark {
 color: #14142B !important;
 border-bottom: 1px solid #14142b;
}
.related-prodct-list .card-content-box:hover {
 background: #dedee3;
}
.dx-accordion .accordion .panel .panel-heading a:hover {
 color: #17707F !important;
}


/* CEROS PAGE */
.ceros-banner .banner-info {
    top: 50px !important;
}
.divider-line {
    background: rgb(128, 156, 244);
    height: 6px;
    width: 100px;
    margin: 30px 0;
}

.ceros-banner p {
    font-size: 40px !important;
    line-height: 55px !important;
}
.full-width-img-outer .full-width-image img {
    width: 100%;
}
.full-width-img-outer .full-width-text {
    padding-right: 100px;
}
.full-width-img-outer .full-width-text ul {
    padding-left: 0;
    list-style-position: inside;
}
.full-width-img-outer .full-width-text ul li {
    padding: 2.5px 0 2.5px 20px;
    text-indent: -20px;
}
/* .full-width-img-outer .full-width-text ul li {
    position: relative;
    padding-left: 10px;
} */
/* .full-width-img-outer .full-width-text ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    background: #809cf4;
    width: 10px;
    height: 10px;
    border-radius: 50%;
} */
.full-width-img-outer .full-width-text h5 {
    font-size: 26px;
    font-weight: 600;
    color: #262626;
    margin-top: 30px;
}
.dark-bg-full-width-image {
    padding: 0;
}
.dark-bg-full-width-image .full-width-text {
   padding: 70px 55px 70px 150px;
}
/*.dark-bg-full-width-image .full-width-text h2,
.dark-bg-full-width-image .full-width-text p,
.dark-bg-full-width-image .full-width-text ul li {
    color: #fff;
}*/
.ahaed-header {
    margin-bottom: 35px;
}
.ahaed-header h2 {
    font-size: 30px;
    font-weight: 700;
}
.ahaed-header p {
    font-size: 22px;
}
.dark-bg-full-width-image .full-width-image img {
    transform: scaleX(-1);
}


@media all and (max-width: 1024px) {
    .full-width-img-outer .full-width-text {
        padding: 30px 20px;
    }
}


@media all and (min-width: 768px) and (max-width: 1023px) {
    .main-slider .slide-box .banner-info {
        max-width: 500px;
    }
    .ceros-banner h1 span,
    .panel-content h2.title.bold {
        font-size: 40px !important;
    }
    .ceros-banner p {
        font-size: 30px !important;
    }
    .ahaed-header p {
        font-size: 18px;
    }
    .full-width-img-outer .full-width-text {
        padding: 0 20px;
    }
    .full-width-img-outer .full-width-text h5 {
        font-size: 18px;
        margin-top: 20px;
    }
    .full-width-img-outer .button-group {
        margin-top: 20px;
    }
}

@media all and (max-width: 767px) {
    .ceros-banner h1 span,
    .panel-content h2.title.bold {
        font-size: 30px !important;
    }
    .ceros-banner p {
        font-size: 25px !important;
        line-height: 40px !important;
    }
    .ceros-banner .button-group .btn {
        margin: 5px 0;
    }
    .ahaed-header p {
        font-size: 16px;
    }
    .full-width-img-outer .full-width-text {
        padding: 30px 20px;
    }
    .full-width-text .sub-title {
        font-size: 16px;
    }
}

/* 24-03-2023 */
.btn-mobile-left .button-group a.btn {
    margin-left: 0;
    margin-top: 15px;
}
.news-detail-title p.sub-head {
    font-size: 22px;
    font-weight: 500;
}
.pillars .latest-news-wrapper:hover p {
    color: #fff;
}
.gat-box.feature-box2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 15px 15px;
    border-radius: 15px;
}
.gat-box.feature-box2 .detail-text {
    flex: 0 0 calc(70% - 10px);
    text-align: left;
    margin-left: 10px;
    font-size: 16px;
}
.gat-box.feature-box2  .h2-title.text-blue {
    font-size: 39px;
    font-weight: 600;
    margin-right: 15px;
}
p.gatner {
    text-align: right;
    margin-right: 22px;
    margin-top: -40px;
}
.gatner-div {
    color: #06b7c3;
    border-top: 3px solid #06b7c3;
    border-bottom: 3px solid #06b7c3;
    margin-bottom: 10px;
}

.gatner a {
    color: #06b7c3;
}

/* volt mx css */

.voltmx-center-text-with-video .right-col-story{
    right: -115px;
    width: 270px;
    top: 250px;
    z-index: 2;
}
.voltmx-center-text-with-video .right-col-story h4.sub-title.text-left {
    padding: 15px 35px;
}
.volt-mx{
    padding-left: 25px;
    /* list-style-position: inside; */
    margin-top: 15px;
    list-style: disc;
}
.volt-mx li{
    font-size: 17px;
    line-height: 1.5;
    padding: 2.5px 0 2.5px 20px;
    text-indent: -20px;
}
.grey-bg-tabs{
    background-color: #f4f4f4;
}
.enablement-tab-section.grey-bg-tabs .tab-container ul.nav.nav-tabs.enablement_custom .active {
    background-color: #f4f4f4 !important;
}
.enablement-tab-section.grey-bg-tabs ul.nav.nav-tabs.enablement_custom li {
    padding: 0;
    background-color: #f4f4f4;
}
.enablement-tab-section.grey-bg-tabs ul.nav.nav-tabs.enablement_custom li a{
    background: #e3e3e3;
}
.voltmx-tabs {
    background: #f4f4f4;
}
.voltmx-tabs .container {
    background: #fff;
}
.tab-content.volt-mx {
    background-color: #f4f4f4;
}
.matters-list-wrapper .ups-img-inner {
    width: 300px;
    height: 300px;
}
.matters-list-wrapper .well.reason_heading{
    border: none;
    box-shadow: none;
}
.matters-list-wrapper .inner-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}
.matters-list-wrapper .container .row.usp-row:nth-child(even) .inner-wrapper {
    flex-direction: row;
}
.matters-list-wrapper .container .row.usp-row .inner-wrapper .pare-wrapper {
    padding: 15px 40px 15px 40px;
    border-radius: 5px;
    background: linear-gradient(304deg,#061c51 3.03%,#061c51 27.62%,#2496b0 76.39%,#2496b0 112.44%) !important;
}
/* .matters-list-wrapper .container .row.usp-row:nth-child(2) .inner-wrapper .pare-wrapper {
    background-color: #2abdea;
}
.matters-list-wrapper .container .row.usp-row:nth-child(3) .inner-wrapper .pare-wrapper {
    background-color: #ff7a7a;
}
.matters-list-wrapper .container .row.usp-row:nth-child(4) .inner-wrapper .pare-wrapper {
    background-color: #15d36e;
}
.matters-list-wrapper .container .row.usp-row:nth-child(5) .inner-wrapper .pare-wrapper {
    background-color: #ffdf41;
}
.matters-list-wrapper .container .row.usp-row:nth-child(6) .inner-wrapper .pare-wrapper {
    background-color: #dca7f8;
} */
.matters-list-wrapper .inner-wrapper .usp-img.vcenter {
    flex: 0 0 300px;
}
.matters-list-wrapper .inner-wrapper .pare-wrapper {
    flex: 0 0 calc(100% - 275px);
}
.matters-list-wrapper .container .row.usp-row:nth-child(even) .inner-wrapper .pare-wrapper {
    margin-left: -25px;
}
.matters-list-wrapper .container .row.usp-row:nth-child(odd) .inner-wrapper .pare-wrapper {
    margin-right: -25px;
}
.matters-list-wrapper .inner-wrapper p.ups_para_tags {
    color: #fff;
}
.matters-list-wrapper .usp-text{
    padding: 15px 50px;
}
.voltmx-center-text-with-video .right-col-story h4.sub-title.text-left::after{
    content: "";
    background: url('/wps/wcm/connect/img/arrow-right.svg?MOD=AJPERES') no-repeat !important;
    width: 18px;
    height: 10px;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-left: 8px;
    -webkit-transition: all .45s cubic-bezier(.65,0,.076,1);
    -o-transition: all .45s cubic-bezier(.65,0,.076,1);
    transition: all .45s cubic-bezier(.65,0,.076,1);
}
.grey-bg-tabs .enablement_custom{
    background: transparent !important;
}

@media only screen and (max-width:1200px) {
    .voltmx-center-text-with-video .right-col-story {
        right: 0;
        position: absolute !important;
        max-width: 225px;
    }
}

@media only screen and (max-width:992px) {
    .voltmx-center-text-with-video .right-col-story {
        position: relative !important;
        top: 0;
        left: 0;
        width: 100% !important;
        max-width: 315px;
        margin: 0 70px;
    }
    .voltmx-center-text-with-video h4.sub-title{
        margin: 0 70px;
    }

}

@media only screen and (max-width:767px) {
    .voltmx-center-text-with-video h4.sub-title {
        padding: 0 15px 0 60px;
    }
    .matters-list-wrapper .well.reason_heading {
        padding: 0 15px;
    }
    .matters-list-wrapper .inner-wrapper .pare-wrapper {
        flex: 0 0 100%;
    }
    .matters-list-wrapper .container .row.usp-row .inner-wrapper .pare-wrapper {
        padding: 15px;
    }
    .matters-list-wrapper .container .row.usp-row:nth-child(even) .inner-wrapper .pare-wrapper {
        margin-left: 0;
    }
    .matters-list-wrapper .container .row.usp-row:nth-child(odd) .inner-wrapper .pare-wrapper {
        margin-right: 0;
    }
    .voltmx-center-text-with-video .right-col-story, .voltmx-center-text-with-video h4.sub-title {
        margin: 0;
    }
    .matters-list-wrapper .inner-wrapper{
        justify-content: center;
    }
    .matters-list-wrapper .usp-text {
        margin-bottom: 40px;
    }
    .matters-list-wrapper .inner-wrapper .usp-img.vcenter{
        margin-bottom: 15px;
    }
    .matters-list-wrapper .ups-img-inner {
        width: 250px;
        height: 250px;
        margin: auto;
    }
.text-blog-mob h1.bold.text-white.banner-title {
    font-weight: 600;
    font-size: 30px !important;
    line-height: 35px !important;
}
}
.domino-restart p.sub-head {
    color: #06b7c3;
    font-weight: 600;
}
.ucx-revolutionize .transform-exp-list-outer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.ucx-revolutionize .title-wrapper {
    text-align: center;
    max-width: 780px;
    margin: auto;
}
ul.dots {
    font-size: 16px;
    line-height: 25px;
    list-style: disc;

}
.runbookai-benefit ul.dots {
    padding-left: 16px;
        color: #4b4b4b;
}
.latest-news-wrapper:hover ul.dots {
    color: #fff!important;
}

/* industries css starts here */
.tabs-v2 .tab-container {
    margin-top: 0px !important;
}
.enablement-tab-section.tabs-v2  ul.nav.nav-tabs.enablement_custom li a{
    margin-left: 0;
    margin-right: 0px !important;
}
.enablement-tab-section.tabs-v2 .tab-container ul.nav.nav-tabs.enablement_custom .active {
    background: #eff0f6 !important;
}
.enablement-tab-section .tab-container ul.nav.nav-tabs.enablement_custom li:hover {
    background: #eff0f6;
}
.dx-main-tab.tabs-v2 .tab-container ul.nav.nav-tabs.enablement_custom .active a{
    background: #eff0f6 !important;
    border-bottom: none !important;
}
.enablement-tab-section.tabs-v2 .tab-container ul li:after {
    content: "";
    height: 3px;
    width: 0%;
    bottom: 0;
    background: #5f1ebe;
    left: 0;
    display: block;
    z-index: 999999;
    position: absolute;
    transition: width 1.3s ease 0s, opacity 0.3s ease 0s;
    border-radius: 0!important;
}
.enablement-tab-section.tabs-v2 .tab-container ul li:after {
    background: linear-gradient(102.5deg, #2ec0cb 2.15%, #3c91ff 100%) !important;
}
.enablement-tab-section.tabs-v2 .tab-container ul li.active:after {
    width: 100%;
}
.vmx-industries .products-carousal .owl-nav button span {
    font-size: 25px !important;
    line-height: 1;
}
.cta-arrow-right .outline-btn:after {
    transform: rotate(0deg);
}
/* industries css ends here */

/* about us css starts here */
.about-us ul.c_logo li p {
    color: #fff;
    font-size: 17px;
}

/* responsive css starts here */
@media only screen and (min-width:768px) {
    .desktop-align-item-center .row {
        display: flex;
        align-items: center;
    }
}
/* about us css end here */

.leadership-cls .leaders-row .leader-detail-wrapper {
    flex: 0 0 23%;
    position: relative;
    max-width: 100%;
    margin: 10px;
    background: #EFF0F7;
    border-radius: 4px;
    box-shadow: 0 0 4px #ddd;
}
.leadership-cls .content-wrapper {
    position: unset;
    color: #000000;
    width: 100%;
    border-top: 1px solid #D9DBE9;
    text-align: center;
    padding: 10px 0;
    min-height: 125px;
}
.leadership-cls .leader-detail-wrapper .content-wrapper:before {
    display: none;
}
.leadership-cls .leader-detail-wrapper .img-wrapper .main-image img {
    width: 100%;
    object-fit: cover;
    height: auto;    
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.leadership-cls .content-wrapper .name {
    text-transform: capitalize;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #14142B;
}

.leadership-cls .content-wrapper .post {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #4E4B66;
}
.leadership-cls .leader-detail-wrapper a:hover .content-wrapper {
    background: #fff;
}
.leadership-cls .leader-detail-wrapper a:hover .content-wrapper .name {
   color: #1DB6C0;
}
.leadership-cls .leader-detail-wrapper .img-wrapper span {
    position: absolute;
    top: 90%;
    right: 5%;
    transform: translate(-25%, -60%);
    background-color: transparent;
    height: auto;
    width: auto;
    border-radius: 50%;
    box-shadow: none;
}
.leadership-cls .leader-detail-wrapper .img-wrapper .hover-icon img {
    display: none;
}
.leader-detail-wrapper a:hover .img-wrapper .hover-icon img {
    display: block;
    width: auto;
    max-width: 100%;
}
.leadership-cls .leader-detail-wrapper a:hover .img-wrapper .icon-image {
    display: none;
}
.digital-casestudy.transform-experience-wrapper .card-carousel-box:hover ul.dots {
    color: #fff;
}
@media only screen and (max-width: 550px){
.leadership-cls .leaders-row .leader-detail-wrapper {
    flex: 0 0 100%;
    margin: 10px;
}
.title-wrapper h2.title {
    font-size: 28px;
    line-height: 30px;
}
.section.leadership-section.leadership-cls .title-wrapper h3.sub-title {
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
}
.leadership-modal .modal-left-img-wrapper img {
    height: 100% !important;
}
.content-wrapperbox {
    flex-wrap: unset !important;
}
.leadership-modal .modal-right-content-wrapper .detail-wrwpper p {
      font-size: 15px;
}
}
@media only screen and (min-width: 551px) and (max-width: 768px){
.leadership-cls .leaders-row .leader-detail-wrapper {
    flex: 0 0 50%;
    max-width: 250px;
    margin: 10px;
}
.title-wrapper h2.title {
    font-size: 30px;
    line-height: 32px;
}
.section.leadership-section.leadership-cls .title-wrapper h3.sub-title {
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
}
.leadership-modal .modal-left-img-wrapper img {
   height: 100% !important;
}
.content-wrapperbox {
    flex-wrap: unset !important;
}
.leadership-modal .modal-right-content-wrapper .detail-wrwpper p {
      font-size: 15px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991.5px){
.leadership-cls .leaders-row .leader-detail-wrapper {
    flex: 0 0 33.333%;
    margin: 10px;
}
.leadership-modal .modal-left-img-wrapper img {
   height: 100% !important;
}
.content-wrapperbox {
    flex-wrap: unset !important;
}
}
@media (min-width: 768px){
.dialog-centered {
    width: 1130px;
    margin: 30px auto;
}
.section.leadership-section.leadership-cls .title-wrapper h3.sub-title {
    font-weight: 300;
    font-size: 24px;
    line-height: 29px;
    text-align: center;
    color: #14142B;
}
}
.content-wrapperbox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.leadership-modal .modal-right-content-wrapper .title-wrapper {
    text-align: left;
    /* max-width: 100%; */
    margin: 0;
}
.footer-social ul.list-unstyled.social-links li+li {
    margin-left: 10px !important;
}
.footer-social ul.list-unstyled.social-links li a:hover {
    background: transparent !important;
}
.content-wrapperbox .title-wrapper .h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #17707F;
} 
.content-wrapperbox .title-wrapper .post {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #14142B;
} 
.content-wrapperbox {
    border-bottom: 1px solid #D5DCE5;
}

.leadership-modal .modal-left-img-wrapper img {
    max-width: 100%;
    object-fit: cover;
    min-height: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    height: 490px;
}
.modal-open .leadership-modal.modal {
    background-color: #00000096;
}  
.dialog-centered {
    margin-top: 60px;
}
.leadership-modal .modal-header {
    position: absolute;
    right: 3px;
    top: 4px;
    border: 0;
    padding: 0;
    z-index: 9;
}
.leadership-modal .modal-header button.close {
   /* background-color: transparent;*/
    box-shadow: none;
    opacity: 1;
    border: 0.5px solid #fff;
    padding: 3.5px 7px;
    border-radius: 50%;
    height: 30px;
    width: 30px;
}
.leadership-modal .modal-header button.close span {
    color: #fff;
    font-weight: 500;
}

/* ceros page css starts here  */
/* ul.customers_logo.clients-wrapper li.logo-item.img-responsives {
    flex: 0 0 16.66%;
} */
ul.customers_logo.clients-wrapper li.logo-item.img-responsives img {
    max-width: 145px;
    margin: auto;
}
.pb-0{padding-bottom: 0;}
.dual-column-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.dual-column-wrapper .before-text-imgwrapper {
    flex: 0 0 25%;
}
.dual-column-wrapper .right-content-wrapper {
    flex: 0 0 75%;
}
.voltmx-center-text-with-video.position-top-zero .right-col-story{
    top: 0;
}
.multiexperiences-dual-column .wedget-carousel-img {
    max-height: 350px;
}
.multiexperiences-dual-column {
    padding-bottom: 0;
}
.digital-casestudy.multiexperiences-dual-column .card-carousel-content h3 {
    margin-bottom: 0 !important;
    font-size: 18px;
    font-weight: 500;
}
.multiexperiences-dual-column .card-carousel-box {
    margin-bottom: 25px !important;
}
.digital-casestudy.multiexperiences-dual-column .card-content-box {
    padding: 25px !important;
}
.banner-text-white .volt-mx li {
    color: #fff;
}
.additional-benifits .gradient-bg2 {
    min-height: 105px;
}
.appscan-feature-heading.additional-benifits .three-block-feature .content h4 {
    font-size: 18px;
    color: #262626;
}
p.d-none {
    display: none;
}
.about-us.justify-item-center ul.c_logo {
    justify-content: space-around !important;
}
section.home-section.section-home-item-single-box.abondend-hits-outer .with-shadow {
    position: relative;
}
section.home-section.section-home-item-single-box.abondend-hits-outer .with-shadow:before {
    content: '';
    position: absolute;
    left: 0;
    top: 80px;
    width: 1px;
    height: 345px;
    background-color: #c0baba;
    box-shadow: -8px 0px 15px 1px #ddd;
}
section.home-section.section-home-item-single-box.abondend-hits-outer {
    margin-bottom: 0 !important;
}
.pillar.video-background-transparent .video-wrapper.pillars {
    background-color: transparent;
}
.video-background-transparent p.h2-title {
    font-size: 25px;
    font-weight: 600;
    line-height: 1.5;
    margin-top: 20px;
}
.video-background-transparent p {
    font-size: 17px;
}
@media only screen and (max-width: 768px){
    section.home-section.section-home-item-single-box.abondend-hits-outer .with-shadow:before {
        content: '';
        position: absolute;
        left: 0;
        top: -20px;
        width: 100%;
        height: 1px;
        background-color: #c0baba;
        box-shadow: -8px 0px 15px 1px #ddd;
    }
    section.home-section.section-home-item-single-box.abondend-hits-outer .with-shadow {
        margin-top: 25px;
    }
    section.home-section.section-home-item-single-box.abondend-hits-outer h3.subheading_title.contentUp {
        margin-top: 35px;
    }
    .dual-column-wrapper .before-text-imgwrapper {
        flex: 0 0 100%;
    }
    .dual-column-wrapper .right-content-wrapper {
        flex: 0 0 100%;
    }
    .dual-column-wrapper {
        justify-content: center;
        text-align: center;
    }
    .cx-right-text h2.title {
        text-align: center;
    }
    .cx-right-text h3.sub-title {
        text-align: center;
    }
    .cx-right-text .button-group {
        text-align: center;
        max-width: fit-content;
        margin: auto;
        margin-top: 20px;
    }
}
/*  */
.about-nav ul.nav.navbar-nav li {
    flex: 0 0 13.666667%;
}
.manifesto-learn .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center !important;
}
.business-upgrade .card-content-box {
    position: absolute !important;
    bottom: 0px;
    background: #21407acc;
}
.business-upgrade .card-content-box .card-carousel-content h3 {
    color: #fff;margin-bottom: 0;
}
.business-upgrade .card-content-box {
    position: absolute !important;
    bottom: 142px;
    background: #21407acc;
    min-height: 56px !important;
}
.business-upgrade .carousel-footer-wedget {
    position: unset;
    margin-top: 45px;
}
.business-upgrade .card.insights-carousel-wedget .card-carousel-box:hover {
    background: transparent;
}
.business-upgrade .card.insights-carousel-wedget:hover {
    background: transparent !important;
}
.business-upgrade .card.insights-carousel-wedget .card-carousel-box {
    background: transparent !important;
    box-shadow: none;
}
.leadershipgm-left .leaders-row {
    justify-content: left;
}
.roi h2 {
    color: #06b7c3;
    font-weight: 600;
    font-size: 38px;
    margin-top: 20px;
}
.business-upgrades .arrow-btn span {
    color: #17707F!important;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    padding-right: 10px;
}
.business-upgrades .arrow-btn::after {
    left: 100%;
}

@media only screen and (min-width: 700px){
.casestudy-carousal .digital-case-study.upgrade-slider {
    display: flex;
    justify-content: center;
}
.flot-left .digital-case-study.upgrade-slider {
    display: block;
}

}
.carousal-mb-0 .card-carousel-box {
    margin-bottom: 0px !important;
}
.dx-benifits.asoc-sec .top-icon-img {
    background-color: #061c51;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.training-list { border-bottom: 1px solid #f2f2f2; }
.success-stories-outer-section .btn-radio .radio-btn { border: #17707f 2px solid; color: #17707f; padding: 8px 20px !important; border-radius: 5px!important; }
.success-stories-outer-section .btn-radio .radio-btn.active { background: #17707f; color: #fff; }
button.clear-btn.btn { border: 2px solid #17707f; }
.unica-upgrade .title-wrapper .h1-title {
    color: #fff;
}

.content-none .card-content-box { display: none; }
.col-list-wrapper ul {
      padding-left: 0;
  }
.col-list-wrapper li {
      font-size: 18px;
      margin-bottom: 14px;
      line-height: 25px;
      position: relative;
      padding-left: 40px;
  }
.col-list-wrapper li::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      background: url('/wps/wcm/connect/img/tick-arrow.svg?MOD=AJPERES');
      width: 24px;
      height: 24px;
  }

/* RESOURCE LIST CSS */
.resources-outer {
    background: #f7f7fc;
    color: #fff;
    padding: 100px 0;
}

.resources-outer .title-wrapper {
    max-width: 100%;
    text-align: left;
}

.resources-inner-heading {
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 30px;
    color: #17707F;
    font-weight: 600;
}

.resources-list ul {
    padding: 0;
}

.resources-list li {
    padding: 10px 15px;
    border-bottom: 1px solid #d9dbb9;
}

.resources-list li:last-child {
    border-bottom: none;
}

.resources-list li:hover {
    background-color: #EFF0F6;
}

.resources-list li a {
    font-size: 16px;
    color: #14142b;
    font-weight: 500;
}
@media only screen and (min-width: 768px){
.ferrari-learnmore .row {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 0;
}
.ferrari-learnmore .row .col-sm-6 {
    padding: 0;
}
.ferrari-learnmore .row .col-sm-6 h2 {
    font-weight: 600;
    font-size: 36px;
    line-height: 43px;
}
.ferrari-learnmore .row .col-sm-6:nth-child(2) {
    padding-left: 30px;
    padding-right: 15px;
}
}
@media only screen and (max-width: 767px){
.ferrari-learnmore .row .col-sm-6 h2 {
    font-weight: 600;
    font-size: 24px;
   line-height: 29px;
   margin-bottom: 15px;
   text-align: left;
}
.ferrari-learnmore .row .col-sm-6 h3 {
    font-weight: 400;
    font-size: 17px;
   line-height: 24px;
    text-align: left;
}
.ferrari-learnmore .button-group {
    text-align: left;
}
.ferrari-learnmore .button-group .btn {
    display: inline-block;
}
.accelerating h2 {
    font-weight: 400 !important;
    font-size: 24px !important;
    line-height: 29px !important;
    text-align: left;
}
}

.latest-innovation.featured-products .latest-news-wrapper:hover .btn-cta .arrow-btn:after {
    top: 11px;
}
.featured-event-box { background-color: #ffffff; padding: 24px; margin: 10px 7.5px 20px 7.5px; position: relative; border-radius: 10px; box-shadow: 0 0 10px #ddd; }
.featured-event-box p { font-size: 15px; line-height: 1.5; }
.featured-tag { display: flex; padding-bottom: 10px; border-bottom: 1px solid #d9dbe9; margin-bottom: 20px; }
.tag-wrapper { padding: 4px 8px; border-radius: 8px; margin-right: 6px; }
.tag-wrapper .tag-title { font-size: 14px; font-weight: 500; color: #14142B; }
.card-inner-detail { display: flex; align-items: center; margin-bottom: 15px; }
.card-inner-detail p { margin-bottom: 0 !important; margin-left: 12px; }
.event-details .event-title { font-size: 24px !important; line-height: 29px !important; font-weight: 600; margin-bottom: 20px !important; color: #14142B; }
.cta-event-btn a.btn { display: flex; align-items: center; font-size: 16px; font-weight: 500; line-height: 22px; color: #17707F; padding: 0; }
.cta-event-btn img { max-width: 10px; width: 100%; margin-left: 8px; }
.save-event-wrapper, .save-wrapper-ico, .share-wrapper-ico { display: flex; align-items: center; }
.save-event-wrapper p { margin-bottom: 0 !important; font-weight: 500; margin-right: 8px; }
.save-wrapper-ico .icons, .share-wrapper-ico .icons { margin-right: 8px; }
.share-event-wrapper { display: flex; justify-content: space-between; margin-top: 20px; padding-top: 10px; border-top: 1px solid #d9dbe9; }
.share-wrapper-ico { background-color: #EFF0F7; padding: 6px; border-radius: 42px; }
.actian-innovator .lets-talk-content {
    max-width: 600px;
}
.flax-remove .author-box {
    display: block !important;
}
.actian-innovator .lets-talk-content h2 {
    margin-bottom: 15px;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #FCFCFC;
}

@media (max-width: 768px){
.actian-innovator .lets-talk-content h2 {    
    font-size: 20px;
    line-height: 24px;
}
.actian-innovator .lets-talk-content  p {
    font-size: 17px !important;
    line-height: 24px !important;
}

}
.home-featured-products .title-wrapper .h1-title, .home-featured-products .title-wrapper .sub-title {
    color: #fff;
}
.impact-dryice .building-number-box h5 {
    line-height: 45px;
    font-size: 55px;
    margin-bottom: 15px;
}
.innovator {
    padding-bottom: 40px !important;
}
.loud-offerings-sol .card.expertise-wrapper:hover {
    background: #00005A !important;
}
.cloud-offerings-banner a.arrow-btn-white {
    display: inline-block !important;
}
.video-fullbanner h4 {
    font-size: 35px;
}
.video-fullbanner h4 span {
    font-weight: 600;
}
.video-fullbanner .arrow-btn-white {
    margin-top: 20px;
    background: transparent;
    border-radius: 5px;
    padding: 0 30px 0 0;
    color: #fcfcfc;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    display: inline-block;
}
.video-fullbanner .arrow-btn-white::before {
    content: "";
    background: url(/wps/wcm/connect/img/video-icon.png?MOD=AJPERES&CACHEID=ROOTWORKSPACE-e07f2835-b602-4abf-ad1e-372e3c223c2a-ohSfxnH) no-repeat;
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 8px;
    -webkit-transition: all .45s cubic-bezier(.65,0,.076,1);
    -o-transition: all .45s cubic-bezier(.65,0,.076,1);
    transition: all .45s cubic-bezier(.65,0,.076,1);
}
.video-fullbanner h2.bold.text-white.banner-title {
    font-size: 30px !important;
    line-height: 33px !important;
    margin-bottom: 10px;
}
.video-fullbanner p {
    font-size: 17px !important;
    line-height: 22px !important;
}
.kk-head {
    margin-top: 30px;
}
.kk-head:before {
    content: "";
    display: block;
    width: 50px;
    height: 0.5px;
    margin-bottom: 6px;
    background-color: #fff;
}
.video-fullbanner {
    height: 100% !important;
    padding: 40px 0 !important;
    background: #14142b;
}
@media screen and (max-width: 768px){
.video-fullbanner {
    padding: 0px !important;
    background: #14142b;
}
.impact-dryice .building-number-box h5 {
    line-height: 40px;
    font-size: 38px;
    margin-bottom: 15px;
}
.transform-exp-list-outer {
    display: block;
}
.video-fullbanner .mobile-hero-bannerimg {
    position: relative !important;
    }
.video-fullbanner .col-text.text-blog-mob {
    text-align: left;
    margin-top: -30px;
}
section.desk-hero-bannerimg.banner-section.hero-bannerimg.cloud-offerings-ui-banner.video-fullbanner .text-blog-mob h1.bold.text-white.banner-title {
    font-weight: 400 !important;
    font-size: 20px !important;
    line-height: 24px !important;
    margin-bottom: 10px;
}
.video-fullbanner .button-group {
    margin: 10px 0 30px;
    text-align: left;
}
.section.main-slider.pillar.cloud-offerings-banner .button-group .btn {
    margin-left: 0px !important;
}
.section.main-slider.pillar.cloud-offerings-banner .button-group {
    text-align: left;
    margin-left: 0px !important;
}
}
.flot-left .title-wrapper {
    text-align: left;
    margin-left: 0;
}
.flot-left .title-wrapper.center .h1-title {
    text-align: left;
    margin-left: 0;
}
.domino-clientfix li.logo-item.img-responsives {
    background: #fff;
    padding: 13px;
    border-radius: 5px;
    width: 114px;
    height: 90px;
    align-items: center;
    display: flex;
}
.domino-clientfix ul.customers_logo.clients-wrapper li.logo-item.img-responsives img {
    max-width: 100%;
    margin: auto;
}
@media (max-width: 500px){
.products-carousal.actian-vectornav .owl-dots span {
    display: none;
}
}

.testimonial-no-img .author-box .author-detail-box {
    width: 100%;
    flex: 0 0 100% !important;
}
.marketing-cloud-roi .building-number-section .building-number-box {
    flex: 0 0 32%;
}
.loud-offerings-sol .detail-wrwpper ul.flax-col-two {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.loud-offerings-sol .detail-wrwpper ul.flax-col-two li {
    width: 50%;
    flex: 0 0 50% !important;
}
.loud-offerings-sol .detail-wrwpper ul.flax-col-two li a {
    display: block;
    color: #000;
    padding: 5px 15px;
    font-size: 14px;
}
.loud-offerings-sol .detail-wrwpper ul.flax-col-two li a span {
    display: flex;
    align-items: center;
}
.loud-offerings-sol .detail-wrwpper ul.flax-col-two li a:hover {
    background: #EFF0F6;
    color: #0B455F;
}
.loud-offerings-sol .detail-wrwpper ul.flax-col-two li a .title:after{
    transform: translateX(5px) !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.loud-offerings-sol .detail-wrwpper ul.flax-col-two li a:hover .title:after {
    content: '';
    width: 16px;
    height: 10px;
    display: inline-block;
    background: url(/wps/wcm/connect/img/arrow-right.svg?MOD=AJPERES) no-repeat center;
    background-size: auto;
    background-size: 100%;
    vertical-align: middle;
    transform: translateX(-10px);
    visibility: hidden;
    opacity: 0;
    transition-duration: 0.4s !important;
}
.loud-offerings-sol .detail-wrwpper ul li {
    color: #14142B;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}
.loud-offerings-sol .detail-wrwpper h3 {
    color: #14142B;
    font-weight: 500;
    font-size: 20px;
    line-height: 27px;
}
.dx-feature-tabs .item-wrapper.img-responsives img{
    width: 100%;
    object-fit: contain;
}
@media only screen and (min-width: 991px) and (max-width: 1200px){
.dx-feature-tab-six .item-wrapper.img-responsives {
    height: 600px;
    min-height: 600px;
}
.dx-feature-tab-six .item-wrapper.img-responsives img {
    width: 100%;
    height: 88%;
    object-fit: contain;
}
.dx-feature-tabs .sync2 .owl-item.active {
    min-height: 50px;    
}
.dx-feature-tabs .sync2 .owl-item.active.current {
    min-height: 210px;
}
.dx-feature-tab-five .item-wrapper.img-responsives {
    height: 488px;
    min-height: 488px;
}
.dx-feature-tab-five .item-wrapper.img-responsives img {
    height: 86%;
}
.dx-feature-tab-four .item-wrapper.img-responsives {
    height: 440px;
    min-height: 440px;
}
.dx-feature-tab-four .item-wrapper.img-responsives img {
    height: 84%;
}
.dx-feature-tab-three .item-wrapper.img-responsives {
    height: 362px;
    min-height: 362px;
}
.dx-feature-tab-three .item-wrapper.img-responsives img {
    height: 81%;
}
}
.dx-feature-tabs .caption-wrapper {
    min-height: 66px;
}
@media only screen and (min-width: 1200px){
.dx-feature-tab-six .item-wrapper.img-responsives img {
    width: 100%;
    height: 88%;
    object-fit: contain;
}

.dx-feature-tab-six .item-wrapper.img-responsives {
    min-height: 564px;
    height: 537px;
}
.dx-feature-tab-five .item-wrapper.img-responsives img {
    height: 85.5%;
}
.dx-feature-tab-five .item-wrapper.img-responsives {
    min-height: 487px;
    height: 487px;
}
.dx-feature-tab-four .item-wrapper.img-responsives {
    min-height: 410px;
    height: 410px;
}
.dx-feature-tab-four .item-wrapper.img-responsives img {
    height: 83.5%;
}
.dx-feature-tab-three .item-wrapper.img-responsives {
    min-height: 334px;
    height: 334px;
}
.dx-feature-tab-three .item-wrapper.img-responsives img {
    height: 79%;
}
}
.impact-pillars .sub-title, .impact-pillars .h1-title {
    color: #fff !important;
}
.latest-digital-news.featured-products .latest-news-wrapper .pillar_title h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    color: #000032;
    margin-bottom: 10px;
}
.latest-news-wrapper:hover .pillar_title h3{
  color: #000032 !important;   
}
.expertise-item-wrapper .item.last-box {
    flex: 0 0 100%;
}
.expertise-item-wrapper .item.last-box .card.expertise-wrapper {
    border-radius: 5px;
}
.last-child.card.expertise-wrapper.products-carousal {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.expertise-item-wrapper .item.last-box .card.expertise-wrapper.products-carousal {
    min-height: 200px !important;
}
.expertise-item-wrapper .item.last-box .icon-wrapper.img-responsives {
    height: 60px;
}
.hide-content .feature-box-3 .content {
    display: none;
}
.hide-content .gradient-bg2.img-responsives {
    padding: 10px;margin: 10px auto;
}
.hide-content .feature-box-3.three-block-feature.profile {
    border: 1px solid #ccc;
}
.unolist-card .card-content-box ul.dots {
    padding: 0 0 0 15px;
}
.unolist-card .card-content-box {
    padding: 15px 21px 30px 28px;
}
.customers_logo li.logo-item.img-responsives img {
    max-width: 100%;
    margin: auto;
}
.customers_logo li.logo-item.img-responsives {
    padding: 13px;
    border-radius: 5px;
    width: 114px;
    height: 85px;
    align-items: center;
    display: flex;
}
.restart-item h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
}
.restart-item p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 30px;
}
.blue-dot li {
    margin-bottom: 8px;
}
.h1-title {
    color: #14142B;
    font-size: 35px;
    font-weight: 500;
    line-height: 40px;
    margin-bottom: 10px;
}
.hclsoftware-news .card.insights-carousel-wedget .card-carousel-box {
    background: #fff;
}
.is-head {
    pointer-events: none;
}
.ai-clients .title-wrapper .h1-title {
    text-align: left !important;
    font-size: 48px;
    line-height: 57.6px;
    margin-bottom: 10px !important;
}
.ai-clients .title-wrapper {
    margin-left: 0px !important;
    margin-bottom: 26px;
}
.ai-clients .customers_logo {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    align-items: center;
    padding: 0px;
}
.ai-clients .logo-item {
    border-bottom: 1px solid #D9DBE9;
    border-radius: 0px !important;
}
.ai-clients .customers_logo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0;
}
.ai-clients .customers_logo li.logo-item.img-responsives {
    flex: 0 0 16.5%;
}
.ai-clients .customers_logo li.logo-item.img-responsives:hover {
    border-bottom: 3px solid;
    border-image-slice: 1;
    border-width: 3px;
    border-image-source: linear-gradient(269.2deg, #3C91FF 1.02%, #2EC0CB 99.5%);
}
.bigfixhide-cta .btn-cta { display: none;}