.title {
		font-family: 'Dancing Script', cursive; 
		font-size: 2.4rem; 
		display: flex;
		align-items: center; 
		justify-content: space-between; 
		flex-wrap: wrap; gap: 30px; 
		text-align: center;
	}
	
	.title input {
		padding: 10px; 
		width: 300px; 
		border: 2px solid #6f7696; 
		border-radius: 14px;
	}
	
    .dep {
        text-decoration: none;
        transition: transform 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
		color: #1a2a62;
		font-size: 20px;
		text-align: center; 
		width: 140px; 
		margin: 20px;
		  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
    }
    .dep:hover {
        transform: scale(1.2);
		text-decoration: none;
		
    }

    .dep svg {
        display: inline-block;
        background-color: white;
        border: 3px solid #1a2a62;
        border-radius: 50%;
        padding: 20px;
        transition: background-color 0.3s ease, box-shadow 0.3s ease;
		margin-bottom: 10px;
    }
    .dep:hover svg {
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
        background-color: #CF2E2E !important;
    }

.dep:hover .dep-title {
  color: #CF2E2E;
}

    .dep path {
        fill: #192a64 !important;
        transition: fill 0.3s ease;
    }
    .dep:hover path {
        fill: white !important;
    }