@font-face {
    font-family: 'Butler';
    src: url('https://www.motilaloswal.com/downloads/fonts/Butler-Medium.woff') format('woff'),
         url('https://www.motilaloswal.com/downloads/fonts/Butler-Medium.woff2') format('woff2'),
         url('https://www.motilaloswal.com/downloads/fonts/Butler_Bold.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

.row3 .h4 {font-family: 'Butler' !important;position: absolute;left: 43%; margin-top:-25px;padding:0px 20px;font-size: 25px;color:#fff; background: #2e2a94;text-align:center; border-radius:10px;}
.row3, h2, p {margin:0px; padding:5px;}
.font-16 {font-size:16px;margin-top: -10px;color:#ffffff;}
.font-22 {font-size:22px;margin-top: -10px;color:#2e2a94;}
body {margin:0px; padding:0px;font-family:Poppins;}
#snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -125px;
    background-color: #2e2a94;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    left: 50%;
    top: 30px;
    font-size: 17px;
}

.text-blue {color:#2e2a94;}

#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
.row2 h3 {margin:5px;color:#2e2a94;}
 .grid-container {
   width:100%;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  background:#ffffff;
  
 }
 .header {
  display: grid;
  grid-template-columns: 50% 50%;
  background:#f7f7f7; 
  padding:15px 40px;
}

.row1 {
display: grid;
  grid-template-columns:65% 30%;
  padding:20px 40px;
}

.row2, .row3, .row4, .row5 {
display: grid;
  grid-template-columns:100%;
  padding:20px;
}

/* .stateCity {display: grid;grid-template-columns:50% 50%;} */
.stateCity .ml-1 {margin-right:2%;}

.row5-1 {display: grid;grid-template-columns:99%;padding-bottom:10px;text-align:center;}
.text-right {text-align:right;}
.text-left {text-align:left;margin-left:10px;}

.footer {display: grid;grid-template-columns:30% 70%;padding:10px 40px;color:#fff;}
.footer .dis {padding:20px;display:block;}
.footer a {text-decoration:none;}
.socialbottomlinks {
    background: #e6e7e8;
}
.text-white {
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-end {
    text-align: right !important;
}
.socialtoplinks li, .socialbottomlinks li {
    list-style: none;
    display: inline-block;
    padding-left: 5px;
}
.font-14 {
    font-size: 14px;
}

.row2 ul {margin:20px;padding:0px; color:#2e2a94;}
.row2 ul li {padding:10px;list-style-type:number;}
.row3 {padding-bottom:0px;}



.disclaimer {font-size:14px !important;color:#999;}

.yellow-bg {background:#2e2a94;}
.yellow-bg h3 {color:#fff; font-size:45px; text-align:center;margin:10px;font-family: 'Butler' !important;}
.yellow-bg p {color:#ffffff;font-size:35px;margin:0px;}

.dv2 {
  display: grid;
  grid-template-columns:45% 10% 45%;
  padding:40px 60px;
  margin:30px auto;
  border:1px solid #999;
  border-radius:25px;
  text-align:center;
  width:80%;
  }
  .dv3 {
 display: grid;
  grid-template-columns:100%;
  padding:40px 60px;
  margin:30px auto;
  border:1px solid #999;
  border-radius:25px;
  text-align:center;
  width:40%;
  }
  .row4 h4 {position: absolute;left: 45%; margin-top:-10px;padding: 20px;font-size: 25px; background: #fff;}
  
  .dv2 div span {color:#2e2a94;font-size:90px;font-weight:bold; text-align:center;padding: 45px 0px;display: block;}

.row3 h3 {font-family: 'Butler' !important;margin: 0 auto;font-size:30px;text-align:center; background:#2e2a94;color:#fff;display:table;padding:15px;border-radius:10px;margin-bottom:35px;}
.row3 h4 {position: absolute;left: 43%; margin-top: 88px;padding: 20px;font-size: 25px; background: #ffffff;}
.row2 .disclaimer {font-size:18px; text-align:center;width:90%; margin:0 auto;}
.row2 p {font-size:22px; text-align:justify;width:90%; margin:0 auto;line-height: 28px;color:#2e2a94;}
.row3 .or {margin: 0 auto;font-size:65px;text-align:center; color:#2e2a94;display:table;padding:15px;border-radius:10px;font-weight:bold;}



  
.header img {vertical-align:middle;}
.header .logo2 img {float:right;border:1px solid #fed372;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;}
.font-16 {font-size:16px;}
.text-center {text-align:center;}


/* Form */

.topForm {
    border: 1px solid #999;
    background: #FFFFFF;
    padding: 15px;
    border-radius: 20px;
	margin-top:5px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.topForm h2 {
    font-size: 26px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px;
    color: #2e2a94;
	margin-top:0px;
}
b, strong {
    font-weight: bolder;
}
.topForm input.inText {
    background: #f3f3f3;
    border: none;
    font-size: 12px;
    color: #2e2a94;
    padding: 8px 15px;
}
.inText::placeholder {color: #2e2a94;}
.topForm select.inText {color: #2e2a94 !important;}

.form-control {
    display: block;
    width: 91%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #2e2a94;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.mb-3 {
    margin-bottom: 12px !important;
}
.form-check-input[type=checkbox] {
    border-radius: 0.25em;
}
.form-check .form-check-input {
    float: left;
}
.form-check-input {
    background: #FFFFFF;
    border: 2px solid #faae1b;
    border-radius: 100%;
}
.bg-yellow {
    background: #fdaf17;
}
.fw-bolder {
    font-weight: bolder !important;
}
.w-100 {
    width: 100% !important;
}
.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: 0.125rem;
}
.topForm select.inText {
    background: #f3f3f3;
    border: none;
    font-size: 12px;
    color: #90908f;
    padding: 8px 15px;
	width: 98.5%;
}
.form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance:auto;
    -moz-appearance: auto;
    appearance: auto;
}
.btn {
    margin:0 auto; 
	display:table; 
	background:#2e3192;
	color:#fff;
	text-decoration:none;padding:10px 30px;
	border-radius:10px;
	border:1px solid #2e3192;
	cursor:pointer;
	font-size: 16px;
}
.btn:hover {box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border:1px solid #999999;}

.mainbannerBG {
    background: #f3f3f1 url(../images/mainbannerbg.jpg) no-repeat bottom left;
    background-size: cover;
    padding-bottom: 50px;
	/* max-height:500px; */
}
.mob-banner {display:none;}




@media only screen and (max-width: 991px) {
.row3 .h4 {position:relative; left:0px;width: 200px; margin: 0 auto;}
.row3 img {margin-top:10px;}
.dv2 {display: grid;grid-template-columns:100%;padding:10px;margin:5px;margin-top:30px; margin-bottom:30px;}
.stateCity {display: grid;grid-template-columns:100%;}
.grid-container {display: grid;grid-template-columns:100%;}
.grid-container {width:100%;}
.header {padding:10px;display: grid;grid-template-columns: 50% 50%;}
.header img {width:250px;}
.header .logo2 img {width:110px;}
.mainbannerBG {background:#f7f7f7;height:auto;max-height:100%;}
.row1{display: grid;grid-template-columns:100%; padding:20px;padding-bottom: 35px;}
.row2 p {width:100%;font-size: 19px;}
.responsive {width: 100%;height: auto;}
.yellow-bg p {font-size:18px;}

.footer {display: grid;grid-template-columns:100%;text-align:center;padding:20px;}
.text-end {text-align:center !important;padding:0px;}
.row5-1 {display: grid;grid-template-columns:100%;}
.yellow-bg h3 {font-size:25px;}
.text-right, .text-left {text-align:center;}
.dv2, .dv3 {width:auto;}
.dv2 div span {padding:0px;}
.row3 h4 {left:28%;padding:15px;}
.dv3 {padding: 40px 0px;}
.row4 h4 {left:37%;padding:15px;margin-top: -8px;}
.row4 {padding-top:0px;}
.row2 ul li {padding:5px;}
.mob-banner {display:block;}
.dis-block {display:block;}
.row5-1 img {vertical-align: text-bottom;}
.stateCity .ml-1 {margin-right: 0%;}

}