.owl-carousel .owl-item{-webkit-transform:translateZ(0) !important}
.carousalBrands .owl-nav.disabled{display:none}
.cmpassPText{background:#e6ebee;padding:20px 0 5px}
.cmpassPText p{font:14px/18px 'robotolight';color:#252c39;padding-bottom:18px}
.ptformbeneFits{padding:30px 0;background:#00314f}
.ptformtitle h2{font:38px/36px 'robotolight';text-transform:uppercase;color:#fff;padding:5px 0 25px}
.ptformtitle h2 strong{font-family:'robotobold'}
.allbenefits{width:100%}
.twoAllbenefits .eachBenefit{width:50%}
.eachBenefit{float:left;width:33.33%;display:table;vertical-align:middle;padding:20px 0}
.eachBenefit img{display:table-cell;max-width:117px;vertical-align:middle;margin-right:15px}
.eachBenefit p{font:15px/18px 'robotolight';color:#fff;display:table-cell;vertical-align:middle;padding:0 10px 0 0}
.suittitle{padding:30px 0 32px;background:#3ca9dd}
.suittitle h3{font:normal 38px/37px 'robotolight';text-transform:uppercase;color:#fff}
.suittitle h3 span{text-transform:none}
.suittitle h3 strong span{text-transform:capitalize}
.suittitle h3 strong{font-family:'robotobold'}
.comIStitle{padding:30px 0;background:#3f4654}
.comIStitle h3{font:38px/37px 'robotolight';text-transform:uppercase;color:#fff;display:inline-block;vertical-align:middle;width:59%;text-transform:uppercase;letter-spacing:-1px;padding-top:3px}
.comIStitle h3 strong,{font-family:'robotobold'}
.comIStitle p{width:38%;display:inline-block;vertical-align:middle;color:#3f4654;padding:0 0 0 20px;font:14px/17px "robotolight",sans-serif;color:#fff}
.compasscaurosel{padding:45px 0;background:#eff5f5}
.compasssldieimg{max-width:320px;text-align:center;margin:0 35px 0 70px;display:inline-block;vertical-align:middle}
.broucher{width:58%;display:inline-block;vertical-align:top;padding-top:55px}
.broucher h4{color:#252c39;font:38px/37px "robotolight";padding-bottom:15px}
.broucher h4 strong{font-family:'robotobold'}
.broucher span{font:18px/17px 'robotolight'}
.broucher p{color:#252c39;font:14px/17px 'robotolight';padding-bottom:15px}
.knowmorebtn{border:1px solid #3ca9dd;background:#3ca9dd;color:#fff;text-decoration:none;border-radius:22px;padding:8px 18px;display:inline-block;margin:15px 0;font:17px 'robotomedium';text-transform:uppercase;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}
.knowmorebtn:hover{background:transparent;color:#3ca9dd;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}
#brouchurelist .owl-nav.disabled{display:none}
.compassslider .ins-next{right:30px}
.compassslider .ins-prev{left:30px}
.compassslider .ins-prev,#brouchurelist .ins-prev{background:url("../../../content/dam/mphasis-com/global/en/icons/expertise-left-arrow.png") no-repeat center center;background-size:100%}
.compassslider .ins-prev:hover,#brouchurelist .ins-prev:hover{background-image:url("../../../content/dam/mphasis-com/global/en/icons/expertise-left-arrow-hover.png")}
.compassslider .ins-next,#brouchurelist .ins-next{background:url("../../../content/dam/mphasis-com/global/en/icons/expertise-right-arrow.png") no-repeat center center;background-size:100%}
.compassslider .ins-next:hover,#brouchurelist .ins-next:hover{background-image:url("../../../content/dam/mphasis-com/global/en/icons/expertise-right-arrow-hover.png")}
.compasslideItem{position:relative}
.compasslideContainer{position:absolute;z-index:1;top:0;transform:translateY(-50%);top:50%;width:100%;left:0;right:0}
.compasslideContent h3{text-transform:uppercase;font:42px/40px 'robotothin';color:#252c39}
.compasslideContent h3 span{display:block}
.compasslideContent h3 strong{font:normal 42px/40px "robotobold";display:block}
.learnMore{font:14px "robotolight",sans-serif;color:#000;opacity:.7;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;background:url(../../../content/dam/mphasis-com/global/en/icons/learn-more-icon.png) no-repeat right center;background-size:24px;padding:3px 30px 3px 0}
.compasslideContent a:hover{opacity:1}
.carousalBrands.owl-carousel .slideContent img{width:35px;display:inline-block;vertical-align:middle;margin-left:5px}
.compasslideContent p{font:15px/20px "robotolight",sans-serif;padding:15px 0;color:#252c39}
.compasslideContent p strong{font-family:"robotobold";font-weight:normal}
#brouchurelist{position:relative}
#brouchurelist .ins-prev,#brouchurelist .ins-next,.compassslider .ins-prev,.compassslider .ins-next{position:absolute;top:50%;margin:-21px 0 0;cursor:pointer;z-index:5;width:43px;height:43px}
#brouchurelist .ins-prev{left:-75px}
#brouchurelist .ins-next{right:-75px}
.comprehensiveTitle{background:#3f4654;padding:30px 0}
.comprehensiveTitle h2{float:left;font:38px/40px "robotothin",sans-serif;color:#fff;text-transform:uppercase;width:64%}
.comprehensiveTitle h2 span{display:block;font-family:"robotomedium",sans-serif}
.comprehensiveTitle p{font:14px "robotolight",sans-serif;color:#fff}
.comprehensiveCon{background:url(../../../content/dam/mphasis-com/global/en/industries/insurance/portraits/comprehensive-bg.jpg) no-repeat center;background-size:cover;padding:30px 0;max-width:1366px;margin:0 auto}
.comprehensiveTabs ul{margin:0 -8px}
.comprehensiveTabs li{padding:0 8px;text-align:center;float:left;position:relative}
.comprehensiveTabs li a{background:rgba(255,255,255,0.6);display:block;font:17px "robotolight",sans-serif;color:#386896;text-transform:uppercase;padding:15px 31px;transition:all ease-out .2s;-moz-transition:all ease-out .2s;-webkit-transition:all ease-out .2s;-o-transition:all ease-out .2s;-ms-transition:all ease-out .2s}
.comprehensiveTabs li a:hover,.comprehensiveTabs li.active a{background:#386896;color:#fff}
.comprehensiveTabs li a:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);border:solid 15px #386896;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent;opacity:0;transition:all ease-out .2s;-moz-transition:all ease-out .2s;-webkit-transition:all ease-out .2s;-o-transition:all ease-out .2s;-ms-transition:all ease-out .2s}
.comprehensiveTabs li a:hover:after,.comprehensiveTabs li.active a:after{opacity:1}
.comprehensive_tab_con{text-align:center;padding:25px 0 40px 0}
.comprehensive_tab_con img{transition:all ease-out .3s;-moz-transition:all ease-out .3s;-webkit-transition:all ease-out .3s;-o-transition:all ease-out .3s;-ms-transition:all ease-out .3s}
.comprehensive_tab_con a{display:inline-block;padding:0 10px;width:25%;margin-right:-4px}
.comprehensive_tab_con .tab_content{margin:0 -10px}
.comprehensiveToggle{display:none}
.expertiseTitle{background:#3f4654;padding:15px 0;display:table;width:100%}
.expertiseTitle .container{position:relative}
.expertiseTitle h2{font:38px "robotomedium",sans-serif;color:#fff;text-transform:uppercase;display:table-cell;vertical-align:middle}
.expertiseTitle p{padding:0 50px;font:14px/20px "robotolight",sans-serif;color:#fff;display:table-cell;vertical-align:middle}
.brandLogos{max-width:830px;margin:0 auto;position:relative}
.brandLogos .item{padding:0 9px}
.brandLogos .owl-nav.disabled{display:none}
.brandLogos .arrowRight,.brandLogos .arrowLeft{position:absolute;top:50%;width:42px;height:42px;margin-top:-21px;cursor:pointer}
.brandLogos .arrowRight{right:-50px;background:url(../../../content/dam/mphasis-com/global/en/icons/desktop/sliderArrow-right.png) no-repeat center}
.brandLogos .arrowRight:hover{background:url(../../../content/dam/mphasis-com/global/en/icons/expertise-right-arrow-hover.png) no-repeat center}
.brandLogos .arrowLeft{left:-50px;background:url(../../../content/dam/mphasis-com/global/en/icons/desktop/sliderArrow-left.png) no-repeat center}
.brandLogos .arrowLeft:hover{background:url(../../../content/dam/mphasis-com/global/en/icons/expertise-left-arrow-hover.png) no-repeat center}
.resources-related a{cursor:pointer}
.resourcespopup{padding:20px 0 40px}
#resourceModalPopup a{width:initial}
@media all and (-ms-high-contrast:none){.eachResourcelink a{min-height:80px}
}
.downloasTabsLinks>ul{border-bottom:3px solid #e1e1e1;margin-bottom:20px;text-align:left}
.downloasTabsLinks>ul>li{display:inline-block;padding:5px 10px}
.downloasTabsLinks>ul>li>a{color:#3f4654;font:18px 'robotolight';text-transform:uppercase;padding:5px 10px;display:inline-block;width:initial}
.downloasTabsLinks>ul>li>a:hover{color:#3f4654}
.downloasTabsLinks>ul>li.active{border-bottom:3px solid #3ca9dd;margin-bottom:-3px}
.eachResourcelink a{font:13px 'robotolight';color:#3f4654}
.eachResourcelink span{font:italic 13px 'robotolight';color:rgba(63,70,84,0.45);overflow:hidden}
.eachResourcelink img{display:block;padding-bottom:10px;margin:0 auto;border:1px solid #e1e1e1}
.eachResourcelink a{display:block;padding:10px 0}
.resourcetab_content a:hover{color:#3ca9dd;text-decoration:underline}
.eachResourcelink{padding:20px;text-align:center}
.allresourceslinks ul li{width:20%;float:left;text-align:center;margin:0 -1px -1px 0;vertical-align:top;border:1px solid #ebebeb}
.modal-box header,.modal-box .modal-header{padding:1.25em 1.5em;border-bottom:1px solid #ddd}
.modal-box .modal-body{padding:2em 1.5em}
a.close{line-height:1;font-size:1.5em;position:absolute;top:5%;right:2%;text-decoration:none;color:#bbb}
a.close:hover{color:#222;-webkit-transition:color 1s ease;-moz-transition:color 1s ease;transition:color 1s ease}
.modal-box{position:absolute;right:0;bottom:70px;top:0;left:0;z-index:98;transition:all ease-out 2s;-moz-transition:all ease-out 2s;-webkit-transition:all ease-out 2s;-o-transition:all ease-out 2s;-ms-transition:all ease-out 2s;display:none;background:rgba(0,0,0,.5)}
.modal-open{overflow:hidden;padding-right:15px}
.modal-box .popup-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;outline:0;max-width:1366px;margin:0 auto}
.modal-box .popup-content a{width:auto}
.modal-box .popup-content a:hover{background:0}
.js-modal-close.close span{font-size:0;width:16px;height:16px;background:url(../../../content/dam/mphasis-com/global/en/icons/close.png) no-repeat center;display:block}
.modal-open{overflow:hidden;padding-right:15px;width:100%;height:100%;background:#fff;position:fixed}
.modalWrap{position:absolute;left:0;right:0;bottom:0}
.relatedPopupTxt ul li{border-bottom:1px solid #e5e3e3;font:14px 'robotolight',sans-serif}
.relatedPopupTxt ul li a{text-align:left;color:#3f4654;font-size:14px;width:inherit;height:inherit;font-family:"robotobold",sans-serif;padding-right:5px}
.relatedPopupTxt ul li a:hover{background:0;color:#3ca9dd}
.relatedPopupTxt ul li{background:url(../../../content/dam/mphasis-com/global/en/icons/bullet-icon.png) no-repeat left center;text-align:left;padding:0 0 0 25px;line-height:36px}
@media only screen and (max-width:1024px){.cmpassPText{text-align:center;padding:30px 30px;margin:0 auto}
.ptformtitle{text-align:center}
.ptformtitle h2{padding:5px 10% 25px;line-height:38px}
.eachBenefit{text-align:center;display:table-cell;vertical-align:middle;min-height:250px}
.eachBenefit img{display:block;margin:0 auto 10px auto;text-align:center}
.eachBenefit p{display:block;padding:0 13%}
.allbenefits{display:table}
.suittitle h3{text-align:center}
.suittitle h3 strong{display:block}
.compasssldieimg{margin:0 25px 0 90px}
#brouchurelist .ins-prev{left:30px}
#brouchurelist .ins-next{right:30px}
.broucher{padding-right:10%;width:50%}
.broucher h4{font-size:35px}
.comprehensiveTitle{text-align:center}
.comprehensiveTitle h2{width:100%;padding-bottom:20px}
.comprehensiveTitle p{max-width:360px;margin:auto}
.comprehensiveTabs{text-align:center}
.comprehensiveTabs li{padding:0 5px;display:inline-block;margin-right:-4px;float:none}
.comprehensiveTabs li a{font-size:13px;padding:8px 25px}
.comprehensiveTabs li a:after{border-width:10px}
.comprehensive_tab_con a{width:33.33%;padding:0 7px}
.comprehensive_tab_con{padding:25px 0 0}
.expertiseTitle{text-align:center;padding:20px 0 30px}
.expertiseTitle h2{display:block;padding-bottom:15px}
.expertiseTitle p{max-width:620px;display:block;padding:0;margin:auto}
.brandLogos{max-width:600px}
.allresourceslinks ul li{width:25%}
}
@media only screen and (max-width:767px){.compasslideContent h3,.compasslideContent h3 strong{font-size:42px;line-height:42px}
.compasslideContent p{font-size:16px;line-height:22px}
.cmpassPText p{font-size:16px;line-height:22px}
.cmpassPText{padding:30px 0}
.ptformtitle h2,.suittitle h3{line-height:38px;font-size:38px}
.eachBenefit p{font-size:16px;line-height:22px}
.eachBenefit{width:50%}
.broucher span{font-size:26px;line-height:26px}
.compasssldieimg{margin:0 15px 0 60px}
.compasssldieimg{max-width:200px}
.broucher{width:45%;padding:20px 0 0}
.broucher h4{font-size:36px;line-height:36px}
#brouchurelist .ins-prev{left:15px}
#brouchurelist .ins-next{right:15px}
.broucher p{font-size:14px;line-height:22px}
.comprehensiveCon .tabifyItems,.comprehensiveCon .comprehensive_tab_con{display:none}
.comprehensiveTitle h2,.expertiseTitle h2{font-size:30px;padding-bottom:10px}
.comprehensiveToggle{display:block}
.compTitle{background:rgba(255,255,255,0.6) none repeat scroll 0 0;color:#386896;display:block;font:17px "robotolight",sans-serif;padding:15px 31px 15px 32px;text-transform:uppercase;transition:all .2s ease-out 0;cursor:pointer;text-align:center}
.compToggleCont{display:none}
#compToggle li{margin:10px 0}
.compHolder.active .compToggleCont{display:block}
.compTitle.active{background:#386896;color:#fff;position:relative}
.compToggleCont a{width:100%;display:inline-block;margin:0 0 10px}
.compToggleCont{padding:50px 15px 0;text-align:center}
.compTitle.active:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);border:solid 15px #386896;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent}
.allresourceslinks ul li{width:50%}
.downloasTabsLinks>ul>li>a{font-size:14px}
a.close{top:20px;right:15px}
.relatedPopupTxt ul li{background:rgba(0,0,0,0) url("../../../content/dam/mphasis-com/global/en/icons/bullet-icon.png") no-repeat scroll left top 10px;line-height:25px;padding:5px 0 5px 25px}
}
@media only screen and (max-width:639px){.compasslideContent h3,.compasslideContent h3 strong{font-size:28px;line-height:28px}
.compasslideContent p{font-size:16px;line-height:22px}
.cmpassPText p{font-size:16px;line-height:22px}
.ptformtitle h2,.suittitle h3{font-size:28px;line-height:28px}
.eachBenefit p{font-size:16px;line-height:20px}
.broucher h4{font-size:25px;line-height:auto;padding-bottom:0}
.broucher p{font-size:13px;line-height:18px;padding-bottom:10px}
.broucher span{font-size:16px;line-height:22px}
.compasssldieimg{max-width:150px;margin:0 15px 0 40px}
.broucher{padding-top:0}
.knowmorebtn{margin:0}
#brouchurelist .ins-prev{left:-5px}
#brouchurelist .ins-next{right:-5px}
#banner .compassslider .ins-next,#banner .compassslider .ins-prev{background-size:30px;height:30px;width:30px}
.knowmorebtn{font-size:14px;padding:6px 15px}
.comprehensiveTitle h2,.expertiseTitle h2,.expertiseVideos h2{font-size:20px;line-height:22px}
.comprehensiveTitle{padding:20px 0}
.expertiseTitle{padding:25px 0 30px}
.downloasTabsLinks>ul>li{width:50%;float:left;text-align:center}
.downloasTabsLinks>ul>li.active{background:#3ca9dd}
.downloasTabsLinks>ul>li.active a{color:#fff}
.downloasTabsLinks>ul>li a:hover,.downloasTabsLinks>ul>li.active a:hover{background:0}
.downloasTabsLinks>ul>li.active a:hover{color:#fff}
.downloasTabsLinks>ul{overflow:hidden}
.modal-box .modal-body{padding:25px 0}
}
@media only screen and (max-width:479px){.ptformtitle h2{padding-left:0;padding-right:0}
.compasslideContent h3,.compasslideContent h3 strong{font-size:18px;line-height:22px}
.compasslideContent p{font-size:12px;line-height:16px}
.cmpassPText p{font-size:14px;line-height:18px}
.ptformtitle h2,.suittitle h3{font-size:18px;line-height:22px}
.twoAllbenefits .eachBenefit{width:auto}
.eachBenefit{width:100%;min-height:auto}
.eachBenefit p{font-size:14px;line-height:20px;padding:0 15px}
.broucher{width:75%;margin:20px auto 0 auto;display:block}
.broucher span{font-size:14px}
.broucher h4{font-size:18px;line-height:24px}
.broucher p{font-size:14px;line-height:22px}
.knowmorebtn{font-size:14px;line-height:22px}
.compasssldieimg{margin:0 15px 0 40px}
#brouchurelist .ins-prev{left:0}
#brouchurelist .ins-next{right:0}
.compassslider .ins-next{right:5px}
.compassslider .ins-prev{left:5px}
.compasssldieimg{max-width:100%}
.compassslider .ins-next,.compassslider .ins-prev,#brouchurelist .ins-next,#brouchurelist .ins-prev{width:30px;height:30px}
.compTitle{padding:10px}
.compToggleCont{padding:30px 0 0 0}
.allresourceslinks ul li{width:100%}
.modal-box .modal-body{padding:50px 0 25px 0}
}
@media only screen and (max-width:360px){.modal-box .popup-content{max-height:1500px;overflow:scroll}
}
.compassslider .ins-next{right:30px}
.compassslider .ins-prev{left:30px}
.compasslideItem{position:relative}
.compasslideContainer{position:absolute;z-index:1;top:0;transform:translateY(-50%);top:50%;width:100%;left:0;right:0}
.compasslideContent h3{text-transform:uppercase;font:42px/40px 'robotothin';color:#252c39}
.compasslideContent h3 span{display:block}
.compasslideContent h3 strong{font:normal 42px/40px "robotobold";display:block}
.learnMore{font:14px "robotolight",sans-serif;color:#000;opacity:.7;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;background:url(../../../content/dam/mphasis-com/global/en/icons/learn-more-icon.png) no-repeat right center;background-size:24px;padding:3px 30px 3px 0}
.compasslideContent a:hover{opacity:1}
.carousalBrands.owl-carousel .slideContent img{width:35px;display:inline-block;vertical-align:middle;margin-left:5px}
.compasslideContent p{font:15px/20px "robotolight",sans-serif;padding:15px 0;color:#252c39}
.compasslideContent p strong{font-family:"robotobold";font-weight:normal}
.carousalBrands .owl-nav.disabled,#sync2 .owl-nav.disabled{display:none}
.compassslider .ins-prev,.compassslider .ins-next{position:absolute;top:50%;margin:-21px 0 0;cursor:pointer;z-index:5;max-width:42px}
.digitalInsurer{background:#e1e1e1}
.digitalTitle{background:rgba(255,255,255,.6);padding:10px 0}
.digitalTitle h3{display:inline-block;vertical-align:middle;font:38px/37px "robotothin",sans-serif;color:#252c39;text-transform:uppercase}
.digitalTitle h3 span{display:block;font-family:"robotomedium",sans-serif}
.breadcrumb{z-index:9}
.compasslideContent h3 span{display:block;font:42px/40px "robotobold",sans-serif}
.insuranceCompSlider .ins-prev{background:url("../../../content/dam/mphasis-com/global/en/icons/expertise-left-arrow.png") no-repeat center center}
.insuranceCompSlider .ins-prev:hover{background:url("../../../content/dam/mphasis-com/global/en/icons/expertise-left-arrow-hover.png")}
.insuranceCompSlider .ins-next{background:url("../../../content/dam/mphasis-com/global/en/icons/expertise-right-arrow.png") no-repeat center center}
.insuranceCompSlider .ins-next:hover{background:url("../../../content/dam/mphasis-com/global/en/icons/expertise-right-arrow-hover.png")}
.insuranceCompSlider>span{cursor:pointer;height:43px;position:absolute;top:50%;transform:translateY(-100%);width:43px;transform:none;z-index:100}
#banner .compassslider.insuranceCompSlider .next,#banner .compassslider.insuranceCompSlider .prev{width:43px}
.digitalInsurerGrid{background:#e1e1e1;padding:15px 0;text-align:center}
.digitalInsurerGrid ul{margin:0 -3px;padding:0}
.digitalInsurerGrid li{display:inline-block;margin-right:-4px;width:33.33%;padding:0 3px;text-align:left;vertical-align:top}
.digitalGridItem{background:#fff}
.digitalGridItem img{width:100%;display:block}
.digitalGridContent{padding:20px 30px;color:#252c39}
.digitalGridContent h2{font:24px/23px "robotomedium",sans-serif;padding-bottom:10px}
.digitalGridContent p{font:14px/16px "robotolight",sans-serif}
.digitalTitle h3{display:inline-block;vertical-align:middle;font:38px/37px "robotothin",sans-serif;color:#252c39;text-transform:uppercase;width:45%;margin-right:-4px}
.digitalTitle h3 span{display:block;font-family:"robotomedium",sans-serif}
.digitalInsurerDesc{display:inline-block;width:55%;vertical-align:middle}
.digitalInsurerDesc p{padding:8px 0;font:14px/15px "robotolight",sans-serif;color:#252c39}
.digitalTransTitle{background:#f4b04f;padding:20px 0}
.digitalTransTitle h2{font:38px/37px "robotothin",sans-serif;color:#252c39;text-transform:uppercase;di}
.digitalTransTitle span{font-family:"robotobold",sans-serif;display:block}
.digitalTransContent{padding:20px 0;text-align:center}
.digitalTransContent img{display:block;margin:auto}
.digitalPartnerChoice{position:relative;background:url(../../../content/dam/mphasis-com/global/en/icons/digital-partner-choicebg.jpg) no-repeat center center / cover;padding:0}
.dpcTitle{background:rgba(255,255,255,0.46);padding:35px 0;width:100%}
.dpcTitle h2{font:38px/37px "robotobold",sans-serif;color:#252c39;text-transform:uppercase}
.dpcTitle span{font-family:"robotothin",sans-serif}
.dpcMainPoints li{float:left;width:33.33%}
.dpcIcon{width:30%;display:inline-block;margin-right:-4px;vertical-align:middle}
.dpcMainPoints li img{display:block;margin:auto}
.dpcMainPoints li h2{width:70%;display:inline-block;color:#333;font:15px/18px "robotolight",sans-serif;text-transform:uppercase;padding:0 20px;vertical-align:middle}
.dpcMainPoints li span{font:20px "robotobold",sans-serif;color:#31a6de}
.digitalcontainer{margin:auto;padding:70px 20px 40px}
.dpcBullets{background:rgba(63,70,84,0.9);padding:30px 30px 20px;margin:25px 0 0}
.dpcBullets li{width:100%;background:rgba(0,0,0,0) url("../../../content/dam/mphasis-com/global/en/icons/adv-list.png") no-repeat scroll left 2px;color:#fff;font:14px/16px "robotolight",sans-serif;margin:0 0 14px;padding:0 0 0 35px}
.insuranceVideos{overflow:hidden}
.insuranceVideosList span.ins-next.nodeskarrow,.insuranceVideosList span.ins-prev.nodeskarrow{width:0}
.insuranceVideosList span.ins-next .nodeskarrow .notabarrow,.insuranceVideosList span.ins-prev .nodeskarrow .notabarrow{width:0}
.insuranceVideosList span.ins-next .nodeskarrow .notabarrow .nomobarrow,.insuranceVideosList span.ins-prev .nodeskarrow .notabarrow .nomobarrow{width:0}
.insuranceVideosList{position:relative;padding:0;margin:0 -5px}
.insuranceVideosList .owl-nav{display:none}
.insuranceVideosList span.ins-next,.insuranceVideosList span.ins-prev{position:absolute;z-index:9;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);width:43px;height:43px;cursor:pointer;opacity:.65}
.insuranceVideosList span:hover{opacity:1}
.insuranceVideosList span.ins-prev{background:url(../../../content/dam/mphasis-com/global/en/icons/insurance-left-arrow.png) no-repeat center;left:15px}
.insuranceVideosList span.ins-prev:hover{background-image:url(../../../content/dam/mphasis-com/global/en/icons/insurance-left-arrow-hover.png)}
.insuranceVideosList span.ins-next{background:url(../../../content/dam/mphasis-com/global/en/icons/insurance-right-arrow.png) no-repeat center;right:15px}
.insuranceVideosList span.ins-next:hover{background-image:url(../../../content/dam/mphasis-com/global/en/icons/insurance-right-arrow-hover.png)}
.insuranceVideoCol{position:relative;color:#252c39;font:14px/18px "robotolight",sans-serif;margin:0 5px;position:relative;text-align:center}
.insuranceVideoCol:after{position:absolute;content:"";left:0;right:0;bottom:0;height:142px;background:url(../../../content/dam/mphasis-com/global/en/icons/overlay-shadow.html) repeat-x}
.insuranceVideoTitle{position:absolute;left:0;right:0;bottom:0;padding:20px;text-align:center;z-index:10}
.insuranceVideoTitle h2{font:24px/28px "robotobold",sans-serif;color:#fff;text-transform:uppercase}
.insuranceVideoTitle h2 span{display:block;font-family:"robotolight",sans-serif}
.watchNow{color:#386896;font:15px "robotomedium",sans-serif;background:#fff;padding:7px 15px;display:inline-block;border-radius:25px;margin:15px 0 20px;transition:all ease-out .2s;-moz-transition:all ease-out .2s;-webkit-transition:all ease-out .2s;-o-transition:all ease-out .2s;-ms-transition:all ease-out .2s}
.watchNow:hover{background:#3ca9dd;color:#fff}
#owl-carousel-insuranceLanding .insuranceVideoTitle img{width:auto;margin:auto;cursor:pointer}
.comprehensiveTitle{background:#3f4654;padding:30px 0}
.comprehensiveTitle h2{float:left;font:38px/40px "robotothin",sans-serif;color:#fff;text-transform:uppercase;width:64%}
.comprehensiveTitle h2 span{display:block;font-family:"robotomedium",sans-serif}
.comprehensiveTitle p{font:14px "robotolight",sans-serif;color:#fff}
.comprehensiveCon{background:url(../../../content/dam/mphasis-com/global/en/industries/insurance/portraits/comprehensive-bg.jpg) no-repeat center;background-size:cover;padding:30px 0;max-width:1366px;margin:0 auto}
.comprehensiveTabs ul{margin:0 -8px}
.comprehensiveTabs li{padding:0 8px;text-align:center;float:left;position:relative}
.comprehensiveTabs li a{background:rgba(255,255,255,0.6);display:block;font:17px "robotolight",sans-serif;color:#386896;text-transform:uppercase;padding:15px 31px;transition:all ease-out .2s;-moz-transition:all ease-out .2s;-webkit-transition:all ease-out .2s;-o-transition:all ease-out .2s;-ms-transition:all ease-out .2s}
.comprehensiveTabs li a:hover,.comprehensiveTabs li.active a{background:#386896;color:#fff}
.comprehensiveTabs li a:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);border:solid 15px #386896;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent;opacity:0;transition:all ease-out .2s;-moz-transition:all ease-out .2s;-webkit-transition:all ease-out .2s;-o-transition:all ease-out .2s;-ms-transition:all ease-out .2s}
.comprehensiveTabs li a:hover:after,.comprehensiveTabs li.active a:after{opacity:1}
.comprehensive_tab_con{text-align:center;padding:25px 0 40px 0}
.comprehensive_tab_con img{transition:all ease-out .3s;-moz-transition:all ease-out .3s;-webkit-transition:all ease-out .3s;-o-transition:all ease-out .3s;-ms-transition:all ease-out .3s}
.comprehensive_tab_con a{display:inline-block;padding:0 10px;width:25%;margin-right:-4px}
.comprehensive_tab_con .tab_content{margin:0 -10px}
.comprehensiveToggle{display:none}
.brandLogos{max-width:830px;margin:0 auto;position:relative}
.brandLogos .item{padding:0 9px}
.brandLogos .owl-nav.disabled{display:none}
.brandLogos .arrowRight,.brandLogos .arrowLeft{position:absolute;top:50%;width:42px;height:42px;margin-top:-21px;cursor:pointer}
.brandLogos .arrowRight{right:-50px;background:url(../../../content/dam/mphasis-com/global/en/icons/desktop/sliderArrow-right.png) no-repeat center}
.brandLogos .arrowRight:hover{background:url(../../../content/dam/mphasis-com/global/en/icons/expertise-right-arrow-hover.png) no-repeat center}
.brandLogos .arrowLeft{left:-50px;background:url(../../../content/dam/mphasis-com/global/en/icons/desktop/sliderArrow-left.png) no-repeat center}
.brandLogos .arrowLeft:hover{background:url(../../../content/dam/mphasis-com/global/en/icons/expertise-left-arrow-hover.png) no-repeat center}
.expertiseTitle{background:#3f4654;padding:15px 0}
.expertiseTitle .container{position:relative}
.expertiseTitle h2{font:38px "robotomedium",sans-serif;color:#fff;text-transform:uppercase;display:table-cell;vertical-align:middle}
.expertiseTitle p{padding:0 50px 0 220px;font:14px/20px "robotolight",sans-serif;color:#fff}
.resources-related a{cursor:pointer}
.resourcespopup{padding:20px 0 40px}
#resourceModalPopup a{width:initial}
@media all and (-ms-high-contrast:none){.eachResourcelink a{min-height:80px}
}
.downloasTabsLinks>ul{border-bottom:3px solid #e1e1e1;margin-bottom:20px;text-align:left}
.downloasTabsLinks>ul>li{display:inline-block;padding:5px 10px}
.downloasTabsLinks>ul>li>a{color:#3f4654;font:18px 'robotolight';text-transform:uppercase;padding:5px 10px;display:inline-block;width:initial}
.downloasTabsLinks>ul>li>a:hover,#resourceModalPopup a:hover{color:#3f4654}
.downloasTabsLinks>ul>li.active{border-bottom:3px solid #3ca9dd;margin-bottom:-3px}
.eachResourcelink a{font:13px 'robotolight';color:#3f4654}
.eachResourcelink span{font:italic 13px 'robotolight';color:rgba(63,70,84,0.45);overflow:hidden}
.eachResourcelink img{display:block;padding-bottom:10px;margin:0 auto;border:1px solid #e1e1e1}
.eachResourcelink a{display:block;padding:10px 0}
.resourcetab_content a:hover{color:#3ca9dd !important;text-decoration:underline}
.eachResourcelink{padding:20px;text-align:center}
.allresourceslinks ul li{width:20%;float:left;text-align:center;margin:0 auto;vertical-align:top;border:1px solid #ebebeb;border-right:0;border-top:0;min-height:264px !important}
.allresourceslinks ul li:nth-child(5){border-right:1px solid #ebebeb}
.allresourceslinks ul li:last-child{border-right:1px solid #ebebeb}
.allresourceslinks ul{display:table;vertical-align:top;width:100%}
.allresourceslinks{padding-bottom:40px;height:280px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.modal-box header,.modal-box .modal-header{padding:1.25em 1.5em;border-bottom:1px solid #ddd}
.modal-box .modal-body{padding:2em 1.5em}
.modal-overlay{opacity:0;filter:alpha(opacity=0);position:absolute;top:0;left:0;z-index:900;width:100%;height:100%;background:#ebebeb !important}
a.close{line-height:1;font-size:1.5em;position:absolute;top:5%;right:2%;text-decoration:none;color:#bbb}
a.close:hover{color:#222;-webkit-transition:color 1s ease;-moz-transition:color 1s ease;transition:color 1s ease}
.modal-box{position:absolute;right:0;bottom:70px;top:0;left:0;z-index:9;transition:all ease-out 2s;-moz-transition:all ease-out 2s;-webkit-transition:all ease-out 2s;-o-transition:all ease-out 2s;-ms-transition:all ease-out 2s;display:none;background:rgba(0,0,0,.5)}
.modal-open{overflow:hidden;padding-right:15px}
.modal-box .popup-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;outline:0;max-width:1366px;margin:0 auto}
.modal-box .popup-content a{width:auto}
.modal-box .popup-content a:hover{background:0}
.js-modal-close.close span{font-size:0;width:16px;height:16px;background:url(../../../content/dam/mphasis-com/global/en/icons/close.png) no-repeat center;display:block}
.modal-open{overflow:hidden;padding-right:15px;width:100%;height:100%;background:#fff;position:fixed}
.modalWrap{position:absolute;left:0;right:0;bottom:0}
.relatedPopupTxt ul li{border-bottom:1px solid #e5e3e3;font:14px 'robotolight',sans-serif}
.relatedPopupTxt ul li a{text-align:left;color:#3f4654;font-size:14px;width:inherit;height:inherit;font-family:"robotobold",sans-serif;padding-right:5px}
.relatedPopupTxt ul li a:hover{background:0;color:#3ca9dd}
.relatedPopupTxt ul li{background:url(../../../content/dam/mphasis-com/global/en/icons/bullet-icon.png) no-repeat left center;text-align:left;padding:0 0 0 25px;line-height:36px}
@media only screen and (max-width:1024px){.cmpassPText{text-align:center;padding:30px 30px;margin:0 auto}
.insuranceVideosList span.ins-next.nodeskarrow,.insuranceVideosList span.ins-prev.nodeskarrow{width:0}
.insuranceVideosList span.ins-next.nodeskarrow.notabarrow,.insuranceVideosList span.ins-prev.nodeskarrow.notabarrow{width:0}
.insuranceVideosList span.ins-next.nodeskarrow.notabarrow.nomobarrow,.insuranceVideosList span.ins-prev.nodeskarrow.notabarrow.nomobarrow{width:0}
.digitalTitle,.digitalTransTitle{text-align:center;padding:30px 0}
.digitalTitle h3{width:100%;padding:15px}
.digitalInsurerDesc{width:auto;max-width:660px}
.digitalGridContent h2{font-size:18px;line-height:18px}
.dpcTitle{text-align:center;padding:45px 0}
.digitalPartnerChoice{background:rgba(0,0,0,0) url("../../../content/dam/mphasis-com/global/en/industries/insurance/portraits/digital-partner-choicebg-tab.jpg") no-repeat scroll center center / cover}
.digitalcontainer{padding:40px 20px 40px}
.dpcIcon,.dpcMainPoints li h2{width:100%;text-align:center}
.dpcMainPoints li h2{font-size:16px;padding-top:10px;width:auto;max-width:220px;margin:auto;display:inherit}
.dpcBullets{padding:35px 60px 20px 30px}
.digitalInsurerGrid{padding:30px 0}
.insuranceVideos{padding:50px 0}
.insuranceVideoCol{margin:0 3px}
#owl-carousel-insuranceLanding .insuranceVideoTitle img{max-width:57px}
.watchNow{font-size:13px}
.insuranceVideoTitle h2{font-size:20px;line-height:24px}
.comprehensiveTitle{text-align:center}
.comprehensiveTitle h2{width:100%;padding-bottom:20px}
.comprehensiveTitle p{max-width:360px;margin:auto}
.comprehensiveTabs{text-align:center}
.comprehensiveTabs li{padding:0 5px;display:inline-block;margin-right:-4px;float:none}
.comprehensiveTabs li a{font-size:13px;padding:8px 25px}
.comprehensiveTabs li a:after{border-width:10px}
.brandLogos{max-width:600px}
.expertiseTitle{text-align:center;padding:35px 0 45px}
.expertiseTitle h2{position:relative;top:inherit;transform:none;left:inherit;padding-bottom:15px}
.expertiseTitle p{max-width:620px;padding:0;margin:auto}
.allresourceslinks ul li{width:25%}
.allresourceslinks ul li:nth-child(5){border-right:0}
.allresourceslinks ul li:nth-child(4n){border-right:1px solid #ebebeb}
.allresourceslinks ul li:nth-child(7){border-bottom:1px solid #ebebeb}
}
@media only screen and (max-width:767px){.compasslideContent h3,.compasslideContent h3 strong{font-size:42px;line-height:42px}
.compasslideContent p{font-size:16px;line-height:22px}
.cmpassPText p{font-size:16px;line-height:22px}
.cmpassPText{padding:30px 0}
.insuranceVideosList span.ins-next.nodeskarrow,.insuranceVideosList span.ins-prev.nodeskarrow{width:43px}
.insuranceVideosList span.ins-next.nodeskarrow.notabarrow,.insuranceVideosList span.ins-prev.nodeskarrow.notabarrow{width:0}
.insuranceVideosList span.ins-next.nodeskarrow.notabarrow.nomobarrow,.insuranceVideosList span.ins-prev.nodeskarrow.notabarrow.nomobarrow{width:0}
.digitalPartnerChoice{background:rgba(0,0,0,0) url("../../../content/dam/mphasis-com/global/en/industries/insurance/portraits/digital-partner-choicebg-mobile.jpg") no-repeat center center / cover}
.digitalTitle h3{font-size:40px}
.digitalInsurerDesc p,.digitalGridContent p{font-size:17px;line-height:22px}
.digitalInsurerGrid ul{padding:0 60px}
.digitalInsurerGrid li{width:100%;margin:15px 0}
.digitalGridContent{padding:30px}
.digitalGridContent h2{font-size:30px;padding-bottom:20px;line-height:30px}
.dpcTitle{padding:25px 0}
.digitalTransTitle h2,.dpcTitle h2,.comprehensiveTitle h2,.expertiseTitle h2{font-size:35px;line-height:30px}
.digitalTransContent{padding:50px 0}
.dpcMainPoints li{width:100%;margin:15px 0;padding:0 20%}
.dpcIcon{width:30%;display:inline-block}
.dpcMainPoints li h2{width:70%;display:inline-block;padding-top:0;text-align:left}
.digitalcontainer{padding:40px 0}
.dpContent .container{padding:0}
.insuranceVideosList .owl-carousel{padding:0 10%}
.insuranceVideosList span.ins-next{background:url("../../../content/dam/mphasis-com/global/en/icons/right_arrow2.png") no-repeat scroll center center}
.insuranceVideosList span.ins-prev{background:url("../../../content/dam/mphasis-com/global/en/icons/left_arrow2.png") no-repeat scroll center center}
#owl-carousel-insuranceLanding .insuranceVideoTitle img{max-width:35px}
.watchNow{margin:7px 0 12px;font-size:11px}
.insuranceVideoTitle h2{font-size:15px;line-height:20px}
.comprehensiveCon .tabifyItems,.comprehensiveCon .comprehensive_tab_con{display:none}
.comprehensiveTitle h2,.expertiseTitle h2{font-size:30px;padding-bottom:10px}
.comprehensiveToggle{display:block}
.compTitle{background:rgba(255,255,255,0.6) none repeat scroll 0 0;color:#386896;display:block;font:17px "robotolight",sans-serif;padding:15px 31px 15px 32px;text-transform:uppercase;transition:all .2s ease-out 0;cursor:pointer;text-align:center}
.compToggleCont{display:none}
#compToggle li{margin:10px 0}
.compHolder.active .compToggleCont{display:block}
.compTitle.active{background:#386896;color:#fff;position:relative}
.compToggleCont a{width:100%;display:inline-block;margin:0 0 10px}
.compToggleCont{padding:50px 15px 0;text-align:center}
.compTitle.active:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);border:solid 15px #386896;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent}
.allresourceslinks ul li{width:50%}
.allresourceslinks ul li:nth-child(2n){border-right:1px solid #ebebeb}
.downloasTabsLinks>ul>li>a{font-size:14px}
a.close{top:20px;right:15px}
.relatedPopupTxt ul li{background:rgba(0,0,0,0) url("../../../content/dam/mphasis-com/global/en/icons/bullet-icon.png") no-repeat scroll left top 10px;line-height:25px;padding:5px 0 5px 25px}
}
@media only screen and (max-width:639px){#banner .compassslider.insuranceCompSlider .ins-next,#banner .compassslider.insuranceCompSlider .ins-prev{background-size:30px;height:30px;width:30px}
.compassslider .ins-prev{left:10px}
.compassslider .ins-next{right:10px}
.insuranceVideosList span.ins-next.nodeskarrow,.insuranceVideosList span.ins-prev.nodeskarrow{width:43px}
.insuranceVideosList span.ins-next.nodeskarrow.notabarrow,.insuranceVideosList span.ins-prev.nodeskarrow.notabarrow{width:43px}
.insuranceVideosList span.ins-next.nodeskarrow.notabarrow.nomobarrow,.insuranceVideosList span.ins-prev.nodeskarrow.notabarrow.nomobarrow{width:0}
#insuranceSlider .compasslideContent h3{line-height:30px}
.digitalTransTitle h2,.dpcTitle h2,.comprehensiveTitle h2,.expertiseTitle h2{font-size:27px;line-height:30px}
.insuranceCompSlider .compasslideContent h3 span{font:35px/32px "robotobold",sans-serif}
.insuranceCompSlider .compasslideContent h3,.insuranceCompSlider .compasslideContent h3 strong{font-size:35px}
.insuranceCompSlider .compasslideContent p{line-height:18px}
.insuranceCompSlider .next{right:10px}
.insuranceCompSlider .prev{left:10px}
.digitalTitle{background:#fff}
.digitalTitle,.digitalTransTitle{padding:20px 0 30px}
.digitalTitle h3{line-height:30px}
.digitalInsurerGrid ul{padding:0 50px}
.dpcMainPoints li h2{font-size:14px}
.insuranceVideosList .owl-carousel{padding:0 15%}
.downloasTabsLinks>ul>li{width:50%;float:left;text-align:center}
.downloasTabsLinks>ul>li.active{background:#3ca9dd}
.downloasTabsLinks>ul>li.active a{color:#fff}
.downloasTabsLinks>ul>li a:hover,.downloasTabsLinks>ul>li.active a:hover{background:0}
.downloasTabsLinks>ul>li.active a:hover{color:#fff}
.downloasTabsLinks>ul{overflow:hidden}
.modal-box .modal-body{padding:25px 0}
}
@media only screen and (max-width:479px){.insuranceVideosList span.ins-next.nodeskarrow,.insuranceVideosList span.ins-prev.nodeskarrow{width:43px}
.insuranceVideosList span.ins-next.nodeskarrow.notabarrow,.insuranceVideosList span.ins-prev.nodeskarrow.notabarrow{width:43px}
.insuranceVideosList span.ins-next.nodeskarrow.notabarrow.nomobarrow,.insuranceVideosList span.ins-prev.nodeskarrow.notabarrow.nomobarrow{width:0}
.insuranceCompSlider .compasslideContent h3 span{font-size:18px;line-height:18px}
.insuranceCompSlider .compasslideContent p{font-size:12px;line-height:15px;padding:7px 0}
.compassslider .ins-next{right:5px}
.compassslider .ins-prev{left:5px}
.digitalTitle h3{font-size:20px;line-height:25px}
.digitalInsurerGrid ul{padding:15px 0;display:inline-block}
.digitalInsurerGrid{padding:10px 0}
.digitalInsurerGrid li{margin:0}
.digitalGridContent{padding:15px}
.digitalGridContent h2{font-size:15px;padding-bottom:0}
.digitalTransContent{padding:30px 0}
.digitalTransTitle h2,.dpcTitle h2,.comprehensiveTitle h2,.expertiseTitle h2{font-size:20px;line-height:25px}
.digitalInsurerDesc p,.digitalGridContent p{font-size:15px;line-height:18px}
.dpcTitle span{display:block}
.dpcMainPoints li{padding:0 15px}
.dpcBullets{padding:20px 10px 10px}
.digitalTransTitle br{display:none}
.insuranceVideosList span.ins-next,.insuranceVideosList span.ins-prev{background-size:30px}
.insuranceVideos{padding:30px 0}
.allresourceslinks ul li{width:100%}
.allresourceslinks ul li:nth-child(5){border-right:1px solid #ebebeb}
.allresourceslinks ul li:nth-child(7){border-bottom:0}
.allresourceslinks ul li{border:1px solid #ebebeb;border-bottom:0}
.allresourceslinks ul li:last-child{border-bottom:1px solid #ebebeb}
.modal-box .modal-body{padding:50px 0 25px 0}
}
@media only screen and (min-device-width :768px) and (max-device-width :1024px){.solutionsWrap div:nth-child(4) p:nth-child(4){padding-bottom:24px !important}
}
@media only screen and (min-device-width :1024px) and (max-device-width :1366px){.solutionsWrap div:nth-child(4) p:nth-child(4){padding-bottom:0 !important}
}
@media screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait){.digitalGridContentH2{line-height:20px !important}
}
@media screen and (device-width:320px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait){.digitalGridContentH2{line-height:20px !important}
}
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.digitalGridContentH2{line-height:20px !important}
}
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.digitalGridContentH2{line-height:20px !important}
}
.owl-carousel .owl-item{-webkit-transform:translateZ(0) !important}
.carousalBrands .owl-nav.disabled{display:none}
.compasslideItem{position:relative}
.compasslideContainer{position:absolute;z-index:1;top:0;transform:translateY(-50%);top:50%;width:100%;left:0;right:0}
.compasslideContent h3{text-transform:uppercase;font:42px/40px 'robotothin';color:#252c39}
.compasslideContent h3 span{display:block}
.compasslideContent h3 strong{font-family:"robotobold";display:block}
.compasslideContent sup{font-size:10px}
.learnMore{font:14px "robotolight",sans-serif;color:#000;opacity:.7;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;background:url(../../../content/dam/mphasis-com/global/en/icons/learn-more-icon.png) no-repeat right center;background-size:24px;padding:3px 30px 3px 0}
.compasslideContent a:hover{opacity:1}
.carousalBrands.owl-carousel .slideContent img{width:35px;display:inline-block;vertical-align:middle;margin-left:5px}
.compasslideContent p{font:15px/20px "robotolight",sans-serif;padding:15px 0;color:#252c39}
.compasslideContent p strong{font-family:"robotobold";font-weight:normal}
.compasTxt{color:#252c39;font:22px/18px 'robotolight',sans-serif;padding-top:10px}
.compasTxt span{font:25px 'robotomedium',sans-serif;display:block}
.compassslider .ins-prev,.compassslider .ins-next{position:absolute;top:50%;margin:-21px 0 0;cursor:pointer;z-index:5;width:43px;height:43px}
.compassslider .ins-prev{left:30px;background:url("../../../content/dam/mphasis-com/global/en/icons/expertise-left-arrow.png") no-repeat center center}
.compassslider .ins-next{right:30px;background:url("../../../content/dam/mphasis-com/global/en/icons/expertise-right-arrow.png") no-repeat center center}
.compassslider .ins-prev:hover{background-image:url("../../../content/dam/mphasis-com/global/en/icons/expertise-left-arrow-hover.png")}
.compassslider .ins-next:hover{background-image:url("../../../content/dam/mphasis-com/global/en/icons/expertise-right-arrow-hover.png")}
.solutionsWrap{display:table;width:100%}
.solutionsWrap>div{position:relative;width:25%;display:table-cell;vertical-align:middle;text-align:center;color:#252c39;padding:25px 40px}
.solutionsWrap>div:first-child{background-color:#3f4654;color:#fff}
.solutionsWrap>div:nth-child(2){background-color:#ecaa68}
.solutionsWrap>div:nth-child(3){background-color:#6abbe0}
.solutionsWrap>div:last-child{background-color:#d1de8a}
.solutionsWrap h4{font:26px/24px "robotolight",sans-serif;text-transform:uppercase;padding-bottom:13px}
.solutionsWrap h4 span{display:block}
.solutionsWrap a{display:block;color:inherit}
.solutionsWrap a:hover{color:#fff}
.sTxt{font:16px/16px "robotolight",sans-serif}
.selfDiv{background:rgba(255,255,255,.9);padding:25px 0;color:#252c39}
.selfDiv p{font:15px/18px 'robotolight',sans-serif;padding-bottom:18px}
.selfDiv p:last-child{padding:0}
.selfDiv p strong{font-family:'robotobold',sans-serif;font-weight:normal}
.selfDiv sup{font-size:8px}
.selfImg{text-align:center}
.infraTitle{background:#3ca9dd;padding:20px 0;font:38px 'robotothin',sans-serif;color:#fff;text-transform:uppercase}
.infraTitle strong{font-family:'robotobold',sans-serif}
.infraTitle sup{font-size:20px}
.platWrap{text-align:center}
.solutionsCarouselWrap{overflow:hidden;padding-top:35px}
.infragenieWrap{margin:0 -5px;position:relative}
.infragenieDiv{margin:0 5px;position:relative}
.infragenieDivWrap{position:absolute;bottom:0;left:0;right:0;padding:35px;text-align:center;color:#252c39}
.infraWhite{color:#fff;padding-bottom:5px}
.ifraTxt{font:46px/35px 'robotolight',sans-serif;letter-spacing:-2px;text-transform:uppercase;padding:20px 0}
.ifraTxt span{font-family:'robotobold',sans-serif}
.readmore,.watchVideo{font:17px 'robotomedium',sans-serif;background:#3ca9dd;color:#fff;display:inline-block;padding:3px 15px 5px;border-radius:20px}
.readmore,.watchVideo:hover{background:#3ca9dd;color:#fff}
.readmore:hover,.watchVideo{background:#fff;color:#3ca9dd}
#owl-carousel-infragenie .infragenieDivWrap img{cursor:pointer;margin:auto;width:auto;margin-bottom:20px}
#owl-carousel-infragenie .owl-nav{display:none}
.infragenieWrap .infra-prev,.infragenieWrap .infra-next{width:43px;height:43px;display:block;position:absolute;top:50%;margin-top:-22px;z-index:9;cursor:pointer;font-size:0}
.infragenieWrap .infra-prev{left:25px;background:url(../../../content/dam/mphasis-com/global/en/icons/expertise-left-arrow.png) no-repeat center}
.infragenieWrap .infra-next{right:25px;background:url(../../../content/dam/mphasis-com/global/en/icons/expertise-right-arrow.png) no-repeat center}
.infragenieWrap .infra-prev:hover{background-image:url(../../../content/dam/mphasis-com/global/en/icons/expertise-left-arrow-hover.png)}
.infragenieWrap .infra-next:hover{background-image:url(../../../content/dam/mphasis-com/global/en/icons/expertise-right-arrow-hover.png)}
.resources-related a{cursor:pointer}
.resourcespopup{padding:20px 0 40px}
#resourceModalPopup a{width:initial}
@media all and (-ms-high-contrast:none){.eachResourcelink a{min-height:80px}
}
.downloasTabsLinks>ul{border-bottom:3px solid #e1e1e1;margin-bottom:20px;text-align:left}
.downloasTabsLinks>ul>li{display:inline-block;padding:5px 10px}
.downloasTabsLinks>ul>li>a{color:#3f4654;font:18px 'robotolight';text-transform:uppercase;padding:5px 10px;display:inline-block;width:initial}
.downloasTabsLinks>ul>li>a:hover{color:#3f4654}
.downloasTabsLinks>ul>li.active{border-bottom:3px solid #3ca9dd;margin-bottom:-3px}
.eachResourcelink a{font:13px 'robotolight';color:#3f4654}
.eachResourcelink span{font:italic 13px 'robotolight';color:rgba(63,70,84,0.45);overflow:hidden}
.eachResourcelink img{display:block;padding-bottom:10px;margin:0 auto;border:1px solid #e1e1e1}
.eachResourcelink a{display:block;padding:10px 0}
.resourcetab_content a:hover{color:#3ca9dd;text-decoration:underline}
.eachResourcelink{padding:20px;text-align:center}
.allresourceslinks ul li{width:20%;float:left;text-align:center;margin:0 -1px -1px 0;vertical-align:top;border:1px solid #ebebeb}
.modal-box header,.modal-box .modal-header{padding:1.25em 1.5em;border-bottom:1px solid #ddd}
.modal-box .modal-body{padding:2em 1.5em}
a.close{line-height:1;font-size:1.5em;position:absolute;top:5%;right:2%;text-decoration:none;color:#bbb}
a.close:hover{color:#222;-webkit-transition:color 1s ease;-moz-transition:color 1s ease;transition:color 1s ease}
.modal-box{position:absolute;right:0;bottom:70px;top:0;left:0;z-index:98;transition:all ease-out 2s;-moz-transition:all ease-out 2s;-webkit-transition:all ease-out 2s;-o-transition:all ease-out 2s;-ms-transition:all ease-out 2s;display:none;background:rgba(0,0,0,.5)}
.modal-open{overflow:hidden;padding-right:15px}
.modal-box .popup-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;outline:0;max-width:1366px;margin:0 auto}
.modal-box .popup-content a{width:auto}
.modal-box .popup-content a:hover{background:0}
.js-modal-close.close span{font-size:0;width:16px;height:16px;background:url(../../../content/dam/mphasis-com/global/en/icons/close.png) no-repeat center;display:block}
.modal-open{overflow:hidden;padding-right:15px;width:100%;height:100%;background:#fff;position:fixed}
.modalWrap{position:absolute;left:0;right:0;bottom:0}
.relatedPopupTxt ul li{border-bottom:1px solid #e5e3e3;font:14px 'robotolight',sans-serif}
.relatedPopupTxt ul li a{text-align:left;color:#3f4654;font-size:14px;width:inherit;height:inherit;font-family:"robotobold",sans-serif;padding-right:5px}
.relatedPopupTxt ul li a:hover{background:0;color:#3ca9dd}
.relatedPopupTxt ul li{background:url(../../../content/dam/mphasis-com/global/en/icons/bullet-icon.png) no-repeat left center;text-align:left;padding:0 0 0 25px;line-height:36px}
@media only screen and (max-width:1024px){.compasslideContent h3{font-size:38px;line-height:35px}
.compasTxt{font-size:18px}
.compasTxt span{font-size:20px}
.solutionsWrap>div{padding:25px 10px}
.selfWrap{background-image:url(../../../content/dam/mphasis-com/global/en/icons/tab/self-bg.jpg)}
.selfDiv{padding:30px 15px}
.solutionsCarouselWrap{padding-top:60px}
.infragenieDiv{opacity:.5}
.infragenieDivWrap{display:none}
#owl-carousel-infragenie .owl-item.center .infragenieDiv{opacity:1}
#owl-carousel-infragenie .owl-item.center .infragenieDivWrap{display:block}
.allresourceslinks ul li{width:25%}
}
@media only screen and (max-width:767px){.compasslideContent h3{font-size:35px;line-height:30px}
.solutionsWrap>div{float:none;width:100%;text-align:left;display:table;min-height:inherit;padding:25px 15px}
.solutionsWrap h4{display:table-cell;font-size:31px;line-height:31px;width:230px;padding-bottom:0;vertical-align:middle}
.sTxt{display:table-cell;vertical-align:middle}
.selfWrap{background-image:url(../../../content/dam/mphasis-com/global/en/icons/mobile/self-bg.jpg)}
.selfDiv{padding-left:0;padding-right:0}
.selfDiv p{font-size:17px;line-height:20px}
.infraTitle{text-align:center;font-size:50px;line-height:50px}
.infragenieDiv{opacity:1}
.infragenieDivWrap{display:block;padding:15px}
.infraWhite{padding-bottom:0}
.ifraTxt{font-size:25px;line-height:25px;letter-spacing:normal;padding:10px 0}
#owl-carousel-infragenie .infragenieDivWrap img{max-width:35px;margin-bottom:10px}
.allresourceslinks ul li{width:50%}
.downloasTabsLinks>ul>li>a{font-size:14px}
a.close{top:20px;right:15px}
.relatedPopupTxt ul li{background:rgba(0,0,0,0) url(../../../content/dam/mphasis-com/global/en/icons/bullet-icon.png) no-repeat scroll left top 10px;line-height:25px;padding:5px 0 5px 25px}
}
@media only screen and (max-width:639px){.compasslideContent h3{font-size:26px;line-height:26px}
.compasTxt,.compasTxt span{font-size:17px}
.compassslider .ins-next,.compassslider .ins-prev{background-size:30px;height:30px;width:30px}
.solutionsWrap h4{font-size:20px;line-height:20px;width:150px}
.selfDiv p{font-size:15px}
.solutionsCarouselWrap{padding-top:40px}
.infraTitle{font-size:30px;line-height:30px}
.ifraTxt{font-size:45px;line-height:45px}
.downloasTabsLinks>ul>li{width:50%;float:left;text-align:center}
.downloasTabsLinks>ul>li.active{background:#3ca9dd}
.downloasTabsLinks>ul>li.active a{color:#fff}
.downloasTabsLinks>ul>li a:hover,.downloasTabsLinks>ul>li.active a:hover{background:0}
.downloasTabsLinks>ul>li.active a:hover{color:#fff}
.downloasTabsLinks>ul{overflow:hidden}
.modal-box .modal-body{padding:25px 0}
}
@media only screen and (max-width:479px){.compasslideContent h3{font-size:18px;line-height:22px}
.compasTxt,.compasTxt span{font-size:13px}
.compassslider .ins-next{right:5px}
.compassslider .ins-prev{left:5px}
.compassslider .ins-next,.compassslider .ins-prev{width:30px;height:30px}
.infraTitle{font-size:22px;line-height:25px}
.infraTitle sup{font-size:12px}
.ifraTxt{font-size:30px;line-height:30px}
.infragenieWrap .infra-prev,.infragenieWrap .infra-next{width:30px;height:30px;background-size:100%;margin-top:-15px}
.infragenieWrap .infra-prev{left:15px}
.infragenieWrap .infra-right{right:15px}
.allresourceslinks ul li{width:100%}
.modal-box .modal-body{padding:50px 0 25px 0}
}
.owl-carousel .owl-item{-webkit-transform:translateZ(0) !important}
.insuranceWrap{padding:35px 0}
.insuranceTitle.bannerTitle h1{max-width:470px;float:right;font:30px/32px "robotobold",sans-serif;color:#252c39;overflow:hidden;padding:0;text-transform:uppercase;text-overflow:inherit;white-space:normal;text-align:left}
.insuranceTitle.bannerTitle h1 span{font-family:"robotolight",sans-serif}
.boxWrap{margin:10px -12px}
.boxWrap .col50{padding:10px 12px}
.boxTxt{font-size:16px;border:1px solid #efefef;padding:0;line-height:17px;overflow:hidden;background:#386896;height:174px !important}
.boxTxtCont{float:left;width:50%;position:relative}
.boxTxtCont img{display:block;width:100%}
.boxTxtRight{padding:22px;color:#fff;font:14px/16px "robotolight",sans-serif;position:relative;top:50%;transform:translateY(-50%)}
.boxTxtRight span{font-family:"robotomedium",sans-serif}
.boxTxtOverlay{background:rgba(0,0,0,0.4);position:absolute;left:0;right:0;top:0;bottom:0;color:#fff;font:24px/24px "robotolight",sans-serif;text-align:center;text-transform:uppercase}
.boxTxtOverlay span{font:52px "robotobold",sans-serif;display:block}
.insuranceWrap .boxTxtOverlay h2{position:absolute;top:50%;padding:0 23px;left:0;right:0;transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);font:24px/24px "robotolight",sans-serif;color:#fff;padding:0;letter-spacing:inherit}
.capabilitiesTitle{color:#ee495d;text-transform:uppercase;font:20px/23px "robotolight",sans-serif;padding-bottom:25px;background:#3ca9dd;padding:27px 0;color:#fff}
.capabilitiesTitle h2{font:25px/29px "robotobold",sans-serif;max-width:750px}
.capabilitiesTitle h2 span{font-family:"robotolight",sans-serif}
.capabilityTabs{margin:50px auto}
.solutionTab li{float:left;width:25%;text-align:center;font:20px/18px "robotolight",sans-serif;text-transform:uppercase;position:relative;padding:0 1px}
.solutionTab li a{color:#386896;border-bottom:5px solid #ee495d;display:block;height:100%}
.solutionTab li.active:after{border:14px solid #ee495d;border-bottom-color:transparent;border-left-color:transparent;border-right-color:transparent;top:100%;content:"";left:50%;margin-left:-8px;position:absolute}
.solutionTab li.active:nth-child(2):after{border-top-color:#00afec}
.solutionTab li.active:nth-child(3):after{border-top-color:#ffc02a}
.solutionTab li.active:last-child:after{border-top-color:#2ac940}
.solutionTab li span{display:block;padding:10px 0;max-width:180px;margin:auto}
.solutionTab li:nth-child(2) a{border-color:#00afec}
.solutionTab li:nth-child(3) a{border-color:#ffc02a}
.solutionTab li:last-child a{border-color:#2ac940}
.solutionsTabContent{background:#f2f2f2;padding:30px 5px 20px;overflow:hidden}
.solutionsTabContent li{float:left;width:16.66%;font:15px "robotolight",sans-serif;text-align:center;border-right:1px solid #cdced1;padding:10px 9px;color:#252c39}
.solutionsTabContent li:last-child{border:0}
#nuw li{width:12.5%}
#claims li{width:33.33%;padding:10px 30px}
#analytics li{width:50%;padding:10px 30px}
.comprehensiveTitle{background:#3f4654;padding:30px 0}
.comprehensiveTitle h2{float:left;font:38px/40px "robotothin",sans-serif;color:#fff;text-transform:uppercase;width:64%}
.comprehensiveTitle h2 span{display:block;font-family:"robotomedium",sans-serif}
.comprehensiveTitle p{font:14px "robotolight",sans-serif;color:#fff}
.comprehensiveCon{background:url(../../../content/dam/mphasis-com/global/en/industries/insurance/portraits/comprehensive-bg.jpg) no-repeat center;background-size:cover;padding:30px 0;max-width:1366px;margin:0 auto}
.comprehensiveTabs ul{margin:0 -8px}
.comprehensiveTabs li{padding:0 8px;text-align:center;float:left;position:relative}
.comprehensiveTabs li a{background:rgba(255,255,255,0.6);display:block;font:17px "robotolight",sans-serif;color:#386896;text-transform:uppercase;padding:15px 31px;transition:all ease-out .2s;-moz-transition:all ease-out .2s;-webkit-transition:all ease-out .2s;-o-transition:all ease-out .2s;-ms-transition:all ease-out .2s}
.comprehensiveTabs li a:hover,.comprehensiveTabs li.active a{background:#386896;color:#fff}
.comprehensiveTabs li a:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);border:solid 15px #386896;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent;opacity:0;transition:all ease-out .2s;-moz-transition:all ease-out .2s;-webkit-transition:all ease-out .2s;-o-transition:all ease-out .2s;-ms-transition:all ease-out .2s}
.comprehensiveTabs li a:hover:after,.comprehensiveTabs li.active a:after{opacity:1}
.comprehensive_tab_con{text-align:center;padding:25px 0 40px 0}
.comprehensive_tab_con img{transition:all ease-out .3s;-moz-transition:all ease-out .3s;-webkit-transition:all ease-out .3s;-o-transition:all ease-out .3s;-ms-transition:all ease-out .3s}
.comprehensive_tab_con a{display:inline-block;padding:0 10px;width:25%;margin-right:-4px}
.comprehensive_tab_con .tab_content{margin:0 -10px}
.comprehensiveToggle{display:none}
.expertiseTitle{background:#3f4654;padding:15px 0;display:table;width:100%}
.expertiseTitle .container{position:relative}
.expertiseTitle h2{font:38px "robotomedium",sans-serif;color:#fff;text-transform:uppercase;display:table-cell;vertical-align:middle}
.expertiseTitle p{padding:0 50px;font:14px/20px "robotolight",sans-serif;color:#fff;display:table-cell;vertical-align:middle}
.expertiseVideos{position:relative;padding:20px 0}
.expertiseVideos h2{font:38px "robotomedium",sans-serif;color:#3f4654;text-transform:uppercase;position:absolute;left:0;top:50%;transform:translateY(-90%);-moz-transform:translateY(-90%);-webkit-transform:translateY(-90%);-o-transform:translateY(-90%);-ms-transform:translateY(-90%)}
.expertiseVideos h2:after{content:"";position:absolute;right:-37px;top:50%;transform:translateY(-50%);border:solid 15px rgba(63,70,84,0.3);border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent}
.expertiseVideosList{margin:0 40px 0 220px;position:relative}
#owl-carousel-expertise{margin:0 -10px}
.videoCol{position:relative;cursor:pointer;font:14px/18px "robotolight",sans-serif;color:#252c39;text-align:center;padding:0 10px}
.videoColIMG{position:relative}
.expertiseVideosList .videoColIMG span{content:"";height:40px;left:50%;margin-left:-15px;position:absolute;top:50%;transform:translateY(-50%);width:40px;z-index:99}
.videoColIMG img{width:100%;display:block;margin-bottom:8px}
.expertiseVideosList .owl-nav{display:none}
.expertiseVideosList span{position:absolute;top:50%;transform:translateY(-100%);-moz-transform:translateY(-100%);-webkit-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);width:43px;height:43px;cursor:pointer}
.expertiseVideosList span.ex-prev{background:url(../../../content/dam/mphasis-com/global/en/icons/expertise-left-arrow.png) no-repeat center;left:-58px}
.expertiseVideosList span.ex-prev:hover{background-image:url(../../../content/dam/mphasis-com/global/en/icons/expertise-left-arrow-hover.png)}
.expertiseVideosList span.ex-next{background:url(../../../content/dam/mphasis-com/global/en/icons/expertise-right-arrow.png) no-repeat center;right:-43px}
.expertiseVideosList span.ex-next:hover{background-image:url(../../../content/dam/mphasis-com/global/en/icons/expertise-right-arrow-hover.png)}
.brandLogos{max-width:830px;margin:0 auto;position:relative}
.brandLogos .item{padding:0 9px}
.brandLogos .owl-nav.disabled{display:none}
.brandLogos .arrowRight,.brandLogos .arrowLeft{position:absolute;top:50%;width:42px;height:42px;margin-top:-21px;cursor:pointer}
.brandLogos .arrowRight{right:-50px;background:url(../../../content/dam/mphasis-com/global/en/icons/desktop/sliderArrow-right.png) no-repeat center}
.brandLogos .arrowRight:hover{background:url(../../../content/dam/mphasis-com/global/en/icons/expertise-right-arrow-hover.png) no-repeat center}
.brandLogos .arrowLeft{left:-50px;background:url(../../../content/dam/mphasis-com/global/en/icons/desktop/sliderArrow-left.png) no-repeat center}
.brandLogos .arrowLeft:hover{background:url(../../../content/dam/mphasis-com/global/en/icons/expertise-left-arrow-hover.png) no-repeat center}
.resources-related a{cursor:pointer}
.resourcespopup{padding:20px 0 40px}
#resourceModalPopup a{width:initial}
@media all and (-ms-high-contrast:none){.eachResourcelink a{min-height:80px}
}
.downloasTabsLinks>ul{border-bottom:3px solid #e1e1e1;margin-bottom:20px;text-align:left}
.downloasTabsLinks>ul>li{display:inline-block;padding:5px 10px}
.downloasTabsLinks>ul>li>a{color:#3f4654;font:18px 'robotolight';text-transform:uppercase;padding:5px 10px;display:inline-block;width:initial}
.downloasTabsLinks>ul>li>a:hover{color:#3f4654}
.downloasTabsLinks>ul>li.active{border-bottom:3px solid #3ca9dd;margin-bottom:-3px}
.eachResourcelink a{font:13px 'robotolight';color:#3f4654}
.eachResourcelink span{font:italic 13px 'robotolight';color:rgba(63,70,84,0.45);overflow:hidden}
.eachResourcelink img{display:block;padding-bottom:10px;margin:0 auto;border:1px solid #e1e1e1}
.eachResourcelink a{display:block;padding:10px 0}
.resourcetab_content a:hover{color:#3ca9dd;text-decoration:underline}
.eachResourcelink{padding:20px;text-align:center}
.allresourceslinks ul li{width:20%;float:left;text-align:center;margin:0 -1px -1px 0;vertical-align:top;border:1px solid #ebebeb}
.modal-box header,.modal-box .modal-header{padding:1.25em 1.5em;border-bottom:1px solid #ddd}
.modal-box .modal-body{padding:2em 1.5em}
a.close{line-height:1;font-size:1.5em;position:absolute;top:5%;right:2%;text-decoration:none;color:#bbb}
a.close:hover{color:#222;-webkit-transition:color 1s ease;-moz-transition:color 1s ease;transition:color 1s ease}
.modal-box{position:absolute;right:0;bottom:70px;top:0;left:0;z-index:98;transition:all ease-out 2s;-moz-transition:all ease-out 2s;-webkit-transition:all ease-out 2s;-o-transition:all ease-out 2s;-ms-transition:all ease-out 2s;display:none;background:rgba(0,0,0,.5)}
.modal-open{overflow:hidden;padding-right:15px}
.modal-box .popup-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;outline:0;max-width:1366px;margin:0 auto}
.modal-box .popup-content a{width:auto}
.modal-box .popup-content a:hover{background:0}
.js-modal-close.close span{font-size:0;width:16px;height:16px;background:url(../../../content/dam/mphasis-com/global/en/icons/close.png) no-repeat center;display:block}
.modal-open{overflow:hidden;padding-right:15px;width:100%;height:100%;background:#fff;position:fixed}
.modalWrap{position:absolute;left:0;right:0;bottom:0}
.relatedPopupTxt ul li{border-bottom:1px solid #e5e3e3;font:14px 'robotolight',sans-serif}
.relatedPopupTxt ul li a{text-align:left;color:#3f4654;font-size:14px;width:inherit;height:inherit;font-family:"robotobold",sans-serif;padding-right:5px}
.relatedPopupTxt ul li a:hover{background:0;color:#3ca9dd}
.relatedPopupTxt ul li{background:url(../../../content/dam/mphasis-com/global/en/icons/bullet-icon.png) no-repeat left center;text-align:left;padding:0 0 0 25px;line-height:36px}
@media only screen and (max-width:1024px){.insuranceTitle.bannerTitle h1{max-width:400px;padding:0 30px 0 0;font-size:35px;line-height:37px}
.textCenter{text-align:center;color:#252c39}
.insuranceWrap .boxWrap{max-width:565px;margin:auto;margin-top:30px}
.insuranceWrap .boxWrap .col50{width:100%}
.insuranceWrap .boxTxtOverlay h2{font-size:27px;padding:22px;line-height:27px}
.boxTxtOverlay span{font-size:58px}
.boxTxtRight{font-size:16px;line-height:17px}
.capabilitiesTitle h2{max-width:410px;margin:auto;text-align:center}
.capabilitiesTitle{padding:40px 0}
.solutionTab li{font-size:16px}
.solutionTab li img{max-width:100px}
.solutionTab li span{max-width:140px}
.solutionTab li a{border-width:3px}
.comprehensiveTitle{text-align:center}
.comprehensiveTitle h2{width:100%;padding-bottom:20px}
.comprehensiveTitle p{max-width:360px;margin:auto}
.comprehensiveTabs{text-align:center}
.comprehensiveTabs li{padding:0 5px;display:inline-block;margin-right:-4px;float:none}
.comprehensiveTabs li a{font-size:13px;padding:8px 25px}
.comprehensiveTabs li a:after{border-width:10px}
.comprehensive_tab_con a{width:33.33%;padding:0 7px}
.comprehensive_tab_con{padding:25px 0 0}
.expertiseTitle{text-align:center;padding:20px 0 30px}
.expertiseTitle h2{display:block;padding-bottom:15px}
.expertiseTitle p{max-width:620px;display:block;padding:0;margin:auto}
.expertiseVideos h2{position:relative;top:inherit;transform:none;left:inherit;padding-bottom:30px}
.expertiseVideos h2::after{display:none}
.expertiseVideos{text-align:center;padding:30px 0 40px}
.expertiseVideosList{margin:0 60px}
.brandLogos{max-width:600px}
.allresourceslinks ul li{width:25%}
}
@media only screen and (max-width:767px){.insuranceBanner .bannerTitle{position:absolute;right:0;background:0;transform:translateY(-50%);top:50%}
.insuranceTitle.bannerTitle h1{max-width:350px;padding:0}
.insuranceWrap .boxWrap,.capabilitiesTitle h2{max-width:100%}
.solutionTab{float:left;width:50%;background:#fff}
.solutionTab li,.solutionsTabContent li,#nuw li,#claims li,#analytics li{width:100%}
.solutionTab li{padding:1px 0;font-size:14px}
.solutionTab li.active:after{top:50%;left:100%;margin:0;border-left-color:#ee495d;border-top-color:transparent;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%)}
.solutionTab li.active:nth-child(2):after{border-top-color:transparent;border-left-color:#00afec}
.solutionTab li.active:nth-child(3):after{border-top-color:transparent;border-left-color:#ffc02a}
.solutionTab li.active:last-child:after{border-top-color:transparent;border-left-color:#2ac940}
.solutionsTabContent li{border-right:0;border-bottom:1px solid #cdced1}
.solutionTab li a{border-bottom:0;border-right:3px solid #ee495d;padding:0 0 10px}
.solutionsTabContent{padding:30px 35px 20px}
.capabilityTabs{background:#f2f2f2}
.solutionsTabContent li{padding:15px 10px}
.solutionTab li span{max-width:120px}
.comprehensiveCon .tabifyItems,.comprehensiveCon .comprehensive_tab_con{display:none}
.comprehensiveTitle h2,.expertiseTitle h2{font-size:30px;padding-bottom:10px}
.comprehensiveToggle{display:block}
.compTitle{background:rgba(255,255,255,0.6) none repeat scroll 0 0;color:#386896;display:block;font:17px "robotolight",sans-serif;padding:15px 31px 15px 32px;text-transform:uppercase;transition:all .2s ease-out 0;cursor:pointer;text-align:center}
.compToggleCont{display:none}
#compToggle li{margin:10px 0}
.compHolder.active .compToggleCont{display:block}
.compTitle.active{background:#386896;color:#fff;position:relative}
.compToggleCont a{width:100%;display:inline-block;margin:0 0 10px}
.compToggleCont{padding:50px 15px 0;text-align:center}
.compTitle.active:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);border:solid 15px #386896;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent}
.allresourceslinks ul li{width:50%}
.downloasTabsLinks>ul>li>a{font-size:14px}
a.close{top:20px;right:15px}
.relatedPopupTxt ul li{background:rgba(0,0,0,0) url("../../../content/dam/mphasis-com/global/en/icons/bullet-icon.png") no-repeat scroll left top 10px;line-height:25px;padding:5px 0 5px 25px}
}
@media only screen and (max-width:639px){.insuranceTitle.bannerTitle h1{font-size:25px;line-height:25px;max-width:250px}
.insuranceWrap .boxTxtOverlay h2{font-size:18px;line-height:20px}
.boxTxtOverlay span{font-size:30px}
.boxTxtRight{font-size:13px;padding:10px 15px}
.capabilitiesTitle h2{font-size:20px;line-height:22px}
.capabilitiesTitle h2 span{display:block}
.capabilitiesTitle{padding:20px 0}
.solutionTab{width:40%}
.comprehensiveTitle h2,.expertiseTitle h2,.expertiseVideos h2{font-size:20px;line-height:22px}
.comprehensiveTitle{padding:20px 0}
.downloasTabsLinks>ul>li{width:50%;float:left;text-align:center}
.downloasTabsLinks>ul>li.active{background:#3ca9dd}
.downloasTabsLinks>ul>li.active a{color:#fff}
.downloasTabsLinks>ul>li a:hover,.downloasTabsLinks>ul>li.active a:hover{background:0}
.downloasTabsLinks>ul>li.active a:hover{color:#fff}
.downloasTabsLinks>ul{overflow:hidden}
.modal-box .modal-body{padding:25px 0}
}
@media only screen and (max-width:479px){.ptformtitle h2{padding-left:0;padding-right:0}
.insuranceTitle.bannerTitle h1{font-size:17px;max-width:190px;line-height:20px}
.insuranceWrap{padding:25px 0}
.insuranceWrap .boxWrap{margin:15px auto auto}
.boxTxtCont{width:100%}
.boxTxtRight{top:inherit;transform:none}
.boxWrap .col50{padding:10px 0}
.capabilitiesTitle h2{font-size:16px}
.capabilityTabs{margin:25px auto}
.solutionTab li img{max-width:70px}
.solutionsTabContent{padding:10px 15px}
.solutionTab li{font-size:12px;line-height:17px}
.solutionTab li span{max-width:100px;line-height:14px}
.solutionsTabContent li{font-size:13px}
#claims li,#analytics li{padding:15px 10px}
.expertiseVideos{padding:20px 0 30px}
.solutionsTabContent li{height:auto !important;padding:10px 5px}
.compTitle{padding:10px}
.compToggleCont{padding:30px 0 0 0}
.boxTxt{height:auto !important}
.allresourceslinks ul li{width:100%}
.modal-box .modal-body{padding:50px 0 25px 0}
}
@media only screen and (max-width:350px){.boxTxt{height:auto !important}
}
.owl-carousel .owl-item{-webkit-transform:translateZ(0) !important}
.insuranceWrap{padding:35px 0}
.insuranceTitle.bannerTitle h1{max-width:470px;float:right;font:30px/32px "robotobold",sans-serif;color:#252c39;overflow:hidden;padding:0;text-transform:uppercase;text-overflow:inherit;white-space:normal;text-align:left}
.insuranceTitle.bannerTitle h1 span{font-family:"robotolight",sans-serif}
.insuranceIntro{padding:35px 0}
.insuranceIntro p{font:16px "robotolight",sans-serif;color:#252c39;margin-bottom:10px;padding-right:110px}
.insuranceIntro p span{font-family:"robotomedium",sans-serif;color:#3ca9dd;text-decoration:underline}
.insuranceIntroRow{background:#386896;margin-top:30px;display:table}
.insuranceIntroCol{display:inline-block;vertical-align:middle;position:relative;margin-right:-4px;display:table-cell;vertical-align:middle}
.insuranceIntroCol img{display:block}
.insuranceIntroCol h3{font:28px/26px "robotolight",sans-serif;color:#fff;text-transform:uppercase;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);text-align:center}
.insuranceIntroCol h3 span{font-family:"robotobold",sans-serif}
.insuranceIntroCol p{font:16px/16px "robotolight",sans-serif;color:#fff}
.insuranceIntroLeft{width:37%}
.insuranceIntroLeft img{width:100%}
.insuranceIntroRight{width:63%;padding:5px 60px 5px 45px}
.insuranceIntroRight p{padding:0}
.mphasisAdvantageIMG{text-align:center;padding:45px 0}
.insuranceListMain{background:url(../../../content/dam/mphasis-com/global/en/industries/insurance/portraits/insurance-list-bg.jpg) no-repeat left top;background-size:cover;padding:70px 0}
.insuranceList{margin:0 -13px}
.insuranceList li{padding:13px;float:left;width:33.33333%}
.insuranceListCon{border:solid 8px rgba(255,255,255,0.32);text-align:center;min-height:160px;position:relative}
.insuranceListCon p{font:16px/18px "robotolight",sans-serif;color:#fff;text-transform:uppercase;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);padding:0 30px}
.insuranceListCon p span{font-family:"robotobold",sans-serif;color:#f4b04f}
.twoColList li{width:50%}
.comprehensiveTitle{background:#3f4654;padding:30px 0}
.comprehensiveTitle h2{float:left;font:38px/40px "robotothin",sans-serif;color:#fff;text-transform:uppercase;width:64%}
.comprehensiveTitle h2 span{display:block;font-family:"robotomedium",sans-serif}
.comprehensiveTitle p{font:14px "robotolight",sans-serif;color:#fff}
.comprehensiveCon{background:url(../../../content/dam/mphasis-com/global/en/industries/insurance/portraits/comprehensive-bg.jpg) no-repeat center;background-size:cover;padding:30px 0;max-width:1366px;margin:0 auto}
.comprehensiveTabs ul{margin:0 -8px}
.comprehensiveTabs li{padding:0 8px;text-align:center;float:left;position:relative}
.comprehensiveTabs li a{background:rgba(255,255,255,0.6);display:block;font:17px "robotolight",sans-serif;color:#386896;text-transform:uppercase;padding:15px 31px;transition:all ease-out .2s;-moz-transition:all ease-out .2s;-webkit-transition:all ease-out .2s;-o-transition:all ease-out .2s;-ms-transition:all ease-out .2s}
.comprehensiveTabs li a:hover,.comprehensiveTabs li.active a{background:#386896;color:#fff}
.comprehensiveTabs li a:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);border:solid 15px #386896;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent;opacity:0;transition:all ease-out .2s;-moz-transition:all ease-out .2s;-webkit-transition:all ease-out .2s;-o-transition:all ease-out .2s;-ms-transition:all ease-out .2s}
.comprehensiveTabs li a:hover:after,.comprehensiveTabs li.active a:after{opacity:1}
.comprehensive_tab_con{text-align:center;padding:25px 0 40px 0}
.comprehensive_tab_con img{transition:all ease-out .3s;-moz-transition:all ease-out .3s;-webkit-transition:all ease-out .3s;-o-transition:all ease-out .3s;-ms-transition:all ease-out .3s}
.comprehensive_tab_con a{display:inline-block;padding:0 10px;width:25%;margin-right:-4px}
.comprehensive_tab_con .tab_content{margin:0 -10px}
.comprehensiveToggle{display:none}
.expertiseTitle{background:#3f4654;padding:15px 0;display:table;width:100%}
.expertiseTitle .container{position:relative}
.expertiseTitle h2{font:38px "robotomedium",sans-serif;color:#fff;text-transform:uppercase;display:table-cell;vertical-align:middle}
.expertiseTitle p{padding:0 50px;font:14px/20px "robotolight",sans-serif;color:#fff;display:table-cell;vertical-align:middle}
.expertiseVideos{position:relative;padding:20px 0}
.expertiseVideos h2{font:38px "robotomedium",sans-serif;color:#3f4654;text-transform:uppercase;position:absolute;left:0;top:50%;transform:translateY(-90%);-moz-transform:translateY(-90%);-webkit-transform:translateY(-90%);-o-transform:translateY(-90%);-ms-transform:translateY(-90%)}
.expertiseVideos h2:after{content:"";position:absolute;right:-37px;top:50%;transform:translateY(-50%);border:solid 15px rgba(63,70,84,0.3);border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent}
.expertiseVideosList{margin:0 40px 0 220px;position:relative}
#owl-carousel-expertise{margin:0 -10px}
.videoCol{position:relative;cursor:pointer;font:14px/18px "robotolight",sans-serif;color:#252c39;text-align:center;padding:0 10px}
.videoColIMG{position:relative}
.expertiseVideosList .videoColIMG span{content:"";height:40px;left:50%;margin-left:-15px;position:absolute;top:50%;transform:translateY(-50%);width:40px;z-index:99}
.videoColIMG img{width:100%;display:block;margin-bottom:8px}
.expertiseVideosList .owl-nav{display:none}
.expertiseVideosList span{position:absolute;top:50%;transform:translateY(-100%);-moz-transform:translateY(-100%);-webkit-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);width:43px;height:43px;cursor:pointer}
.expertiseVideosList span.ex-prev{background:url(../../../content/dam/mphasis-com/global/en/icons/expertise-left-arrow.png) no-repeat center;left:-58px;width:0}
.expertiseVideosList span.ex-prev:hover{background-image:url(../../../content/dam/mphasis-com/global/en/icons/expertise-left-arrow-hover.png)}
.expertiseVideosList span.ex-next{background:url(../../../content/dam/mphasis-com/global/en/icons/expertise-right-arrow.png) no-repeat center;right:-43px;width:0}
.expertiseVideosList span.ex-next:hover{background-image:url(../../../content/dam/mphasis-com/global/en/icons/expertise-right-arrow-hover.png)}
.brandLogos{max-width:830px;margin:0 auto;position:relative}
.brandLogos .item{padding:0 9px}
.brandLogos .owl-nav.disabled{display:none}
.brandLogos .arrowRight,.brandLogos .arrowLeft{position:absolute;top:50%;width:42px;height:42px;margin-top:-21px;cursor:pointer}
.brandLogos .arrowRight{right:-50px;background:url(../../../content/dam/mphasis-com/global/en/icons/desktop/sliderArrow-right.png) no-repeat center}
.brandLogos .arrowRight:hover{background:url(../../../content/dam/mphasis-com/global/en/icons/expertise-right-arrow-hover.png) no-repeat center}
.brandLogos .arrowLeft{left:-50px;background:url(../../../content/dam/mphasis-com/global/en/icons/desktop/sliderArrow-left.png) no-repeat center}
.brandLogos .arrowLeft:hover{background:url(../../../content/dam/mphasis-com/global/en/icons/expertise-left-arrow-hover.png) no-repeat center}
.resources-related a{cursor:pointer}
.resourcespopup{padding:20px 0 40px}
#resourceModalPopup a{width:initial}
@media all and (-ms-high-contrast:none){.eachResourcelink a{min-height:80px}
}
.downloasTabsLinks>ul{border-bottom:3px solid #e1e1e1;margin-bottom:20px;text-align:left}
.downloasTabsLinks>ul>li{display:inline-block;padding:5px 10px}
.downloasTabsLinks>ul>li>a{color:#3f4654;font:18px 'robotolight';text-transform:uppercase;padding:5px 10px;display:inline-block;width:initial}
.downloasTabsLinks>ul>li>a:hover{color:#3f4654}
.downloasTabsLinks>ul>li.active{border-bottom:3px solid #3ca9dd;margin-bottom:-3px}
.eachResourcelink a{font:13px 'robotolight';color:#3f4654}
.eachResourcelink span{font:italic 13px 'robotolight';color:rgba(63,70,84,0.45);overflow:hidden}
.eachResourcelink img{display:block;padding-bottom:10px;margin:0 auto;border:1px solid #e1e1e1}
.eachResourcelink a{display:block;padding:10px 0}
.resourcetab_content a:hover{color:#3ca9dd;text-decoration:underline}
.eachResourcelink{padding:20px;text-align:center}
.allresourceslinks ul li{width:20%;float:left;text-align:center;margin:0 -1px -1px 0;vertical-align:top;border:1px solid #ebebeb}
.modal-box header,.modal-box .modal-header{padding:1.25em 1.5em;border-bottom:1px solid #ddd}
.modal-box .modal-body{padding:2em 1.5em}
a.close{line-height:1;font-size:1.5em;position:absolute;top:5%;right:2%;text-decoration:none;color:#bbb}
a.close:hover{color:#222;-webkit-transition:color 1s ease;-moz-transition:color 1s ease;transition:color 1s ease}
.modal-box{position:absolute;right:0;bottom:70px;top:0;left:0;z-index:98;transition:all ease-out 2s;-moz-transition:all ease-out 2s;-webkit-transition:all ease-out 2s;-o-transition:all ease-out 2s;-ms-transition:all ease-out 2s;display:none;background:rgba(0,0,0,.5)}
.modal-open{overflow:hidden;padding-right:15px}
.modal-box .popup-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;outline:0;max-width:1366px;margin:0 auto}
.modal-box .popup-content a{width:auto}
.modal-box .popup-content a:hover{background:0}
.js-modal-close.close span{font-size:0;width:16px;height:16px;background:url(../../../content/dam/mphasis-com/global/en/icons/close.png) no-repeat center;display:block}
.modal-open{overflow:hidden;padding-right:15px;width:100%;height:100%;background:#fff;position:fixed}
.modalWrap{position:absolute;left:0;right:0;bottom:0}
.relatedPopupTxt ul li{border-bottom:1px solid #e5e3e3;font:14px 'robotolight',sans-serif}
.relatedPopupTxt ul li a{text-align:left;color:#3f4654;font-size:14px;width:inherit;height:inherit;font-family:"robotobold",sans-serif;padding-right:5px}
.relatedPopupTxt ul li a:hover{background:0;color:#3ca9dd}
.relatedPopupTxt ul li{background:url(../../../content/dam/mphasis-com/global/en/icons/bullet-icon.png) no-repeat left center;text-align:left;padding:0 0 0 25px;line-height:36px}
@media only screen and (max-width:1024px){.insuranceIntro{padding:40px 15px}
.insuranceIntro p{padding:0;margin-bottom:15px}
.insuranceIntroLeft,.insuranceIntroRight{width:50%}
.insuranceIntroRight{padding:5px 37px 5px 30px}
.mphasisAdvantageTitle{padding:35px 15px}
.mphasisAdvantageTitle li{padding-right:0}
.mphasisAdvantageIMG{padding:40px 30px}
.insuranceListMain{background-image:url(../../../content/dam/mphasis-com/global/en/industries/insurance/portraits/insurance-list-bg-tab.jpg);padding:55px 0}
.insuranceList{padding:0 15px;margin:0 -10px}
.insuranceList li{width:50%;padding:10px}
.insuranceListCon p{font-size:18px;padding:0 40px}
.comprehensive_tab_con a{width:33.33%;padding:0 7px}
.comprehensive_tab_con{padding:25px 0 0}
.expertiseTitle{text-align:center;padding:20px 0 30px}
.expertiseTitle h2{display:block;padding-bottom:15px}
.expertiseTitle p{max-width:620px;display:block;padding:0;margin:auto}
.expertiseVideos h2{position:relative;top:inherit;transform:none;left:inherit;padding-bottom:30px}
.expertiseVideos h2::after{display:none}
.expertiseVideos{text-align:center;padding:30px 0 40px}
.expertiseVideosList{margin:0 65px}
.comprehensiveTitle{text-align:center}
.comprehensiveTitle h2{width:100%;padding-bottom:20px}
.comprehensiveTitle p{max-width:360px;margin:auto}
.comprehensiveTabs{text-align:center}
.comprehensiveTabs li{padding:0 5px;display:inline-block;margin-right:-4px;float:none}
.comprehensiveTabs li a{font-size:13px;padding:8px 25px}
.comprehensiveTabs li a:after{border-width:10px}
.brandLogos{max-width:600px}
.allresourceslinks ul li{width:25%}
}
@media only screen and (max-width:767px){.insuranceBanner .bannerTitle{position:absolute;right:0;background:0;transform:translateY(-50%);top:50%}
.insuranceTitle.bannerTitle h1{max-width:350px;padding:0}
.insuranceIntro{text-align:center}
.insuranceIntro p{font-size:14px}
.insuranceIntroRow,.insuranceIntroCol{display:block}
.insuranceIntroLeft,.insuranceIntroRight{width:100%}
.insuranceIntroCol h3{font-size:33px;line-height:35px;padding:0 100px}
.insuranceIntroRight{padding:20px 40px}
.insuranceListCon p{padding:0 20px}
.comprehensiveCon{background-image:url(../../../content/dam/mphasis-com/global/en/industries/insurance/portraits/comprehensive-bg-mob.jpg)}
.comprehensiveCon .tabifyItems,.comprehensiveCon .comprehensive_tab_con{display:none}
.comprehensiveTitle h2,.expertiseTitle h2{font-size:30px;padding-bottom:10px}
.expertiseVideos h2{font-size:30px}
.comprehensiveToggle{display:block}
.compTitle{background:rgba(255,255,255,0.6) none repeat scroll 0 0;color:#386896;display:block;font:17px "robotolight",sans-serif;padding:15px 31px 15px 32px;text-transform:uppercase;transition:all .2s ease-out 0;cursor:pointer;text-align:center}
.compToggleCont{display:none}
#compToggle li{margin:10px 0}
.compHolder.active .compToggleCont{display:block}
.compTitle.active{background:#386896;color:#fff;position:relative}
.compToggleCont a{width:100%;display:inline-block;margin:0 0 10px}
.compToggleCont{padding:50px 15px 0;text-align:center}
.compTitle.active:after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);-ms-transform:translateX(-50%);border:solid 15px #386896;border-left-color:transparent;border-right-color:transparent;border-bottom-color:transparent}
.allresourceslinks ul li{width:50%}
.downloasTabsLinks>ul>li>a{font-size:14px}
a.close{top:20px;right:15px}
.relatedPopupTxt ul li{background:rgba(0,0,0,0) url("../../../content/dam/mphasis-com/global/en/icons/bullet-icon.png") no-repeat scroll left top 10px;line-height:25px;padding:5px 0 5px 25px}
}
@media only screen and (max-width:639px){.insuranceTitle.bannerTitle h1{font-size:25px;line-height:25px;max-width:250px}
.insuranceWrap .boxTxtOverlay h2{font-size:18px;line-height:20px}
.insuranceIntro{padding:25px 0}
.insuranceIntroCol h3{padding:0 30px}
.mphasisAdvantageTitle{padding:20px 0}
.mphasisAdvantageTitle h3{text-align:center;font-size:20px;line-height:25px;margin-bottom:15px}
.mphasisAdvantageTitle h3 span{display:block}
.mphasisAdvantageTitle li{font-size:12px;line-height:normal;background-size:16px;padding-left:25px}
.mphasisAdvantageIMG{padding:20px 15px}
.insuranceListMain{padding:30px 0}
.insuranceList{margin:0;padding:0}
.insuranceList li{padding:0;width:100%;padding:5px 0}
.insuranceListCon{border-width:3px;min-height:inherit}
.insuranceListCon p{position:relative;padding:20px 30px;font-size:14px;line-height:normal}
.comprehensiveTitle h2,.expertiseTitle h2,.expertiseVideos h2{font-size:20px;line-height:22px}
.comprehensiveTitle{padding:20px 0}
.expertiseTitle{padding:25px 0 30px}
.downloasTabsLinks>ul>li{width:50%;float:left;text-align:center}
.downloasTabsLinks>ul>li.active{background:#3ca9dd}
.downloasTabsLinks>ul>li.active a{color:#fff}
.downloasTabsLinks>ul>li a:hover,.downloasTabsLinks>ul>li.active a:hover{background:0}
.downloasTabsLinks>ul>li.active a:hover{color:#fff}
.downloasTabsLinks>ul{overflow:hidden}
.modal-box .modal-body{padding:25px 0}
}
@media only screen and (max-width:479px){.ptformtitle h2{padding-left:0;padding-right:0}
.insuranceTitle.bannerTitle h1{font-size:17px;max-width:190px;line-height:20px}
.insuranceIntroCol h3{font-size:25px;line-height:28px}
.insuranceIntroRight{padding:15px}
.compTitle{padding:10px}
.compToggleCont{padding:30px 0 0 0}
.expertiseVideos{padding:20px 0 30px}
.allresourceslinks ul li{width:100%}
.modal-box .modal-body{padding:50px 0 25px 0}
}
.owl-carousel .owl-item{-webkit-transform:translateZ(0) !important}
.carousalBrands .owl-nav.disabled{display:none}
.cmpassPText{background:#e6ebee;padding:20px 0 5px}
.cmpassPText p{font:14px/18px 'robotolight';color:#252c39;padding-bottom:18px}
.ptformbeneFits{padding:30px 0;background:#00314f}
.ptformtitle h2{font:38px/36px 'robotolight';text-transform:uppercase;color:#fff;padding:5px 0 25px}
.ptformtitle h2 strong{font-family:'robotobold'}
.allbenefits{width:100%}
.twoAllbenefits .eachBenefit{width:50%}
.eachBenefit{float:left;width:33.33%;display:table;vertical-align:middle;padding:20px 0}
.eachBenefit img{display:table-cell;max-width:117px;vertical-align:middle;margin-right:15px}
.eachBenefit p{font:15px/18px 'robotolight';color:#fff;display:table-cell;vertical-align:middle;padding:0 10px 0 0}
.suittitle{padding:30px 0 32px;background:#3ca9dd}
.suittitle h3{font:normal 42px/39px 'robotothin';text-transform:uppercase;color:#fff}
.suittitle h3 strong span{text-transform:capitalize}
.suittitle h3 strong{font-family:'robotobold'}
.comIStitle{padding:30px 0;background:#3f4654}
.comIStitle h3{font:38px/37px 'robotolight';text-transform:uppercase;color:#fff;display:inline-block;vertical-align:middle;width:59%;text-transform:uppercase;letter-spacing:-1px;padding-top:3px}
.comIStitle h3 strong,{font-family:'robotobold'}
.comIStitle p{width:38%;display:inline-block;vertical-align:middle;color:#3f4654;padding:0 0 0 20px;font:14px/17px "robotolight",sans-serif;color:#fff}
.compasscaurosel{padding:45px 0;background:#eff5f5}
.compasssldieimg{max-width:320px;text-align:center;margin:0 35px 0 70px;display:inline-block;vertical-align:middle}
.compassslider .ins-next{right:30px}
.compassslider .ins-prev{left:30px}
.compassslider .ins-prev{background:url("../../../content/dam/mphasis-com/global/en/icons/insurance-left-arrow.png") no-repeat center center;background-size:100%}
.compassslider .ins-prev:hover{background-image:url("../../../content/dam/mphasis-com/global/en/icons/insurance-left-arrow-hover.png")}
.compassslider .ins-next{background:url("../../../content/dam/mphasis-com/global/en/icons/insurance-right-arrow.png") no-repeat center center;background-size:100%}
.compassslider .ins-next:hover{background-image:url("../../../content/dam/mphasis-com/global/en/icons/insurance-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}
.compasslideContainer{position:absolute;z-index:1;top:0;transform:translateY(-50%);top:50%;width:100%;left:0;right:0}
.compasslideContent h3{text-transform:uppercase;font:42px/40px 'robotothin';color:#252c39}
.compasslideContent h3 span{display:block}
.compasslideContent h3 strong{font:normal 42px/40px "robotobold"}
.learnMore{font:14px "robotolight",sans-serif;color:#000;opacity:.7;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;background:url(../../../content/dam/mphasis-com/global/en/icons/learn-more-icon.png) no-repeat right center;background-size:24px;padding:3px 30px 3px 0}
.compasslideContent a:hover{opacity:1}
.carousalBrands.owl-carousel .slideContent img{width:35px;display:inline-block;vertical-align:middle;margin-left:5px}
.compasslideContent p{font:22px/25px "robotolight",sans-serif;padding:15px 0;color:#252c39}
.compasslideContent p strong{font-family:"robotobold";font-weight:normal}
.solinfraModelSection{padding:40px 0}
.solinfraModelSection p{font:15px/20px 'robotolight';color:#252c39;padding:0 0 15px}
.solInfraCont{padding:20px 0 0}
.solInfraCont img{display:block;width:100%}
.offeringTitle{background:#3f4654;padding:15px 0;display:table;width:100%}
.offeringTitle .container{position:relative}
.offeringTitle h2{font:38px "robotolight",sans-serif;color:#fff;text-transform:uppercase}
.offeringTitle h2 strong{font-family:"robotobold"}
.offeringTitle p{padding:0 50px;font:14px/20px "robotolight",sans-serif;color:#fff;display:table-cell;vertical-align:middle}
.offeringRight{float:right;width:50%;padding:25px 30px}
.offeringRight ul{max-width:480px;float:left;margin:0 -15px}
.offeringRight li{width:50%;float:left;position:relative}
.offeringGrid{margin:15px;position:relative;cursor:pointer;overflow:hidden}
.offeringGrid:before{content:"";position:absolute;left:0;right:0;bottom:0;background:url(../../../content/dam/mphasis-com/global/en/icons/offering-grid-title.png) repeat-x;height:184px}
.offeringGridTitle{position:absolute;left:0;right:0;bottom:0;text-align:center;padding:10px 10px 20px;z-index:2}
.offeringGridTitle h2{color:#fff;font:18px/17px "robotolight",sans-serif;position:relative;z-index:99}
.offeringGrid:after{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(255,255,255,0.77);opacity:1;transition:all ease-in-out .5s;-webkit-transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;-ms-transition:all ease-in-out .5s;-o-transition:all ease-in-out .5s;content:""}
.offeringGrid:hover:after{opacity:.5;margin:0}
.offeringLeft{float:left;width:50%;position:relative}
.offeringLeft img,.offeringRight li img{display:block;width:100%}
.offeringResultCont{position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.6)}
.offeringResult{margin:auto;max-width:390px;top:50%;transform:translateY(-50%);position:relative}
.offeringResult li{border:2px solid rgba(255,255,255,0.33);margin:6px 0;color:#fff;font:18px "robotolight",sans-serif}
.offeringResult li a{color:#fff;display:block;background:url(../../../content/dam/mphasis-com/global/en/icons/offerings-arrow.png) no-repeat left 10px center / 30px auto;padding:10px 10px 10px 50px}
.offeringResult li a:hover{background:url(../../../content/dam/mphasis-com/global/en/icons/offerings-arrow-hover.png) no-repeat rgba(255,255,255,1) left 10px center / 30px auto;color:#333}
.resources-related a{cursor:pointer}
.resourcespopup{padding:20px 0 40px}
#resourceModalPopup a{width:initial}
@media all and (-ms-high-contrast:none){.eachResourcelink a{min-height:80px}
}
.downloasTabsLinks>ul{border-bottom:3px solid #e1e1e1;margin-bottom:20px;text-align:left}
.downloasTabsLinks>ul>li{display:inline-block;padding:5px 10px}
.downloasTabsLinks>ul>li>a{color:#3f4654;font:18px 'robotolight';text-transform:uppercase;padding:5px 10px;display:inline-block;width:initial}
.downloasTabsLinks>ul>li>a:hover{color:#3f4654}
.downloasTabsLinks>ul>li.active{border-bottom:3px solid #3ca9dd;margin-bottom:-3px}
.eachResourcelink a{font:13px 'robotolight';color:#3f4654}
.eachResourcelink span{font:italic 13px 'robotolight';color:rgba(63,70,84,0.45);overflow:hidden}
.eachResourcelink img{display:block;padding-bottom:10px;margin:0 auto;border:1px solid #e1e1e1}
.eachResourcelink a{display:block;padding:10px 0}
.resourcetab_content a:hover{color:#3ca9dd;text-decoration:underline}
.eachResourcelink{padding:20px;text-align:center}
.allresourceslinks ul li{width:20%;float:left;text-align:center;margin:0 -1px -1px 0;vertical-align:top;border:1px solid #ebebeb}
.modal-box header,.modal-box .modal-header{padding:1.25em 1.5em;border-bottom:1px solid #ddd}
.modal-box .modal-body{padding:2em 1.5em}
a.close{line-height:1;font-size:1.5em;position:absolute;top:5%;right:2%;text-decoration:none;color:#bbb}
a.close:hover{color:#222;-webkit-transition:color 1s ease;-moz-transition:color 1s ease;transition:color 1s ease}
.modal-box{position:absolute;right:0;bottom:70px;top:0;left:0;z-index:98;transition:all ease-out 2s;-moz-transition:all ease-out 2s;-webkit-transition:all ease-out 2s;-o-transition:all ease-out 2s;-ms-transition:all ease-out 2s;display:none;background:rgba(0,0,0,.5)}
.modal-open{overflow:hidden;padding-right:15px}
.modal-box .popup-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;outline:0;max-width:1366px;margin:0 auto}
.modal-box .popup-content a{width:auto}
.modal-box .popup-content a:hover{background:0}
.js-modal-close.close span{font-size:0;width:16px;height:16px;background:url(../../../content/dam/mphasis-com/global/en/icons/close.png) no-repeat center;display:block}
.modal-open{overflow:hidden;padding-right:15px;width:100%;height:100%;background:#fff;position:fixed}
.modalWrap{position:absolute;left:0;right:0;bottom:0}
.relatedPopupTxt ul li{border-bottom:1px solid #e5e3e3;font:14px 'robotolight',sans-serif}
.relatedPopupTxt ul li a{text-align:left;color:#3f4654;font-size:14px;width:inherit;height:inherit;font-family:"robotobold",sans-serif;padding-right:5px}
.relatedPopupTxt ul li a:hover{background:0;color:#3ca9dd}
.relatedPopupTxt ul li{background:url(../../../content/dam/mphasis-com/global/en/icons/bullet-icon.png) no-repeat left center;text-align:left;padding:0 0 0 25px;line-height:36px}
@media only screen and (max-width:1280px){.offeringRight ul{margin:0 -15px;max-width:350px}
.offeringGrid{margin:10px}
.offeringResult{max-width:350px}
.offeringGridTitle h2,.offeringResult li{font-size:16px}
.solinfraModelSection{padding:30px 15px}
.offeringTitle{padding:15px}
}
@media only screen and (max-width:1024px){.cmpassPText{text-align:center;padding:30px 30px;margin:0 auto}
.compasssldieimg{margin:0 25px 0 90px}
.offeringRight ul{max-width:inherit}
.allresourceslinks ul li{width:25%}
}
@media only screen and (max-width:1023px){.offeringRight{padding:34px 30px}
.offeringResult{max-width:320px}
.offeringResult li{font-size:14px}
.offeringResult li a{background:rgba(0,0,0,0.33) url("../../../content/dam/mphasis-com/global/en/icons/offerings-arrow.png") no-repeat scroll left 10px center;background-size:22px;padding:10px 10px 10px 40px}
.offeringResult li a:hover{background-size:22px}
.offeringGrid::after{margin:5px}
.offeringGrid::before{height:150px}
.offeringGridTitle{padding:10px 15px}
.offeringGridTitle h2{font-size:15px}
}
@media only screen and (max-width:767px){.compasslideContent h3,.compasslideContent h3 strong{font-size:42px;line-height:42px}
.compasslideContent p{font-size:16px;line-height:22px}
.cmpassPText p{font-size:16px;line-height:22px}
.cmpassPText{padding:30px 0}
.compasssldieimg{margin:0 15px 0 60px}
.compasssldieimg{max-width:200px}
.solinfraModelSection{padding:50px 15px 40px}
.solinfraModelSection p{text-align:center;font:20px "robotolight"}
.solInfraCont{padding:40px 0 0}
.offeringRight{width:100%;padding:25px 30px}
.offeringRight li{width:25%}
.offeringGridTitle{padding:10px}
.offeringGridTitle h2{font-size:18px;line-height:22px}
.offeringLeft{width:100%}
.offeringResult{max-width:inherit}
.offeringResultCont{padding:0 25px}
.offeringResult li{font-size:28px}
.offeringResult li a{background-size:43px;padding:15px 70px 15px}
.offeringResult li a:hover{background-size:43px}
.allresourceslinks ul li{width:50%}
.downloasTabsLinks>ul>li>a{font-size:14px}
a.close{top:20px;right:15px}
.relatedPopupTxt ul li{background:rgba(0,0,0,0) url("../../../content/dam/mphasis-com/global/en/icons/bullet-icon.png") no-repeat scroll left top 10px;line-height:25px;padding:5px 0 5px 25px}
}
@media only screen and (max-width:639px){.compasslideContent h3,.compasslideContent h3 strong{font-size:28px;line-height:28px}
.compasslideContent p{font-size:16px;line-height:22px}
.cmpassPText p{font-size:16px;line-height:22px}
.compasssldieimg{max-width:150px;margin:0 15px 0 40px}
#banner .compassslider .ins-next,#banner .compassslider .ins-prev{background-size:30px;height:30px;width:30px}
.offeringTitle h2{font-size:20px;line-height:22px}
.offeringTitle{padding:25px 0 30px}
.solinfraModelSection{padding:25px 0 20px}
.solinfraModelSection p{font-size:15px}
.offeringRight{padding:20px}
.offeringTitle h2{font-size:27px}
.offeringGridTitle h2{font-size:15px;line-height:17px}
.offeringResult li{font-size:21px}
.offeringResult li a,.offeringResult li a:hover{background-size:30px;padding:10px 50px}
.downloasTabsLinks>ul>li{width:50%;float:left;text-align:center}
.downloasTabsLinks>ul>li.active{background:#3ca9dd}
.downloasTabsLinks>ul>li.active a{color:#fff}
.downloasTabsLinks>ul>li a:hover,.downloasTabsLinks>ul>li.active a:hover{background:0}
.downloasTabsLinks>ul>li.active a:hover{color:#fff}
.downloasTabsLinks>ul{overflow:hidden}
.modal-box .modal-body{padding:25px 0}
}
@media only screen and (max-width:479px){.compasslideContent h3,.compasslideContent h3 strong{font-size:18px;line-height:22px}
.compasslideContent p{font-size:12px;line-height:16px}
.cmpassPText p{font-size:14px;line-height:18px}
.compasssldieimg{margin:0 15px 0 40px}
.compassslider .ins-next{right:5px}
.compassslider .ins-prev{left:5px}
.compasssldieimg{max-width:100%}
.compassslider .ins-next,.compassslider .ins-prev,#brouchurelist .ins-next,#brouchurelist .ins-prev{width:30px;height:30px}
.compTitle{padding:10px}
.compToggleCont{padding:30px 0 0 0}
.solInfraCont{padding:20px 0 0}
.offeringTitle h2{font-size:20px}
.offeringTitle{padding:20px 0 25px}
.offeringResultCont{padding:0 15px}
.offeringRight li{width:50%}
.offeringResult li{font-size:15px}
.offeringResult li a,.offeringResult li a:hover{padding:5px 40px;background-size:20px}
.allresourceslinks ul li{width:100%}
.modal-box .modal-body{padding:50px 0 25px 0}
}
.offeringRight li a.active .offeringGrid:after,.offeringRight li a.active:hover .offeringGrid:after{background:rgba(0,0,0,0.44);margin:10px;opacity:1}
@media only screen and (max-device-width:1024px){.offeringLeft img{height:566px !important}
}
@media only screen and (max-device-width:768px){.offeringLeft img{height:auto}
}
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation :landscape){.offeringResult li a{padding:5px 40px;background-size:20px}
.offeringResult li{font-size:15px}
.offeringResultCont .offeringResult{transform:none !important}
}
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation :portrait){.offeringResult li a{padding:5px 40px;background-size:20px}
.offeringResult li{font-size:15px}
.offeringResultCont .offeringResult{transform:none !important}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1){.offeringResult li a{padding:5px 40px;background-size:20px}
.offeringResult li{font-size:15px}
.offeringResult{transform:none !important}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation :portrait){.offeringResult li a{padding:5px 40px;background-size:20px}
.offeringResult li{font-size:15px}
.offeringResultCont .offeringResult{transform:none !important}
}
@media screen and (device-width:320px) and (device-height:640px) and (orientation :portrait){.offeringResultCont .offeringResult{transform:none !important}
.offeringResult li{font-size:16px}
.offeringResult li a{background-size:30px}
.offeringResult{top:0 !important}
}
@media only screen and (min-device-width:1280px) and (max-device-width:720px) and (orientation:landscape){.offeringResultCont .offeringResult{transform:none !important}
.offeringResult li{font-size:16px}
.offeringResult li a{background-size:30px}
.offeringResult{top:0 !important}
}
@media only screen and (min-device-width :375px) and (max-device-width :667px) and (orientation :portrait){.modal-box .popup-content{max-height:1500px;overflow:scroll}
}
@media only screen and (min-device-width:360px) and (max-device-width:640px) and (orientation:portrait){.offeringResultCont .offeringResult{transform:none !important}
.infragenieWrap span.infra-next.nodeskarrow.notabarrow,.infragenieWrap span.infra-prev.nodeskarrow.notabarrow{width:30px !important}
}
@media only screen and (min-device-width:375px) and (max-device-width:667px) and (orientation:landscape){.offeringResultCont .offeringResult{transform:none !important}
.infragenieWrap span.infra-next.nodeskarrow.notabarrow,.infragenieWrap span.infra-prev.nodeskarrow.notabarrow{width:41px !important}
.swiper-slide img{padding-left:103px}
.swiper-slide .insuranceVideoTitle img{padding-right:100px}
}
.owl-carousel .owl-item{-webkit-transform:translateZ(0) !important}
.carousalBrands .owl-nav.disabled{display:none}
.compasslideItem{position:relative}
.compasslideContainer{position:absolute;z-index:1;top:0;transform:translateY(-50%);top:50%;width:100%;left:0;right:0}
.dtoTxt h3{letter-spacing:-2px}
.compasslideContent h3{text-transform:uppercase;font:42px/40px 'robotothin';color:#252c39}
.compasslideContent h3 span{display:block}
.compasslideContent h3 strong{font-family:"robotobold";display:block}
.compasslideContent sup{font-size:10px}
.learnMore{font:14px "robotolight",sans-serif;color:#000;opacity:.7;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;background:url(../../../content/dam/mphasis-com/global/en/icons/learn-more-icon.png) no-repeat right center;background-size:24px;padding:3px 30px 3px 0}
.compasslideContent a:hover{opacity:1}
.carousalBrands.owl-carousel .slideContent img{width:35px;display:inline-block;vertical-align:middle;margin-left:5px}
.compasslideContent p{font:15px/20px "robotolight",sans-serif;padding:15px 0;color:#252c39}
.compasslideContent p strong{font-family:"robotobold";font-weight:normal}
.compasTxt{color:#252c39;font:22px/18px 'robotolight',sans-serif;padding-top:10px}
.compasTxt span{font:25px 'robotomedium',sans-serif;display:block}
.compassslider .ins-prev,.compassslider .ins-next{position:absolute;top:50%;margin:-21px 0 0;cursor:pointer;z-index:5;width:43px;height:43px}
.compassslider .ins-prev{left:30px;background:url("../../../content/dam/mphasis-com/global/en/icons/expertise-left-arrow.png") no-repeat center center}
.compassslider .ins-next{right:30px;background:url("../../../content/dam/mphasis-com/global/en/icons/expertise-right-arrow.png") no-repeat center center}
.compassslider .ins-prev:hover{background-image:url("../../../content/dam/mphasis-com/global/en/icons/expertise-left-arrow-hover.png")}
.compassslider .ins-next:hover{background-image:url("../../../content/dam/mphasis-com/global/en/icons/expertise-right-arrow-hover.png")}
.dtoTxtWrap{background:#e6ebee;color:#252c39;font:15px/18px "robotolight",sans-serif;padding:25px 0}
.dtoTxtWrap p{padding-bottom:15px}
.dtoTxtWrap p:last-child{padding-bottom:0}
.dtoBox a{cursor:default}
.dtoBox a[href^='/']{cursor:pointer}
.dtoboxWrap{padding:27px 0;background:#03334d}
.dtoboxWrap .col33{padding:13px 25px}
.dtoBox{position:relative;border-radius:3px;overflow:hidden;position:relative;color:#fff;cursor:pointer}
.dtoBox img{display:block;width:100%;position:relative}
.dtoBox:after{content:'';position:absolute;right:0;bottom:0;left:0;top:0}
.dtoboxTxt{position:absolute;left:0;right:0;bottom:0;padding:20px 15px 20px 20px;z-index:9;transform:translateY(120px);transition:all 300ms ease-out}
.dtoBox h5{font:18px 'robotomedium',sans-serif}
.dtoBox p{font:15px/18px "robotolight",sans-serif;padding-top:20px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0}
.dtoBox:hover .dtoboxTxt{transform:translateY(0);-webkit-transform:translateY(0);transition:all 300ms ease-out;background:#33638f}
.dtoBox:hover p{filter:alpha(opacity=100);-moz-opacity:1;opacity:1}
.dtoHeading{background:#3ca9dd;padding:30px 0;font:38px/37px "robotolight",sans-serif;color:#fff;text-transform:uppercase}
.dtoHeading strong{font-weight:normal;font-family:'robotomedium',sans-serif}
.dtoHeading span{font-family:'robotothin',sans-serif}
.portfolioWrap{padding:25px 0 45px}
.portfolioRight{float:right;margin-right:20px}
.portfolioLeft{max-width:450px;padding:60px 0 0 30px}
.portfolioLeft li{padding:8px 0 8px 32px;font:15px/18px "robotolight",sans-serif;text-transform:uppercase;background:url(../../../content/dam/mphasis-com/global/en/icons/right_arrow4.jpg) no-repeat left 9px}
.compasscaurosel{padding:45px 0;background:#eff5f5}
.compasssldieimg{max-width:320px;text-align:center;margin:0 35px 0 70px;display:inline-block;vertical-align:middle;float:left}
.broucherTitle,.broucherTxt{overflow:hidden}
.broucherTitle span{font:18px/17px 'robotolight'}
.broucherTitle h4{color:#252c39;font:38px/37px "robotothin";padding:8px 0 15px;text-transform:uppercase}
.broucherTitle h4 strong{font-family:'robotobold';font-weight:normal;display:block}
.broucherTxt{max-width:600px}
.broucherTxt p{color:#252c39;font:15px/18px 'robotolight';padding-bottom:15px}
.knowmorebtn{border:1px solid #3ca9dd;background:#3ca9dd;color:#fff;text-decoration:none;border-radius:22px;padding:8px 18px;display:inline-block;font:17px 'robotomedium';text-transform:uppercase;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}
.knowmorebtn:hover{background:transparent;color:#3ca9dd}
#brouchurelist{position:relative}
#brouchurelist .owl-nav.disabled{display:none}
#brouchurelist .ins-prev{background:url("../../../content/dam/mphasis-com/global/en/icons/expertise-left-arrow.png") no-repeat center center;left:-75px}
#brouchurelist .ins-prev:hover{background-image:url("../../../content/dam/mphasis-com/global/en/icons/expertise-left-arrow-hover.png")}
#brouchurelist .ins-next{background:url("../../../content/dam/mphasis-com/global/en/icons/expertise-right-arrow.png") no-repeat center center;right:-75px}
#brouchurelist .ins-next:hover{background-image:url("../../../content/dam/mphasis-com/global/en/icons/expertise-right-arrow-hover.png")}
#brouchurelist .ins-prev,#brouchurelist .ins-next{position:absolute;top:50%;margin:-21px 0 0;cursor:pointer;z-index:5;width:43px;height:43px;background-size:100%}
.resources-related a{cursor:pointer}
.modal-box header,.modal-box .modal-header{padding:1.25em 1.5em;border-bottom:1px solid #ddd}
.modal-box .modal-body{padding:2em 1.5em}
a.close{line-height:1;font-size:1.5em;position:absolute;top:5%;right:2%;text-decoration:none;color:#bbb}
a.close:hover{color:#222;-webkit-transition:color 1s ease;-moz-transition:color 1s ease;transition:color 1s ease}
.modal-box{position:absolute;right:0;bottom:70px;top:0;left:0;z-index:98;transition:all ease-out 2s;-moz-transition:all ease-out 2s;-webkit-transition:all ease-out 2s;-o-transition:all ease-out 2s;-ms-transition:all ease-out 2s;display:none;background:rgba(0,0,0,.5)}
.modal-open{overflow:hidden;padding-right:15px}
.modal-box .popup-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;outline:0;max-width:1366px;margin:0 auto}
.modal-box .popup-content a{width:auto}
.modal-box .popup-content a:hover{background:0}
.js-modal-close.close span{font-size:0;width:16px;height:16px;background:url(../../../content/dam/mphasis-com/global/en/icons/close.png) no-repeat center;display:block}
.modal-open{overflow:hidden;padding-right:15px;width:100%;height:100%;background:#fff;position:fixed}
.modalWrap{position:absolute;left:0;right:0;bottom:0}
.relatedPopupTxt ul li{border-bottom:1px solid #e5e3e3;font:14px 'robotolight',sans-serif}
.relatedPopupTxt ul li a{text-align:left;color:#3f4654;font-size:14px;width:inherit;height:inherit;font-family:"robotobold",sans-serif;padding-right:5px}
.relatedPopupTxt ul li a:hover{background:0;color:#3ca9dd}
.relatedPopupTxt ul li{background:url(../../../content/dam/mphasis-com/global/en/icons/bullet-icon.png) no-repeat left center;text-align:left;padding:0 0 0 25px;line-height:36px}
.dtoboxWrap .col4{width:25%;padding:13px 10px;float:left}
.dtoboxWrap .col22{width:50%;padding:13px 25px;float:left}
@media only screen and (max-width:1024px){.compasslideContent h3{font-size:38px;line-height:35px}
.compasTxt{font-size:18px}
.compasTxt span{font-size:20px}
.dtoTxtWrap,.dtoHeading{padding-left:15px;padding-right:15px}
.dtoboxWrap .col33{padding:15px}
.dtoboxWrap .col4{width:25%;padding:13px 10px;float:left}
.dtoboxWrap .col22{width:50%;padding:13px 25px;float:left}
.dtoboxTxt{padding:12px;transform:translateY(100px);min-width:160px !important}
.dtoBox h5{font-size:16px;line-height:19px;letter-spacing:-1px}
.dtoBox p{font-size:12px;line-height:15px;opacity:0;filter:alpha(opacity=0);-moz-opacity:0;transition:all ease-out .2s}
.dtoBox:hover p{opacity:1;filter:alpha(opacity=100);-moz-opacity:1}
.dtoHeading{font-size:33px;line-height:32px}
.portfolioRight{float:none;margin:0;text-align:center}
.portfolioLeft{float:none;margin:0 auto;padding:35px 0 0 0}
.compasssldieimg{margin:35px 25px 0 90px}
.broucherTitle,.broucherTxt{max-width:inherit;padding-right:100px}
#brouchurelist .ins-prev{left:30px}
#brouchurelist .ins-next{right:30px}
}
@media only screen and (max-width:767px){.compasslideContent h3{font-size:35px;line-height:30px}
.dtoboxWrap .container,.dtoHeading{padding-left:0;padding-right:0}
.dtoTxtWrap{font-size:20px;line-height:20px;background:#fff;text-align:center;padding:30px}
.dtoboxWrap .col33{width:50%}
.dtoboxWrap .col4{width:50%;padding:13px 25px;float:left}
.dtoboxWrap .col22{width:100%;padding:10px 15px;float:left}
.dtoboxTxt{transform:translateY(120px)}
.dtoBox h5{font-size:20px;line-height:20px}
.dtoBox p{font-size:16px;line-height:20px}
.dtoHeading{text-align:center;font-size:37px;line-height:36px}
.portfolioLeft{max-width:550px}
.portfolioLeft li{font-size:20px;line-height:22px;background-position:left 11px}
#brouchurelist .ins-prev{left:15px}
#brouchurelist .ins-next{right:15px}
.displayCell{display:table;width:100%}
.compasssldieimg,.broucherTitle{display:table-cell;vertical-align:bottom;float:none;width:50%}
.broucherTitle{padding:0 0 0 15px;overflow:inherit}
.broucherTitle h4{padding-bottom:0;font-size:30px;line-height:30px}
.broucherTxt{display:block;padding:20px 0 0}
.broucherTxt p{font-size:17px;line-height:20px}
.compasssldieimg{margin:0}
}
@media only screen and (max-width:639px){.compasslideContent h3{font-size:26px;line-height:26px}
.compasTxt,.compasTxt span{font-size:17px}
.compassslider .ins-next,.compassslider .ins-prev{background-size:30px;height:30px;width:30px}
.dtoTxtWrap{font-size:15px}
.dtoboxTxt{transform:translateY(100px)}
.dtoBox h5{font-size:20px;line-height:20px}
.dtoBox p{font-size:13px;line-height:15px}
.dtoHeading{font-size:28px;line-height:25px}
.portfolioLeft li{font-size:15px;line-height:19px;background-position:left 9px}
#owl-carousel-brochurelist{padding:0 50px}
#brouchurelist .ins-prev{left:-5px}
#brouchurelist .ins-next{right:-5px}
.displayCell,.compasssldieimg,.broucherTitle{display:block}
.compasssldieimg,.broucherTitle{width:auto}
.broucherTitle{padding:15px 0 0 0}
}
@media only screen and (max-width:479px){.compasslideContent h3{font-size:18px;line-height:18px;letter-spacing:inherit}
.compasTxt{padding:5px 0 0 0}
.compasslideContent p{font-size:12px;padding:0;line-height:15px}
.compasTxt,.compasTxt span{font-size:13px}
.compassslider .ins-next{right:5px}
.compassslider .ins-prev{left:5px}
.compassslider .ins-next,.compassslider .ins-prev,#brouchurelist .ins-prev,#brouchurelist .ins-next{width:30px;height:30px}
.dtoTxtWrap{padding:30px 0}
.dtoboxWrap .col33{width:100%}
.dtoboxWrap .col4{width:100%;padding:15px;float:left}
.dtoboxWrap .col22{width:100%;padding:15px;float:left}
.dtoboxTxt{transform:translateY(140px)}
.dtoHeading{padding:20px 0;font-size:22px;line-height:22px}
#owl-carousel-brochurelist{padding:0 30px}
.broucherTitle span{font-size:15px}
.broucherTitle h4{font-size:20px;line-height:20px;padding-top:5px}
.broucherTxt{padding-top:10px}
.broucherTxt p{font-size:15px;line-height:18px}
}
@media only screen and (min-device-width:320px) and (max-device-width:667px){.relatedPopupTxt ul li{line-height:26px}
}