body{
	margin: 0;
	padding: 0;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	background-color: #f3f6f8;
	color: #343a40;
	 overflow-x: hidden; /* Hide horizontal scrollbar */
}
#lblErrorMsg {margin-bottom:0px;}

b {font-weight:normal;}

p {font-weight:normal !important;font-family: 'Poppins', sans-serif;color:#343a40;}
.contact {color:#fff; padding:10px;text-align:center;display:block;background:#005DAC;}
.contact a {color:#fff !important;}
.font-40 {font-size:30px;}
.call-img {padding:1px; position: absolute; margin-left: -45px;}

@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;
}
.mob {display:none;}
.desk {display:block;}

.min{
background-color: #ffffff;
max-width: 100%;
margin: auto;
overflow-x: hidden;
}


.logo{
	padding: 0px 50px;
	display: block;
	}
.logos{
	width: 170px;
	height:auto;
}

 .banner{
 	background-image: url("img/header.jpg");
 	background-repeat: no-repeat;
	background-size: cover;
 	 width: 100%;
 	 margin: auto;
 	 padding: 10px 0px;
 }
.banner-img{
	 display: grid;
	 grid-template-columns: 55% 45%;
	 align-items: center;
	 width: 100%;
	 margin: auto;
	 padding: 35px 0px;
	 padding-bottom:15px;
}

.head1{
	font-size: 28px;
	color: #ffffff;
	margin: auto;
	text-align: center;
}

.head1 span{
	/* background:linear-gradient(144deg, #FFD200 40.85%, #F7971E 98.66%); */
	background:#2b2e8c;
	font-weight:bold;
	padding: 5px 10px;
	color: #fff;
}

.span{
	background:linear-gradient(144deg, #FFD200 40.85%, #F7971E 98.66%);
	font-weight:bold;
	padding: 5px 10px;
	color: #000;
}
.sub-head{
	color:#fff;
	font-size: 18px;
	text-align: center;
	margin-top: 15px !important;!i;!;!;
}

.pointer{
	 display: grid;
	 grid-template-columns: 48% 55%;
	 align-items: center;
	 width: 100%;
	 margin: auto;
}
.pointer p{
	font-size: 17px;
	text-align: center;
	padding: 10px;
	font-weight:bold;
}
.text1{
	 display: grid;
	 grid-template-columns: 15% 80%;
	 align-items: center;
	 width: 100%;
	 margin: auto;
	 color:#fff;
	 padding: 10px 40px;
	 font-weight:bold;
	 
}


  .banner h1{
	font-size: 45px;
	color: #ffffff;
	margin: auto;
	text-align: center;
	margin-top: -9px;
	font-weight: 500;
	padding-top: 11px;
	font-family: 'Butler' !important;
}

.butler {font-family: 'Butler' !important;}

.sub{
	font-size: 23px;
	color: #585858;
	margin: auto;
	padding: 5px 0px;
	line-height: 28px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
}
 .responsive {
  width: auto;
  height: auto;
}

 .sign{
	text-align: center;
	margin: auto;
 }

.form{
	padding: 0px 0px;
	width: 66%;
	margin-left: 129px !important;!i;!;
	background-color: #f3f6ff;
	margin: 0px 10px 0px 109px;
	border-radius: 20px 20px;
	height: auto;
	border: 1px solid #656565;
}
input,select{
		    margin: 8px 0px;
		    border: 1px solid #3a3a3a;
		    border-radius: 0.50rem;
		    padding: 10px 10px;
		    background-color: #fff;
		    height: 22px;
		    width: 85%;
		    color: #333;
	}
select{
	  width: 91%;
	  height: 42px;
	  color: gray;
	  background-color:  #fff !important;!i;!;
	  padding: 10px;
	  border-radius: 0.50rem;
	}

input:focus,select:focus{outline: none;}
button{
	 width: 80%;
     border: none;
	background-color: #e93028;
    color: white;
    font-size: 18px;
    padding: 10px;
	border-radius: 8px;
	text-align: center;
	margin-bottom: 20px;
	text-transform:uppercase;
	font-weight: bold;
}
.check-box{
	display: grid;
	grid-template-columns: 10% 80%;
	align-items: self-start;
	font-size: 11px;
	margin-top: 6px;
	color: #919191;
	padding: 0px 10px;
	text-align: justify;
}

.btn-primary {
	cursor:pointer;
	background: linear-gradient(144deg, #2b2e8c 40.85%, #2b2e8c 98.66%); 
	/* background:#FAAD19; */
	color: #fff;width: 86%;
	border: none;padding: 12px;
	font-weight: bold;font-size: 20px;boxshadow: 4px 2px 2px 0px #000000;}
.btn-primary:hover {background-color: #2b2e8c;}

.head h6{
	display: block;
	padding: 29px  10px 20px 10px;
	font-size: 22px;
	text-align: center;
	color: #2b2e8c;
	width: 95%;
	border-radius: 20px 20px 0px 0px;
	margin: -11px 0px;
}

.checkbox {
	display: grid;
	align-items: center;
	grid-template-columns: 10% 90%;
	padding: 0px 20px
}

.checkbox p{
	text-align: left;
	font-size: 10px;
	padding: 10px;
	margin:none;
}
.img{
	width: auto;
	height: auto;
	margin: auto;
	text-align: center;
}

.btn a{
	text-decoration: none
}


.bttn{
	width: 25%;
	text-align: center;
	background-color: #013d7a;
	padding: 9px;
	color:#fff;
	margin: auto;
	font-size: 28px;
	font-weight: bold;
	border-radius: 10px;
	box-shadow: -1px 6px 7px 0px #b9b9b9;
}

.Bank{
	background: linear-gradient(2deg, #d8d8d8 40.85%, #f3f6f8 98.66%);
	width: 80%;
	margin: auto;
	text-align: center;
	padding: 10px;
	box-shadow: -1px 6px 2px 0px #7f7f7f;
}

.head-text {
	font-size: 30px;
	line-height: 17px;
	padding-top: 10px;
	margin-bottom: 15px;
}
.head-text span{
	color: #8a93a0;
}
.vl {
  border-left: 6px solid green;
  height: 500px;
}
.bank-logo{
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
	align-items: center;
	width: 90%;
	margin: auto;
	padding: 0px 0px;
}

.bank-logo1{
	display: grid;
	grid-template-columns: 25% 25% 25% 25%;
	align-items: center;
	width: 90%;
	margin: auto;
	padding: 0px 0px;
}

.b1{
	border-right: 2px solid #c2c2c2;
}

.cards{
	margin: auto;
	text-align: center;
	padding: 10px;
	padding-top: 45px;
}
.cards1{
	display: grid;
	grid-template-columns: 33% 33% 33%;
	align-items: center;
	width: 75%;
	margin: auto;
	padding: 10px 0px;
}

.box{
	margin-bottom: 15px !important;
	background-color: #fff;
	height: 140px;
	width: 75%;
	font-size: 16px;
	line-height: 22px;
	font-weight: 600;
	margin: auto;
	padding: 22px;
	border-radius: 10px;
	box-shadow: 0px 1px 2px 0px #7f7f7f;
}
.box:hover{
	-ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}

.box p{
	padding: 20px 0px;
	margin:0px 0px;
}

.box img{
	padding-top: 15px;
	margin:0px 0px;
}
.banner-2{
		background-image: url("img/banner-03.png");
		background-repeat: no-repeat;
		background-size: cover;
		height: 400px;
}
.steps{

	/* background:#fff; */
	width: 100%;
	margin: auto;
	text-align: center;
}
.number{
	display: grid;
	grid-template-columns: 7% 7% 70%;
	align-items: center;
	width: 80%;
	margin: auto;
	padding: 3px 0px;
}
.circle{
	background: #edeeff;
	width: 25px;
	height: 25px;
	display: inline-block;
	border-radius: 70%;
	font-size: 18px;
	padding: 10px;
	margin: 4px;
	font-weight:bold;
}


.points{
	text-align:left;
	font-size:18px;
	font-weight: 600;
}
.b3{
	border-right: 2px solid #c2c2c2;
}

.doc{
	display:grid;
	grid-template-columns: 40% 55%;
	align-items:center;
	width: 92%;
	margin:auto;
	padding-top: 16px;
}

.text2{
	 display: grid;
	 grid-template-columns: 15% 80%;
	 align-items: center;
	 width: 100%;
	 text-align: left;
	 margin: auto;
	 padding: 10px 30px;
	 margin-top: 0px;
}

.circle1{
	background: linear-gradient(2deg, #d8d8d8 40.85%, #f3f6f8 98.66%);
	width: 30px;
	height: 30px;
	display: inline-block;
	border-radius: 70%;
	font-size: 34px;
	padding: 10px;
	margin: -15px;
}

.circle1:hover{
	-ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
} 

/* FAQ*/

.main-container {
    display: flex;
    margin-top: 45px;
    margin-left: 0px;
    margin-right: auto;
    margin: auto;
    max-width: 80%;
    background-color: white;
}

.faq ,.woman-img{
    flex: 1;
}



/* .faq-s{
    display: block;
    position: absolute;
    transform: translateX(-50%) translateY(85%);
    z-index: 1;
} */

.desk-img{
    transform: translateX(-17%);
}

.mob-img{
    display: none;
}
.faq{
    width: 100%;
    padding: 0px;
    text-align: center;
}

.faq h1{
    /* text-transform: uppercase; */
    font-size: 26px;
    margin-top: 0px;
    color: #454B54 !important;
}


.items{
    font-size: 15px;
  
}


.item{
    border-bottom:var(--Light-grayish-blue) 1px solid;
    padding: 5px 0px 10px 0;
}

.item-link{
    text-decoration: none;
    color: #636363 !important;
    width: 96.5%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 17px;
    transition: 0.2s;
    text-align: left;
    border-radius: revert-layer;
    box-shadow: 2px 3px 3px 1px #eee;
    border-bottom: 1px solid #d1cccc;
}

.item-link:hover{
    color: var(--Soft-red);
}

.answer{
    max-height: 0;
    overflow: hidden;
    position: relative;
    transition: max-height 1s;
    color: var(--Dark-grayish-blue);
    font-size: 17px;
    line-height: 20px;
    background-color: #ffffff;
}

.item:target .answer{
    max-height: 100%;
    color: #969696;
    /* display: inline; */
    padding: 5px 22px !important;!i;!;
    text-align: left;
    font-size: 14px;
    line-height: 25px;
    width: 96%;
    background-color: #f4f4f4;
    box-shadow: 2px 3px 3px 1px #eee;
}
.item:target .item-link{
    font-weight: 700;
} 

.item:target .arrow img{
    transform: rotate(180deg);
    transition: transform 0.6s ease-in-out;
}

/* FAQ ENDS*/

.terms{
	text-align:center;
	
}
.terms div{
	text-align:left;
}

.terms span{
	/* background:linear-gradient(144deg, #FFD200 40.85%, #F7971E 98.66%); */
	background:#2b2e8c;
	height: 20px;
	margin-right: 7px;
}
.term-1{
	display:grid;
	grid-template-columns: 1% 96%;
	align-items: baseline;
	width: 90%;
	margin:auto;
}

.footer{
	margin-top: 40px;
	background:#2b2e8c;
}

.footer p{
/* 	background: #5c5c5c; */
    text-align: center;
    padding: 3px 0px;
    color: #ffffff;
    font-size: 14px;
    margin: auto;
}
.footer a{
	text-decoration: none;
	color: white;
}

.footer a:hover{
	color: white;
	text-decoration: none;
}
.border1 {border-right: 2px solid #ffffff;}
#lblErrorMsg {width: 392px;}

.form-control-telcode {
    width: 21%;
    height: 28px;
    padding: 0.375rem 0.75rem;
    /* font-size: 1rem; */
    font-weight: 400;
    line-height: 1.5;
    color: #333;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #3a3a3a;
    border-radius: 0.50rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control-telnum {
    width: 58%;
    height: 28px;
    padding: 0.375rem 0.75rem;
    /* font-size: 1rem; */
    font-weight: 400;
    line-height: 1.5;
    color: #333;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #3a3a3a;
    border-radius: 0.50rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/*Responsive code*/
@media only screen and (min-device-width: 300px) and (max-device-width: 1024px){

#lblErrorMsg {width: 275px;padding-top: 0px; padding:10px;}

.ac-container h3 {line-height: 23px !important;}
.ac-container {margin:10px !important;}
.ac-container h3 label {font-size:14px !important;}
.footer .space {padding: 0px;margin: 2px;}
.max-R{
	width: 101%;
	overflow-x: hidden;
}
.min {
    background-color: #fff;
    max-width: 100%;
    margin: auto;
   /*  padding: 7px; */
    /* overflow-x: hidden; */
}

.logo {
    padding: 0px 0px;
    display: block;
	text-align:center;
}

.banner {
    background-image: url(img/header.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: auto;
    margin: auto;
    padding: 20px 0px;
}

.banner h1{
	font-size: 25px;
	color: #ffffff;
	margin: auto;
	text-align: center;
	margin-top: 20px;
	font-weight: 600;
}
	

.banner-img {
    display: grid;
    grid-template-columns: 100%;
    align-items: center;
    width: 100%;
    margin: auto;
    padding: 30px 0px;
	padding-bottom:0px;
}

.text1 {
    display: grid;
    grid-template-columns: 26% 55%;
    align-items: center;
    width: 100%;
    margin: auto;
    color: #fff;
    padding: 14px 14px;
    font-size:14px;
}

.head1 {
    font-size: 20px;
    color: #ffd200;
    margin: auto;
    text-align: center;
    line-height:35px;
	margin-top: 15px;
	display:none;
}

.sub-head {font-size:14px;}

.form {
    padding: 20px 0px;
    width: 90%;
    margin-left: 20px !important;
    background-color: #f3f6ff;
    margin: 0px 10px 0px 109px;
    border-radius: 20px 20px;
    height: auto;
   /*  margin-top: 13%; */
}

.head h6 {
    display: block;
    padding: 0px 10px 0px 10px;
    font-size: 22px;
    text-align: center;
    color: #2b2e8c;
    width: 95%;
    border-radius: 20px 19px 0px 0px;
    margin: 6px 0px;
}

.bank-logo {
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
    width: 100%;
    margin: auto;
    padding: 0px 0px;
}

.head-R{
    font-size: 24px;
    line-height: 24px;
    padding-top: 9px;
	padding: 0px 25px;
}
.pointer {display: grid; grid-template-columns: 50% 49%;}
.circle1 {margin: -18px;}
.footer p {padding: 3px 15px;}
.bank-logo1 {
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
    width: 100%;
    margin: auto;
    text-align: center;
    padding: 0px 0px;
}

.mob {display:none;}
.desk {display:block;}

.pos-1 {order:2;}
.pos-2 {order:1;}

.cards1 {
    display: grid;
    grid-template-columns:50% 50%;
    align-items: center;
    width: 100%;
    margin: auto;!i;!;
}
.box-r {
    background-color: #fff;
    height: 210px;
    width: 100%;
    font-size: 15px;
    line-height: 22px;
    font-weight: 600;
    /* margin-left: 26px; */
    position: relative;
    /* margin-top: 35px !important;!i;!; */
}

.box-l{
    background-color: #fff;
    height: 210px;
    width: 100%;
    font-size: 15px;
    line-height: 22px;
    font-weight: 600;
    /* left: 65px; */
    position: relative;
   /*  margin-top: 35px !important;!i;!; */
}

.dis-block {#8a93a0; display:block; line-height:33px;}

.box {
    background-color: #fff;
    height: 153px;
    width: 75%;
    margin-top: 10px;
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
}
.box {padding:15px;}
.box p {padding:0px !important;}
.steps {width: 96%;}

.Bank {
    background: linear-gradient(2deg, #d8d8d8 40.85%, #f3f6f8 98.66%);
    width: 87%;
    margin: auto;
    text-align: center;
    margin: 3px 0px 0px 10px;
    /* padding: 10px; */
    box-shadow: -1px 6px 2px 0px #7f7f7f;
}
.b1{
	border:none;
}

.number {
    display: grid;
    grid-template-columns: 14% 14% 70%;
    align-items: center;
    width: 90%;
    margin: auto;
    padding: 10px 0px;
}

.points {
    text-align: left;
    font-size: 16px;
    font-weight: 600;
}

.text2 {
    display: grid;
    grid-template-columns: 20% 68%;
    align-items: center;
    width: 100%;
    font-size: 13px;
    text-align: left;
    margin: auto;
    margin-left: 25px !important;
    padding: 0px 0px;
}
    .responsive {
        width: 100% !important;
        height: auto;
    }
.doc {
    display: grid;
    grid-template-columns: 100%;
    align-items: center;
    width: 100%;
    margin: auto;
    padding-top: 16px;
}

.main-container {
    display: flex;
    margin-top: 45px;
    margin-left: 0px;
    margin-right: auto;
    margin: auto;
    max-width: 95%;
    background-color: white;
}
.item-link {
    text-decoration: none;
    color: #636363 !important;
    width: 92%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 17px;
    transition: 0.2s;
    text-align: left;
    border-radius: revert-layer;
    box-shadow: 2px 3px 3px 1px #eee;
    border-bottom: 1px solid #d1cccc;
}

.term-1 {
    display: grid;
    grid-template-columns: 3% 93%;
    align-items: baseline;
    width: 90%;
    margin: auto;
    font-size: 15px;
}

.logos{
	width: 140px;
	height:auto;
}

.circle {
    background: #fffbec;
    width: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 70%;
    font-size: 23px;
    padding: 10px;
    margin: 4px;
}
}



/** FAQs CSS **/

.ac-container h3 label {
	padding:0px 20px;
	position: relative;
	z-index: 20;
	display: block;
	cursor: pointer;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	font-size: 19px;
	font-weight:700;
	background: transparent url(img/down.png) no-repeat center right 10px;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#eaeaea',GradientType=0 );
	/*   box-shadow: 0 0 0 1px rgba(155,155,155,0.3),1px 0 0 rgba(255,255,255,0.9) inset,0 2px 2px rgba(0,0,0,0.1); */
	border-bottom: 1px solid #ddd;
	font-size: 16px;
	margin-top:5px;
}


.ac-container {
    width: 98%;
    margin: 10px auto;
    text-align: left;
}
.ac-container h3{
    font-size: 15px;
    line-height: 45px;
	margin-bottom:0px;
}

.ac-container label:hover {
    background: #fff;
	background: transparent url(img/down.png) no-repeat center right 10px;
	
}

.ac-container input:checked + label,.ac-container input:checked + label:hover {
    background: #fff;
    height: 30px;
    line-height: 21px;
    font-size: 15px;
	background: transparent url(img/down.png) no-repeat center center;
	
}


.ac-container input:checked + h3 label {
   background:#ffffff  url(img/up.png) no-repeat center right 10px;
   margin-bottom:0px;
   padding-bottom:0px;
}
.ac-container input:checked + label:hover {
  background:none;
}



.ac-container input {
    display: none;
}

.ac-container article {
    background: rgba(255,255,255,0.5);
    margin-top: -1px;
    overflow: hidden;
    height: 0;
    position: relative;
    z-index: 10;
    -webkit-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
	opacity:1;
	
}


.ac-container article p {
    font-style: normal;
    color: #777;
    line-height: 23px;
    font-size: 14px !important;
    padding: 5px 20px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	
}

.ac-container input:checked ~ article {
    -webkit-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -moz-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -o-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -ms-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    box-shadow: 0 0 0 1px rgba(155,155,155,0.3);
	
}

.ac-container input:checked ~ article.ac-small {
    height:auto;
	background: #f4f4f4;

}

.ac-container input:checked ~ article.ac-medium {
    height: auto;
	background: #f4f4f4;
}

.ac-container input:checked ~ article.ac-large {
    height: auto;
	background: #f4f4f4;
}


.ac-container input[type=checkbox].hide-input:checked + article {
  height: 0;
  opacity: 0 !important;
  padding-top: 0;
  padding-bottom: 0;
}

.ac-container ul {
    margin: 10px;
    padding: 25px;
    padding-top: 10px;
}
.ac-container ul li {
    line-height: 25px;
    font-size: 14px;
    list-style: circle;
}

@media only screen and (max-width: 768px) {
	.ac-container h3 label {padding: 11px 22px;position: relative;z-index: 20; display: block;height:auto;padding-left:10px;}
}


/*** FAQ CSS END ****/