.my-table {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.my-table tr:nth-child(even){background-color: #C5F0EC;}

.my-table tr:hover {background-color: red;}

.my-table th {
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left;
  background-color: #136B1E;
  color: white;
}
/*   
.my-table tr {
  padding-top: 1px;
  padding-bottom: 1px;

}

*/

.my-table tr:hover {
  background-color: #d1e7dd; /* light green on hover */
  cursor: pointer;           /* pointer cursor */
}

.my-table td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		/* Label the data */
		content: attr(data-column);

		color: #000;
		font-weight: bold;
	}
label {
    font-size: 1.2rem;
    color: #000000;
    font-family: 'Verdana', sans-serif;
}
label.red {
    color: #fc0808;
}
label.mandatory::before {content: "* "; color: red;}

img.photo-card {
      background: #fff;
      border-radius: 15px;
      overflow: hidden;
      box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
      transition: transform 0.3s ease;
    }

img.photo-card:hover {
      transform: translateY(-10px);
    }

img.photo-card img {
      width: 200%;
      height: 200px;
      /*object-fit: cover;*/
      display: block;
    }

img.photo-caption {
      padding: 15px;
      text-align: center;
      color: #555;
      font-size: 16px;
    }
    
    
.soft-shadow {
  font-family:'Oswald',"Roboto",'Poppins', 'Roboto', sans-serif;
  font-weight: 800;
  font-size: 3rem;
 /* color: #0b8a13;*/
 color:#ff4d4d;
  text-shadow: 0.10em 0.08em 0.18em rgba(0,0,0,0.15);
  text-align:center;
 /* margin: 0.5rem 0;*/
  background: linear-gradient(180deg,#def109,#def109);
}