ion-col.colBold, ion-col.colBold > label{
    font-weight:bold;
}

.colorBG{
  --background: #f0efef;
 }
.header-div{
    text-transform: capitalize;
    background: #22C6B3;
    display: block;
    position: relative;
    height: 160px;
    margin-bottom: 60px;
  }

// .profileCont{
//     background-color: #d9d7d7 !important;


.menubutton{
    white-space: normal;
      color: var(--light);
      text-transform: capitalize;
      min-height: 39px;
      background: #f0ecec;
      font-size: 2rem;
      position: absolute;
      width: 35px !important;
      height: 19px;
      box-shadow: 3px 0px 7px 0px #c5c2c2;
      border-radius: 50%;
  
     
  }
  
  .changeIcon{
      /* background: #c1c1c1; */
      width: 21px;
      /* height: 26px; */
      border-radius: 50% !important;
      position: relative;
      color: #7f8c8d;
  
   
  }
  
  .changeImgBtn{
    position: absolute;
    top: 80%;
    left: 65%;
  }
.profileImg{
    width: 160px;
    height: 160px;
    display: -webkit-inline-box;
    display: inline-flex;
    overflow: hidden;
    // background: transparent;
    border-radius: 69% !important;
    position: relative;
    top: 34px;
    // background: white;
    background: transparent;
}

  .Text {
    margin: 0;
    padding: 0;
    text-align: center;
    font-weight: bolder;
    color: black;
    font-size: 16px;
    margin-top: 34px;
    text-align: center;
  }

  .line{

    padding-top: 0px !important;
    /* margin-bottom: 0px; */
    /* margin: 0px; */
    border-right: 1px #c5c2c2 solid !important;
    line-height: 10px !important;
    
  }
  .proTitles {
    margin: 0;
    padding: 0;
    font-size: 16px;
    text-align: center;
    font-weight: bolder;
    color: white; 
    margin-top: -33px;
  }


  .profileGrid{
    border: #bebbbb solid 1px;
    border-radius: 9px;
    padding: 0px;
    margin-top: 54px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    color: black;
    // font-weight: bold;
    background: white;

  }

  

  
  .lebl{

    color: black;
    font-size: 14px !important;
    font-weight: bold !important;
    padding-top: 9px;
    padding-left: 5px;
    
  }
  .rowBolds{
    color: black !important;
    font-size: 14px !important;
    /* padding: 6px !important; */
    padding-bottom: 9px;
    padding-left: 5px;
    padding-top: 4px;

  }