/*===========================
 All Margin and Padding 
 Classes Goes here
=============================*/

/*ALIGNMENT COMMON CLASSES */
.text-left{
  text-align: left;
}
.text-right{
  text-align: right;
}
.text-center{
  text-align: center;
}
.flex{
  display: flex;
}
.flex-s{
  justify-content: space-between;
}
.flex-c{
  justify-content: center;
}
.flex-a{
  justify-content: space-around;
}
.flex-start{
  justify-content: flex-start;
}
.flex-end {
  justify-content: flex-end;
}
.flex-align-center {
  align-items: center;
}
.flex-align-start {
  align-items: flex-start;
}
.flex-align-end{
  align-items: flex-end;
}
.flex-w{
  flex-wrap: wrap;
}
.flex-align-c{
  align-items: center;
}
.flex-align-self{
  align-self: center;
}

/*PADDING CLASSES*/
.pt0{
  padding-top: 0!important;
} 
.pb0{
  padding-bottom: 0!important;
} 
.pr0{
  padding-right: 0!important;
} 
.pl0{
  padding-left: 0!important;
}
.pt1{
  padding-top: 1rem;
}
.pt2{
  padding-top: 2rem;
}
.pt3{
  padding-top: 3rem;
}
.pt4{
  padding-top: 4rem;
}
.pt5{
  padding-top: 5rem;
}
.pt6{
  padding-top: 6rem;
}
.pt7{
  padding-top: 7rem;
}
.pb1{
  padding-bottom: 1rem;
}
.pb2{
  padding-bottom: 2rem;
}
.pb3{
  padding-bottom: 3rem;
}
.pb4{
  padding-bottom: 4rem;
}
.pb5{
  padding-bottom: 5rem;
}
.pb6{
  padding-bottom: 6rem;
}
.pb7{
  padding-bottom: 7rem;
}
.pl1{
  padding-left: 1rem;
}
.pl2{
  padding-left: 2rem;
}
.pl3{
  padding-left: 3rem;
}
.pl4{
  padding-left: 4rem;
}
.pl5{
  padding-left: 5rem;
}
.pr1{
  padding-right: 1rem;
}
.pr2{
  padding-right: 2rem;
}
.pr3{
  padding-right: 3rem;
}
.pr4{
  padding-right: 4rem;
}
.pr5{
  padding-right: 5rem;
}
.pr6{
  padding-right: 6rem;
}
.pr7{
  padding-right: 7rem;
}

/*MARGIN CLASSES*/
.mt0{
  margin-top: 0!important;
} 
.mb0{
  margin-bottom: 0!important;
} 
.mr0{
  margin-right: 0!important;
} 
.ml0{
  margin-left: 0!important;
}
.mt1{
  margin-top: 1rem;
}
.mt2{
  margin-top: 2rem;
}
.mt3{
  margin-top: 3rem;
}
.mt4{
  margin-top: 4rem;
}
.mt5{
  margin-top: 5rem;
}
.mt6{
  margin-top: 6rem;
}
.mt7{
  margin-top: 7rem;
}
.mb1{
  margin-bottom: 1rem;
}
.mb2{
  margin-bottom: 2rem;
}
.mb3{
  margin-bottom: 3rem;
}
.mb4{
  margin-bottom: 4rem;
}
.mb5{
  margin-bottom: 5rem;
}
.mb6{
  margin-bottom: 6rem;
}
.mb7{
  margin-bottom: 7rem;
}
.ml1{
  margin-left: 1rem;
}
.ml2{
  margin-left: 2rem;
}
.ml3{
  margin-left: 3rem;
}
.ml4{
  margin-left: 4rem;
}
.ml5{
  margin-left: 5rem;
}
.mr1{
  margin-right: 1rem;
}
.mr2{
  margin-right: 2rem;
}
.mr3{
  margin-right: 3rem;
}
.mr4{
  margin-right: 4rem;
}
.mr5{
  margin-right: 5rem;
}
.mrauto{
  margin: 0 auto;
}


/*Positons*/
.prel{
  position: relative;
}


/*Background*/
.bg-none {
  background: none;
}