.connectBlock .container856{max-width:1166px}
.connectBlock{padding:35px 0}
.clearfix:after,#sync2:after,.level1:after,.container:after,.container856:after,.container886:after,.fourBlock:after,.copy:after,.footerContainer:after,.footerTop:after,.level5:after,.titleBlock:after,.fourBlock:after,.topNav:after,.dropDownleft:after,.middleContent .listItem:after{content:"";clear:both;display:block}
.container856{margin:auto;max-width:1010px}
.connectBlock .container856{max-width:1166px}
.connnectWrap .prev,.connnectWrap .next,.blockArrow .prev,.blockArrow .next{position:absolute;top:50%;margin:-21px 0 0;cursor:pointer;z-index:5;max-width:42px}
#nextStory .prev,#yearsOfMphasis .prev,#awards .prev,#newLaunches .prev,.connnectWrap .prev{left:-75px}
#nextStory .next,#yearsOfMphasis .next,#awards .next,#newLaunches .next,.connnectWrap .next{right:-75px}
.connnectWrap .prev,.connnectWrap .next{display:none}
.connnectWrap{margin:0 -9px;position:relative}
#nextStory .owl-nav,#yearsOfMphasis .owl-nav,#awards .owl-nav,#newLaunches .owl-nav,#owl-carousel-socialBlock .owl-nav{display:none}
#nextStory .prev,#nextStory .next,#yearsOfMphasis .prev,#yearsOfMphasis .next,#awards .prev,#awards .next,#newLaunches .prev,#newLaunches .next,.connnectWrap .prev,.connnectWrap .next,.blockArrow .prev,.blockArrow .next{position:absolute;top:50%;margin:-21px 0 0;cursor:pointer;z-index:5;max-width:42px}
.connectItem{margin:auto;padding:0 9px}
.connectHolder h2{text-align:center;font:20px "robotolight",sans-serif;margin-bottom:20px}
.connectHolder .equalHeighttw{height:421px !important;border:1px solid rgba(0,0,0,0.1)}
.connectHolder .scroll-content{overflow-x:auto !important}
.middleContent .listItem:last-child{border:0;padding-bottom:10px}
.middleContent{background:#fff;padding:0 13px !important;overflow:scroll}
.middleContent .listItem{padding:12px 0 17px;border-bottom:1px solid #eae9e9}
.stayTuned .middleContent p{font:12px/17px "robotolight",sans-serif;color:#578;padding-bottom:10px}
.middleContent{padding:0 1px !important;border:none !important}
.middleContent::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px;background-color:#f5f5f5}
.of_scrollbar{-ms-overflow-style:scrollbar}
.middleContent::-webkit-scrollbar{width:10px;background-color:#f5f5f5}
.tweetBlock .listItem{padding:12px 0 8px}
.tweetBlock .listItem:last-child{padding-bottom:0}
.tweetIcon{float:left;width:17%}
.tweetIcon img{width:100%;display:block;max-width:51px}
.middleContent::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#e6e6e6}
.tweetContent{float:left;padding-left:6px;width:83%}
.tweetContent h4{font:11px/15px "robotomedium",sans-serif;color:#3f4654;margin-bottom:6px}
.tweetContent h4 a{color:#9f9f9f;transition:all ease-in-out .5s;-ms-transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;-o-transition:all ease-in-out .5s;-webkit-transition:all ease-in-out .5s}
.tweetContent p{font:11px/15px "robotolight",sans-serif;color:#3f4654}
.tweetContent p a{color:#479ec7}
.bottomCont{background:#00324e;text-align:right;padding:10px;min-height:41px}
.owl-carousel .owl-item .bottomCont img{width:auto}
.bottomCont a{color:#fff;display:inline-block;font:11px "robotoregular",sans-serif;vertical-align:middle}
.bottomCont span{float:left;padding:2px 15px}
.bottomCont img{float:left;max-width:28px}
.tweetBlock .bottomCont{background:#24a9de}
.tweetBlock .bottomCont img{margin-left:10px;margin-top:3px}
.tweetBlock .bottomCont a:hover{text-decoration:underline}
.stayTuned .bottomCont{background:#e12f2f}
.blogIcon{float:left;width:36%}
.blogIcon img{width:100%;display:block}
.blogContent{float:left;padding-left:14px;width:62%}
.blogContent h4{font:11px "robotobold",sans-serif}
.blogContent h4 a{color:#6cbee5;transition:all ease-in-out .5s;-ms-transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;-o-transition:all ease-in-out .5s;-webkit-transition:all ease-in-out .5s}
.blogContent p{font:11px/14px "robotolight",sans-serif;color:#578}
.titleBlock{position:relative;background:#fff;width:241.333px;margin:0;height:39px;padding:10px;border-bottom:1px solid #d1d1d1}
.titleBlock{width:100%}
.titleBlock h4{width:45%}
.titleBlock a{float:right}
.titleBlock h4{float:left}
.titleBlock h4{font:13px "robotomedium",sans-serif}
.titleBlock a img{width:auto;float:right}
.youVideo{padding:17px 0}
.connectFuture{position:relative;background:url(../../../content/dam/mphasis-com/global/en/blogs/level5-backgrond.jpg) no-repeat center / cover}
.connectFuture .TitleHolder{width:100%;background:rgba(63,70,84,0.5);padding:25px 0}
.connectFuture .TitleHolder h2{display:inline-block;vertical-align:middle;width:58%;font:38px "robotothin",sans-serif;text-transform:uppercase;color:#fff;letter-spacing:-1px}
.connectFuture .TitleHolder h2 strong{font-family:"robotomedium",sans-serif;font-weight:normal;text-transform:uppercase;color:#6cbee5}
.connectFuture .TitleHolder p{width:39%;display:inline-block;vertical-align:middle;color:#3f4654;padding:0 0 0 20px;font:17px/20px "robotolight",sans-serif;color:#fff}
@media only screen and (max-width:1024px){.connectBlock{padding:25px 0 50px}
.container886,.container856,.container,#sync2{max-width:inherit}
.container886,.container856,.gridItem{padding:0}
#nextStory .prev,#yearsOfMphasis .prev,#awards .prev,#newLaunches .prev,.connnectWrap .prev,.blockArrow .prev{left:30px}
#nextStory .next,#yearsOfMphasis .next,#awards .next,#newLaunches .next,.connnectWrap .next,.blockArrow .next{right:30px}
.connnectWrap{max-width:500px;margin:0 auto}
.connnectWrap .prev,.connnectWrap .next{display:block}
.connnectWrap .prev{left:-80px}
.connnectWrap .next{right:-80px}
.connectHolder h2{font-size:25px}
.blogContent h4,.blogContent p,.tweetContent h4,.tweetContent p,.bottomCont a,.stayTuned .middleContent p{font-size:14px;line-height:17px}
.middleContent{padding:10px 30px;Width:100%}
.connectFuture{background-image:url(../../../content/dam/mphasis-com/global/en/blogs/level5-backgrond-tab.jpg)}
.connectFuture .TitleHolder{padding:35px 0;background:#fff}
.connectFuture .TitleHolder h2{font-size:48px;line-height:42px;padding-left:35px;width:380px;float:left;color:#3f4654}
.connectFuture .TitleHolder p{width:auto;padding:10px 0 0 10px;font-size:21px;line-height:25px;margin-left:380px;display:block;color:#3f4654}
}
@media only screen and (max-width:767px){.connectBlock{display:none}
.connectFuture .TitleHolder{text-align:center}
.connectFuture .TitleHolder h2,.connectFuture .TitleHolder p{width:auto;display:block;padding:0}
.connectFuture .TitleHolder h2{color:#3f4654;font:67px/56px "robotothin",sans-serif;letter-spacing:-2px;float:none}
.connectFuture .TitleHolder h2 strong{color:inherit;display:block}
.connectFuture .TitleHolder p{padding-top:30px;margin:0 auto;font-size:24px;line-height:32px;max-width:440px}
}
@media only screen and (max-width:639px){#nextStory .prev,#yearsOfMphasis .prev,#awards .prev,#newLaunches .prev,.connnectWrap .prev,.blockArrow .prev{left:30px;max-width:40px;margin-top:-20px}
#nextStory .next,#yearsOfMphasis .next,#awards .next,#newLaunches .next,.connnectWrap .next,.blockArrow .next{right:30px;max-width:40px;margin-top:-20px}
.connectFuture .TitleHolder h2{font-size:50px;line-height:42px}
.connectFuture .TitleHolder p{font-size:18px;line-height:24px;max-width:350px;padding-top:20px}
}
@media only screen(max-device-width:1024px) and (min-device-width:768px){.connectHolder .equalHeighttw{height:383px !important}
.equalHeight{overflow-x:hidden;overflow:auto}
iframe#twitter-widget-0{float:right}
.hmbox:hover{text-decoration:none !important}
}
@media all and (-ms-high-contrast:none){.connectHolder .equalHeighttw{height:306px !important}
*::-ms-backdrop,.connectHolder .equalHeighttw{height:306px !important}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){.titleBlock h4{width:68%}
}
@media only screen and (max-width:479px){.connectFuture .TitleHolder h2{font-size:33px;line-height:28px}
.connectFuture .TitleHolder p{font-size:14px;line-height:18px;max-width:inherit}
}
.blog-wrapper{padding:12px 1px 17px;border-bottom:1px solid #eae9e9}