.main-wrapper{
      padding:20px;
    }

    /* LEFT PROFILE CARDS */

    .profile-card{
      background:#dddddd;
      border-radius:0 0 30px 0;
      padding:18px 15px;
      text-align:center;
      position:relative;
      overflow:hidden;
      min-height:130px;
      border-top:2px solid #ff7300;
      border-left:2px solid #ff7300;
      box-shadow:0 3px 10px rgba(0,0,0,0.08);
    }

    .profile-img{
      width:70px;
      height:70px;
      border-radius:50%;
      border:3px solid #ff7300;
      object-fit:cover;
      margin:auto;
      display:block;
    }

    .profile-name{
      font-size:14px;
      font-weight:700;
      margin-top:8px;
      margin-bottom:2px;
    }

    .profile-designation{
      font-size:11px;
      color:#555;
      margin-bottom:10px;
    }

    .view-btn{
      background:#17396b;
      color:#fff;
      border:none;
      border-radius:4px;
      padding:5px 12px;
      font-size:11px;
      font-weight:600;
    }

    /* RIGHT MENU BOXES */

    .menu-box{
      background:#e8dfdb;
      border-radius:5px;
      height:76px;
      display:flex;
      flex-direction:column;
      justify-content:center;
      align-items:center;
      text-align:center;
      cursor:pointer;
      padding:8px 6px;
      transition:0.2s ease;
      border:1px solid #ebe4e1;
    }

    .menu-box:hover{
      transform:translateY(-2px);
    }

    .menu-box i{
      font-size:28px;
      color:#c98a96;
      margin-bottom:6px;
      line-height:1;
    }

    .menu-box p{
      margin:0;
      font-size:10px;
      font-weight:500;
      color:#222;
      line-height:1.25;
    }

    @media(max-width:576px){

      .menu-box{
        height:78px;
      }

      .menu-box i{
        font-size:24px;
      }

      .menu-box p{
        font-size:9px;
      }

    }