@import url('https://fonts.googleapis.com/css2?family=Barlow&display=swap'); 

body{
  font-family: 'Barlow', sans-serif;
  font-size: 16px;
  line-height: 1.7;
}

a{
  text-decoration: none;
}

.border-left{
  border-left: 2px solid var(--primary) !important;
}

img{
  max-width: 100%;
}


.sidebar{
  top: 0;
  left : 0;
  z-index : 100;
  overflow-y: auto;
}

.overlay{
  background-color: rgb(0 0 0 / 45%);
  z-index: 99;
}

/* sidebar for small screens */
@media screen and (max-width: 767px){
  
  .sidebar{
    max-width: 18rem;
    transform : translateX(-100%);
    transition : transform 0.4s ease-out;
  }
  
  .sidebar.active{
    transform : translateX(0);
  }
  
}