.flex{
    display: flex;
}
.flex-c{
    flex-direction: column;
}
.flex-r{
    flex-direction: row;
    gap: 10;
}
.text-center{
    text-align: center;
}
.padding-x-50{
    padding:0 50px;
}
.padding-x-100{
    padding:0 100px;
}
.gap-10{
 
  gap: 10;
}
.text-dark{
    color: rgb(55, 52, 52);
    transition: all;
    transition-duration: 100ms;
} 
.text-dark:hover{
    color: rgb(79, 79, 253) !important;
   
}
.gallery-image {
    transition: transform 0.3s ease;
  }
  .gallery-image:hover {
    transform: scale(1.1);
    z-index: 1;
  }