@font-face{
    src: url("../font/Product\ Sans\ Regular.ttf");
    font-family: 'Product Sans';
}
@font-face{
    src: url("../font/Product\ Sans\ Bold.ttf");
    font-family: 'Product Sans';
    font-weight: 700;
}
@font-face{
    src: url("../font/Product\ Sans\ Italic.ttf");
    font-family: 'Product Sans';
    font-style: italic;
}
@font-face{
    src: url("../font/Product\ Sans\ Bold\ Italic.ttf");
    font-family: 'Product Sans';
    font-weight: 700;
    font-style: italic;
}
* {
    font-family: 'Product Sans', serif !important;
}

/* width */
::-webkit-scrollbar {
    width: 20px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #888; 
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }

.nav-color {
    background: linear-gradient(to right, #e0dff1 0%, #2e2d2e 100%);
    background: rgb(255, 255, 255, 0.9);
    /* box-shadow: 2px 1px rgb(241, 241, 241); */
}

.nav-app {
    font-size: 1rem;
}

.icon-color {
    color: black;
}

.left-nav {
    top: 48px;
    color: rgba(0, 0, 0, .87);
    padding: 24px;
    -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, .23);
    box-shadow: -2px 2px 5px rgba(0, 0, 0, .23);
}
.left-nav1 {
    top: 80px;
    color: rgba(0, 0, 0, .87);
    background: rgb(255, 255, 255, 0.9);
    -webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, .23);
    box-shadow: -2px 2px 5px rgba(0, 0, 0, .23);
    width: 240px;
}

.left-scroll {
    max-height: calc(100vh - 5rem);
      overflow-y: auto;
      overflow-x: hidden;
}
.content {
    background-color: #e1e2e2;
    background-image: url(../image/images.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;

}


.content1 {
    padding-top: 20px;
    
}

.email-card {
    background-color: rgb(255, 255, 255, 0.9);
    padding: 8%;
    border-radius: 1%;
}
.uk-card {
    background-color: rgb(255, 255, 255, 0.9);
}
.card1 {
    background-color: rgb(255, 255, 255, 0.7);
}
@media screen and (max-width: 960px) {
    .content {
        margin-left: 0px;;
    }
}

@media screen and (min-width: 960px) {
    .remove {
        padding: 0px;
    }
}