@import url("font.css");* {box-sizing: border-box;}
html,body {min-height: 100%;background: #fff;color: #000;overflow-x: hidden;}/* sets the body height of the browser, so that backgrounds and div heights work correctly. Color and background will almost certainly be altered; they are just placeholders */
body {font-size: 1.4rem;font-family: 'Inter-Regular', sans-serif;  text-rendering: optimizeLegibility;}
body, h1, h2, h3, p,ul,ol,dl {  margin: 0; padding: 0;}
ul li, ol li { list-style: none;}
.none { display: none;}
.sec-bg1 {background-color: #2A9D8F;}
.sec-bg3 { background-color:#F9FAFB;}
.sec-bg2 {background-color: #ffffff;}
.sec-bg4 { background-color: #023047;}
.sec-bg5 { background-color: #062332;}
.container { width: 100%;  margin: 0 auto;}
.mid-container{ display: table; width:92%; max-width: 1280px; margin: 0 auto; clear: both;}
.marTB { margin: 120px auto;}
.paddTB { padding: 120px 0;}
.paddTB25 { padding: 25px 0 15px;}
.header-bar { width: 100%; background: #ffffff;  box-shadow: 0 3px 6px #0001; position: fixed; left: 0; top: 0; z-index: 111; }
.header-bar.active { position: relative;}
.header-logo img { display: table; width: 240px; margin: 20px auto 25px; float: left;}
.header-bar ul { list-style: none; display: inline-block; margin: 35px 0 0 10%;}
.header-bar ul li { float: left; padding: 0 20px; }
.header-bar ul li a { text-decoration: none; color: #023047; font-size: 20px; font-weight: 100; }
.mainsection { width: 100%; position: relative;}
.header-bar .contactus { float: right; font-size: 18px; padding: 10px 25px; border-radius: 20px; background:#2A9D8F; color:#ffffff;  margin-top: 26px; cursor: pointer; }
.homebanner { display: flex; margin-top: 80px;}
.homebanner-part2, .homebanner-part1{ width: 50%;}
.homebanner .mid-container { position: absolute; clear: none; width:92%; max-width: 1280px; margin: 0 auto; left: 0; right: 0;}
.main-head-box { width: 48%; padding-top: 8%;}
.homebanner h1 { font-size: 4.1vw; color: #023047;  }
.homebanner h1 span { display: block;}
.homebanner p { font-size: 20px; font-weight: 300; color: #63899C; margin-top: 20px; line-height: 25px; }
.homebanner img { width: 100%; display: block;}
.tradebox { width: 100%; display: table; clear: both;}
.nbfcbox { float: left; width: 55%; }
.nbfcbox.active { float: right; width: 40%;  }
.tradebox.active .nbfcbox.active { width: 40%;}
.tradebox.active .nbfcbox{ width: 55%;}
.nbfcbox img { width: 100%; border-radius: 10px;}
.expert-sec h4, .benifit-box h5, .footer-head, .all-expert-sec h4 { font-size: 28px; line-height: 36px; color: #004D91;}
.nbfcbox p, .expert-sec p, .benifit-box p, .footer-text, .all-expert-sec p, .footer-box1 ul li a { font-size: 20px; line-height: 24px; color: #4a4a4a;}
.gp-txt, .nbfcbox h3, .nbfcbox p { color: #ffffff;}
.nbfcbox h3 { margin-top: 20px;}
.nbfcbox h3 span { display: block;}
.nbfcbox p { padding-top: 50px; font-weight: 100;}
.mainsection h2, .benifit-box h3, .nbfcbox h3 { font-size: 40px; line-height: 50px; color: #023047; }
.nbfcbox h3 { color: #ffffff;}
.expert-sec ul, .benifit-box ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
.expert-sec ul li { width: 31.5%; margin-top: 50px; background-color: #F9FAFB; padding: 30px 20px; border-radius: 10px; }
.expert-sec ul li img { width: 100%; display: block;}
.expert-sec h4 span { display: block;}
.expert-sec h4 { margin: 25px 0; color: #023047; }
.expert-sec a { font-size: 20px; line-height: 2vw; color: #2A9D8F;  padding: 0 30px 0 0; text-decoration: none; background: transparent url(../images/arrow-right.png) center right no-repeat; background-size: 24px; }
.expert-sec p {height: 72px; margin-bottom: 25px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; -moz-box-orient: vertical; display: -webkit-inline-box; color: #63899C; font-weight: 100; font-size: 20px; line-height: 24px;}
.cab-left { float: left; width: 57%;}
.cab-right { float: left; width: 43%;}
.cab-right img { width: 100%; display: block; margin-top: 10px;}
.benifit-box h3 { margin-bottom: 50px;}
.benifit-box ul li {  width: 100%; padding: 0 40px 30px 60px; background-repeat: no-repeat;  background-size: 48px;  }
.benifit-bg1 { background-image: url(../images/Featured-icon.png); background-position: 0 2px;}
.benifit-bg2 { background-image: url(../images/Featured-icon-1.png); background-position: 0 2px;}
.benifit-bg3 { background-image: url(../images/Featured-icon-2.png); background-position: 0 2px;}
.benifit-bg4 { background-image: url(../images/Featured-icon-3.png); background-position: 0 2px;}
.benifit-box h5 { color: #023047; padding: 8px 0; margin: 0;}
.footer-head { margin: 0 0 16px 0; padding: 0;}
.benifit-box ul li.benifit-bg4 { padding-bottom: 0;}
.benifit-box p {  color: #63899C; font-weight: 100; font-size: 20px; line-height: 24px;}
.footer-box1 { width: 100%;  padding: 0; }
.footer-head, .footer-text, .footer-box1 ul li a, .tnc-text  { color: #ffffff; text-decoration: none;}
.footer-box1 ul {display: flex; justify-content: space-between; margin-top: 50px;}
.footer-box1 ul li { background-color: #E9C46A; width: 48%;     border-radius: 10px; padding: 100px 25px 25px 25px;  background-size: 48px; background-position:23px 25px; }
.footer-box1 ul li span { font-size: 24px; display: block; margin: 0 0 20px 0;  color: #023047;}
.footer-box1 ul li a, .footer-box1 ul li span.active  {font-size: 20px; padding:0; color: #023047; line-height: 26px; }
.footerbg1{ background: transparent url(../images/Featured-icon-4.png) center left no-repeat; }
.footerbg2{ background: transparent url(../images/featured-icon-5.png) center left no-repeat; }
.footerbg3{ background: transparent url(../images/featured-icon-6.png) center left no-repeat;}
.tnc-text { padding: 25px 0; font-weight: 100; font-size: 16px;}
.footer-text {font-weight: 100;font-size: 20px; width: 100%; line-height: 26px;}
.all-expert-sec ul li { display: table; width: 100%; padding: 140px 0; border-bottom: 1px solid #858586; }
#retail-fmcg { padding: 240px 0 140px;}
.all-expert-sec ul li .sec-img, .all-expert-sec ul li .sec-data { float: left; width: 50%;}
.all-expert-sec ul li .sec-img img { width: 100%; border-radius: 10px;}
.all-expert-sec ul li .sec-data { padding-left: 60px;}
.all-expert-sec ul li.active .sec-img { float: right;}
.all-expert-sec ul li.active .sec-data { padding-left: 0; padding-right: 45px;}
.all-expert-sec h4 { padding: 0; margin: 0 0 20px 0;}


.form-overlay { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; margin: 0 auto; background-color: rgba(0,0,0,.8); z-index: 1001; overflow-y: scroll;}
#nach-form { width: 90%; max-width: 480px; height: auto;background-color: #004D91;  border-radius: 5px; box-sizing: border-box;padding: 35px 25px;border-radius: 10px; margin: 30px auto; position: relative;}
.form-row{width: 100%;position: relative;margin-bottom: 20px;display: table;}
#nach-form .mainheading { font-size: 26px; margin-bottom: 20px;}
.formtext.active {font-size: 13px;margin: 10px 0;}
.ar-text-box, .form-row select  {border-radius: 3px;border: solid 1px #dadce0;background-color: #ffffff;padding: 8px 8px 8px 10px;font-family: 'Inter-Regular', sans-serif;font-size: 14px;line-height: 20px;color: #202124;width: 100%;box-sizing: border-box;transition: all 0.5s;min-height: 34px;}
.form-row select.newactive  { padding: 20px 15px 12px 8px;}
#nach-form .form-placeholder {font-size: 16px;color: #ffffff;margin: 0 0 5px 0;}
#nach-form span.formtext.active {font-family: 'Inter-Regular', sans-serif;display: block;font-weight: 500;margin: 0 0 10px 0;line-height: 18px;}
.form-row.active, .thank-you {display: none;}
.thank-you {font-family: 'Inter-Regular', sans-serif;font-size: 28px;line-height: 40px;color: #ffffff;padding: 50px 0;text-align: center;font-weight: bold; min-height: 185px; }
.loading {font-family: 'Inter-Regular', sans-serif;font-size: 50px;line-height: 60px;color: #000000;padding: 50px 0;text-align: center;font-weight: bold;}
.sme-submit  {font-family: 'Poppins-Medium', sans-serif;font-weight: 500;font-size: 14px;color: #ffffff; margin: 0;padding: 10px 0;border-radius: 4px;    background-color: rgba(0,0,0,0.6);width: 100%;border: none;cursor:pointer; }
.sme-submit.active { cursor: pointer; color: rgba(256, 256, 256, 1); background-color: rgba(27, 115, 232, 1); cursor: auto;}/* .ar-text-box.active  { padding: 20px 15px 12px 12px;} */
.form-row p, .radio-row  label {  font-family: 'Inter-Regular', sans-serif;font-size: 14px;line-height: 1.43;  text-align: left;color: #717071;}.form-row p { float: left;}
.radio-row  label { color: #000000;}.radio-row { float: none; margin-left: -6px;}
.blue-country-error {font-family: 'Inter-Regular', sans-serif;font-size: 12.5px; line-height: 18px; color: red; position: absolute; left: 0; top: auto; transition: all 0.5s;}
.radio-row .blue-country-error  {  top: 84px;}.halfactive { float: left; width: 49%;}.halfactive1 { float: right; width: 49%; margin-left: 1%;}
.form-row .ar-text-box::-webkit-input-placeholder { /* Chrome/Opera/Safari */    color: #717071;  }
.form-row .ar-text-box::-moz-placeholder { /* Firefox 19+ */    color: #717071;  }
.form-row .ar-text-box:-ms-input-placeholder { /* IE 10+ */    color: #717071;  }
.form-row .ar-text-box:-moz-placeholder { /* Firefox 18- */    color: #717071;  }  
.form-row select.active,  .form-row select option:disabled {    color: #717071;  }
.copyright {font-family: 'Inter-Regular', sans-serif;font-size: 10px;    padding-top: 20px;font-stretch: normal;font-style: normal;line-height: 2;letter-spacing: normal;text-align: left;color: rgba(0, 0, 0, 0.5);}
.clear { clear: both;}
.before-thankyou { padding-top: 40px; display: none; min-height: 185px;}.before-thankyou  img { width: 100%; }
.form-close {font-size: 40px;  color: #fff;  font-weight: 600;  position: absolute;  right: 6px;  top: -4px;  transform: rotateZ(45deg); cursor: pointer;}  
.loader {    border: 12px solid #f3f3f3; /* Light grey */    border-top: 12px solid #3498db; /* Blue */    border-radius: 50%;    width: 100px;    height: 100px;    animation: spin 2s linear infinite;    margin:0 auto;  } 
@keyframes spin {    0% { transform: rotate(0deg);  }    100% { transform: rotate(360deg); }  } 
#capcha-refresh { width: 35px; height: 35px; border-radius: 3px; background: #ffffff url(../images/refresh-icon.png) no-repeat center center; background-size: 60px;     cursor: pointer;  margin:25px 15px 0 10px; padding: 3px 8px;}
.row-inline { display: table; float: left; }
#capcha-box { width: 200px;}
#img-mycapcha  {    margin: 23px 0 0 0;padding: 6px 10px;border: 1px solid #a2a2a2;text-decoration: line-through; color: #fff;}

@media only screen and (min-width: 1681px) {
  .homebanner h1  { font-size: 64px; margin-top: 20%;}
  .nbfcbox h3, .expert-sec h4,  .footer-head, .all-expert-sec h4 { font-size: 44px; line-height: 56px; }
  .homebanner p, .nbfcbox p, .expert-sec p, .all-expert-sec p { font-size: 24px; line-height: 30px;}
  .mainsection h2, .benifit-box h3 {  font-size: 50px; line-height: 54px; }
  .expert-sec h4, .benifit-box h5 { font-size: 30px;}
  .expert-sec a { font-size:20px; line-height: 24px;}
  .expert-sec p {height: 88px;} 
}
@media only screen and (max-width:1441px) {
  .header-bar ul li a { font-size: 18px;}
}

@media only screen and (max-width:1270px) {
  .expert-sec p { height: auto;}
  .header-bar ul { margin-left: 7%;}
  .homebanner p, .nbfcbox p, .expert-sec p, .benifit-box p, .footer-text, .all-expert-sec p, .footer-box1 ul li a { font-size: 18px; line-height: 24px;}
  .mainsection h2, .benifit-box h3, .nbfcbox h3 { font-size:34px; line-height: 44px;}
  .expert-sec h4, .benifit-box h5, .footer-head, .all-expert-sec h4 { font-size: 24px; line-height: 30px;}
  .footer-box1 ul li { background-color: #E9C46A;  border-radius: 10px; padding: 100px 5px 25px 15px; background-size: 40px; background-position: 13px 25px;}
  .footer-box1 ul li a, .footer-box1 ul li span.active {font-size: 16px; line-height: 20px;}
  .footer-box1 ul li span { font-size: 20px;}
}

@media only screen and (max-width:1025px) {
.homebanner h1 { font-size:4.8vw; line-height: 5vw;}
.nbfcbox p, .expert-sec p, .benifit-box p, .footer-text, .all-expert-sec p, .footer-box1 ul li a { font-size: 16px; line-height: 20px; }
.nbfcbox h3, .expert-sec h4, .benifit-box h5, .footer-head, .all-expert-sec h4 { font-size: 26px; line-height: 30px;}
.paddTB25 { padding: 0 0 10px 0;}
.mainsection h2, .benifit-box h3 { font-size: 34px;line-height: 30px;}
.expert-sec a {font-size: 16px;line-height: 18px;}
.benifit-box ul li { padding: 0 30px 40px 75px; background-size: 50px;}
.header-logo img { width: 176px; margin: 15px 0;}
.header-bar ul { margin:22px 0 0 30px;}
.header-bar ul li { padding: 0 14px;}
.header-bar ul li a { font-size: 16px;}
.header-bar .contactus {font-size: 14px;padding: 8px 16px;margin-top: 18px;}
.homebanner { margin-top: 60px;}
.main-head-box { padding-top: 40px;}
.homebanner p {font-size: 16px; line-height: 20px;}
.all-expert-sec h4 { margin: 0 0 15px;}
.all-expert-sec ul li .sec-data { padding-left: 35px;}
.all-expert-sec ul li { padding: 50px 0;}
#retail-fmcg { padding: 120px 0 50px;}
.cab-right { display: none;}
.cab-left{ width: 100%; float: none;}
}

 @media only screen and (max-width: 799px) { 
  .header-bar ul, .homebanner-part2 { display: none;}
  .homebanner-part1 { width: 100%; padding-bottom: 40px;}
  .homebanner .mid-container { position: relative;}
  .homebanner h1 { font-size: 7vw; line-height: 7vw;}
  .homebanner p {font-size: 18px; line-height: 24px; margin-top: 6px;}
  .main-head-box { width: 100%;}
  .marTB { margin: 50px auto;}
  .paddTB { padding: 50px 0;}
  .nbfcbox, .nbfcbox.active, .tradebox.active .nbfcbox.active, .tradebox.active .nbfcbox { float: none;  width: 100%;}
  .nbfcbox h3 { margin-top: 10px;}
  .expert-sec ul li { width: 48%; margin-top: 40px;}
  .benifit-box ul li { padding: 0 0 25px 65px; background-size: 40px; width: 100%; border-bottom: 1px solid #858586; margin-bottom: 25px;}
  .benifit-box p { text-align: left;}
  .benifit-box ul li.benifit-bg4 { padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
  .footer-box1 { width: 100%; float: none; padding: 0 0 20px 0; }
  .footer-box1 ul { display: block;}
  .footer-box1.active { width: 100%; float: left; border-top: 1px solid #ffffff; padding: 20px 0 0 0px; border-left: none;  }
  .all-expert-sec ul li .sec-img, .all-expert-sec ul li .sec-data, .all-expert-sec ul li.active .sec-img { width: 100%; float: none;}
  .all-expert-sec h4 { margin: 15px 0;}
  .all-expert-sec ul li .sec-data { padding-left: 0;}
  .nbfcbox p, .expert-sec p, .benifit-box p, .footer-text, .all-expert-sec p, .footer-box1 ul li a { font-size: 18px; line-height: 24px; }
  .nbfcbox h3, .expert-sec h4, .benifit-box h5, .footer-head, .all-expert-sec h4 { font-size: 24px; line-height: 30px;}
  .nbfcbox p { padding-top: 10px;}
  .footer-box1 ul li { width: 100%; margin-bottom: 20px;}
  .footer-box1 ul li:last-child { margin-bottom: 0;}
}
 

@media only screen and (max-width: 540px) { 
  .homebanner h1 { font-size: 10vw; line-height: 11vw;}
  .homebanner p {font-size: 18px; line-height: 24px; }
  .header-bar .contactus { font-size: 13px; padding: 6px 14px; margin-top: 22px;}
  .expert-sec ul li { width: 100%; margin-top: 40px;}
  .expert-sec p { min-height: auto;}
  .expert-sec h4 span { display: contents;}
  .expert-sec h4 { margin: 20px 0 12px;}
  .mainsection h2, .benifit-box h3 {font-size: 28px; line-height: 34px;}
  .nbfcbox h3, .expert-sec h4, .benifit-box h5, .footer-head, .all-expert-sec h4 { font-size: 24px; line-height: 28px;} 
  #nach-form { width: 98%; padding: 30px 12px;}
  #capcha-refresh { margin: 25px 9px 0 9px;}
  .benifit-box ul li { padding: 50px 0 25px; background-position: top center;}
  .benifit-box h5, .benifit-box p, .benifit-box h3 { text-align: center;}
}

@media only screen and (max-width: 390px) { 
.nbfcbox p, .expert-sec p, .benifit-box p, .footer-text, .all-expert-sec p, .footer-box1 ul li a,  .homebanner p  { font-size: 16px; line-height: 22px; }
#capcha-box { width: 160px;}
.nbfcbox h3 { font-size: 20px;}
.tnc-text { font-size: 14px;}
}