@font-face {
  font-family: 'CircularStd';
  font-weight: 400;
  font-style: normal;
  src: local('CircularStd'), url('CircularStd-Book.otf') format('opentype');
}
@font-face {
  font-family: 'CircularStd';
  font-weight: 500;
  font-style: normal;
  src: local('CircularStd'), url('CircularStd-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'CircularStd';
  font-weight: 700;
  font-style: normal;
  src: local('CircularStd'), url('CircularStd-Bold.otf') format('opentype');
}
.isactive{ border: 1px solid #42ab5b;
  background-color: #e7f6ee !important;}
  
  .profile-tabs {
    display: flex;
    border-bottom: none !important;
    justify-content: flex-end;
  }
  
  
  .Grid{ width:70%; display: flex; flex-direction: row; justify-content: flex-start;}
  .Box{ border:1px solid rgba(145, 158, 171, 0.32); border-radius: 5px;  width: 30%; display: flex;}
  
  @media (max-width:499px){
  .Grid{ width:100%; display: flex; flex-direction: column; justify-content: flex-start;}
  .Box{ border:1px solid rgba(145, 158, 171, 0.32); min-height: 200px; border-radius: 5px;  width: 100%; display: flex;}
  
  }
  .mainNav{ border: 2px solid #42ab5b; border-radius: 5px;}
  .MuiLink-underlineHover { padding: 8px; text-align: center;}
  .activetab{ background-color: #124029; color:#fff !important; padding:8px; border-radius: 5px;}
  .subNav {   display: flex;   justify-content: flex-end;}
  .subNav .active{ border-bottom: 2px solid #42ab5b;}