@charset "utf-8";

/*-------
// general
//-----*/
html, body {  padding:0;  margin:0;  background:#fff; color:#022135; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 400; }
html {  box-sizing: border-box; }
*, html {  box-sizing: border-box; }
img{max-width: 100%;}

/*-------
// Globals
//-----*/
h1, h2, h3, h4, h5, h6, p,ul { margin:0; padding: 0; list-style: none;}
a{ color:#008cff; text-decoration:none; cursor: pointer;}
a:hover, a:focus { text-decoration:none; outline:none;  }
code{ font-family:lato;}
.touch-area{ width:36px; height:36px;}
.make-relative { position: relative;}
.make-absolute { position: absolute;}
.fixed{overflow: hidden;}

.bdr-bottom{border-bottom: solid 1px #e7e7e7;}
.truncate{ width:100%;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis; }
.line-through{ text-decoration: line-through;}
.cap-text{ text-transform: uppercase;}
.normal-text{text-transform: initial;}
.push-right { margin-left: auto;}
.push-left { margin-right: auto;}
.push-top { margin-bottom: auto;}
.push-bottom{ margin-top: auto;}
/* .rupeeSymbol{font-family: 'Rupee foradian'} */

/* -- In case you need to add a gutter above/below an element -- */
.append-bottom3{ margin-bottom: 3px;}
.append-bottom5{margin-bottom:5px;}
.append-bottom10{margin-bottom:10px;}
.append-bottom15{margin-bottom:15px;}
.append-bottom20{margin-bottom:20px;}
.append-bottom25{margin-bottom:25px;}
.append-bottom30{ margin-bottom:30px;}
.append-bottom35{ margin-bottom:35px;}
.append-bottom40{ margin-bottom:40px;}
.append-bottom50{ margin-bottom: 50px;}
.append-bottom70{ margin-bottom: 70px;}

.append-left5{margin-left:5px;}
.append-left10{margin-left:10px;}
.append-left30{margin-left:30px;}

.append-right5{margin-right:5px;}
.append-right10{margin-right:10px;}
.append-right15{margin-right:15px;}
.append-right20{margin-right:20px;}
.append-right40{margin-right:40px;}

.append-top2{ margin-top:2px;}
.append-top5{ margin-top: 5px;}
.append-top10{ margin-top: 10px;}
.append-top15{ margin-top: 15px;}
.append-top20{ margin-top:20px;}
.append-top30{ margin-top:30px;}
.append-top40{ margin-top:40px;}




/* -- In case you need to add a gutter Left - Right the element -- */
.padding-l10{ padding-left: 10px;}
.padding-r10{ padding-right: 10px;}
.padding-l20{ padding-left:20px;}
.padding-t5 { padding-top: 5px }
.padding-t10 { padding-top: 10px }
.padding-t15 { padding-top: 15px }
.padding-t20 { padding-top: 20px }
.padding-b10{padding-bottom: 10px;}
.padding-lr20 { padding-left: 20px; padding-right: 20px }
.box-padding{ padding:15px 20px;}
.padding-lr8{padding: 0 8px;}
.padding16{padding: 16px;}

/* Icon via css */
i::before, i::after {
  content: "";
  box-sizing: border-box;
}


/* -- In case you need to add a size -- */
.font10{ font-size:10px;}
.font11{ font-size:11px;}
.font12{ font-size:12px;}
.font14{ font-size:14px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font22{ font-size:22px;}
.font24{ font-size:24px;}
.font26{ font-size:26px;}
.font28{ font-size:28px;}
.font30{ font-size:30px;}
.font32{ font-size:32px;}
.font40{ font-size:40px;}
.font48{ font-size: 48px;}


.line-height14{ line-height: 14px;}
.line-height16{ line-height: 16px;}
.line-height18{ line-height: 18px;}
.line-height20{ line-height: 20px;}
.line-height22{ line-height: 22px;}
.line-height24{ line-height: 24px;}
.line-height48{ line-height: 48px;}


/* -- In case you need to add a Font Family -- */
.regular{font-weight: 400}
.bold{font-weight: 700}
.latoBlack{font-weight: 900;}


/*-- Text Colors --*/
.white-text{color:#ffffff;}
.dark-text{color:#022135;}
.light-text{color:#9aa6ae;}
.blue-text{ color:#008cff;}
.green-text{color: #249054}
.red-text{color: #EB2026;}
.yellow-text{color: #f09819;}
.lemon-text{ color: #f1f19a;}
.darkBlue-text{color: #174880;}


/* -- In case you need to add an alignment -- */
.text-left{ text-align:left;}
.text-right{ text-align:right;}
.text-center{ text-align:center;}


/* -- In case you need to add a Flex -- */
.make-flex{ display:flex;}
.make-flex.column{ flex-direction: column;}
.make-flex.row{ flex-direction: row;}
.make-flex.perfect-center{align-items:center; justify-content: center;}
.make-flex.hrtl-center{align-items:center;}
.make-flex.hrtl-right{ align-items: flex-end;}
.make-flex.hrtl-left{ align-items:flex-start;}
.make-flex.vrtl-center{justify-content: center;}
.make-flex.vrtl-left{ justify-content: left;}
.make-flex.vrtl-right{ justify-content:right;}
.make-flex.space-between{ justify-content:space-between;}
.make-flex.space-around{ justify-content:space-around;}
.make-flex.wrap{ flex-wrap: wrap;}
.flex-one { flex: 1 !important }
.noshrink{flex-shrink:0;}
.flex-wrap {flex-wrap: wrap;}

/* -- In case you need to change cursor type -- */
.cursor-pointer {
  cursor: pointer;
}

/* -- In case you need to hide element -- */
.hide { display: none;}


/*-- Buttons --*/
button.btn__green{ width:100%; height: 48px; display: flex; align-items: center; justify-content: center; border: none; outline: none; color: #fff; font-size: 14px; font-family: Poppins; border-radius: 9px; font-weight: 700;
  background-color: #1b9152; cursor: pointer;} 
button.app__download__btn{ width:100%; height: 48px; display: flex; align-items: center; justify-content: center; border: none; outline: none; color: #fff; font-size: 14px; font-family: Poppins; border-radius: 9px; font-weight: 700;
  background-color: #002137; cursor: pointer;}
button.goto__btn{ width:100%; height: 48px; display: flex; align-items: center; justify-content: center; border: none; outline: none; color: #fff; font-size: 14px; font-family: Poppins; border-radius: 9px; font-weight: 700;
  background-color:transparent; cursor: pointer; border:solid 1px #fff;} 

button.btn__green--link{ width:100%; height: 48px; display: flex; align-items: center; justify-content: center; border: none; outline: none; color: #fff; font-size: 14px; font-family: Poppins; border-radius: 9px; font-weight: 700;
    background-color:transparent; cursor: pointer; border: solid 1px #1b9152; color: #1b9152;}
button.btn__black--link{ width:100%; height: 48px; display: flex; align-items: center; justify-content: center; border: none; outline: none; color: #fff; font-size: 14px; font-family: Poppins; border-radius: 9px; font-weight: 700;
      background-color:transparent; cursor: pointer; border: solid 1px #012136; color: #012136;}
.btn__disable{pointer-events: none; opacity: 0.5;}