#section1{padding-top:60px}
#section1 .compasslideContainer{top:50%}
#section2 .compasslideContainer{top:50%}
#section3 .compasslideContainer{top:50%}
#section4 .compasslideContainer{top:50%}
#section5 .compasslideContainer{top:50%}
#section6 .compasslideContainer{top:50%}
#section1 .compasslideContentleft{background-color:rgba(255,255,255,0.6);padding:15px 28px}
#section2 .compasslideContentleft{background-color:rgba(255,255,255,0.6);padding:15px 28px}
#section3 .compasslideContentleft{background-color:rgba(255,255,255,0.6);padding:15px 28px}
#section4 .compasslideContentleft{background-color:rgba(255,255,255,0.6);padding:15px 28px}
#section5 .compasslideContentleft{background-color:rgba(255,255,255,0.6);padding:15px 28px}
#section6 .compasslideContentleft{background-color:rgba(255,255,255,0.6);padding:15px 28px}
.compassslider ul li{margin-left:25px;font-size:16px;list-style:disc}
.compasslideContainer a{padding:0 28px 5px 0;background:url(../../../content/dam/mphasis-com/global/en/icons/learn-more-icon.png) no-repeat right center;background-size:21px}
.compasslideContainer a:link{color:#06f !important}
.compasslideContainer a:hover{color:#00f !important}
.compasslideContainer a:visited{color:#00f !important}
.compasslideContainer a:active{color:#00f !important}
.compassslider{position:relative}
.compasslideContent p{padding:0}
.owl-nav.disabled{display:none}
.robotobold42{font:42px/42px "robotobold"}
.robotomedium42{font:42px/42px "robotomedium"}
.robotolight42{font:42px/42px "robotolight"}
.robotothin42{font:42px/42px "robotothin"}
.robotoregular42{font:42px/42px "robotoregular"}
.roboto42{font:42px/42px "roboto"}
.robotobold38{font:38px/38px "robotobold"}
.robotomedium38{font:38px/38px "robotomedium"}
.robotolight38{font:38px/38px "robotolight"}
.robotothin38{font:38px/38px "robotothin"}
.robotoregular38{font:38px/38px "robotoregular"}
.roboto38{font:38px/38px "roboto"}
.robotobold35{font:35px/35px "robotobold"}
.robotolight35{font:35px/35px "robotolight"}
.robotobold28{font:28px/28px "robotobold"}
.robotomedium28{font:28px/28px "robotomedium"}
.robotolight28{font:28px/28px "robotolight"}
.robotothin28{font:28px/28px "robotothin"}
.robotoregular28{font:28px/28px "robotoregular"}
.roboto28{font:28px/28px "roboto"}
.robotobold26{font:26px/26px "robotobold"}
.robotomedium26{font:26px/26px "robotomedium"}
.robotolight26{font:26px/26px "robotolight"}
.robotobold25{font:25px/25px "robotobold"}
.robotomedium25{font:25px/25px "robotomedium"}
.robotolight25{font:25px/25px "robotolight"}
.robotobold18{font:18px/18px "robotobold"}
.robotomedium18{font:18px/18px "robotomedium"}
.robotolight18{font:18px/18px "robotolight"}
.robotothin18{font:18px/18px "robotothin"}
.robotoregular18{font:18px/18px "robotoregular"}
.roboto18{font:18px/18px "roboto"}
.robotobold16{font:16px/16px "robotobold"}
.robotolight16{font:16px/16px "robotolight"}
.robotobold15{font:15px "robotobold"}
.robotomedium15{font:15px "robotomedium"}
.robotolight15{font:15px "robotolight"}
.robotothin15{font:15px "robotothin"}
.robotoregular15{font:15px "robotoregular"}
.roboto15{font:15px "roboto"}
.robotobold14{font:14px "robotobold"}
.robotomedium14{font:14px "robotomedium"}
.robotolight14{font:14px "robotolight"}
.robotobold11{font:11px "robotobold"}
.robotomedium11{font:11px "robotomedium"}
.robotolight11{font:11px "robotolight"}
.robotothin11{font:11px "robotothin"}
.robotoregular11{font:11px "robotoregular"}
.roboto11{font:11px "roboto"}
.blue-1ea5d9{color:#1ea5d9}
.blue-3cc1db{color:#3cc1db}
.blue-3a6b96{color:#3a6b96}
.red-ad273f{color:#ad273f}
.red-ec4d4c{color:#ec4d4c}
.orange-ed954a{color:#ed954a}
.green-cedb5f{color:#cedb5f}
.darkgrey-252c39{color:#252c39}
.lightgrey-ebebeb{color:#ebebeb}
.grey-3f4654{color:#3f4654}
.white-fff{color:#fff}
.compassslider .ins-next{right:30px}
.compassslider .ins-prev{left:30px}
.compassslider .ins-prev{background:url("../../../content/dam/mphasis-com/global/en/icons/expertise-left-arrow.png") no-repeat center center}
.compassslider .ins-prev:hover{background:url("../../../content/dam/mphasis-com/global/en/icons/expertise-left-arrow-hover.png")}
.compassslider .ins-next{background:url("../../../content/dam/mphasis-com/global/en/icons/expertise-right-arrow.png") no-repeat center center}
.compassslider .ins-next:hover{background:url("../../../content/dam/mphasis-com/global/en/icons/expertise-right-arrow-hover.png")}
.compassslider .ins-prev,.compassslider .ins-next{position:absolute;top:50%;margin:-21px 0 0;cursor:pointer;z-index:5;width:43px;height:43px}
.compasslideItem{position:relative;overflow:hidden;font-size:0}
.compasslideContainer{position:absolute;z-index:1;top:0;transform:translateY(-50%);top:45%;width:100%;left:0;right:0}
.compasslideContent{max-width:56%;float:right;padding:100% 10px}
.compasslideContent a:hover{opacity:1}
.compasslideContentleft{max-width:49%;float:left;padding:100% 10px}
.compasslideContentleft a:hover{opacity:1}
.carousalBrands.owl-carousel .slideContent img{width:35px;display:inline-block;vertical-align:middle;margin-left:5px}
.compasslideContentcenter{max-width:49%;margin:auto;padding:100% 10px;text-align:center}
@media only screen and (max-width:1024px){.compasslideContent{max-width:55%;padding:0 50px 0 0}
.compasslideContentleft{max-width:55%;padding:0 50px 0 0}
.compasslideContentcenter{max-width:55%;padding:0 50px 0 0}
.compasslideContainer{position:absolute;z-index:1;top:0;transform:translateY(-50%);top:45%;width:100%;left:0;right:0}
.robotobold42{font:36px/36px "robotobold"}
.robotomedium42{font:36px/36px "robotomedium"}
.robotolight42{font:36px/36px "robotolight"}
.robotothin42{font:36px/36px "robotothin"}
.robotoregular42{font:36px/36px "robotoregular"}
.roboto42{font:36px/36px "roboto"}
.robotobold38{font:32px/32px "robotobold"}
.robotomedium38{font:32px/32px "robotomedium"}
.robotolight38{font:32px/32px "robotolight"}
.robotothin38{font:32px/32px "robotothin"}
.robotoregular38{font:32px/32px "robotoregular"}
.roboto38{font:32px/32px "roboto"}
.robotobold35{font:29px/29px "robotobold"}
.robotolight35{font:29px/29px "robotolight"}
.robotobold28{font:22px/22px "robotobold"}
.robotomedium28{font:22px/22px "robotomedium"}
.robotolight28{font:22px/22px "robotolight"}
.robotothin28{font:22px/22px "robotothin"}
.robotoregular28{font:22px/22px "robotoregular"}
.roboto28{font:22px/22px "roboto"}
.robotobold26{font:20px/20px "robotobold"}
.robotomedium26{font:20px/20px "robotomedium"}
.robotolight26{font:20px/20px "robotolight"}
.robotobold25{font:19px/19px "robotobold"}
.robotomedium25{font:19px/19px "robotomedium"}
.robotolight25{font:19px/19px "robotolight"}
.robotobold18{font:14px "robotobold"}
.robotomedium18{font:14px "robotomedium"}
.robotolight18{font:14px "robotolight"}
.robotothin18{font:14px "robotothin"}
.robotoregular18{font:14px "robotoregular"}
.roboto18{font:14px "roboto"}
.robotobold16{font:13px "robotobold"}
.robotolight16{font:13px "robotolight"}
.robotobold15{font:13px "robotobold"}
.robotomedium15{font:13px "robotomedium"}
.robotolight15{font:13px "robotolight"}
.robotothin15{font:13px "robotothin"}
.robotoregular15{font:13px "robotoregular"}
.roboto15{font:13px "roboto"}
.robotobold14{font:12px "robotobold"}
.robotomedium14{font:12px "robotomedium"}
.robotolight14{font:12px "robotolight"}
}
@media only screen and (max-width:767px){.compasslideContent{max-width:60%}
.compasslideContentleft{max-width:60%}
.compasslideContentcenter{max-width:60%}
.compasslideContainer{position:absolute;z-index:1;top:0;transform:translateY(-50%);top:50%;width:100%;left:0;right:0}
}
@media only screen and (max-width:639px){#section1 .compasslideContentleft{max-width:100%}
#section2 .compasslideContentleft{max-width:100%}
#section3 .compasslideContentleft{max-width:100%}
#section4 .compasslideContentleft{max-width:100%}
#section5 .compasslideContentleft{max-width:100%}
#section6 .compasslideContentleft{max-width:100%}
.compasslideContent{max-width:60%}
.compasslideContentleft{max-width:60%}
.compasslideContentcenter{max-width:60%}
#banner .compassslider .ins-next,#banner .compassslider .ins-prev{background-size:30px;height:30px;width:30px}
.compasslideContainer{position:absolute;z-index:1;top:0;transform:translateY(-50%);top:50%;width:100%;left:0;right:0}
.robotobold42{font:20px/20px "robotobold"}
.robotomedium42{font:20px/20px "robotomedium"}
.robotolight42{font:20px/20px "robotolight"}
.robotothin42{font:20px/20px "robotothin"}
.robotoregular42{font:20px/20px "robotoregular"}
.roboto42{font:20px/20px "roboto"}
.robotobold38{font:18px/18px "robotobold"}
.robotomedium38{font:18px/18px "robotomedium"}
.robotolight38{font:18px/18px "robotolight"}
.robotothin38{font:18px/18px "robotothin"}
.robotoregular38{font:18px/18px "robotoregular"}
.roboto38{font:18px/18px "roboto"}
.robotobold35{font:17px/17px "robotobold"}
.robotolight35{font:17px/17px "robotolight"}
.robotobold28{font:14px "robotobold"}
.robotomedium28{font:14px "robotomedium"}
.robotolight28{font:14px "robotolight"}
.robotothin28{font:14px "robotothin"}
.robotoregular28{font:14px "robotoregular"}
.roboto28{font:14px "roboto"}
.robotobold26{font:13px "robotobold"}
.robotomedium26{font:13px "robotomedium"}
.robotolight26{font:13px "robotolight"}
.robotobold25{font:12px "robotobold"}
.robotomedium25{font:12px "robotomedium"}
.robotolight25{font:12px "robotolight"}
.robotobold18{font:12px "robotobold"}
.robotomedium18{font:12px "robotomedium"}
.robotolight18{font:12px "robotolight"}
.robotothin18{font:12px "robotothin"}
.robotoregular18{font:12px "robotoregular"}
.roboto18{font:12px "roboto"}
.robotobold16{font:12px "robotobold"}
.robotolight16{font:12px "robotolight"}
.robotobold15{font:12px "robotobold"}
.robotomedium15{font:12px "robotomedium"}
.robotolight15{font:12px "robotolight"}
.robotothin15{font:12px "robotothin"}
.robotoregular15{font:12px "robotoregular"}
.roboto15{font:12px "roboto"}
.robotobold14{font:12px "robotobold"}
.robotomedium14{font:12px "robotomedium"}
.robotolight14{font:12px "robotolight"}
}
@media only screen and (max-width:479px){#section1 .compasslideContentleft{max-width:100%}
#section2 .compasslideContentleft{max-width:100%}
#section3 .compasslideContentleft{max-width:100%}
#section4 .compasslideContentleft{max-width:100%}
#section5 .compasslideContentleft{max-width:100%}
#section6 .compasslideContentleft{max-width:100%}
.compasslideContent{max-width:60%;padding:26px 0 22px 0}
.compassslider .ins-next{right:5px}
.compassslider .ins-prev{left:5px}
.compassslider .ins-next,.compassslider .ins-prev{width:30px;height:30px}
.compasslideContentleft{max-width:60%;padding:0 10px 0 0}
.compasslideContentcenter{max-width:60%;padding:0 10px 0 0}
.compasslideContainer{position:absolute;z-index:1;top:0;transform:translateY(-50%);top:50%;width:100%;left:0;right:0}
}
@media only screen and (min-device-width :375px) and (max-device-width :667px) and (orientation :landscape){.compasslideContainer .compasslideContent{padding:0 26px 0 0}
}
@media only screen and (min-device-width :375px) and (max-device-width :667px) and (orientation :portrait){.compasslideContainer .compasslideContent{padding:36px 9px 0 0}
}