.agm-grid {
  padding: 50px;
}

.text-center {
  text-align: center;
}

.w-100 {
  width: 100%;  
}

.box-padding {
  padding: 25px 20px;
  color: white;
}

.color-1 { background: #6f2a8e;}
.color-2 { background: #231f20;}
.color-3 { background: #b1af8e;}
.color-4 { background: #8a7640;}
.color-5 { background: #bc9c4c;}

.register-img {
  width: 50px;
  margin-left: auto;
  margin-right: auto;

}

.mt-2 {
  margin-top: 20px;
}

.d-flex {
  display: flex;
}

.d-wrap {
  flex-wrap: wrap;
}

.col-1 {
  ms-flex: 0 40%;
  flex: 0 0 40%;
  max-width: 40%;
}

.col-2 {
  ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%;
}

.col-3 {
  ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.col-padding {
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 15px;
}

.col-row {
  margin-left: -15px;
  margin-right: -15px;
}