

.mmi-BFSi-fullpage {
  min-height: 100vh;
  display: flex;
  padding-top:130px; padding-bottom: 20px;
  position: relative;
  background: url("../images/bg_bfsi.png") center center no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center
}
  h1.heading{font-size: 42px; }
 .heading span.forMobile_br{ color: #fff;}
.vis-bfsi{display: inline-block}
.homePageG{height: auto; padding: 0px;}
.bfsi-bg-insu{background:#02AED4; margin-top:2vh;margin-bottom: 20px; border-radius: 6px;   display: flex; }
.bfsi-bg-buss{background:#0076DB; margin-top: 2vh; margin-bottom: 20px;border-radius: 6px; display: flex; }
.homePageG {flex-wrap: wrap;} 
.homePageG >div {flex: 0 0 100%;}
.bt-in-b{flex: 0 0 100%;opacity:1; transition: all 0.3s;flex-wrap: wrap; align-items: center; justify-content: flex-start; padding: 30px; text-align: left}
.bt-in-b:hover {box-shadow: rgba(0,0,0,0.3) 0px 0px 20px;}
.bt-in-b h2{flex: 0 0 100%; font-size: 18px;  font-weight: 500;}
.bt-in-b h2 span{text-transform: uppercase}
.banner-bt {font-size: 16px;} 
.bt-in-b p{font-weight: 600; font-size: clamp(16px, 2.0vw, 28px);  line-height:36px; margin-bottom: 0px; margin-top: 2vh}
.c_box_list a{color: #fff;}
 
 .bt-in-b:hover   p {text-decoration: underline}
.c_box_list a:hover .bt-in-b{opacity: 0.8;}
.innerBg_clients_s{display: flex; justify-content: center;}
.innerBg_clients_section{display: flex; align-items: center;justify-content: space-between; padding:5vh 0px 0;}
.innerBg_clients_section img{margin: 0px 40px;}
 
.cla_Contact{padding-top: 30px; display: flex;}
.homePageG   .col-lg{display: flex; align-items: center; padding: 0px;}
.cla_Contact a {
    border-radius: 40px;
    flex: 0 0 160px;
    justify-content: center;
    padding: 12px 24px;
    transition: all 0.3s;
    margin: 0px 0px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    border: #fff 1px solid;
    font-weight: 600;
}
.cla_Contact a.active{    background: #F18F4A;
    border-color: #F18F4A; margin-right: 30px;
    opacity: 0.9;}
.ai-herobanner{    padding-top:90px;
    position: relative; display: flex;
    background: url("../images/bg.jpg") center center no-repeat;
    background-size: cover;
    justify-content: center;
    align-items: center;}

.ai-herobanner.mmi-t1-ins{ background: url("../images/bg-in.jpg") center center no-repeat; background-size: cover}
.linkBred{padding: 20px 0px 30px; display: flex;font-size: 16px;}
.linkBred a{color:#F4A872}
.linkBred  span{padding: 0px 8px;}

.imageBox img {
    max-height: 100%;
    box-shadow: rgb(0 0 0 / 10%) 0px 5px 5px;
    border-radius: 5px;
}
@media (min-width:981px){


label.in_under_color.bfsi_home{width: 100%; text-align: center; display: flex; justify-content: center; margin-bottom: 0px;}
	}

/*******************************/
.ml_txt h2 {
    font-size:24px;
    font-weight: 500;
    color: #000;
    margin: 0px;
	line-height: 30px;
    padding-bottom: 20px;
}
.ml_txt p {
    margin: 0px;
    font-size: 20px;
    line-height: 30px;
}

.ml_o_c .ml-innOver {
    background:#fff; box-shadow: rgba(0,0,0,0.2) 0px 0px 10px;
}
.ml-innOver p{font-size: 16px; margin-bottom: 20px; line-height: 20px; color: #000; font-weight: 500;}
.ml-innOver {
    background: #fff;
    border-radius: 5px;
    min-height: 424px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding:40px;
	position: relative;
	z-index: 3; margin-right: -10px;
}
.imageBox {
    height: 380px;
    border-radius: 10px;
    top: 22px;
}
.ml_o_c {
    padding: 00px 0px 70px;
}
.ml_txt ul{padding: 0px; margin: 0px 0 0 30px;}
.ml_txt ul li{padding: 0px; font-weight: 500; margin: 0px; padding-bottom: 20px; color:#505050; font-size: 16px; }

#mmi-r-g-st{background: url("../images/bg.jpg") center 80% no-repeat; background-size: cover; color:#fff;}
#mmi-r-g-st.mmi-t-in{background: url("../images/bg-in.jpg") center center no-repeat; background-size: cover; color:#fff;}
#mmi-r-g-st .mm-ready a.outline{background: transparent; border-color: #fff; color:#fff;}

label.in_under_color{ 
	color: #0BC6FA; 
	overflow: hidden; 
	height:65px; 
	width: 607px; 
    display: inline-block; 
	text-align: left;
	vertical-align: top;
	}
label.in_under_color.lendinginsurence{ 
	width:470px;
	}
.heading  .lendinginsurence .slick-slider span{}
 .in_under_color .slick-slider{margin-bottom: 0px; padding-top:2px;}
.heading .slick-slider span{ text-decoration: underline; }



/*.heading .slick-slider span{border-bottom: #0BC6FA 10px solid}*/

.imageBox.workmate_gif{background: url("../images/gif/workmate_live_tracking.gif") 0 0 no-repeat; min-height: 80%;  background-size:cover}  
.imageBox.phygital{background: url("../images/gif/advanced-analytics.gif") 0 0 no-repeat; min-height: 80%;  background-size:cover} 
.imageBox.boost{background: url("../images/gif/reverse_geocoding.gif") 0 0 no-repeat; min-height: 80%;  background-size: cover} 
.imageBox.make_cx{background: url("../images/gif/geofence-based_marketing.gif") 0 0 no-repeat; min-height: 80%;  background-size: cover} 
.imageBox.eveluate_risks{background: url("../images/gif/route_monitoring.gif") 0 0 no-repeat; min-height: 80%;  background-size:cover} 
.imageBox.lcoation_en{background: url("../images/gif/exploit-and-interact.gif") -0px 0 no-repeat; min-height: 80%;  background-size:cover} 
.imageBox.robust{background: url("../images/gif/advanced-analytics.gif") -15px 0 no-repeat; min-height: 80%;  background-size:cover} 
.imageBox.consumer-app-based{background: url("../images/gif/live-tracking.gif") 0 0 no-repeat; min-height: 80%;  background-size: cover} 
.for_c{display: inline-block}
.linkBred a,.linkBred a div{text-decoration: underline}
/********************/
@media(max-width:980px){
	.imageBox.lcoation_en{background-size:110% auto}  

	.for_c{text-transform: capitalize}
	.heading span.forMobile_br{display: block; color: #fff;}
	.vis-bfsi{display: none;}
	 
	.mmi-btn a>span{display: none}
		.ml_txt ul li, .ml-innOver p{font-size: 14px;}
	.ml_txt h2,.mmi-txt2 h2 {
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
}
	.imageBox{  height: 342px;
    top: 0px;
    background-position: center top!important;}
	.cla_Contact {
    padding-top: 30px;
		padding-bottom: 50px;
    display: flex;
    justify-content: center;
}
	.cla_Contact a {
    border-radius: 40px;
    flex: 0 0 160px;
    justify-content: center;
		padding: 8px 24px;
	font-size: 14px;}
	.linkBred{font-size: 12px;}
	h1.heading{    font-size: 20px;
    line-height: 26px; text-align: center}
	.ai-herobanner  .col-lg{text-align: center}
	.col-lg img{   height: auto !important;
    margin-bottom: 24px;
    margin-top: 15px;
    margin-left: auto;
    width: auto;
    max-width: 96%;}
	.bt-in-b p{line-height: 20px; font-weight: 700;}
	.bt-in-b h2{font-size: 14px;}
	body	.ml_o_c .ml-innOver{box-shadow: rgba(0,0,0,0.08) 0px 5px 5px; border-radius: 0px 0px 6px 6px;}
	.bt-in-b h2 img{    height: 10px;
    display: inline-block;
    margin-left: 5px!important;}
	.bt-in-b h2 span{  
    display: block;
    line-height: 28px;}
	.mmi-BFSi-fullpage {
    height: auto;
    display: flex;
    padding-top: 126px;
	}
	.ml_txt h2 {
    font-size: 18px;
		font-weight: 600;    line-height: 22px;}
	.ml-innOver{top: -20px;}
	.innerBg_clients_section{flex-wrap: wrap; justify-content: center; padding-bottom:60px; }
	.innerBg_clients_section img{margin: 15px  }
	.bt-in-b{height: auto;}
	.mobile-s{order: 2;}
	.ml_o_c {padding-bottom: 20px;}
body .submit-bt .button-btn{width: 100%;
    cursor: pointer;
    padding: 13px 0px;
    font-size: 16px;
    font-weight: 600;
    background: #F18F4A;
    border: 0;
    border-radius: 45px;
		color: #fff;}
}

/********************/
@media(max-width:715px){
 
	
	.homePageG >div{flex: 0 0 initial}
	.ml-innOver{margin: 0PX; padding: 20px;min-height: auto;}
	.ml_o_c .col-md-6.p-0{padding: 0px 15px!important;}
	.mobile-s-img{order: 1;}
	.imageBox{height: 232px; top: 0px;}
	 body label.in_under_color{text-align: center!important;
		 height: 40px;
    max-width: 100%;width: 328px;}
	label.in_under_color.lendinginsurence{width: 290px;}
}

/**************************/


.modal_shadow.addC_show {
    transform: translateY(0%);
    opacity: 1;visibility: visible; pointer-events: all;
}
.modal_shadow {
    position: fixed;
    top: 0px;
    padding: 50px 20px 30px;
    z-index: 99999;
   
    background: rgba(0,0,0,0.6);
    height: 100%;
    width: 100%; visibility: hidden; pointer-events: none;
    transition: all 0.3s;
    opacity: 0;
}

.inner_divBox {
    box-shadow: rgb(0 0 0 / 20%) 0px 0px 10px;
    border-radius: 10px;
    padding: 30px;
    width: 480px;
    max-width: 100%;
    position: relative;
    margin: 0 auto;
    background: #fff;
    max-height: calc(100vh - 86px);
}


.close_box {
  text-align: right;
    height: 32px;
    position: absolute;
    right: 25px;
}
.close_box img {
    height: 16px;
    cursor: pointer;
}
.overflauto_div {
    max-height: calc(100vh - 241px);
    overflow: auto;
}



 .material-form-group {
    position:relative;
    padding-top:12px;
    padding-bottom:6px;
    transition:all .25s ease-out
   }
   .material-form-group label {
    z-index:2;
    position:absolute;
    font-size:15px;
    top: 10px;
    font-weight:500;
    transition:all .25s ease-out;
    pointer-events:none
   }
   .material-form-group.focus label,
   .material-form-group:not(.pristine) label {
    top:-3px;
    font-size:12px;
    pointer-events:all;
   
   }
   .material-form-group.focus label{color: #F18F4A !important;}
   .material-form-control:focus label{color: #F18F4A !important;}
   .material-form-group:not(.pristine) .reveal-password-toggle {
    display:block
   }
   .material-form-group.focus,
   .material-form-group.has-error {
    margin-bottom:0
   }
   .material-form-group.has-error .material-form-control {
    border-bottom-color:#f22f46;
    box-shadow:0 1px 0 #f22f46;
    margin-bottom:0
   }
   .material-form-group.has-error {
    padding-bottom:30px
   }
   .material-form-control {
    box-sizing:border-box;
    max-width:100%;
    width:100%;
    padding:6px 0 4px;
    display:block;
    border:1px solid transparent;
    border-bottom-color:#b6cbe2;
    font-size:14px;
    font-weight: 500;
    outline:none;
    transition:all .25s ease-out;
    border-radius:0;
	   background: #fff;	
    font-family: 'Montserrat', sans-serif;
   }
   .material-form-control:focus {
    border-bottom-color:#F18F4A;
   outline:none; 
   }
.material-form-control:fill{background: #fff;}
   .material-form-control:-webkit-autofill,
   .material-form-control:-webkit-autofill:active,
   .material-form-control:-webkit-autofill:focus,
   .material-form-control:-webkit-autofill:hover {
    /*-webkit-box-shadow:0 0 0 30px #fff inset!important*/
	   background: #fff;
   }
.content_mmi h2{padding-bottom: 30px}
.submit-bt {padding-top: 40px;}
.submit-bt .button-btn {
    width: 100%;
    cursor: pointer;
    padding: 19px 0px;
    font-size: 18px;
    font-weight: 600;
    background: #F18F4A;
    border: 0;
    border-radius: 45px;
    color: #fff;
}
.banner-bt a:hover{background: transparent!important; opacity: 0.8}
.blackfont .banner-bt a{    border: #000 1px solid; color: #000;}
