.direction-card {
            text-align: center;
            margin-bottom: 2rem;
            transition: transform 0.3s ease;
			cursor: pointer;
        }
        
        .direction-card:hover {
            transform: translateY(-5px);
        }
        
        .direction-icon {
            width: 150px;
            height: 150px;
            border-radius: 50%;
            background-color: #f8f9fa;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 1rem;
            overflow: hidden;
            border: 3px solid #e9ecef;
            transition: all 0.3s ease;
        }
        
        .direction-card:hover .direction-icon {
            border-color: #0d6efd;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        
        .direction-icon img {
            /*width: 60%;
            height: 60%;*/
			width: 100%;
			height: 100%;
            object-fit: contain;
        }
        
        .direction-title {
            font-weight: 600;
            color: #212529;
            margin-bottom: 0.5rem;
        }
        
        @media (max-width: 768px) {
            .direction-icon {
                /*width: 120px;
                height: 120px;*/
            }
        }

        @media (max-width: 576px) {
            .direction-icon {
                /*width: 100px;
                height: 100px;*/
            }
        }