.registration-card
{
    background-color:#fff; 
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border:1px solid #ddd;
        
}

  .locale-flag
  {
     width: 25px !important;
     height: 10px !important; 
     padding-right: 4px !important
  }

  .customer-menu-list li{
  	    padding: 12px !important
   }

 .customer-menu-list li a{
 	display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    color: #333e48;
    font-weight: bold;
    transition: 0.3s;
  }

   .customer-menu-list li a span
   {
	 	padding-right: 4px;
   }

  .customer-menu-list li>a:hover
  {
	color: #ffc107;
	font-size: 15px;
	font-size: 15px
  }

  .menu-active
  {
  	color:#ffc107 !important;
  	font-size: 15px
  }
  .header-title{
  	   font-style: normal;
  	   font-variant: normal;
  	   text-rendering: auto;
  	   line-height: 1;
  	   color: #333e48;
  	   font-weight: bold;
  	  
  }

  .card {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      min-width: 0;
      word-wrap: break-word;
      background-color: #fff;
      background-clip: border-box;
      border: 1px solid rgba(0, 0, 0, 0.1);
      border-radius: 0.10rem
  }

  .card-header:first-child {
      border-radius: calc(0.37rem - 1px) calc(0.37rem - 1px) 0 0
  }

  .card-header {
      padding: 0.75rem 1.25rem;
      margin-bottom: 0;
      background-color: #fff;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1)
  }

  .track {
      position: relative;
      background-color: #ddd;
      height: 7px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-bottom: 60px;
      margin-top: 50px
  }

  .track .step {
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      width: 25%;
      margin-top: -18px;
      text-align: center;
      position: relative
  }

  .track .step.active:before {
      background: #ffc107
  }

  .track .step::before {
      height: 7px;
      position: absolute;
      content: "";
      width: 100%;
      left: 0;
      top: 18px
  }

  .track .step.active .icon {
     background: #ffc107;
     color: #000;
  }

  .track .icon {
      display: inline-block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      position: relative;
      border-radius: 100%;
      background: #ddd
  }

  .track .step.active .text {
      font-weight: 400;
      color: #000
  }

  .track .text {
      display: block;
      margin-top: 7px
  }

  .itemside {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%
  }

  .itemside .aside {
      position: relative;
      -ms-flex-negative: 0;
      flex-shrink: 0
  }

  .img-sm {
      width: 80px;
      height: 80px;
      padding: 7px
  }

  ul.row,
  ul.row-sm {
      list-style: none;
      padding: 0
  }

  .itemside .info {
      padding-left: 15px;
      padding-right: 7px
  }

  .itemside .title {
      display: block;
      margin-bottom: 5px;
      color: #212529
  }

  p {
      margin-top: 0;
      margin-bottom: 1rem
  }

  .btn-warning {
      color: #ffffff;
      background-color: #ee5435;
      border-color: #ee5435;
      border-radius: 1px
  }

  .btn-warning:hover {
      color: #ffffff;
      background-color: #ff2b00;
      border-color: #ff2b00;
      border-radius: 1px
  }

    .profile_image{
        width: 170px !important;
        height: 170px !important;
        padding: 2px !important;
        background: #fed700 !important;
        border-radius: 50%;
    }
    .upload_button{
          border-radius: 7px;
          margin-top: 6px;
     }