/** { outline: 1px solid red !important } */
.spacer-5px { padding-top: 5px !important; }
.spacer-10px { padding-top: 10px !important; }
.spacer-20px { padding-top: 20px !important; }
.spacer-50px { padding-top: 50px !important; }
.no-padding { padding: 0px !important:; }
.no-padding-right { padding-right: 0px !important; }
.no-padding-left { padding-left: 0px !important; }
.no-padding-top { padding-top: 0px !important; }
.no-padding-bottom { padding-bottom: 0px !important; }
.no-margin { margin: 0px !important; }
.no-margin-right { margin-right: 0px !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.justify-content-center { display: flex; justify-content: center !important; }
.justify-content-left { display: flex; justify-content: flex-start !important; }
.justify-content-right { display: flex; justify-content: flex-end !important; }
.align-item-center { display: flex; align-items: center !important; }
.align-item-top { display: flex; align-items: flex-start !important; }
.align-item-bottom { display: flex; align-items: flex-end !important; }
.space-between-content { display: flex; justify-content: space-between !important; }
.white-text { color: #ffffff !important; }
.black-text { color: #000000 !important }
.blue-text { color: #0097F4 !important }
.very-huge-heading { font-family:  -apple-system, BlinkMacSystemFont, Segoe UI, Lato, Roboto, 'PT Sans', sans-serif !important; font-weight: 600 !important; color: #4d4d4d !important; font-size:32px !important; }
.huge-heading { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Lato, Roboto, 'PT Sans', sans-serif !important; font-weight: 400 !important; color: #4d4d4d !important; font-size: 28px !important; }
.medium-heading { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Lato, Roboto, 'PT Sans', sans-serif !important; font-weight: 400 !important; font-size: 24px !important; }
.small-heading { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Lato, Roboto, 'PT Sans', sans-serif !important; font-weight: 600 !important; font-size: 20px !important; }
.small-text { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Lato, Roboto, 'PT Sans', sans-serif !important; font-size: 16px !important; }
.very-small-text { font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Lato, Roboto, 'PT Sans', sans-serif !important; color: #cccccc !important; font-size: 14px !important; }

.login-section { height: 100vh; background-color: #fff; }

/* Login styles */
.login-card { 
  width: 100%;
  background: rgba(255, 255, 255);
  border: 0.5px solid #CFCFCF;
  box-sizing: border-box;
  border-radius: 5px;
 }

 .parent {
  position: relative;
  height: 100vh;
  width
}

.child {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  padding: 2rem;
}

.login-slider {
  background-color: #000;
  background-size: cover;
  background-repeat: no-repeat;
}

/*.login-slider-one{
  background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.72) 92.47%, rgba(0, 0, 0, 0.72) 92.47%), url(../images/b.jpg);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.72) 92.47%, rgba(0, 0, 0, 0.72) 92.47%), url(../images/b.jpg);
}

.login-slider-two{
  background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.72) 92.47%, rgba(0, 0, 0, 0.72) 92.47%), url(../images/a.jpg);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.72) 92.47%, rgba(0, 0, 0, 0.72) 92.47%), url(../images/a.jpg);
}

.login-slider-three{
  background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.72) 92.47%, rgba(0, 0, 0, 0.72) 92.47%), url(../images/shops-trending.jpg);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.72) 92.47%, rgba(0, 0, 0, 0.72) 92.47%), url(../images/shops-trending.jpg);
}*/

.login-slider-one{
  background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.72) 92.47%, rgba(0, 0, 0, 0.72) 92.47%), url(../images/about.png);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.72) 92.47%, rgba(0, 0, 0, 0.72) 92.47%), url(../images/about.png);
}

.login-slider-two{
  background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.72) 92.47%, rgba(0, 0, 0, 0.72) 92.47%), url(../images/about.png);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.72) 92.47%, rgba(0, 0, 0, 0.72) 92.47%), url(../images/about.png);
}

.login-slider-three{
  background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.72) 92.47%, rgba(0, 0, 0, 0.72) 92.47%), url(../images/about.png);
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.72) 92.47%, rgba(0, 0, 0, 0.72) 92.47%), url(../images/about.png);
}

.very-small-text2{
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Lato, Roboto, 'PT Sans', sans-serif !important;
    color: #978e8e !important;
    font-size: 14px !important;
}


 /* end of login styles